:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#34373b;background:#eef0f2;color-scheme:light}body{background:#eef0f2;color:#34373b}.topbar{background:rgba(255,255,255,.97);border-color:#e1e3e6}.brand{color:#34373b}.brand-mark{background:#4a4e53;border-radius:12px}.ghost-button,.secondary{color:#555b61;background:#f1f2f3;border:1px solid #e0e2e5;border-radius:13px}.ghost-button:hover,.secondary:hover{background:#e8eaec}.user-chip{color:#555b61;background:#eef0f2}.shell{padding-top:24px}.hero{padding-top:12px}.eyebrow{color:#70767c}.lead{color:#7b8288}h1,h2{color:#34373b}button{color:#555b61;background:#f1f2f3;border:1px solid #e0e2e5;border-radius:13px;box-shadow:0 1px 0 #fff inset}button:hover{background:#e8eaec}button:active{background:#e2e4e6;box-shadow:inset 0 2px 5px #0002}.workspace,.metric,.overview-section{background:#fff;border-color:#e1e3e6;box-shadow:0 8px 24px #00000009}.view-switch .secondary,.tab{background:#f1f2f3;color:#555b61;border:1px solid #e0e2e5}.view-switch button[aria-pressed=true],.tab.active{background:#e7e9eb;color:#34373b;box-shadow:inset 0 -1px 0 #cfd2d5}.filters input,.filters select,.form-grid input,.form-grid select,.form-grid textarea{border-color:#dfe2e5;color:#555b61}.overview-section>header,.trip-region>summary{background:#f1f2f3;border-color:#e1e3e6}.overview-task:hover{background:#f7f8f9}.overview-task .today,.overview-task .late{color:#8b3d4a;background:#f4e4e7}.status.DONE{color:#555b61;background:#e5e6e8}.status.IN_PROGRESS,.status.WAITING,.status.OPEN{color:#555b61;background:#eef0f2}.priority.CRITICAL,.priority.HIGH{color:#8b3d4a;background:#f4e4e7}.priority.NORMAL,.priority.LOW{color:#555b61;background:#eef0f2}.due-attention{color:#8b3d4a!important}.due-attention::before{color:#8b3d4a}#work-view{display:grid;grid-template-columns:210px minmax(0,1fr);gap:22px;align-items:start}#work-view>.section-tabs{grid-column:1;display:flex;flex-direction:column;align-items:stretch;gap:8px;position:sticky;top:92px;padding:0;border:0}#work-view>.section-tabs .tab{text-align:left;border-radius:11px;min-height:42px}#work-view>.filters,#work-view>.list-heading,#work-view>#message,#work-view>.bulk-toolbar,#work-view>#trip-groups,#work-view>#task-groups,#work-view>#flat-records,#work-view>#empty{grid-column:2}@media(max-width:900px){#work-view{display:block}#work-view>.section-tabs{position:static;flex-direction:row;overflow:auto;padding-bottom:13px;border-bottom:1px solid #e1e3e6}#work-view>.section-tabs .tab{flex:0 0 auto}}

