:root{--navy:#173b5b;--teal:#159e96;--bg:#f3f7f7;--line:#d7e3e6;--muted:#667085}*{box-sizing:border-box}body{margin:0;background:linear-gradient(135deg,#faf5ed,#eff8f5 48%,#eef3f8);font:14px/1.5 Arial;color:#173044}a{color:#08788b;text-decoration:none}.layout{min-height:100vh}.layout>aside{position:fixed;inset:0 auto 0 0;width:240px;padding:20px 14px;background:linear-gradient(180deg,#173b5b,#245f72);color:#fff}.nav-brand{display:flex;align-items:center;gap:10px;font-size:22px;margin-bottom:16px}.nav-brand img{width:130px;max-height:50px;object-fit:contain;background:#fff;border-radius:9px;padding:5px}.nav-user{padding:12px;background:#ffffff15;border-radius:11px;margin-bottom:14px}.nav-user small{display:block;color:#cfe0e8;text-transform:capitalize}nav{display:grid;gap:6px}nav a{color:#eaf5f4;padding:11px 13px;border-radius:10px;font-weight:bold}nav a:hover,nav a.active{background:#ffffff20;color:#fff}main{margin-left:240px;padding:28px;min-height:100vh}.page-head{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:24px;border-radius:18px;color:#fff;background:linear-gradient(125deg,#173b5b,#2a7a76);margin-bottom:18px}.page-head h1{margin:0 0 4px}.page-head p{margin:0;color:#d8e8e9}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.stat,.card{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 5px 18px #173b5b10}.stat{padding:18px;border-top:4px solid var(--teal)}.stat small{display:block;color:var(--muted);text-transform:uppercase;font-weight:bold}.stat strong{display:block;font-size:27px;margin-top:7px}.card{padding:20px;margin-bottom:18px}.card h2{margin-top:0}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.full{grid-column:1/-1}label{display:grid;gap:6px;font-weight:bold}input,select,textarea{width:100%;padding:11px;border:1px solid #b9c9cf;border-radius:9px;font:14px Arial}textarea{min-height:180px}button,.button{display:inline-block;border:0;border-radius:9px;background:linear-gradient(105deg,#173b5b,#287f94);color:#fff;padding:11px 16px;font-weight:bold;cursor:pointer}.secondary{background:#e8eef2!important;color:#173b5b!important}.danger{background:#b42318!important}.actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:12px}table{width:100%;border-collapse:collapse;background:#fff}th,td{padding:11px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}th{background:#edf3f5;color:#526570;font-size:11px;text-transform:uppercase}.badge{padding:4px 8px;border-radius:999px;background:#e7f5f3;color:#08786f;font-weight:bold}.alert{padding:13px 15px;border-radius:11px;margin-bottom:15px}.alert.ok{background:#e7f6ee;color:#18794e}.alert.bad{background:#fee4e2;color:#b42318}.login-page{min-height:100vh;display:grid;place-items:center;background:linear-gradient(125deg,#0b3552,#08788b);padding:18px}.login-card{width:min(470px,100%);background:#fff;border-radius:20px;padding:32px;box-shadow:0 22px 60px #071a2f66}.login-card>img{display:block;width:230px;max-height:85px;object-fit:contain;margin:0 auto 18px}.login-card form{display:grid;gap:14px}.qr{display:grid;place-items:center;min-height:260px;background:#fff}.preview-frame{width:100%;height:640px;border:1px solid var(--line);border-radius:12px;background:#fff}footer{text-align:center;padding:25px}footer img{width:170px;max-height:55px;object-fit:contain}@media(max-width:850px){.layout>aside{position:static;width:auto}.layout{display:block}main{margin:0;padding:15px}.stats{grid-template-columns:1fr 1fr}.grid{grid-template-columns:1fr}.full{grid-column:auto}.page-head{align-items:stretch;flex-direction:column}}

/* Task & Meeting Hub v2 */
nav details{border-radius:10px;color:#eaf5f4}nav summary{list-style:none;cursor:pointer;padding:11px 13px;border-radius:10px;font-weight:bold}nav summary::-webkit-details-marker{display:none}nav summary:after{content:'▾';float:right;opacity:.8}nav details[open]>summary{background:#ffffff12}.nav-sub{display:grid;gap:3px;padding:4px 0 5px 12px}.nav-sub a{padding:8px 11px;font-size:13px}.mode-switch{margin:0 0 12px}.mode-switch button{width:100%;font-size:12px;background:#ffffff16;border:1px solid #ffffff30}.mode-switch .dev-on{background:#f4c84a;color:#173044}.dashboard-grid{display:grid;grid-template-columns:2fr 1fr;gap:18px}.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.card-head h2{margin:0}.task-list{display:grid}.task-row{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line);color:#173044}.task-row:last-child{border-bottom:0}.task-row small,.meeting-row small,.doc-list small,.activity-list small{display:block;color:var(--muted);margin-top:2px}.task-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.priority{display:inline-block;padding:3px 8px;border-radius:999px;font-size:11px;font-weight:bold}.p-low{background:#edf3f5;color:#526570}.p-normal{background:#e7f5f3;color:#08786f}.p-high{background:#fff2cc;color:#8a6100}.p-urgent{background:#fee4e2;color:#b42318}.due{font-size:12px}.late{color:#b42318;font-weight:bold}.stat.urgent{border-top-color:#d92d20}.stat.success{border-top-color:#12b76a}.meeting-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--line);color:#173044}.date-box{width:46px;text-align:center;padding:6px;background:#edf5f5;border-radius:10px}.date-box strong{display:block;font-size:20px}.date-box small{text-transform:uppercase;font-size:10px}.empty{color:var(--muted);font-style:italic}.row-overdue td{background:#fff8f7}.status-completed{background:#e7f6ee;color:#18794e}.status-in_progress{background:#e8f2ff;color:#175cd3}.complete-btn{background:linear-gradient(105deg,#067647,#12b76a)}.check-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:6px}.check-item{display:flex;align-items:center;gap:7px;padding:8px;border:1px solid var(--line);border-radius:8px;font-weight:normal}.check-item input,.mini-check input{width:auto}.doc-list,.activity-list{list-style:none;padding:0;margin:0}.doc-list li,.activity-list li{padding:9px 0;border-bottom:1px solid var(--line)}.filter-bar{padding:12px 16px}.mini-check{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:normal}select{min-width:120px}@media(max-width:1000px){.dashboard-grid{grid-template-columns:1fr}.check-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.stats{grid-template-columns:1fr 1fr}.check-grid{grid-template-columns:1fr}.task-row{align-items:flex-start;flex-direction:column}.task-meta{justify-content:flex-start}}

/* Task & Meeting Hub v3 - Outlook-style weekly meetings calendar */
.calendar-card{padding:0;overflow:hidden}.calendar-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;border-bottom:1px solid var(--line);background:#fff}.calendar-range{text-align:right}.calendar-range small{display:block;color:var(--muted)}.calendar-scroll{overflow-x:auto;background:#fff}.week-calendar{display:grid;grid-template-columns:68px repeat(7,minmax(135px,1fr));min-width:1013px}.calendar-corner,.calendar-day-head{position:sticky;top:0;z-index:3;background:#fff;border-bottom:1px solid var(--line)}.calendar-corner{left:0;z-index:4;border-right:1px solid var(--line)}.calendar-day-head{padding:10px 8px;text-align:center;border-right:1px solid var(--line)}.calendar-day-head span{display:block;color:var(--muted);font-size:12px}.calendar-day-head strong{display:inline-grid;place-items:center;font-size:22px;width:38px;height:38px;border-radius:50%}.calendar-day-head.is-today strong{background:#0b75c9;color:#fff}.calendar-time{padding:5px 8px 0 0;text-align:right;color:#667085;font-size:11px;border-right:1px solid var(--line);border-bottom:1px solid #edf1f2;min-height:72px}.calendar-slot{position:relative;min-height:72px;border-right:1px solid var(--line);border-bottom:1px solid #edf1f2;padding:3px}.calendar-event{display:block;background:#dfe7fb;border-left:4px solid #1f5bc4;color:#173044;border-radius:5px;padding:6px 7px;margin-bottom:3px;line-height:1.25;min-height:62px}.calendar-event b,.calendar-event span,.calendar-event small,.calendar-event em{display:block}.calendar-event span{font-size:11px;margin-top:2px}.calendar-event small{font-size:11px;color:#526570;margin-top:2px}.calendar-event em{font-style:normal;font-size:10px;color:#175cd3;margin-top:4px}.meeting-list-compact{display:grid}.meeting-list-compact a{display:grid;grid-template-columns:150px minmax(180px,1fr) minmax(160px,auto);gap:12px;align-items:center;padding:11px 0;border-bottom:1px solid var(--line);color:#173044}.meeting-list-compact a:last-child{border-bottom:0}.meeting-list-compact small{color:var(--muted)}.meeting-summary-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:14px;overflow:hidden;margin-bottom:18px}.meeting-summary-bar>div{background:#fff;padding:14px}.meeting-summary-bar small{display:block;color:var(--muted);text-transform:uppercase;font-size:10px;font-weight:bold}.meeting-summary-bar b{display:block;margin-top:4px}.doc-download-list li{display:flex;justify-content:space-between;gap:14px;align-items:center}.doc-download-list .button{white-space:nowrap}.document-note{margin:12px 0 0;color:var(--muted);font-size:12px}@media(max-width:850px){.calendar-toolbar{align-items:flex-start;flex-direction:column}.calendar-range{text-align:left}.meeting-summary-bar{grid-template-columns:1fr 1fr}.meeting-list-compact a{grid-template-columns:1fr}.doc-download-list li{align-items:flex-start;flex-direction:column}}@media(max-width:480px){.meeting-summary-bar{grid-template-columns:1fr}}


/* Task & Meeting Hub v4 - personal outstanding task bar + module access */
.layout>aside{overflow-y:auto;display:flex;flex-direction:column}.side-taskbar{margin-top:18px;padding-top:14px;border-top:1px solid #ffffff25}.side-taskbar-head{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:8px}.side-taskbar-head b{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:#fff}.side-taskbar-head a{font-size:11px;color:#d9eff0;padding:0;font-weight:normal}.side-task-items{display:grid;gap:6px}.side-task-item{display:block;padding:9px 10px;background:#ffffff12;border:1px solid #ffffff14;border-radius:9px;color:#fff}.side-task-item:hover{background:#ffffff1e}.side-task-item span{display:block;font-size:12px;font-weight:bold;line-height:1.25}.side-task-item small{display:block;margin-top:4px;color:#d6e7eb;font-size:10px}.side-task-item small.late{color:#ffd1cc}.side-task-item em{display:block;margin-top:3px;color:#bcd8df;font-size:10px;font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.side-task-empty{margin:4px 0;color:#cfe0e8;font-size:12px}@media(max-width:850px){.layout>aside{overflow:visible}.side-taskbar{margin-top:12px}.side-task-items{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.side-task-items{grid-template-columns:1fr}}

/* Task & Meeting Hub v5 - Zoe UX cleanup */
.compact-head{padding:22px 24px}.compact-grid{gap:11px}.compact-checks{grid-template-columns:repeat(4,1fr)}.muted{color:var(--muted)}.meeting-summary-bar.slim>div{padding:11px 13px}.meeting-workspace textarea{min-height:115px}.meeting-section-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.meeting-section{margin:0;padding:17px}.meeting-section h2{font-size:17px;margin-bottom:10px}.file-drop{margin-top:10px;padding:10px;border:1px dashed #b9c9cf;border-radius:9px;background:#f8fbfb;font-size:12px;color:#526570}.file-drop input{margin-top:6px;background:#fff}.section-files{margin-top:10px;border-top:1px solid var(--line)}.section-file{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--line)}.section-file b{display:block;font-size:12px}.section-file small{display:block;color:var(--muted);font-size:10px;margin-top:2px}.mini-download{font-size:11px;font-weight:bold;color:#176b80}.compact-empty{font-size:11px;margin:9px 0 0}.sticky-save{display:flex;gap:9px;align-items:center;margin:14px 0 18px;padding:12px 14px;background:#fff;border:1px solid var(--line);border-radius:12px}.compact-actions .task-row{padding:9px 0}.reassign-hint{font-size:10px;color:#176b80}.sync-preview-note{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;background:#eef5ff;border:1px solid #b7d3f6;border-radius:12px;padding:12px 15px;margin-bottom:14px;color:#173044}.sync-preview-note span{font-size:12px;color:#526570}.sync-preview-note a{font-size:12px;font-weight:bold}.calendar-event.outlook-event{background:#dce6fb;border-left-color:#2563c5}.event-top{display:flex;justify-content:space-between;gap:5px;align-items:flex-start}.source-pill{font-size:9px!important;background:#fff;border:1px solid #a8bde8;border-radius:999px;padding:2px 5px;color:#2457a6;white-space:nowrap}
@media(max-width:1000px){.meeting-section-grid{grid-template-columns:1fr}.compact-checks{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.sync-preview-note{grid-template-columns:1fr}.compact-checks{grid-template-columns:1fr}.sticky-save{align-items:stretch;flex-direction:column}.sticky-save button{width:100%}}

/* Task Hub V6 — focused management workspace */
:root{--v6-ink:#172a3a;--v6-soft:#f6f8fa;--v6-blue:#2f6fed;--v6-mint:#1d9b8f}body{background:#f5f7f9;color:var(--v6-ink)}.layout>aside{background:linear-gradient(180deg,#122d43 0%,#173d54 58%,#195467 100%)}main{padding:24px 30px}.v6-hero{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;padding:27px 29px;border-radius:18px;background:linear-gradient(115deg,#173b5b 0%,#1b5367 58%,#207f7b 100%);color:#fff;margin-bottom:16px;box-shadow:0 10px 28px #173b5b14}.v6-hero h1{font-size:30px;line-height:1.15;margin:5px 0 5px}.v6-hero p{margin:0;color:#d7e8eb}.eyebrow{font-size:10px;letter-spacing:.13em;font-weight:800;color:#bfe2df}.eyebrow.dark{color:#71818e}.button.light{background:#ffffff18!important;color:#fff!important;border:1px solid #ffffff45}.v6-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}.v6-stat{display:grid;grid-template-columns:1fr auto;gap:2px 12px;align-items:center;padding:15px 17px;background:#fff;border:1px solid #dce4e8;border-radius:14px;color:var(--v6-ink);box-shadow:0 3px 12px #173b5b08}.v6-stat span{font-size:12px;font-weight:800}.v6-stat strong{grid-row:1/3;grid-column:2;font-size:29px}.v6-stat small{font-size:10px;color:#7b8993}.v6-stat.danger-stat{border-left:4px solid #d92d20}.v6-stat.danger-stat strong{color:#b42318}.v6-viewbar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #d9e1e5;margin:3px 0 16px}.v6-viewbar>div{display:flex;gap:24px}.v6-viewbar a{padding:10px 2px;border-bottom:3px solid transparent;color:#687985;font-weight:700}.v6-viewbar a.active{color:#173b5b;border-color:#1d9b8f}.v6-viewbar>span{font-size:11px;color:#87939b}.v6-main-grid{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(270px,.9fr);gap:16px}.v6-panel{padding:18px}.v6-panel .card-head h2,.v6-quick h2{font-size:18px;margin:2px 0 0}.v6-task-table{margin-top:13px}.v6-task-head,.v6-task-line{display:grid;grid-template-columns:minmax(190px,2fr) minmax(100px,.9fr) 100px 82px 105px;gap:10px;align-items:center}.v6-task-head{padding:8px 10px;color:#84919a;text-transform:uppercase;font-size:9px;font-weight:800;letter-spacing:.06em;border-bottom:1px solid #e3e8eb}.v6-task-line{padding:11px 10px;color:var(--v6-ink);border-bottom:1px solid #edf0f2;border-left:3px solid transparent}.v6-task-line:hover{background:#f8fafb}.v6-task-line.is-late{border-left-color:#d92d20;background:#fffafa}.v6-task-line b{font-size:12px}.v6-task-line small{display:block;color:#84919a;font-size:10px;margin-top:2px}.owner-chip{font-size:11px;font-weight:700}.status-dot{font-size:10px;font-weight:800}.status-dot:before{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;background:#98a2b3;margin-right:5px}.status-in_progress:before{background:#2f6fed}.status-waiting:before{background:#f59e0b}.status-completed:before{background:#12b76a}.v6-right{display:grid;align-content:start;gap:16px}.v6-meet-list{margin-top:10px}.v6-meet-list>a{display:flex;gap:11px;padding:10px 0;border-bottom:1px solid #edf0f2;color:var(--v6-ink)}.v6-meet-list time{width:40px;height:43px;border-radius:10px;background:#edf5f5;text-align:center;padding:4px}.v6-meet-list time b{display:block;font-size:16px}.v6-meet-list time small{display:block;font-size:9px;text-transform:uppercase}.v6-meet-list>a>div{min-width:0}.v6-meet-list>a>div>b{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v6-meet-list small{display:block;color:#7b8993;font-size:10px}.v6-meet-list em{display:inline-block;margin-top:4px;padding:2px 6px;border-radius:999px;background:#fff2cc;color:#8a6100;font-size:9px;font-style:normal;font-weight:700}.v6-quick{padding:18px}.v6-quick>a{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #edf0f2;font-weight:700;color:#31566d}.v6-empty{padding:25px 10px;text-align:center;color:#84919a}.card{box-shadow:0 3px 14px #173b5b08;border-color:#dfe6e9}.page-head{box-shadow:0 8px 22px #173b5b10}.meeting-section{box-shadow:none}.meeting-section textarea{background:#fbfcfd}.calendar-card{padding:15px}.week-calendar{border-color:#e1e7ea}.calendar-event{box-shadow:none}.side-taskbar{border-top:1px solid #ffffff1c;padding-top:14px}.side-task-item{background:#ffffff0b!important;border:1px solid #ffffff13!important}.side-task-item:hover{background:#ffffff16!important}
@media(max-width:1150px){.v6-task-head,.v6-task-line{grid-template-columns:minmax(170px,2fr) 90px 90px 75px}.v6-task-head span:last-child,.v6-task-line span:last-child{display:none}.v6-main-grid{grid-template-columns:1fr}.v6-right{grid-template-columns:1fr 1fr}}
@media(max-width:850px){main{padding:15px}.v6-stats{grid-template-columns:1fr 1fr}.v6-viewbar>span{display:none}.v6-task-head{display:none}.v6-task-line{grid-template-columns:1fr auto;gap:5px 10px}.v6-task-line>span:nth-child(n+3){font-size:10px}.v6-right{grid-template-columns:1fr}.v6-hero{align-items:stretch;flex-direction:column}}
@media(max-width:520px){.v6-stats{grid-template-columns:1fr}.v6-hero h1{font-size:25px}}

/* V6.1 hotfix — keep dashboard right rail separate from the application navigation */
.v6-right{position:static!important;inset:auto!important;width:auto!important;padding:0!important;background:transparent!important;color:inherit!important;overflow:visible!important;display:grid!important;flex-direction:initial!important}
