:root{--paper:#f5f6f8;--card:#fff;--ink:#101f3b;--green:#0861d9;--muted:#53637b;--line:#e9edf3;--red:#b44932;--focus:#468fee;--navy:#0d2034;--blue:#0861d9;--sans:"Segoe UI",Arial,sans-serif;--serif:Georgia,"Times New Roman",serif}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.55 var(--sans)}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--focus);outline-offset:3px}h1,h2,h3,p{margin:0}h1,h2{font-family:var(--serif);font-weight:400}h1{font-size:clamp(30px,3.1vw,44px);line-height:1.18;letter-spacing:-1.3px}h2{font-size:23px;line-height:1.3;letter-spacing:-.4px}h3{font-size:15px;font-weight:600;line-height:1.45}button{border:0}svg.icon{width:19px;height:19px;flex-shrink:0;vertical-align:middle}.muted{color:var(--muted);font-size:12px}.eyebrow{font-size:10px;font-family:var(--sans);font-weight:700;letter-spacing:1.9px;color:var(--muted);margin-bottom:12px}.shell{display:flex;min-height:100vh}.sidebar{width:248px;background:#f0f1e9;border-right:1px solid var(--line);position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;padding:31px 20px 24px;z-index:10}.brand{display:flex;gap:11px;align-items:center;text-decoration:none;font-weight:650;font-size:16px;line-height:1.4}.brand small{display:block;font-size:7px;letter-spacing:1.7px;margin-top:4px;color:var(--muted)}.brand-mark{display:grid;place-items:center;position:relative;width:42px;height:46px;background:var(--green);color:#fff;border-radius:13px 13px 13px 2px;font:27px var(--serif);letter-spacing:-3px;padding-right:5px}.brand-mark span{color:#c1d38a;position:absolute;right:7px;bottom:3px}.workspace{display:flex;gap:10px;margin:40px 0 27px;padding:13px 7px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:12px;font-weight:600;align-items:center}.workspace small{display:block;color:var(--muted);font-size:10px;font-weight:400;margin-top:2px}.workspace-monogram{width:31px;height:31px;display:grid;place-items:center;border:1px solid #d3d9c8;border-radius:6px;font-size:10px;color:var(--green)}nav{display:flex;flex-direction:column;gap:6px}.nav-item{display:flex;gap:12px;align-items:center;position:relative;min-height:46px;text-decoration:none;padding:10px 12px;border-radius:6px;color:#5e6961;font-size:12px}.nav-item .icon{width:18px;height:18px}.nav-item.active{background:var(--green);color:white}.nav-item:not(.active):hover{background:#e5e8dd;color:var(--ink)}.nav-dot{width:5px;height:5px;background:#a0b786;border-radius:50%;margin-left:auto}.sidebar-bottom{margin-top:auto;padding:38px 9px 0}.local-status{font-size:8px;font-weight:700;letter-spacing:1.8px;display:flex;align-items:center;gap:8px;color:var(--green)}.local-status span,.local-pill span{width:6px;height:6px;border-radius:100%;background:#6b8d60}.sidebar-bottom p{font:21px/1.35 var(--serif);margin:15px 0;color:#5b685a}.sidebar-bottom small{font-size:10px;color:var(--muted)}.main-shell{margin-left:248px;min-width:0;flex:1}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 40px;background:#fbfaf6}.breadcrumb{font-size:11px;color:var(--muted)}.breadcrumb span{margin:0 12px;color:#b6bbb0}.breadcrumb strong{font-weight:500;color:var(--ink)}.topbar-actions{display:flex;align-items:center;gap:15px}.local-pill{display:flex;gap:7px;align-items:center;color:var(--muted);font-size:10px}.user-avatar{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#e8e8df;border:1px solid #dadbd0;font-size:9px;font-weight:600}.icon-button{display:inline-grid;place-items:center;background:transparent;color:var(--muted);width:38px;height:38px;border-radius:6px}.icon-button:hover{background:#eceee5;color:var(--ink)}main{padding:38px 40px 20px;max-width:1640px;margin:auto}main:focus{outline:none}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:28px}.lead{margin-top:13px;font-size:12px;color:var(--muted)}.separator{margin:0 10px;color:#a4a99c}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:10px 16px;border-radius:5px;font-size:11px;font-weight:600;line-height:1.4;text-decoration:none;white-space:nowrap;border:1px solid transparent}.button.primary{background:var(--green);color:white}.button.primary:hover{background:#245247}.button.secondary{background:var(--card);color:var(--ink);border-color:#d2d8cb}.button.secondary:hover{background:#edf0e7}.button .icon{width:16px;height:16px}.text-button{display:inline-flex;align-items:center;gap:5px;padding:4px 0;background:transparent;color:var(--green);font-size:11px;font-weight:600;text-align:left;line-height:1.5;min-height:32px}.text-button:hover{text-decoration:underline}.text-button .icon{width:15px;height:15px}.text-button.light{color:#dbe6c9}.text-button.danger{color:var(--red)}.daily-summary{display:flex;align-items:center;gap:12px;padding:15px 19px;background:#f2eddf;border:1px solid #e5dcc5;border-radius:6px;color:#695a36;font-size:11px}.daily-summary strong{font-weight:650}.summary-dot{height:6px;width:6px;background:#b18a42;border-radius:50%;flex-shrink:0}.summary-label{margin-left:auto;white-space:nowrap;font-size:8px;letter-spacing:1.5px;color:#887044}.metrics{display:grid;grid-template-columns:repeat(4,1fr);margin:24px 0 30px;border:1px solid var(--line);border-radius:7px;overflow:hidden;background:var(--card)}.metrics button{text-align:left;background:transparent;padding:20px 23px;display:flex;flex-direction:column;border-right:1px solid var(--line)}.metrics button:last-child{border-right:0}.metrics button:hover{background:#f0f3e9}.metrics button>span{font-size:11px;color:var(--muted);font-weight:500}.metrics strong{font:37px/1.3 var(--serif);margin:7px 0;color:var(--green)}.metrics em{font:19px var(--serif);color:#8d9785}.metrics small{font-size:9px;color:var(--muted)}.command-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(285px,1fr);gap:24px}.panel{background:var(--card);border:1px solid var(--line);border-radius:7px;margin-bottom:24px;overflow:hidden}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.panel>.section-head{padding:21px 23px 18px}.section-head h2{font-size:21px}.priority-row{display:flex;gap:17px;padding:21px 23px;border-top:1px solid var(--line)}.priority-number{font:18px var(--serif);color:#97a38d;line-height:1.4;min-width:20px;padding-top:2px}.priority-content{min-width:0}.priority-content h3{font-size:14px;margin:9px 0 7px}.priority-content>p{font-size:11px;color:var(--muted);line-height:1.75;max-width:64ch}.inline-meta{display:flex;align-items:center;flex-wrap:wrap;gap:9px;color:var(--muted);font-size:10px}.badge{display:inline-flex;align-items:center;border-radius:3px;background:#edf0e7;color:#5b6956;line-height:1.3;padding:4px 7px;font-size:9px;letter-spacing:.1px;font-weight:600;white-space:nowrap}.badge.high,.badge.blocked,.badge.rejected{background:#f3e6dc;color:#8d4d35}.badge.medium,.badge.in_review,.badge.awaiting_reply,.badge.deferred{background:#f3eddb;color:#8a6a29}.badge.done,.badge.approved,.badge.active{background:#e5eddf;color:#416343}.badge.in_progress{background:#e6eeea;color:#3c6659}.badge.cancelled,.badge.inactive,.badge.dismissed{background:#eeece8;color:#78786e}.row-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;margin-top:12px}.channel{display:flex;align-items:center;gap:5px;color:#6b785e;font-size:10px}.channel .icon{width:13px;height:13px}.more-actions summary{padding:16px 23px;font-size:11px;color:var(--green);cursor:pointer;border-top:1px solid var(--line)}.commitment-row{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:17px 23px;align-items:center}.commitment-row h3 .text-button{font-size:12px;line-height:1.5;color:var(--ink)}.commitment-row p{font-size:10px;color:var(--muted);margin-top:3px}.dot{margin:0 5px}.due{font-size:10px;color:var(--muted);white-space:nowrap}.due.late{color:var(--red);font-weight:600}.touchpoint-panel{padding:25px;background:var(--green);color:#eff2e9;border-radius:7px;margin-bottom:24px}.touchpoint-panel .eyebrow{color:#c6d3b5;font-size:8px;margin:0}.touchpoint-panel>.section-head{margin-bottom:17px}.touchpoint-panel>.section-head .icon{color:#b8cd9b;width:17px;height:17px}.touchpoint-panel h2{font-size:26px;line-height:1.22}.touchpoint-panel>p{font-size:11px;color:#c1cfc3;line-height:1.8;margin:15px 0 19px}.touchpoint{display:flex;gap:12px;border-top:1px solid #426054;padding-top:17px;margin-top:15px}.avatar{display:grid;place-items:center;background:#e6e9dc;color:var(--green);width:34px;height:34px;border-radius:50%;font-size:10px;flex-shrink:0}.touchpoint .avatar{background:#3a5d4e;color:#dbe5cf}.touchpoint strong{font-size:12px;font-weight:500;display:block}.touchpoint span:not(.avatar){display:block;font-size:10px;color:#c0cec0;margin-top:3px}.touchpoint .text-button{font-size:10px;margin-top:6px}.count{width:23px;height:23px;display:grid;place-items:center;background:#f0eee3;border-radius:4px;font-size:10px;color:var(--muted)}.draft-preview{padding:0 23px 19px}.draft-preview+.draft-preview{padding-top:18px;border-top:1px solid var(--line)}.draft-preview h3{margin-top:12px;font-size:13px}.draft-preview>p{font-size:11px;color:var(--muted);line-height:1.8;margin:10px 0}.safe-note{padding:12px 23px;background:#f3f4ed;color:var(--muted);display:flex;align-items:center;gap:8px;font-size:9px;border-top:1px solid var(--line)}.safe-note .icon{width:14px;height:14px}.mini-timeline{list-style:none;margin:0;padding:0 23px 10px}.mini-timeline li{display:flex;gap:16px;position:relative;padding:0 0 20px}.mini-timeline li:last-child{padding-bottom:10px}.timeline-date{width:40px;flex-shrink:0;font-size:10px;color:#7b856e;padding-top:5px}.mini-timeline li>div{border-left:1px solid #d8dfce;padding-left:17px;position:relative}.mini-timeline li>div:before{content:'';position:absolute;top:9px;left:-3px;width:5px;height:5px;border-radius:50%;background:#8fa47a}.mini-timeline h3 .text-button{font-size:11px;min-height:0;line-height:1.55;color:var(--ink)}.mini-timeline p{font-size:10px;color:var(--muted);margin-top:2px}.day-close{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px 0;display:flex;justify-content:space-between;align-items:center;gap:20px}.day-close h2{font-size:23px}.day-close p{font-size:11px;color:var(--muted);margin-top:7px}.page-footer{display:flex;gap:15px;justify-content:space-between;font-size:8px;color:#7e8776;padding:24px 0 8px}.tabs{display:flex;border-bottom:1px solid var(--line);gap:24px;margin-bottom:22px;overflow-x:auto}.tab{background:transparent;padding:13px 0;color:var(--muted);font-size:12px;white-space:nowrap;border-bottom:2px solid transparent}.tab.active{color:var(--green);border-color:var(--green);font-weight:600}.toolbar{display:flex;gap:12px;margin-bottom:24px}.search-field{display:flex;align-items:center;gap:9px;background:var(--card);border:1px solid var(--line);border-radius:5px;padding:0 12px;max-width:480px;flex:1;color:#839078}.search-field input{width:100%;border:0;background:transparent;padding:12px 0;outline:0;color:var(--ink);font-size:12px;min-width:0}.search-field:focus-within{outline:2px solid var(--focus);outline-offset:2px}.filter-field select{background:var(--card);border:1px solid var(--line);border-radius:5px;color:var(--ink);font-size:12px;padding:12px}.people-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.person-card{padding:24px;margin:0}.person-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.avatar.large{width:45px;height:45px;font-size:13px}.person-card h2{font-size:25px}.person-card>p{color:var(--muted);font-size:12px;margin-top:5px}.person-card .person-role{color:var(--green);font-size:11px}.person-card dl{margin:20px 0 14px;padding-top:15px;border-top:1px solid var(--line);font-size:11px}.person-card dt{color:var(--muted);margin-top:13px;font-size:10px}.person-card dd{margin:3px 0;overflow-wrap:anywhere}.person-card .row-actions{border-top:1px solid var(--line);padding-top:10px}.table-heading,.deliverable-row{display:grid;grid-template-columns:minmax(0,1fr) 110px 100px 45px;gap:22px;align-items:center;padding:21px 24px}.table-heading{font-size:10px;color:var(--muted);background:#f2f3ec;padding-block:14px}.deliverable-row{border-top:1px solid var(--line)}.deliverable-row h3 .text-button{color:var(--ink);font-size:14px}.deliverable-row p{font-size:11px;color:var(--muted);margin-top:3px}.deliverable-row .record-date{display:block;font-size:12px;margin-bottom:3px}.dependency-note{color:var(--muted);font-size:10px;line-height:1.7;border-left:2px solid #c7d1b9;padding-left:9px;margin-top:10px}.priority-flag{color:#8f6a2e;font-size:8px;font-weight:600;letter-spacing:1px}.notice{display:flex;align-items:center;gap:11px;background:#edf0e7;border:1px solid #dfe4d5;border-radius:5px;padding:14px 18px;color:#5d6e53;font-size:11px;margin-bottom:22px}.notice .icon{width:17px;height:17px}.notice p{margin-top:6px}.correspondence-list{display:grid;gap:20px;grid-template-columns:repeat(2,minmax(0,1fr))}.correspondence-card{padding:24px;margin:0;display:flex;flex-direction:column}.correspondence-card .eyebrow{font-size:9px;margin:0}.correspondence-card h2{font-size:23px;margin:15px 0}.correspondence-card>p{font-size:12px;line-height:1.8;color:var(--muted);margin-bottom:12px;white-space:pre-line}.draft-body-preview{flex:1}.card-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding-top:15px;margin-top:10px;flex-wrap:wrap}.interaction-card{grid-column:1/-1;display:grid;grid-template-columns:34px 1fr;gap:18px;padding:24px;margin:0}.interaction-card p{font-size:12px;margin-top:10px}.interaction-card .inline-meta{margin-top:4px}.interaction-symbol{width:34px;height:34px;display:grid;place-items:center;background:#edf0e6;color:#5b7350;border-radius:6px}.interaction-card .next-step{border-left:2px solid #aebf95;padding-left:10px;margin:12px 0}.timeline-full{padding:10px 24px}.timeline-entry{display:flex;gap:30px;padding:24px 0;border-bottom:1px solid var(--line)}.timeline-entry:last-child{border-bottom:0}.timeline-day{width:80px;flex-shrink:0;display:flex;flex-direction:column;text-align:center;color:var(--green)}.timeline-day strong{font:37px var(--serif)}.timeline-day span{font-size:10px;color:var(--muted)}.timeline-content{border-left:1px solid #d6dec9;padding-left:26px;flex:1;min-width:0;position:relative}.timeline-content:before{content:'';position:absolute;width:7px;height:7px;background:#829a6b;left:-4px;top:12px;border-radius:50%}.timeline-content h2 .text-button{font:22px var(--serif);color:var(--ink)}.timeline-content p{font-size:12px;color:var(--muted);margin-top:8px}.event-row{padding:20px 24px;display:grid;grid-template-columns:8px 1fr auto;gap:17px;border-bottom:1px solid var(--line)}.event-row:last-child{border-bottom:0}.event-dot{height:6px;width:6px;background:#9ab182;border-radius:50%;margin-top:8px}.event-row h3{font-size:12px;font-weight:600}.event-row p{font-size:11px;color:var(--muted);margin-top:4px}.event-row code{font-size:9px;color:var(--muted);overflow-wrap:anywhere}.event-time{display:flex;flex-direction:column;gap:5px;font-size:10px;text-align:right;color:var(--muted)}.event-time small{font-size:9px}.empty{padding:40px 24px;text-align:center;grid-column:1/-1;color:var(--muted)}.empty h3{color:var(--ink);margin:10px 0 7px}.empty p{font-size:12px;max-width:44ch;margin:auto}.empty-mark{color:#879c72}.error-banner{background:#f9e8df;border:1px solid #dca28a;padding:13px;color:#813e2a;border-radius:5px;margin-bottom:20px;font-size:12px}.startup-error{max-width:600px;margin:10vh auto}.startup-error p{margin:20px 0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;left:12px;top:-80px;padding:12px;background:var(--green);color:#fff;z-index:100}.skip-link:focus{top:12px}#notifications{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:var(--green);color:#fff;padding:14px 22px;border-radius:7px;box-shadow:0 8px 30px #172d2426;font-size:12px;z-index:100;opacity:0;pointer-events:none;max-width:calc(100vw - 32px);transition:opacity .15s,transform .15s}#notifications.visible{opacity:1;transform:translate(-50%,0)}dialog{border:1px solid #ccd4c3;border-radius:10px;padding:0;color:var(--ink);width:min(750px,calc(100vw - 32px));max-height:calc(100dvh - 48px);background:var(--card);box-shadow:0 30px 90px #152b2438;overflow:auto}dialog::backdrop{background:#182a2473;backdrop-filter:blur(3px)}.dialog-header{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:24px 28px;border-bottom:1px solid var(--line);background:var(--card)}.dialog-header .eyebrow{font-size:9px;margin-bottom:7px}.dialog-header h2{font-size:30px}.dialog-content{padding:24px 28px}.form-help{font-size:11px;color:var(--muted);margin-bottom:20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:19px}.form-field{display:flex;flex-direction:column;gap:6px;min-width:0}.form-field.full{grid-column:1/-1}.form-field>label,.form-field>legend{font-size:12px;font-weight:600}.form-field>label>span{color:#8a6a29}.form-field input:not([type=checkbox]),.form-field select,.form-field textarea{background:white;border:1px solid #cbd3c1;border-radius:5px;width:100%;min-width:0;padding:11px 12px;color:var(--ink);font-size:13px}.form-field textarea{resize:vertical;line-height:1.7;min-height:85px}.form-field small{font-size:10px;color:var(--muted)}fieldset.form-field{border:0;margin:0;padding:0}.checkbox-list{padding:7px 12px;border:1px solid #cbd3c1;border-radius:5px;max-height:160px;overflow:auto;background:white}.checkbox-list label{display:flex;gap:9px;align-items:start;font-size:12px;padding:6px 0;cursor:pointer}.checkbox-list input{margin-top:4px}.check-field{flex-direction:row-reverse;justify-content:flex-end;align-items:center;gap:9px}input[type=checkbox]{accent-color:var(--green);width:16px;height:16px;flex-shrink:0}.audit-detail{margin-top:25px;border-top:1px solid var(--line);padding-top:16px;font-size:11px;color:var(--muted)}.audit-detail summary{cursor:pointer}.audit-detail code{display:block;margin:10px 0;overflow-wrap:anywhere;font-size:10px}.audit-detail p{margin-top:7px;overflow-wrap:anywhere}.dialog-footer{position:sticky;bottom:0;z-index:2;background:var(--card);padding:18px 28px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:10px}.form-buttons{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.dialog-footer .button{font-size:10px;padding:10px 12px}.dialog-footer .danger{font-size:10px;max-width:120px}
@media(min-width:1600px){main{padding-top:46px}.command-grid{grid-template-columns:minmax(0,1.8fr) minmax(340px,1fr)}.priority-row{padding-block:25px}.priority-content>p{font-size:12px}.priority-content h3{font-size:15px}.sidebar{width:260px}.main-shell{margin-left:260px}}
@media(max-width:1200px){.sidebar{width:210px;padding-inline:14px}.main-shell{margin-left:210px}.brand{font-size:14px}.brand small{font-size:6px}.brand-mark{width:36px;height:40px}.nav-item{font-size:11px;padding-inline:10px;gap:9px}.topbar{padding-inline:26px}main{padding:28px 26px 18px}.command-grid{gap:18px;grid-template-columns:minmax(0,1.4fr) minmax(265px,1fr)}.metrics button{padding:18px 16px}.metrics small{font-size:8px}.page-heading{align-items:flex-start}.page-heading>.button{margin-top:25px}.priority-row{padding:19px 18px;gap:12px}.panel>.section-head{padding-inline:18px}.section-head h2{font-size:20px}.priority-content h3{font-size:13px}.priority-content>p{font-size:10px}.row-actions{gap:4px 12px}.summary-label{display:none}.people-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.correspondence-list{grid-template-columns:1fr}.table-heading,.deliverable-row{grid-template-columns:minmax(0,1fr) 85px 85px 30px;gap:16px;padding-inline:20px}.timeline-content .section-head{align-items:flex-start}}
@media(max-width:980px){.command-grid{grid-template-columns:1fr}.right-column{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}.right-column>section:last-child{grid-column:1/-1}.right-column .panel,.right-column .touchpoint-panel{margin:0}.command-grid>div>.panel:last-child{margin-bottom:0}.day-close{margin-top:24px}.page-heading{flex-wrap:wrap;gap:12px}.page-heading>.button{margin-top:0}.topbar .local-pill{display:none}.metrics button{padding:16px 12px}.metrics button>span{font-size:10px}.metrics small{line-height:1.5}.lead .separator{margin:0 5px}.timeline-entry{gap:15px}.timeline-day{width:55px}.timeline-content{padding-left:20px}.event-row{grid-template-columns:6px 1fr}.event-time{grid-column:2;text-align:left;flex-direction:row;flex-wrap:wrap;gap:10px}.priority-content>p{font-size:12px}.priority-content h3{font-size:15px}}
@media(max-width:760px){.sidebar{position:relative;width:100%;padding:17px 18px 0;inset:auto;background:#f0f1e9;border-right:0;border-bottom:1px solid var(--line)}.shell{display:block}.brand{font-size:16px}.brand-mark{height:36px;width:35px;font-size:24px}.brand small{font-size:6px}.workspace,.sidebar-bottom{display:none}nav{flex-direction:row;overflow-x:auto;gap:4px;margin-top:14px;padding-bottom:10px;scrollbar-width:thin}.nav-item{white-space:nowrap;min-height:40px;font-size:10px;padding:9px 11px;gap:7px}.nav-item .icon{width:15px;height:15px}.main-shell{margin:0}.topbar{height:50px;padding:0 20px}.breadcrumb{font-size:10px}.topbar-actions{gap:8px}.user-avatar{width:25px;height:25px;font-size:8px}.topbar .icon-button{width:32px;height:32px}main{padding:25px 20px 15px}.eyebrow{font-size:8px;letter-spacing:1.5px}h1{font-size:34px}.page-heading{margin-bottom:22px}.lead{font-size:11px;line-height:1.7}.page-heading>.button{margin-top:5px}.daily-summary{padding:13px 14px;font-size:10px;align-items:flex-start}.summary-dot{margin-top:6px}.metrics{grid-template-columns:repeat(2,1fr);margin:20px 0 24px}.metrics button{padding:17px 18px}.metrics button:nth-child(2){border-right:0}.metrics button:nth-child(-n+2){border-bottom:1px solid var(--line)}.metrics button>span{font-size:11px}.metrics small{font-size:9px}.metrics strong{font-size:34px;margin:4px 0}.panel{margin-bottom:20px}.panel>.section-head{padding:19px 18px 16px}.section-head h2{font-size:23px}.panel>.section-head .muted{font-size:9px;max-width:100px;text-align:right}.right-column{grid-template-columns:1fr}.right-column>section:last-child{grid-column:auto}.touchpoint-panel{padding:25px}.touchpoint-panel h2{font-size:29px}.touchpoint-panel>p{font-size:12px}.priority-row{padding:20px 17px;gap:11px}.priority-number{font-size:16px;min-width:17px}.priority-content h3{font-size:14px}.priority-content>p{font-size:11px}.inline-meta{font-size:9px;gap:7px}.row-actions{gap:4px 15px}.text-button{min-height:40px;font-size:11px}.channel{font-size:10px}.priority-content .row-actions .channel{min-height:30px}.commitment-row{padding:17px 18px;gap:12px}.commitment-row h3 .text-button{font-size:12px;min-height:0}.commitment-row .due{font-size:9px}.day-close{display:block;padding:23px 0}.day-close p{font-size:11px;line-height:1.8}.day-close .button{margin-top:16px}.page-footer{flex-direction:column;gap:5px;font-size:8px}.people-grid{gap:16px}.person-card{padding:20px}.person-card h2{font-size:23px}.toolbar{flex-wrap:wrap;gap:10px;margin-bottom:20px}.search-field{max-width:none;min-width:200px}.search-field input{font-size:12px}.filter-field select{padding:12px 8px}.tabs{gap:22px}.tab{font-size:11px}.table-heading{display:none}.deliverable-row{grid-template-columns:1fr auto;gap:10px 15px;padding:20px}.deliverable-row>div:first-child{grid-column:1/-1}.deliverable-row>div:last-child{grid-column:2;grid-row:2/4;text-align:right}.deliverable-row>div:nth-child(3){grid-column:1}.deliverable-row>div:nth-child(2){display:flex;align-items:center;gap:13px;flex-wrap:wrap}.deliverable-row .record-date{margin:0}.deliverable-row h3 .text-button{font-size:14px;min-height:0}.notice{font-size:10px;padding:13px 14px;align-items:flex-start}.notice .icon{margin-top:2px}.interaction-card{padding:19px 17px;gap:12px;grid-template-columns:28px 1fr}.interaction-symbol{width:28px;height:30px}.interaction-card .section-head{flex-wrap:wrap;gap:3px}.interaction-card p{font-size:11px}.interaction-card .section-head .muted{font-size:9px}.correspondence-card{padding:20px}.card-footer .muted{font-size:10px}.timeline-full{padding:0 16px}.timeline-entry{gap:14px;padding-block:21px}.timeline-day{width:38px}.timeline-day strong{font-size:30px}.timeline-day span{font-size:8px}.timeline-content{padding-left:16px}.timeline-content .section-head{flex-wrap:wrap;gap:7px}.timeline-content h2 .text-button{font-size:21px;line-height:1.3}.timeline-content p{font-size:11px}.event-row{padding:18px 16px;gap:8px 13px}.event-time{font-size:9px}.event-row code{font-size:8px}dialog{width:calc(100vw - 16px);max-height:calc(100dvh - 20px);border-radius:8px}.dialog-header{padding:19px 18px}.dialog-header h2{font-size:27px}.dialog-content{padding:20px 18px}.form-grid{grid-template-columns:1fr;gap:18px}.form-field.full{grid-column:auto}.form-field input:not([type=checkbox]),.form-field select,.form-field textarea{font-size:16px}.dialog-footer{padding:14px 18px;align-items:flex-end}.form-buttons{gap:6px}.dialog-footer .button{min-height:42px;font-size:10px;padding:9px}.dialog-footer .danger{max-width:90px;font-size:10px}.form-help{font-size:10px}#notifications{bottom:16px;width:max-content;max-width:calc(100vw - 24px);font-size:11px}}
@media(max-width:470px){.people-grid{grid-template-columns:1fr}.topbar{padding-inline:18px}main{padding-inline:18px}.lead .separator{display:none}.lead{max-width:33ch}.lead .separator:after{content:''}.section-head .text-button{font-size:9px}.section-head h2{font-size:21px}.priority-content .row-actions{gap:2px 12px}.priority-content .row-actions .text-button{font-size:10px}.tabs{gap:18px}.tab{font-size:10px}.filter-field select{font-size:11px}.correspondence-card .section-head{align-items:flex-start;flex-wrap:wrap}.event-time small{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.workspace{background:transparent;text-align:left;color:var(--ink);width:100%}.workspace:hover{background:#e5e8dd}.workspace>span:last-child{min-width:0;overflow-wrap:anywhere}
/* Visual system derived from the user's MOXAIC dashboard reference. */
body{background:var(--paper);color:var(--ink);font-size:14px}
h1,h2{color:#0a1936}
h1{font-size:42px;letter-spacing:-1.2px}
.sidebar{width:260px;padding:32px 16px 24px;background:#0e2135;border:0;color:#e1e8f3;overflow-y:auto;background-image:linear-gradient(90deg,transparent 39px,#ffffff02 40px),linear-gradient(transparent 39px,#ffffff02 40px);background-size:40px 40px}
.brand{padding:0 13px;font-family:var(--serif);font-size:29px;font-weight:400;letter-spacing:-.9px;line-height:1.2;color:#fff;gap:0}
.brand small{font-family:var(--sans);font-size:13px;font-weight:400;letter-spacing:0;color:#d2dbe8;margin-top:8px}
.sidebar nav{margin-top:34px;gap:7px}
.nav-item{color:#d1dbea;gap:16px;min-height:48px;font-size:13px;padding:12px 17px;border-radius:7px}
.nav-item .icon{height:21px;width:21px}
.nav-item.active {
  color: #fff;
  background: linear-gradient(120deg, #ffffff26, #ffffff03 48%, #8ed5ff12),
    linear-gradient(180deg, #287bd7b3, #1761b578);
  box-shadow: inset 0 1px 0 #ffffff52, inset 0 -1px 0 #ffffff1c,
    inset 1px 0 0 #ffffff29, inset -1px 0 0 #ffffff14,
    inset 3px 0 0 #8dcfff, 0 0 13px #339bff21, 0 5px 13px -6px #ffffff40;
  backdrop-filter: blur(10px) saturate(120%);
  -webkit-backdrop-filter: blur(10px) saturate(120%);
}
.nav-item.active:focus-visible { outline: 2px solid #d9efff; outline-offset: 3px; }
@media (prefers-contrast: more) {
  .nav-item.active { background: #244664; outline: 1px solid #fff; box-shadow: inset 3px 0 #fff; }
}
@media (forced-colors: active) {
  .nav-item.active { background: Highlight; color: HighlightText; outline: 1px solid HighlightText; box-shadow: none; }
}
.nav-item:not(.active):hover{color:#fff;background:#18334f}
.nav-dot{background:#70adf8}
.project-areas{border-top:1px solid #34465c;margin:28px 14px 6px;padding-top:20px}
.project-areas h2{font:10px var(--sans);text-transform:uppercase;color:#c5d2e6;letter-spacing:1.3px;margin-bottom:13px}
.project-areas>p{font-size:12px;color:#bccbde}
.area-link{display:flex;align-items:center;gap:12px;width:100%;min-height:39px;text-align:left;color:#c6d3e4;font-size:12px;line-height:1.4;background:transparent;padding:8px 0}
.area-link:hover{color:white}.area-dot{width:7px;height:7px;flex-shrink:0;border-radius:50%;background:#96bde8}
.workspace{border:0;border-top:1px solid #34465c;margin:14px 0 0;padding:16px 13px;color:#e2eaf6;font-size:12px}
.workspace:hover{background:#19334e}.workspace-monogram{border-color:#4c6683;color:#c4dfff;border-radius:7px}.workspace small{font-size:10px;color:#a8bdd6}
.sidebar-bottom{padding:24px 14px 0;margin-top:auto}
.sidebar-bottom p{font:18px/1.4 var(--serif);color:#cad5e4;border-left:1px solid #7e8e9f;padding-left:18px;margin:0 0 22px}
.sidebar>.brand{flex-direction:column;align-items:flex-start;gap:15px}
.moxaic-brand{display:block;object-fit:contain;width:200px;max-width:100%;height:auto;aspect-ratio:2;border-radius:6px;margin:0;background:#d9e0e8}
.local-status{color:#a9c7e6;font-size:8px;letter-spacing:1.4px}.local-status span{background:#5fb6b0}.sidebar-bottom small{display:block;margin-top:8px;color:#9eb0c9;font-size:9px}
.main-shell{margin-left:260px}
.topbar{height:72px;background:transparent;border:0;padding:0 32px;gap:20px}
.today-date{font-size:13px;color:#53637d;white-space:nowrap}.topbar-actions{gap:17px}
.global-search-trigger{display:flex;align-items:center;gap:10px;width:330px;min-height:38px;border:1px solid #dfe4eb;border-radius:8px;background:#eef0f3;color:#62708a;padding:8px 13px;text-align:left;font-size:11px}
.global-search-trigger:hover{background:#e7edf6}.global-search-trigger .icon{width:17px;height:17px}.global-search-trigger span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.user-avatar{width:38px;height:38px;border:3px solid #fff;background:#dfeafa;color:#284a73;font-size:11px;font-weight:600}
main{padding:13px 28px 20px;max-width:1900px}
.dashboard-intro{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 10px 28px}
.welcome h1{font-size:43px;line-height:1.15}.welcome>p{font-size:16px;color:#52617b;margin-top:9px}.workspace-caption{font-size:10px;color:#68778d;display:block;margin-top:9px}
.overview-metrics{display:grid;grid-template-columns:repeat(4,minmax(95px,1fr));max-width:620px;flex:1;margin-left:30px;align-self:center}
.overview-metrics button{text-align:left;padding:0 19px;background:transparent;color:var(--ink);border-left:1px solid #cdd4df;min-height:62px}
.overview-metrics button:first-child{border-left:0}.overview-metrics button:hover{background:#eaf0fa;border-radius:5px}.overview-metrics strong{display:block;font:34px/1.1 var(--serif);margin-bottom:7px;color:#0d1c38}.overview-metrics span{font-size:11px;line-height:1.4;display:block;color:#53627c}.overview-metrics .risk-metric strong,.overview-metrics .risk-metric span{color:#ad640b}
.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(165px,.62fr) minmax(265px,1.14fr);gap:16px;align-items:start}
.panel{background:#fff;border:1px solid #edf0f5;border-radius:12px;box-shadow:0 3px 18px #18376003;margin-bottom:22px}
.dashboard-grid>.panel{margin:0;min-width:0;align-self:stretch}
.panel>.section-head{padding:22px 24px 15px;gap:10px}
.section-head h2{font-size:27px;letter-spacing:-.7px}.panel>.section-head .text-button{font-size:11px;white-space:nowrap}
.text-button{color:var(--blue);font-size:12px;font-weight:500}.button{border-radius:8px;font-size:12px;min-height:42px}.button.primary{background:var(--blue);box-shadow:0 2px 4px #0861d91a}.button.primary:hover{background:#0755bc}.button.secondary{border-color:#d6deea;background:#fff}.button.secondary:hover{background:#edf4ff}.icon-button{color:#566b88}.icon-button:hover{background:#e8f0fc;color:var(--blue)}
.focus-panel{grid-column:1;grid-row:1}.focus-panel>.section-head{padding-bottom:20px}
.priority-row{display:grid;grid-template-columns:23px 38px minmax(0,1fr);gap:10px;align-items:start;margin:0 24px;padding:18px 0;border-top:1px solid #edf0f5}
.decision-ring{display:grid;place-items:center;align-self:start;margin-top:7px;width:23px;height:23px;min-width:23px;background:white;color:var(--blue);border:1.4px solid #8797ac;border-radius:50%;padding:2px}.decision-ring:hover{background:#e9f2ff;border-color:var(--blue)}.decision-ring .icon{width:17px;height:17px}
.avatar{height:38px;width:38px;font-size:11px;border-radius:50%;background:#e5eefc;color:#305483}.priority-row>.avatar{margin-top:1px}
.avatar.tone-0{background:#e2eafb;color:#345986}.avatar.tone-1{background:#e4ecef;color:#3e6673}.avatar.tone-2{background:#eee6f3;color:#765580}.avatar.tone-3{background:#f6eadf;color:#875f3b}.avatar.tone-4{background:#e5efe9;color:#416b55}
.focus-title{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.focus-title h3{font:16px/1.35 var(--serif);margin:0;color:#12223e}.focus-title .badge{margin-top:1px;min-width:47px;justify-content:center}
.priority-content .inline-meta{font-size:10px;gap:6px;margin-top:6px;color:#5b6d86}.priority-content>.focus-reason{font-size:11px;color:#5d6d84;line-height:1.65;margin:7px 0 0;max-width:none}
.priority-content .row-actions{margin-top:6px;gap:4px 12px}.priority-content .text-button{font-size:10px;min-height:28px}
.badge{border-radius:5px;font-size:10px;padding:6px 9px;font-weight:400;background:#edf2f8;color:#4e6482}
.badge.high,.badge.blocked,.badge.rejected{background:#fff0ec;color:#b3442c}.badge.medium,.badge.deferred,.badge.awaiting_reply{background:#fff4e4;color:#9e5c0b}.badge.in_review,.badge.in_progress{background:#eaf2ff;color:#075bc9}.badge.approved,.badge.done,.badge.active{background:#e8f3ef;color:#2f6a51}.badge.cancelled,.badge.dismissed,.badge.inactive{background:#edf0f4;color:#53647d}
.more-actions summary{font-size:11px;color:var(--blue);padding:17px 24px;border-color:var(--line)}
.panel-caption{font-size:11px;line-height:1.5;color:#64738b;padding:0 24px 16px}
.agenda-panel{grid-column:2;grid-row:1}.agenda-panel>.section-head{padding:22px 20px 8px}.agenda-panel .section-head h2{font-size:22px}.agenda-panel .section-head .icon-button{width:28px;height:30px}.agenda-panel>.panel-caption{padding-inline:20px;font-size:10px}
.agenda-list{list-style:none;margin:4px 19px 23px 27px;padding:0}.agenda-list li{position:relative;border-left:1px solid #d7dfeb;padding:0 0 22px 18px;min-height:70px}.agenda-list li:last-child{border-color:transparent;padding-bottom:0}.agenda-list li:before{content:'';position:absolute;left:-5px;top:5px;width:9px;height:9px;border-radius:50%;background:#99a6b9;box-shadow:0 0 0 3px white}.agenda-list li.agenda-today:before{background:#0964dc}.agenda-list li.agenda-overdue:before{background:#c08139}
.agenda-list time{font-size:11px;color:#546886}.agenda-list h3 .text-button{font:12px/1.5 var(--sans);min-height:0;padding:5px 0;color:#334c6f}.agenda-list li>span{display:block;font-size:10px;color:#66768d;margin-top:3px}.agenda-list small{display:block;color:#a36220;font-size:9px;margin-top:3px}
.touchpoints-card{grid-column:3;grid-row:1}.touchpoints-card .section-head{padding-inline:22px}.touchpoints-card .section-head h2{font-size:25px;white-space:normal}.touchpoints-card>.panel-caption{padding-inline:22px}
.human-row{display:grid;grid-template-columns:46px minmax(0,1fr) 37px;gap:12px;align-items:center;margin:0 22px;padding:20px 0;border-top:1px solid #edf0f5}.human-row .avatar{width:46px;height:46px;font-size:13px}.human-when{font-size:10px;color:#586d89;line-height:1.5;display:block}.human-row h3 .text-button{font:17px/1.4 var(--serif);color:#102443;min-height:0;padding:4px 0}.human-row p{font-size:11px;line-height:1.6;color:#536985}
.call-action{height:37px;width:37px;border-radius:50%;background:#e9f2ff;color:#0861d9;display:grid;place-items:center}.call-action:hover{background:#cfe3ff}.call-action .icon{height:18px;width:18px}.touchpoint-footer{padding:4px 22px 16px}.touchpoint-footer .text-button{font-size:11px}
.correspondence-ready{grid-column:1/3;grid-row:2}.queue-tabs{display:flex;gap:22px;margin:0 24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:2px 0;overflow-x:auto}.queue-tab{display:flex;align-items:center;gap:7px;white-space:nowrap;min-height:44px;font-size:11px;background:transparent;color:#5f7089;padding:8px 0;border-bottom:2px solid transparent}.queue-tab.active{color:var(--blue);border-color:var(--blue)}.queue-dot{width:8px;height:8px;border-radius:50%;background:#e2e6ee}.queue-tab.active .queue-dot{background:var(--blue)}.queue-count{font-size:10px;color:#748198}
.ready-row{display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:start;gap:17px;padding:22px 24px}.ready-row+.ready-row{border-top:1px solid var(--line)}.mail-tile{height:50px;width:46px;background:#f0f3f8;color:var(--blue);display:grid;place-items:center;border-radius:9px}.mail-tile .icon{height:24px;width:24px}.ready-content h3{font:17px/1.4 var(--serif);color:#142544}.ready-meta{font-size:11px;color:#65758c;margin-top:5px}.ready-excerpt{font-size:12px;line-height:1.75;color:#506784;margin-top:11px;white-space:pre-line}.ready-row>.button{border-radius:22px;font-size:10px;min-height:35px;padding:8px 13px;align-self:start}
.safe-note{background:#f8faff;border-color:#eef2f8;color:#586d89;padding:12px 24px;font-size:10px}
.project-health{grid-column:3;grid-row:2}.project-health .section-head h2{font-size:24px}.project-health>.section-head{padding-inline:22px}
.health-row{display:grid;grid-template-columns:80px minmax(0,1fr) 34px;align-items:center;gap:6px 14px;padding:9px 22px}.health-row>span{font-size:12px;color:#243c5e}.health-row>strong{font-size:11px;font-weight:600;color:#193457;text-align:right}.health-row>small{grid-column:2/4;font-size:9px;color:#63758c}
.health-row progress{appearance:none;width:100%;height:8px;border:0;border-radius:4px;overflow:hidden;background:#edf0f5}.health-row progress::-webkit-progress-bar{background:#edf0f5;border-radius:4px}.health-row progress::-webkit-progress-value{background:#4f91eb;border-radius:4px}.health-row progress::-moz-progress-bar{background:#4f91eb;border-radius:4px}
.health-alert{display:flex;align-items:center;gap:10px;background:#fff3e3;color:#a95c08;padding:15px 17px;margin:17px 22px 22px;width:calc(100% - 44px);text-align:left;border-radius:8px;font-size:11px;line-height:1.5}.health-alert>.icon:last-child{margin-left:auto;width:15px}.health-alert.healthy{background:#eaf5f0;color:#30654f}
.attention-panel{grid-column:1/-1;grid-row:3}.attention-panel .commitment-row{padding-block:14px}.commitment-row h3 .text-button{color:#183354;font-size:13px}.commitment-row p{font-size:11px;color:#60718b}.due{font-size:11px;color:#61718a}.due.late{color:#a25024}
.day-close{margin-top:23px;padding:23px 8px;border-color:#e1e6ef}.day-close h2{font-size:25px}.day-close p{font-size:12px;color:#64738a}.page-footer{font-size:9px;color:#63748b;padding:25px 8px 8px}
.page-heading{margin:8px 8px 28px}.page-heading .eyebrow{color:#657896;font-size:10px;letter-spacing:1px}.page-heading .lead{font-size:13px}.tabs{border-color:#dfe5ef}.tab.active{color:var(--blue);border-color:var(--blue)}.toolbar{margin-inline:8px}.search-field,.filter-field select{border-color:#dce3ef;background:#fff;color:#4f6483}.search-field{border-radius:8px}.search-field input,.filter-field select{font-size:13px}.filter-field select{border-radius:8px}
.notice{background:#edf4ff;border-color:#dbe8fb;color:#365c8c}.person-card h2{font-size:26px}.person-card .person-role{color:#416991}.person-card dt,.person-card>p{color:#61738e}.person-card dd{color:#243d5d}.person-card .avatar{background:#e6eefb;color:#325c8c}.person-card .row-actions{border-color:var(--line)}
.table-heading{background:#f0f4fa;color:#596f8d}.deliverable-row .record-date{color:#274668}.deliverable-row p{color:#667a94}.dependency-note{border-color:#b5cae7;color:#61748d}.priority-flag{color:#a76a23}.interaction-symbol{background:#edf4ff;color:#2c69b7}.interaction-card .next-step{border-color:#92b7e8}.timeline-content{border-color:#cad8eb}.timeline-content:before{background:#508de0}.timeline-day{color:#193b6b}.timeline-day span,.timeline-content p{color:#64778e}.timeline-content h2 .text-button{color:#1a3354}.event-dot{background:#75a2df}.event-time,.event-row p,.event-row code{color:#60738d}.empty-mark{color:#82a0c8}.count{background:#eaf2ff;color:#496891}
.dialog-header,.dialog-footer{background:#fff}.dialog-header h2{font-size:29px}.dialog-content{background:#fcfdff}.dialog-header .eyebrow{color:#5b7496}.form-field input:not([type=checkbox]),.form-field select,.form-field textarea,.checkbox-list{border-color:#cbd7e6}.form-field>label>span{color:#995a20}.dialog-footer .danger{color:#aa402a}.error-banner{background:#fff0eb;color:#953c23;border-color:#eab5a3}
.global-search-field{max-width:none}.global-search-field input{font-size:15px}.search-hint{font-size:13px;color:#5f7390;padding:24px 0;line-height:1.7}.search-group{margin-top:24px}.search-group>h3{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:#5e7697;margin-bottom:9px}.search-group>h3 span{font-weight:400}.search-result{display:flex;flex-direction:column;gap:4px;width:100%;padding:13px 12px;text-align:left;border-bottom:1px solid #e8edf5;border-radius:5px;background:white;color:#163658}.search-result:hover{background:#edf4ff}.search-result strong{font-weight:500;font-size:14px}.search-result>span{font-size:11px;color:#637997}
#notifications{background:#153b68}.skip-link{background:#0961d9}
@media(min-width:1700px){.sidebar{width:278px}.main-shell{margin-left:278px}.topbar{padding-inline:42px}main{padding:15px 34px 20px}.dashboard-intro{margin-bottom:30px}.welcome h1{font-size:47px}.overview-metrics{max-width:700px}.overview-metrics strong{font-size:38px}.overview-metrics span{font-size:12px}.priority-row{padding-block:21px}.focus-title h3{font-size:18px}.priority-content>.focus-reason{font-size:12px}.human-row{padding-block:24px}.human-row p{font-size:12px}.human-when{font-size:11px}}
@media(max-width:1390px) and (min-width:1001px){.sidebar{width:226px;padding-inline:12px}.main-shell{margin-left:226px}.brand{font-size:26px;padding-inline:10px}.brand small{font-size:11px}.nav-item{font-size:12px;padding-inline:12px}.topbar{padding-inline:26px}.dashboard-intro{align-items:flex-start;margin-inline:0;gap:16px}.welcome h1{font-size:36px}.welcome>p{font-size:14px}.overview-metrics{margin-left:0;max-width:530px;grid-template-columns:repeat(4,minmax(80px,1fr))}.overview-metrics button{padding-inline:12px}.overview-metrics span{font-size:10px}.dashboard-grid{grid-template-columns:minmax(0,1.45fr) 160px minmax(240px,1fr);gap:13px}main{padding-inline:20px}.panel>.section-head{padding-inline:18px}.section-head h2{font-size:24px}.priority-row{margin-inline:18px;grid-template-columns:21px minmax(0,1fr);gap:10px}.priority-row>.avatar{display:none}.priority-content .focus-title{gap:8px}.focus-title h3{font-size:16px}.touchpoints-card .section-head{flex-wrap:wrap;gap:0}.touchpoints-card .section-head h2{font-size:23px}.human-row{margin-inline:18px;grid-template-columns:34px minmax(0,1fr) 31px;gap:9px}.human-row .avatar{width:34px;height:34px;font-size:10px}.call-action{width:31px;height:31px}.human-row h3 .text-button{font-size:16px}.health-row{padding-inline:18px;grid-template-columns:68px minmax(0,1fr) 30px;column-gap:9px}.health-row>span{font-size:11px}.health-row>small{grid-column:1/4}.project-health>.section-head{flex-wrap:wrap;gap:0}.queue-tabs{gap:16px;margin-inline:18px}.queue-tab{font-size:10px}.ready-row{padding-inline:18px;grid-template-columns:37px minmax(0,1fr);gap:12px}.ready-row>.button{grid-column:2;justify-self:start}.mail-tile{width:37px;height:43px}}
@media(max-width:1000px){.sidebar{width:210px;padding-inline:12px}.main-shell{margin-left:210px}.brand{font-size:24px;padding-inline:8px}.brand small{font-size:11px}.nav-item{font-size:11px;gap:12px}.project-areas{margin-inline:8px}.area-link{font-size:11px}.topbar{padding-inline:22px;gap:12px}.today-date{font-size:11px}.global-search-trigger{width:205px}.global-search-trigger span{font-size:10px}.topbar-actions{gap:7px}main{padding:15px 20px 20px}.dashboard-intro{display:block;margin:0 0 24px}.welcome h1{font-size:38px}.overview-metrics{max-width:none;margin:24px 0 0}.overview-metrics button{padding:0 13px}.overview-metrics button:first-child{padding-left:0}.overview-metrics strong{font-size:31px}.overview-metrics span{font-size:10px}.dashboard-grid{grid-template-columns:minmax(0,1fr) minmax(165px,.55fr);gap:16px}.focus-panel{grid-column:1/-1;grid-row:1}.agenda-panel{grid-column:2;grid-row:2}.touchpoints-card{grid-column:1;grid-row:2}.correspondence-ready{grid-column:1/-1;grid-row:3}.project-health{grid-column:1/-1;grid-row:4}.attention-panel{grid-column:1/-1;grid-row:5}.health-row{grid-template-columns:100px minmax(0,1fr) 40px}.priority-row{margin-inline:20px}.panel>.section-head{padding-inline:20px}.ready-row{grid-template-columns:42px minmax(0,1fr)}.ready-row>.button{grid-column:2;justify-self:start}.mail-tile{width:42px}.page-heading{margin-inline:0}.toolbar{margin-inline:0}.section-head h2{font-size:25px}}
@media(max-width:760px){.sidebar{position:relative;width:100%;padding:20px 18px 0;overflow:visible;background:#0e2135}.brand{font-size:27px;padding:0}.brand small{font-size:11px;margin-top:6px}.sidebar nav{margin-top:18px;gap:5px;padding-bottom:14px}.nav-item{font-size:11px;min-height:42px;gap:9px;padding:10px 13px}.nav-item .icon{width:18px;height:18px}.project-areas,.sidebar-bottom,.workspace{display:none}.main-shell{margin:0}.topbar{height:65px;padding:0 20px}.today-date{font-size:11px}.topbar-actions{gap:5px}.global-search-trigger{width:35px;height:35px;justify-content:center;padding:7px;border-color:transparent;background:transparent}.global-search-trigger span{display:none}.user-avatar{width:33px;height:33px;font-size:9px}.topbar-actions .icon-button{width:32px;height:35px}main{padding:8px 18px 18px}.dashboard-intro{margin:0 0 22px}.welcome h1{font-size:37px}.welcome>p{font-size:15px}.workspace-caption{font-size:10px}.overview-metrics{margin-top:23px;grid-template-columns:repeat(4,minmax(0,1fr))}.overview-metrics button{padding:0 9px;min-height:68px}.overview-metrics strong{font-size:29px;margin-bottom:7px}.overview-metrics span{font-size:10px}.dashboard-grid{grid-template-columns:1fr;gap:17px}.focus-panel,.agenda-panel,.touchpoints-card,.correspondence-ready,.project-health,.attention-panel{grid-column:1;grid-row:auto}.focus-panel{order:0}.touchpoints-card{order:1}.agenda-panel{order:2}.correspondence-ready{order:3}.project-health{order:4}.attention-panel{order:5}.panel{border-radius:11px}.panel>.section-head{padding:20px 18px 15px}.section-head h2{font-size:25px}.panel>.section-head .text-button{font-size:10px}.priority-row{grid-template-columns:20px 32px minmax(0,1fr);gap:8px;margin:0 17px;padding:17px 0}.priority-row>.avatar{width:32px;height:32px;font-size:9px}.decision-ring{width:20px;height:20px;min-width:20px;margin-top:5px}.focus-title{display:block}.focus-title h3{font-size:16px}.focus-title .badge{margin-top:7px;padding:4px 8px;min-width:40px;font-size:9px}.priority-content .inline-meta{font-size:10px}.priority-content>.focus-reason{font-size:11px;line-height:1.7}.priority-content .text-button{font-size:10px;min-height:36px}.priority-content .row-actions{gap:0 12px;margin-top:4px}.more-actions summary{padding:16px 18px;font-size:11px}.touchpoints-card .section-head h2{font-size:25px}.panel-caption,.touchpoints-card>.panel-caption{padding-inline:18px}.human-row{margin-inline:18px;grid-template-columns:44px minmax(0,1fr) 38px;gap:12px;padding:18px 0}.human-row .avatar{height:44px;width:44px;font-size:12px}.human-row h3 .text-button{font-size:18px}.human-row p{font-size:12px}.human-when{font-size:10px}.call-action{height:38px;width:38px}.touchpoint-footer{padding-inline:18px}.agenda-panel .section-head{padding:20px 18px 9px}.agenda-panel .section-head h2{font-size:25px}.agenda-list{margin:5px 22px 22px 26px}.agenda-list li{padding-bottom:20px;padding-left:22px}.agenda-list h3 .text-button{font-size:13px}.agenda-list time{font-size:12px}.agenda-list li>span{font-size:11px}.queue-tabs{gap:18px;margin-inline:18px}.queue-tab{font-size:11px;min-height:45px}.ready-row{padding:20px 18px;grid-template-columns:35px minmax(0,1fr);gap:12px}.mail-tile{width:35px;height:41px}.mail-tile .icon{width:21px;height:21px}.ready-content h3{font-size:17px}.ready-meta{font-size:10px}.ready-excerpt{font-size:12px}.ready-row>.button{min-height:40px;font-size:11px}.safe-note{padding:12px 18px;font-size:10px}.health-row{padding:10px 18px;grid-template-columns:80px minmax(0,1fr) 35px;gap:6px 11px}.health-row>span{font-size:12px}.health-row>small{font-size:9px}.health-alert{margin:16px 18px 20px;width:calc(100% - 36px);font-size:11px}.attention-panel .commitment-row{padding:16px 18px}.attention-panel .section-head{flex-wrap:wrap;gap:0}.commitment-row h3 .text-button{font-size:12px}.commitment-row p{font-size:10px}.commitment-row .due{font-size:10px}.day-close{padding:22px 0;margin-top:22px}.day-close h2{font-size:24px}.day-close p{font-size:12px}.page-footer{padding-inline:0;font-size:8px;line-height:1.6}.page-heading{margin-top:5px}.page-heading h1{font-size:34px}.page-heading .lead{font-size:12px}.toolbar .search-field input,.filter-field select{font-size:13px}.dialog-header{padding:19px 18px}.dialog-header h2{font-size:26px}.global-search-field input{font-size:16px}.search-result{padding-block:15px}}
@media(max-width:370px){.today-date{font-size:10px}.topbar{padding-inline:16px}.topbar-actions{gap:0}.welcome h1{font-size:33px}main{padding-inline:12px}.priority-row{grid-template-columns:19px minmax(0,1fr);gap:10px;margin-inline:15px}.priority-row>.avatar{display:none}.overview-metrics span{font-size:9px}.overview-metrics button{padding-inline:8px}.human-row{grid-template-columns:34px minmax(0,1fr) 34px;gap:9px;margin-inline:15px}.human-row .avatar{width:34px;height:34px;font-size:10px}.call-action{width:34px;height:34px}.panel>.section-head{padding-inline:15px}.panel>.section-head .text-button{font-size:9px}.health-row{padding-inline:15px;grid-template-columns:74px minmax(0,1fr) 30px}.health-row>small{grid-column:1/-1}.section-head h2{font-size:23px}}

.avatar { overflow: hidden; flex-shrink: 0; }
.avatar img { display: block; width: 100%; height: 100%; object-fit: cover; }
.photo-editor { gap: 10px; }
.photo-editor input { max-width: 100%; min-width: 0; }
.photo-editor .text-button { justify-self: start; }

.person-contacts { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 8px 12px; margin: 16px 0; align-items: baseline; }
.person-contacts a { overflow-wrap: anywhere; text-underline-offset: 3px; }
.person-contacts .contact-label { font-size: 0.8rem; color: var(--muted); }

.profile-photo-button { display: inline-flex; flex-direction: column; align-items: center; gap: 6px; border: 0; background: transparent; padding: 4px; cursor: pointer; color: inherit; font: inherit; border-radius: 10px; }
.profile-photo-button > span:last-child { font-size: 0.75rem; text-decoration: underline; text-underline-offset: 3px; }
.profile-photo-button:hover { background: #edf2f8; }
.profile-photo-button:focus-visible { outline: 2px solid #2563eb; outline-offset: 3px; }

/* One stable mosaic accent per name/title; darker logo hues for readable text. */
.mosaic-0 { color: #007d86; }
.mosaic-1 { color: #176ac3; }
.mosaic-2 { color: #367f32; }
.mosaic-3 { color: #ad5500; }
.mosaic-4 { color: #b32668; }
.mosaic-5 { color: #853499; }
.sidebar .mosaic-0 { color: #39d2ce; }
.sidebar .mosaic-1 { color: #6ab9ff; }
.sidebar .mosaic-2 { color: #9ed469; }
.sidebar .mosaic-3 { color: #ffbd43; }
.sidebar .mosaic-4 { color: #ff86b1; }
.sidebar .mosaic-5 { color: #d69ae7; }

/* Sculpted glass surfaces with reflected edges and a soft white backlight. */
:root { --paper: #c3d0df; --card: #f1f6fb; --line: #becddd; }
body {
  background: linear-gradient(135deg, #b8c6d7 0%, #a7b9ce 55%, #96acc5 100%);
  background-attachment: fixed;
}
.panel {
  background: linear-gradient(128deg, #ffffffa6 0%, #ffffff24 32%, transparent 34%), linear-gradient(180deg, #f8fcffdc 0%, #e4eef7c4 48%, #d9e6f0cc 50%, #f3f9ffdb 100%);
  border: 1px solid rgba(255,255,255,.85);
  border-right-color: rgba(172,194,218,.66);
  border-bottom-color: rgba(151,183,216,.72);
  box-shadow: inset 0 2px 1px #ffffff, inset 1px 0 1px #ffffffcc,
    inset 0 -2px 1px #fffffff2, 0 0 0 1px #ffffffb3,
    0 0 4px 1px #ffffffb3, 0 5px 9px -2px #fffffff2,
    0 14px 25px -10px #ffffffd9,
    0 16px 28px -22px #314a6580;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}
.form-field input:not([type=checkbox]),
.form-field select, .form-field textarea,
.search-field, .filter-field select, .checkbox-list,
.global-search-trigger {
  background: linear-gradient(115deg, #ffffffa6, #ffffff12 40%, transparent 42%), linear-gradient(180deg, #ffffffed 0%, #e8f0f8d9 46%, #dbe7f1e6 49%, #f4faffeb 100%);
  border: 1px solid #a8bfd4;
  border-top-color: #ffffff;
  border-left-color: #f8fcff;
  box-shadow: inset 0 2px 1px #ffffff, inset 1px 0 1px #ffffffbf,
    inset 0 -2px 1px #ffffffeb, 0 0 0 1px #ffffff99,
    0 0 4px #ffffffcc, 0 4px 7px -1px #fffffff2, 0 11px 18px -7px #ffffffd9;
  backdrop-filter: blur(16px) saturate(115%);
  -webkit-backdrop-filter: blur(16px) saturate(115%);
  color: var(--ink);
}
.search-field input { background: transparent; }
.form-field input:not([type=checkbox]):focus,
.form-field select:focus, .form-field textarea:focus,
.filter-field select:focus, .search-field:focus-within,
.global-search-trigger:focus-visible {
  outline: 2px solid #276db3;
  outline-offset: 2px;
  box-shadow: inset 0 2px 1px #fff, 0 0 0 4px #ffffff66,
    0 6px 16px -3px #ffffffeb;
}
select option { background: #f1f6fb; color: #101f3b; }
dialog {
  background: linear-gradient(145deg, #f5f9fd, #e3edf7);
  border-color: #f8fcff;
  box-shadow: inset 0 1px 0 #fff, 0 24px 70px #15365540,
    0 15px 45px -22px #ffffffcc;
}
.dialog-header, .dialog-footer { background: #edf4fbea; backdrop-filter: blur(12px); }
.mosaic-letter {
  text-shadow: 0 0 7px currentColor;
  text-shadow: 0 0 5px color-mix(in srgb, currentColor 38%, transparent),
    0 0 12px color-mix(in srgb, currentColor 24%, transparent);
}
.sidebar .mosaic-letter {
  text-shadow: 0 0 6px color-mix(in srgb, currentColor 65%, transparent),
    0 0 15px color-mix(in srgb, currentColor 38%, transparent);
}
/* Illuminated status pills retain distinct semantic colors and labels. */
.badge {
  --status-light: #94a8bf;
  --status-fill: #e8eef5;
  border: 1px solid #ffffffd9;
  border-bottom-color: #b5c4d4;
  box-shadow: inset 0 1px 1px #fff, inset 0 -1px 1px #ffffffb3,
    0 0 3px 1px #ffffffb3, 0 3px 6px #ffffffb3, 0 5px 11px -4px var(--status-light);
  text-shadow: 0 1px 2px #ffffff;
}
.badge:is(.active,.approved,.done) { --status-light: #54bf92; --status-fill: #d4eee2; color: #21593f; }
.badge:is(.in_review,.in_progress) { --status-light: #6aa6ed; --status-fill: #dceafd; color: #174e94; }
.badge:is(.high,.blocked,.rejected) { --status-light: #ee947e; --status-fill: #f9dfd7; color: #943c2b; }
.badge:is(.medium,.deferred,.awaiting_reply) { --status-light: #e8bd65; --status-fill: #f7ebcd; color: #805011; }
.badge:is(.cancelled,.dismissed,.inactive) { --status-light: #a2afbe; --status-fill: #e5e9ef; color: #53647d; }
.badge, .badge:is(.active,.approved,.done,.in_review,.in_progress,.high,.blocked,.rejected,.medium,.deferred,.awaiting_reply,.cancelled,.dismissed,.inactive) {
  background: linear-gradient(180deg, #ffffffed 0%, #ffffff66 42%, #ffffff00 46%, #ffffff55 100%), var(--status-fill);
}
@media (prefers-contrast: more) {
  .panel, dialog, .dialog-header, .dialog-footer { background: #f5f8fc; }
  .mosaic-letter, .sidebar .mosaic-letter, .badge { text-shadow: none; }
  .panel, .badge { box-shadow: none; }
  .form-field input:not([type=checkbox]), .form-field textarea,
  .form-field select, .search-field, .filter-field select { border-color: #536d87; }
}
@media (forced-colors: active) {
  .mosaic-letter, .sidebar .mosaic-letter { color: CanvasText; text-shadow: none; }
  .badge { background: Canvas; color: CanvasText; border: 1px solid CanvasText; box-shadow: none; text-shadow: none; }
  .panel, dialog { border: 1px solid CanvasText; box-shadow: none; }
}
/* One upright source-logo X. Its own tiles occupy different Z planes. */
.main-shell { position: relative; isolation: isolate; }
.mosaic-scene {
  position: fixed;
  inset: 0 0 0 260px;
  overflow: hidden;
  pointer-events: none;
  z-index: -1;
  perspective: 1800px;
  perspective-origin: 50% 50%;
}
.mosaic-x {
  position: absolute;
  left: 50%;
  top: 50%;
  width: max(110%, 105vh);
  aspect-ratio: 490 / 535;
  transform: translate(-50%, -50%);
  transform-style: preserve-3d;
}
.mosaic-plane {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: visible;
  mix-blend-mode: multiply;
}
.mosaic-far {
  opacity: .16;
  filter: blur(9px);
  transform: translate3d(0, var(--depth-far, 0px), -140px);
}
.mosaic-mid {
  opacity: .20;
  filter: blur(6px);
  transform: translate3d(0, var(--depth-mid, 0px), -40px);
}
.mosaic-near {
  opacity: .23;
  filter: blur(3px);
  transform: translate3d(0, var(--depth-near, 0px), 60px);
}
@media (max-width: 1000px) { .mosaic-scene { left: 210px; } }
@media (max-width: 760px) {
  .mosaic-scene { left: 0; }
  .mosaic-x { width: max(140%, 95vh); }
}
@media (prefers-reduced-motion: reduce) {
  .mosaic-far { transform: translateZ(-140px); }
  .mosaic-mid { transform: translateZ(-40px); }
  .mosaic-near { transform: translateZ(60px); }
}
@media (prefers-contrast: more), (forced-colors: active) {
  .mosaic-scene { display: none; }
}

/* Match each glass surface to its own heading, never to incidental names in its rows. */
.panel:has(> h2 .mosaic-0, > .section-head :is(h2,h3) .mosaic-0, > div > .section-head > h3 .mosaic-0) { --glass-tint: #007d86; }
.panel:has(> h2 .mosaic-1, > .section-head :is(h2,h3) .mosaic-1, > div > .section-head > h3 .mosaic-1) { --glass-tint: #176ac3; }
.panel:has(> h2 .mosaic-2, > .section-head :is(h2,h3) .mosaic-2, > div > .section-head > h3 .mosaic-2) { --glass-tint: #367f32; }
.panel:has(> h2 .mosaic-3, > .section-head :is(h2,h3) .mosaic-3, > div > .section-head > h3 .mosaic-3) { --glass-tint: #ad5500; }
.panel:has(> h2 .mosaic-4, > .section-head :is(h2,h3) .mosaic-4, > div > .section-head > h3 .mosaic-4) { --glass-tint: #b32668; }
.panel:has(> h2 .mosaic-5, > .section-head :is(h2,h3) .mosaic-5, > div > .section-head > h3 .mosaic-5) { --glass-tint: #853499; }
@media (prefers-contrast: no-preference) and (forced-colors: none) {
  .panel:has(> h2 .mosaic-letter, > .section-head :is(h2,h3) .mosaic-letter, > div > .section-head > h3 .mosaic-letter) {
    background:
      linear-gradient(125deg, #ffffffb8, #ffffff18 32%, transparent 34%),
      linear-gradient(90deg, color-mix(in srgb, var(--glass-tint) 5%, transparent), transparent 13%, transparent 87%, color-mix(in srgb, var(--glass-tint) 5%, transparent)),
      linear-gradient(180deg, color-mix(in srgb, var(--glass-tint) 4%, #f5faff99), color-mix(in srgb, var(--glass-tint) 1.5%, #f5faff70) 26%, color-mix(in srgb, var(--glass-tint) 2%, #edf5fb80) 78%, color-mix(in srgb, var(--glass-tint) 6%, #edf5fba6));
    border: 1px solid color-mix(in srgb, var(--glass-tint) 20%, #ffffff);
    border-top-color: color-mix(in srgb, var(--glass-tint) 9%, #ffffff);
    box-shadow: inset 0 2px 1px #ffffffed, inset 1px 0 1px #ffffffbd,
      inset 0 -2px 3px color-mix(in srgb, var(--glass-tint) 16%, #ffffff),
      inset 0 0 18px color-mix(in srgb, var(--glass-tint) 4%, transparent),
      0 0 0 1px #ffffffbd, 0 4px 8px -2px #ffffff,
      0 12px 22px -9px #ffffffd9,
      0 15px 26px -10px color-mix(in srgb, var(--glass-tint) 18%, transparent),
      0 18px 30px -23px #263d5966;
  }
}

/* Personal portals */
.portal-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; margin-top:22px; }
.portal-panel { padding:24px; min-width:0; }
.portal-panel h2 { font-size:26px; margin-bottom:12px; }
.portal-panel h3 { margin:10px 0; }
.portal-panel p { line-height:1.65; overflow-wrap:anywhere; margin:8px 0; }
.portal-panel .section-head { padding:0; flex-wrap:wrap; }
.portal-row { padding:16px 0; border-bottom:1px solid var(--line); }
.portal-row:last-child { border-bottom:0; }
.portal-row h3 .text-button { font-size:16px; text-align:left; white-space:normal; }
.personal-metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin:24px 0; }
.personal-metrics>div { padding:18px; border-left:2px solid #5d8bb9; }
.personal-metrics strong { display:block; font:34px var(--serif); }
.personal-metrics span { font-size:12px; }
.login-shell { min-height:100vh; display:grid; place-items:center; padding:24px; }
.login-card { width:min(100%,480px); padding:32px; }
.login-card img { max-width:100%; height:auto; border-radius:6px; margin-bottom:24px; }
.login-card h1 { font-size:32px; margin-bottom:16px; }
.login-card p { line-height:1.7; margin:14px 0; }
.login-card .form-grid { grid-template-columns:1fr; }
.login-card button[type=submit] { margin-top:20px; width:100%; }
#login-error, #invite-error { color:#963d2a; margin-top:12px; }
#plan-capacity { width:95px; margin:8px; padding:9px; border-radius:6px; border:1px solid #93abc4; }
.event-date { font-size:20px; color:#176ac3; }
.dialog-content>textarea { width:100%; padding:14px; }
@media(max-width:760px) { .portal-grid { grid-template-columns:1fr; } .personal-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); } .portal-panel { padding:20px; } .topbar-actions .text-button { font-size:10px; } }

/* Clearer glass, illuminated edges, and a brighter brand anchor. */
.sidebar { background-color: #1c3650; background-image: linear-gradient(155deg, #35547070, transparent 60%), linear-gradient(90deg, transparent 39px, #ffffff03 40px); border-right: 1px solid #a9c8e238; }
.sidebar .brand { padding-inline: 0; gap: 18px; }
.sidebar .moxaic-brand { width: 228px; border: 1px solid #ffffffb3; box-shadow: 0 3px 6px #ffffff85, 0 12px 26px -6px #89caffb3; animation: brand-underglow 4.8s ease-in-out infinite; }
@keyframes brand-underglow {
  0%, 100% { box-shadow: 0 3px 6px #ffffff85, 0 12px 26px -6px #89caff99, 0 20px 34px -15px #9edbff66; }
  50% { box-shadow: 0 3px 8px #ffffffbf, 0 14px 32px -4px #89caffd9, 0 24px 40px -12px #9edbff99; }
}
@media (prefers-contrast: no-preference) and (forced-colors: none) {
  .panel { background: linear-gradient(128deg, #ffffff80, #ffffff10 32%, transparent 34%), linear-gradient(180deg, #f8fcff99, #e4eef770 48%, #d9e6f080 50%, #f3f9ffa6); border-top-color: #ffffff; border-left-color: #fffffff2; box-shadow: inset 0 2px 1px #ffffff, inset 2px 0 1px #ffffffcc, inset 0 -2px 1px #fffffff2, 0 0 0 1px #ffffffb3, 0 4px 8px -2px #ffffff, 0 12px 22px -9px #ffffffd9, 0 20px 32px -22px #314a6580; backdrop-filter: blur(18px) saturate(105%); -webkit-backdrop-filter: blur(18px) saturate(105%); }
}
@media (max-width: 760px) { .sidebar .moxaic-brand { width: 240px; max-width: 100%; } }
@media (prefers-reduced-motion: reduce), (prefers-contrast: more), (forced-colors: active) { .sidebar .moxaic-brand { animation: none; } }
@media (prefers-contrast: more), (forced-colors: active) { .sidebar .moxaic-brand { box-shadow: none; } }

/* Current MOXAIC direction: icy light, thick glass and restrained mosaic color. */
:root { --paper:#c4dbea; --ink:#102440; --muted:#405570; --line:#a5bfd34d; --focus:#215dc7; }
body { background: radial-gradient(ellipse at 15% 5%, #e2f6ffb3, transparent 52%), radial-gradient(ellipse at 90% 75%, #b6b3e533, transparent 48%), linear-gradient(135deg, #cbdfea, #b9d2e5 55%, #a9c4dc); background-attachment:fixed; }
@media (prefers-contrast: no-preference) and (forced-colors: none) {
  .panel,
  .panel:has(> h2 .mosaic-letter, > .section-head :is(h2,h3) .mosaic-letter, > div > .section-head > h3 .mosaic-letter) {
    background: linear-gradient(128deg, #ffffff80, #ffffff0d 30%, transparent 31%, transparent 68%, #ffffff1a 69%, transparent 73%), linear-gradient(180deg, #f5fcff99, #e9f6ff70 45%, #dfedfa80), linear-gradient(110deg, color-mix(in srgb, var(--glass-tint, #179ec5) 5%, transparent), transparent 75%);
    border:1px solid #ffffffd9;
    border-right-color:#d7e8f2b3;
    border-bottom-color:color-mix(in srgb, var(--glass-tint, #2365c7) 18%, #e5f6ff);
    box-shadow: inset 0 2px 1px #ffffffed, inset 2px 0 1px #ffffffb3, inset -1px -2px 2px #c3ddf280, inset 0 -3px 5px #ffffffb3, 0 0 0 1px #ffffff40, 0 5px 10px -5px #ffffffed, 0 12px 24px -14px #30c1e880, 0 18px 32px -20px color-mix(in srgb, var(--glass-tint, #4865ca) 25%, transparent), 0 20px 32px -24px #203e6566;
    backdrop-filter:blur(16px) saturate(108%);
    -webkit-backdrop-filter:blur(16px) saturate(108%);
  }
  .form-field input:not([type=checkbox]), .form-field select, .form-field textarea, .checkbox-list, .search-field, .filter-field select {
    background:linear-gradient(120deg,#ffffffa6, #ffffff26 40%, transparent 42%), #edf7ff99;
    border-color:#8baac2; border-top-color:#ffffff; border-left-color:#ffffffeb;
    box-shadow:inset 0 1px 1px white, inset 0 -1px 2px #bfd8ec99, 0 5px 12px -8px #36b8e799;
    color:#102440;
  }
  .form-field input:not([type=checkbox]):focus, .form-field select:focus, .form-field textarea:focus, .search-field:focus-within, .filter-field select:focus {
    outline:2px solid #215dc7; outline-offset:3px;
    box-shadow:inset 0 1px 1px white, 0 0 0 4px #d3f3ff80, 0 5px 16px -5px #38b9ee99;
  }
  .nav-item.active { background:linear-gradient(120deg,#ffffff29,transparent 48%),linear-gradient(135deg,#167bc7c9,#2754b5c9); border:1px solid #9adaff99; border-top-color:#e2f7ffcc; box-shadow:inset 0 1px 1px #ffffff80,inset 0 -1px 2px #70bcff80,0 5px 15px -7px #35bcffd9; }
  .tab.active, .queue-tab.active { color:#174fa7; border-bottom-color:#245dc7; text-shadow:0 0 12px #58c8f34d; }
}
@media (prefers-contrast: more) { :root { --muted:#30415b; } body { background:#e7f0f7; } }
@media (forced-colors: active) { body { background:Canvas; color:CanvasText; } }

/* Clean luminous-blue navigation, sized to the available screen height. */
.sidebar { background:#1559a1; background-image:linear-gradient(160deg,#287cc0 0%,#195fa9 48%,#174b8c 100%); background-size:auto; border-right:1px solid #b6e7ff80; box-shadow:inset -1px 0 0 #ffffff26, 5px 0 22px -15px #39acff80; }
.sidebar .nav-item:not(.active):hover { background:#ffffff14; }
.sidebar .workspace:hover { background:#ffffff12; }
@media(min-width:761px) {
  .sidebar { height:100dvh; padding:18px 14px 14px; overflow:visible; gap:0; }
  .sidebar>.brand { gap:10px; flex-shrink:0; font-size:25px; }
  .sidebar .brand small { font-size:11px; margin-top:5px; }
  .sidebar nav { margin-top:20px; gap:3px; flex-shrink:0; }
  .sidebar .nav-item { min-height:36px; padding:7px 12px; font-size:12px; gap:11px; }
  .sidebar .nav-item .icon { width:18px; height:18px; }
  .sidebar .project-areas { margin:16px 12px 0; padding-top:12px; }
  .sidebar .project-areas h2 { margin-bottom:6px; }
  .sidebar .area-link { min-height:30px; padding:5px 0; font-size:11px; }
  .sidebar .workspace { margin-top:14px; padding:10px 8px; flex-shrink:0; }
  .sidebar .workspace small { display:none; }
  .sidebar .workspace>span:last-child { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
  .sidebar-bottom { padding:12px 8px 0; }
  .sidebar-bottom p { display:none; }
}
@media(min-width:761px) and (max-height:999px) { .sidebar .project-areas { display:none; } }
@media(min-width:761px) and (max-height:700px) {
  .sidebar { padding-top:12px; }
  .sidebar .moxaic-brand { width:180px; }
  .sidebar>.brand { font-size:21px; gap:8px; }
  .sidebar nav { margin-top:12px; gap:2px; }
  .sidebar .nav-item { min-height:32px; padding-block:5px; }
  .sidebar-bottom small { display:none; }
}
@media(min-width:761px) and (max-height:560px) {
  .sidebar .moxaic-brand { width:144px; }
  .sidebar .brand>span { display:none; }
  .sidebar nav { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:4px; }
  .sidebar .nav-item { font-size:11px; white-space:normal; padding:7px; gap:6px; min-height:40px; }
  .sidebar .nav-item .icon { display:none; }
  .sidebar .workspace { margin-top:8px; }
}
@media(forced-colors:active) { .sidebar { background:Canvas; border-color:CanvasText; box-shadow:none; } }

/* Personal account is the navigation anchor. */
.account-card { display:flex; align-items:center; gap:11px; width:100%; margin-top:16px; padding:12px 10px; background:#d4f0ff15; border:1px solid #d1efff4d; border-top-color:#ffffff80; border-radius:10px; color:#fff; text-align:left; box-shadow:inset 0 1px 0 #ffffff26,0 5px 14px -10px #7ed8ff; }
.account-card>span { min-width:0; display:flex; flex-direction:column; gap:4px; }
.account-card strong { font-size:14px; overflow-wrap:anywhere; }
.account-card small { font-size:10px; color:#e0f3ff; }
.account-card:hover { background:#d4f0ff26; }
.account-card:focus-visible { outline:2px solid white; outline-offset:3px; }
@media(min-width:761px) { .sidebar nav { margin-top:12px; } .sidebar .account-card { flex-shrink:0; } }
@media(min-width:761px) and (max-height:700px) { .sidebar .account-card { margin-top:10px; padding:8px; } .sidebar .workspace { display:none; } }
@media(max-width:760px) { .account-card { max-width:340px; margin-top:14px; } }

/* White breathing light preserves the original mosaic brand treatment. */
@keyframes brand-underglow {
  0%,100% { box-shadow:0 3px 6px #ffffffa6,0 12px 26px -6px #ffffff99,0 20px 34px -15px #e8f7ff80; }
  50% { box-shadow:0 3px 8px #fffffff2,0 14px 32px -4px #ffffffd9,0 24px 40px -12px #edfaffb3; }
}
.login-card>img { box-shadow:0 8px 20px -8px #ffffffcc; }
#password-error { color:#963d2a; }

/* The full sign-in panel and sidebar brand both carry the mosaic halo. */
.sidebar .moxaic-brand { animation:none; box-shadow:inset 0 1px 0 #ffffffcc; }
.sidebar .brand { border-radius:8px; }
.sidebar .brand, .login-shell .login-card { animation:mosaic-panel-pulse 12s ease-in-out infinite; }
@keyframes mosaic-panel-pulse {
  0%,16.666%,33.333%,50%,66.666%,83.333%,100% { box-shadow:0 0 7px 1px #ffffff99,0 8px 18px -3px #ffffff66; }
  8.333% { box-shadow:0 0 20px 5px #25dcf0bf,0 14px 36px 5px #25dcf0b3,0 24px 52px -4px #25dcf080; }
  25% { box-shadow:0 0 20px 5px #548bffbf,0 14px 36px 5px #548bffb3,0 24px 52px -4px #548bff80; }
  41.666% { box-shadow:0 0 20px 5px #ac74f5bf,0 14px 36px 5px #ac74f5b3,0 24px 52px -4px #ac74f580; }
  58.333% { box-shadow:0 0 20px 5px #f070c0bf,0 14px 36px 5px #f070c0b3,0 24px 52px -4px #f070c080; }
  75% { box-shadow:0 0 20px 5px #f5bf4fbf,0 14px 36px 5px #f5bf4fb3,0 24px 52px -4px #f5bf4f80; }
  91.666% { box-shadow:0 0 20px 5px #5bdba0bf,0 14px 36px 5px #5bdba0b3,0 24px 52px -4px #5bdba080; }
}
@media(prefers-reduced-motion:reduce) {
  .sidebar .brand, .login-shell .login-card { animation:none; box-shadow:0 0 14px 3px #b7ecff99,0 12px 28px -3px #b7ecff80; }
}
@media(prefers-contrast:more),(forced-colors:active) {
  .sidebar .brand, .login-shell .login-card { animation:none; box-shadow:none; }
}

/* One shared frame keeps the logo and its halo aligned at every breakpoint. */
.sidebar>.brand { display:block; width:100%; max-width:260px; min-width:0; margin:0 auto; padding:0; line-height:0; border-radius:8px; flex:0 0 auto; }
.sidebar .brand>.moxaic-brand { display:block; width:100%; max-width:none; height:auto; max-height:none; aspect-ratio:2 / 1; margin:0; padding:0; object-fit:contain; object-position:center; border:1px solid #ffffffcc; border-radius:inherit; background:#f8fcff; }
@media(min-width:761px) and (max-height:700px) { .sidebar>.brand { width:min(100%,200px); } }
@media(min-width:761px) and (max-height:560px) { .sidebar>.brand { width:min(100%,160px); } }

/* Account portraits and profile details come from the linked Person record. */
.system-objective { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:20px; padding:28px; margin-bottom:24px; }
.system-objective h2 { font-size:26px; line-height:1.35; }
.system-objective p,.systems-flow>p,.system-card p { line-height:1.6; overflow-wrap:anywhere; }
.system-summary { grid-column:1/-1; display:grid; grid-template-columns:auto 1fr; gap:8px 20px; align-items:center; }
.system-summary>strong { font-size:38px; color:#155887; }
.system-summary>progress,.system-summary>p { grid-column:1/-1; width:100%; }
.system-progress { display:flex; gap:12px; align-items:center; margin:12px 0; min-width:110px; }
.system-progress progress { flex:1; min-width:0; width:100%; }
.system-progress strong { min-width:45px; text-align:right; white-space:nowrap; color:#155887; }
.system-progress progress,.system-summary progress { height:10px; border:0; border-radius:8px; overflow:hidden; background:#dce7ef; accent-color:#1674b5; }
.system-progress progress::-webkit-progress-bar,.system-summary progress::-webkit-progress-bar { background:#dce7ef; }
.system-progress progress::-webkit-progress-value,.system-summary progress::-webkit-progress-value { background:#1674b5; border-radius:8px; }
.systems-flow,.systems-workflow { padding:24px; margin-bottom:24px; min-width:0; }
.systems-map-scroll { overflow:auto; max-height:640px; border:1px solid #d6e5ef; border-radius:16px; background:#eef6fb; }
.systems-map { display:block; max-width:none; }
.systems-map a:focus rect { stroke:#104872; stroke-width:3px; }
.system-map-title { font:600 15px system-ui,sans-serif; fill:#153a57; }
.system-map-caption { font:12px system-ui,sans-serif; fill:#39556d; }
.systems-connection-list { display:flex; flex-wrap:wrap; gap:8px 20px; margin-top:12px; color:#38516a; font-size:13px; }
.systems-workflow ol { display:flex; flex-wrap:wrap; list-style:none; padding:0; gap:12px; counter-reset:flow; }
.systems-workflow li { counter-increment:flow; padding:12px; background:#e7f2fa; border-radius:10px; flex:1 1 150px; color:#1a4667; }
.systems-workflow li::before { content:counter(flow) '. '; font-weight:700; }
.systems-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; margin-bottom:24px; }
.system-card { padding:24px; min-width:0; }
.system-card h2 { font-size:24px; overflow-wrap:anywhere; }
.system-task { padding:18px 0; border-top:1px solid #d5e2ec; }
.system-task h3 { margin:0; }
@media(max-width:1000px) { .systems-grid { grid-template-columns:1fr; } }
@media(max-width:600px) { .system-objective { grid-template-columns:1fr; padding:18px; } .systems-flow,.systems-workflow,.system-card { padding:18px; } .system-objective h2 { font-size:22px; } .system-summary>strong { font-size:30px; } }
.user-avatar { padding:0; overflow:hidden; flex-shrink:0; }
.user-avatar>.avatar { width:100%; height:100%; margin:0; border-radius:inherit; }
.personal-profile { display:flex; align-items:center; flex-wrap:wrap; gap:20px; padding:22px; margin-bottom:22px; }
.profile-identity { display:flex; align-items:center; gap:16px; flex:1 1 260px; min-width:0; }
.profile-identity>.avatar { flex-shrink:0; }
.profile-identity h2 { font-size:26px; margin-bottom:6px; }
.profile-identity p, .profile-identity small { color:var(--muted); line-height:1.6; overflow-wrap:anywhere; }
.profile-contact { flex:1 1 240px; min-width:0; }
.profile-contact .person-contacts { margin:0; }
@media(max-width:760px) { .personal-profile { padding:18px; gap:16px; } .profile-identity { flex-basis:100%; } .profile-identity h2 { font-size:23px; } }