:root{--navy:#0b1d36;--ink:#182438;--muted:#77808f;--line:#e9edf1;--gold:#b39a5d;--green:#46725b;--red:#a8464c;--notes-width:350px;--row:56px;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--ink);font-size:13px;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:white}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{border:0;background:none;color:inherit}a{color:inherit}button,input,select,textarea{transition:background-color .15s,border-color .15s,box-shadow .15s}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #ad965a;outline-offset:4px}button:disabled{opacity:.4;cursor:not-allowed}button:hover{background-color:#f4f6f8}input,select{border:1px solid #dce1e8;border-radius:6px;padding:10px 12px;background:#fff;color:var(--ink);min-width:0}input::placeholder,textarea::placeholder{color:#9aA1ad}svg{width:17px;height:17px;stroke:currentColor;stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle;flex-shrink:0}[data-icon]{display:inline-flex;align-items:center;justify-content:center}h1,h2,h3,p{margin:0}h1,h2{font-size:18px;font-weight:570;letter-spacing:-.45px;line-height:1.3}h3{font-size:14px;font-weight:600}h2 [data-icon]{margin-right:10px}h2 svg{width:18px;height:18px}button{border-radius:5px}button:active{transform:translateY(.5px)}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:fixed;top:-60px;left:200px;background:white;padding:15px;z-index:100}.skip:focus{top:10px}.sidebar{position:fixed;width:190px;inset:0 auto 0 0;background:#06172f;color:#d2d8e2;padding:29px 12px;display:flex;flex-direction:column;z-index:20}.brand{display:block;position:relative;overflow:hidden;width:150px;height:36px;margin:0 10px 69px;background:#06172f}.brand img{position:absolute;max-width:none;width:1536px;height:1024px;left:-30px;top:-29px;pointer-events:none}.nav-item{position:relative;display:flex;gap:14px;align-items:center;width:100%;text-align:left;min-height:44px;padding:11px 15px;margin-bottom:5px;color:#bdc7d7;font-size:12px;border-radius:6px}.nav-item svg{width:17px;height:17px;stroke-width:1.4}.nav-item.active{background:rgba(255,255,255,.105);color:#fff}.nav-item.active:before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:2px;background:#c6ac68;border-radius:2px}.nav-item:hover{background:rgba(255,255,255,.07);color:#fff}.nav-item.popular{justify-content:space-between;margin-top:39px;font-size:11px;color:#b0bbcC}.sidebar-foot{margin-top:auto}.draft-tag{display:block;font-size:9px;letter-spacing:1.45px;color:#687a94;margin:0 15px 20px}.page{margin-left:190px}.topbar{min-height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:28px;padding:16px 38px}.breadcrumb{display:flex;gap:17px;align-items:center;white-space:nowrap;font-size:12px}.breadcrumb>span:first-child{color:var(--muted)}.breadcrumb strong{font-weight:500}.slash{color:#b9bec7}.topbar time{margin-left:auto;white-space:nowrap;font-size:11px;color:#606a7b}.top-actions{display:flex;align-items:center;gap:22px}.search-trigger{display:flex;align-items:center;gap:10px;text-align:left;width:220px;border:1px solid var(--line);padding:8px 10px;color:#7b8493;font-size:11px}.search-trigger svg{width:15px;height:15px}.search-trigger kbd{margin-left:auto;color:#8b93a0;font-family:inherit;font-size:10px;white-space:nowrap}.icon-text{display:flex;gap:9px;align-items:center;font-size:11px;white-space:nowrap;padding:7px 0}.icon-text svg{width:17px;height:17px}main{max-width:1570px;margin:auto;padding:0 40px}.utility{min-height:97px;display:flex;align-items:center;gap:30px;border-bottom:1px solid var(--line)}.clocks{flex:1;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:22px}.clock{padding-left:18px;border-left:1px solid var(--line);min-width:0}.clock:first-child{padding-left:0;border-left:0}.clock-heading{display:flex;align-items:center;gap:5px;font-size:10px;white-space:nowrap;color:#727d8c}.clock-heading .city{color:var(--ink);overflow:hidden;text-overflow:ellipsis}.clock-time{display:block;font-size:18.7px;font-weight:450;letter-spacing:.25px;font-variant-numeric:tabular-nums;margin-top:6px}.clock.local .city{font-weight:600}.clock.local .clock-time{color:#111f35}.local-dot{display:inline-block;width:4px;height:4px;border-radius:50%;background:var(--gold);margin-left:3px}.clock small{font-size:9px;color:#a08b55}.utility-actions{display:flex;gap:12px;align-items:center}.quiet{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:7px 6px;font-size:11px;white-space:nowrap;border-radius:5px;color:#526076}.quiet:hover{background:#f5f7f9;color:var(--navy)}.quiet svg{width:14px;height:14px}.quiet.small{font-size:10px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 1px var(--notes-width);gap:30px;padding:38px 0 28px;min-height:calc(100vh - 225px)}.work-column{min-width:0}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.section-meta{font-size:10.5px;color:#7d8694;margin-top:7px}.completion{width:150px;flex-shrink:0;font-size:10px;color:#788292}.progress{height:4px;border-radius:6px;background:#edf0f2;margin-top:9px;overflow:hidden}.progress i{display:block;height:100%;background:#638974;width:0;transition:width .25s;border-radius:6px}.tab-row,.note-tabs{display:flex;gap:24px;border-bottom:1px solid var(--line)}.tab{position:relative;padding:0 1px 13px;font-size:11px;color:#818a97;border-radius:0}.tab:hover{background:transparent;color:var(--ink)}.tab.active{color:var(--ink);font-weight:550}.tab.active:after{content:"";position:absolute;height:2px;background:var(--gold);bottom:-1px;left:0;right:0}.tab span{font-size:9px;margin-left:3px;color:#96a0ad}.task-list{list-style:none;margin:13px 0 18px;padding:0;min-height:220px}.task-row{display:flex;align-items:center;gap:13px;min-height:var(--row);padding:7px 0;transition:opacity .16s,transform .16s}.task-row.leaving{opacity:0;transform:translateX(6px)}.task-check{appearance:none;cursor:pointer;width:15px;height:15px;border-radius:4px;border:1px solid #b0b8c3;padding:0;flex-shrink:0;margin:0}.task-check:hover{border-color:var(--green);background:#f3f8f5}.task-check:checked{background:var(--green);border-color:var(--green)}.task-check:checked:after{content:"";display:block;width:4px;height:7px;border:solid white;border-width:0 1.5px 1.5px 0;transform:rotate(45deg);margin:1.5px 0 0 4px}.task-name{flex:1;text-align:left;padding:5px 0;font-size:12px;line-height:1.6;overflow-wrap:anywhere;min-width:0}.task-name:hover{background:transparent;color:#1b527b}.completed .task-name{color:#252c35;text-decoration:line-through;text-decoration-thickness:1px}.inline-task{flex:1;width:100%;font-size:12px;min-width:60px}.priority-badge{font-size:9px;line-height:18px;padding:1px 9px;border-radius:4px;white-space:nowrap}.priority-badge.mandatory{background:#f8efd9;color:#80652d}.priority-badge.desirable{background:#f0f1f3;color:#707a87}.priority-badge.tomorrow{background:#f7eadd;color:#9c704c}.task-tools{display:flex;gap:3px;opacity:0;transition:opacity .15s}.task-row:hover .task-tools,.task-row:focus-within .task-tools{opacity:1}.task-tools .quiet{font-size:10px;color:var(--green)}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;flex-shrink:0;color:#7b8697}.icon-button svg{width:15px;height:15px}.task-form{display:grid;grid-template-columns:minmax(80px,1fr) 136px auto;gap:10px}.task-form input,.task-form select{font-size:11px;min-height:38px}.task-form select{border-color:#f1e6cd;background:#fcf7eb;color:#80652d;padding:8px}.primary{display:inline-flex;gap:7px;align-items:center;justify-content:center;background:var(--navy);color:#fff;padding:9px 14px;font-size:11px;font-weight:500;white-space:nowrap;border:1px solid var(--navy);min-height:37px}.primary:hover{background:#213b59}.primary svg{width:14px;height:14px}.form-hint{display:flex;justify-content:space-between;gap:10px;margin-top:9px;font-size:9px;color:#9098a5}.schedule{border-top:1px solid var(--line);margin-top:35px;padding-top:28px}.schedule .section-heading{margin-bottom:21px}.next-meeting{font-size:11px;margin-bottom:16px;color:#5a6576}.countdown{font-variant-numeric:tabular-nums;color:#a94750;margin-left:5px}.event-list{list-style:none;margin:0;padding:0}.event-row{display:flex;align-items:center;gap:16px;min-height:42px}.event-time{width:40px;font-size:11px;font-variant-numeric:tabular-nums;font-weight:550}.event-marker{width:3px;height:17px;background:#ad545a;border-radius:3px;flex-shrink:0}.event-marker.next{background:#669476}.event-marker.second{background:#d1a34e}.event-name{text-align:left;flex:1;font-size:12px;padding:5px;line-height:1.5;overflow-wrap:anywhere;min-width:0}.event-label{font-size:9px;color:#8c96a3}.past{opacity:.6}details{margin-top:20px}summary{cursor:pointer;font-size:10px;color:var(--muted)}.pane-resizer{position:relative;width:1px;padding:0;border-radius:0;background:var(--line);cursor:col-resize;min-height:300px}.pane-resizer:before{content:"";position:absolute;inset:0 -8px}.pane-resizer:after{content:"";position:absolute;top:42%;left:-1px;width:3px;height:25px;border-radius:4px;background:#dce1e8;opacity:0}.pane-resizer:hover:after,.pane-resizer:focus-visible:after{opacity:1}.pane-resizer:hover{background:#d5c49b}.notes-column{min-width:0;display:flex;flex-direction:column}.timer-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px}.timer-button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:39px;padding:10px;font-size:10.5px;white-space:nowrap;border-radius:5px;letter-spacing:-.1px;font-weight:500}.timer-button.focus{background:var(--navy);color:white}.timer-button.focus:hover{background:#213b59}.timer-button.break{border:1px solid #c67d81;background:#fff;color:#a8464c}.timer-button.break:hover{background:#fcf3f3}.timer-value{font-size:9.45px;opacity:.8;margin-left:auto}.timer-button svg{width:12px;height:12px}.active-timer{display:flex;align-items:center;gap:5px;margin-top:12px;font-size:11px;background:#f7faf8;border-radius:5px;padding:8px 10px;color:var(--green)}.active-timer strong{font-weight:550;font-variant-numeric:tabular-nums;margin-right:auto}.active-timer .icon-button{width:27px;height:27px}.notepad{margin-top:34px;display:flex;flex-direction:column;flex:1;min-height:460px}.notepad .section-heading{gap:4px;margin-bottom:22px}.notepad h2{font-size:17.25px;letter-spacing:-.35px}.notepad h2 [data-icon]{margin-right:7px}.note-tabs{gap:23px}.note-tabs .tab{font-size:10.5px;white-space:nowrap}.notes-panel{flex:1;display:flex;min-height:260px;padding-top:21px}.notes-panel textarea{font-size:12px;font-weight:400;line-height:1.9;width:100%;min-height:250px;flex:1;resize:none;border:0;background:transparent;padding:0 3px;outline-offset:7px;color:#354256;border-radius:2px}.note-selection{min-height:28px;margin-top:14px}.note-selection button{color:#7e8998}.note-selection button:disabled{opacity:.35}.notes-foot{display:flex;align-items:center;justify-content:space-between;margin-top:18px;padding-top:10px;font-size:9px;color:#8a94a2}.save-state{display:inline-flex;align-items:center;gap:6px}.save-state svg{width:12px;height:12px;color:#669476}.save-state.error{color:var(--red)}.save-state.error svg{color:var(--red)}footer{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0 24px;color:#a0a8b3;font-size:9px}footer>span{font-size:8px;letter-spacing:1.5px}footer>div{display:flex;gap:18px;align-items:center}footer button{font-size:9px;color:#7c8797;padding:4px}.recovery{border-bottom:1px solid var(--line);padding:12px 0;font-size:11px;color:#697586;display:flex;align-items:center;gap:10px}.recovery button{color:#826b38;text-decoration:underline}.empty{padding:37px 14px 33px 0;color:#7d8795}.empty h3{color:#425267;font-size:14px;font-weight:500;margin-bottom:8px}.empty p{line-height:1.8;font-size:11px;max-width:380px}.empty button{margin-top:17px}dialog{border:1px solid #e3e8ee;border-radius:12px;padding:27px;max-width:min(520px,calc(100vw - 30px));width:480px;box-shadow:0 25px 100px #0a19352b;color:var(--ink);max-height:85dvh;overflow:auto}dialog::backdrop{background:rgba(12,24,42,.27);backdrop-filter:blur(3px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:23px}.dialog-head h2{font-size:18px}.dialog-copy{font-size:12px;color:#738094;line-height:1.8;margin-bottom:20px}.dialog-form{display:flex;flex-direction:column;gap:16px}.dialog-form label{font-size:11px;color:#607087;display:flex;flex-direction:column;gap:7px}.dialog-form input,.dialog-form select{font-size:12px;min-height:40px}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.dialog-actions{display:flex;gap:10px;align-items:center;justify-content:flex-end;margin-top:10px}.dialog-actions .quiet{padding:10px 13px}.danger-text{color:var(--red)}.check-line{display:flex;align-items:center;justify-content:space-between;padding:11px 0;font-size:12px;border-bottom:1px solid #f2f4f6;gap:18px}.check-line input{accent-color:var(--navy);width:16px;height:16px}.dialog-subtitle{margin:20px 0 6px;font-size:10px;letter-spacing:.8px;text-transform:uppercase;color:#8994a3}.zones-list{max-height:260px;overflow:auto;margin-bottom:16px}.picker-times{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:8px 0 23px}.picker-times button{border:1px solid #dfe5ed;padding:11px 3px;font-size:12px}.picker-times button.selected{background:var(--navy);border-color:var(--navy);color:white}.error-message{color:var(--red);font-size:11px;line-height:1.6}.search-input{width:100%;margin-bottom:12px}.search-results{display:flex;flex-direction:column;max-height:380px;overflow:auto}.search-result{display:flex;align-items:center;gap:15px;text-align:left;padding:12px 6px;border-bottom:1px solid var(--line);font-size:12px}.search-result small{display:block;color:#8b96a5;margin-bottom:4px;font-size:9px}.search-result>span{min-width:0;overflow-wrap:anywhere}.menu-actions{display:flex;flex-direction:column;gap:7px}.menu-actions button{padding:13px 10px;text-align:left;display:flex;align-items:center;gap:12px;border:1px solid var(--line);font-size:12px}.menu-actions button svg{width:15px;height:15px}.toast{position:fixed;bottom:27px;left:50%;transform:translateX(-50%);background:var(--navy);color:white;z-index:200;padding:12px 14px 12px 20px;border-radius:8px;box-shadow:0 8px 30px #14233824;display:flex;align-items:center;gap:20px;font-size:12px;max-width:calc(100vw - 30px)}.toast>button{color:#dbc78f;white-space:nowrap;font-size:11px}.toast>button:hover{background:rgba(255,255,255,.1)}.toast .icon-button{color:#a2aec0;width:22px;height:22px}.timer-overlay{max-width:100vw;max-height:100dvh;width:100vw;height:100dvh;margin:0;border:0;border-radius:0;background:#0d1b2d;color:#dce5ec;padding:30px 40px;box-shadow:none}.timer-overlay.break-mode{background:#10171e;color:#afb8c2}.overlay-top{display:flex;justify-content:space-between;align-items:center}.overlay-brand{font-weight:550;letter-spacing:-.5px;font-size:18px;color:#dde4ed}.overlay-top .quiet{color:#8d9bae}.overlay-top .quiet:hover{background:#ffffff0c}.overlay-centre{min-height:calc(100dvh - 150px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px}.eyebrow{letter-spacing:2.6px;font-size:10px;color:#bda46c;margin-bottom:28px}.overlay-centre h2{font-size:20px;font-weight:400;max-width:650px;line-height:1.6;overflow-wrap:anywhere}.overlay-count{font-size:clamp(80px,11vw,150px);letter-spacing:-5px;font-variant-numeric:tabular-nums;font-weight:250;line-height:1.4}.break-mode .overlay-count{color:#a8b2bf}.overlay-centre>p:not(.eyebrow){font-size:12px;color:#8291a4;margin-top:12px;line-height:1.8}.overlay-actions{display:flex;align-items:center;gap:22px;margin-top:35px}.overlay-pause{border:1px solid #5b6b7e;padding:11px 32px;color:#c4cfdd}.overlay-pause:hover{background:#ffffff0d}.overlay-actions .quiet{color:#8d9bae}.overlay-actions .quiet:hover{background:#ffffff0c}.notes-expanded .notepad{position:fixed;inset:45px 12vw;z-index:50;background:white;padding:35px;border:1px solid var(--line);box-shadow:0 20px 100px #10213830;border-radius:12px;margin:0;min-height:0}.notes-expanded .notes-panel{min-height:0}.notes-expanded:before{content:"";position:fixed;inset:0;background:#10213842;z-index:49;backdrop-filter:blur(3px)}body.compact{--row:44px}.compact .workspace{gap:26px}.compact .notepad{margin-top:27px}[hidden]{display:none!important}@media(min-width:1800px){.workspace{min-height:780px}.task-list{min-height:260px}.notes-panel textarea{min-height:410px}}@media(max-width:1300px){.topbar time{display:none}.topbar{gap:20px}.top-actions{margin-left:auto}main{padding:0 29px}.workspace{gap:23px;grid-template-columns:minmax(0,1fr) 1px min(var(--notes-width),320px)}.utility{gap:18px}.clocks{gap:13px}.clock{padding-left:12px}.clock small{display:none}.utility-actions{gap:5px;flex-direction:column;align-items:flex-end}.timer-buttons{gap:8px}.timer-button{gap:5px;font-size:9.45px}.timer-value{font-size:8.4px}.task-tools .quiet span:not([data-icon]){display:none}.task-form{grid-template-columns:minmax(70px,1fr) 116px auto;gap:7px}.primary{padding:9px 11px}.completion{width:118px}.note-tabs{gap:18px}}@media(max-width:1050px){.sidebar{width:70px;padding:26px 8px}.brand{width:32px;height:33px;margin-left:8px;margin-bottom:70px}.brand img{left:-34px}.nav-item{justify-content:center;padding:12px 8px}.nav-item>span:not([data-icon]),.draft-tag{display:none}.nav-item.popular{display:none}.page{margin-left:70px}.topbar{padding:17px 28px}.favourite span:not([data-icon]){display:none}.top-actions{gap:15px}.search-trigger{width:190px}.workspace{gap:22px}main{padding:0 27px}.task-tools{opacity:1}.task-tools .quiet{display:none}.priority-badge{padding:1px 5px;font-size:8px}.task-row{gap:10px}.notepad h2{font-size:16.1px}.task-name{font-size:11px}}@media(max-width:980px){.topbar{gap:12px}.breadcrumb{gap:9px}.search-trigger{width:auto;border:0;padding:7px}.search-trigger>span:not([data-icon]),.search-trigger kbd{display:none}.workspace{grid-template-columns:minmax(0,1fr);padding-top:28px;gap:32px}.pane-resizer{display:none}.notes-column{border-top:1px solid var(--line);padding-top:26px}.task-name{font-size:13px}.task-tools .quiet{display:flex}.priority-badge{font-size:9px;padding:1px 8px}.utility{flex-direction:column;align-items:stretch;gap:10px;padding:19px 0 13px}.clocks{width:100%;gap:8px}.clock{padding-left:8px}.clock-heading{font-size:9px;gap:3px;flex-wrap:wrap}.clock-time{font-size:16.5px}.clock-heading .abbr{font-size:8px}.clock .local-dot{display:none}.utility-actions{flex-direction:row;justify-content:flex-end}.timer-buttons{max-width:500px;gap:12px}.timer-button{font-size:11.55px}.timer-value{font-size:10.5px}.notepad{margin-top:25px;min-height:450px}.notepad h2{font-size:19.55px}.notes-panel textarea{font-size:13px}.note-tabs .tab{font-size:11.55px}.notes-panel{min-height:300px}.completion{width:140px}.task-list{min-height:0}.note-selection{margin-top:7px}.notes-expanded .notepad{inset:20px;padding:25px}.notes-expanded .notes-panel{min-height:150px}footer>span{display:none}footer{justify-content:flex-end}.recovery{flex-wrap:wrap}}@media(max-width:480px){.sidebar{width:55px;padding-left:5px;padding-right:5px}.page{margin-left:55px}.brand{margin-left:3px;transform:scale(.85);transform-origin:left center}.topbar{padding:15px 18px;min-height:63px}.breadcrumb{font-size:10px}.top-actions{gap:7px}.favourite{display:none}main{padding:0 18px}.clock-heading{display:block}.clock-heading .city{display:block;font-size:8px}.clock-heading .abbr{font-size:7px}.clock-time{font-size:14.3px;letter-spacing:0}.clocks{gap:5px}.clock{padding-left:6px}.utility-actions .quiet{font-size:10px}.section-heading{gap:10px}h1,h2{font-size:17px}.completion{width:96px;font-size:9px}.section-meta{font-size:9px}.task-row{gap:10px;flex-wrap:wrap;padding:10px 0}.task-name{font-size:12px;flex-basis:calc(100% - 60px)}.task-tools{order:3;margin-left:auto}.priority-badge{order:2;margin-left:25px}.task-form{grid-template-columns:minmax(0,1fr) 105px}.task-form input{grid-column:1/-1}.task-form .primary{justify-self:end;min-width:105px}.form-hint{font-size:8px}.timer-button{font-size:9.45px;gap:6px}.timer-value{font-size:9.45px}.notepad h2{font-size:17.25px}.note-tabs{gap:20px}.notes-foot{font-size:8px}.event-row{gap:11px}.timer-overlay{padding:20px}.overlay-top .quiet{font-size:10px}.overlay-count{letter-spacing:-2px}.overlay-centre{padding:20px 10px}.dialog-head h2{font-size:17px}.task-list{margin-bottom:18px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

/* Daily Office refinement — 3 November 2026 */
:root{--focus-green:#24634d;--break-red:#a6444b;--header-height:76px}
html{scroll-padding-top:calc(var(--header-height) + 20px)}
.topbar{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.98);gap:22px;box-shadow:0 2px 8px #10213803}
.topbar time{display:block;font-family:Georgia,"Times New Roman",serif;font-size:13px;font-weight:400;color:#44526a;letter-spacing:.1px;font-variant-numeric:tabular-nums;line-height:1.5}
.clocks{gap:0;align-items:stretch}
.clock,.clock:first-child{padding:0 10px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}
.clock-heading{justify-content:center;flex-wrap:wrap;gap:4px;line-height:1.5}
.clock-heading .city{max-width:100%}
.clock-time{line-height:1.35}
#priority-title,#schedule-title{font-size:20.7px}
.timer-button.focus{background:var(--focus-green)}
.timer-button.focus:hover{background:#1b513e}
.timer-button.break{background:var(--break-red);border-color:var(--break-red);color:#fff}
.timer-button.break:hover{background:#8f373e;border-color:#8f373e}
[data-workspace-section]{outline:1px solid transparent;outline-offset:10px;border-radius:4px;scroll-margin-top:calc(var(--header-height) + 20px)}
[data-workspace-section].is-active-section{outline-color:var(--gold)}
.topbar[data-workspace-section]{border-radius:0;outline-offset:-1px}
.utility[data-workspace-section]{outline-offset:6px}
.timer-button[data-workspace-section]{outline-offset:4px}
.notes-panel textarea:focus-visible{outline:0}
.zone-search-label{display:block;font-size:11px;color:#536176;margin-bottom:8px}
.selected-zones{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}
.zone-chip{display:inline-flex;align-items:center;gap:7px;background:#f7f3e9;border:1px solid #e7dbc0;padding:5px 8px;font-size:10px}
.zone-chip svg{width:11px;height:11px}
.zone-results-count{font-size:10px;color:var(--muted);margin:10px 0 5px}
.zone-option{gap:12px;text-align:left}
.zone-option>span{min-width:0}
.zone-option strong{font-weight:500;font-size:12px}
.zone-option small{display:block;font-size:10px;line-height:1.6;color:#7c8797;margin-top:4px;overflow-wrap:anywhere}
.zone-option input{flex-shrink:0}
.zone-empty{padding:18px 0}
.zones-list{overscroll-behavior:contain;max-height:min(280px,34dvh)}
#zone-error:empty{display:none}
@media(max-width:1500px){.topbar{gap:16px;padding-left:29px;padding-right:29px}.top-actions{gap:14px}.search-trigger{width:160px}.search-trigger kbd{display:none}.topbar time{font-size:12px}.favourite span:not([data-icon]){display:none}}
@media(max-width:1300px){.topbar time{display:block}.search-trigger{width:auto}.search-trigger>span:not([data-icon]){display:none}.clocks{gap:0}.clock{padding-left:10px}.timer-buttons{gap:10px}}
@media(max-width:1100px){.topbar{gap:12px}.breadcrumb{font-size:11px;gap:10px}.topbar time{font-size:11px}}
@media(max-width:980px){.clock{padding:0 8px}.clock-heading{justify-content:center}.clock-time{font-size:16.5px}.utility-actions{gap:12px}.topbar time{font-size:12px}}
@media(max-width:760px){:root{--header-height:102px}.topbar{display:grid;grid-template-columns:1fr auto;gap:9px 12px;padding:14px 24px}.topbar time{grid-row:2;grid-column:1/-1;justify-self:start;margin:0;font-size:12px;white-space:normal}.top-actions{grid-row:1;grid-column:2}.breadcrumb{font-size:11px}}
@media(max-width:480px){.topbar{padding:12px 18px}.topbar time{font-size:11px}.clocks{gap:0}.clock,.clock:first-child{padding:0 4px}.clock-heading{display:flex;flex-direction:column;gap:1px;min-height:29px;justify-content:center}.clock-heading .city{white-space:normal;line-height:1.25}.clock-time{font-size:14.3px}#priority-title,#schedule-title{font-size:19.55px}.note-tabs{gap:18px}.timer-buttons{gap:10px}.timer-button{padding:10px 8px;gap:5px}[data-workspace-section]{outline-offset:7px}.timer-button[data-workspace-section]{outline-offset:3px}}

/* V3 review: readable working type, a compact task flow and aligned core sections. */
:root{--ink:#19283b;--muted:#5f6c7d;--line:#e2e7ec;--focus-green:#2f644f;--row:56px;font-size:14px}
body{color:var(--ink)}
input::placeholder,textarea::placeholder{color:#6a7686;opacity:1}
.brand{width:154px;height:43px;margin:0 6px 58px;background:transparent;overflow:hidden}
.brand img{position:static;display:block;width:154px;height:auto;max-width:none;left:auto;top:auto}
.nav-item{font-size:13px;min-height:42px}.nav-item svg{width:18px;height:18px;stroke-width:1.6}
.nav-item.popular{font-size:12px;color:#c0cada}.draft-tag{font-size:10px;color:#93a1b6;letter-spacing:1px}
.topbar{min-height:82px;gap:20px}.breadcrumb{font-size:13px;gap:13px}.topbar time{font-size:15px;color:#34475d;line-height:1.6}
.top-actions{gap:14px}.search-trigger,.icon-text{font-size:12px;min-height:40px}.search-trigger{width:190px}.search-trigger svg,.icon-text svg{width:18px;height:18px}
.utility{padding:20px 0;min-height:124px;gap:24px}.clocks{gap:0;align-items:stretch}
.clock,.clock:first-child{padding:0 12px;min-height:82px}.clock-heading{min-height:20px;align-items:center;justify-content:center}
.clock-heading .city{font-size:13px;font-weight:550;color:#25364c;white-space:normal;text-align:center;line-height:1.4}
.clock-time{font-size:24px;font-weight:500;letter-spacing:.2px;margin-top:6px;line-height:1.4}
.clock-detail{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:6px;min-height:18px;font-size:12px;color:#59687b;margin-top:3px}
.clock-day{font-size:11px;color:#75633c}.local-label{font-size:11px;color:#75633c}.local-label:before{content:'·';margin-right:5px}
.utility-actions{gap:10px}.quiet,.quiet.small{font-size:12px;min-height:38px;padding:8px}.quiet svg{width:16px;height:16px}
.workspace{grid-template-columns:minmax(0,1fr) 1px minmax(340px,var(--notes-width));gap:30px;padding:24px 0 32px;min-height:0;align-items:stretch}
.workspace.without-notes{grid-template-columns:minmax(0,1fr)}
.timer-tools{grid-column:1/-1;justify-self:end;width:min(100%,540px);margin-bottom:0;min-width:0}
.timer-buttons{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:none;width:100%}
.timer-group{min-width:0}.timer-label{display:block;font-size:12px;font-weight:500;line-height:1.5;color:#526176;margin-bottom:8px}
.timer-control-row{display:flex;align-items:stretch;gap:8px}.timer-start{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:1;min-width:0;min-height:42px;font-size:14px;font-weight:500;white-space:nowrap;padding:10px 12px;border:1px solid transparent;border-radius:6px}
.timer-start svg{width:16px;height:16px}.timer-start.focus,.focus-primary{background:var(--focus-green);color:#fff;border-color:var(--focus-green)}
.timer-start.focus:hover,.focus-primary:hover{background:#254f3f}
.timer-start.break,.neutral-primary{background:white;color:#34475d;border:1px solid #b8c4cf}
.timer-start.break:hover,.neutral-primary:hover{background:#f4f7f8}
.duration-select{width:92px;flex-shrink:0;min-height:42px;padding:8px 6px 8px 10px;font-size:13px;background:#fff;border-color:#d4dce4;color:#34475d;border-radius:6px}
.active-timer{min-height:40px;margin-top:12px;font-size:13px;background:#f1f6f3;color:#315c48}.active-timer .icon-button{width:36px;height:36px}
.section-heading,.schedule .section-heading,.notepad .section-heading{gap:16px;align-items:flex-start;margin-bottom:22px}
#priority-title,#schedule-title,#notes-title,.notepad h2{font-size:21px;font-weight:570;letter-spacing:-.5px;line-height:1.35}
.section-meta{font-size:12px;line-height:1.6;color:#5f6c7d;margin-top:7px}
.completion{width:132px;font-size:12px;line-height:1.5;color:#5f6c7d;padding-top:3px}
.tab-row,.note-tabs{gap:24px}.tab,.note-tabs .tab{font-size:13px;line-height:1.5;padding-bottom:12px;color:#5c6b7e;white-space:nowrap}.tab.active{color:#182a40}.tab span{font-size:12px;color:#647286}
.task-form{grid-template-columns:minmax(0,1fr) 150px auto;gap:10px;margin-top:18px}.task-form input,.task-form select{font-size:14px;min-height:42px;padding:10px}
.primary{min-height:42px;font-size:13px;padding:10px 14px;border-radius:6px}.primary svg{width:16px;height:16px}
.form-hint{font-size:12px;line-height:1.5;color:#657286;margin-top:10px;gap:12px}
.task-list{min-height:0;margin:14px 0 0}.task-row{min-height:56px;gap:12px;padding:9px 0}.task-name,.inline-task{font-size:14px;line-height:1.6;color:#24344a}
.task-check{width:17px;height:17px}.task-check:checked:after{margin:2px 0 0 5px}
.priority-badge{font-size:12px;line-height:1.6;padding:3px 8px}.priority-badge.mandatory{color:#735821}.priority-badge.desirable{color:#526071}.priority-badge.tomorrow{color:#815331}
.task-tools .quiet{font-size:12px}.icon-button{width:38px;height:38px}.icon-button svg{width:18px;height:18px}
.empty-state{font-size:13px;line-height:1.7;color:#647286;padding:14px 0;list-style:none}
.schedule{margin-top:26px;padding-top:26px}.schedule .section-heading>.quiet{border:1px solid #d4dce4;color:var(--navy);min-height:40px;padding:9px 12px}
.next-meeting{display:grid;gap:10px;background:#f6f9f7;border-left:3px solid #678d77;border-radius:0 6px 6px 0;padding:14px 16px;margin:0 0 20px}
.meeting-summary{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;align-items:center}.meeting-kicker{grid-column:1/-1;color:#536679;font-size:12px;line-height:1.6}
.meeting-summary strong{font-size:15px;font-weight:550;overflow-wrap:anywhere;color:#20364c}.meeting-meta{font-size:12px;color:#5c6d80;font-variant-numeric:tabular-nums;white-space:nowrap}
.countdown{color:#97502f;font-size:12px;margin-left:4px;white-space:nowrap}.current .meeting-kicker{color:#315f49}
.event-list{position:relative}.event-list:before{content:'';position:absolute;left:64px;top:16px;bottom:18px;width:1px;background:#e0e6eb;pointer-events:none}
.event-row{display:grid;grid-template-columns:48px 8px minmax(0,1fr) auto;gap:12px;min-height:66px;position:relative;align-items:center}
.event-time{width:auto;font-size:13px;color:#35475d}.event-marker{width:5px;height:24px;border-radius:3px;z-index:1;justify-self:center}.event-marker.next{background:#54866a}.event-marker.second{background:#b58b38}
.event-name{display:flex;flex-direction:column;align-items:flex-start;gap:3px;font-size:14px;line-height:1.5;padding:8px;min-width:0;color:#23364d}.event-name small{font-size:12px;color:#67758a;font-weight:400}
.event-label{font-size:12px;color:#657489;white-space:nowrap}.in-progress .event-name{font-weight:500}
.timeline-now{display:grid;grid-template-columns:48px minmax(0,1fr);gap:12px;position:relative;align-items:center;margin:14px 0;font-size:12px;color:#8b6f33;list-style:none}
.timeline-now:before{content:'';position:absolute;left:61px;width:7px;height:7px;background:#b39a5d;border:2px solid white;box-sizing:content-box;border-radius:50%}
.timeline-now time{font-variant-numeric:tabular-nums}.timeline-now>span{display:flex;align-items:center;gap:10px;padding-left:17px}.timeline-now>span:after{content:'';border-top:1px dashed #c9b98f;flex:1}
.event-list>.empty-state{padding-left:82px}.past{opacity:.8}.past:before{display:none}summary{font-size:12px;color:#5c6b7f}
.notes-column{min-width:0;display:flex;flex-direction:column}.notepad,.compact .notepad{margin-top:0;min-height:440px;flex:1}.notepad .section-heading>div{min-width:0}
.notes-panel{min-height:290px;margin-top:18px;padding:0;display:flex}.notes-panel textarea{font-size:15px;line-height:1.85;color:#293b50;min-height:290px;padding:16px 18px;border:1px solid #e1e7ec;border-radius:8px;background:#fafbf9;outline-offset:3px}
.notes-panel textarea:focus-visible{border-color:#b39a5d;outline:0;background:#fdfdfb}
.notes-foot{font-size:12px;color:#647286;margin-top:12px}.save-state svg{width:16px;height:16px}.note-selection{margin-top:12px;min-height:32px}.note-selection button{color:#53697e}
footer{font-size:12px;color:#647286;padding:18px 0 24px}footer>span{font-size:10px;color:#6c7888;letter-spacing:1.1px}footer button{font-size:12px;color:#53657b;min-height:36px}
.recovery{font-size:13px;color:#5d6c7e}.empty h3{font-size:16px}.empty p{font-size:14px;color:#5f6c7d}
.dialog-head h2{font-size:21px}.dialog-copy{font-size:14px;color:#596b80;line-height:1.8}.dialog-form label,.zone-search-label{font-size:13px;color:#53657b}
.dialog-form input,.dialog-form select,.search-input{font-size:14px;min-height:42px}.check-line{font-size:14px}.menu-actions button,.search-result{font-size:14px;min-height:42px}.search-result small{font-size:12px;color:#647286}.dialog-subtitle{font-size:12px;color:#627287}.error-message{font-size:13px}
.zone-chip{font-size:12px;padding:7px 9px}.zone-results-count{font-size:12px;color:#647286}.zone-option strong{font-size:14px}.zone-option small{font-size:12px;color:#617186}.picker-times button{font-size:14px;min-height:42px}
.notes-expanded .notepad{min-height:0}.notes-expanded .notes-panel{min-height:0}.notes-expanded .notes-panel textarea{min-height:0}
@media(min-width:1800px){.workspace{min-height:0}.task-list{min-height:0}.notes-panel textarea{min-height:340px}}
@media(max-width:1500px){.topbar time{font-size:14px}.search-trigger{width:auto}.search-trigger>span:not([data-icon]),.search-trigger kbd{display:none}}
@media(max-width:1300px){.topbar time{font-size:14px}.utility-actions{flex-direction:column;align-items:flex-end}.workspace{grid-template-columns:minmax(0,1fr) 1px minmax(340px,var(--notes-width));gap:26px}.task-form{grid-template-columns:minmax(0,1fr) 136px}.task-form .primary{grid-column:1/-1;justify-self:end}.task-name{font-size:14px}.clock-heading .city{font-size:12px}.clock-time{font-size:23px}.clock,.clock:first-child{padding:0 8px}.clock-detail{font-size:12px;gap:4px}}
@media(max-width:1100px){.workspace{grid-template-columns:minmax(0,1fr);gap:26px}.pane-resizer{display:none}.timer-tools{width:100%;max-width:none}.timer-buttons{max-width:580px;margin-left:auto}.notes-column{border-top:1px solid var(--line);padding-top:26px}.task-form{grid-template-columns:minmax(0,1fr) 160px auto}.task-form .primary{grid-column:auto}.notepad,.compact .notepad{margin-top:0}.task-tools{opacity:1}.task-tools .quiet{display:flex}}
@media(max-width:1050px){.brand{width:35px;height:42px;margin-left:6px;margin-bottom:58px}.brand img{width:154px;max-width:none}.notepad h2{font-size:21px}}
@media(max-width:980px){.utility{padding:20px 0 14px}.utility-actions{flex-direction:row;gap:12px}.clock-time{font-size:23px}.clock-heading .city{font-size:12px}.clock-detail{font-size:12px}.clock,.clock:first-child{padding:0 6px}.notes-panel textarea{font-size:15px}.note-tabs .tab{font-size:13px}.topbar time{font-size:14px}}
@media(max-width:900px){:root{--header-height:110px}.topbar{display:grid;grid-template-columns:1fr auto;gap:8px 12px;padding:14px 24px}.topbar time{grid-row:2;grid-column:1/-1;justify-self:start;margin:0;white-space:normal;font-size:14px}.top-actions{grid-row:1;grid-column:2}.breadcrumb{font-size:13px}.task-tools .quiet{display:none}}
@media(max-width:600px){.clocks{grid-template-columns:repeat(5,minmax(0,1fr))}.clock-heading .city{font-size:11px;line-height:1.35}.clock-time{font-size:20px}.clock-detail{font-size:11px;flex-direction:column;gap:1px}.clock-day,.local-label{font-size:10px}.local-label:before{display:none}.clock,.clock:first-child{padding:0 4px}.timer-buttons{gap:12px}.timer-control-row{flex-direction:column;gap:7px}.duration-select{width:100%;min-height:40px}.timer-start{font-size:14px}.task-form{grid-template-columns:minmax(0,1fr) 145px}.task-form input{grid-column:1/-1}.task-form .primary{grid-column:auto}.completion{width:105px;font-size:12px}.form-hint{font-size:12px}.task-row{flex-wrap:wrap}.task-name{flex-basis:calc(100% - 70px);font-size:14px}.task-tools{order:3;margin-left:auto}.priority-badge{order:2;margin-left:29px}.event-row{grid-template-columns:44px 8px minmax(0,1fr);gap:10px}.event-label{display:none}.event-list:before{left:58px}.timeline-now{grid-template-columns:44px minmax(0,1fr);gap:10px}.timeline-now:before{left:55px}.event-list>.empty-state{padding-left:72px}.meeting-summary{grid-template-columns:minmax(0,1fr)}.meeting-meta{grid-column:1}.notes-foot{flex-wrap:wrap;gap:8px}}
@media(max-width:480px){.brand{margin-left:1px;transform:scale(.85);transform-origin:left center}.topbar{padding:12px 18px}.breadcrumb{font-size:12px}.topbar time{font-size:13px}#priority-title,#schedule-title,#notes-title,.notepad h2{font-size:20px}.clock-time{font-size:18px}.clock-heading{display:flex;min-height:32px}.clock-heading .city{font-size:10px}.clock-detail{font-size:10px}.timer-buttons{gap:12px}.section-heading,.schedule .section-heading,.notepad .section-heading{gap:12px}.section-meta{font-size:12px}.note-tabs{gap:18px}.note-tabs .tab{font-size:12px}.task-form input,.task-form select{font-size:14px}.task-form{grid-template-columns:minmax(0,1fr) 130px}.task-form .primary{min-width:0}.notes-panel textarea{font-size:15px;padding:14px}.duration-select{font-size:13px}.form-hint{flex-wrap:wrap}.event-name{font-size:14px}.notes-expanded .notepad{padding:20px;inset:12px}.notes-expanded .notes-panel{min-height:0}.overlay-top .quiet{font-size:12px}}

@media(min-width:601px) and (max-width:1300px){.task-form{grid-template-columns:minmax(0,1fr) 150px auto}.task-form .primary{grid-column:auto}.task-form select{font-size:13px}}
@media(max-width:600px){.clock-heading .city{font-size:12px}.clock-heading{min-height:36px}.clock-time{font-size:20px}.clock-detail{font-size:12px}.clock-detail .abbr{overflow-wrap:anywhere}.clock-day,.local-label{font-size:11px}}
@media(max-width:600px){.clocks{grid-template-columns:repeat(5,minmax(88px,1fr));overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;padding-bottom:8px}.clock,.clock:first-child{padding:0 6px}.clock-heading{width:100%;min-height:36px}.clock-heading .city{max-width:100%;font-size:12px}.clock-detail{font-size:12px}}

/* V4: independent working columns, closely grouped timers and notepad. */
.topbar time{font-family:inherit;font-size:13px;font-weight:400;letter-spacing:normal}
.workspace{padding-top:20px;align-items:start}
.notes-column{gap:22px}
.notes-column>.timer-tools{width:100%;max-width:none;align-self:stretch;flex:none}
.timer-buttons{max-width:none;margin:0;gap:14px}
.timer-control-row{display:flex;flex-direction:column;gap:7px}
.duration-select{width:100%;min-height:38px}
.timer-start.break,.break-primary{background:#a6444b;color:#fff;border:1px solid #a6444b}
.timer-start.break:hover,.break-primary:hover{background:#8f373e;border-color:#8f373e}
.notepad,.compact .notepad{margin-top:0;flex:none;width:100%}
.schedule{margin-top:18px;padding-top:20px}
.pane-resizer{align-self:stretch}
@media(max-width:1100px){.notes-column{padding-top:22px}.workspace{row-gap:24px}}
@media(max-width:480px){.topbar time{font-size:12px}}

/* V5 — 3 November 2026: executive compact workspace */
.topbar{display:grid;grid-template-columns:minmax(150px,1fr) minmax(420px,580px) auto;gap:18px;align-items:center;min-height:104px;padding-top:12px;padding-bottom:12px}
.topbar>.timer-tools{grid-column:2;grid-row:1;justify-self:stretch;width:100%;max-width:none;min-width:0;margin:0}
.topbar>.timer-tools .timer-buttons{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-items:end}
.topbar>.timer-tools .timer-label{margin:0 0 5px;font-size:11px}
.topbar>.timer-tools .timer-control-row{flex-direction:row;gap:5px}
.topbar>.timer-tools .timer-start{min-height:36px;font-size:12px;padding:7px 8px}
.topbar>.timer-tools .duration-select{min-height:36px;width:70px;font-size:11px;padding:5px 4px}
.topbar>.timer-tools .timer-start svg{width:13px;height:13px}
.timer-start.privacy{background:#263c55;color:white;border-color:#263c55}
.timer-start.privacy:hover{background:#15283f}
.topbar>#local-date{grid-column:3;grid-row:1;text-align:right;white-space:nowrap;font-size:13px;justify-self:end}
.topbar>.top-actions{grid-column:1/-1;grid-row:2;justify-self:end;display:none}
.workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(300px,.94fr)!important;gap:24px;padding:21px 0 30px;align-items:start}
.workspace>.work-column{display:contents}
.workspace .schedule{grid-column:1;grid-row:1;margin:0;padding:0;min-width:0}
.workspace .priorities{grid-column:2;grid-row:1;margin:0;padding:0;min-width:0}
.workspace .notes-column{grid-column:3;grid-row:1;min-width:0;border:0;padding:0}
.workspace .pane-resizer{display:none!important}
.workspace.without-notes{grid-template-columns:1fr 1fr!important}
.task-row{min-height:43px;padding:7px 0;border-bottom:1px solid #edf0f2;gap:7px}
.task-row:last-child{border-bottom:0}
.task-name{line-height:1.4;font-size:13px}
.priority-badge.mandatory{background:#fce9e8!important;color:#a42f36!important;border:1px solid #e7b0b3!important;font-weight:700!important}
.event-row{min-height:52px;gap:8px;border-bottom:1px solid #edf0f2}
.event-row:last-child{border-bottom:0}
.event-row.next-up{background:#fff9e9;border-radius:5px;padding:0 8px}
.event-countdown{font-size:12px;color:#b52e38;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap;text-align:right}
.event-name{font-size:13px;padding:6px 0}.event-name small{font-size:11px}
.next-meeting{display:none!important}
.notes-column .notepad{min-height:400px}
.note-tabs{display:flex;flex-direction:column;align-items:stretch;gap:3px;width:112px;flex:none;overflow-y:auto;max-height:340px;border-right:1px solid #e7eaed;padding-right:7px}
.note-tabs .tab{width:100%;flex:none;text-align:left;padding:8px 7px;border-radius:5px;font-size:12px;white-space:normal;overflow-wrap:anywhere}
.note-tabs .tab.active{background:#f2f5f8;color:#173249}
.note-tabs .tab:after{display:none!important}
.note-tabs .note-add{display:block;width:31px;height:30px;border:1px solid #d7dfe6;border-radius:5px;color:#42546b;background:#fff;font-size:20px;line-height:1;flex:none}
.notepad{display:grid;grid-template-columns:112px minmax(0,1fr);column-gap:12px}
.notepad>.section-heading{grid-column:1/-1}
.notepad>.note-tabs{grid-column:1;grid-row:2;margin-top:14px}
.notepad>.notes-panel{grid-column:2;grid-row:2;margin-top:14px;min-height:270px}
.notepad>.note-selection,.notepad>.notes-foot{grid-column:1/-1}
.notepad .notes-panel textarea{min-height:270px;width:100%;font-size:13px;padding:10px;line-height:1.65}
.notepad .note-selection{display:flex;justify-content:space-between}
.clock-time{font-size:31px!important;font-weight:600;letter-spacing:-.5px;font-variant-numeric:tabular-nums}
.utility{min-height:78px!important;padding:8px 0 10px!important;align-items:center}
.clock{padding-top:3px!important;padding-bottom:3px!important}
.clock-heading .city{font-size:12px}
.clock-detail{font-size:11px}
.privacy-overlay{border:0;max-width:none;max-height:none;width:100vw;height:100dvh;padding:0;margin:0;background:#0a1d32;color:#fff}
.privacy-overlay::backdrop{background:#0a1d32}
.privacy-cover{height:100%;display:flex;flex-direction:column;background:linear-gradient(150deg,#0a1d32,#142c44)}
.privacy-topline{display:flex;justify-content:space-between;padding:30px 40px;font-size:12px;letter-spacing:2px;color:#d4d7da}
.privacy-content{flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;gap:12px;padding:24px}
.privacy-eyebrow{font-size:11px;letter-spacing:3px;color:#c7ab6b}
.privacy-content h2{font-family:Georgia,serif;font-size:clamp(30px,4vw,54px);font-weight:400;margin:0}
.privacy-content>p:not(.privacy-eyebrow){max-width:470px;line-height:1.7;color:#c9d2dc}
.privacy-return{margin-top:24px;background:#c3a669;color:#122339;border:0;border-radius:6px;min-height:44px;padding:11px 24px;font-weight:600}
.privacy-hint{font-size:11px!important;opacity:.75}
@media(max-width:1480px){.topbar{grid-template-columns:minmax(100px,1fr) minmax(420px,520px) auto;gap:10px}.workspace{gap:14px;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(270px,.95fr)!important}.task-form{grid-template-columns:1fr!important}.task-form input,.task-form select,.task-form .primary{grid-column:1!important;width:100%}.notepad{grid-template-columns:90px minmax(0,1fr)}.note-tabs{width:90px}}
@media(max-width:1160px){.workspace{grid-template-columns:1fr 1fr!important}.workspace .schedule{grid-column:1}.workspace .priorities{grid-column:2}.workspace .notes-column{grid-column:1/-1;grid-row:2}.topbar{grid-template-columns:1fr auto}.topbar>.timer-tools{grid-column:1/-1;grid-row:2}.topbar>#local-date{grid-column:2;grid-row:1}.notepad{grid-template-columns:140px 1fr}.note-tabs{width:140px}}
@media(max-width:700px){.workspace{grid-template-columns:1fr!important}.workspace .schedule{grid-column:1;grid-row:1}.workspace .priorities{grid-column:1;grid-row:2}.workspace .notes-column{grid-column:1;grid-row:3}.topbar>.timer-tools .timer-buttons{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.topbar>.timer-tools .timer-control-row{flex-direction:column}.topbar>.timer-tools .duration-select{width:100%}.topbar>.timer-tools .timer-start{font-size:11px;min-height:33px}.clock-time{font-size:24px!important}.privacy-topline{padding:18px}}
@media(max-width:460px){.note-tabs{width:94px}.notepad{grid-template-columns:94px minmax(0,1fr)}.topbar>.timer-tools .timer-start svg{display:none}.topbar>.timer-tools .timer-start{white-space:normal}}

.topbar>#local-date{display:block!important;margin-left:0}
.topbar>.timer-tools #active-timer:not([hidden]){position:absolute;right:40px;top:100%;z-index:35;max-width:320px;box-shadow:0 9px 20px #091b3225}
.note-tabs .note-add:hover{background:#f2f5f8}

/* V6 • 3 Nov 2026 | Executive refinement built on V5. */
:root{--gold:#bc9551;--notes-ivory:#fffaf0}
/* The only wordmark used anywhere is the supplied approved logo. */
.sidebar .brand{width:159px;height:46px;overflow:visible;margin:0 3px 55px;background:transparent;display:flex;align-items:center}
.sidebar .brand img{position:static;display:block;max-width:100%;width:156px;height:auto;object-fit:contain;pointer-events:none}
.overlay-logo{display:block;width:156px;max-height:45px;height:auto;object-fit:contain;object-position:left center}
/* Two-row masthead: title above action strip, date/search on the action strip's right. */
.topbar{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(275px,350px)!important;grid-template-rows:22px auto;gap:7px 22px;align-items:center;padding:15px 30px 13px!important;min-height:115px}
.topbar .breadcrumb{grid-column:1;grid-row:1;justify-self:start;gap:12px;font-size:13px}
.topbar>.timer-tools{grid-column:1;grid-row:2;max-width:650px;width:100%;justify-self:start;margin:0;position:relative}
.topbar>.timer-tools .timer-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.topbar .timer-group .timer-label{font-size:10px;letter-spacing:.055em;color:#718092;text-transform:uppercase;margin-bottom:5px}
.topbar .timer-control-row{display:flex;flex-direction:row;gap:6px}
.topbar .timer-start{flex:1;min-width:0;min-height:36px;box-shadow:none;border:0!important;border-radius:6px;font-size:12px;font-weight:600;white-space:nowrap}
.topbar .duration-select{min-width:66px;max-width:82px;height:36px;min-height:36px;border-color:#dfe5eb;border-radius:6px}
.topbar .timer-start.focus{background:#6b9d83!important;color:#fff!important}
.topbar .timer-start.focus:hover{background:#56896f!important}
.topbar .timer-start.break{background:#c96c72!important;color:#fff!important}
.topbar .timer-start.break:hover{background:#b65a61!important}
.topbar .timer-start.privacy{background:#233e5d!important;color:#fff!important}
.topbar .timer-start.privacy:hover{background:#19324f!important}
.topbar .header-right{grid-column:2;grid-row:2;display:flex;justify-content:flex-end;align-items:center;gap:15px;min-width:0}
.topbar .header-right #local-date{display:block!important;white-space:nowrap;margin:0;color:#586477;font-size:12px;letter-spacing:0}
.topbar .header-right .top-actions{display:flex!important;align-items:center;gap:0;margin:0;min-width:0}
.topbar .header-right .search-trigger{display:flex;width:152px;min-height:36px;padding:8px 10px;border-color:#dfe4eb;border-radius:6px;background:#f7f9fb;font-size:11px;color:#5a697b;white-space:nowrap;gap:7px}
.topbar .header-right .search-trigger:hover{background:#eff3f7}
.topbar .header-right .search-trigger kbd{display:none}
.topbar .header-right .favourite{display:none}
.topbar .timer-tools #active-timer:not([hidden]){position:absolute;top:calc(100% + 10px);left:0;right:auto;z-index:40}
/* Align workspace precisely with 'Workspace' and give it meaningful vertical breathing space. */
.workspace{padding:24px 30px 30px!important;gap:23px!important;min-height:max(845px,calc(100vh - 180px));grid-template-columns:minmax(0,1.01fr) minmax(0,1.01fr) minmax(300px,.97fr)!important}
.workspace .schedule,.workspace .priorities,.workspace .notes-column{min-width:0}
.workspace .schedule{border-top:0}
.workspace .notes-column .notepad{min-height:590px}
.workspace .notes-column{align-self:stretch}
main>footer{margin:0 30px;padding-top:20px;padding-bottom:27px}
/* Schedule alignment: all markers occupy the same fixed grid column. */
.event-list{position:relative}
.event-row{display:grid!important;grid-template-columns:48px 10px minmax(0,1fr) auto!important;column-gap:12px!important;align-items:center;min-height:56px;padding:5px 0}
.event-row.next-up{padding:5px 7px 5px 0!important;background:#fff9e9!important}
.event-marker{grid-column:2;justify-self:center;margin:0;position:relative;left:0}
.event-list:before{left:65px!important}
.timeline-now{grid-template-columns:48px 10px minmax(0,1fr)!important;column-gap:12px!important}
.timeline-now:before{left:59px!important}
.event-countdown{color:#d52232!important;font-weight:750!important;font-size:12px}
.schedule .section-heading [data-action="add-event"],.notepad .note-add{background:#122d4c!important;color:white!important;border:1px solid #122d4c!important;border-radius:6px}
.schedule .section-heading [data-action="add-event"]:hover,.notepad .note-add:hover{background:#25496e!important}
.schedule .section-heading [data-action="add-event"]{padding:9px 12px;white-space:nowrap}
/* Small purpose-built notepad with warm paper surface. */
.notepad{background:var(--notes-ivory)!important;border:1px solid #efe6d4;border-radius:8px;padding:17px 15px 14px}
.notepad .notes-panel,.notepad .notes-panel textarea{background:#fffdf8!important}
.notepad .notes-panel{border:1px solid #ece3d1;border-radius:6px;overflow:hidden}
.notepad .notes-panel textarea{padding:12px!important;color:#29384a}
.notepad .note-tabs{border-right-color:#ebdfcb}
.notepad .note-tabs .tab.active{background:#f0e5cc;color:#102c47}
.notepad h2,.notepad #notes-title{font-weight:650}
/* More technical clocks: luminous numerals, offset badges, understated vertical separators. */
.utility{padding:9px 30px!important;min-height:104px!important;gap:14px;background:linear-gradient(90deg,#f8fafc 0%,#f4f7fa 100%);border-bottom:1px solid #e2e8ef}
.clocks{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0!important;align-items:stretch;width:100%}
.clock,.clock:first-child{min-width:0;min-height:76px;padding:7px 15px!important;border-left:1px solid #dee6ec!important;text-align:left}
.clock:first-child{border-left:0!important}
.clock.local{background:linear-gradient(180deg,#fffdf8,#f8f5ec);border-bottom:2px solid #b79a63!important;border-radius:4px}
.clock-heading{display:flex!important;flex-direction:row!important;justify-content:flex-start!important;align-items:center!important;gap:7px!important;min-height:14px!important}
.clock-heading .city{font-weight:700!important;letter-spacing:.07em;text-transform:uppercase;color:#42556e!important;font-size:10px!important;line-height:1.2}
.clock-live{width:5px;height:5px;flex:none;border-radius:50%;background:#62a783;box-shadow:0 0 0 2px #d8ebe0}
.clock-time{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace!important;letter-spacing:-1.2px!important;font-size:clamp(20px,2.2vw,30px)!important;font-weight:600!important;line-height:1.18;color:#0b2949!important;font-variant-numeric:tabular-nums;margin-top:6px!important}
.clock-detail{display:flex!important;align-items:center;justify-content:flex-start!important;gap:7px!important;margin-top:3px!important;min-height:13px!important;font-size:10px!important;color:#65798a!important;white-space:nowrap}
.clock-detail .abbr{font-size:10px;font-weight:650;color:#485b70}
.clock-offset{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#82909f}
.clock-detail .local-label{font-size:8px!important;background:#e9dfca;color:#765c2f;border-radius:3px;letter-spacing:.09em;padding:2px 4px}
.clock-day{font-size:9px}
.utility-actions{align-self:center;flex-shrink:0;gap:4px!important}
.utility-actions .quiet{font-size:11px;white-space:nowrap}
/* Clean distraction-free overlays, no gold outlines around the timer cards/buttons. */
.timer-overlay,.timer-overlay:focus,.privacy-overlay,.privacy-overlay:focus{border:0!important;outline:0!important;box-shadow:none!important}
.timer-overlay::backdrop,.privacy-overlay::backdrop{background:#091b32}
.timer-overlay .overlay-top,.privacy-overlay .privacy-topline{align-items:center}
.timer-overlay .overlay-pause,.timer-overlay .overlay-actions button{border:0!important;outline-offset:3px}
@media(max-width:1420px){.topbar{grid-template-columns:minmax(0,1fr) minmax(250px,305px)!important;gap:8px 14px}.topbar .header-right{gap:10px}.topbar .header-right .search-trigger{width:130px}.workspace{gap:15px!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(255px,.94fr)!important}.clock,.clock:first-child{padding-left:10px!important;padding-right:10px!important}.clock-time{font-size:25px!important}}
@media(max-width:1160px){.topbar{grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:auto auto}.topbar .breadcrumb{grid-row:1;grid-column:1}.topbar>.timer-tools{grid-column:1/-1;grid-row:2;max-width:none}.topbar .header-right{grid-column:2;grid-row:1}.workspace{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}.workspace .schedule{grid-column:1}.workspace .priorities{grid-column:2}.workspace .notes-column{grid-row:2;grid-column:1/-1}.clock-time{font-size:23px!important}.utility{flex-wrap:wrap}.clocks{min-width:0}}
@media(max-width:750px){.topbar{padding:14px 17px!important;grid-template-columns:1fr!important}.topbar .breadcrumb{grid-column:1;grid-row:1}.topbar .header-right{grid-column:1;grid-row:2;justify-content:space-between;width:100%}.topbar>.timer-tools{grid-column:1;grid-row:3}.topbar .timer-control-row{flex-direction:column}.topbar .timer-start{white-space:normal}.topbar .duration-select{max-width:none;width:100%}.workspace{padding:22px 17px!important;grid-template-columns:1fr!important;min-height:850px}.workspace .schedule{grid-column:1;grid-row:1}.workspace .priorities{grid-column:1;grid-row:2}.workspace .notes-column{grid-column:1;grid-row:3}.utility{padding:11px 17px!important;display:block}.clocks{grid-template-columns:repeat(5,minmax(115px,1fr));overflow:auto;max-width:100%;padding-bottom:9px}.utility-actions{margin-top:7px;justify-content:flex-end}.clock-time{font-size:23px!important}main>footer{margin:0 17px}.event-list:before{left:61px!important}.timeline-now:before{left:55px!important}}
@media(max-width:400px){.topbar .timer-tools .timer-buttons{gap:5px}.topbar .timer-start{font-size:10px}.topbar .header-right .search-trigger{width:130px}.topbar .header-right #local-date{font-size:11px}.clock{padding:6px!important}}


/* V7 — cohesive executive visual system; overrides the legacy and V6 visual rules. */
:root{--navy:#122c49;--ink:#1b2c42;--muted:#728092;--line:#e5eaf0;--gold:#bd9c60;--notes-ivory:#fffdf8;--green:#6e9e83;--red:#c6787a}
body{background:#f9fafc;color:var(--ink)}
.page{background:#fbfcfd;min-height:100vh}
.topbar{background:#fff!important;border-bottom:1px solid #e7ebf0!important;box-shadow:0 1px 2px rgba(13,37,65,.025)}
.topbar .breadcrumb strong{font-weight:650;color:#243a54}
.topbar .timer-start{border-radius:6px!important;font-weight:550!important;letter-spacing:0}
.topbar .timer-start.focus{background:#78a68e!important}
.topbar .timer-start.focus:hover{background:#608f77!important}
.topbar .timer-start.break{background:#cf8285!important}
.topbar .timer-start.break:hover{background:#ba6e73!important}
.topbar .timer-start.privacy{background:#263f5d!important}
.topbar .timer-start.privacy:hover{background:#1a344f!important}
.topbar .duration-select{background:white;border:1px solid #e1e6ec!important}
.topbar .header-right .search-trigger{background:#fff;border:1px solid #dde4ea;font-size:11px}
.topbar .header-right #local-date{font-weight:450;color:#647286}
main{max-width:unset!important;padding:0!important}
/* World time: compact precision display that scales when slots are empty. */
.utility{margin:18px 30px 0!important;padding:10px 14px!important;min-height:86px!important;border:1px solid #e1e7ee!important;border-radius:9px;background:#fff!important;box-shadow:0 2px 9px rgba(25,45,65,.025);gap:12px!important}
.clocks{gap:6px!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;align-items:stretch}
.clock,.clock:first-child{min-height:61px!important;border:0!important;border-right:1px solid #e9edf1!important;padding:6px 14px!important;border-radius:0!important;background:transparent!important;text-align:left;display:flex;flex-direction:column;justify-content:center}
.clock:last-child{border-right:0!important}
.clock.local{background:#f8f6f0!important;border-radius:6px!important;border:1px solid #eae3d4!important;border-bottom:1px solid #eae3d4!important}
.clock-heading{min-height:12px!important;gap:6px!important}
.clock-heading .city{font-size:9px!important;font-weight:650!important;letter-spacing:.075em!important;color:#617087!important}
.clock-live{width:4px;height:4px;box-shadow:none;background:#84a997}
.clock-time{font-size:clamp(21px,1.85vw,27px)!important;letter-spacing:-1.1px!important;font-weight:560!important;margin-top:3px!important;line-height:1.1!important;color:#162f4f!important}
.clock-detail{font-size:9px!important;gap:6px!important;margin-top:4px!important;min-height:11px!important;color:#84909d!important}
.clock-detail .abbr{font-size:9px!important}
.clock-detail .local-label{font-size:8px!important;background:#eee5d4!important;color:#70572b!important}
.clock>.quiet{font-size:10px;border:1px dashed #dde4ea;padding:8px 6px;color:#8591a0;border-radius:5px}
.utility-actions{flex-direction:row!important;gap:2px!important}
.utility-actions .quiet{padding:8px 7px;font-size:10px;color:#627187}
/* Three identical white modules, with their own consistent section rhythm. */
.workspace{grid-template-columns:minmax(0,1.04fr) minmax(0,1.04fr) minmax(0,1fr)!important;gap:16px!important;padding:19px 30px 24px!important;min-height:max(790px,calc(100vh - 210px))!important;align-items:stretch!important}
.workspace .schedule,.workspace .priorities,.workspace .notes-column{border:1px solid #e3e9f0!important;background:#fff!important;border-radius:10px!important;box-shadow:0 2px 12px rgba(24,46,74,.035)!important;min-width:0;padding:21px 19px!important;margin:0!important;min-height:640px;align-self:stretch!important}
.workspace .notes-column{display:flex!important;flex-direction:column!important}
.workspace .notes-column>.notepad{border:0!important;background:transparent!important;box-shadow:none!important;padding:0!important;margin:0!important;border-radius:0!important;min-height:0!important;flex:1!important;width:100%}
.workspace h1,.workspace h2{font-size:18px!important;font-weight:650!important;letter-spacing:-.45px;color:#142c49;line-height:1.35}
.workspace .section-heading{min-height:55px;align-items:flex-start!important;margin-bottom:20px!important;gap:10px}
.workspace .section-meta{font-size:11px!important;line-height:1.45;color:#8490a0;margin-top:5px}
.workspace .section-heading .quiet,.workspace .section-heading [data-action="add-event"]{border-radius:6px}
.workspace .schedule .section-heading [data-action="add-event"]{background:#172f4e!important;color:white!important;padding:9px 12px}
.workspace .completion{width:110px!important;font-size:10px!important;line-height:1.35;flex-shrink:0}
.workspace .progress{height:4px;margin-top:7px}
.tab-row{gap:20px!important;margin-bottom:15px}
.tab-row .tab{font-size:11px;padding-bottom:11px}
.tab-row .tab.active:after{background:#bd9c60}
.task-form{grid-template-columns:minmax(0,1fr) minmax(100px,112px) auto!important;gap:6px!important;align-items:stretch}
.task-form input,.task-form select,.task-form .primary{height:37px!important;min-height:37px!important;min-width:0;border-radius:6px;font-size:11px!important;padding:8px 9px}
.task-form .primary{padding:7px 10px!important;font-size:10px!important}
.task-form select{background:#fff;color:#4b586b;border-color:#dce3eb}
.form-hint{font-size:9px!important;color:#8995a3;margin-top:9px!important}
.task-list{min-height:0!important;margin-top:14px!important}
.task-row{min-height:51px!important;border-bottom:1px solid #edf1f4!important;padding:9px 0!important;gap:9px!important}
.task-name{font-size:12px!important;line-height:1.45!important;color:#24354c}
.priority-badge.mandatory{background:#fcebec!important;color:#a23f4a!important}
.priority-badge.desirable{background:#f1f3f5!important;color:#687787!important}
.priority-badge.tomorrow{background:#f7f0e5!important;color:#84683c!important}
.event-list{margin:0!important}
.event-row{grid-template-columns:45px 9px minmax(0,1fr) auto!important;column-gap:10px!important;min-height:62px!important;padding:7px 2px!important;border-bottom:1px solid #edf1f4!important}
.event-row.next-up{background:#fdf8ef!important;border:1px solid #f2e5cb!important;border-radius:6px!important;padding:7px 6px!important;margin:1px -5px!important}
.event-time{font-size:11px!important;color:#5e6c7e}
.event-marker{width:3px!important;height:23px!important;justify-self:center}
.event-name{font-size:12px!important;line-height:1.4!important;min-width:0}
.event-name small{font-size:10px!important;color:#84909d}
.event-countdown{color:#cf2839!important;font-size:11px!important;font-weight:700!important}
.timeline-now{margin:5px 0 10px!important}
.timeline-now:before{left:56px!important}
.event-list:before{left:60px!important}
/* Notepad becomes subordinate: white card, warm paper only within editor. */
.notepad .section-heading{margin-bottom:17px!important}
.notepad .note-tabs{background:#fff!important;border-right:1px solid #e9edf2!important;gap:4px!important;width:94px!important;padding-right:8px!important;max-height:410px}
.notepad{grid-template-columns:94px minmax(0,1fr)!important;column-gap:11px!important;align-content:start!important}
.notepad .note-tabs .tab{font-size:11px!important;padding:9px 8px!important;color:#697789}
.notepad .note-tabs .tab.active{background:#f3f5f7!important;color:#1a3758!important;font-weight:600}
.notepad .note-add{width:32px;height:30px}
.notepad>.note-tabs,.notepad>.notes-panel{margin-top:3px!important}
.notepad .notes-panel{background:#fffdf8!important;border:1px solid #eae5da!important;border-radius:7px!important;min-height:355px!important}
.notepad .notes-panel textarea{background:#fffdf8!important;color:#253a51!important;min-height:355px!important;padding:12px!important;font-size:12px!important;line-height:1.65!important;border:0!important}
.notepad .note-selection{margin-top:14px;min-height:30px}
.notepad .notes-foot{margin-top:15px;padding-top:15px;border-top:1px solid #edf0f3}
.notes-expanded .notepad{background:white!important;border:1px solid #e5eaf0!important;padding:28px!important;min-height:0!important}
main>footer{margin:0 30px!important;padding:16px 0 22px!important;border-top:1px solid #e5eaf0;color:#8b97a4}
/* Responsive: never crush task inputs or clock details; prioritise readability. */
@media(max-width:1550px){
 .workspace{gap:13px!important;padding-left:22px!important;padding-right:22px!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,.97fr)!important}
 .workspace .schedule,.workspace .priorities,.workspace .notes-column{padding:18px 15px!important}
 .task-form{grid-template-columns:minmax(0,1fr) 110px!important}
 .task-form .primary{grid-column:1/-1!important;width:100%}
 .utility{margin-left:22px!important;margin-right:22px!important}
 main>footer{margin-left:22px!important;margin-right:22px!important}
}
@media(max-width:1160px){
 .workspace{grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:start!important}
 .workspace .schedule,.workspace .priorities,.workspace .notes-column{min-height:490px}
 .workspace .notes-column{grid-column:1/-1!important;grid-row:2!important;min-height:420px}
 .task-form{grid-template-columns:minmax(0,1fr) 120px auto!important}
 .task-form .primary{grid-column:auto!important}
 .notepad{grid-template-columns:130px minmax(0,1fr)!important}
 .notepad .note-tabs{width:130px!important}
 .topbar{grid-template-columns:1fr auto!important}
 .topbar>.timer-tools{grid-column:1/-1!important;grid-row:2!important;max-width:670px}
 .topbar .header-right{grid-column:2!important;grid-row:1!important}
}
@media(max-width:750px){
 .topbar{padding:15px!important;grid-template-columns:1fr!important}
 .topbar .breadcrumb{grid-row:1!important;grid-column:1!important}
 .topbar .header-right{grid-column:1!important;grid-row:2!important;justify-content:space-between}
 .topbar>.timer-tools{grid-column:1!important;grid-row:3!important}
 .utility{margin:12px 13px 0!important;padding:8px!important}
 .clocks{display:flex!important;overflow-x:auto!important;max-width:100%;padding-bottom:4px;gap:2px!important}
 .clock,.clock:first-child{min-width:122px!important;border-right:1px solid #e9edf1!important;padding:6px 9px!important}
 .clock-time{font-size:22px!important}
 .workspace{grid-template-columns:1fr!important;gap:12px!important;padding:13px!important;min-height:0!important}
 .workspace .schedule{grid-column:1!important;grid-row:1!important}
 .workspace .priorities{grid-column:1!important;grid-row:2!important}
 .workspace .notes-column{grid-column:1!important;grid-row:3!important}
 .workspace .schedule,.workspace .priorities,.workspace .notes-column{padding:17px 15px!important;min-height:360px!important}
 .task-form{grid-template-columns:minmax(0,1fr) 116px!important}
 .task-form .primary{grid-column:1/-1!important;width:100%}
 main>footer{margin:0 14px!important}
}
@media(max-width:430px){
 .topbar .timer-tools .timer-buttons{gap:5px!important}
 .topbar .timer-control-row{flex-direction:column!important}
 .topbar .duration-select{max-width:none;width:100%}
 .notepad{grid-template-columns:100px minmax(0,1fr)!important}
 .notepad .note-tabs{width:100px!important}
}

/* V8: precisely tuned executive workstation, 3 Nov 2026. */
:root{--navy:#0d2542;--ink:#162e4a;--gold:#c3a16b;--line:#e7ebef}
body,.page{background:#fbfcfe!important}
.sidebar{background:#06192f!important}
.sidebar .nav-item{min-height:42px!important;margin-bottom:3px!important;border-radius:5px!important}
.sidebar .nav-item.active{background:rgba(255,255,255,.095)!important}
.topbar{grid-template-columns:minmax(0,1fr) minmax(390px,500px)!important;column-gap:20px!important;padding:16px 30px 13px!important}
.topbar>.timer-tools{max-width:940px!important;min-width:0!important}
.topbar>.timer-tools .timer-buttons{grid-template-columns:1.1fr 1.1fr 1.12fr!important;gap:18px!important}
.topbar .timer-group .timer-label{color:#1c3859!important;font-size:10px!important;font-weight:700!important;letter-spacing:.09em!important}
.topbar .timer-control-row{gap:7px!important}
.topbar .timer-start{min-height:38px!important;height:38px!important;font-weight:650!important;font-size:12px!important}
.topbar .timer-start.focus{background:#55a47c!important;color:#fff!important}
.topbar .timer-start.focus:hover{background:#448c69!important}
.topbar .timer-start.break{background:#df8587!important;color:#fff!important}
.topbar .timer-start.break:hover{background:#c56d73!important}
.topbar .timer-start.privacy{background:#213d5b!important;color:#fff!important}
.topbar .duration-select{height:38px!important;min-height:38px!important;width:74px!important;max-width:76px!important;border-color:#dbe3eb!important;background:#fff!important;font-size:11px!important}
.topbar .header-right{gap:17px!important;min-width:0!important}
.topbar .header-right #local-date{color:#53657b!important;font-size:11px!important}
.topbar .header-right .search-trigger{width:205px!important;height:38px!important;background:#fff!important;border:1px solid #dce4ed!important;border-radius:6px!important}
.topbar .header-right .search-trigger span:not([data-icon]){display:inline!important}
/* Global market cockpit: restrained instrument-panel palette with data first. */
.utility{position:relative;margin:17px 30px 0!important;min-height:106px!important;padding:9px 13px 9px 16px!important;background:linear-gradient(110deg,#102943 0%,#102640 50%,#0b2139 100%)!important;border:1px solid #223d56!important;border-radius:8px!important;box-shadow:0 3px 12px rgba(8,24,43,.10)!important;gap:12px!important}
.utility::before{content:'GLOBAL TIME / LIVE';position:absolute;top:7px;left:19px;font-size:8px;font-weight:650;letter-spacing:.13em;color:#9aafc2;pointer-events:none}
.clocks{align-self:stretch;gap:0!important;align-items:stretch!important;padding-top:12px!important}
.clock,.clock:first-child{min-height:73px!important;padding:8px 15px 5px!important;background:transparent!important;border:0!important;border-right:1px solid rgba(178,199,219,.18)!important;border-radius:0!important;align-items:flex-start!important;text-align:left!important;justify-content:center!important}
.clock.local{background:linear-gradient(180deg,rgba(201,168,111,.12),rgba(201,168,111,.045))!important;border:1px solid rgba(219,180,107,.42)!important;border-bottom:2px solid #c3a16b!important;border-radius:4px!important}
.clock-heading{gap:7px!important;min-height:11px!important}
.clock-heading .city{font-size:9px!important;color:#becbd8!important;font-weight:700!important;letter-spacing:.1em!important}
.clock.local .city{color:#efddbd!important}
.clock-live{background:#63b997!important;width:5px!important;height:5px!important;box-shadow:0 0 0 2px rgba(99,185,151,.12)!important}
.clock-time,.clock.local .clock-time{font-family:ui-monospace,SFMono-Regular,Consolas,'Liberation Mono',monospace!important;color:#f3f6fa!important;font-size:clamp(22px,1.65vw,28px)!important;font-weight:600!important;letter-spacing:-.055em!important;line-height:1.15!important;margin-top:6px!important;font-variant-numeric:tabular-nums lining-nums!important}
.clock-detail{color:#9cb1c6!important;margin-top:3px!important;font-family:ui-monospace,SFMono-Regular,Consolas,monospace!important;font-size:9px!important}
.clock-detail .abbr{color:#d4e0ea!important;font-weight:650!important}
.clock-detail .local-label{background:rgba(198,166,105,.22)!important;color:#e7c994!important;border-radius:3px!important}
.clock .quiet.small{background:transparent!important;color:#9caec0!important;font-size:10px!important;font-weight:550!important;border:1px dashed rgba(164,190,215,.28)!important;border-radius:4px!important;padding:7px 9px!important;letter-spacing:.01em!important}
.clock .quiet.small:hover{background:rgba(255,255,255,.055)!important;color:#fff!important}
.utility-actions{gap:8px!important;align-self:stretch;align-items:center!important}
.utility-actions .quiet{color:#d1dce7!important;background:rgba(255,255,255,.045)!important;border:1px solid rgba(190,211,231,.17)!important;border-radius:5px!important;font-size:10px!important;padding:8px 9px!important}
.utility-actions .quiet:hover{background:rgba(255,255,255,.12)!important}
/* Workspace cards: fixed useful default height with intrinsic expansion as needed. */
.workspace{min-height:0!important;align-items:stretch!important;grid-template-columns:minmax(0,1.04fr) minmax(0,1.04fr) minmax(0,1fr)!important;gap:14px!important;padding:17px 30px 14px!important}
.workspace .schedule,.workspace .priorities,.workspace .notes-column{min-height:505px!important;height:auto!important;align-self:stretch!important;padding:20px 18px!important;border-radius:8px!important;border:1px solid #e3e9ef!important;box-shadow:0 2px 10px rgba(22,47,75,.027)!important}
.workspace h1,.workspace h2{font-size:17px!important;font-weight:650!important;letter-spacing:-.035em!important}
.workspace .section-heading{margin-bottom:17px!important;min-height:49px!important;gap:11px!important}
.workspace .section-meta{font-size:10.5px!important;margin-top:4px!important}
.workspace .schedule .section-heading [data-action="add-event"],.task-form .primary,.notepad .note-add{background:#152f4d!important;border-color:#152f4d!important;border-radius:5px!important}
.workspace .schedule .section-heading [data-action="add-event"]:hover,.task-form .primary:hover,.notepad .note-add:hover{background:#284d73!important}
.workspace .completion{width:115px!important}
.workspace .progress{height:3px!important}
.task-form{grid-template-columns:minmax(0,1fr) 106px auto!important;gap:6px!important}
.task-form input,.task-form select,.task-form .primary{font-size:11px!important;height:36px!important;min-height:36px!important}
.task-form .primary{padding:7px 10px!important}
.task-list{margin-top:11px!important;margin-bottom:0!important;min-height:0!important}
.task-row{min-height:47px!important;padding:7px 0!important}
.task-name{line-height:1.4!important}
.form-hint{margin-top:7px!important}
.event-row{min-height:57px!important;border-bottom-color:#edf1f4!important}
.event-row.next-up{background:#fdf9f1!important}
.event-countdown{color:#c92335!important}
/* Notes: recede, keep all saving/editing controls visible within the card. */
.workspace .notes-column>.notepad{min-height:0!important;display:grid!important;grid-template-columns:86px minmax(0,1fr)!important;column-gap:10px!important;align-content:start!important;flex:initial!important}
.notepad .note-tabs{width:86px!important;max-height:350px!important}
.notepad .notes-panel{min-height:263px!important;background:#fffdf9!important;border:1px solid #e9e5de!important}
.notepad .notes-panel textarea{min-height:263px!important;background:#fffdf9!important;padding:11px!important}
.notepad .note-tabs .tab{font-size:10px!important;padding:8px 7px!important}
.notepad .note-selection{margin-top:10px!important;min-height:26px!important}
.notepad .notes-foot{margin-top:9px!important;padding-top:12px!important}
.notepad .section-heading{margin-bottom:12px!important}
main>footer{margin:0 30px!important;padding:12px 0 18px!important;font-size:10px!important}
@media(min-width:1551px){.topbar>.timer-tools{max-width:980px!important}}
@media(max-width:1550px){
 .topbar{grid-template-columns:minmax(0,1fr) minmax(330px,420px)!important}
 .topbar>.timer-tools{max-width:790px!important}
 .workspace{padding-left:22px!important;padding-right:22px!important}
 .utility{margin-left:22px!important;margin-right:22px!important}
 main>footer{margin-left:22px!important;margin-right:22px!important}
 .workspace .schedule,.workspace .priorities,.workspace .notes-column{padding:17px 14px!important}
 .clock,.clock:first-child{padding-left:10px!important;padding-right:10px!important}
}
@media(max-width:1300px){
 .topbar{grid-template-columns:1fr auto!important}
 .topbar .breadcrumb{grid-column:1!important;grid-row:1!important}
 .topbar>.timer-tools{grid-column:1/-1!important;grid-row:2!important;max-width:900px!important}
 .topbar .header-right{grid-column:2!important;grid-row:1!important}
 .topbar .header-right .search-trigger{width:185px!important}
 .task-form{grid-template-columns:minmax(0,1fr) 112px!important}
 .task-form .primary{grid-column:1/-1!important}
 .utility{gap:6px!important}
 .utility-actions{flex-direction:column!important;justify-content:center}
}
@media(max-width:1160px){
 .workspace{grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:start!important}
 .workspace .notes-column{grid-column:1/-1!important;grid-row:2!important}
 .workspace .schedule,.workspace .priorities,.workspace .notes-column{min-height:425px!important}
 .notepad .notes-panel,.notepad .notes-panel textarea{min-height:250px!important}
 .task-form{grid-template-columns:minmax(0,1fr) 112px auto!important}
 .task-form .primary{grid-column:auto!important}
 .utility::before{left:15px}
}
@media(max-width:750px){
 .topbar{grid-template-columns:1fr!important}
 .topbar .breadcrumb{grid-column:1!important;grid-row:1!important}
 .topbar .header-right{grid-column:1!important;grid-row:2!important;justify-content:space-between!important}
 .topbar>.timer-tools{grid-column:1!important;grid-row:3!important;max-width:none!important}
 .topbar .timer-control-row{flex-direction:column!important}
 .topbar .duration-select{width:100%!important;max-width:none!important}
 .topbar .timer-start{width:100%!important}
 .topbar .header-right .search-trigger{width:170px!important}
 .utility{margin:12px 13px 0!important;padding:15px 8px 8px!important;overflow:hidden!important}
 .clocks{padding-top:6px!important;overflow-x:auto!important;display:flex!important;gap:3px!important}
 .clock,.clock:first-child{min-width:132px!important}
 .clock-time{font-size:23px!important}
 .utility-actions{flex-direction:column!important}
 .workspace{grid-template-columns:1fr!important;gap:12px!important;padding:13px!important}
 .workspace .schedule{grid-column:1!important;grid-row:1!important}
 .workspace .priorities{grid-column:1!important;grid-row:2!important}
 .workspace .notes-column{grid-column:1!important;grid-row:3!important}
 .workspace .schedule,.workspace .priorities,.workspace .notes-column{min-height:360px!important}
 .task-form{grid-template-columns:minmax(0,1fr) 112px!important}
 .task-form .primary{grid-column:1/-1!important}
 main>footer{margin:0 13px!important}
}
@media(max-width:420px){
 .topbar .header-right #local-date{font-size:10px!important}
 .topbar .header-right .search-trigger{width:145px!important}
 .topbar>.timer-tools .timer-buttons{gap:7px!important}
 .notepad .note-tabs{width:85px!important}
}


/* V9 | Final usability and visual refinement, 03 November 2026.
   Layout remains content-driven; no saved workspace schema changes. */
@media (min-width:1451px){
  .topbar{
    grid-template-columns:minmax(125px,1fr) minmax(580px,745px) minmax(398px,1fr)!important;
    grid-template-rows:24px 43px!important;
    column-gap:18px!important;row-gap:5px!important;
    min-height:114px!important;
    padding:15px 29px 12px!important;
  }
  .topbar .breadcrumb{grid-column:1!important;grid-row:1!important;align-self:start!important;white-space:nowrap}
  .topbar>.timer-tools{grid-column:2!important;grid-row:1/3!important;max-width:745px!important;width:100%!important;justify-self:center!important;align-self:end!important}
  .topbar .header-right{grid-column:3!important;grid-row:1/3!important;justify-self:end!important;align-self:end!important;min-width:0!important}
  .topbar>.timer-tools .timer-buttons{gap:13px!important}
}
@media (min-width:1451px) and (max-width:1640px){
  .topbar{grid-template-columns:minmax(98px,.65fr) minmax(550px,690px) minmax(392px,1fr)!important;column-gap:12px!important}
}
/* The control row centres as one group; dropdowns remain adjacent to their actions. */
.topbar .timer-tools .timer-label{color:#152f4d!important}
.topbar .header-right #local-date{
  color:#152f4d!important;font-size:12px!important;font-weight:600!important;
  letter-spacing:-.012em!important;font-variant-numeric:tabular-nums!important;
}
.topbar .header-right .search-trigger{width:215px!important}
/* Technical world time: improved instrument legibility and restrained segmentation. */
.utility{
  background:linear-gradient(115deg,#0e2741 0%,#102a45 48%,#0c233b 100%)!important;
  border-color:#24415b!important;
}
.clocks{gap:0!important}
.clock,.clock:first-child{
  border-right:1px solid rgba(186,207,226,.34)!important;
  padding-left:17px!important;padding-right:17px!important;
  position:relative!important;
}
.clock.local{
  border:1px solid rgba(200,170,114,.42)!important;
  border-bottom:2px solid #c4a169!important;
  background:linear-gradient(170deg,rgba(255,255,255,.075),rgba(196,161,105,.075))!important;
}
.clock-time,.clock.local .clock-time{
  font-family:'Segoe UI Variable Display','Segoe UI',Inter,system-ui,sans-serif!important;
  font-feature-settings:'tnum' 1,'lnum' 1!important;
  font-size:clamp(25px,1.85vw,31px)!important;
  font-weight:720!important;
  letter-spacing:-.038em!important;
  line-height:1.08!important;margin-top:5px!important;
  text-shadow:0 1px 2px rgba(0,0,0,.12);
}
.clock-heading .city{font-size:9px!important;letter-spacing:.115em!important;font-weight:750!important}
.clock-detail{font-size:9px!important;letter-spacing:.015em!important;margin-top:6px!important;color:#b7c9d8!important}
.clock.empty-zone{opacity:.72!important;align-items:center!important;justify-content:center!important;padding:8px!important}
.clock.empty-zone .quiet.small{
  border:1px solid rgba(175,199,222,.2)!important;background:rgba(255,255,255,.025)!important;
  padding:7px 10px!important;color:#bfd0df!important;
}
.clock.empty-zone:hover{opacity:1!important}
/* Roomier cards use viewport height on desktop but still grow with content. */
@media (min-width:1161px){
  .workspace .schedule,.workspace .priorities,.workspace .notes-column{
    min-height:max(505px,calc(100dvh - 278px))!important;
    height:auto!important;
  }
  .workspace .notes-column>.notepad{flex:1!important;grid-template-rows:auto minmax(0,1fr) auto auto!important;min-height:100%!important}
  .notepad .notes-panel,.notepad .notes-panel textarea{min-height:290px!important}
}
/* Legibility and shared control hierarchy. */
.workspace .event-name{font-size:12.8px!important;line-height:1.44!important}
.workspace .event-name small{font-size:10.5px!important}
.workspace .task-name{font-size:12.7px!important;line-height:1.5!important}
.task-form{gap:8px!important}
.task-form input{min-width:0}
.form-hint{font-size:9.5px!important;color:#78879a!important}
.notepad .note-tabs{width:105px!important;max-height:100%!important}
.workspace .notes-column>.notepad{grid-template-columns:105px minmax(0,1fr)!important}
.notepad .note-tabs .tab{font-size:10.5px!important;overflow-wrap:normal!important;line-height:1.32!important;padding:9px 7px!important}
/* Timeline labels reinforce current versus upcoming meeting status. */
.event-row.in-progress .event-marker{background:#4d9474!important}
.event-row.in-progress .event-label{color:#357355!important;font-weight:600!important}
.event-row.in-progress .event-name{font-weight:550!important}
.timeline-now{margin:7px 0 8px!important;color:#957442!important}
.timeline-now>span:after{border-color:#d9c9a7!important}
@media (min-width:1451px){
  .utility{margin-top:15px!important}
  .workspace{padding-top:15px!important}
  main>footer{padding-top:12px!important;padding-bottom:14px!important}
}
@media (min-width:1161px) and (max-width:1450px){
  .topbar>.timer-tools{justify-self:center!important;margin-left:auto!important;margin-right:auto!important}
  .workspace .notes-column>.notepad{grid-template-rows:auto minmax(0,1fr) auto auto!important}
}
@media (max-width:1160px){
  .workspace .schedule,.workspace .priorities,.workspace .notes-column{min-height:425px!important}
  .clock-time,.clock.local .clock-time{font-size:clamp(21px,2.5vw,27px)!important}
}
@media (max-width:750px){
  .topbar .header-right #local-date{font-size:11px!important}
  .topbar .header-right .search-trigger{width:170px!important}
  .workspace .schedule,.workspace .priorities,.workspace .notes-column{min-height:360px!important}
  .notepad .note-tabs{width:96px!important}
  .workspace .notes-column>.notepad{grid-template-columns:96px minmax(0,1fr)!important}
  .clock,.clock:first-child{border-right:1px solid rgba(186,207,226,.32)!important;padding-left:12px!important;padding-right:12px!important}
}
@media (max-width:420px){
  .topbar .header-right .search-trigger{width:145px!important}
  .topbar .header-right #local-date{font-size:10px!important}
}