:root{
  --bg:#f5f5f7;--card:#fff;--text:#1d1d1f;--muted:#6e6e73;--line:rgba(60,60,67,.14);
  --blue:#0A84FF;--purple:#AF52DE;--green:#34C759;--orange:#FF9500;--red:#FF3B30;
  --cyan:#32ADE6;--indigo:#5856D6;--teal:#30B0C7;--shadow:0 14px 44px rgba(0,0,0,.07)
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;background:linear-gradient(180deg,#edf6ff 0,#f5f5f7 240px,#f5f5f7 100%);
  color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Segoe UI",sans-serif
}
button,input,select,textarea{font:inherit;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
button{cursor:pointer}.hidden{display:none!important}.muted{color:var(--muted)}
.srOnly{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
button:disabled{cursor:not-allowed;opacity:.55}.clickable,.notice{cursor:pointer}.lateText{color:#d70015}
.app{max-width:1560px;margin:auto;padding:16px 22px 56px}
header{
  position:sticky;top:0;z-index:80;margin:-16px -22px 16px;padding:14px 22px 11px;
  background:rgba(245,245,247,.84);backdrop-filter:blur(24px);border-bottom:1px solid rgba(255,255,255,.74)
}
.top{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.brandLine{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.brand h1{margin:0;font-size:27px;letter-spacing:-.75px}.brand p{margin:3px 0 0;color:var(--muted);font-size:12.5px}
.breadcrumb{font-size:12px;color:var(--muted);background:#fff;border:1px solid var(--line);padding:5px 8px;border-radius:999px}
.headerActions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.headerContext{font-size:11.5px;color:var(--muted);white-space:nowrap}
.weatherButton{font-size:11.5px;white-space:nowrap}
.live{font-size:11.5px;color:#248a3d;background:#eaf8ee;border-radius:999px;padding:7px 9px;font-weight:750}
.user{display:flex;align-items:center;gap:7px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:5px 9px 5px 5px;font-weight:760}
.avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:850;font-size:12px;flex:0 0 auto}
.teamPills{display:flex;gap:7px;flex-wrap:wrap;margin-top:11px}
.teamPill{border:0;color:#fff;border-radius:999px;padding:9px 13px;font-weight:820;box-shadow:0 3px 10px rgba(0,0,0,.12);transition:.16s}
.teamPill:hover{transform:translateY(-1px)}.teamPill.active{outline:3px solid #fff;box-shadow:0 0 0 2px #1d1d1f,0 4px 12px rgba(0,0,0,.16)}
.nav{display:flex;gap:5px;margin-top:11px;background:rgba(118,118,128,.12);border-radius:12px;padding:4px;max-width:100%;overflow:auto}
.nav button{border:0;background:transparent;border-radius:9px;padding:8px 12px;font-weight:700;white-space:nowrap;color:#3a3a3c}
.nav button.active{background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.14);color:#000}
.mobileNav{display:none}
.btn{border:1px solid var(--line);background:#fff;color:var(--text);padding:9px 12px;border-radius:11px;font-weight:710;min-height:40px}
.btn:hover{transform:translateY(-1px)}.btn.primary{background:#0071e3;color:#fff;border-color:#0071e3}.btn.danger{color:#d70015}.btn.ghost{background:transparent}.btn.icon{width:40px;padding:0;display:grid;place-items:center;font-size:20px}
.card{background:rgba(255,255,255,.92);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.84);border-radius:20px;box-shadow:var(--shadow)}
.banner{margin-bottom:12px;padding:10px 12px;border-radius:14px;background:#fff8df;border:1px solid #f5df9a;color:#735600;font-size:12.5px;line-height:1.45}
.successBanner{background:#eef9f0;border-color:#bfe2c6;color:#23652f}.live.offline{color:#d70015}.ownerInline,.memberHeading{display:inline-flex;align-items:center;gap:7px}.memberHeading{margin-top:0}.reviewed{opacity:.74}
.sectionHead{display:flex;gap:9px;align-items:center;margin:19px 0 9px}.sectionHead h2{margin:0;font-size:20px;letter-spacing:-.35px}.spacer{flex:1}
.hero{display:grid;grid-template-columns:1.55fr 1fr;gap:13px}.heroMain{padding:23px;min-height:224px;background:linear-gradient(135deg,#087bfa,#625be7);color:#fff}.heroMain h2{font-size:30px;line-height:1.08;letter-spacing:-.8px;margin:8px 0 6px}.heroMain p{margin:0;opacity:.9}.eyebrow{text-transform:uppercase;letter-spacing:.55px;font-weight:820;font-size:11.5px;opacity:.84}.rank{font-size:52px;font-weight:860;letter-spacing:-2px;margin-top:20px}.heroSide{padding:18px}
.kpis{display:grid;grid-template-columns:repeat(7,1fr);gap:9px;margin:13px 0 17px}.kpi{padding:14px;min-height:90px;cursor:pointer;transition:.16s;text-align:left;width:100%}.kpi:hover{transform:translateY(-2px);box-shadow:0 17px 42px rgba(0,0,0,.1)}.kpi:focus-visible{outline:3px solid rgba(10,132,255,.45);outline-offset:2px}.kpi .n{font-size:26px;font-weight:850}.kpi .l{font-size:12px;color:var(--muted);margin-top:2px}
.grid2{display:grid;grid-template-columns:1.35fr 1fr;gap:13px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.projects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.project{padding:15px;cursor:pointer;transition:.16s}.project:hover{transform:translateY(-2px)}
.projectTop{display:flex;gap:8px;align-items:center}.dot{width:11px;height:11px;border-radius:50%}.project h3{margin:0;font-size:16.5px}.project p{color:var(--muted);font-size:12.7px;line-height:1.45;margin:8px 0 12px;min-height:36px}.projectEdit{margin-top:10px}
.bar{height:7px;border-radius:999px;background:#ededf1;overflow:hidden}.bar i{display:block;height:100%;border-radius:inherit}
.chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.chip{display:inline-flex;align-items:center;gap:5px;border-radius:999px;background:#f2f2f7;padding:5px 8px;font-size:11.3px;color:#555}.chip.bad{background:#fff0ef;color:#d70015}.chip.warn{background:#fff4d6;color:#7a5600}.chip.good{background:#eaf8ee;color:#248a3d}.chip.info{background:#eef5ff;color:#0066cc}.chip.prod{background:#eaf9fb;color:#15717c}
.panel{overflow:hidden}.panelHead{padding:11px 13px;border-bottom:1px solid var(--line);display:flex;gap:8px;align-items:center;flex-wrap:wrap}.panelBody{padding:13px}
.field{display:flex;flex-direction:column;gap:4px}.field label{font-size:11.8px;color:var(--muted);font-weight:700}
input,select,textarea{border:1px solid #d2d2d7;background:#fff;color:var(--text);padding:9px 10px;border-radius:10px}
input:focus,select:focus,textarea:focus{outline:3px solid rgba(10,132,255,.14);border-color:#0A84FF}
.workCard{padding:15px}.workCard h3{margin:0 0 9px;font-size:16.5px}.workList{display:flex;flex-direction:column;gap:7px}.workItem{display:flex;gap:9px;align-items:flex-start;border-bottom:1px solid var(--line);padding:8px 0}.workItemButton{border:0;background:transparent;width:100%;text-align:left;cursor:pointer}.workItem:last-child{border-bottom:0}.workItem .index{width:27px;height:27px;border-radius:9px;background:#f2f2f7;display:grid;place-items:center;font-size:11.5px;font-weight:850;flex:0 0 auto}.workItem strong{font-size:13.7px}.workItem small{display:block;color:var(--muted);margin-top:3px}
.draftList{display:flex;flex-direction:column;gap:9px}.draftCard{padding:13px;border-left:5px solid #0A84FF;background:linear-gradient(90deg,var(--mailbox-tint,rgba(10,132,255,.06)),rgba(255,255,255,.94) 48%)}.draftCard.task{border-left-color:#FF9500}.draftCard.calendar{border-left-color:#34C759}.draftCard.urgent{box-shadow:inset 0 0 0 2px rgba(255,59,48,.22)}.draftCard h3{margin:0;font-size:14px}.draftCard p{margin:5px 0;color:var(--muted);font-size:12.5px}.draftCountGrid{display:flex;gap:7px;flex-wrap:wrap}.mailboxBadge{border-left:3px solid var(--mailbox-accent,#8e8e93)}
.taskGroups{padding:11px;display:flex;flex-direction:column;gap:12px}.taskGroup{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}.taskGroupHead{display:flex;align-items:center;gap:9px;padding:11px 12px;background:#fafafc;border-bottom:1px solid var(--line)}.taskGroupHead h3{font-size:15px;margin:0}.count{margin-left:auto;font-size:11.5px;color:var(--muted)}
.task{display:grid;grid-template-columns:40px minmax(250px,1fr) 104px 108px 118px 88px 36px;gap:9px;align-items:center;padding:10px 11px;border-bottom:1px solid var(--line)}.task:last-child{border-bottom:0}.task:hover{background:#fafafc}
.ownerAvatar{width:33px;height:33px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:11.5px;font-weight:850}.taskTitle{font-size:14px;font-weight:770;line-height:1.3}.taskMeta{display:flex;gap:5px;align-items:center;flex-wrap:wrap;color:var(--muted);font-size:11.2px;margin-top:4px}
.due{font-size:11.7px;color:var(--muted);font-weight:680}.due.overdue{color:#d70015}.due.soon{color:#a05a00}.orderBox{display:flex;align-items:center;gap:2px}.orderBtn{width:30px;height:30px;border:0;border-radius:9px;background:#f2f2f7;font-weight:900}.rankBadge{font-size:10.8px;font-weight:850;min-width:27px;text-align:center;color:#6e6e73}
.statusSelect{border:0;background:#f2f2f7;border-radius:999px;font-size:11.7px;font-weight:760;padding:7px 8px}.prio{font-size:11px;font-weight:760;padding:5px 7px;border-radius:999px;width:max-content}.prio.high{background:#fff0ef;color:#d70015}.prio.normal{background:#eef5ff;color:#0066cc}.prio.low{background:#eaf8ee;color:#248a3d}.moreBtn{border:0;background:transparent;color:#8e8e93;font-size:20px;width:33px;height:33px;border-radius:9px}
.prodList{display:flex;flex-direction:column;gap:10px}.prodCard{padding:14px;display:grid;grid-template-columns:8px minmax(260px,1.3fr) minmax(170px,.8fr) minmax(170px,.8fr) 120px 40px;gap:11px;align-items:center}.prodStripe{width:8px;height:100%;min-height:86px;border-radius:999px;background:var(--teal)}.prodTitle{font-size:15px;font-weight:800}.prodMeta{font-size:11.5px;color:var(--muted);margin-top:4px;line-height:1.45}.prodDate strong{display:block;font-size:12.5px}.prodDate small{color:var(--muted)}.risk{font-size:11.5px;font-weight:800;border-radius:999px;padding:6px 8px;width:max-content}.risk.ok{background:#eaf8ee;color:#248a3d}.risk.warn{background:#fff4d6;color:#8a5b00}.risk.bad{background:#fff0ef;color:#d70015}
.inboxTabs{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:10px}.inboxTabs button{border:0;background:#f2f2f7;padding:7px 10px;border-radius:999px;font-size:11.8px;font-weight:750}.inboxTabs button.active{background:#1d1d1f;color:#fff}
.inboxList{display:flex;flex-direction:column;gap:9px}.inboxItem{padding:14px;display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:10px;align-items:start}.inboxItem.gmailReadable{cursor:pointer}.inboxItem.gmailReadable:focus{outline:3px solid rgba(10,132,255,.2)}.inboxItem.mailboxThemed{background:linear-gradient(90deg,var(--mailbox-tint),rgba(255,255,255,.92) 46%);border-left:5px solid var(--mailbox-accent)}.inboxSourceActions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.sourceIcon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;font-size:18px;background:#f2f2f7}.inboxItem.mailboxThemed .sourceIcon{background:var(--mailbox-tint);color:var(--mailbox-accent)}.mailboxChip{background:var(--mailbox-tint);border:1px solid color-mix(in srgb,var(--mailbox-accent) 30%,transparent);color:var(--mailbox-accent);font-weight:750}.mailboxKind{background:rgba(29,29,31,.06);color:#56565b}.inboxItem h3{margin:0;font-size:14.5px}.inboxItem p{margin:5px 0;color:var(--muted);font-size:12.5px;line-height:1.45}.proposal{margin-top:8px;background:#f8fbff;border:1px solid #dceaff;border-radius:12px;padding:9px}.proposal strong{font-size:12.8px}.proposal small{display:block;color:var(--muted);margin-top:2px}.proposalActions{display:flex;gap:6px;flex-wrap:wrap;margin-top:7px}
.timeline{display:flex;flex-direction:column;gap:8px}.timelineItem{display:grid;grid-template-columns:72px 1fr;gap:9px}.time{color:var(--muted);font-size:11.7px;font-weight:680}.event{border-left:4px solid #0A84FF;padding:7px 10px;border-radius:0 12px 12px 0;background:#f8fbff}.event strong{font-size:13.3px}.event small{display:block;color:var(--muted);margin-top:2px}
.meetings{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}.meeting{padding:15px}.meeting h3{margin:8px 0 4px;font-size:16px}.meeting p{color:var(--muted);font-size:12.5px;line-height:1.45}.meetingActions{display:flex;gap:7px;flex-wrap:wrap;margin-top:9px}
.decisionList{display:flex;flex-direction:column;gap:9px}.decision{padding:14px;display:grid;grid-template-columns:8px 1fr auto;gap:10px}.stripe{width:8px;height:100%;min-height:70px;border-radius:999px}.decision h3{margin:0 0 4px;font-size:15.5px}.decision p{margin:0;color:var(--muted);font-size:12.3px;line-height:1.45}
.teamGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.member{padding:14px;width:100%;text-align:left;color:inherit}.memberTop{display:flex;align-items:center;gap:9px}.member .avatar{width:40px;height:40px}.member h3{margin:0;font-size:15px}.member p{margin:3px 0;color:var(--muted);font-size:11.8px}
.noticeList,.activity{display:flex;flex-direction:column;gap:7px}.notice{display:flex;gap:9px;align-items:flex-start;padding:9px;border:0;border-radius:12px;background:#f8f8fa;color:inherit;text-align:left;width:100%}.notice:focus-visible,.member:focus-visible,.workItemButton:focus-visible{outline:3px solid rgba(10,132,255,.35);outline-offset:2px}.bullet{width:9px;height:9px;border-radius:50%;margin-top:5px;flex:0 0 auto}.notice strong{font-size:12.8px}.notice small{display:block;color:var(--muted);margin-top:2px}.activityRow{display:grid;grid-template-columns:93px 1fr;gap:8px;padding:8px 0;border-bottom:1px solid var(--line)}.activityRow time{font-size:10.8px;color:var(--muted)}.activityRow div{font-size:12.2px}.activityRow small{display:block;color:var(--muted);margin-top:3px}.auditFilters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}.auditFilters select{min-width:150px}
.inboxIntelligence{margin-top:10px;padding:10px;border-radius:12px;background:rgba(255,255,255,.72);border:1px solid var(--line)}.inboxIntelligence p{margin:7px 0 3px}.inboxIntelligence small{color:var(--muted)}
.searchModal{width:min(720px,92vw)}.searchResults{display:flex;flex-direction:column;gap:7px;max-height:55vh;overflow:auto}.searchResult{display:grid;grid-template-columns:auto 1fr;gap:5px 9px;text-align:left;border:1px solid var(--line);background:#fff;border-radius:12px;padding:10px;min-height:52px;cursor:pointer}.searchResult:hover,.searchResult:focus-visible{border-color:var(--blue);outline:none}.searchResult strong{align-self:center}.searchResult small{grid-column:2;color:var(--muted);overflow-wrap:anywhere}
.consentChecklist{display:grid;gap:7px;padding:12px;border:1px solid var(--line);border-radius:12px;background:#fafafa}.consentChecklist span{font-size:12.5px}
.moduleGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.moduleCard{padding:14px}.moduleCard h3{margin:0 0 4px;font-size:15px}.moduleCard p{margin:0;color:var(--muted);font-size:12px;line-height:1.45}
.fab{position:fixed;right:22px;bottom:22px;z-index:90;width:56px;height:56px;border:0;border-radius:50%;background:#0071e3;color:#fff;font-size:30px;box-shadow:0 12px 30px rgba(0,113,227,.34)}
dialog{border:0;border-radius:22px;padding:0;width:min(670px,calc(100% - 24px));box-shadow:0 26px 90px rgba(0,0,0,.36);background:#fafafa}dialog::backdrop{background:rgba(0,0,0,.46);backdrop-filter:blur(4px)}.modal{padding:19px}.modal h2{margin:0 0 13px;font-size:21px}.stack{display:flex;flex-direction:column;gap:9px}.row{display:flex;gap:9px;flex-wrap:wrap}.grow{flex:1}.quickGrid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.choice{border:1px solid var(--line);background:#fff;border-radius:15px;padding:15px;text-align:left}.choice strong{display:block}.choice span{display:block;color:var(--muted);font-size:11.8px;margin-top:3px}
.gmailThreadDialog{width:min(860px,calc(100% - 24px))}.gmailThreadDialog.mailboxThemed{border-top:5px solid var(--mailbox-accent)}.gmailThreadModal{display:flex;flex-direction:column;gap:14px;max-height:88dvh;box-sizing:border-box}.gmailThreadHead{display:flex;gap:12px;align-items:flex-start;justify-content:space-between}.gmailThreadHead h2{margin:8px 0 3px}.mailThreadStatus{color:var(--muted);font-size:12.5px}.mailThreadMessages{display:flex;flex-direction:column;gap:12px;overflow:auto;overscroll-behavior:contain;padding:2px}.mailMessage{background:#fff;border:1px solid var(--line);border-left:5px solid #34c759;border-radius:15px;padding:14px}.mailMessage.outgoing{border-left-color:#0a84ff;background:#f8fbff}.mailMessageHead{display:flex;gap:10px;align-items:flex-start;justify-content:space-between}.mailMessageHead>div{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.mailMessageHead time{color:var(--muted);font-size:11.5px;white-space:nowrap}.mailHeaders{margin:10px 0;display:flex;flex-direction:column;gap:4px}.mailHeaders>div{display:grid;grid-template-columns:38px 1fr;gap:7px}.mailHeaders dt{color:var(--muted);font-size:11.5px}.mailHeaders dd{margin:0;font-size:12px;overflow-wrap:anywhere}.mailBody{border-top:1px solid var(--line);padding-top:12px;font-size:13.5px;line-height:1.55;overflow-wrap:anywhere}.mailSafetyNote{margin-top:11px;border-radius:10px;background:#fff4d6;color:#7a5600;padding:8px 10px;font-size:11.5px}.mailAttachments{margin-top:12px;display:flex;flex-direction:column;gap:6px}.mailAttachments>strong{font-size:12px}.mailAttachment{display:flex;gap:10px;justify-content:space-between;border:1px solid var(--line);border-radius:10px;padding:8px 10px;font-size:12px}.mailAttachment small{color:var(--muted)}.mailThreadFooter{display:flex;gap:9px;align-items:center;padding-top:2px}
.aiBox{border:1px solid #d8e7ff;background:#f5f9ff;border-radius:15px;padding:12px}.suggestion{background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px;margin-top:8px}.toast{position:fixed;left:50%;bottom:88px;transform:translateX(-50%);z-index:200;background:#1d1d1f;color:#fff;border-radius:999px;padding:10px 14px;font-size:12.5px;box-shadow:0 12px 30px rgba(0,0,0,.28)}
.suggestionActions{margin-top:7px}.updateNotice{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:210;display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:10px 12px;box-shadow:0 16px 45px rgba(0,0,0,.2);font-size:12.5px}.authDialog{width:min(440px,calc(100% - 24px))}.authDialog::backdrop{background:linear-gradient(135deg,rgba(0,76,148,.88),rgba(72,51,146,.88));backdrop-filter:blur(12px)}.authBrand{display:flex;align-items:center;gap:12px;margin-bottom:18px}.authBrand img{width:52px;height:52px;object-fit:contain}.authBrand h2{margin:0}.authBrand p{margin:3px 0 0;color:var(--muted);font-size:12.5px}.authSubmit{min-height:44px}.formError{min-height:18px;color:#d70015;font-size:12.5px}
.authDivider{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:11px}.authDivider::before,.authDivider::after{content:"";height:1px;background:var(--line);flex:1}
.localLoginFallback{border-top:1px solid var(--line);padding-top:12px}.localLoginFallback summary{cursor:pointer;color:var(--muted);font-size:12px;font-weight:700}.localLoginFields{margin-top:12px}
@media(max-width:1180px){
  .kpis{grid-template-columns:repeat(4,1fr)}.projects{grid-template-columns:1fr 1fr}.grid2{grid-template-columns:1fr}.teamGrid{grid-template-columns:1fr 1fr}.moduleGrid{grid-template-columns:1fr 1fr}
  .task{grid-template-columns:40px minmax(210px,1fr) 102px 112px 88px 36px}.task .prio{display:none}.prodCard{grid-template-columns:8px minmax(230px,1fr) 160px 160px 110px 38px}
}
@media(max-width:720px){
  body{padding-bottom:calc(82px + env(safe-area-inset-bottom))}.app{padding:10px 10px 28px}header{margin:-10px -10px 12px;padding:10px}
  .brand h1{font-size:22px}.brand p{font-size:10.8px}.breadcrumb{font-size:10px;padding:4px 7px}.headerActions .live,.headerActions .btn,.user span{display:none}.headerActions .weatherButton{display:inline-flex;align-items:center;min-height:34px;padding:6px 8px;font-size:10.5px}
  .teamPills{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.teamPills::-webkit-scrollbar{display:none}.teamPill{flex:0 0 auto;min-height:41px}
  .nav{display:none}.mobileNav{position:fixed;display:grid;grid-template-columns:repeat(5,1fr);gap:3px;left:0;right:0;bottom:0;z-index:120;background:rgba(250,250,252,.95);backdrop-filter:blur(24px);padding:7px 6px calc(7px + env(safe-area-inset-bottom));box-shadow:0 -8px 30px rgba(0,0,0,.14);border-radius:18px 18px 0 0}
  .mobileNav button{border:0;background:transparent;border-radius:11px;padding:6px 2px;min-height:50px;font-size:10.8px;font-weight:750}.mobileNav button.active{background:#fff;box-shadow:0 1px 5px rgba(0,0,0,.12)}
  .hero{grid-template-columns:1fr}.heroMain{padding:18px;min-height:195px}.heroMain h2{font-size:23px}.rank{font-size:40px;margin-top:14px}.heroSide{padding:15px}
  .kpis{grid-template-columns:1fr 1fr;gap:8px}.kpi{min-height:88px;padding:12px}.kpi .n{font-size:23px}
  .projects,.meetings,.teamGrid,.grid3,.moduleGrid{grid-template-columns:1fr}.sectionHead{margin:15px 0 8px}.sectionHead h2{font-size:18px}
  .panelHead{position:sticky;top:108px;z-index:15;background:rgba(255,255,255,.96);backdrop-filter:blur(18px);padding:9px}.panelHead>strong{width:100%;font-size:17px}.panelHead .spacer{display:none}.panelHead select,.panelHead input,.panelHead .btn{flex:1 1 calc(50% - 8px);min-width:0;min-height:44px;font-size:16px}
  .taskGroups{padding:8px}.task{grid-template-columns:38px minmax(0,1fr) 37px;gap:6px 8px;padding:11px}.task>.ownerAvatar{grid-column:1;grid-row:1/5;width:35px;height:35px}.task>.taskMain{grid-column:2;grid-row:1}.task>.due{grid-column:2;grid-row:2}.task>.orderBox{grid-column:2;grid-row:3}.task>.statusSelect{grid-column:2;grid-row:4;justify-self:start;min-height:38px;font-size:13px}.task>.prio{grid-column:3;grid-row:2;display:block;font-size:10px;padding:4px 6px}.task>.moreBtn{grid-column:3;grid-row:1}
  .prodList{gap:8px}.prodCard{grid-template-columns:7px 1fr 38px;gap:7px 9px;padding:12px}.prodStripe{grid-column:1;grid-row:1/5}.prodCard>.prodMain{grid-column:2;grid-row:1}.prodCard>.prodDate:nth-of-type(1){grid-column:2;grid-row:2}.prodCard>.prodDate:nth-of-type(2){grid-column:2;grid-row:3}.prodCard>.risk{grid-column:2;grid-row:4}.prodCard>.moreBtn{grid-column:3;grid-row:1}
  .inboxItem{grid-template-columns:38px 1fr;gap:8px}.inboxItem>.sourceIcon{grid-column:1}.inboxItem>.inboxMain{grid-column:2}.inboxItem>.inboxSourceActions{grid-column:2;justify-content:flex-start}.mailMessageHead,.mailAttachment{flex-direction:column}.gmailThreadModal{max-height:92dvh}.mailThreadMessages{min-height:0}
  .fab{right:15px;bottom:calc(79px + env(safe-area-inset-bottom));width:52px;height:52px}
  dialog{width:100%;max-width:none;margin:auto 0 0;border-radius:22px 22px 0 0;max-height:92dvh;overflow:hidden}.modal{box-sizing:border-box;max-height:92dvh;padding:17px 15px calc(18px + env(safe-area-inset-bottom));overflow:auto;overscroll-behavior:contain}.row{flex-direction:column}.field input,.field select,.field textarea{font-size:16px;min-height:44px}.quickGrid{grid-template-columns:1fr}.decision{grid-template-columns:7px 1fr}.decision>div:last-child{grid-column:2}
}

.brandBlock{display:flex;align-items:center;gap:12px}
.brandIcon{
  width:48px;height:48px;display:block;object-fit:contain;
  background:transparent;border:0;box-shadow:none;flex:0 0 auto
}
.brandWordmark{
  height:42px;display:block;object-fit:contain;
  max-width:min(54vw,380px)
}
.brandSub{display:flex;flex-direction:column;min-width:0}
.wordmarkCard{
  padding:14px;display:flex;align-items:center;justify-content:center;min-height:110px
}
.wordmarkCard img{max-width:100%;height:auto;max-height:80px;display:block}
@media(max-width:720px){
  .brandBlock{gap:9px;align-items:flex-start}
  .brandIcon{width:40px;height:40px}
  .brandWordmark{height:30px;max-width:58vw}
}


.weekStrip{display:grid;grid-template-columns:repeat(7,minmax(150px,1fr));gap:10px;overflow-x:auto;padding-bottom:2px}
.weekDay{padding:13px;border:1px solid var(--line);border-radius:16px;background:#fff;min-height:170px}
.weekDay.today{outline:2px solid rgba(10,132,255,.18);background:#f8fbff}
.weekHead{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px}
.weekHead strong{font-size:13.5px}
.weekHead span{font-size:11px;color:var(--muted)}
.weekEvents{display:flex;flex-direction:column;gap:7px}
.weekEvent{border-left:4px solid #0A84FF;padding:7px 8px;border-radius:0 10px 10px 0;background:#f8fbff}
.weekEvent strong{display:block;font-size:12.6px;line-height:1.3}
.weekEvent small{display:block;color:var(--muted);font-size:11.2px;margin-top:2px}
.weekEmpty{font-size:11.5px;color:var(--muted);padding:8px 0}
@media(max-width:720px){
  .weekStrip{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x proximity}
  .weekDay{min-width:220px;scroll-snap-align:start}
}


.gmailAccounts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:12px}
.gmailAccount{padding:13px;display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:10px;align-items:center}
.gmailIcon{width:38px;height:38px;border-radius:12px;background:#fff;border:1px solid var(--line);display:grid;place-items:center;font-weight:900;color:#d93025}
.gmailAccount strong{font-size:13.5px}.gmailAccount small{display:block;color:var(--muted);font-size:11.5px;margin-top:2px}
.gmailStatus{font-size:11px;font-weight:800;border-radius:999px;padding:5px 8px;background:#eaf8ee;color:#248a3d}
.gmailRule{padding:12px;border:1px dashed #d2d2d7;border-radius:14px;background:#fafafc}
.gmailRule strong{font-size:13px}.gmailRule p{margin:5px 0 0;color:var(--muted);font-size:11.8px;line-height:1.45}
.inboxFilters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}.inboxFilters select{min-width:150px}.inboxUnread{box-shadow:inset 4px 0 #0A84FF,var(--shadow)}
.integrationGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.integrationCard{padding:15px}.integrationCard h3{margin:0 0 5px}.integrationCard p{font-size:12.3px;line-height:1.45;color:var(--muted)}.integrationAccountRow{border-top:1px solid var(--line);padding-top:9px;margin-top:9px}.integrationForm{display:flex;flex-direction:column;gap:10px}.integrationLinks{display:flex;flex-direction:column;gap:8px;margin-top:10px}.integrationLink{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:10px 12px}.statusCode{font:12px ui-monospace,SFMono-Regular,Menlo,monospace}
.calendarSelectionList{display:flex;flex-direction:column;gap:7px}.calendarSelectionItem{display:flex;gap:9px;align-items:center;padding:10px;border:1px solid var(--line);background:#fff;border-radius:12px}.calendarSelectionItem input{width:18px;height:18px}.calendarSelectionItem small{display:block;color:var(--muted);margin-top:2px}.calendarColorDot{width:11px;height:11px;border-radius:50%;flex:0 0 auto}
@media(max-width:720px){.gmailAccounts{grid-template-columns:1fr}.gmailAccount{grid-template-columns:38px 1fr}.gmailAccount>.btn,.gmailAccount>.gmailStatus{grid-column:2;justify-self:start}}


.photoAvatar{
  width:34px;height:34px;border-radius:50%;object-fit:cover;display:block;
  border:2px solid rgba(255,255,255,.95);box-shadow:0 2px 7px rgba(0,0,0,.14);
  background:#fff;flex:0 0 auto
}
.photoAvatar.small{width:30px;height:30px}
.photoAvatar.medium{width:42px;height:42px}
.photoAvatar.large{width:58px;height:58px}
.personPill{
  display:inline-flex;align-items:center;gap:7px;padding:5px 11px 5px 5px!important
}
.personPill .photoAvatar{width:31px;height:31px;border-width:1px;box-shadow:none}
.ownerAvatarPhoto{width:34px;height:34px;border-radius:50%;object-fit:cover;border:2px solid #fff;box-shadow:0 2px 7px rgba(0,0,0,.13)}
.teamHero{overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.9fr);gap:14px;align-items:stretch}
.teamHeroText{padding:18px}
.teamHeroImage{min-height:240px;background-size:cover;background-position:center;border-radius:18px}
@media(max-width:720px){
  .personPill{padding:4px 9px 4px 4px!important;gap:6px}
  .personPill .photoAvatar{width:30px;height:30px}
  .teamHero{grid-template-columns:1fr}
  .teamHeroImage{min-height:220px}
}


.teamPill{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:7px !important;
  padding:5px 12px 5px 6px !important;
  min-height:44px;
  font-size:12px;
  box-shadow:0 2px 6px rgba(0,0,0,.1);
  line-height:1;
  white-space:nowrap;
}
.teamPill img.photoAvatar{
  width:29px !important;
  height:29px !important;
  margin:0 !important;
  flex:0 0 auto;
}
.teamPill.active{
  transform:translateY(-1px);
}
@media(max-width:720px){
  .teamPill{
    gap:5px !important;
    padding:4px 9px 4px 5px !important;
    min-height:44px;
    font-size:11px;
  }
  .teamPill img.photoAvatar{
    width:27px !important;
    height:27px !important;
  }
}


.teamHero{
  align-items:center !important;
}
.teamHeroImage{
  min-height:260px !important;
  background-size:contain !important;
  background-repeat:no-repeat !important;
  background-position:center center !important;
  background-color:#f7fafc !important;
  border-radius:20px !important;
}
@media(max-width:720px){
  .teamHeroImage{
    min-height:220px !important;
    background-size:contain !important;
    background-position:center center !important;
  }
}


.userChip{
  display:inline-flex !important;
  align-items:center !important;
  gap:10px !important;
  padding:8px 14px 8px 8px !important;
  border-radius:999px !important;
  color:#fff !important;
  border:2px solid rgba(255,255,255,.75) !important;
  box-shadow:0 6px 18px rgba(0,0,0,.10) !important;
  font-weight:800 !important;
}
.userChip .photoAvatar{
  width:34px !important;
  height:34px !important;
  border:2px solid rgba(255,255,255,.92) !important;
  box-shadow:none !important;
}

/* Quality-pass overrides: compact, source-first and responsive. */
.headerActions{gap:5px}.systemStatus{display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;color:var(--muted);padding:6px 7px;border-radius:999px;font-size:11.5px;font-weight:730}.systemStatus i{width:8px;height:8px;border-radius:50%;background:#34c759}.systemStatus.warning i{background:#ff9500}.systemStatus.offline i{background:#ff3b30}.systemStatus:hover{background:rgba(118,118,128,.1)}.headerCompactButton{min-height:34px!important;padding:6px 9px!important;font-size:11.5px}.userChip{gap:6px!important;padding:3px 8px 3px 3px!important;font-size:12px}.userChip .photoAvatar{width:30px!important;height:30px!important}.worldClocks{white-space:normal;max-width:760px;line-height:1.35;text-align:right}
.heroMain{padding:18px;min-height:184px}.heroMain h2{font-size:27px;margin:6px 0 5px}.rank{font-size:43px;margin-top:11px}.heroSide{padding:15px}.heroMain[role="link"],.heroSide[role="link"]{cursor:pointer}.heroMain:focus-visible,.heroSide:focus-visible{outline:3px solid #fff;outline-offset:-5px}.heroBreakdown{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.heroBreakdown button{border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.14);color:#fff;border-radius:999px;padding:5px 8px;font-size:11px;font-weight:760}.heroAction{display:inline-block;margin-top:10px;font-size:12px;font-weight:800;text-decoration:underline;text-underline-offset:3px}
.myWorkInboxGrid{grid-template-columns:minmax(0,2.65fr) minmax(250px,1fr)}
.compactInboxFilters{gap:7px;margin-bottom:8px}.compactInboxFilters>input{flex:1 1 210px;min-width:160px}.compactInboxFilters>select{flex:0 1 190px}.filterMenu{position:relative}.filterMenu>summary{list-style:none;display:flex;align-items:center}.filterMenu>summary::-webkit-details-marker{display:none}.filterPopover{position:absolute;right:0;top:calc(100% + 6px);z-index:40;width:min(360px,90vw);display:grid;gap:7px;padding:10px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 45px rgba(0,0,0,.16)}.filterPopover select{width:100%}.activeFilters{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 8px}.activeFilters:empty{display:none}
.inboxItem{grid-template-columns:42px minmax(0,1fr);padding:13px}.inboxMain{min-width:0}.inboxSourceActions{grid-column:2;justify-content:flex-start;gap:5px}.inboxActionButton{min-height:32px;padding:5px 8px;font-size:11.5px}.inboxItem.aiLowValue{background:#f7f7f8}.inboxItem.aiInformational{background:#f4f8ff}.inboxItem.aiAction{background:#fffaf0}.inboxItem.aiUrgent{background:#fff5f4;border-left-color:#ff3b30}
.gmailThreadDialog{width:min(920px,calc(100% - 24px))}.gmailThreadModal{gap:12px;max-height:90dvh}.mailMessage{padding:16px}.mailSender{display:flex;gap:9px;align-items:center;min-width:0}.mailSender span:last-child{min-width:0}.mailSender strong,.mailSender small{display:block;overflow-wrap:anywhere}.mailAvatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#eef5ff;color:#0066cc;font-size:12px;font-weight:850;flex:0 0 auto}.mailSubjectRow{display:flex;gap:8px;align-items:center;justify-content:space-between;margin-top:10px}.mailBody{padding-top:14px;font-size:14px;line-height:1.6}.mailBodyFormatted p,.mailBodyFormatted ul,.mailBodyFormatted ol,.mailBodyFormatted table,.mailBodyFormatted blockquote{margin:0 0 1em}.mailBodyFormatted a{color:#0066cc;text-decoration:underline}.mailBodyFormatted table{max-width:100%;border-collapse:collapse;display:block;overflow:auto}.mailBodyFormatted td,.mailBodyFormatted th{border:1px solid var(--line);padding:6px;text-align:left}.mailBodyFormatted blockquote{border-left:3px solid var(--line);padding-left:12px;color:var(--muted)}.mailThreadFooter{gap:6px;flex-wrap:wrap}.mailThreadFooter .btn{min-height:34px;padding:6px 9px;font-size:11.5px}
.aiSourceCard,.aiAssessmentCard{border:1px solid var(--line);border-radius:14px;padding:12px;background:#fff}.aiSourceCard h3,.aiAssessmentCard h3{margin:0 0 8px;font-size:14px}.aiSourceCard h4{margin:10px 0 4px}.aiSourceCard p,.aiAssessmentCard p{margin:4px 0;color:var(--muted);line-height:1.45}.aiSourceHeader{display:flex;gap:10px;align-items:flex-start;justify-content:space-between}.aiSourceHeader small{display:block;color:var(--muted);margin-top:3px}.aiSourceActions{display:flex;gap:6px;flex-wrap:wrap}
@media(max-width:1180px){.myWorkInboxGrid{grid-template-columns:minmax(0,2.6fr) minmax(240px,1fr)}}
@media(max-width:800px){.myWorkInboxGrid{grid-template-columns:1fr}.inboxItem{grid-template-columns:38px minmax(0,1fr)}.inboxItem>.inboxSourceActions{grid-column:1/3}.mailMessageHead,.mailAttachment,.mailSubjectRow,.aiSourceHeader{flex-direction:column}.mailMessageHead time{white-space:normal}.compactInboxFilters>input{flex-basis:100%}.compactInboxFilters>select{display:none}.filterMenu{flex:1}.filterPopover{position:fixed;left:12px;right:12px;top:auto;width:auto}}
@media(max-width:720px){.heroMain{padding:15px;min-height:170px}.heroMain h2{font-size:23px}.rank{font-size:37px;margin-top:9px}.systemStatus span,.headerCompactButton{display:none}.worldClocks{max-width:100%;white-space:normal;overflow-wrap:anywhere}.inboxActionButton{min-height:44px;padding:8px 10px}.sectionHead{flex-wrap:wrap}.compactStatus{width:100%;order:3}}
