:root{color-scheme:light;--ui-accent:#287d9b;--ui-accent-soft:#eaf4f8;--ui-text:#243746;--ui-muted:#526777;--ui-border:#cbd6df;--ui-surface:#fff;--ui-background:#f2f5f8;--ui-column:#e8edf2;--ui-primary:#287d9b;--ui-on-primary:#fff;--ui-hover:#edf2f6;--ui-nav:#292f35;--ui-nav-text:#e2e7ed;--ui-nav-active:#525d68;--ui-tag:#e7edf3;--ui-tag-text:#435b70;--ui-warning:#fff0cc;--ui-warning-text:#765409;--ui-danger:#fbe2e6;--ui-danger-text:#913b49;--ui-success:#dceee5;--ui-success-text:#245e47;--ui-overlay:#15243888;--ui-secondary:var(--ui-muted);--ui-surface-border:var(--ui-border);--ui-card-border:var(--ui-border);--ui-input-border:var(--ui-border)}:root[data-theme=rose]{--ui-accent:#934064;--ui-accent-soft:#fae8ef;--ui-primary:#934064;--ui-text:#49343e;--ui-muted:#715664;--ui-border:#dec6d1;--ui-surface:#fffafd;--ui-background:#fcf2f6;--ui-column:#f1e6ec;--ui-hover:#f6eaf0;--ui-nav:#393039;--ui-nav-active:#65515f;--ui-tag:#f0e3e9;--ui-tag-text:#715064}:root[data-theme=gray]{--ui-accent:#486075;--ui-accent-soft:#e4eaf0;--ui-primary:#486075;--ui-text:#29323b;--ui-muted:#596572;--ui-border:#cbd1d8;--ui-surface:#fafbfc;--ui-background:#edf0f3;--ui-column:#e2e6eb;--ui-hover:#e9edf1;--ui-nav:#30373f;--ui-nav-active:#515e6b;--ui-tag:#e4e8ed;--ui-tag-text:#495a6b}:root[data-theme=sand]{--ui-accent:#766044;--ui-accent-soft:#eee5d6;--ui-primary:#766044;--ui-text:#3d3831;--ui-muted:#6d6356;--ui-border:#d7cdbd;--ui-surface:#fffdf8;--ui-background:#f3efe7;--ui-column:#eae4d9;--ui-hover:#f0eade;--ui-nav:#37342f;--ui-nav-active:#625b50;--ui-tag:#eae4da;--ui-tag-text:#645640}:root:is([data-theme=dark],[data-theme=graphite]){color-scheme:dark;--ui-text:#e9edf2;--ui-muted:#bbc5cf;--ui-secondary:#cbd3db;--ui-border:#46515e;--ui-surface:#242d37;--ui-surface-border:#394550;--ui-card-border:transparent;--ui-input-border:#7d8b99;--ui-background:#171e26;--ui-column:#1d252e;--ui-hover:#303b47;--ui-accent:#8dc7db;--ui-accent-soft:#304653;--ui-primary:#286d87;--ui-nav:#1c232b;--ui-nav-text:#e4e9ee;--ui-nav-active:#394957;--ui-tag:#35424f;--ui-tag-text:#d1dce6;--ui-warning:#4c4027;--ui-warning-text:#f3d594;--ui-danger:#4e3038;--ui-danger-text:#f4b8c1;--ui-success:#28453c;--ui-success-text:#b2deca;--ui-overlay:#080d14b3}:root[data-theme=graphite]{--ui-text:#e7e7e8;--ui-muted:#b7b8bd;--ui-border:#505156;--ui-surface:#2c2d31;--ui-background:#202124;--ui-column:#25262a;--ui-hover:#3a3b40;--ui-accent:#bec8d8;--ui-accent-soft:#414650;--ui-primary:#535e70;--ui-nav:#242529;--ui-nav-active:#484b53;--ui-tag:#404248;--ui-tag-text:#dddfe4}:root[data-theme=graphite]{--ui-text:#ededee;--ui-secondary:#d1d2d6;--ui-muted:#c0c1c7;--ui-surface-border:#414248;--ui-input-border:#8c8e98}:root[data-theme] :is(body,.app-shell,.app-shell>main,.workspace,.workspace-content,.kanban,.chat-feed,.task-messages,.date-view){background:var(--ui-background);color:var(--ui-text)}:root[data-theme] :is(.panel,.auth,.compact-page,.compact-editor,.workspace-modal,.detail,.compact-modal,.archive-dialog,.mail-account-editor,.task,.project-card,.company-section,.company-title,.structure-explainer,.board-tabs,.board-toolbar,.project-header,.chat-list,.chat-conversation,.chat-bubble,.chat-title,.chat-compose,.messenger-layout,.report-table-scroll,.report-table,.employee-column,.employee-card,.notification,.event-card,.schedule-grid th,.schedule-grid td,.calendar-grid>div,.calendar-grid>strong,.gantt-row,.gantt-scale,.task-messages article,.detail-tabs,.file-drop,.archive-row,.member-settings,.metrics article,.people article,.template-list,.role-descriptions article,.shift-list article){background:var(--ui-surface);color:var(--ui-text);border-color:var(--ui-border)}:root[data-theme] .kanban>.column{background:var(--ui-column);border-color:var(--ui-border)}:root[data-theme] :is(input,select,textarea,button){background-color:var(--ui-surface);color:var(--ui-text);border-color:var(--ui-border)}:root[data-theme] p{color:inherit}:root[data-theme] :is(h1,h2,h3,h4,label,legend,strong,.breadcrumbs span,.chat-bubble p,.department-tree,.report-table td,.compact-table td,.task-messages p){color:var(--ui-text)}:root[data-theme] :is(small,time,.muted,.report-note,.task-location,.task-count,.profile-actions span,.task-number,.column-mode,.task-table span,.column h2 span){color:var(--ui-muted)}:root[data-theme] :is(a,.text-link,.profile-section-link,.profile-actions button,.profile-upload){color:var(--ui-accent)}:root[data-theme] :is(th,.column-editor-row,.report-filter-grid,.chat-participants,.structure-summary,.role-permissions,.permission-list,.notification.read){background:var(--ui-background);color:var(--ui-text);border-color:var(--ui-border)}:root[data-theme] :is(.column-add,.shift-chip,.chat-bubble.own,.board-tabs a.active,.report-sections a.active,.report-groups a.active,.segmented button.active,.detail-tabs button.active,.board-link.active){background:var(--ui-accent-soft);color:var(--ui-accent)}:root[data-theme] :is(button[type=submit],.primary,.chat-new,.chat-compose>button,.auth form>button,.profile-panel form>button:not([type=button]),.schedule-bottom-actions button:first-child){background:var(--ui-primary);color:var(--ui-on-primary);border-color:var(--ui-primary)}:root[data-theme] :is(.task-stickers small,.status-pill.inactive){background:var(--ui-tag);color:var(--ui-tag-text)}:root[data-theme] :is(.task-stickers .priority-high,.shift-status:not(.on)){background:var(--ui-warning);color:var(--ui-warning-text)}:root[data-theme] :is(.task-stickers .priority-critical,.task-stickers .deadline-overdue,.error,.toast-error){background:var(--ui-danger);color:var(--ui-danger-text)}:root[data-theme] :is(.notice,.toast-success,.shift-status.on,.status-pill:not(.inactive),.email-task-badge){background:var(--ui-success);color:var(--ui-success-text)}:root[data-theme] :is(input,textarea)::placeholder{color:var(--ui-muted);opacity:1}:root[data-theme] :is(.overlay,.mobile-nav-shade){background:var(--ui-overlay)}:root[data-theme] button:disabled,:root[data-theme] button[aria-disabled=true]{opacity:1;color:var(--ui-muted);background:var(--ui-column);border-color:var(--ui-border);cursor:not-allowed}:root[data-theme] :is(button,a,input,select,textarea):focus-visible{outline:2px solid var(--ui-accent);outline-offset:2px}:root[data-theme] button:not(:disabled):not([aria-disabled=true]):not(.active):hover{filter:brightness(.96)}:root[data-theme] .task:not(:disabled):hover{background:var(--ui-hover);filter:none}:root[data-theme] :is(.app-shell>header,.app-navigation,.project-sidebar){background:var(--ui-nav);color:var(--ui-nav-text)}:root[data-theme] :is(.app-navigation button,.project-sidebar a,.project-sidebar button,.app-shell>header button,.app-shell>header select,.app-shell>header strong){background:transparent;color:var(--ui-nav-text);border-color:transparent}:root[data-theme] :is(.app-navigation button.active,.app-navigation button:not(:disabled):hover,.project-link.current,.project-link:hover){background:var(--ui-nav-active);color:var(--ui-nav-text);filter:none}@media(min-width:761px){.app-shell>header:before{background:var(--ui-nav)}.app-shell .project-sidebar{bottom:auto;height:auto;max-height:clamp(64px,calc(100dvh - 176px - var(--navigation-height,400px)),30dvh);overflow-y:auto}.app-shell .app-navigation{top:calc(160px + var(--project-height,100px));bottom:auto;height:auto;max-height:calc(100dvh - 168px - var(--project-height,100px));overflow-y:auto;gap:4px;padding:8px 12px;align-items:stretch}.app-shell .app-navigation button{flex:0 0 auto;min-height:36px;padding:8px;line-height:20px;white-space:normal;overflow-wrap:anywhere}.app-shell .app-navigation .sidebar-logout{margin-top:4px;padding-top:8px;border-radius:6px}}@media(max-width:760px){.mobile-menu-open .project-sidebar{height:auto;max-height:28dvh}.mobile-menu-open .app-navigation{top:calc(163px + var(--project-height,0px));bottom:auto;height:auto;max-height:calc(100dvh - 175px - var(--project-height,0px));gap:4px;grid-auto-rows:minmax(44px,auto)}}:root[data-theme] button.danger:not(:disabled){color:var(--ui-danger-text);background:var(--ui-danger);border-color:var(--ui-danger-text)}@media screen{:root:is([data-theme=dark],[data-theme=graphite]) :is(.report-totals a,.report-card,.kpi-cards button,.report-editor){background:var(--ui-surface);color:var(--ui-secondary);border-color:var(--ui-card-border);box-shadow:none}:root:is([data-theme=dark],[data-theme=graphite]) :is(.report-totals a,.kpi-cards button){border-width:0}:root:is([data-theme=dark],[data-theme=graphite]) .kpi-chart text{fill:var(--ui-secondary)}:root:is([data-theme=dark],[data-theme=graphite]) :is(.report-totals strong,.kpi-cards b,.metrics strong,.employee-column h2){color:var(--ui-text)}:root:is([data-theme=dark],[data-theme=graphite]) :is(.report-totals a.active,.report-totals a:hover,.kpi-cards button.active){background:var(--ui-accent-soft);color:var(--ui-text)}:root:is([data-theme=dark],[data-theme=graphite]) .report-sections{background:var(--ui-column);border:0;box-shadow:none}:root:is([data-theme=dark],[data-theme=graphite]) .report-sections a{color:var(--ui-secondary)}:root:is([data-theme=dark],[data-theme=graphite]) .report-sections a.active{background:var(--ui-accent-soft);color:var(--ui-text);box-shadow:none}:root:is([data-theme=dark],[data-theme=graphite]) :is(.report-table-scroll,.reports-panel){border:0;box-shadow:none}:root:is([data-theme=dark],[data-theme=graphite]) :is(.report-table td,.report-table th,.board-toolbar,.board-tabs,.project-header,.detail-tabs){border-color:var(--ui-surface-border)}:root:is([data-theme=dark],[data-theme=graphite]) :is(.report-title,.report-tools h2,.employee-counts,.task-table span,.profile-photo small,.empty,.employee-cards p){color:var(--ui-secondary)}:root:is([data-theme=dark],[data-theme=graphite]) .report-table td.overdue{color:var(--ui-danger-text)}:root:is([data-theme=dark],[data-theme=graphite]) :is(input,select,textarea){border-color:var(--ui-input-border)}:root:is([data-theme=dark],[data-theme=graphite]) :is(input,select,textarea):disabled{opacity:1;color:var(--ui-muted);background:var(--ui-column)}}.nav-icon{width:20px;height:20px;flex:0 0 20px;display:block}.app-shell .app-navigation button{display:flex;align-items:center;gap:10px}.app-shell .app-navigation .projects-toggle,.app-shell .app-navigation .rail-profile{display:none}.app-navigation .nav-label{min-width:0}.app-shell>main,.workspace-content{min-width:0}@media(min-width:761px){.app-shell.sidebar-collapsed{--sidebar:64px}.sidebar-collapsed>header{height:92px;padding:48px 0 12px;align-items:center}.sidebar-collapsed>header .brand-name{justify-content:center}.sidebar-collapsed>header :is(.brand-label,.workspace-name,.account-row){display:none}.sidebar-collapsed .desktop-menu-toggle{left:12px;top:8px;width:40px;height:36px}.sidebar-collapsed>main{margin-left:var(--sidebar);padding-top:0}.app-shell.sidebar-collapsed .app-navigation{top:92px;bottom:0;max-height:none;height:auto;padding:8px;gap:4px;display:flex;flex-direction:column;overflow-y:auto}.app-shell.sidebar-collapsed .app-navigation button{flex:0 0 44px;width:48px;min-height:44px;padding:0;justify-content:center;border-radius:8px}.app-shell.sidebar-collapsed .app-navigation :is(.projects-toggle,.rail-profile){display:flex}.sidebar-collapsed .nav-label,.app-shell.sidebar-collapsed .project-sidebar{display:none}.app-shell.sidebar-collapsed.projects-popout-open .project-sidebar{display:block;left:72px;top:100px;width:min(300px,calc(100vw - 88px));max-height:calc(100dvh - 116px);bottom:auto;border-radius:10px;padding:12px;box-shadow:0 8px 28px #0003;z-index:8;overflow:auto}}.mobile-filters-toggle,.mobile-filters-reset{display:none}@media(max-width:760px){.app-shell>main{margin-left:0;width:100%;min-width:0}.app-shell>header{padding:6px 12px;min-height:56px}.app-shell>header .account-row{display:none}.app-shell:not(.mobile-menu-open) :is(.app-navigation,.project-sidebar){display:none}.app-shell.mobile-menu-open>header .account-row{display:flex;position:fixed;top:calc(var(--app-header-height,56px) + 8px);left:12px;right:12px;height:64px;padding:10px 12px;border-radius:8px;background:var(--ui-nav);color:var(--ui-nav-text);z-index:9}.app-shell.mobile-menu-open>header .account-row .identity{white-space:normal;overflow-wrap:anywhere;line-height:1.4}.app-shell.mobile-menu-open .project-sidebar{top:calc(var(--app-header-height,56px) + 80px);left:12px;right:12px;height:auto;max-height:23dvh;overflow:auto}.app-shell.mobile-menu-open .project-link{white-space:normal;overflow-wrap:anywhere}.app-shell.mobile-menu-open .app-navigation{top:calc(var(--app-header-height,56px) + 92px + var(--project-height,0px));bottom:12px;bottom:max(12px,env(safe-area-inset-bottom));left:12px;right:12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;overflow:auto}.app-shell.mobile-menu-open .app-navigation .projects-toggle{display:flex}.app-shell.mobile-menu-open .app-navigation button{min-width:0;min-height:44px;white-space:normal}.app-shell .app-navigation .rail-profile{display:none}.mobile-filters-toggle{display:flex;align-items:center;justify-content:space-between;width:calc(100% - 16px);margin:8px;min-height:44px;padding:8px 12px}.app-shell .board-toolbar{display:none}.app-shell .board-toolbar.mobile-filters-open{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:8px;gap:8px}.board-toolbar .mobile-filters-reset{display:block;grid-column:1/-1;justify-self:start;width:auto}.project-header{padding:8px;min-height:44px;flex-wrap:wrap}.breadcrumbs{min-width:0;flex-wrap:wrap;overflow-wrap:anywhere}.board-tabs{padding:0 8px;gap:4px;flex-wrap:wrap;overflow:visible}.board-tabs a,.board-tabs button{min-height:44px;max-width:100%;overflow-wrap:anywhere}.kanban{padding:8px;gap:10px}.kanban>.column{flex-basis:calc(100vw - 32px);max-width:400px}}.projects-popout-open .project-sidebar .sidebar-title{display:flex;justify-content:space-between}@media print{.app-shell>main{margin-left:0!important;width:100%!important}.app-navigation,.project-sidebar{display:none!important}}@media(min-width:761px)and (max-width:1536px){.app-shell:not(.sidebar-collapsed){--sidebar:216px}.app-shell:not(.sidebar-collapsed)>header{padding-inline:12px}.app-shell:not(.sidebar-collapsed) :is(.project-sidebar,.app-navigation){padding-inline:8px}.app-shell .app-navigation button{padding-block:6px}.app-shell .workspace-content>:is(.panel,.forms,.people,h1){margin:16px}.workspace-content :is(.overview,.reports-page,.company-section,.company-title){padding:16px}.company-title,.company-section,.structure-explainer{margin:16px}.workspace-content h1{font-size:24px}.project-header{height:auto;min-height:48px;padding:8px 16px;gap:8px;flex-wrap:wrap}.project-header .breadcrumbs{min-width:0;overflow-wrap:anywhere}.board-tabs{padding-inline:12px;flex-wrap:wrap;overflow:visible}.board-tabs a{padding:8px 12px;white-space:normal;overflow-wrap:anywhere;max-width:100%}.board-toolbar{padding:8px 12px;gap:6px}.board-toolbar :is(input,select){max-width:170px;min-width:0}.workspace-content:has(>.kanban){display:flex;flex-direction:column;height:100dvh;min-height:480px}.workspace-content:has(>.kanban)>:not(.kanban){flex-shrink:0}.workspace-content>.kanban{flex:1 1 auto;height:auto;min-height:240px;min-width:0;padding:12px;gap:12px}.kanban>.column{flex-basis:280px;min-height:0;padding:10px}.kanban .task{padding:10px;gap:8px}.toolbar,.report-tools,.month-controls{flex-wrap:wrap;gap:8px}.toolbar>*{min-width:0;max-width:100%}.report-sections{flex-wrap:wrap;gap:8px 16px;overflow:visible}.report-sections a{white-space:normal}:is(.report-table-scroll,.table-scroll,.gantt-scroll){min-width:0;max-width:100%;overflow-x:auto}.detail-tabs{flex-wrap:wrap;margin-block:8px 12px;gap:2px}.detail-tabs button{padding:8px}.task-panel h2{font-size:20px;overflow-wrap:anywhere}.task-panel form fieldset{gap:8px}.task-panel .task-save-actions{position:sticky;bottom:0;z-index:2;padding-block:8px;background:var(--ui-surface)}.task-save-actions>button{width:auto;margin:0}.modal-body .toolbar{margin-bottom:8px}}