/* Experimental light shell: neutral graphite palette, tactile controls, fixed top modes. */
:root{--ink:#34373b;--muted:#737980;--line:#e2e4e7;--panel:#fff;--soft:#f4f5f6;--hover:#e9ebed;--danger:#8b3d4a}
body{background:linear-gradient(135deg,#f7f8f9 0%,#eef0f2 60%,#e7e9eb 100%);color:var(--ink)}
.topbar{min-height:78px;padding:12px clamp(14px,3vw,42px);box-shadow:0 2px 16px #1f252b0b}
.brand{font-size:1.05rem;letter-spacing:-.02em}.brand-mark{background:#34373b;color:#fff;border-radius:10px}
.top-actions{gap:8px}.top-view-switch{display:flex;align-items:center;gap:5px;margin-right:8px}.top-view-switch button{min-height:38px;padding:8px 12px;font-size:.82rem;font-weight:750;border-radius:10px;color:#646a70;background:transparent;border:1px solid transparent;box-shadow:none}.top-view-switch button:hover{background:#eef0f2;color:#34373b}.top-view-switch button[aria-pressed=true]{background:#e3e5e7;border-color:#d6d9dc;color:#34373b;box-shadow:inset 0 2px 4px #00000012}
.ghost-button,.secondary,button{color:#555b61;background:var(--soft);border:1px solid var(--line);box-shadow:0 1px 0 #fff inset,0 1px 2px #20252b0a}.ghost-button:hover,.secondary:hover,button:hover{background:var(--hover);color:#34373b}.ghost-button:active,.secondary:active,button:active{background:#e1e3e5;box-shadow:inset 0 2px 5px #00000018}.user-chip{color:#656b71;background:#eef0f2;border:1px solid #e1e3e6}
.shell{width:min(1500px,calc(100% - 28px));padding-top:26px}.hero{padding:12px 6px 22px}.eyebrow{color:#777d83;letter-spacing:.12em}.hero h1{font-size:clamp(2rem,4vw,3.1rem)}.lead{color:#7a8086}.summary-grid{gap:12px}.metric{border-radius:15px;box-shadow:0 5px 18px #20252b08}.workspace,.overview-section{border-radius:17px;box-shadow:0 7px 24px #20252b0a}.tab{background:#f4f5f6;color:#5d6369;border-radius:10px}.tab.active{background:#e1e3e5;color:#34373b;border-color:#d1d4d7}.filters input,.filters select,.form-grid input,.form-grid select,.form-grid textarea{border-radius:10px;background:#fff}.overview-section>header,.trip-region>summary{background:#f1f2f3}.overview-task .today,.overview-task .late,.due-attention{color:var(--danger)!important;background:#f5e6e9}.due-attention::before{color:var(--danger)}
#work-view>.section-tabs{background:#f7f8f9;border:1px solid #e2e4e7;border-radius:14px;padding:10px;box-shadow:0 4px 15px #20252b08}#work-view>.section-tabs .tab{background:transparent;border-color:transparent}#work-view>.section-tabs .tab:hover{background:#e9ebed}#work-view>.section-tabs .tab.active{background:#e1e3e5;border-color:#d5d8db;box-shadow:inset 0 2px 4px #0000000d}
.overview-grid{gap:16px}.overview-section>header{padding:17px 20px}.overview-section h3{font-size:1.25rem}.overview-items{padding-left:18px;padding-right:18px}
@media(max-width:980px){.top-view-switch button{padding-inline:8px}.top-actions .ghost-button:first-of-type{display:none}}
@media(max-width:700px){.topbar{align-items:flex-start;flex-wrap:wrap}.top-view-switch{order:3;width:100%;margin:2px 0 0;overflow:auto}.top-view-switch button{flex:0 0 auto}.shell{width:min(100% - 18px,1500px)}#work-view>.section-tabs{box-shadow:none}}

/* Keep the sidebar from determining the height of the first content row. */
@media(min-width:901px){#work-view{grid-auto-rows:max-content}#work-view>.section-tabs{grid-row:1 / span 8;align-self:start}}

/* One centered, responsive top bar: brand, main modes, then account actions. */
@media(min-width:701px){.topbar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:clamp(14px,2.5vw,34px);padding-inline:max(14px,calc((100vw - 1500px)/2))}.top-view-switch{justify-content:center;margin:0;min-width:0}.top-view-switch button{flex:1 1 auto;white-space:nowrap}.top-actions{justify-content:flex-end;min-width:0;gap:7px}.top-actions .ghost-button{white-space:nowrap}}
@media(max-width:700px){.topbar{display:flex;align-items:center;flex-wrap:wrap}.brand{flex:0 0 auto}.top-view-switch{order:3;flex:1 1 100%;justify-content:center;width:100%;margin:0}.top-actions{flex:1 1 auto;justify-content:flex-end;min-width:0}.top-actions .ghost-button{padding-inline:9px}.top-actions .ghost-button:first-child{display:none}.top-view-switch button{flex:1 1 0;min-width:0;padding-inline:6px;font-size:.74rem}}

/* Keep the task table inside the available desktop width. Long values wrap
   instead of forcing the right-hand columns off-screen. */
#work-view>.workspace,
#work-view .table-wrap{min-width:0;max-width:100%;}
#work-view table{width:100%;min-width:0;table-layout:fixed;}
#work-view th,#work-view td{padding:9px 8px;font-size:.76rem;overflow-wrap:anywhere;word-break:break-word;}
#work-view th .column-sort{white-space:normal;line-height:1.15;}
#work-view th .column-sort{font-size:12px;line-height:1;white-space:nowrap;padding:0 2px;letter-spacing:.01em;}
#work-view th{white-space:nowrap;}
#work-view th .column-sort{display:flex;width:100%;min-width:0;align-items:center;justify-content:space-between;box-sizing:border-box;overflow:hidden;}
#work-view th .column-sort span{flex:0 0 auto;margin-left:4px;}
#work-view>.section-tabs .section-manage-button{order:-1;text-align:center;background:#e8eaec;border-color:#d5d8db;font-weight:800;}
#work-view>.section-tabs .section-manage-button{width:42px;min-width:42px;min-height:42px;padding:0;margin:0 0 2px;font-size:1.2rem;line-height:1;border-radius:11px;}
#work-view>.section-tabs .section-manage-button{display:grid!important;visibility:visible!important;place-items:center;}
@media(min-width:901px){#work-view>.filters>.creation-actions{display:contents;}#work-view>.filters>.creation-actions>#new-group{grid-column:3;grid-row:2;}#work-view>.filters>.creation-actions>#new-record{grid-column:4;grid-row:2;}}
@media(min-width:901px){#work-view>.section-tabs .section-manage-button{grid-column:1/-1!important;grid-row:auto!important;justify-self:start;margin-top:4px;}}
@media(min-width:901px){#work-view>.section-tabs{display:grid;grid-template-columns:42px minmax(0,1fr);align-content:start;gap:8px;}#work-view>.section-tabs .section-manage-button{grid-column:1;grid-row:1;}#work-view>.section-tabs .section-manage-button+.tab{grid-column:2;grid-row:1;}#work-view>.section-tabs .tab:not(.section-manage-button){grid-column:1/-1;}}
.brand-stack{display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-width:0}.brand-profile{display:flex;align-items:center;gap:5px;padding-left:2px}.brand-profile .user-chip{padding:0;background:transparent;font-size:.72rem;font-weight:700;white-space:nowrap}.profile-settings{display:grid;place-items:center;width:22px;min-width:22px;height:22px;min-height:22px;padding:0;border-radius:7px;font-size:.8rem;line-height:1}.profile-settings:hover{background:#e8eaec}
.trip-region>summary .group-summary-actions{margin-left:auto;display:flex;align-items:center;flex:0 0 auto}.trip-region>summary .add-subtask{width:36px;min-width:36px;min-height:36px;padding:0;font-size:1.2rem;line-height:1;white-space:nowrap;}
.trip-region>summary{display:flex;align-items:center;gap:12px}.trip-region>summary .trip-region-meta{flex:0 1 auto}.trip-region>summary .group-summary-actions{margin-left:auto;}
.trip-region>summary{padding:28px;}
.trip-region .table-wrap{margin:28px;}
.trip-region .task-row{cursor:pointer;}
.top-actions .brand-profile{display:flex;align-items:center;gap:7px;padding-left:0}.top-actions .brand-profile .user-chip{padding:8px 11px;background:#eef0f2;font-size:.82rem;font-weight:800;white-space:nowrap}.top-actions .profile-settings{width:42px;min-width:42px;height:42px;min-height:42px;padding:0;border-radius:12px;font-size:1rem;line-height:1}
.section-tabs .section-manage-button{order:999;grid-column:1/-1!important;grid-row:auto!important;justify-self:stretch;width:100%;min-width:0;min-height:36px;height:36px;margin:4px 0 0;padding:0;border-radius:11px}
@media(max-width:900px){#work-view>.section-tabs{flex-wrap:wrap}.section-tabs .section-manage-button{flex:1 0 100%;order:999}}
#work-view>.section-tabs .section-manage-button{order:999!important;width:100%!important;min-width:0!important;min-height:36px!important;height:36px!important;justify-self:stretch!important;margin:4px 0 0!important;padding:0!important}
.admin-users-list{display:grid;gap:10px;max-height:48vh;overflow:auto;margin:14px 0 22px}.admin-user-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:end;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--soft)}.admin-user-row label{display:grid;gap:5px;min-width:0}.admin-user-row label span{font-size:.72rem;color:var(--muted);line-height:1.2}.admin-user-row input,.admin-user-row select{display:block;width:100%;min-width:0;max-width:100%;box-sizing:border-box}.admin-user-active{display:flex!important;align-items:center;gap:5px;white-space:nowrap;font-size:.78rem}.admin-user-active input{width:auto}.admin-user-save{min-height:38px;white-space:nowrap;width:100%}
@media(max-width:900px){.admin-user-row{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.admin-user-row{grid-template-columns:minmax(0,1fr);gap:10px}.admin-user-save{width:auto;justify-self:start}}
.admin-system-role{display:none!important}
@media(max-width:900px){#work-view>.section-tabs .section-manage-button{flex:1 0 100%!important;order:999!important}}
@media(max-width:1365px) and (min-width:761px){.overview-grid{grid-template-columns:1fr}}
@media(max-width:1365px){.overview-quick-fields{display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap;width:100%;overflow:visible}.overview-quick-fields label{display:grid;flex:0 1 300px;min-width:0;width:300px;max-width:100%;gap:5px;font-size:.78rem}.overview-quick-fields input,.overview-quick-fields select{display:block;box-sizing:border-box;min-width:0;width:100%;max-width:100%;min-height:38px;height:38px;padding:7px 9px;font-size:.82rem}}
@media(max-width:560px){.overview-quick-fields{display:grid;gap:10px}.overview-quick-fields label{width:100%;max-width:100%;flex:0 0 auto}}
@media(max-width:1365px){.overview-quick-fields{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;width:100%}.overview-quick-fields label{display:grid;width:100%;max-width:none;flex:0 0 auto}.overview-quick-fields input,.overview-quick-fields select{width:100%;max-width:none}}
@media(max-width:1365px){.overview-quick-fields input,.overview-quick-fields select{box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:100%!important;text-align:left!important}.overview-quick-fields input[type=date]{-webkit-appearance:none;appearance:none}}
@media(min-width:901px){
  #work-view>.filters{grid-template-columns:minmax(260px,1.4fr) minmax(150px,.5fr) minmax(160px,.5fr) auto;}
  #work-view>.filters>#bulk-toggle{grid-column:2;grid-row:2;justify-self:start;}
  #work-view>.filters>#refresh{grid-column:1;grid-row:2;}
  #work-view>.bulk-toolbar{margin:0;padding:0;min-height:0;}
}
#work-view th:nth-child(1){width:10%;}
#work-view th:nth-child(2){width:18%;}
#work-view th:nth-child(3){width:11%;}
#work-view th:nth-child(4){width:12%;}
#work-view th:nth-child(5){width:18%;}
#work-view th:nth-child(6){width:11%;}
#work-view th:nth-child(7){width:10%;}
#work-view th:nth-child(8){width:10%;}
#work-view td .record-title{font-size:.82rem;line-height:1.25;}
#work-view td .record-meta{font-size:.68rem;line-height:1.25;}
@media(max-width:1150px) and (min-width:901px){
  #work-view{grid-template-columns:178px minmax(0,1fr);gap:12px;}
  #work-view>.workspace{padding:14px;}
  #work-view th,#work-view td{padding:8px 5px;font-size:.69rem;}
  #work-view td .record-title{font-size:.76rem;}
  #work-view .status,#work-view .priority{font-size:.64rem;padding:4px 5px;}
}

/* Compact task workspace: filters, selection, then tasks with no duplicate headings. */
#work-view{row-gap:10px}
#work-view>.filters{padding:0}
#work-view>.list-heading,#work-view>#message{display:none}
#work-view>.bulk-toolbar{margin:0;padding:0;min-height:42px}
#work-view>#task-groups,#work-view>#trip-groups,#work-view>#flat-records,#work-view>#empty{margin-top:0}

/* In task mode the workspace starts immediately; keep only creation controls. */
body:not(.overview-mode) .shell{padding-top:12px}
body:not(.overview-mode) .hero{min-height:0;padding:0 4px 10px;justify-content:flex-end}
body:not(.overview-mode) .hero>div:first-child{display:none}
body:not(.overview-mode) .summary-grid,body:not(.overview-mode) #focus-scope-note{display:none}
body:not(.overview-mode) #work-view{margin-top:0}

/* Shared compact shell for every mode: no promotional header or global KPI strip. */
.shell>.hero{min-height:0;padding:0 4px 10px;justify-content:flex-end}
.shell>.hero>div:first-child,.shell>.summary-grid,#focus-scope-note{display:none}
.shell{padding-top:12px}