:root{
  --ink:#0b0c0f;
  --green:#16824f;
  --lime:#f4c400;
  --paper:#f4f6f8;
  --white:#fff;
  --muted:#68717c;
  --line:#e5e8ec;
  --orange:#f06a13;
  --red:#b8322a;
  --blue:#1677e8;
  --radius:20px;
  --shadow:0 12px 34px rgba(16,24,40,.08);
}

html{background:var(--paper)}
body{background:linear-gradient(135deg,#f8fafb 0%,#f2f4f7 55%,#eef2f6 100%);-webkit-font-smoothing:antialiased}
.sidebar{width:276px;padding:24px 16px 18px;background:#08090b;border-right:1px solid #1f2227;transition:transform .24s ease,visibility .24s ease}
.main{margin-left:276px;transition:margin-left .24s ease}
.brand{padding:0 9px 24px;gap:13px}
.mark{width:52px;height:52px;border-radius:15px;background:var(--lime);padding:8px;box-shadow:0 10px 26px rgba(244,196,0,.18)}
.brand b{font-size:19px;letter-spacing:.2px}
.brand small{color:#aeb5be;font-size:12px}
.nav{gap:4px;padding-right:4px}
.nav button{min-height:44px;padding:11px 13px;border-radius:12px;color:#d9dde2;font-weight:760;transition:background .18s ease,color .18s ease,transform .18s ease}
.nav button:hover{background:#17191d;color:#fff;transform:translateX(2px)}
.nav button.active{background:var(--lime);color:var(--ink);box-shadow:0 8px 22px rgba(244,196,0,.16)}
.nav i{width:30px;font-size:17px}
.sidebarFoot{border-color:#282c31;background:#111317;color:#aeb5be}

.topbar{height:88px;padding:0 30px;border-bottom:1px solid rgba(219,224,230,.92);background:rgba(255,255,255,.88);backdrop-filter:blur(18px);box-shadow:0 4px 18px rgba(16,24,40,.035)}
.desktopSidebarToggle{width:44px;height:44px;flex:0 0 44px;display:grid;place-items:center;border:1px solid #dde2e8;border-radius:13px;background:#fff;color:#111827;font-size:23px;line-height:1;box-shadow:0 6px 16px rgba(16,24,40,.06);transition:background .18s ease,border-color .18s ease,transform .18s ease}
.desktopSidebarToggle:hover{background:#fff8d8;border-color:#e4c43c;transform:translateY(-1px)}
.topbar h1{font-size:18px;color:#303743}
.topActions{gap:10px;flex:1;justify-content:flex-end}
.topSearch{flex:1;max-width:650px}
.topSearch:before{left:16px;top:11px;font-size:19px}
.topSearch input{width:100%;height:46px;padding:11px 16px 11px 45px;border-color:#dde2e8;border-radius:14px;background:#f9fafb;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}
.topSearch input:focus{background:#fff;border-color:var(--lime);box-shadow:0 0 0 4px rgba(244,196,0,.16)}
.role select{height:44px;border-color:#dde2e8;border-radius:13px;background:#fff}
.avatar{width:42px;height:42px;background:var(--ink);color:#fff;box-shadow:0 8px 20px rgba(16,24,40,.14)}
.mobileBrand{display:none;align-items:center;gap:9px;min-width:0}
.mobileBrand img{width:38px;height:38px;padding:5px;border-radius:11px;background:var(--lime)}
.mobileBrand b,.mobileBrand small{display:block;white-space:nowrap}
.mobileBrand b{font-size:14px;letter-spacing:.2px}
.mobileBrand small{font-size:10px;color:var(--muted)}
.mobileHeaderActions{display:none;align-items:center;gap:4px;margin-left:auto}
.mobileHeaderActions button{position:relative;width:48px;height:48px;border:0;border-left:1px solid #edf0f3;background:transparent;color:#0b0c0f;font-size:28px}
.mobileHeaderActions i{position:absolute;right:2px;top:1px;min-width:21px;height:21px;padding:0 5px;border-radius:999px;background:#ef1717;color:#fff;font:800 12px/21px Arial;font-style:normal}

.content{max-width:1500px;padding:32px}
body.sidebarCollapsed .sidebar{transform:translateX(-100%);visibility:hidden}
body.sidebarCollapsed .main{margin-left:0}
body.sidebarCollapsed .content{max-width:none}
.headline{align-items:center;margin-bottom:22px}
.headline h2{font-size:34px;line-height:1.08;letter-spacing:-1.4px}
.headline p{margin-top:7px}
.btn{border-radius:13px;min-height:44px;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}
.btn:hover{transform:translateY(-1px)}
.btn.lime{box-shadow:0 8px 20px rgba(244,196,0,.2)}
.card,.stat{border-color:rgba(222,226,232,.95);box-shadow:var(--shadow)}
.card{padding:20px}
.stats{gap:16px;margin-bottom:18px}
.stat{min-height:128px;padding:20px;border-radius:20px;background:rgba(255,255,255,.96)}
.statTop{align-items:center}
.statIcon{width:44px;height:44px;border-radius:13px;font-size:20px}
.stat strong{font-size:34px;margin-top:10px;letter-spacing:-1.3px}
.stat small{display:block;margin-top:3px}
.row{border-color:#e9ecf0;border-radius:15px;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}
.row:hover{border-color:#d5dae1;box-shadow:0 8px 18px rgba(16,24,40,.05);transform:translateY(-1px)}
.rowIcon{background:#f1f5f9;border-radius:12px}
.pill{padding:6px 10px}

.dashboardHero{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:24px}
.dashboardHero .eyebrow,.workerPageHeader .eyebrow{display:block;margin-bottom:7px;color:var(--muted);font-size:15px;font-weight:650}
.dashboardHero h2,.workerPageHeader h2{margin:0;font-size:38px;line-height:1;letter-spacing:-1.6px}
.dashboardHero p,.workerPageHeader p{margin:8px 0 0;color:var(--muted)}
.dashboardGrid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(330px,.75fr);gap:16px;align-items:start}
.dashboardGrid .card{min-width:0}
.dashboardPriority .row{padding:13px}
.mobileDailyActions{display:none}
.dailyProgram{overflow:hidden;border:1px solid var(--line);border-radius:17px;background:#fff}
.programRow{display:grid;grid-template-columns:58px 46px minmax(0,1fr) auto;gap:11px;align-items:center;padding:13px 14px;border-bottom:1px solid #edf0f4}
.programRow:last-child{border-bottom:0}
.programRow time{font-size:15px;font-weight:900;color:#111827;font-variant-numeric:tabular-nums}
.programRow .rowIcon{width:46px;height:46px}
.programRow .rowBody small,.programTeam{display:block;margin-top:3px;color:var(--muted);font-size:12px;line-height:1.3}
.programTeam{color:#465364}
.agendaToolbar{display:flex;align-items:center;gap:9px;margin-bottom:15px}
.agendaToolbar .input{width:auto;min-width:165px;min-height:38px;padding:7px 10px}
.agendaToday{min-height:38px;padding:7px 13px;border:1px solid #079eb8;border-radius:11px;background:#fff;color:#079eb8;font-weight:850}
.programCard .cardHead small{display:block;margin-top:4px;color:var(--muted)}
.agendaPhoneNote{margin-top:14px}
.aiLaunchCard{display:flex;align-items:center;gap:18px;margin-top:16px;padding:22px;background:linear-gradient(120deg,#fff 0%,#f5f9ff 62%,#eaf3ff 100%);overflow:hidden;position:relative}
.aiLaunchCard:after{content:"";position:absolute;right:-55px;top:-90px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(22,119,232,.12),transparent 68%);pointer-events:none}
.aiLaunchLogo{width:68px;height:68px;display:grid;place-items:center;flex:none;border-radius:50%;background:var(--lime);box-shadow:0 0 0 7px rgba(244,196,0,.13)}
.aiLaunchLogo img{width:50px;height:50px}
.aiLaunchBody{min-width:0;flex:1;position:relative;z-index:1}
.aiLaunchBody h3{margin:0 0 4px;font-size:23px}
.aiLaunchBody p{margin:0;color:var(--muted)}

body[data-role="worker"] .sidebar .brand small{color:#d9dde2}
body[data-role="worker"] .sidebarFoot{display:none}
.workerDashboard{display:grid;gap:16px}
.workerPageHeader{display:flex;align-items:flex-end;justify-content:space-between;gap:18px}
.workerStats{grid-template-columns:repeat(4,minmax(0,1fr));margin:0}
.workerStats .stat{min-height:112px}
.workerStatsCompact{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:hidden;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:var(--shadow)}
.workerCompactStat{min-width:0;padding:13px 8px;text-align:center;border-right:1px solid var(--line)}
.workerCompactStat:last-child{border-right:0}.workerCompactStat>span{display:block;height:20px;color:var(--muted);font-size:16px}.workerCompactStat>strong{display:block;margin:2px 0;font-size:24px;line-height:1;font-variant-numeric:tabular-nums}.workerCompactStat>small{display:block;overflow:hidden;color:var(--muted);font-size:11px;white-space:nowrap;text-overflow:ellipsis}
.workerHoursPrompt{display:flex;align-items:center;gap:16px;padding:18px 20px;border:1px solid #ffd0aa;border-radius:18px;background:linear-gradient(110deg,#fffaf6,#fff3e8);color:#9a420a}
.workerHoursPrompt.ok{border-color:#bfe6cd;background:linear-gradient(110deg,#f7fff9,#edf9f1);color:#12683c}
.workerHoursPromptIcon{width:48px;height:48px;display:grid;place-items:center;flex:none;border-radius:14px;background:#fff;color:var(--orange);font-size:24px;box-shadow:0 8px 18px rgba(240,106,19,.12)}
.workerHoursPrompt.ok .workerHoursPromptIcon{color:var(--green)}
.workerHoursPromptBody{min-width:0;flex:1}
.workerHoursPromptBody b,.workerHoursPromptBody small{display:block}
.workerHoursPromptBody b{font-size:17px}
.workerHoursPromptBody small{margin-top:4px;color:inherit;opacity:.8}
.workerHoursDone{display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:14px;align-items:center;border-color:#bfe6cd;background:linear-gradient(120deg,#f7fff9,#edf9f1)}
.workerHoursDoneIcon{width:54px;height:54px;display:grid;place-items:center;border-radius:15px;background:#fff;color:var(--green);font-size:27px;font-weight:900;box-shadow:0 8px 18px rgba(22,116,72,.1)}
.workerHoursDone h3{margin:0 0 6px}.workerHoursDone p{margin:0;color:#365746;line-height:1.45}
.workerMainGrid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:16px;align-items:start}
.workerTaskCard{padding:22px}
.workerTaskTop{display:flex;align-items:flex-start;gap:13px}
.workerTaskTop .rowBody b{font-size:18px}
.workerTaskActions{display:flex;gap:9px;flex-wrap:wrap;margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}
.workerTaskActions .btn{flex:1 1 150px}
.workerOtherList{display:grid;gap:10px}
.workerOtherList .row{padding:13px}
.workerQuickPanel{display:grid;gap:10px}
.workerQuickAction{display:flex;align-items:center;gap:12px;width:100%;min-height:64px;padding:13px 15px;border:1px solid var(--line);border-radius:16px;background:#fff;color:var(--ink);font-weight:800;text-align:left}
.workerQuickAction span{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#fff7cc;font-size:19px}
.workerSectionTitle{margin:0 0 12px;font-size:20px}
.workerTodayEmpty{min-height:150px;display:grid;place-items:center}
.workerInstruction{display:grid;gap:5px;margin-top:15px;padding:13px 14px;border-radius:14px;background:#f6f8fa;color:#424b57;font-size:13px;line-height:1.45}
.workerInstruction b{color:var(--ink)}
.workerSecondaryTasks{margin-top:16px}
.workerProblemPrimary{min-width:210px}
.workerActionGrid,.workerAttachmentGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:16px}
.workerTaskDetail dl{display:grid;grid-template-columns:120px minmax(0,1fr);gap:10px;margin:18px 0 0}
.workerTaskDetail dt{font-weight:800;color:var(--muted)}
.workerTaskDetail dd{margin:0}
.workerConfirm{display:flex!important;align-items:flex-start;gap:9px;padding:13px;border:1px solid #e0e3e5;border-radius:12px;background:#f9fafb;line-height:1.4}
.workerConfirm input{width:19px!important;height:19px;flex:none;margin:0}
.workerHistoryList{display:grid;gap:9px}
.workerCaptureChoices{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.workerCaptureChoice{display:grid;grid-template-columns:52px minmax(0,1fr);gap:3px 13px;align-items:center;min-height:112px;padding:18px;border:1px solid var(--line);border-radius:18px;background:#fff;color:var(--ink);text-align:left}
.workerCaptureChoice>span{grid-row:1/3;width:52px;height:52px;display:grid;place-items:center;border-radius:15px;background:#f1f3f5;font-size:25px}
.workerCaptureChoice b{font-size:16px}.workerCaptureChoice small{color:var(--muted);line-height:1.35}
.workerCaptureChoice.purchase{border-color:#ecd160;background:#fff9d9}.workerCaptureChoice.purchase>span{background:var(--lime)}
.workerDocumentCamera{display:grid!important;grid-template-columns:52px minmax(0,1fr);gap:2px 12px;align-items:center;min-height:96px;padding:15px!important;border:2px solid #e1ba00;border-radius:17px;background:#fff7c4;color:var(--ink)!important;cursor:pointer}
.workerDocumentCamera>span{grid-row:1/3;width:52px;height:52px;display:grid;place-items:center;border-radius:14px;background:var(--lime);font-size:25px}.workerDocumentCamera>b{font-size:16px}.workerDocumentCamera>small{color:#695900}.workerDocumentCamera>input{position:absolute;width:1px!important;height:1px;opacity:0;pointer-events:none}
.workerUploadSeparator{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:12px}.workerUploadSeparator:before,.workerUploadSeparator:after{content:'';height:1px;flex:1;background:var(--line)}
.workerProfileCard,.workerProfileTools,.workerAccountCard{margin-top:16px}
.workerProfileIdentity{display:grid;grid-template-columns:88px minmax(0,1fr) auto;gap:16px;align-items:center}
.workerProfilePhoto{width:88px;height:88px;display:grid;place-items:center;overflow:hidden;border:4px solid #fff;border-radius:50%;background:var(--lime);box-shadow:0 0 0 2px #e6be00;color:var(--ink);font-size:34px;font-weight:900}
.workerProfilePhoto img{width:100%;height:100%;object-fit:cover}.workerProfileName h3{margin:0 0 5px;font-size:24px}.workerProfileName p{margin:0;color:var(--muted)}
.workerProfileScore{min-width:118px;padding:13px 15px;border-radius:16px;background:#101214;color:#fff;text-align:center}.workerProfileScore small,.workerProfileScore b{display:block}.workerProfileScore small{font-size:10px;color:#cbd0d6;text-transform:uppercase}.workerProfileScore b{margin-top:3px;font-size:21px}
.workerProfileDetails{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:20px}.workerProfileDetail{display:grid;grid-template-columns:38px minmax(0,1fr);gap:0 9px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:14px;background:#fafbfc}.workerProfileDetail>span{grid-row:1/3;font-size:24px}.workerProfileDetail small{color:var(--muted)}.workerProfileDetail b{font-size:15px}
.workerProfileEdit{width:100%;min-height:50px;margin-top:16px}.workerAccountCard{text-align:center}.workerSignOutButton{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:58px;border:2px solid #d93b3b;border-radius:16px;background:#fff3f3;color:#a71d1d;font-size:16px}.workerSignOutButton span{font-size:24px}.workerAccountCard>small{display:block;margin-top:9px;color:var(--muted)}
.workerOperationalPanel{margin-top:18px}
.workerOperationalAlert{border-left:6px solid var(--orange);background:#fffaf6}
.workerReportDetail p{line-height:1.5}

.mobileNav{isolation:isolate}
.mobileNav button[data-action="photo"] span{width:44px;height:44px;display:grid;place-items:center;margin:-15px auto 3px;border-radius:50%;background:var(--lime);color:var(--ink);box-shadow:0 8px 20px rgba(16,24,40,.18);font-size:20px}
.mobileNav button[data-action="photo"]{position:relative;z-index:1}.mobileNav button[data-action="profile"],.mobileNav button[data-action="skills"]{position:relative;z-index:2;touch-action:manipulation}
.workerToast{position:fixed;left:50%;bottom:calc(86px + env(safe-area-inset-bottom));z-index:80;max-width:calc(100% - 24px);padding:12px 16px;border-radius:14px;background:#111;color:#fff;box-shadow:0 12px 32px rgba(0,0,0,.24);font-size:13px;font-weight:800;text-align:center;opacity:0;transform:translate(-50%,12px);pointer-events:none;transition:opacity .18s ease,transform .18s ease}
.workerToast.visible{opacity:1;transform:translate(-50%,0)}

@media(max-width:1180px){
  .sidebar{width:250px}.main{margin-left:250px}.content{padding:26px}.dashboardGrid,.workerMainGrid{grid-template-columns:1fr}.workerStats{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:980px){
  body{padding-top:0}
  .desktopSidebarToggle{display:none}
  .sidebar{display:none}.main{margin-left:0}
  .topbar{top:0;height:76px;padding:0 18px;gap:14px}
  .mobileBrand{display:flex}
  .topbar>h1{display:none}
  .topActions{min-width:0}
  .topSearch{max-width:none}
  .role label{display:none}
  .content{padding:22px 18px 104px}
  .dashboardHero h2,.workerPageHeader h2{font-size:34px}
  .mobileNav{padding:8px max(8px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));border-top-color:#e1e5ea;box-shadow:0 -10px 28px rgba(16,24,40,.1)}
  .mobileNav button{min-height:48px;color:#606a76;font-size:10px;border-radius:12px}
  .mobileNav button.active{background:#fff7cc;color:var(--ink)}
  body[data-role="worker"] .topSearch,body[data-role="worker"] .role select{display:none}
  body[data-role="worker"] .topActions{display:none}
  body[data-role="worker"] .cloudAccount{display:none!important}
}

@media(max-width:620px){
  body[data-role="office"]{background:#f7f9fc}
  body[data-role="office"] .topbar{height:92px;margin:18px 16px 0;padding:0 15px;border:0;border-radius:22px;background:#fff;box-shadow:0 12px 30px rgba(16,24,40,.1)}
  body[data-role="office"] .mobileBrand{display:flex}
  body[data-role="office"] .mobileBrand img{width:54px;height:54px;padding:7px;border-radius:10px}
  body[data-role="office"] .mobileBrand b{font-size:22px;letter-spacing:-.6px}
  body[data-role="office"] .mobileBrand small{display:none}
  body[data-role="office"] .mobileHeaderActions{display:flex}
  body[data-role="office"] .topActions{display:none}
  body[data-role="office"].mobileSearchOpen .mobileBrand,body[data-role="office"].mobileSearchOpen .mobileHeaderActions{display:none}
  body[data-role="office"].mobileSearchOpen .topActions{display:flex;width:100%}
  body[data-role="office"].mobileSearchOpen .topSearch{display:block;width:100%}
  body[data-role="office"].mobileSearchOpen .role{display:none}
  body[data-role="office"] .content{padding:38px 16px 112px}
  .topbar{height:72px;padding:0 14px;background:rgba(255,255,255,.96)}
  .mobileBrand img{width:40px;height:40px}
  .mobileBrand b{font-size:13px}.mobileBrand small{font-size:9px}
  .dashboardHero,.workerPageHeader{align-items:flex-start;flex-direction:column;margin-bottom:18px}
  .dashboardHero h2,.workerPageHeader h2{font-size:31px;letter-spacing:-1.2px}
  .dashboardHero .actions,.workerPageHeader .actions{width:100%}
  .dashboardHero .btn,.workerPageHeader .btn{width:100%}
  .stats,.workerStats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .stat,.workerStats .stat{min-height:106px;padding:14px;border-radius:17px}
  .statTop{font-size:11px}.statIcon{width:36px;height:36px}.stat strong{font-size:28px}
  .card{padding:15px;border-radius:18px}
  .dashboardGrid,.workerMainGrid{gap:12px}
  .aiLaunchCard{align-items:flex-start;flex-wrap:wrap;padding:18px}
  .aiLaunchLogo{width:54px;height:54px}.aiLaunchLogo img{width:40px;height:40px}
  .aiLaunchBody{flex-basis:calc(100% - 76px)}
  .aiLaunchCard>.btn{width:100%}
  .workerHoursPrompt{align-items:flex-start;flex-wrap:wrap;padding:15px}
  .workerHoursPrompt .btn{width:100%}
  .workerHoursDone{grid-template-columns:48px minmax(0,1fr);padding:15px}
  .workerHoursDoneIcon{width:48px;height:48px}
  .workerHoursDone .btn{grid-column:1/-1;width:100%}
  .workerTaskCard{padding:16px}
  .workerTaskTop{display:grid;grid-template-columns:auto minmax(0,1fr)}
  .workerTaskTop>.pill{grid-column:1/-1;justify-self:start}
  .workerTaskActions{display:grid;grid-template-columns:1fr 1fr}
  .workerTaskActions .btn{width:100%;min-width:0;padding:10px 8px;font-size:12px}
  .workerTaskActions .btn:first-child{grid-column:1/-1}
  .workerOtherList .row{display:grid;grid-template-columns:auto minmax(0,1fr)}
  .workerOtherList .row>.pill,.workerOtherList .row>.btn{grid-column:2;justify-self:start}
  .workerOtherList .row>.btn{width:100%}
  .workerCaptureChoices{grid-template-columns:1fr}
  .workerProfileIdentity{grid-template-columns:72px minmax(0,1fr);gap:13px}.workerProfilePhoto{width:72px;height:72px}.workerProfileScore{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;text-align:left}.workerProfileScore b{margin:0}.workerProfileDetails{grid-template-columns:1fr 1fr}.workerProfileDetail{padding:10px}.workerProfileName h3{font-size:21px}
  .row{align-items:flex-start}

  body[data-role="office"] .dashboardHero{margin-bottom:24px}
  body[data-role="office"] .dashboardHero .eyebrow{font-size:18px;color:#596579;margin-bottom:8px}
  body[data-role="office"] .dashboardHero h2{font-size:36px;line-height:1.04;letter-spacing:-1.7px}
  body[data-role="office"] .dashboardHero p,body[data-role="office"] .dashboardHero .actions{display:none}
  body[data-role="office"] .stats{gap:12px;margin-bottom:28px}
  body[data-role="office"] .dashboardStats .mobileExtra{display:none}
  body[data-role="office"] .dashboardStats{grid-template-columns:1fr 1fr;margin-bottom:14px}
  body[data-role="office"] .stat{display:grid;grid-template-columns:56px minmax(0,1fr);grid-template-rows:auto auto;column-gap:12px;align-items:center;min-height:128px;padding:18px 14px;background:#fff}
  body[data-role="office"] .statTop{display:contents}
  body[data-role="office"] .statTop>span:first-child{grid-column:2;grid-row:2;align-self:start;font-size:14px;line-height:1.2;color:#111827;text-transform:none}
  body[data-role="office"] .statIcon{grid-column:1;grid-row:1/3;width:56px;height:56px;border-radius:15px;font-size:25px}
  body[data-role="office"] .stat strong{grid-column:2;grid-row:1;margin:0;align-self:end;font-size:34px}
  body[data-role="office"] .stat small{display:none}
  body[data-role="office"] .mobileDailyActions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:26px}
  body[data-role="office"] .mobileDailyActions button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:56px;padding:12px;border:0;border-radius:17px;background:#fff;color:#111827;box-shadow:0 8px 22px rgba(16,24,40,.08);font-size:14px}
  body[data-role="office"] .mobileDailyActions button span{font-size:22px}
  body[data-role="office"] .mobileDailyActions button small{display:none}
  body[data-role="office"] .mobileDailyActions .mobilePrimaryAction{background:#0e9fba;color:#fff}
  body[data-role="office"] .mobileDailyActions .mobileInspectionAction{border:2px solid #0e9fba;color:#079eb8}
  body[data-role="office"] .mobileDailyActions .mobileQuoteAction{grid-column:1/-1;min-height:48px;color:#079eb8}
  body[data-role="office"] .dashboardGrid{display:block}
  body[data-role="office"] .dashboardAgenda{display:block;margin-top:26px;padding:0;border:0;background:transparent;box-shadow:none}
  body[data-role="office"] .dashboardAgenda .cardHead{margin:0 4px 12px}
  body[data-role="office"] .dashboardAgenda .cardHead h3{font-size:25px}
  body[data-role="office"] .dashboardAgenda .dailyProgram{border:0;border-radius:20px;box-shadow:0 12px 30px rgba(16,24,40,.08)}
  body[data-role="office"] .programRow{grid-template-columns:48px 44px minmax(0,1fr) auto;gap:9px;padding:12px}
  body[data-role="office"] .programRow time{font-size:14px}
  body[data-role="office"] .programRow .rowIcon{width:44px;height:44px}
  body[data-role="office"] .programRow .btn{min-width:52px;padding:7px 9px}
  body[data-role="office"] .dashboardPriority{padding:0;overflow:hidden;border:0;background:transparent;box-shadow:none}
  body[data-role="office"] .dashboardPriority .cardHead{margin:0 4px 12px}
  body[data-role="office"] .dashboardPriority .cardHead h3{font-size:25px}
  body[data-role="office"] .dashboardPriority .cardHead .btn{display:none}
  body[data-role="office"] .dashboardPriority .list{overflow:hidden;border-radius:20px;background:#fff;box-shadow:0 12px 30px rgba(16,24,40,.08)}
  body[data-role="office"] .dashboardPriority .row{display:grid;grid-template-columns:48px minmax(0,1fr) auto 30px;gap:10px;align-items:center;margin:0;padding:12px;border:0;border-bottom:1px solid #edf0f4;border-radius:0;box-shadow:none;transform:none}
  body[data-role="office"] .dashboardPriority .row:last-child{border-bottom:0}
  body[data-role="office"] .dashboardPriority .row:nth-child(n+4){display:none}
  body[data-role="office"] .dashboardPriority .rowIcon{width:48px;height:48px;font-size:22px}
  body[data-role="office"] .dashboardPriority .rowBody small{display:none}
  body[data-role="office"] .dashboardPriority .rowBody b{font-size:16px}
  body[data-role="office"] .dashboardPriority .row>.priorityOpen{min-width:0;width:30px;height:38px;min-height:38px;padding:0;border:0;background:transparent;font-size:29px}
  body[data-role="office"] .dashboardPriority [data-quick-site],body[data-role="office"] .dashboardPriority [data-bulk-share]{display:none!important}
  body[data-role="office"] .aiLaunchCard{display:grid;grid-template-columns:104px minmax(0,1fr);gap:16px;margin-top:20px;padding:18px;background:linear-gradient(125deg,#f8fcff,#eaf5ff)}
  body[data-role="office"] .aiLaunchLogo{width:96px;height:96px}
  body[data-role="office"] .aiLaunchLogo img{width:72px;height:72px}
  body[data-role="office"] .aiLaunchBody h3{font-size:24px}
  body[data-role="office"] .aiLaunchBody p{font-size:14px;line-height:1.35}
  body[data-role="office"] .aiLaunchBody .btn{margin-top:12px;min-height:42px;background:#0e9fba;color:#fff;border-color:#0e9fba}
  body[data-role="office"] .aiLaunchCard{display:none}
  body[data-role="office"] .company{display:none}
  body[data-role="office"] .mobileNav{height:78px;padding:7px 8px calc(6px + env(safe-area-inset-bottom));box-shadow:0 -8px 26px rgba(16,24,40,.1)}
  body[data-role="office"] .mobileNav button{color:#152238;font-size:11px}
  body[data-role="office"] .mobileNav button.active{background:transparent;color:#079eb8}
  body[data-role="office"] .agendaToolbar{display:grid;grid-template-columns:auto 1fr auto auto;gap:7px}
  body[data-role="office"] .agendaToolbar .input{width:100%;min-width:0}
  body[data-role="office"] .programCard{padding:12px}

  body[data-role="worker"] .workerDashboard{gap:12px}
  body[data-role="worker"]{touch-action:pan-x pan-y}
  body[data-role="worker"] .content{padding-left:10px;padding-right:10px}
  body[data-role="worker"] .topbar{padding-left:10px;padding-right:10px}
  body[data-role="worker"] .mobileNav{padding-left:3px;padding-right:3px}
  body[data-role="worker"] .mobileNav button{min-width:0;padding:4px 1px;font-size:9px;letter-spacing:-.15px;white-space:nowrap}
  body[data-role="worker"] .mobileNav button span{font-size:18px}
  body[data-role="worker"] .mobileNav button[data-action="photo"] span{width:42px;height:42px;font-size:19px}
  body[data-role="worker"] .workerStatsCompact{border-radius:16px}
  body[data-role="worker"] .workerCompactStat{padding:10px 4px}
  body[data-role="worker"] .workerCompactStat>strong{font-size:21px}
  body[data-role="worker"] .workerPageHeader p{display:none}
  body[data-role="worker"] .workerPageHeader{margin-bottom:2px}
  body[data-role="worker"] .workerTaskActions{grid-template-columns:1fr 1fr}
  body[data-role="worker"] .workerQuickCard{margin-top:14px}
  .workerTaskDetail dl{grid-template-columns:1fr;gap:4px}
  .workerTaskDetail dd{margin-bottom:8px}
}

/* Un telefono ruotato conserva il portale mobile invece di aprire il layout desktop. */
@media(orientation:landscape) and (max-height:620px){
  .sidebar{display:none!important}
  .main{width:100%;margin-left:0!important}
  .desktopSidebarToggle,.topbar>h1{display:none!important}
  .mobileBrand{display:flex!important}
  .topbar{top:0;height:64px;padding:0 12px;gap:10px}
  .content{width:100%;max-width:none;padding:12px 12px calc(84px + env(safe-area-inset-bottom))}
  .cols,.dashboardGrid,.workerMainGrid{grid-template-columns:1fr}
  .mobileNav{position:fixed;display:flex!important;left:0;right:0;bottom:0;z-index:30;padding:6px max(4px,env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) max(4px,env(safe-area-inset-left));border-top:1px solid var(--line);background:#fff;box-shadow:0 -8px 24px rgba(16,24,40,.1)}
  .mobileNav button{min-width:0;min-height:44px;flex:1;padding:3px 1px;border:0;border-radius:10px;background:#fff;color:#606a76;font-size:9px;white-space:nowrap}
  .mobileNav button span{display:block;margin-bottom:1px;font-size:17px}
  .mobileNav button.active{background:#fff7cc;color:var(--ink);font-weight:850}
  body[data-role="worker"] .topSearch,body[data-role="worker"] .role select,body[data-role="worker"] .topActions{display:none!important}
  body[data-role="worker"] .workerPageHeader{margin-bottom:2px}
  body[data-role="worker"] .workerPageHeader p{display:none}
}

@media(max-width:620px){
  html,body{width:100%;max-width:100%;overflow-x:hidden}
  .shell,.main,.content{width:100%;max-width:100%;min-width:0;box-sizing:border-box}
  body[data-role="office"] .topbar{width:calc(100% - 32px);max-width:calc(100% - 32px);box-sizing:border-box}
  body[data-role="office"] .dashboardStats,body[data-role="office"] .mobileDailyActions,body[data-role="office"] .dashboardGrid,body[data-role="office"] .dashboardPriority,body[data-role="office"] .dashboardAgenda{width:100%;max-width:100%;min-width:0}
  body[data-role="office"] .dashboardPriority .row{max-width:100%;box-sizing:border-box}
}

@media(prefers-reduced-motion:reduce){.nav button,.btn,.row{transition:none}}