:root{color-scheme:light;--bg:#f2f3f2;--paper:#fff;--ink:#303d3b;--muted:#5b6b67;--accent:#45695e;--soft:#e6eee9;--line:#dfe5e1;--error:#923f35}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:18px/1.55 'Segoe UI',sans-serif}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;border:0;background:none}a{color:var(--accent);text-underline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #327f9c;outline-offset:4px}button:disabled{cursor:wait;opacity:.6}input{min-width:0;border:1px solid #91a59c;border-radius:7px;padding:12px;background:white;color:var(--ink)}[hidden]{display:none!important}.shell{max-width:3300px;margin:auto;padding:30px clamp(24px,3vw,100px) 36px}.top{display:flex;justify-content:space-between;align-items:center;padding-bottom:24px;border-bottom:1px solid #cdd9d1;gap:20px}.brand{display:flex;align-items:center;gap:13px;font-size:21px;font-weight:600;text-decoration:none;color:var(--ink)}.mark{width:34px;height:34px;border:2px solid var(--accent);border-radius:50%;position:relative}.mark:after{content:'';position:absolute;inset:7px;border:1px solid var(--accent);border-radius:50%}.top-right{display:flex;gap:25px;align-items:center}.clock{font-size:25px;font-variant-numeric:tabular-nums;line-height:1.3}.clock small{display:block;text-align:right;font-size:12px;color:var(--muted)}h1{font-size:38px;letter-spacing:-1.1px;font-weight:500;line-height:1.2;margin:0 0 10px}h2{font-size:25px;letter-spacing:-.4px;font-weight:600;margin:0}h3{font-size:20px;line-height:1.4;margin:0 0 10px;font-weight:600}p{margin:0}.muted,.caption{color:var(--muted)}.caption{font-size:15px;margin:5px 0 24px}.intro{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:32px 0 24px}.primary{background:var(--accent);color:white;border-radius:7px;padding:12px 22px}.subtle{background:var(--soft);padding:10px 18px;border-radius:7px;font-size:16px}.sheet{background:var(--paper);border:1px solid var(--line);border-radius:8px;overflow:hidden}.app-strip{display:grid;grid-template-columns:200px 1fr;align-items:center;gap:24px;margin:6px 0 38px}.app-strip .caption{margin-bottom:0}.apps{display:grid;grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:12px}.app{display:flex;gap:14px;align-items:center;padding:17px;background:#e4eae6;border-radius:9px;text-decoration:none;color:var(--ink);min-width:0}.app:hover{background:#d9e4dc}.app-icon{display:grid;place-items:center;background:#f4f8f5;color:var(--accent);border-radius:8px;width:34px;height:34px;flex-shrink:0}.app-name{font-size:18px;font-weight:500;overflow-wrap:anywhere}.arrow{margin-left:auto;color:var(--muted)}.board{display:grid;grid-template-columns:.94fr 1.18fr 1.06fr;gap:clamp(24px,2vw,60px);align-items:start}.board>section{min-width:0}.calendar{padding:26px;background:#e8eeea}.month{display:flex;justify-content:space-between;align-items:center;font-size:17px;margin-bottom:20px;gap:8px}.month button{font-size:22px;min-width:40px;min-height:44px;border-radius:6px}.month button:hover{background:#d9e4dc}.days{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.day{padding:8px 0;border-radius:9px;min-width:0}.day small{display:block;font-size:12px;color:var(--muted);margin-bottom:6px}.day b{font-size:18px;font-weight:500}.day[aria-pressed=true]{background:var(--accent);color:white}.day[aria-pressed=true] small{color:white}.day:hover:not([aria-pressed=true]){background:#d8e3dc}.schedule-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:27px 0 20px}.schedule-heading h3{font-size:16px;font-weight:400;margin:0}.text-button{color:var(--accent);padding:0;font-size:15px;display:inline-block}.event{display:grid;grid-template-columns:58px 1fr;gap:12px;margin:0 0 18px}.time{font-size:14px;color:var(--muted);padding-top:12px}.event-body{border-left:3px solid #9eb8ab;background:#f9fbfa;padding:12px 14px;border-radius:0 7px 7px 0;min-width:0;text-decoration:none;color:var(--ink)}a.event-body:hover{outline:1px solid #94aea0}.event-body strong{display:block;font-size:18px;font-weight:500;overflow-wrap:anywhere}.event-body small{font-size:14px;color:var(--muted);display:block}.event.past .event-body{background:#edf0ee;border-color:#bbc6c0}.event.past strong{color:#65756c;text-decoration:line-through}.event.current .event-body{border-color:var(--accent);background:#dceae2}.event.birthday .event-body{background:#f3efe3;border-color:#ad9762}.calendar-footer{border-top:1px solid #cbd9cf;padding-top:20px;margin-top:24px;font-size:14px;color:var(--muted)}.attention,.decision{padding:28px;border-bottom:1px solid var(--line)}.attention p{font-size:17px;max-width:52ch}.decision{display:flex;align-items:center;gap:16px;color:var(--ink);text-decoration:none}.decision:last-child{border:0}.decision:hover{background:#f6f9f7}.decision small{display:block;color:var(--muted);font-size:14px}.badge{margin-left:auto;border-radius:20px;padding:5px 11px;background:var(--soft);font-size:14px;white-space:nowrap}.badge.available{background:var(--accent);color:white}.search-section{margin-top:34px}.search-form{display:flex;gap:10px;margin-bottom:12px}.search-form input{width:100%;font-size:16px}.search-form .primary{font-size:16px;padding-inline:17px}.search-results{display:grid;gap:8px}.search-result{padding:15px 18px;background:white;border:1px solid var(--line);border-radius:6px;text-decoration:none;overflow-wrap:anywhere}.search-result small{display:block;font-size:13px;color:var(--muted)}.task-list{padding:4px 26px}.task{display:flex;gap:15px;padding:24px 0;border-bottom:1px solid var(--line);align-items:flex-start}.task:last-child{border:0}.task input{width:23px;height:23px;margin:4px 0 0;flex-shrink:0;accent-color:var(--accent);cursor:pointer}.task-content{min-width:0}.task-title{font-size:19px;color:var(--ink);text-decoration:none;overflow-wrap:anywhere}a.task-title:hover{text-decoration:underline}.task small{display:block;color:var(--muted);font-size:14px;margin-top:7px}.task.done .task-title{text-decoration:line-through;color:var(--muted)}.recurring-mark{flex-shrink:0;color:var(--muted);width:23px;text-align:center;margin-top:2px}.task-footer{padding:20px 26px;background:#f7f9f7;font-size:14px;color:var(--muted)}.empty{padding:16px 0;color:var(--muted);font-size:16px}.message{font-size:15px;color:var(--accent);margin:12px 0;min-height:0}.message:empty{margin:0}.message.error{color:var(--error)}footer{display:flex;justify-content:space-between;gap:20px;margin-top:40px;padding-top:20px;border-top:1px solid #cdd9d1;font-size:14px;color:var(--muted)}.login{max-width:470px;padding:36px;margin:70px auto}.login h1{font-size:31px}.eyebrow{font-size:14px;color:var(--accent);margin-bottom:14px}.login form{display:grid;gap:10px;margin-top:24px}.login label{font-size:15px;margin-top:5px}.login .primary{margin-top:14px}.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}
.catalogue-trigger{margin-top:12px;text-align:left}.app-label{display:grid;gap:6px;min-width:0}.app-badge{margin:0;justify-self:start;white-space:normal;font-size:12px;line-height:1.35;padding:4px 8px}.task-filter{font-size:15px;color:var(--muted);margin-top:6px}.task-footer>a{display:inline-block;margin-top:7px}.task-help{margin-top:17px}dialog{width:min(820px,calc(100% - 32px));max-height:85vh;padding:28px;border:1px solid var(--line);border-radius:12px;background:var(--paper);color:var(--ink);box-shadow:0 22px 90px #303d3b33}dialog::backdrop{background:#263e345c}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:9px}.catalogue-apps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}@media(max-width:500px){.catalogue-apps{grid-template-columns:1fr}dialog{padding:22px}.dialog-heading h2{font-size:22px}.app-badge{font-size:11px}}
@media(max-width:1700px){.app-strip{display:block}.app-strip .caption{margin-bottom:16px}.board{grid-template-columns:1fr 1fr}.tasks-column{grid-column:1/-1}.task-list{display:grid;grid-template-columns:1fr 1fr;column-gap:30px}}
@media(max-width:900px){.shell{padding:22px}.board{grid-template-columns:1fr}.tasks-column{grid-column:auto}.task-list{display:block}.apps{grid-template-columns:repeat(2,minmax(0,1fr))}.intro{align-items:flex-start}h1{font-size:32px}.board{gap:30px}.top-right{gap:15px}footer{flex-direction:column;gap:8px}}
@media(max-width:500px){.shell{padding:18px 16px}.brand{font-size:19px}.clock{font-size:21px}.intro{flex-direction:column}.app{padding:14px 12px;gap:9px}.app-name{font-size:16px}.app-icon{display:none}.calendar{padding:19px}.attention,.decision{padding:23px}.search-form{gap:6px}.login{padding:26px;margin:35px auto}.day small{font-size:11px}.badge{font-size:12px}.month{font-size:15px}}

#google-login{width:100%;margin:24px 0}details summary{font-size:15px;color:var(--muted);cursor:pointer}details[open]{margin-top:12px}

/* Keep long lists inside their cards; larger screens use the available viewport. */
.task-list{max-height:60dvh;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
#events,.search-results{max-height:55dvh;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
@media(min-width:1701px) and (min-height:750px){
 .shell:has(#dashboard-view:not([hidden])){height:100dvh;display:flex;flex-direction:column;overflow:hidden}
 .shell:has(#dashboard-view:not([hidden]))>main{flex:1;min-height:0;display:flex;flex-direction:column}
 #dashboard-view{flex:1;min-height:0;display:flex;flex-direction:column}
 .top,.intro,.app-strip,#announcement,footer{flex-shrink:0}
 .board{flex:1;min-height:0;align-items:stretch;overflow:hidden}
 .board>section{min-height:0;overflow-y:auto;scrollbar-gutter:stable;overscroll-behavior:contain}
 .tasks-column,.agenda-column{display:flex;flex-direction:column}
 .tasks-column>.sheet,.calendar{display:flex;flex-direction:column;min-height:0;flex:1}
 .tasks-column h2,.tasks-column>.caption,.task-filter,.task-footer,.month,.days,.schedule-heading,.calendar-footer{flex-shrink:0}
 .task-list,#events{min-height:0;max-height:none;flex:1;overflow-y:auto}
 footer{margin-top:20px}
}

/* Daily workspace density: reserve height for content instead of framing. */
body{font-size:16px;line-height:1.4}
.shell{padding:12px 24px 12px;max-width:none}
.top{padding-bottom:8px;gap:12px}.brand{font-size:17px;gap:9px}.mark{width:25px;height:25px}.mark:after{inset:5px}
.clock{font-size:20px}.clock small{font-size:11px}.top-right{gap:16px}
.intro{padding:12px 0;gap:12px}.intro>div{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap}
h1{font-size:25px;margin:0;letter-spacing:-.5px}h2{font-size:18px;letter-spacing:-.2px}h3{font-size:16px;margin-bottom:6px}
.caption{font-size:12px;margin:4px 0 10px}.subtle{padding:7px 12px;font-size:13px}
.app-strip{grid-template-columns:155px 1fr;gap:16px;margin:0 0 16px}.app-strip .caption{display:none}.catalogue-trigger{margin-top:4px;font-size:12px}
.apps{gap:8px}.app{padding:9px 12px;gap:10px}.app-name{font-size:15px}.app-icon{width:28px;height:28px}.app-label{gap:3px}.app-badge{font-size:11px;padding:2px 7px}
.board{gap:20px;grid-template-columns:1fr 1fr 1.1fr}
.calendar{padding:12px}.month{margin-bottom:8px;font-size:13px}.month button{min-height:32px;min-width:32px;font-size:18px}
.day{padding:5px 0}.day small{margin-bottom:2px;font-size:11px}.day b{font-size:15px}.schedule-heading{margin:12px 0 10px}.schedule-heading h3{font-size:13px}
.event{grid-template-columns:45px 1fr;gap:8px;margin-bottom:6px}.time{font-size:12px;padding-top:7px}.event-body{padding:6px 10px}.event-body strong{font-size:15px}.event-body small{font-size:11px;display:inline;margin-right:8px}
.calendar-footer{font-size:11px;margin-top:8px;padding-top:8px}
.attention,.decision{padding:12px 14px}.attention p{font-size:13px}.decision small{font-size:12px}.badge{font-size:12px;padding:3px 8px}
.search-section{margin-top:16px}.search-form{margin-bottom:6px}.search-form input{padding:8px 10px;font-size:14px}.search-form .primary{font-size:13px;padding:8px 12px}.text-button{font-size:12px}
.task-filter{font-size:12px;margin-top:3px}.task-list{padding:0 14px}.task{padding:10px 0;gap:10px}.task-title{font-size:15px}.task small{font-size:12px;margin-top:3px}.task input{width:19px;height:19px;margin-top:1px}.recurring-mark{width:19px}
.task-footer{padding:8px 14px;font-size:12px}.task-footer>a{margin-top:3px}.task-help{margin-top:6px}.task-help summary{font-size:12px}.task-help p{margin-top:6px}
footer{margin-top:10px;padding-top:7px;font-size:11px}.message{font-size:13px;margin:6px 0}
@media(min-width:1701px) and (min-height:750px){
 .board>section{overflow:hidden;scrollbar-gutter:auto}
 .attention-column{display:flex;flex-direction:column}
 .attention-column>.sheet{flex-shrink:0}
 .search-section{display:flex;flex-direction:column;min-height:0;flex:1}
 .search-results{min-height:0;overflow:auto;max-height:none}
 footer{margin-top:10px}
}
@media(max-width:1700px){.board{grid-template-columns:1fr 1fr}.app-strip{display:grid}.task-list{display:block}}
@media(max-width:900px){.shell{padding:12px}.board{grid-template-columns:1fr}.app-strip{display:block}.app-strip>div:first-child{margin-bottom:8px}.intro>div{display:block}.intro h1{margin-bottom:4px}.apps{grid-template-columns:repeat(2,minmax(0,1fr))}.tasks-column{grid-column:auto}.board>section{overflow:visible}.top-right{gap:10px}}

@media(min-width:1701px) and (min-height:750px){.tasks-column>.sheet,.calendar{flex:0 1 auto}.task-list,#events{flex:0 1 auto}}

/* Compact workstation, aligned with MyTasks kanban and Finance cockpit. */
body{font-size:14px;line-height:1.35}.shell{padding:10px 18px}
.top{min-height:38px;margin-bottom:10px;padding-bottom:8px}.brand{font-size:14px}.workspace-heading{display:flex;align-items:baseline;gap:12px;margin-right:auto;margin-left:20px;font-size:14px}.workspace-heading .muted{font-size:12px}.clock{font-size:17px}
.app-strip{grid-template-columns:130px 1fr;margin-bottom:12px;gap:12px}.app-strip h2{font-size:13px}.app{padding:6px 10px;min-height:40px}.app-label{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.app-name{font-size:13px}.app-icon{width:24px;height:24px}.app-badge{font-size:10px}.catalogue-trigger{font-size:11px}
h2{font-size:15px}.caption,.task-filter{font-size:11px;margin-bottom:7px}.board{gap:14px;grid-template-columns:1fr 1.15fr 1fr}.agenda-column{order:0}.tasks-column{order:1}.attention-column{order:2}
.calendar{padding:10px}.month{margin-bottom:5px;font-size:12px}.day{padding:4px 0}.day b{font-size:13px}.schedule-heading{margin:8px 0}.event-body strong{font-size:13px}.event-body{padding:5px 8px}.event{margin-bottom:4px}.event-body small{font-size:11px}.time{font-size:11px}
.task-list{padding:0 10px}.task{padding:8px 0;gap:8px}.task-title{font-size:13px}.task small{font-size:11px;margin-top:2px}.task-content{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap;flex:1}.task-title{flex:1 1 200px}.task input{width:17px;height:17px}.task-footer{font-size:11px;padding:6px 10px}.task-help{margin-top:4px}.task-help summary{font-size:11px}
.attention,.decision{padding:9px 11px}.attention p{font-size:12px}.decision{font-size:13px}.decision small{font-size:11px}.badge{font-size:11px}.search-section{margin-top:12px}.search-form input{font-size:13px;padding:7px 9px}.search-result{padding:8px 10px;font-size:13px}
@media(max-width:1700px) and (min-width:1100px){.board{grid-template-columns:1fr 1fr 1fr}.tasks-column{grid-column:auto}}
@media(max-width:900px){.workspace-heading{margin-left:0;display:block}.workspace-heading>span{display:block}.top{flex-wrap:wrap;gap:8px}.top-right{margin-left:auto}.top-right .subtle{font-size:12px}.board{grid-template-columns:1fr}.app-label{display:grid}.task{min-height:44px}.task input{width:22px;height:22px}.task-title{font-size:14px}.tasks-column{order:1}.attention-column{order:2}}