@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500&family=Space+Grotesk:wght@600;700&display=swap');

:root{
  --bg-base:#0B0F1A;--bg-raised:#121927;--bg-subtle:#0F1522;
  --ink:#EDEAE3;--ink-strong:#F5F2EB;--muted:#8C93A6;--muted-soft:#697185;
  --border:#232B3D;--border-strong:#303A50;--amber:#E8A33D;--amber-hover:#F0B255;
  --amber-soft:rgba(232,163,61,.10);--green:#4FD18F;--green-soft:rgba(79,209,143,.10);
  --red:#E8607A;--red-soft:rgba(232,96,122,.10);--overlay:rgba(5,8,14,.72);
  --display:"Space Grotesk",sans-serif;--body:"Inter",sans-serif;--mono:"JetBrains Mono",monospace;
  --r-xs:3px;--r-sm:4px;--r-md:6px;--r-lg:8px;--fast:120ms;--standard:180ms;
}
html[data-theme="light"]{--bg-base:#F6F3ED;--bg-raised:#FFFFFF;--bg-subtle:#F1EEE8;--ink:#152033;--ink-strong:#0B0F1A;--muted:#5E677A;--muted-soft:#70788A;--border:#D7D1C5;--border-strong:#C7C0B2;--overlay:rgba(11,15,26,.38);--amber-soft:rgba(232,163,61,.12);--green-soft:rgba(79,209,143,.12);--red-soft:rgba(232,96,122,.12);}*{box-sizing:border-box}html{background:var(--bg-base);color:var(--ink)}body{margin:0;font-family:var(--body);font-size:14px;line-height:1.5;background:var(--bg-base);color:var(--ink)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}::selection{background:var(--amber);color:var(--bg-base)}
:focus-visible{outline:2px solid var(--amber);outline-offset:1px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--display);color:var(--ink-strong)}h1{font-size:32px;line-height:1.15;font-weight:600;margin-bottom:6px}h2{font-size:18px;font-weight:600;margin-bottom:0}p{color:var(--muted)}.mono{font-family:var(--mono)}.subtext{display:block;color:var(--muted);font-size:12px;margin-top:2px}.text-danger{color:var(--red)!important}.text-positive{color:var(--green)!important}.text-link{color:var(--amber);font-weight:500}.text-link:hover{text-decoration:underline}

.app-shell{min-height:100vh;display:grid;grid-template-columns:240px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;background:var(--bg-base);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:20px 14px}.brand-row{display:flex;align-items:center;gap:10px}.brand-mark{width:34px;height:34px;border:1px solid var(--border-strong);border-radius:4px;display:grid;place-items:center;font-family:var(--display);font-size:13px;font-weight:700;color:var(--amber);background:var(--bg-raised)}.brand-copy{display:flex;flex-direction:column;line-height:1.05}.brand-copy strong{font-family:var(--display);font-size:15px;letter-spacing:.02em;color:var(--ink-strong)}.brand-copy span{font-size:11px;color:var(--muted);margin-top:4px}.nav{margin-top:28px;display:flex;flex-direction:column;gap:2px}.nav-item{position:relative;display:flex;align-items:center;min-height:38px;padding:8px 10px;border-radius:4px;color:var(--muted);font-weight:500;transition:background var(--fast),color var(--fast)}.nav-item:hover{background:var(--bg-subtle);color:var(--ink)}.nav-item.active{background:var(--amber-soft);color:var(--ink)}.nav-item.active:before{content:"";position:absolute;left:-14px;top:7px;bottom:7px;width:2px;background:var(--amber)}.sidebar-section-label{margin:26px 10px 6px;color:var(--muted-soft);font-size:11px;font-weight:600}.sidebar-user{margin-top:auto;border-top:1px solid var(--border);padding-top:16px;display:grid;grid-template-columns:32px minmax(0,1fr);column-gap:10px;align-items:center}.sidebar-user .avatar{grid-row:1/3}.sidebar-user-copy{min-width:0;display:flex;flex-direction:column}.sidebar-user-copy strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px}.sidebar-user-copy span{text-transform:capitalize;color:var(--muted);font-size:11px}.sidebar-user form{grid-column:2;margin-top:3px}
.avatar{width:32px;height:32px;border-radius:4px;border:1px solid var(--border);display:grid;place-items:center;background:var(--bg-raised);color:var(--muted);font-family:var(--mono);font-size:11px}.link-button{background:none;border:0;padding:0;color:var(--muted);font-size:12px;text-align:left}.link-button:hover{color:var(--ink)}

.app-area{min-width:0;background:var(--bg-subtle)}.topbar{height:64px;position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:16px;padding:0 32px;border-bottom:1px solid var(--border);background:var(--bg-subtle)}.global-search{height:38px;width:min(460px,48vw);display:flex;justify-content:space-between;align-items:center;background:var(--bg-raised);border:1px solid var(--border);border-radius:4px;color:var(--muted);padding:0 12px;text-align:left}.global-search:hover{border-color:var(--border-strong);color:var(--ink)}kbd{font-family:var(--mono);font-size:10px;background:var(--bg-base);border:1px solid var(--border);border-radius:3px;padding:2px 6px;color:var(--muted)}.top-actions{margin-left:auto;display:flex;align-items:center;gap:18px}.top-link{color:var(--muted);font-size:13px}.top-link:hover{color:var(--ink)}.count{display:inline-grid;place-items:center;min-width:18px;height:18px;margin-left:6px;padding:0 5px;border-radius:9px;background:var(--amber);color:var(--bg-base);font-family:var(--mono);font-size:10px;font-weight:600}.mobile-menu{display:none;background:transparent;border:1px solid var(--border);border-radius:4px;color:var(--ink);height:36px;padding:0 10px}
.main-workspace{padding:32px;max-width:1540px;margin:0 auto}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:28px}.page-head p{margin-bottom:0}.task-topline{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;color:var(--muted)}

.button{min-height:40px;border-radius:4px;padding:0 15px;display:inline-flex;align-items:center;justify-content:center;font-weight:600;border:1px solid transparent;transition:background var(--fast),border-color var(--fast),color var(--fast)}.button.primary{background:var(--amber);border-color:var(--amber);color:var(--bg-base)}.button.primary:hover{background:var(--amber-hover);border-color:var(--amber-hover)}.button.secondary{background:transparent;border-color:var(--border);color:var(--ink)}.button.secondary:hover{border-color:var(--border-strong);background:var(--bg-raised)}.button.compact{min-height:34px;padding:0 11px;font-size:13px}

.metrics-line{display:flex;align-items:stretch;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-bottom:36px}.metric{min-width:150px;padding:17px 28px 17px 0;margin-right:34px}.metric strong{display:block;font-family:var(--mono);font-size:28px;line-height:1;color:var(--ink-strong);font-weight:500}.metric span{display:block;color:var(--muted);margin-top:8px;font-size:13px}.metrics-line a.metric:hover strong{color:var(--amber)}.report-metrics{flex-wrap:wrap}.report-metrics .metric{min-width:130px}
.section-block{margin-top:34px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.section-head>a{color:var(--muted);font-size:13px}.section-head>a:hover{color:var(--amber)}.two-column-workspace{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:40px;margin-top:36px}

.table-wrap{width:100%;overflow:auto;border-top:1px solid var(--border)}.data-table{width:100%;border-collapse:collapse;min-width:720px}.data-table th{height:42px;text-align:left;color:var(--muted);font-size:12px;font-weight:500;border-bottom:1px solid var(--border);white-space:nowrap}.data-table td{height:50px;padding-right:20px;border-bottom:1px solid rgba(35,43,61,.78);vertical-align:middle;color:#d9d7d1}.data-table td strong{color:var(--ink-strong);font-weight:500}.data-table tr.click-row{cursor:pointer}.data-table tr.click-row:hover td{background:var(--bg-raised)}.data-table tr.click-row:hover td:first-child{box-shadow:inset 2px 0 0 var(--amber)}.empty-cell{text-align:center;color:var(--muted);padding:32px!important}.empty-inline{color:var(--muted);padding:16px 0}.priority-text{font-size:12px;font-weight:500;margin-left:8px}.priority-text.low{color:var(--muted)}.priority-text.normal{color:var(--ink)}.priority-text.high{color:var(--amber)}.priority-text.urgent{color:var(--red)}.status{display:inline-block;font-size:12px;font-weight:500}.status-todo,.status-review,.status-waiting{color:var(--muted)}.status-in_progress{color:var(--amber)}.status-completed{color:var(--green)}.status-blocked{color:var(--red)}

.workload-list,.activity-list{border-top:1px solid var(--border)}.workload-row{min-height:50px;border-bottom:1px solid var(--border);display:grid;grid-template-columns:minmax(180px,1fr) 100px 100px;align-items:center;gap:16px}.person-cell{display:flex;align-items:center;gap:10px;min-width:0}.activity-row{border-bottom:1px solid var(--border);padding:13px 0}.activity-row>div{color:#d9d7d1}.activity-row strong{font-weight:500;color:var(--ink-strong)}.activity-row time{display:block;color:var(--muted);font-size:11px;margin-top:4px}

.filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:12px 0 18px;border-bottom:1px solid var(--border);margin-bottom:14px}.filters input,.filters select{width:auto;min-width:125px}.filters .filter-search{min-width:220px}.view-switch{display:flex;border:1px solid var(--border);border-radius:4px;overflow:hidden}.view-switch a{padding:7px 12px;color:var(--muted);border-right:1px solid var(--border);font-size:13px}.view-switch a:last-child{border-right:0}.view-switch a.active{background:var(--amber-soft);color:var(--ink)}
.board{display:grid;grid-template-columns:repeat(5,minmax(220px,1fr));gap:12px;overflow-x:auto;padding-bottom:12px}.board-lane{min-width:220px}.board-head{height:44px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.board-head h2{font-size:14px}.board-head .mono{color:var(--muted);font-size:12px}.board-list{padding-top:10px}.task-card{display:block;border:1px solid var(--border);background:var(--bg-raised);border-radius:6px;padding:13px;margin-bottom:8px;transition:border-color var(--fast)}.task-card:hover{border-color:var(--border-strong)}.task-card strong{display:block;font-weight:500;color:var(--ink-strong);line-height:1.35}.task-card>span{display:block;color:var(--muted);font-size:12px;margin-top:7px}.task-card-meta{display:flex;justify-content:space-between;gap:8px;color:var(--muted);font-size:11px;margin-top:14px;padding-top:10px;border-top:1px solid var(--border)}.task-card .priority-text{margin:8px 0 0}.empty-lane{color:var(--muted);font-size:12px;padding:10px 0}

label{display:flex;flex-direction:column;gap:7px;color:#c9c8c3;font-size:13px;font-weight:500}input,select,textarea{width:100%;background:var(--bg-raised);border:1px solid var(--border);color:var(--ink);border-radius:4px;min-height:40px;padding:9px 11px}textarea{resize:vertical;line-height:1.5}input::placeholder,textarea::placeholder{color:var(--muted-soft)}select option{background:var(--bg-raised);color:var(--ink)}.form-stack{display:flex;flex-direction:column;gap:16px}.form-panel{border-top:1px solid var(--border);padding-top:22px;max-width:820px}.wide-form{max-width:940px}.form-section{padding:0 0 26px;margin-bottom:26px;border-bottom:1px solid var(--border)}.form-section h2{margin-bottom:16px}.form-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.form-actions{display:flex;gap:10px;justify-content:flex-end}.permission-box{background:var(--bg-raised);padding:18px;border:1px solid var(--border);border-radius:6px}.check-row{flex-direction:row;align-items:flex-start;gap:10px}.check-row input{width:16px;min-height:16px;margin-top:2px}.check-row span{display:flex;flex-direction:column}.check-row small{font-weight:400;color:var(--muted);margin-top:4px}.alert{border-left:2px solid var(--border-strong);padding:10px 12px;background:var(--bg-raised);margin-bottom:20px}.alert.error{border-color:var(--red);color:#f0b2be}.alert.success{border-color:var(--green);color:#a9e9ca}

.task-properties,.project-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-bottom:34px}.task-properties>div,.project-summary>div{padding:14px 22px 14px 0}.task-properties span,.project-summary span{display:block;color:var(--muted);font-size:11px;margin-bottom:5px}.task-properties strong,.project-summary strong{font-weight:500}.task-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:54px}.task-main{min-width:0}.task-section{padding:0 0 30px;margin-bottom:30px;border-bottom:1px solid var(--border)}.task-section h2{margin-bottom:14px}.task-description{white-space:pre-line;color:#d9d7d1;max-width:820px}.task-side{min-width:0}.side-panel{border-top:1px solid var(--border);padding:16px 0 24px}.side-panel h2{font-size:15px;margin-bottom:15px}.progress-number .mono{font-size:28px;color:var(--ink-strong)}.progress-track,.mini-progress{height:4px;background:var(--border);overflow:hidden;margin-top:8px}.progress-track i,.mini-progress i{display:block;height:100%;background:var(--amber)}.mini-progress{width:100px;display:inline-block;margin-left:9px;vertical-align:middle}.compact-form{gap:12px}.compact-form .button{margin-top:3px}.subtask-list{border-top:1px solid var(--border)}.subtask-row{min-height:42px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--border)}.check-button{width:18px;height:18px;border:1px solid var(--border-strong);border-radius:3px;background:transparent;color:var(--bg-base);padding:0;font-size:11px}.check-button.checked{background:var(--green);border-color:var(--green)}.done-text{color:var(--muted);text-decoration:line-through}.inline-add{display:flex;gap:8px;margin-top:10px}.inline-add input{min-height:34px}.file-list{border-top:1px solid var(--border)}.file-list a{min-height:46px;border-bottom:1px solid var(--border);display:grid;grid-template-columns:90px 1fr;align-items:center}.file-list a span{color:var(--muted);font-size:12px}.file-list a strong{font-weight:500}.comment-form{display:flex;align-items:flex-end;gap:10px;margin-bottom:22px}.comment-form textarea{flex:1}.timeline{border-top:1px solid var(--border)}.comment-row{display:grid;grid-template-columns:32px 1fr;gap:12px;padding:16px 0;border-bottom:1px solid var(--border)}.comment-meta{display:flex;align-items:center;gap:8px}.comment-meta strong{font-size:13px;font-weight:500}.comment-meta time{color:var(--muted);font-size:11px}.comment-row p{margin:5px 0 0;color:#d9d7d1}.system-activity{padding:10px 44px;color:var(--muted);font-size:12px;border-bottom:1px solid var(--border)}.small-link-list a{display:block;padding:9px 0;border-bottom:1px solid var(--border)}.small-link-list a span{display:block}.small-link-list a small{color:var(--muted)}

.admin-create{margin-top:28px;max-width:820px;border-top:1px solid var(--border);padding-top:14px}.admin-create summary{cursor:pointer;color:var(--amber);font-weight:500}.admin-create[open] summary{margin-bottom:20px}.collapsible{margin-bottom:26px}.permission-note{border-left:2px solid var(--border-strong);padding:10px 14px;margin-top:24px;max-width:760px}.permission-note strong{font-weight:500}.permission-note p{margin:5px 0 0;font-size:12px}

.calendar-list{border-top:1px solid var(--border)}.calendar-day{display:grid;grid-template-columns:190px 1fr;border-bottom:1px solid var(--border);padding:16px 0}.calendar-date strong{display:block;font-family:var(--display)}.calendar-date span{color:var(--muted);font-size:11px}.calendar-task{min-height:48px;border-bottom:1px solid rgba(35,43,61,.7);display:flex;align-items:center;justify-content:space-between;gap:20px}.calendar-task:last-child{border-bottom:0}.calendar-task>div:first-child strong{display:block;font-weight:500}.calendar-task>div:first-child span{color:var(--muted);font-size:12px}.calendar-task>div:last-child{display:flex;gap:18px;color:var(--muted);font-size:12px}

.messages-layout{display:grid;grid-template-columns:300px minmax(0,1fr);border-top:1px solid var(--border);min-height:620px}.conversation-list{border-right:1px solid var(--border);padding-right:16px}.conversation-actions{padding:14px 0;border-bottom:1px solid var(--border)}.conversation-actions form{display:flex;gap:8px}.conversation-item{display:block;padding:14px 8px;border-bottom:1px solid var(--border)}.conversation-item.active{background:var(--amber-soft);border-left:2px solid var(--amber)}.conversation-item strong{display:block;font-weight:500}.conversation-item span{display:block;color:var(--muted);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:4px}.chat-panel{display:grid;grid-template-rows:auto 1fr auto;min-width:0;padding-left:24px}.chat-head{border-bottom:1px solid var(--border);padding:14px 0}.chat-head h2{font-size:16px}.chat-head span{font-size:11px;color:var(--muted)}.chat-messages{padding:14px 0;overflow:auto;max-height:540px}.chat-message{max-width:76%;padding:10px 0;border-bottom:1px solid var(--border)}.chat-message.mine{margin-left:auto}.chat-message p{margin:5px 0 0;color:#d9d7d1}.chat-compose{display:flex;gap:10px;align-items:flex-end;border-top:1px solid var(--border);padding-top:14px}.chat-compose textarea{flex:1}
.notification-list{border-top:1px solid var(--border)}.notification-row{display:flex;justify-content:space-between;gap:20px;padding:14px 0;border-bottom:1px solid var(--border);color:#d9d7d1}.notification-row time{color:var(--muted);white-space:nowrap;font-size:11px}.notification-row.unread{border-left:2px solid var(--amber);padding-left:10px;background:var(--amber-soft)}

.ai-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:42px;max-width:1040px}.ai-command-panel{border-top:1px solid var(--border);padding-top:20px}.ai-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:12px}.ai-result{margin-top:20px;border-left:2px solid var(--border-strong);padding:12px 14px;background:var(--bg-raised);color:var(--muted)}.ai-result.success{border-color:var(--green);color:#b7e8d0}.ai-result.error{border-color:var(--red);color:#f0b2be}.ai-help{border-top:1px solid var(--border);padding-top:20px}.ai-help h2{font-size:16px;margin-bottom:10px}.example-command{width:100%;background:transparent;border:0;border-bottom:1px solid var(--border);color:#d9d7d1;text-align:left;padding:10px 0}.example-command:hover{color:var(--amber)}

.search-overlay{position:fixed;inset:0;z-index:100;background:var(--overlay);padding-top:10vh}.search-dialog{width:min(680px,calc(100vw - 32px));margin:auto;background:var(--bg-raised);border:1px solid var(--border-strong);border-radius:8px;box-shadow:0 16px 48px rgba(0,0,0,.28);padding:16px}.search-dialog-head{display:flex;gap:8px}.search-dialog-head input{font-size:16px}.search-results{margin-top:12px;border-top:1px solid var(--border)}.search-result{display:grid;grid-template-columns:72px 1fr auto;gap:12px;align-items:center;padding:11px 2px;border-bottom:1px solid var(--border)}.search-result>span:first-child{font-family:var(--mono);font-size:10px;color:var(--muted)}.search-result strong{font-weight:500}.search-result small{color:var(--muted)}

.login-body{min-height:100vh;background:var(--bg-base)}.login-brand{position:fixed;top:28px;left:32px;display:flex;align-items:center;gap:10px}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:80px 20px 30px}.login-panel{width:min(420px,100%);border-top:2px solid var(--amber);padding-top:28px}.login-panel h1{font-size:32px}.login-panel>p{margin-bottom:24px}.demo-logins{border-top:1px solid var(--border);margin-top:26px;padding-top:16px}.demo-logins>strong{font-weight:500;display:block;margin-bottom:10px}.demo-logins>div{display:grid;grid-template-columns:80px 1fr;gap:12px;padding:5px 0;color:var(--muted);font-size:11px}.demo-logins code{font-family:var(--mono);color:#bbb9b2}.error-body{min-height:100vh;display:grid;place-items:center;background:var(--bg-base);padding:24px}.error-panel{width:min(520px,100%);border-top:1px solid var(--border);padding-top:22px}.error-panel h1{margin-top:30px}.settings-panel{max-width:520px}

@media(max-width:1100px){.app-shell{grid-template-columns:210px minmax(0,1fr)}.main-workspace,.topbar{padding-left:24px;padding-right:24px}.task-layout{grid-template-columns:minmax(0,1fr) 250px;gap:30px}.two-column-workspace{grid-template-columns:1fr}.board{grid-template-columns:repeat(5,260px)}}
@media(max-width:820px){.app-shell{display:block}.sidebar{position:fixed;left:-250px;top:0;width:240px;z-index:80;transition:left var(--standard);box-shadow:0 16px 48px rgba(0,0,0,.28)}.sidebar.open{left:0}.mobile-menu{display:inline-flex;align-items:center}.topbar{padding:0 16px}.global-search{width:auto;flex:1}.global-search span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.main-workspace{padding:24px 16px}.task-layout,.ai-layout,.messages-layout{grid-template-columns:1fr}.task-side{order:-1}.messages-layout{min-height:0}.conversation-list{border-right:0;padding-right:0;margin-bottom:20px}.chat-panel{padding-left:0}.task-properties,.project-summary{grid-template-columns:repeat(2,1fr)}.metrics-line{overflow-x:auto}.metric{min-width:140px}.calendar-day{grid-template-columns:1fr;gap:10px}.form-grid-2{grid-template-columns:1fr}.page-head{gap:12px}}
@media(max-width:560px){h1{font-size:27px}.top-actions .top-link{font-size:0}.top-actions .top-link .count{font-size:10px}.top-actions{gap:8px}.global-search kbd{display:none}.task-properties,.project-summary{grid-template-columns:1fr}.task-properties>div,.project-summary>div{border-bottom:1px solid var(--border)}.comment-form,.chat-compose{display:block}.comment-form .button,.chat-compose .button{margin-top:8px}.workload-row{grid-template-columns:1fr 80px 80px}.login-brand{left:20px;top:20px}.main-workspace{padding-top:22px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

.brand-mark-img{width:34px;height:34px;object-fit:cover;border-radius:6px;border:1px solid var(--border-strong);display:block;background:var(--bg-raised)}.login-wordmark{display:block;width:min(100%,420px);margin:0 0 24px;border:1px solid var(--border);border-radius:8px}.sidebar .brand-copy strong,.login-brand .brand-copy strong{letter-spacing:.02em}.avatar.has-image{padding:0;overflow:hidden}.avatar img{display:block;width:100%;height:100%;object-fit:cover}.theme-toggle{position:fixed;right:20px;bottom:20px;z-index:120;border:1px solid var(--border-strong);background:var(--bg-raised);color:var(--ink);border-radius:8px;min-height:40px;padding:0 14px;font-weight:600;box-shadow:0 16px 48px rgba(0,0,0,.18)}.theme-toggle:hover{border-color:var(--amber);color:var(--ink-strong)}.theme-toggle-label{display:inline-block}input[type="file"]{padding:10px 12px;background:var(--bg-raised);border:1px solid var(--border);border-radius:4px;color:var(--muted)}input[type="file"]::file-selector-button{margin-right:12px;border:1px solid var(--border-strong);background:var(--bg-base);color:var(--ink);border-radius:4px;padding:8px 12px;font-weight:500;cursor:pointer}input[type="file"]::file-selector-button:hover{border-color:var(--amber);color:var(--amber)}html[data-theme="light"] .login-wordmark{background:#0B0F1A}html[data-theme="light"] .search-dialog,html[data-theme="light"] .sidebar{box-shadow:none}@media(max-width:560px){.theme-toggle{right:12px;bottom:12px;min-height:36px;padding:0 12px}.login-wordmark{margin-bottom:20px}}

/* Final agency OS additions */
.sidebar{overflow-y:auto}.sidebar-user{background:var(--bg-base);padding-bottom:2px}.pipeline-strip{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-bottom:28px}.pipeline-strip>div{padding:14px 12px;border-right:1px solid var(--border)}.pipeline-strip>div:last-child{border-right:0}.pipeline-strip strong{display:block;font-size:21px;color:var(--ink-strong)}.pipeline-strip span{display:block;margin-top:5px;color:var(--muted);font-size:11px;text-transform:capitalize}.inline-form{display:flex;align-items:center;gap:8px}.inline-form input,.inline-form select{min-width:0}.inbox-list{border-top:1px solid var(--border)}.inbox-row{display:grid;grid-template-columns:110px minmax(0,1fr) auto;gap:18px;align-items:center;padding:14px 0;border-bottom:1px solid var(--border)}.inbox-row:hover{background:var(--bg-raised)}.inbox-type{font-family:var(--mono);font-size:10px;color:var(--muted);text-transform:uppercase}.inbox-row strong{display:block;font-weight:500}.inbox-row div span{display:block;color:var(--muted);font-size:12px;margin-top:3px}.inbox-row time{font-size:11px;color:var(--muted)}.active-timer{display:flex;align-items:center;justify-content:space-between;gap:20px;border-left:2px solid var(--amber);background:var(--bg-raised);padding:16px 18px}.active-timer span,.active-timer small{display:block;color:var(--muted);font-size:11px}.active-timer strong{display:block;margin:4px 0;font-weight:500}.knowledge-grid{border-top:1px solid var(--border)}.knowledge-row{display:grid;grid-template-columns:150px minmax(0,1fr) auto;gap:18px;align-items:center;border-bottom:1px solid var(--border);padding:15px 0}.knowledge-row>span,.knowledge-row small{color:var(--muted);font-size:11px}.knowledge-row strong{font-weight:500}.prose-panel{max-width:820px;border-top:1px solid var(--border);padding-top:24px}.prose-panel p{color:#d9d7d1;line-height:1.75}.compact-people{display:flex;flex-wrap:wrap;gap:8px}.compact-people span{border:1px solid var(--border);border-radius:4px;padding:5px 8px;color:var(--muted);font-size:12px}.profile-layout{display:grid;grid-template-columns:260px minmax(0,560px);gap:48px}.profile-preview{border-top:1px solid var(--border);padding-top:20px}.profile-preview strong,.profile-preview span{display:block;margin-top:8px}.profile-preview span{color:var(--muted);text-transform:capitalize}.avatar-xl{width:96px;height:96px;font-size:24px}.avatar-cropper{margin-top:16px;border-top:1px solid var(--border);padding-top:16px}.avatar-cropper canvas{display:block;width:320px;max-width:100%;aspect-ratio:1;border:1px solid var(--border);background:var(--bg-base);margin-bottom:14px}.avatar-cropper label{margin-top:10px}.avatar-cropper input[type=range]{width:100%}.status-chip{display:inline-flex;align-items:center;min-height:25px;padding:0 8px;border:1px solid var(--border);border-radius:4px;font-size:11px;color:var(--muted)}.status-chip.positive{border-color:rgba(79,209,143,.35);color:var(--green)}.status-chip.critical{border-color:rgba(232,96,122,.35);color:var(--red)}.milestone-list{border-top:1px solid var(--border)}.milestone-row{display:grid;grid-template-columns:20px minmax(0,1fr) 120px;gap:12px;align-items:center;padding:11px 0;border-bottom:1px solid var(--border)}.dependency-list{display:flex;flex-direction:column;gap:6px}.dependency-list a{color:var(--muted);font-size:12px}.dependency-list a:hover{color:var(--amber)}.voice-agent-panel{margin-top:28px;border-top:1px solid var(--border);padding-top:22px}.voice-agent-mount{min-height:120px}.integration-status{display:flex;gap:12px;align-items:center;color:var(--muted);font-size:12px}.code-note{font-family:var(--mono);font-size:11px;color:var(--muted);background:var(--bg-base);border:1px solid var(--border);padding:10px 12px;border-radius:4px;overflow:auto}.muted{color:var(--muted)}
@media(max-width:1050px){.pipeline-strip{grid-template-columns:repeat(4,1fr)}.pipeline-strip>div:nth-child(4){border-right:0}.profile-layout{grid-template-columns:1fr}.knowledge-row{grid-template-columns:120px 1fr}.knowledge-row small{grid-column:2}}
@media(max-width:700px){.pipeline-strip{grid-template-columns:repeat(2,1fr)}.pipeline-strip>div:nth-child(even){border-right:0}.inbox-row{grid-template-columns:82px 1fr}.inbox-row time{grid-column:2}.knowledge-row{grid-template-columns:1fr;gap:4px}.knowledge-row small{grid-column:auto}.inline-form{flex-wrap:wrap}.profile-layout{gap:28px}}
html[data-theme="light"] .prose-panel p{color:#273247}

/* Final login composition */
.login-split-wrap{display:grid;grid-template-columns:minmax(420px,1.05fr) minmax(380px,.95fr);gap:64px;align-items:center;width:min(1240px,calc(100vw - 96px));margin:0 auto;padding:96px 0 56px;place-items:unset}
.login-visual{display:flex;align-items:center;justify-content:center;min-width:0}
.login-visual img{display:block;width:100%;max-height:640px;object-fit:cover;border:1px solid var(--border-strong);border-radius:8px;box-shadow:0 14px 34px rgba(0,0,0,.20)}
.login-panel-final{width:min(460px,100%);justify-self:end}
.login-panel-brand{display:flex;align-items:center;gap:12px;margin-bottom:28px;padding-bottom:18px;border-bottom:1px solid var(--border)}
.login-panel-brand img{width:40px;height:40px;display:block;border-radius:6px;border:1px solid var(--border-strong)}
.login-panel-brand strong,.login-panel-brand span{display:block}.login-panel-brand strong{font-family:var(--display);font-size:15px;color:var(--ink-strong)}.login-panel-brand span{font-size:11px;color:var(--muted);margin-top:2px}
html[data-theme="light"] .login-visual img{box-shadow:0 14px 30px rgba(11,15,26,.13)}
@media(max-width:940px){.login-split-wrap{grid-template-columns:1fr;width:min(560px,calc(100vw - 40px));gap:32px;padding-top:104px}.login-panel-final{justify-self:stretch;width:100%}.login-visual{order:2}.login-visual img{max-height:340px}}
@media(max-width:620px){.login-split-wrap{width:calc(100vw - 32px);padding-top:88px}.login-visual{display:none}.login-panel-final{border-top:2px solid var(--amber)}}

/* SALZIO file upload treatment */
.file-control{display:block}
input[type="file"]{width:100%;min-height:44px;padding:5px 8px;background:var(--bg-raised);border:1px solid var(--border);border-radius:4px;color:var(--muted)}
input[type="file"]::file-selector-button{height:32px;margin-right:12px;padding:0 12px;border:1px solid var(--border-strong);background:var(--bg-base);color:var(--ink);border-radius:4px;font-weight:600;cursor:pointer;transition:border-color var(--fast),color var(--fast),background var(--fast)}
input[type="file"]::file-selector-button:hover{border-color:var(--amber);color:var(--amber);background:var(--amber-soft)}


/* ===== Refined light mode visibility ===== */
html[data-theme="light"]{
  --bg-base:#F5F1E8;
  --bg-raised:#FFFFFF;
  --bg-subtle:#FAF7F1;
  --ink:#1C2636;
  --ink-strong:#0D1421;
  --muted:#536076;
  --muted-soft:#6B7487;
  --border:#D8D1C4;
  --border-strong:#BEB7AA;
  --green:#1E8F57;
  --red:#BB4A5F;
  --overlay:rgba(11,15,26,.32);
}
html[data-theme="light"] .app-area,
html[data-theme="light"] .topbar,
html[data-theme="light"] .main-workspace{background:var(--bg-subtle)}
html[data-theme="light"] .sidebar{background:#FCFAF6}
html[data-theme="light"] .data-table td,
html[data-theme="light"] .activity-row>div,
html[data-theme="light"] .inbox-row strong,
html[data-theme="light"] .knowledge-row strong,
html[data-theme="light"] .prose-panel p,
html[data-theme="light"] .demo-logins code,
html[data-theme="light"] label,
html[data-theme="light"] .workload-row,
html[data-theme="light"] .task-card strong,
html[data-theme="light"] .status-chip,
html[data-theme="light"] .sidebar-user-copy strong{color:var(--ink)}
html[data-theme="light"] .data-table th,
html[data-theme="light"] .metric span,
html[data-theme="light"] .activity-row time,
html[data-theme="light"] .top-link,
html[data-theme="light"] .sidebar-user-copy span,
html[data-theme="light"] .demo-logins>div,
html[data-theme="light"] .task-card>span,
html[data-theme="light"] .task-card-meta,
html[data-theme="light"] .project-summary span,
html[data-theme="light"] .task-properties span,
html[data-theme="light"] p,
html[data-theme="light"] .muted{color:var(--muted)}
html[data-theme="light"] .text-positive,
html[data-theme="light"] .status-completed,
html[data-theme="light"] .status-chip.positive{color:var(--green)!important}
html[data-theme="light"] .alert.success{color:#15633D}
html[data-theme="light"] .alert.error{color:#8B2439}
html[data-theme="light"] .empty-cell,
html[data-theme="light"] .empty-inline{color:var(--muted)}
.data-table td{color:var(--ink)}
.activity-row>div{color:var(--ink)}
.demo-logins code{color:var(--ink)}
label{color:var(--ink)}
.prose-panel p{color:var(--ink)}

/* ===== Topbar actions ===== */
.top-actions{margin-left:auto;display:flex;align-items:center;gap:12px}
.top-link-icon{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:13px;padding:0 2px}
.top-link-icon:hover{color:var(--ink)}
.bell-glyph,.theme-toggle-glyph{font-size:18px;line-height:1;display:inline-block}
.theme-toggle-inline{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid var(--border);border-radius:4px;background:var(--bg-raised);color:var(--muted);transition:border-color var(--fast),color var(--fast),background var(--fast)}
.theme-toggle-inline:hover{border-color:var(--amber);color:var(--ink)}
html[data-theme="light"] .theme-toggle-inline{background:#fff}
html[data-theme="light"] .top-link-icon{color:var(--ink)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* ===== Login page refinement ===== */
.login-split-wrap-ceo{grid-template-columns:minmax(440px,1fr) minmax(430px,.92fr);gap:76px;align-items:center}
.login-visual-ceo{justify-content:flex-start}
.login-ceo-frame{position:relative;display:flex;align-items:flex-end;justify-content:center;width:min(100%,560px);min-height:760px;padding:12px 10px 0;background:linear-gradient(180deg, rgba(232,163,61,.03) 0%, rgba(232,163,61,.00) 32%), transparent}
.login-ceo-frame:before{content:"";position:absolute;left:56px;right:56px;bottom:34px;height:28px;background:rgba(0,0,0,.28);filter:blur(20px);border-radius:999px;z-index:0}
.login-ceo-frame img{position:relative;z-index:1;display:block;width:min(100%,540px);max-height:740px;height:auto;object-fit:contain;filter:drop-shadow(0 18px 30px rgba(5,8,14,.34))}
.login-panel-refined{justify-self:end;width:min(500px,100%);padding-top:24px}
.login-panel-refined .login-wordmark{width:min(100%,470px);margin:0 0 28px;box-shadow:0 16px 32px rgba(5,8,14,.18)}
html[data-theme="light"] .login-panel-refined .login-wordmark{box-shadow:0 16px 32px rgba(11,15,26,.12)}
html[data-theme="light"] .login-ceo-frame img{filter:drop-shadow(0 18px 24px rgba(11,15,26,.16))}

/* Login page floating toggle only */
body.login-body .theme-toggle{position:fixed;right:20px;bottom:20px;z-index:120;border:1px solid var(--border-strong);background:var(--bg-raised);color:var(--ink);border-radius:8px;min-height:40px;padding:0 14px;font-weight:600;display:inline-flex;align-items:center;gap:10px;box-shadow:0 16px 48px rgba(0,0,0,.18)}
body.login-body .theme-toggle:hover{border-color:var(--amber);color:var(--ink-strong)}
.theme-toggle-icon{font-size:16px;line-height:1}
body:not(.login-body) .theme-toggle{display:none}

@media(max-width:940px){
  .login-split-wrap-ceo{grid-template-columns:1fr;width:min(620px,calc(100vw - 40px));gap:28px;padding-top:104px}
  .login-visual-ceo{order:2;justify-content:center}
  .login-ceo-frame{min-height:0;padding:0;background:none}
  .login-ceo-frame:before{display:none}
  .login-ceo-frame img{width:min(100%,360px)}
  .login-panel-refined{justify-self:stretch;width:100%}
}
@media(max-width:620px){
  .login-split-wrap-ceo{width:calc(100vw - 32px);padding-top:88px}
  .login-visual-ceo{display:none}
}
@media(max-width:560px){
  .top-link-text{display:none}
  .top-actions{gap:8px}
  body.login-body .theme-toggle{right:12px;bottom:12px;min-height:36px;padding:0 12px}
}

.top-icon{width:18px;height:18px;display:block;flex:0 0 18px}.bell-icon{transform:translateY(.5px)}


/* ===== Login experience final refinement ===== */
.login-body{position:relative;min-height:100vh;overflow:hidden;background:#06112B}
.liquid-displacement-root{position:fixed;inset:0;z-index:0;pointer-events:none}
.liquid-displacement-canvas{display:block;width:100%;height:100%;pointer-events:none}
.login-header-bar{position:fixed;top:22px;left:30px;right:30px;z-index:20;display:flex;align-items:center;justify-content:space-between}
.login-header-bar .login-brand{position:static}
.login-theme-toggle{width:38px;height:38px;padding:0;display:inline-flex;align-items:center;justify-content:center;background:var(--bg-raised);border:1px solid var(--border);color:var(--muted);border-radius:4px;box-shadow:none}
.login-theme-toggle:hover{border-color:var(--amber);color:var(--ink)}
html[data-theme="light"] .login-theme-toggle{background:#fff;color:#253149}
.login-stage-main{position:relative;z-index:5;min-height:100vh;width:min(1110px,calc(100vw - 72px));margin:0 auto;padding:96px 0 40px;display:grid;grid-template-columns:minmax(430px,.94fr) minmax(420px,.90fr);gap:20px;align-items:center;place-items:unset}
.login-visual-ceo{position:relative;display:flex;align-items:flex-end;justify-content:flex-end;min-width:0;min-height:690px}
.login-ceo-image{display:block;width:min(100%,485px);height:auto;max-height:690px;object-fit:contain;filter:drop-shadow(0 25px 34px rgba(1,5,16,.45));user-select:none;-webkit-user-drag:none}
.login-panel-refined{justify-self:start;width:min(480px,100%);border-top:2px solid var(--amber);padding-top:22px}
.login-panel-refined .login-wordmark{display:block;width:min(100%,505px);max-width:none;margin:0 0 24px;border:0;border-radius:7px;box-shadow:0 16px 30px rgba(1,5,16,.20)}
.login-panel-refined h1{font-size:34px;line-height:1.08;margin-bottom:9px}
.login-panel-refined>p{margin-bottom:24px;color:#98A4BE}
.login-panel-refined .form-stack{gap:16px}
.login-panel-refined .demo-logins{margin-top:24px}
html[data-theme="light"] .login-panel-refined>p{color:#536078}
html[data-theme="light"] .login-ceo-image{filter:drop-shadow(0 21px 28px rgba(20,31,52,.18))}
html[data-theme="light"] .login-panel-refined .login-wordmark{box-shadow:0 15px 28px rgba(20,31,52,.10)}

.login-marketplace-decor{position:fixed;inset:0;z-index:2;pointer-events:none;overflow:hidden}
.decor-market{position:absolute;will-change:transform,filter;user-select:none}
.decor-market img{display:block;width:100%;height:100%;object-fit:contain}
.decor-amazon{left:-38px;bottom:-43px;width:150px;height:150px;border-radius:999px;overflow:hidden;background:#fff;transform:rotate(-12deg);opacity:.64;filter:blur(1.6px);box-shadow:0 18px 36px rgba(0,0,0,.35);z-index:2}
.decor-amazon img{object-fit:cover}
.decor-walmart{left:42px;bottom:-28px;width:126px;height:126px;transform:rotate(9deg);opacity:.27;filter:blur(5.5px);z-index:1}
.decor-tiktok{right:-25px;bottom:-22px;width:150px;height:150px;transform:rotate(10deg);opacity:.24;filter:blur(6px)}
html[data-theme="light"] .decor-amazon{opacity:.48;box-shadow:0 16px 32px rgba(16,25,44,.15)}
html[data-theme="light"] .decor-walmart{opacity:.22}
html[data-theme="light"] .decor-tiktok{opacity:.20}

@media(max-width:1080px){
  .login-stage-main{width:min(980px,calc(100vw - 52px));grid-template-columns:minmax(390px,.94fr) minmax(390px,.92fr);gap:14px}
  .login-ceo-image{width:min(100%,430px);max-height:650px}
  .login-visual-ceo{min-height:650px}
  .login-panel-refined{width:min(450px,100%)}
}
@media(max-width:850px){
  .login-header-bar{top:18px;left:20px;right:20px}
  .login-stage-main{width:min(600px,calc(100vw - 36px));grid-template-columns:1fr;gap:20px;padding-top:96px}
  .login-panel-refined{order:1;justify-self:stretch;width:100%}
  .login-visual-ceo{order:2;min-height:0;justify-content:center}
  .login-ceo-image{width:min(100%,330px);max-height:none}
  .decor-amazon{width:112px;height:112px;left:-30px;bottom:-28px}
  .decor-walmart{width:98px;height:98px;left:30px;bottom:-20px}
  .decor-tiktok{width:112px;height:112px;right:-22px;bottom:-18px}
}
@media(max-width:620px){
  .login-stage-main{width:calc(100vw - 30px);padding-top:84px}
  .login-visual-ceo{display:none}
  .login-panel-refined .login-wordmark{width:100%}
  .decor-amazon{width:90px;height:90px;opacity:.42}
  .decor-walmart{width:74px;height:74px}
  .decor-tiktok{width:88px;height:88px}
}
@media(prefers-reduced-motion:reduce){.liquid-displacement-root{display:none}}


/* ===== Login polish v6 ===== */
.login-visual-ceo{overflow:visible}
.login-ceo-image{width:min(100%,500px);transform:translateY(-125px);-webkit-mask-image:linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 84%, rgba(0,0,0,.92) 89%, rgba(0,0,0,.55) 95%, rgba(0,0,0,0) 100%);mask-image:linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 84%, rgba(0,0,0,.92) 89%, rgba(0,0,0,.55) 95%, rgba(0,0,0,0) 100%)}
.decor-walmart{left:54px;bottom:-20px;width:138px;height:138px;transform:rotate(8deg);opacity:.40;filter:blur(3.2px);z-index:1}
.decor-amazon{left:-34px;bottom:-46px;opacity:.68;filter:blur(1.2px)}
.login-panel-refined{padding-top:20px}
.login-panel-refined .login-wordmark{margin:0 0 22px}
html[data-theme="light"] .login-body{background:#F6F2EA}
html[data-theme="light"] .login-header-bar .brand-copy strong,
html[data-theme="light"] .login-panel-refined h1,
html[data-theme="light"] .login-panel-refined .demo-logins strong,
html[data-theme="light"] .login-panel-refined label,
html[data-theme="light"] .login-panel-refined code,
html[data-theme="light"] .login-panel-refined span{color:#132033}
html[data-theme="light"] .login-header-bar .brand-copy span,
html[data-theme="light"] .login-panel-refined>p,
html[data-theme="light"] .login-panel-refined .demo-logins div{color:#58657C}
html[data-theme="light"] .login-panel-refined input{background:#FFFFFF;color:#132033;border-color:#CFC8BC}
html[data-theme="light"] .login-panel-refined input::placeholder{color:#7C8698}
html[data-theme="light"] .login-panel-refined .button.primary{box-shadow:0 10px 24px rgba(232,163,61,.18)}
html[data-theme="light"] .login-panel-refined .demo-logins{border-top:1px solid #D8D1C4}
html[data-theme="light"] .decor-amazon{opacity:.60;box-shadow:0 14px 28px rgba(16,25,44,.16)}
html[data-theme="light"] .decor-walmart{opacity:.34;filter:blur(2.4px)}
html[data-theme="light"] .decor-tiktok{opacity:.26;filter:blur(4.2px)}
html[data-theme="light"] .login-ceo-image{filter:drop-shadow(0 18px 24px rgba(20,31,52,.16));transform:translateY(-125px)}
@media(max-width:1080px){.login-ceo-image{width:min(100%,446px);transform:translateY(-82px)}.decor-walmart{left:42px;bottom:-14px;width:126px;height:126px}}
@media(max-width:850px){.login-ceo-image{transform:none;-webkit-mask-image:none;mask-image:none}.decor-walmart{width:104px;height:104px;left:24px;bottom:-16px;filter:blur(2.6px);opacity:.34}}


/* ===== Full portal mobile responsiveness v8 ===== */
html,body{max-width:100%;overflow-x:hidden}
img,svg,video,canvas{max-width:100%}
.sidebar-backdrop{display:none}
.sidebar-close{display:none}

@media(max-width:820px){
  body.sidebar-open{overflow:hidden}
  .app-shell{display:block;min-height:100dvh}
  .app-area{min-height:100dvh;width:100%}
  .sidebar{position:fixed;left:0;top:0;bottom:0;width:min(86vw,320px);height:100dvh;z-index:90;transform:translateX(-105%);transition:transform var(--standard);box-shadow:0 20px 60px rgba(0,0,0,.36);padding:18px 14px max(18px,env(safe-area-inset-bottom));overscroll-behavior:contain}
  .sidebar.open{transform:translateX(0)}
  .sidebar-backdrop{display:block;position:fixed;inset:0;z-index:85;background:rgba(4,8,16,.58);opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--standard),visibility var(--standard);backdrop-filter:blur(2px)}
  .sidebar-backdrop.open{opacity:1;visibility:visible;pointer-events:auto}
  .sidebar .brand-row{padding-right:46px}
  .sidebar-close{display:grid;place-items:center;position:absolute;top:16px;right:14px;width:36px;height:36px;border:1px solid var(--border);border-radius:4px;background:var(--bg-raised);color:var(--ink);font-size:20px;line-height:1}
  .nav{margin-top:22px}
  .nav-item{min-height:44px;padding:10px 11px}
  .sidebar-section-label{margin-top:20px}
  .sidebar-user{margin-top:24px}

  .topbar{height:58px;padding:0 12px;gap:9px;position:sticky;top:0}
  .mobile-menu{display:inline-grid;place-items:center;min-width:40px;width:40px;height:40px;padding:0;font-size:0}
  .mobile-menu:before{content:'☰';font-size:18px;line-height:1}
  .global-search{height:40px;min-width:0;width:auto;flex:1;padding:0 10px}
  .global-search span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}
  .global-search kbd{display:none}
  .top-actions{gap:7px;flex:0 0 auto}
  .theme-toggle-inline,.top-link-icon{width:40px;height:40px;display:inline-grid;place-items:center;padding:0;border:1px solid var(--border);border-radius:4px;background:var(--bg-raised)}
  .top-link-icon{position:relative}
  .top-link-text{display:none}
  .top-link-icon .count{position:absolute;top:-5px;right:-5px;margin:0;min-width:17px;height:17px;font-size:9px}
  .top-actions>.button.primary.compact{height:40px;min-height:40px;padding:0 11px;font-size:12px;white-space:nowrap}

  .main-workspace{width:100%;max-width:none;padding:22px 16px 34px;margin:0}
  .page-head{flex-direction:column;align-items:stretch;gap:14px;margin-bottom:22px}
  .page-head>div:last-child:not(:first-child){width:100%}
  .page-head .button{max-width:100%}
  h1{font-size:28px}
  h2{font-size:17px}

  .two-column-workspace,.task-layout,.ai-layout,.messages-layout,.profile-layout{grid-template-columns:minmax(0,1fr)!important;gap:24px}
  .task-side{order:0}
  .task-properties,.project-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
  .task-properties>div,.project-summary>div{padding:12px 10px 12px 0}
  .form-grid-2{grid-template-columns:1fr}
  .form-panel,.wide-form,.settings-panel{width:100%;max-width:none}
  .form-actions{flex-wrap:wrap}
  .form-actions .button{flex:1 1 140px;justify-content:center}
  input,select,textarea,.button{font-size:16px}
  input,select{min-height:44px}
  textarea{min-height:100px}

  .table-wrap{width:calc(100vw - 32px);max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;border-bottom:1px solid var(--border)}
  .data-table{min-width:680px}
  .data-table th,.data-table td{padding-left:8px;padding-right:14px}

  .board{grid-template-columns:repeat(5,minmax(250px,250px));gap:10px;overflow-x:auto;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;padding-bottom:16px}
  .board-lane{min-width:250px;scroll-snap-align:start}

  .metrics-line{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;margin-bottom:28px}
  .metric{min-width:0;margin:0;padding:15px 12px 15px 0}
  .metric strong{font-size:24px}

  .messages-layout{min-height:0;border-top:0}
  .conversation-list{border-right:0;padding-right:0;margin-bottom:8px;max-height:260px;overflow:auto;border-top:1px solid var(--border)}
  .chat-panel{padding-left:0;min-height:420px}
  .chat-messages{max-height:52vh}
  .chat-message{max-width:88%}
  .conversation-actions form{flex-wrap:wrap}
  .conversation-actions input,.conversation-actions select{flex:1 1 150px}

  .calendar-day{grid-template-columns:1fr;gap:10px}
  .calendar-task{align-items:flex-start;flex-direction:column;gap:8px;padding:10px 0}
  .calendar-task>div:last-child{width:100%;justify-content:space-between;gap:10px}

  .pipeline-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pipeline-strip>div{border-bottom:1px solid var(--border)}
  .pipeline-strip>div:nth-child(even){border-right:0}
  .inbox-row{grid-template-columns:90px minmax(0,1fr);gap:10px 14px}
  .inbox-row time{grid-column:2}
  .knowledge-row{grid-template-columns:110px minmax(0,1fr);gap:10px 14px}
  .knowledge-row small{grid-column:2}
  .active-timer{align-items:flex-start;flex-direction:column}
  .active-timer .button{width:100%}
  .milestone-row{grid-template-columns:20px minmax(0,1fr) 90px}
  .notification-row{align-items:flex-start}

  .filters{align-items:stretch}
  .filters input,.filters select,.filters .filter-search{flex:1 1 160px;width:auto;min-width:0}
  .view-switch{flex:0 0 auto}
  .inline-form{flex-wrap:wrap;align-items:stretch}
  .inline-form>*{flex:1 1 150px}
  .inline-add{flex-wrap:wrap}
  .inline-add input{flex:1 1 180px}

  .search-overlay{padding:70px 12px 12px}
  .search-dialog{width:100%;max-height:calc(100dvh - 90px);overflow:auto}
  .search-result{grid-template-columns:58px minmax(0,1fr);gap:8px}
  .search-result small{grid-column:2}

  .comment-form,.chat-compose{flex-direction:column;align-items:stretch}
  .comment-form .button,.chat-compose .button{width:100%;margin-top:0}
  .file-list a{grid-template-columns:72px minmax(0,1fr)}
  .system-activity{padding-left:12px;padding-right:12px}

  .profile-layout{gap:24px}
  .profile-preview{display:grid;grid-template-columns:96px minmax(0,1fr);column-gap:16px;align-items:center}
  .profile-preview .avatar-xl{grid-row:1/4}
  .avatar-cropper canvas{width:min(100%,320px)}
}

@media(max-width:560px){
  .main-workspace{padding:18px 12px 28px}
  .topbar{padding:0 8px;gap:6px}
  .global-search{min-width:96px;padding:0 8px}
  .global-search span{font-size:11px}
  .top-actions>.button.primary.compact{font-size:0;width:40px;padding:0;position:relative}
  .top-actions>.button.primary.compact:before{content:'+';font-size:22px;line-height:1}
  h1{font-size:25px}
  .page-head{margin-bottom:18px}
  .section-block{margin-top:26px}
  .section-head{align-items:flex-start;flex-wrap:wrap}

  .task-properties,.project-summary{grid-template-columns:1fr}
  .task-properties>div,.project-summary>div{border-bottom:1px solid var(--border);padding:11px 0}
  .metrics-line{grid-template-columns:repeat(2,minmax(0,1fr));gap:0}
  .metric{padding-right:8px}
  .metric strong{font-size:22px}
  .metric span{font-size:11px}

  .table-wrap{width:calc(100vw - 24px)}
  .data-table{min-width:620px}
  .board{grid-template-columns:repeat(5,82vw);gap:9px}
  .board-lane{min-width:82vw}

  .pipeline-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pipeline-strip>div{padding:12px 8px}
  .pipeline-strip strong{font-size:18px}
  .inbox-row{grid-template-columns:1fr}
  .inbox-row time{grid-column:auto}
  .knowledge-row{grid-template-columns:1fr;gap:4px}
  .knowledge-row small{grid-column:auto}
  .milestone-row{grid-template-columns:20px minmax(0,1fr)}
  .milestone-row>*:last-child{grid-column:2}

  .notification-row{flex-direction:column;gap:5px}
  .calendar-task>div:last-child{flex-wrap:wrap;justify-content:flex-start}
  .workload-row{grid-template-columns:minmax(0,1fr) 62px 62px;gap:8px;font-size:12px}
  .chat-message{max-width:94%}
  .search-dialog-head{flex-direction:column}
  .search-dialog-head .button{width:100%}
  .search-result{grid-template-columns:1fr}
  .search-result>span:first-child,.search-result small{grid-column:auto}

  .profile-preview{grid-template-columns:72px minmax(0,1fr)}
  .avatar-xl{width:72px;height:72px;font-size:18px}
}

@media(max-width:390px){
  .topbar{gap:5px}
  .mobile-menu,.theme-toggle-inline,.top-link-icon,.top-actions>.button.primary.compact{width:38px;height:38px;min-width:38px}
  .global-search{height:38px}
  .main-workspace{padding-left:10px;padding-right:10px}
  .table-wrap{width:calc(100vw - 20px)}
  .metrics-line{grid-template-columns:1fr 1fr}
}

/* ===== SALZIO AI conversational workspace ===== */
.ai-chat-shell{width:min(1120px,100%);margin:0 auto;min-height:calc(100vh - 128px);display:flex;flex-direction:column}
.ai-chat-header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:4px 0 18px;border-bottom:1px solid var(--border)}
.ai-chat-title{display:flex;align-items:center;gap:13px;min-width:0}
.ai-chat-mark{width:36px;height:36px;border:1px solid var(--border-strong);background:var(--bg-raised);border-radius:7px;display:grid;place-items:center;color:var(--amber);font-family:var(--display);font-weight:700;font-size:13px;flex:0 0 auto}
.ai-chat-title h1{font-size:20px;margin:0 0 2px}.ai-chat-title p{font-size:12px;margin:0;color:var(--muted)}
.ai-chat-header-actions{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:12px;white-space:nowrap}
.ai-status-dot{width:7px;height:7px;border-radius:50%;background:var(--muted-soft);box-shadow:0 0 0 3px rgba(105,113,133,.10)}
.ai-status-dot.online{background:var(--green);box-shadow:0 0 0 3px var(--green-soft)}
.ai-chat-surface{position:relative;flex:1;min-height:600px;display:flex;flex-direction:column}
.ai-chat-scroll{flex:1;min-height:0;overflow-y:auto;scrollbar-width:thin;padding:28px 0 190px}
.ai-chat-empty{width:min(780px,100%);margin:64px auto 0;text-align:center;padding:0 20px}
.ai-empty-mark{width:54px;height:54px;margin:0 auto 18px;border:1px solid var(--border-strong);border-radius:12px;background:var(--bg-raised);display:grid;place-items:center;font-family:var(--display);font-size:25px;font-weight:700;color:var(--amber)}
.ai-chat-empty h2{font-size:28px;margin-bottom:8px}.ai-chat-empty>p{width:min(610px,100%);margin:0 auto;color:var(--muted)}
.ai-starter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:30px;text-align:left}
.ai-starter{border:1px solid var(--border);background:var(--bg-raised);border-radius:8px;padding:14px 15px;min-height:90px;color:var(--ink);text-align:left;transition:border-color var(--fast),background var(--fast),transform var(--fast)}
.ai-starter:hover{border-color:var(--border-strong);background:var(--bg-base);transform:translateY(-1px)}
.ai-starter span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--amber);margin-bottom:7px}.ai-starter strong{display:block;font-size:13px;line-height:1.45;font-weight:500;color:var(--ink)}
.ai-message-list{width:min(820px,100%);margin:0 auto;display:flex;flex-direction:column;gap:24px;padding:0 18px}
.ai-message-row{display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px;align-items:start}.ai-message-row.user{grid-template-columns:minmax(0,1fr) 34px}.ai-message-row.user .ai-avatar{grid-column:2}.ai-message-row.user .ai-message-content{grid-column:1;grid-row:1;justify-self:end;max-width:min(680px,88%)}
.ai-avatar{width:34px;height:34px;border-radius:7px;border:1px solid var(--border);background:var(--bg-raised);display:grid;place-items:center;font-size:10px;font-weight:700;color:var(--muted);font-family:var(--display)}
.ai-avatar.assistant{color:var(--amber)}.ai-avatar.user{font-size:9px;color:var(--ink)}
.ai-message-content{min-width:0;max-width:min(720px,100%)}
.ai-message-bubble{color:var(--ink);font-size:14px;line-height:1.65;white-space:normal}.ai-message-row.user .ai-message-bubble{background:var(--bg-raised);border:1px solid var(--border);padding:11px 14px;border-radius:10px 10px 2px 10px}.ai-message-row.assistant .ai-message-bubble{padding:5px 0}.ai-message-bubble.error{color:var(--red)}
.ai-message-link{display:inline-flex;align-items:center;gap:6px;margin-top:10px;border:1px solid var(--border);border-radius:5px;padding:6px 9px;color:var(--amber);font-size:12px}.ai-message-link:hover{border-color:var(--amber)}
.ai-typing{display:flex!important;align-items:center;gap:4px;padding-top:12px!important}.ai-typing span{width:5px;height:5px;border-radius:50%;background:var(--muted);animation:aiDot 1.1s infinite ease-in-out}.ai-typing span:nth-child(2){animation-delay:.14s}.ai-typing span:nth-child(3){animation-delay:.28s}@keyframes aiDot{0%,60%,100%{transform:translateY(0);opacity:.35}30%{transform:translateY(-4px);opacity:1}}
.ai-confirm-actions{display:flex;gap:8px;margin-top:12px}
.ai-composer-wrap{position:absolute;z-index:8;left:50%;bottom:16px;transform:translateX(-50%);width:min(820px,calc(100% - 36px));padding-top:28px;background:linear-gradient(to bottom,transparent,var(--bg-subtle) 25%,var(--bg-subtle) 100%)}
.ai-composer{display:flex;align-items:flex-end;gap:8px;border:1px solid var(--border-strong);background:var(--bg-raised);border-radius:12px;padding:9px 9px 9px 14px;box-shadow:0 12px 34px rgba(0,0,0,.18)}
.ai-composer:focus-within{border-color:var(--amber);box-shadow:0 0 0 1px var(--amber-soft),0 12px 34px rgba(0,0,0,.16)}
.ai-composer textarea{min-height:38px;max-height:160px;padding:8px 4px;background:transparent;border:0!important;outline:0!important;box-shadow:none!important;resize:none;color:var(--ink);line-height:1.45}
.ai-composer-actions{display:flex;align-items:center;gap:6px;padding-bottom:1px}.ai-icon-button,.ai-send-button{width:38px;height:38px;border-radius:8px;display:grid;place-items:center;border:1px solid var(--border);background:transparent;color:var(--muted);flex:0 0 auto}.ai-icon-button svg,.ai-send-button svg{width:18px;height:18px}.ai-icon-button:hover{color:var(--ink);border-color:var(--border-strong)}.ai-icon-button.listening{color:var(--red);border-color:rgba(232,96,122,.45);background:var(--red-soft)}
.ai-send-button{background:var(--amber);color:#0B0F1A;border-color:var(--amber)}.ai-send-button:hover{background:var(--amber-hover)}.ai-send-button:disabled{opacity:.55;cursor:wait}
.ai-composer-meta{display:flex;justify-content:space-between;gap:16px;margin-top:7px;padding:0 4px;color:var(--muted-soft);font-size:10px}.ai-voice-link{border:0;background:none;padding:0;color:var(--muted);font-size:10px}.ai-voice-link:hover{color:var(--amber)}
.ai-voice-drawer{width:min(820px,100%);margin:18px auto 0;padding:18px;border:1px solid var(--border);background:var(--bg-raised);border-radius:8px}.ai-voice-drawer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:14px}.ai-voice-drawer-head h2{font-size:15px;margin:0 0 4px}.ai-voice-drawer-head p{font-size:11px;margin:0;color:var(--muted)}
html[data-theme="light"] .ai-composer-wrap{background:linear-gradient(to bottom,transparent,var(--bg-subtle) 25%,var(--bg-subtle) 100%)}html[data-theme="light"] .ai-composer{box-shadow:0 12px 30px rgba(25,33,49,.08)}html[data-theme="light"] .ai-message-row.user .ai-message-bubble{background:#fff}
@media(max-width:820px){.ai-chat-shell{min-height:calc(100vh - 105px)}.ai-chat-header{padding-top:0}.ai-chat-surface{min-height:calc(100vh - 190px)}.ai-chat-scroll{padding-top:20px}.ai-chat-empty{margin-top:32px}.ai-starter-grid{grid-template-columns:1fr}.ai-message-list{padding:0 4px}.ai-composer-wrap{width:calc(100% - 8px);bottom:8px}.ai-chat-header-actions .ai-status-text{display:none}}
@media(max-width:560px){.ai-chat-header{align-items:flex-start}.ai-chat-title p{display:none}.ai-chat-title h1{font-size:17px}.ai-chat-mark{width:32px;height:32px}.ai-chat-header-actions{gap:6px}.ai-chat-header-actions .button{padding:0 8px;height:32px}.ai-chat-empty h2{font-size:22px}.ai-chat-empty{padding:0 4px}.ai-message-row,.ai-message-row.user{grid-template-columns:28px minmax(0,1fr);gap:8px}.ai-avatar{width:28px;height:28px}.ai-message-row.user .ai-avatar{grid-column:1}.ai-message-row.user .ai-message-content{grid-column:2;grid-row:1;max-width:92%}.ai-composer{border-radius:10px;padding-left:10px}.ai-composer-meta>span:first-child{display:none}.ai-composer-meta{justify-content:flex-end}.ai-starter{min-height:74px}.ai-voice-drawer{padding:14px}}

/* =====================================================================
   SALZIO WORKSPACE v2 — PRODUCT SHELL
   ClickUp-inspired product maturity, original SALZIO visual language.
   ===================================================================== */
html[data-theme="light"]{
  --bg-base:#FFFFFF;
  --bg-raised:#FFFFFF;
  --bg-subtle:#F6F7F9;
  --ink:#20242C;
  --ink-strong:#151922;
  --muted:#667085;
  --muted-soft:#98A2B3;
  --border:#E6E8EC;
  --border-strong:#D6DAE1;
  --amber:#4F67F6;
  --amber-hover:#4056E5;
  --amber-soft:#EEF1FF;
  --green:#159A6A;
  --green-soft:#EAF8F2;
  --red:#D84A4A;
  --red-soft:#FFF0F0;
  --overlay:rgba(15,23,42,.38);
}
html[data-theme="dark"]{
  --bg-base:#0E1117;
  --bg-raised:#151A22;
  --bg-subtle:#11161E;
  --ink:#E8EBF0;
  --ink-strong:#F8FAFC;
  --muted:#9AA4B2;
  --muted-soft:#737F90;
  --border:#262D38;
  --border-strong:#353E4C;
  --amber:#7185FF;
  --amber-hover:#8394FF;
  --amber-soft:rgba(113,133,255,.12);
  --green:#43C28A;
  --green-soft:rgba(67,194,138,.12);
  --red:#EF6B6B;
  --red-soft:rgba(239,107,107,.12);
  --overlay:rgba(0,0,0,.62);
}

.ui-icon{width:18px;height:18px;display:block;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;pointer-events:none}
.icon-button{display:inline-grid;place-items:center;width:32px;height:32px;padding:0;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--muted);transition:background var(--fast),color var(--fast),border-color var(--fast)}
.icon-button:hover{background:rgba(15,23,42,.055);color:var(--ink)}
html[data-theme="dark"] .icon-button:hover{background:rgba(255,255,255,.07)}

.app-shell-v2{min-height:100vh;display:grid;grid-template-columns:60px 252px minmax(0,1fr);background:var(--bg-base)}

/* Global product rail */
.product-rail{position:sticky;top:0;height:100vh;z-index:45;display:flex;flex-direction:column;align-items:center;background:#0B0D12;border-right:1px solid rgba(255,255,255,.07);padding:10px 0 12px;color:#A8B0BE}
.rail-brand{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;margin:0 0 12px;background:#151820;border:1px solid rgba(255,255,255,.08)}
.rail-brand img{width:27px;height:27px;object-fit:contain}
.rail-nav{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%;padding-top:4px}
.rail-item{position:relative;width:38px;height:38px;display:grid;place-items:center;border-radius:9px;color:#858F9E;transition:background var(--fast),color var(--fast),transform var(--fast)}
.rail-item .ui-icon{width:19px;height:19px}
.rail-item:hover{background:#171B24;color:#F4F6F9}
.rail-item.active{background:#222838;color:#FFFFFF}
.rail-item.active:before{content:"";position:absolute;left:-11px;width:3px;height:20px;border-radius:0 3px 3px 0;background:#6F82FF}
.rail-item[data-tooltip]:after{content:attr(data-tooltip);position:absolute;left:48px;top:50%;transform:translateY(-50%) translateX(-4px);z-index:120;white-space:nowrap;padding:6px 8px;border-radius:6px;background:#161A22;color:#F7F9FC;font-size:11px;font-weight:500;box-shadow:0 8px 24px rgba(0,0,0,.26);opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--fast),transform var(--fast),visibility var(--fast)}
.rail-item[data-tooltip]:hover:after{opacity:1;visibility:visible;transform:translateY(-50%) translateX(0)}
.rail-bottom{margin-top:auto;display:flex;flex-direction:column;gap:8px;align-items:center}
.rail-avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#242A36;color:#E9EDF4;font-size:10px;font-weight:600;overflow:hidden;border:1px solid rgba(255,255,255,.12)}
.rail-avatar img{width:100%;height:100%;object-fit:cover}

/* Contextual secondary sidebar */
.context-sidebar{position:sticky;top:0;height:100vh;z-index:35;background:#F7F8FA;border-right:1px solid #E6E8EC;display:flex;flex-direction:column;padding:14px 12px;color:#20242C}
html[data-theme="dark"] .context-sidebar{background:#11161E;border-right-color:#262D38;color:#E8EBF0}
.context-head{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 8px 10px;margin-bottom:8px;border-bottom:1px solid #E9EBEF}
html[data-theme="dark"] .context-head{border-color:#262D38}
.context-head>div{min-width:0;display:flex;flex-direction:column}
.context-eyebrow{font-size:10px;line-height:1;color:#98A2B3;text-transform:uppercase;letter-spacing:.08em;font-weight:600;margin-bottom:5px}
.context-head strong{font-size:15px;line-height:1.2;color:inherit;font-weight:600}
.context-nav{display:flex;flex-direction:column;gap:2px;padding-top:4px}
.context-nav-item{position:relative;min-height:36px;display:grid;grid-template-columns:26px minmax(0,1fr) 8px;align-items:center;gap:7px;padding:4px 9px 4px 7px;border-radius:7px;color:#667085;font-size:13px;font-weight:500;transition:background var(--fast),color var(--fast)}
html[data-theme="dark"] .context-nav-item{color:#98A2B3}
.context-nav-item:hover{background:#EEF0F4;color:#20242C}
html[data-theme="dark"] .context-nav-item:hover{background:#1A202A;color:#F3F5F8}
.context-nav-item.active{background:#E9ECF5;color:#1A1F2B}
html[data-theme="dark"] .context-nav-item.active{background:#1D2430;color:#F8FAFC}
.context-nav-icon{width:26px;height:26px;display:grid;place-items:center;color:#7B8492}
.context-nav-item.active .context-nav-icon{color:#4F67F6}
.context-nav-icon .ui-icon{width:16px;height:16px}
.context-active-dot{width:5px;height:5px;border-radius:50%;background:#4F67F6}
.context-label{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#98A2B3;font-weight:600;margin:0 8px 7px}
.context-quick{margin-top:20px;padding-top:16px;border-top:1px solid #E9EBEF}
html[data-theme="dark"] .context-quick{border-color:#262D38}
.quick-create{min-height:34px;display:flex;align-items:center;gap:8px;padding:0 9px;border-radius:7px;color:#667085;font-size:12px;font-weight:500}
.quick-create:hover{background:#EEF0F4;color:#20242C}
html[data-theme="dark"] .quick-create:hover{background:#1A202A;color:#F5F7FA}
.quick-create .ui-icon{width:15px;height:15px}
.context-account{margin-top:auto;padding-top:12px;border-top:1px solid #E9EBEF;display:grid;grid-template-columns:minmax(0,1fr) 32px;gap:6px;align-items:center}
html[data-theme="dark"] .context-account{border-color:#262D38}
.context-user{display:flex;align-items:center;gap:9px;min-width:0;padding:6px;border-radius:8px}
.context-user:hover{background:#EEF0F4}
html[data-theme="dark"] .context-user:hover{background:#1A202A}
.context-user .avatar{width:30px;height:30px;border-radius:50%;background:#E8EBF2;border-color:#D9DDE5;color:#606A78;overflow:hidden}
html[data-theme="dark"] .context-user .avatar{background:#222A35;border-color:#303A46;color:#B7C0CD}
.context-user .avatar img{width:100%;height:100%;object-fit:cover}
.context-user>div:last-child{min-width:0;display:flex;flex-direction:column}
.context-user strong{font-size:12px;color:inherit;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.context-user span{font-size:10px;color:#98A2B3;text-transform:capitalize;white-space:nowrap}
.context-signout{width:32px;height:32px;border:0;border-radius:7px;display:grid;place-items:center;background:transparent;color:#98A2B3}
.context-signout:hover{background:#FDEDED;color:#C93F3F}
.context-signout .ui-icon{width:15px;height:15px}

/* Main app area + top bar */
.app-shell-v2>.app-area{min-width:0;background:#FFFFFF}
html[data-theme="dark"] .app-shell-v2>.app-area{background:#0E1117}
.topbar-v2{height:54px;position:sticky;top:0;z-index:30;display:grid;grid-template-columns:minmax(180px,1fr) minmax(260px,420px) minmax(180px,1fr);align-items:center;gap:16px;padding:0 18px;border-bottom:1px solid #E8EAEE;background:rgba(255,255,255,.94);backdrop-filter:saturate(150%) blur(12px)}
html[data-theme="dark"] .topbar-v2{background:rgba(14,17,23,.94);border-color:#262D38}
.topbar-left{display:flex;align-items:center;gap:10px;min-width:0}
.page-context{display:flex;align-items:center;gap:8px;min-width:0;font-size:12px}
.page-context span{color:#98A2B3}
.page-context span:after{content:"/";margin-left:8px;color:#C8CDD5}
.page-context strong{font-size:12px;font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.global-search-v2{justify-self:center;width:100%;height:32px;border-radius:8px;background:#F7F8FA;border:1px solid #E5E7EB;padding:0 9px;display:grid;grid-template-columns:18px minmax(0,1fr) auto;gap:8px;align-items:center;color:#8992A0;font-size:12px}
html[data-theme="dark"] .global-search-v2{background:#151A22;border-color:#2A313D;color:#8E99A8}
.global-search-v2:hover{border-color:#D2D6DE;background:#FFFFFF;color:#667085}
html[data-theme="dark"] .global-search-v2:hover{border-color:#3A4453;background:#181E27;color:#B5BECA}
.global-search-v2 .ui-icon{width:14px;height:14px}
.global-search-v2 kbd{justify-self:end;border:0;background:transparent;color:#A7AFBB;font-size:10px;padding:0}
.topbar-v2 .top-actions{justify-self:end;margin-left:0;gap:5px}
.top-icon-button{position:relative;width:32px;height:32px;border-radius:7px;color:#717B89}
.notification-dot{position:absolute;top:-2px;right:-2px;min-width:15px;height:15px;padding:0 3px;border-radius:8px;display:grid;place-items:center;background:#4F67F6;color:#fff;border:2px solid #fff;font-size:8px;font-weight:700}
html[data-theme="dark"] .notification-dot{border-color:#0E1117}
.top-create{height:32px;min-height:32px;border-radius:7px;padding:0 10px;margin-left:4px;gap:6px;font-size:12px}
.top-create .ui-icon{width:14px;height:14px}

/* Workspace density */
.app-shell-v2 .main-workspace{width:100%;max-width:none;margin:0;padding:24px 28px 42px;background:#FFFFFF;min-height:calc(100vh - 54px)}
html[data-theme="dark"] .app-shell-v2 .main-workspace{background:#0E1117}
.app-shell-v2 .page-head{align-items:center;margin-bottom:20px;gap:18px}
.app-shell-v2 .page-head h1{font-family:var(--body);font-size:20px;line-height:1.25;font-weight:600;letter-spacing:-.015em;margin:0 0 3px;color:var(--ink-strong)}
.app-shell-v2 .page-head p{font-size:12px;margin:0;color:var(--muted)}
.app-shell-v2 h2{font-family:var(--body);font-size:15px;line-height:1.3;font-weight:600;letter-spacing:-.01em}
.app-shell-v2 .button{min-height:34px;border-radius:7px;padding:0 12px;font-size:12px;font-weight:600}
.app-shell-v2 .button.compact{min-height:32px;padding:0 10px;font-size:12px}
.app-shell-v2 .button.primary{background:#4F67F6;border-color:#4F67F6;color:#fff}
.app-shell-v2 .button.primary:hover{background:#4056E5;border-color:#4056E5}
.app-shell-v2 .button.secondary{background:#fff;border-color:#DDE1E7;color:#475467}
html[data-theme="dark"] .app-shell-v2 .button.secondary{background:#151A22;border-color:#2B3441;color:#D8DEE8}
.app-shell-v2 input,.app-shell-v2 select,.app-shell-v2 textarea{border-radius:7px;border-color:#DDE1E7;background:#fff;color:#27313F}
html[data-theme="dark"] .app-shell-v2 input,html[data-theme="dark"] .app-shell-v2 select,html[data-theme="dark"] .app-shell-v2 textarea{background:#151A22;border-color:#2B3441;color:#E7EBF1}
.app-shell-v2 input:focus,.app-shell-v2 select:focus,.app-shell-v2 textarea:focus{border-color:#8C9BFF;box-shadow:0 0 0 3px rgba(79,103,246,.10);outline:none}

/* Compact mature tables */
.app-shell-v2 .table-wrap{border:1px solid #E8EAEE;border-radius:9px;overflow:auto;background:#fff}
html[data-theme="dark"] .app-shell-v2 .table-wrap{border-color:#262D38;background:#11161E}
.app-shell-v2 .data-table{min-width:720px}
.app-shell-v2 .data-table th{height:36px;padding:0 12px;background:#FAFBFC;color:#7B8492;border-bottom:1px solid #E8EAEE;font-size:11px;font-weight:600;text-transform:none;letter-spacing:0}
html[data-theme="dark"] .app-shell-v2 .data-table th{background:#121821;border-color:#262D38;color:#8F9AA8}
.app-shell-v2 .data-table td{height:42px;padding:6px 12px;border-bottom:1px solid #EEF0F3;color:#475467;font-size:12px}
html[data-theme="dark"] .app-shell-v2 .data-table td{border-color:#202732;color:#C9D0DA}
.app-shell-v2 .data-table td strong{color:#252B35;font-weight:500}
html[data-theme="dark"] .app-shell-v2 .data-table td strong{color:#EEF2F7}
.app-shell-v2 .data-table tr:last-child td{border-bottom:0}
.app-shell-v2 .data-table tr.click-row:hover td{background:#F8F9FB}
html[data-theme="dark"] .app-shell-v2 .data-table tr.click-row:hover td{background:#171D26}
.app-shell-v2 .data-table tr.click-row:hover td:first-child{box-shadow:inset 2px 0 0 #4F67F6}
.app-shell-v2 .status{font-size:11px;font-weight:600}
.app-shell-v2 .priority-text{font-size:11px}

/* Less card-stack, more product rhythm */
.app-shell-v2 .section-block{margin-top:28px}
.app-shell-v2 .section-head{margin-bottom:10px}
.app-shell-v2 .section-head>a{font-size:11px;color:#667085}
.app-shell-v2 .metrics-line{border-color:#E8EAEE;margin-bottom:28px;background:#fff}
html[data-theme="dark"] .app-shell-v2 .metrics-line{border-color:#262D38;background:transparent}
.app-shell-v2 .metric{min-width:130px;padding:14px 24px 14px 0;margin-right:28px}
.app-shell-v2 .metric strong{font-family:var(--body);font-size:24px;font-weight:600;letter-spacing:-.02em}
.app-shell-v2 .metric span{font-size:11px;margin-top:5px}
.app-shell-v2 .filters{padding:8px 0 12px;border-bottom:0;margin-bottom:8px;gap:6px}
.app-shell-v2 .filters input,.app-shell-v2 .filters select{height:32px;min-width:112px;font-size:12px;padding-top:0;padding-bottom:0}
.app-shell-v2 .filters .filter-search{min-width:210px}
.app-shell-v2 .view-switch{height:32px;border-radius:7px;border-color:#DDE1E7}
.app-shell-v2 .view-switch a{display:flex;align-items:center;padding:0 10px;border-color:#E6E8EC;font-size:11px}
.app-shell-v2 .view-switch a.active{background:#EEF1FF;color:#3F55DE}

/* Search overlay */
.app-shell-v2~.search-overlay .search-dialog,.search-dialog{border-radius:12px;border:1px solid #DDE1E7;box-shadow:0 24px 70px rgba(15,23,42,.22)}

/* Ensure old single-sidebar styling cannot leak into the v2 shell */
.app-shell-v2 .context-sidebar .brand-row,.app-shell-v2 .context-sidebar>.nav,.app-shell-v2 .context-sidebar>.sidebar-section-label,.app-shell-v2 .context-sidebar>.sidebar-user{display:none!important}

@media(max-width:1100px){
  .app-shell-v2{grid-template-columns:56px 224px minmax(0,1fr)}
  .product-rail{width:56px}
  .context-sidebar{padding-left:9px;padding-right:9px}
  .topbar-v2{grid-template-columns:minmax(150px,1fr) minmax(220px,340px) minmax(150px,1fr)}
  .app-shell-v2 .main-workspace{padding:22px 20px 38px}
}

@media(max-width:820px){
  .app-shell-v2{display:block;min-height:100dvh}
  .product-rail{display:none}
  .context-sidebar{position:fixed;left:0;top:0;bottom:0;width:min(86vw,280px);height:100dvh;z-index:90;transform:translateX(-105%);transition:transform var(--standard);box-shadow:0 24px 70px rgba(15,23,42,.22);padding:12px}
  .context-sidebar.open{transform:translateX(0)}
  .context-head .sidebar-close{display:grid}
  .topbar-v2{height:52px;grid-template-columns:minmax(0,1fr) auto;padding:0 10px;gap:8px}
  .topbar-left{min-width:0}
  .mobile-menu{display:grid}
  .page-context span{display:none}
  .page-context span:after{display:none}
  .page-context strong{font-size:12px}
  .global-search-v2{width:32px;height:32px;display:grid;grid-template-columns:1fr;padding:0;justify-items:center}
  .global-search-v2 span,.global-search-v2 kbd{display:none}
  .topbar-v2 .top-actions{grid-column:2;grid-row:1}
  .top-create span{display:none}
  .top-create{width:32px;padding:0;display:grid;place-items:center}
  .app-shell-v2 .main-workspace{padding:18px 12px 34px;min-height:calc(100vh - 52px)}
  .app-shell-v2 .page-head{align-items:flex-start}
}

@media(max-width:560px){
  .topbar-v2 .theme-toggle-inline{display:none}
  .app-shell-v2 .page-head h1{font-size:18px}
  .app-shell-v2 .filters{overflow-x:auto;flex-wrap:nowrap;padding-bottom:8px}
  .app-shell-v2 .filters>*{flex:0 0 auto}
  .app-shell-v2 .metrics-line{overflow-x:auto}
  .app-shell-v2 .metric{min-width:120px}
}

/* =====================================================================
   SALZIO v2 — WORK MANAGEMENT
   ===================================================================== */
.page-head-actions{display:flex;align-items:center;gap:8px}
.page-head-actions .button{gap:6px}
.page-head-actions .ui-icon{width:14px;height:14px}
.task-filterbar{display:flex;align-items:center;gap:6px;min-height:44px;margin:-4px 0 10px;padding:0;overflow-x:auto}
.task-filterbar select,.task-filterbar input{height:30px;min-width:118px;padding:0 9px;border:1px solid #E2E5EA;border-radius:7px;background:#fff;color:#667085;font-size:11px}
html[data-theme="dark"] .task-filterbar select,html[data-theme="dark"] .task-filterbar input{background:#151A22;border-color:#29313D;color:#B5BECA}
.task-search-field{height:30px;min-width:220px;display:grid;grid-template-columns:16px minmax(0,1fr);align-items:center;gap:6px;padding:0 8px;border:1px solid #E2E5EA;border-radius:7px;background:#fff;color:#98A2B3}
html[data-theme="dark"] .task-search-field{background:#151A22;border-color:#29313D}
.task-search-field input{height:28px;min-width:0!important;border:0!important;padding:0!important;box-shadow:none!important;background:transparent!important;color:var(--ink)!important}
.task-search-field .ui-icon{width:13px;height:13px}
.task-clear{font-size:11px;color:#667085;padding:5px 7px;border-radius:6px}.task-clear:hover{background:#F1F3F6;color:#344054}

.task-list-v2{position:relative;border:1px solid #E6E8EC;border-radius:9px;background:#fff;overflow:auto}
html[data-theme="dark"] .task-list-v2{border-color:#262D38;background:#11161E}
.task-list-header,.task-row-v2{min-width:1050px;display:grid;grid-template-columns:minmax(370px,1fr) 150px 190px 118px 108px 128px;align-items:center}
.task-list-header{height:34px;background:#FAFBFC;border-bottom:1px solid #E8EAEE;color:#7B8492;font-size:10.5px;font-weight:600;position:sticky;top:0;z-index:5}
html[data-theme="dark"] .task-list-header{background:#121821;border-color:#262D38;color:#8F99A7}
.task-list-header>div{padding:0 10px}
.task-row-v2{height:42px;border-bottom:1px solid #EEF0F3;color:#475467;font-size:12px;transition:background var(--fast)}
html[data-theme="dark"] .task-row-v2{border-color:#202732;color:#C9D0DA}
.task-row-v2:last-child{border-bottom:0}
.task-row-v2:hover{background:#F8F9FB}
html[data-theme="dark"] .task-row-v2:hover{background:#171D26}
.task-row-v2.row-hidden{display:none}
.task-main-cell{position:relative;height:100%;display:flex;align-items:center;min-width:0;padding-right:8px}
.task-indent{width:calc(var(--depth) * 24px);flex:0 0 calc(var(--depth) * 24px)}
.task-chevron,.task-chevron-spacer{width:22px;height:28px;flex:0 0 22px;display:grid;place-items:center}
.task-chevron{border:0;background:transparent;color:#9AA3B1;border-radius:5px;padding:0}
.task-chevron:hover{background:#ECEFF3;color:#475467}
html[data-theme="dark"] .task-chevron:hover{background:#242C38;color:#E3E8F0}
.task-chevron .ui-icon{width:13px;height:13px;transition:transform var(--fast)}
.task-chevron.collapsed .ui-icon{transform:rotate(-90deg)}
.task-status-dot,.status-dot{width:7px;height:7px;border-radius:50%;flex:0 0 7px;margin-right:8px;background:#AAB1BD}
.status-dot-todo{background:#98A2B3}.status-dot-in_progress{background:#4F67F6}.status-dot-review{background:#9B6CF6}.status-dot-waiting{background:#E0A33A}.status-dot-completed{background:#159A6A}.status-dot-blocked{background:#D84A4A}
.task-title-button{min-width:0;max-width:44%;padding:0;border:0;background:transparent;color:#252B35;font-size:12px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left}
html[data-theme="dark"] .task-title-button{color:#EEF2F7}
.task-title-button:hover{color:#4F67F6}
.task-project-hint{min-width:0;max-width:28%;margin-left:9px;color:#9AA3B1;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.task-hover-actions{position:absolute;right:6px;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:2px;padding-left:22px;background:linear-gradient(90deg,rgba(248,249,251,0),#F8F9FB 20%);opacity:0;pointer-events:none;transition:opacity var(--fast)}
.task-row-v2:hover .task-hover-actions{opacity:1;pointer-events:auto}
html[data-theme="dark"] .task-hover-actions{background:linear-gradient(90deg,rgba(23,29,38,0),#171D26 20%)}
.task-hover-actions button{height:24px;padding:0 6px;border:0;border-radius:5px;background:transparent;color:#7A8492;font-size:10px;font-weight:500}.task-hover-actions button:hover{background:#EDEFF3;color:#344054}html[data-theme="dark"] .task-hover-actions button:hover{background:#252D39;color:#E8EDF4}
.task-hover-actions .task-more{font-size:13px;letter-spacing:1px}
.task-label-cell{height:100%;display:flex;align-items:center;padding:0 8px;min-width:0;cursor:default}
.field-empty{color:#B0B7C2;font-size:10.5px}
.label-stack{display:flex;align-items:center;gap:4px;min-width:0;overflow:hidden}
.task-label{display:inline-flex;align-items:center;height:20px;max-width:90px;padding:0 6px;border-radius:5px;background:#F0F2F5;color:#667085;font-size:9.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html[data-theme="dark"] .task-label{background:#222936;color:#A9B3C1}
.task-label.more{background:transparent;padding:0 2px;color:#98A2B3}
.task-field-button{height:100%;width:100%;min-width:0;border:0;border-left:1px solid transparent;background:transparent;color:#667085;text-align:left;padding:0 9px;font-size:11px;display:flex;align-items:center;gap:6px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.task-field-button:not(:disabled):hover{background:#F2F4F7;color:#344054}
html[data-theme="dark"] .task-field-button{color:#AAB4C2}html[data-theme="dark"] .task-field-button:not(:disabled):hover{background:#202733;color:#EEF2F6}
.task-field-button:disabled{cursor:default;opacity:1}
.task-field-button.overdue{color:#D84A4A}
.avatar-stack{display:flex;align-items:center;flex:0 0 auto}.mini-avatar{width:21px;height:21px;margin-left:-5px;border-radius:50%;display:grid;place-items:center;background:#E7EAF0;border:2px solid #fff;color:#667085;font-size:7px;font-weight:700}.mini-avatar:first-child{margin-left:0}html[data-theme="dark"] .mini-avatar{background:#2A3240;border-color:#11161E;color:#CAD1DB}
.assignee-copy{min-width:0;overflow:hidden;text-overflow:ellipsis}
.priority-flag{display:inline-block;width:3px;height:13px;border-radius:2px;background:#98A2B3}.priority-flag.low{background:#B0B7C2}.priority-flag.normal{background:#7D8795}.priority-flag.high{background:#E0A33A}.priority-flag.urgent{background:#D84A4A}
.status-pill{display:inline-flex;align-items:center;height:21px;padding:0 7px;border-radius:5px;background:#F0F2F5;color:#667085;font-size:9.5px;font-weight:600}.status-pill-in_progress{background:#EEF1FF;color:#4056E5}.status-pill-review{background:#F3EEFF;color:#7A4FCE}.status-pill-waiting{background:#FFF6E7;color:#B47615}.status-pill-completed{background:#EAF8F2;color:#117A55}.status-pill-blocked{background:#FFF0F0;color:#C43E3E}html[data-theme="dark"] .status-pill{filter:saturate(.9) brightness(.92)}
.inline-task-create{min-width:1050px;display:grid;grid-template-columns:24px minmax(300px,1fr) 190px 180px 64px;align-items:center;gap:6px;height:42px;padding:0 8px;border-top:1px solid #E8EAEE;background:#FCFCFD}.inline-task-create input,.inline-task-create select{height:28px;border-color:transparent;background:transparent;font-size:11px}.inline-task-create input:focus,.inline-task-create select:focus{background:#fff;border-color:#AAB5FF}.inline-task-plus{color:#98A2B3;font-size:18px;text-align:center}.task-empty-state{padding:38px 20px;text-align:center;display:flex;flex-direction:column;gap:4px;color:#667085}.task-empty-state strong{font-size:13px;color:#344054}.task-empty-state span{font-size:11px}
.inline-editor{width:100%;height:28px;border:1px solid #8C9BFF!important;border-radius:6px!important;padding:0 7px!important;font-size:11px!important;background:#fff!important;box-shadow:0 0 0 3px rgba(79,103,246,.10)!important}.inline-title-editor{min-width:180px;max-width:360px;height:28px;border:1px solid #8C9BFF;border-radius:6px;padding:0 7px;font-size:12px;background:#fff;color:#20242C;box-shadow:0 0 0 3px rgba(79,103,246,.10)}
.subtask-composer{min-width:1050px;height:42px;display:grid;grid-template-columns:minmax(370px,1fr) 150px 190px 118px 108px 128px;align-items:center;border-bottom:1px solid #E8EAEE;background:#F9FAFC}.subtask-composer-main{grid-column:1/4;display:flex;align-items:center;gap:6px;padding-left:calc(48px + var(--depth,0) * 24px)}.subtask-composer input{height:28px;flex:1;border:1px solid #DDE1E7;border-radius:6px;padding:0 8px}.subtask-composer select{height:28px;min-width:150px}.subtask-composer-actions{display:flex;gap:5px;grid-column:5/7;justify-content:flex-end;padding-right:8px}

/* Floating menus / popovers */
.floating-popover{position:fixed;z-index:140;min-width:220px;max-width:340px;padding:6px;background:#fff;border:1px solid #DDE1E7;border-radius:9px;box-shadow:0 14px 38px rgba(15,23,42,.16);color:#344054}
html[data-theme="dark"] .floating-popover{background:#171D26;border-color:#303947;color:#E4E9F0;box-shadow:0 16px 42px rgba(0,0,0,.45)}
.popover-title{padding:7px 8px 5px;color:#98A2B3;font-size:9px;text-transform:uppercase;letter-spacing:.08em;font-weight:700}
.popover-option{width:100%;min-height:32px;display:flex;align-items:center;gap:8px;padding:5px 8px;border:0;border-radius:6px;background:transparent;color:inherit;text-align:left;font-size:11px}.popover-option:hover{background:#F3F5F7}html[data-theme="dark"] .popover-option:hover{background:#222A35}
.popover-option input{margin:0}.popover-option .mini-avatar{width:20px;height:20px;border-width:1px}
.popover-actions{display:flex;justify-content:flex-end;gap:5px;padding:7px 6px 4px;border-top:1px solid #EDF0F3;margin-top:4px}html[data-theme="dark"] .popover-actions{border-color:#2A313D}
.popover-input{width:100%;height:32px;border:1px solid #DDE1E7;border-radius:6px;padding:0 8px;font-size:11px}

/* Task detail drawer */
.task-drawer-backdrop{position:fixed;inset:0;z-index:128;background:rgba(15,23,42,.18)}
.task-drawer{position:fixed;right:0;top:0;bottom:0;z-index:130;width:min(560px,92vw);background:#fff;border-left:1px solid #E2E5EA;box-shadow:-18px 0 60px rgba(15,23,42,.12);transform:translateX(102%);transition:transform 180ms ease;display:flex;flex-direction:column}
html[data-theme="dark"] .task-drawer{background:#11161E;border-color:#29313D;box-shadow:-18px 0 60px rgba(0,0,0,.35)}
.task-drawer.open{transform:translateX(0)}
.task-drawer-head{height:54px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid #E8EAEE}.drawer-kicker{font-size:10px;color:#98A2B3;text-transform:uppercase;letter-spacing:.08em;font-weight:700}
.task-drawer-body{padding:20px 22px 36px;overflow:auto}.drawer-loading{color:#98A2B3;font-size:12px}.drawer-title{font-size:22px!important;line-height:1.25!important;margin:0 0 8px!important}.drawer-description{font-size:12px;line-height:1.6;color:#667085;white-space:pre-wrap}.drawer-fields{display:grid;grid-template-columns:120px minmax(0,1fr);gap:10px 14px;padding:18px 0;border-top:1px solid #ECEEF2;border-bottom:1px solid #ECEEF2;margin:18px 0}.drawer-fields dt{font-size:10px;color:#98A2B3}.drawer-fields dd{margin:0;font-size:11px;color:#344054}.drawer-section{margin-top:22px}.drawer-section h3{font-family:var(--body);font-size:12px;margin:0 0 8px}.drawer-list{display:flex;flex-direction:column;border-top:1px solid #EEF0F3}.drawer-list a,.drawer-list>div{padding:9px 0;border-bottom:1px solid #EEF0F3;font-size:11px;color:#667085}.drawer-list a:hover{color:#4F67F6}.drawer-comment strong{display:block;color:#344054;font-size:10px;margin-bottom:3px}.drawer-footer-link{margin-top:24px;display:inline-flex}

/* Board v2 */
.board-v2{gap:10px}.board-lane-v2{border:1px solid #E7E9ED;border-radius:9px;background:#FAFBFC;overflow:hidden}.board-lane-v2 .board-head{height:38px;padding:0 10px;background:#fff}.board-lane-v2 .board-head>div{display:flex;align-items:center}.board-lane-v2 .board-head h2{font-size:11px;margin:0}.board-count{font-size:10px;color:#98A2B3}.board-lane-v2 .board-list{padding:7px}.task-card-v2{width:100%;text-align:left;margin-bottom:6px;border:1px solid #E8EAEE;border-radius:7px;background:#fff;padding:10px}.task-card-v2:hover{border-color:#CDD3DC;box-shadow:0 3px 10px rgba(15,23,42,.06)}.board-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.task-card-v2 strong{font-size:11px;font-weight:600;color:#344054}.task-card-v2 .task-card-meta{font-size:9.5px;margin-top:9px}.task-card-v2 .label-stack{margin-top:7px}

/* =====================================================================
   SALZIO v2 — TEAM / ACCESS
   ===================================================================== */
.invite-panel-v2,.project-create-v2{margin:0 0 16px;padding:18px;border:1px solid #DDE1E7;border-radius:10px;background:#FAFBFC}.invite-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:16px}.invite-panel-head h2{font-size:15px;margin:2px 0 3px}.invite-panel-head p{font-size:11px;margin:0}.section-kicker{font-size:9px;color:#98A2B3;text-transform:uppercase;letter-spacing:.09em;font-weight:700}.invite-form-v2{display:grid;grid-template-columns:minmax(220px,1.4fr) 150px 180px 180px 150px;gap:10px;align-items:end}.invite-form-v2 label,.project-create-form label{display:flex;flex-direction:column;gap:5px;color:#667085;font-size:10px;font-weight:600}.invite-form-v2 input,.invite-form-v2 select,.project-create-form input,.project-create-form select,.project-create-form textarea{min-height:32px;font-size:11px}.invite-submit{grid-column:1/-1;display:flex;align-items:center;gap:10px}.form-status{font-size:10px;color:#667085}.form-status.error{color:#D84A4A}.form-status.success{color:#159A6A}.invite-link-result{margin-top:14px;padding-top:14px;border-top:1px solid #E5E8ED}.invite-link-result>div:first-child{display:flex;justify-content:space-between;gap:12px;margin-bottom:7px}.invite-link-result strong{font-size:11px}.invite-link-result span{font-size:10px;color:#667085}.copy-line{display:flex;gap:6px}.copy-line input{height:32px;flex:1;font-family:var(--mono);font-size:10px}
.member-table-v2,.project-table-v2{overflow:auto;border:1px solid #E6E8EC;border-radius:9px;background:#fff}.member-table-head,.member-row-v2{min-width:1040px;display:grid;grid-template-columns:minmax(250px,1.6fr) 140px 170px 175px 145px 105px 42px;align-items:center}.member-table-head{height:35px;background:#FAFBFC;border-bottom:1px solid #E8EAEE;color:#7B8492;font-size:10.5px;font-weight:600}.member-table-head>div,.member-row-v2>div{padding:0 10px}.member-row-v2{min-height:48px;border-bottom:1px solid #EEF0F3;font-size:11px}.member-row-v2:last-child{border-bottom:0}.member-row-v2:hover{background:#FAFBFC}.member-person{display:flex;align-items:center;gap:9px;min-width:0}.member-person .avatar{width:30px;height:30px;border-radius:50%;overflow:hidden}.member-person .avatar img{width:100%;height:100%;object-fit:cover}.member-person>div:last-child{min-width:0}.member-person strong{display:block;font-size:11px;font-weight:600;color:#344054;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-person span{display:block;margin-top:2px;font-size:9.5px;color:#98A2B3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inline-select{width:100%;height:28px;border:1px solid transparent!important;background:transparent!important;padding:0 5px!important;color:#5F6B7A!important;font-size:10.5px!important;box-shadow:none!important}.inline-select:hover{border-color:#E1E4E9!important;background:#fff!important}.plain-field{font-size:10.5px;color:#667085;text-transform:none}.member-status{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:600;color:#667085}.member-status>span{width:6px;height:6px;border-radius:50%}.member-status.active>span{background:#159A6A}.member-status.inactive>span{background:#98A2B3}.member-more-wrap,.project-more-wrap{display:grid;place-items:center}.member-more,.project-more{font-size:13px;letter-spacing:1px}
.pending-invites-v2{margin-top:24px}.pending-invites-v2 .section-head{justify-content:flex-start;gap:7px}.section-count{display:inline-grid;place-items:center;min-width:19px;height:19px;border-radius:10px;background:#F0F2F5;color:#667085;font-size:9px}.pending-invite-row{display:grid;grid-template-columns:minmax(240px,1fr) 160px auto;align-items:center;gap:16px;padding:10px 4px;border-top:1px solid #EEF0F3}.pending-invite-row>div:first-child strong{display:block;font-size:11px;color:#344054}.pending-invite-row>div:first-child span,.pending-invite-row>span{font-size:9.5px;color:#98A2B3}.pending-invite-row>div:last-child{display:flex;gap:10px;justify-content:flex-end}.text-action{border:0;background:none;padding:2px;color:#596579;font-size:10px}.text-action:hover{color:#4F67F6}.text-action.danger:hover{color:#D84A4A}

/* =====================================================================
   SALZIO v2 — PROJECTS
   ===================================================================== */
.project-create-form{display:grid;grid-template-columns:minmax(230px,1.5fr) 180px 180px 160px;gap:10px}.project-description-field{grid-column:1/-1}.project-create-actions{grid-column:1/-1;display:flex;align-items:center;gap:10px}.project-table-head,.project-row-v2{min-width:1080px;display:grid;grid-template-columns:minmax(280px,1.6fr) 175px 175px minmax(190px,1fr) 130px 120px 42px;align-items:center}.project-table-head{height:35px;background:#FAFBFC;border-bottom:1px solid #E8EAEE;color:#7B8492;font-size:10.5px;font-weight:600}.project-table-head>div,.project-row-v2>div{padding:0 10px}.project-row-v2{min-height:50px;border-bottom:1px solid #EEF0F3;font-size:11px}.project-row-v2:last-child{border-bottom:0}.project-row-v2:hover{background:#FAFBFC}.project-name-cell{min-width:0}.project-title-link{display:block;max-width:100%;border:0;background:transparent;padding:0;color:#344054;font-size:11px;font-weight:600;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-title-link:hover{color:#4F67F6}.project-name-cell>span{display:block;color:#98A2B3;font-size:9.5px;margin-top:3px}.project-name-cell em{font-style:normal;color:#D84A4A}.project-team-button{width:100%;min-width:0;height:32px;display:flex;align-items:center;gap:6px;border:1px solid transparent;border-radius:6px;background:transparent;color:#667085;font-size:10px;text-align:left;overflow:hidden}.project-team-button:not(:disabled):hover{border-color:#E1E4E9;background:#fff}.project-team-button>span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inline-date{width:100%;height:28px!important;border:1px solid transparent!important;background:transparent!important;padding:0 3px!important;color:#667085!important;font-size:10px!important;box-shadow:none!important}.inline-date:hover{border-color:#E1E4E9!important;background:#fff!important}.project-status{text-transform:capitalize;color:#667085;font-size:10px}

/* Invitation join */
.invite-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:#F4F6F9}.invite-card{width:min(460px,100%);padding:28px;background:#fff;border:1px solid #E2E5EA;border-radius:12px;box-shadow:0 18px 60px rgba(15,23,42,.08)}.invite-brand{display:flex;align-items:center;gap:9px;margin-bottom:34px}.invite-brand img{width:34px;height:34px}.invite-brand>div{display:flex;flex-direction:column}.invite-brand strong{font-size:14px}.invite-brand span{font-size:9px;color:#98A2B3}.invite-card h1{font-family:var(--body);font-size:22px;margin:4px 0 7px}.invite-card>p{font-size:12px;line-height:1.6}.invite-card .form-stack{margin-top:20px}

@media(max-width:1100px){.invite-form-v2{grid-template-columns:repeat(2,minmax(0,1fr))}.project-create-form{grid-template-columns:repeat(2,minmax(0,1fr))}.project-description-field,.project-create-actions,.invite-submit{grid-column:1/-1}}
@media(max-width:700px){.page-head-actions{width:100%;justify-content:space-between}.task-filterbar{margin-top:0}.invite-form-v2,.project-create-form{grid-template-columns:1fr}.invite-form-v2>* ,.project-create-form>*{grid-column:1!important}.invite-panel-v2,.project-create-v2{padding:14px}.pending-invite-row{grid-template-columns:1fr;gap:5px}.pending-invite-row>div:last-child{justify-content:flex-start}.task-drawer{width:100vw}}

/* SALZIO v2 toast system */
.toast-host{position:fixed;right:18px;bottom:18px;z-index:1200;display:flex;flex-direction:column;gap:8px;pointer-events:none;max-width:min(360px,calc(100vw - 28px))}
.toast-item{pointer-events:auto;display:flex;align-items:center;gap:9px;min-height:38px;padding:9px 12px;border:1px solid #DDE1E7;border-radius:8px;background:#fff;color:#344054;box-shadow:0 8px 24px rgba(16,24,40,.10);font-size:12px;font-weight:500;line-height:1.35;animation:salzioToastIn .16s ease-out}
.toast-item.success{border-color:#CFE9DD;color:#176B4D}.toast-item.error{border-color:#F2CCCC;color:#A43737}.toast-item.info{border-color:#D8DEFF;color:#4056E5}
html[data-theme="dark"] .toast-item{background:#171D26;border-color:#303846;color:#E7EBF1;box-shadow:0 12px 28px rgba(0,0,0,.32)}
html[data-theme="dark"] .toast-item.success{border-color:#255A47;color:#7ED7B3}html[data-theme="dark"] .toast-item.error{border-color:#63383B;color:#F09A9F}html[data-theme="dark"] .toast-item.info{border-color:#34447B;color:#A8B4FF}
@keyframes salzioToastIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
.popover-option.selected{background:#EEF1FF;color:#4056E5;font-weight:600}
html[data-theme="dark"] .popover-option.selected{background:#202947;color:#B5C0FF}
.danger-action{color:#C93F3F!important}.danger-action:hover{background:#FDEDED!important;color:#B42318!important}
html[data-theme="dark"] .danger-action:hover{background:#3A2024!important;color:#FF9BA1!important}

/* =====================================================================
   SALZIO v11 — MATURE TASK WORKSPACE
   Focused refinement after ClickUp-vs-SALZIO interaction audit.
   ===================================================================== */
.task-page-head-v11{margin-bottom:10px}
.task-page-head-v11 h1{font-size:20px;letter-spacing:-.015em}
.task-page-head-v11 p{font-size:11px;margin-top:4px;color:var(--muted-soft)}
.task-add-primary{height:32px;border-radius:7px;box-shadow:none}
.task-add-primary .ui-icon{width:13px;height:13px}
.view-switch-v11{height:30px;border-radius:7px;background:var(--bg-subtle)}
.view-switch-v11 a{display:inline-flex;align-items:center;gap:5px;height:28px;padding:0 8px;font-size:10.5px;border:0!important}
.view-switch-v11 a .ui-icon{width:13px;height:13px}
.view-switch-v11 a.active{background:#fff;box-shadow:0 0 0 1px var(--border);color:var(--ink-strong)}
html[data-theme="dark"] .view-switch-v11 a.active{background:#1B222D}

.task-toolbar-v11{min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 9px;border-bottom:1px solid var(--border);padding:0 0 9px}
.task-search-form-v11{display:flex;align-items:center;min-width:200px;max-width:270px;flex:0 1 270px}
.task-search-field-v11{width:100%;height:30px;display:grid;grid-template-columns:15px minmax(0,1fr) 20px;align-items:center;gap:5px;padding:0 7px;border:1px solid transparent;border-radius:7px;color:var(--muted-soft);background:transparent;transition:background var(--fast),border-color var(--fast),box-shadow var(--fast)}
.task-search-field-v11:hover{background:var(--bg-subtle);border-color:var(--border)}
.task-search-field-v11:focus-within{background:var(--bg-raised);border-color:#AAB5FF;box-shadow:0 0 0 3px rgba(79,103,246,.08)}
.task-search-field-v11 .ui-icon{width:13px;height:13px}
.task-search-field-v11 input{min-width:0;width:100%;height:28px!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;color:var(--ink)!important;font-size:11px!important}
.search-clear-v11{width:20px;height:20px;display:grid;place-items:center;border-radius:5px;color:var(--muted-soft)}
.search-clear-v11:hover{background:var(--border);color:var(--ink)}
.search-clear-v11 .ui-icon{width:11px;height:11px}
.task-filter-actions-v11{display:flex;align-items:center;justify-content:flex-end;gap:4px;min-width:0;overflow-x:auto;padding:1px}
.task-filter-button-v11{height:30px;max-width:210px;display:inline-flex;align-items:center;gap:5px;padding:0 7px;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--muted);font-size:10.5px;font-weight:500;white-space:nowrap;transition:background var(--fast),border-color var(--fast),color var(--fast)}
.task-filter-button-v11:hover{background:var(--bg-subtle);border-color:var(--border);color:var(--ink)}
.task-filter-button-v11.active{background:var(--amber-soft);border-color:rgba(79,103,246,.18);color:var(--amber)}
.task-filter-button-v11>.ui-icon:first-child{width:13px;height:13px}
.task-filter-button-v11>.ui-icon:last-child{width:11px;height:11px;opacity:.5}
.task-filter-button-v11 strong{max-width:90px;overflow:hidden;text-overflow:ellipsis;font-size:10.5px;font-weight:600;color:inherit}
.task-clear-v11{height:28px;display:inline-flex;align-items:center;padding:0 7px;border-radius:6px;color:var(--muted);font-size:10.5px}.task-clear-v11:hover{background:var(--bg-subtle);color:var(--ink)}

.task-list-v11{border-radius:8px;box-shadow:none}
.task-list-v11 .task-list-header,.task-list-v11 .task-row-v2{grid-template-columns:minmax(430px,1fr) 145px 200px 125px 112px 126px}
.task-list-header-v11{height:32px;font-size:10px;background:#FBFCFD}
.task-list-v11 .task-row-v11{height:40px;font-size:11.5px}
.task-row-v11{position:relative}
.task-row-v11:hover{background:#F8F9FB}
.task-row-v11:hover:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:#8090FF}
html[data-theme="dark"] .task-row-v11:hover{background:#171D26}
.task-list-v11 .task-main-cell{padding-right:94px}
.task-list-v11 .task-title-button{max-width:58%;font-size:13px;font-weight:520;letter-spacing:-.005em;color:#2F3540}
html[data-theme="dark"] .task-list-v11 .task-title-button{color:#EEF2F7}
.task-list-v11 .task-project-hint{font-size:10.5px;max-width:26%;margin-left:8px;color:#98A2B3}
.task-list-v11 .task-status-dot{width:6px;height:6px;flex-basis:6px;margin-right:7px}
.task-list-v11 .task-chevron,.task-list-v11 .task-chevron-spacer{width:20px;flex-basis:20px}

.task-hover-actions{right:5px;gap:2px;padding-left:28px;background:linear-gradient(90deg,rgba(248,249,251,0),#F8F9FB 26%)}
.task-action-icon{position:relative!important;width:26px!important;height:26px!important;padding:0!important;display:grid!important;place-items:center;border-radius:6px!important;color:#7E8795!important}
.task-action-icon .ui-icon{width:13px;height:13px}
.task-action-icon:hover{background:#E9ECF1!important;color:#344054!important}
.task-action-icon[data-tooltip]:after{content:attr(data-tooltip);position:absolute;bottom:32px;left:50%;transform:translateX(-50%) translateY(3px);padding:5px 7px;border-radius:5px;background:#171A21;color:#fff;font-size:9px;font-weight:500;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--fast),transform var(--fast)}
.task-action-icon[data-tooltip]:hover:after{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
html[data-theme="dark"] .task-hover-actions{background:linear-gradient(90deg,rgba(23,29,38,0),#171D26 26%)}
html[data-theme="dark"] .task-action-icon:hover{background:#252D39!important;color:#F0F3F7!important}

.task-label-button{width:100%;border:0;background:transparent;text-align:left;cursor:pointer}
.task-label-button:not(:disabled):hover{background:#F2F4F7}
.task-label-button:disabled{cursor:default}
html[data-theme="dark"] .task-label-button:not(:disabled):hover{background:#202733}
.task-label-button>span{display:block;min-width:0;width:100%}
.task-list-v11 .field-empty{font-size:10.5px;transition:color var(--fast)}
.task-row-v11:hover .field-empty{color:#87909D}
.task-list-v11 .task-label{height:19px;padding:0 6px;font-size:9px;border-radius:4px}

.task-list-v11 .task-field-button{position:relative;height:40px;padding:0 9px;border-left:1px solid transparent;font-size:10.8px;transition:background var(--fast),color var(--fast),box-shadow var(--fast)}
.task-list-v11 .task-field-button:not(:disabled):hover{background:#F1F3F6;color:#29313C;box-shadow:inset 1px 0 0 #EAECF0,inset -1px 0 0 #EAECF0}
.task-list-v11 .task-field-button:focus-visible,.task-label-button:focus-visible,.task-action-icon:focus-visible{outline:2px solid rgba(79,103,246,.45);outline-offset:-2px}
.task-list-v11 .task-field-button>.ui-icon{width:12px;height:12px;opacity:.45;flex:0 0 auto}
.task-list-v11 .field-caret{display:grid;place-items:center;margin-left:auto;opacity:0;transform:translateX(-2px);transition:opacity var(--fast),transform var(--fast)}
.task-list-v11 .field-caret .ui-icon{width:10px;height:10px}
.task-list-v11 .task-field-button:not(:disabled):hover .field-caret{opacity:.65;transform:translateX(0)}
.task-list-v11 .assignee-field{gap:5px}
.task-list-v11 .mini-avatar{width:20px;height:20px;font-size:7px}
.task-list-v11 .status-pill{height:20px;padding:0 6px;font-size:9px;border-radius:4px}
.task-list-v11 .priority-flag{height:12px;width:3px}
.task-list-v11 .date-field.overdue>span:not(.field-caret){color:#D84A4A}

.inline-task-create-v11{height:40px;grid-template-columns:24px minmax(300px,1fr) 180px 175px 58px;background:#FCFDFE;border-top:0}
.inline-task-create-v11 .inline-task-plus{display:grid;place-items:center}.inline-task-create-v11 .inline-task-plus .ui-icon{width:13px;height:13px}
.inline-task-create-v11 input{font-size:11.5px!important}
.inline-task-create-v11 .inline-create-detail{display:flex;align-items:center;gap:5px;opacity:.42;transition:opacity var(--fast)}
.inline-task-create-v11 .inline-create-detail>span{display:none}
.inline-task-create-v11:focus-within .inline-create-detail,.inline-task-create-v11.is-open .inline-create-detail{opacity:1}
.inline-task-create-v11 select{height:28px!important;font-size:10.5px!important;border:1px solid transparent!important;background:transparent!important;box-shadow:none!important}
.inline-task-create-v11 select:hover{border-color:var(--border)!important;background:var(--bg-raised)!important}

/* v11 popovers */
.floating-popover-v11{min-width:250px;max-width:360px;padding:5px;border-radius:9px;box-shadow:0 16px 40px rgba(15,23,42,.14)}
.popover-head-v11{height:34px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 8px;border-bottom:1px solid var(--border);margin-bottom:4px}
.popover-head-v11 strong{font-size:11px;font-weight:600;color:var(--ink-strong)}
.popover-clear-v11{border:0;background:transparent;color:var(--amber);font-size:9.5px;padding:4px;border-radius:5px}.popover-clear-v11:hover{background:var(--amber-soft)}
.popover-count-v11{font-size:9px;color:var(--muted-soft)}
.popover-search-v11{height:32px;margin:5px 4px 6px;display:grid;grid-template-columns:14px minmax(0,1fr);align-items:center;gap:6px;padding:0 7px;border:1px solid var(--border);border-radius:6px;color:var(--muted-soft);background:var(--bg-raised)}
.popover-search-v11:focus-within{border-color:#AAB5FF;box-shadow:0 0 0 2px rgba(79,103,246,.08)}
.popover-search-v11 .ui-icon{width:12px;height:12px}.popover-search-v11 input{height:28px!important;padding:0!important;border:0!important;box-shadow:none!important;background:transparent!important;color:var(--ink)!important;font-size:10.5px!important}
.popover-menu-v11{max-height:300px;overflow:auto;padding:1px}
.popover-option-v11{width:100%;min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 7px;border:0;border-radius:6px;background:transparent;color:var(--ink);font-size:10.5px;text-align:left;transition:background var(--fast)}
.popover-option-v11:hover{background:var(--bg-subtle)}.popover-option-v11.selected{background:var(--amber-soft);color:var(--amber)}
a.popover-option-v11{text-decoration:none}
.filter-option-main{min-width:0;display:flex;align-items:center;gap:8px}.filter-option-main>span:not(.priority-flag):not(.task-status-dot):not(.mini-avatar){min-width:0;display:flex;flex-direction:column}.filter-option-main strong{font-size:10.5px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.filter-option-main small{font-size:8.5px;color:var(--muted-soft);margin-top:1px;text-transform:capitalize}.filter-option-main>.ui-icon{width:13px;height:13px;color:var(--muted)}
.option-check{width:16px;display:grid;place-items:center;color:var(--amber)}.option-check .ui-icon{width:12px;height:12px}
.popover-empty-v11{padding:14px 8px;color:var(--muted-soft);font-size:10px;text-align:center}
.people-picker-v11{max-height:300px;overflow:auto;padding:1px}
.person-option-v11{width:100%;min-height:40px;display:grid;grid-template-columns:28px minmax(0,1fr) 18px;align-items:center;gap:7px;padding:4px 7px;border:0;border-radius:6px;background:transparent;color:var(--ink);text-align:left}
.person-option-v11:hover{background:var(--bg-subtle)}.person-option-v11.selected{background:var(--amber-soft)}
.person-avatar-v11{width:24px!important;height:24px!important;margin:0!important;border-width:1px!important}.person-copy-v11{min-width:0;display:flex;flex-direction:column}.person-copy-v11 strong{font-size:10.5px;font-weight:550;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.person-copy-v11 small{margin-top:1px;font-size:8.5px;color:var(--muted-soft);text-transform:capitalize}.person-check-v11{display:grid;place-items:center;color:var(--amber)}.person-check-v11 .ui-icon{width:13px;height:13px}

.labels-editor-v11{padding:2px 4px 5px}.labels-editor-chips-v11{min-height:30px;display:flex;align-items:center;gap:4px;flex-wrap:wrap;padding:4px 2px}.label-editor-chip-v11{height:23px;display:inline-flex;align-items:center;gap:3px;padding:0 4px 0 7px;border-radius:5px;background:var(--bg-subtle);color:var(--ink);font-size:9.5px}.label-editor-chip-v11 button{width:17px;height:17px;display:grid;place-items:center;border:0;border-radius:4px;background:transparent;color:var(--muted)}.label-editor-chip-v11 button:hover{background:var(--border);color:var(--ink)}.label-editor-chip-v11 .ui-icon{width:9px;height:9px}.labels-empty-v11{font-size:9.5px;color:var(--muted-soft)}
.label-entry-v11{margin-top:4px}.popover-actions-v11{display:flex;justify-content:flex-end;gap:5px;padding:7px 4px 2px;border-top:1px solid var(--border)}

/* v11 calendar */
.calendar-v11{width:266px;padding:2px}.calendar-head-v11{height:36px;display:grid;grid-template-columns:28px 1fr 28px;align-items:center;text-align:center}.calendar-head-v11 strong{font-size:10.5px;font-weight:600}.calendar-nav-v11{width:28px;height:28px;display:grid;place-items:center;border:0;border-radius:6px;background:transparent;color:var(--muted)}.calendar-nav-v11:hover{background:var(--bg-subtle);color:var(--ink)}.calendar-nav-v11 .ui-icon{width:12px;height:12px}.calendar-weekdays-v11,.calendar-grid-v11{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.calendar-weekdays-v11{padding:3px 3px 4px;color:var(--muted-soft);font-size:8px;text-align:center}.calendar-day-v11,.calendar-blank-v11{height:30px;display:grid;place-items:center}.calendar-day-v11{border:0;border-radius:6px;background:transparent;color:var(--ink);font-size:9.5px}.calendar-day-v11:hover{background:var(--bg-subtle)}.calendar-day-v11.today{box-shadow:inset 0 0 0 1px var(--border-strong)}.calendar-day-v11.selected{background:var(--amber);color:#fff;box-shadow:none}.calendar-footer-v11{display:flex;align-items:center;justify-content:space-between;padding:7px 5px 3px;margin-top:5px;border-top:1px solid var(--border)}.calendar-footer-v11 button{height:25px;padding:0 7px;border:0;border-radius:5px;background:transparent;color:var(--muted);font-size:9.5px}.calendar-footer-v11 button:hover{background:var(--bg-subtle);color:var(--ink)}

/* v11 inline editing/subtasks */
.inline-title-editor-v11{height:29px;font-size:13px!important;font-weight:520;max-width:420px}
.subtask-composer-v11{height:40px;background:#F8FAFC}.subtask-composer-v11 .subtask-composer-main{gap:6px}.subtask-create-icon{width:20px;height:20px;display:grid;place-items:center;color:var(--muted)}.subtask-create-icon .ui-icon{width:12px;height:12px}

/* v11 drawer */
.task-drawer-v11{width:min(590px,94vw);box-shadow:-20px 0 55px rgba(15,23,42,.12)}
.task-drawer-v11 .task-drawer-head{height:48px;padding:0 14px}.task-drawer-v11 .drawer-kicker{font-size:9px}
.task-drawer-v11 .task-drawer-body{padding:0 22px 32px}
.drawer-skeleton{padding-top:24px}.drawer-skeleton i{display:block;height:12px;margin-bottom:10px;border-radius:5px;background:linear-gradient(90deg,#F0F2F5,#F8F9FA,#F0F2F5);background-size:200% 100%;animation:drawerPulse 1.2s linear infinite}.drawer-skeleton i:first-child{height:26px;width:72%}.drawer-skeleton i:nth-child(2){width:44%}.drawer-skeleton i:nth-child(3){width:100%;height:70px}.drawer-skeleton i:nth-child(4){width:88%;height:42px}.drawer-skeleton i:nth-child(5){width:64%;height:42px}@keyframes drawerPulse{from{background-position:100% 0}to{background-position:-100% 0}}
.drawer-title-block-v11{padding:20px 0 17px;border-bottom:1px solid var(--border)}.drawer-breadcrumb-v11{display:flex;align-items:center;gap:5px;margin-bottom:8px;color:var(--muted-soft);font-size:9px}.drawer-title-block-v11 .drawer-title{font-size:21px!important;line-height:1.3!important;margin:0 0 12px!important;font-weight:620}.drawer-chip-row-v11{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.drawer-priority-v11,.drawer-date-chip-v11{height:22px;display:inline-flex;align-items:center;gap:5px;padding:0 7px;border-radius:5px;background:var(--bg-subtle);color:var(--muted);font-size:9.5px;font-weight:550}.drawer-date-chip-v11 .ui-icon{width:11px;height:11px}
.drawer-property-grid-v11{display:grid;grid-template-columns:1fr 1fr;gap:0;border-bottom:1px solid var(--border)}.drawer-property-grid-v11>div{min-height:60px;padding:11px 12px 11px 0;border-bottom:1px solid var(--border)}.drawer-property-grid-v11>div:nth-last-child(-n+2){border-bottom:0}.drawer-property-grid-v11>div>span:first-child{display:block;margin-bottom:6px;color:var(--muted-soft);font-size:8.5px;text-transform:uppercase;letter-spacing:.06em;font-weight:650}.drawer-property-grid-v11 strong{font-size:10.5px;font-weight:550;color:var(--ink)}.drawer-assignees-v11,.drawer-labels-v11{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.drawer-person-v11{height:24px;display:inline-flex;align-items:center;gap:5px;font-size:9.5px}.drawer-person-v11 .mini-avatar{margin:0;width:21px;height:21px}.drawer-empty-v11{font-size:9.5px;color:var(--muted-soft)}.drawer-label-v11{height:19px}
.drawer-section-v11{padding:17px 0;border-bottom:1px solid var(--border)}.drawer-section-head-v11{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.drawer-section-head-v11 h3{margin:0;font-family:var(--body);font-size:11.5px;font-weight:600;color:var(--ink-strong)}.drawer-section-head-v11>span{min-width:20px;height:19px;display:grid;place-items:center;border-radius:10px;background:var(--bg-subtle);color:var(--muted);font-size:8.5px}.drawer-description-v11{padding:10px 11px;border:1px solid var(--border);border-radius:7px;background:var(--bg-subtle);font-size:10.5px;line-height:1.55;color:var(--ink);white-space:pre-wrap}.drawer-description-v11.empty{color:var(--muted-soft)}.drawer-empty-block-v11{padding:11px 0;color:var(--muted-soft);font-size:9.5px}
.drawer-subtasks-v11{display:flex;flex-direction:column}.drawer-subtask-v11{min-height:34px;display:grid;grid-template-columns:8px minmax(0,1fr) auto;align-items:center;gap:8px;border-top:1px solid var(--border);font-size:10px;color:var(--ink)}.drawer-subtask-v11:last-child{border-bottom:1px solid var(--border)}.drawer-subtask-v11:hover{color:var(--amber)}.drawer-subtask-v11 .task-status-dot{margin:0}.drawer-subtask-v11 small{font-size:8.5px;color:var(--muted-soft)}
.drawer-activity-list-v11{display:flex;flex-direction:column}.drawer-activity-v11{display:grid;grid-template-columns:25px minmax(0,1fr);gap:8px;padding:9px 0;border-top:1px solid var(--border)}.drawer-activity-v11 .mini-avatar{width:24px;height:24px;margin:0}.drawer-activity-v11 strong{font-size:9.5px;font-weight:600}.drawer-activity-v11 p{margin:2px 0 3px;font-size:10px;line-height:1.45;color:var(--ink)}.drawer-activity-v11 small{font-size:8.5px;color:var(--muted-soft)}.drawer-activity-timeline-v11{display:flex;flex-direction:column}.drawer-activity-line-v11{display:grid;grid-template-columns:8px minmax(0,1fr);gap:8px;padding:7px 0}.drawer-activity-line-v11>span{width:6px;height:6px;border-radius:50%;background:#B7BFCA;margin-top:4px}.drawer-activity-line-v11 p{margin:0;font-size:9.5px;color:var(--ink)}.drawer-activity-line-v11 small{font-size:8px;color:var(--muted-soft)}.drawer-footer-v11{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:16px}.drawer-footer-v11>span{font-size:8.5px;color:var(--muted-soft)}

@media(max-width:1100px){
  .task-toolbar-v11{align-items:flex-start;flex-direction:column}.task-search-form-v11{width:100%;max-width:100%;flex-basis:auto}.task-filter-actions-v11{width:100%;justify-content:flex-start}
  .task-list-v11 .task-list-header,.task-list-v11 .task-row-v2{grid-template-columns:minmax(390px,1fr) 135px 180px 118px 105px 118px}
}
@media(max-width:700px){
  .task-page-head-v11{align-items:flex-start}.task-page-head-v11 .page-head-actions{width:auto}.view-switch-v11 span{display:none}.task-filter-actions-v11{padding-bottom:3px}.task-filter-button-v11 strong{display:none}.task-drawer-v11{width:100vw}.drawer-property-grid-v11{grid-template-columns:1fr}.drawer-property-grid-v11>div{border-bottom:1px solid var(--border)!important}.drawer-property-grid-v11>div:last-child{border-bottom:0!important}
}

/* =====================================================================
   SALZIO v12 — WORKLIST, NOT SPREADSHEET
   ===================================================================== */
.task-page-head-v12{margin-bottom:14px}.task-page-head-v12 h1,.project-page-head-v12 h1{font-size:20px;letter-spacing:-.018em;margin-bottom:2px}.task-page-head-v12 p,.project-page-head-v12 p{font-size:11px;margin:0;color:var(--muted-soft)}
.task-add-primary-v12{height:32px!important;min-height:32px!important;padding:0 10px!important;border-radius:7px!important;gap:5px;font-size:11px!important}.task-add-primary-v12 .ui-icon{width:13px;height:13px}
.view-switch-v12{height:31px;border:1px solid var(--border);border-radius:7px;background:var(--bg-subtle);padding:1px;display:flex}.view-switch-v12 a{height:27px;display:flex;align-items:center;gap:5px;padding:0 8px;border-radius:5px;color:var(--muted);font-size:10.5px}.view-switch-v12 a.active{background:var(--bg-raised);color:var(--ink-strong);box-shadow:0 1px 2px rgba(15,23,42,.05)}.view-switch-v12 .ui-icon{width:12px;height:12px}

.task-toolbar-v12{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:42px;margin-bottom:8px}.task-search-form-v12{width:min(320px,34vw)}.task-search-field-v12{height:32px;display:grid;grid-template-columns:14px minmax(0,1fr) 20px;align-items:center;gap:6px;padding:0 8px;border:1px solid transparent;border-radius:7px;color:var(--muted-soft);transition:background var(--fast),border-color var(--fast),box-shadow var(--fast)}.task-search-field-v12:hover{background:var(--bg-subtle);border-color:var(--border)}.task-search-field-v12:focus-within{background:var(--bg-raised);border-color:#A9B5FF;box-shadow:0 0 0 3px rgba(79,103,246,.08)}.task-search-field-v12 .ui-icon{width:12px;height:12px}.task-search-field-v12 input{height:30px!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;color:var(--ink)!important;font-size:11px!important}.search-clear-v12{width:20px;height:20px;display:grid;place-items:center;border-radius:5px;color:var(--muted-soft)}.search-clear-v12:hover{background:var(--border);color:var(--ink)}.search-clear-v12 .ui-icon{width:10px;height:10px}
.task-filter-actions-v12{display:flex;align-items:center;gap:5px;min-width:0;overflow-x:auto;padding:1px}.task-filter-button-v12{height:30px;max-width:190px;display:inline-flex;align-items:center;gap:5px;padding:0 8px;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--muted);font-size:10.5px;font-weight:500;white-space:nowrap}.task-filter-button-v12:hover{background:var(--bg-subtle);border-color:var(--border);color:var(--ink)}.task-filter-button-v12.active{background:var(--amber-soft);border-color:rgba(79,103,246,.16);color:var(--amber)}.task-filter-button-v12 .ui-icon{width:12px;height:12px}.task-filter-button-v12 .ui-icon:last-child{width:10px;height:10px;opacity:.55}.task-filter-button-v12 span{max-width:110px;overflow:hidden;text-overflow:ellipsis}.task-clear-v12{height:28px;display:flex;align-items:center;padding:0 7px;border-radius:6px;color:var(--muted);font-size:10.5px}.task-clear-v12:hover{background:var(--bg-subtle);color:var(--ink)}

.task-worklist-v12{position:relative;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--bg-raised)}.task-list-body-v12{display:flex;flex-direction:column}.task-row-v12{--row-bg:var(--bg-raised);position:relative;min-height:52px;display:grid;grid-template-columns:minmax(360px,1fr) auto;align-items:center;gap:18px;padding:5px 8px 5px 0;border-bottom:1px solid var(--border);background:var(--row-bg);transition:background var(--fast),box-shadow var(--fast)}.task-row-v12:last-child{border-bottom:0}.task-row-v12:hover{--row-bg:#F8F9FB;background:#F8F9FB}.task-row-v12:hover:before{content:"";position:absolute;left:0;top:7px;bottom:7px;width:2px;border-radius:0 2px 2px 0;background:var(--amber)}html[data-theme="dark"] .task-row-v12:hover{--row-bg:#171D26;background:#171D26}.task-row-v12.row-hidden{display:none}
.task-primary-v12{min-width:0;display:flex;align-items:center}.task-tree-v12{position:relative;display:flex;align-items:center;padding-left:calc(8px + var(--depth,0) * 25px);flex:0 0 auto}.task-row-v12[data-depth]:not([data-depth="0"]) .task-tree-v12:before{content:"";position:absolute;left:calc(19px + (var(--depth) - 1) * 25px);top:-31px;bottom:50%;width:1px;background:#E4E7EC}.task-row-v12[data-depth]:not([data-depth="0"]) .task-tree-v12:after{content:"";position:absolute;left:calc(19px + (var(--depth) - 1) * 25px);top:50%;width:12px;height:1px;background:#E4E7EC}html[data-theme="dark"] .task-row-v12[data-depth]:not([data-depth="0"]) .task-tree-v12:before,html[data-theme="dark"] .task-row-v12[data-depth]:not([data-depth="0"]) .task-tree-v12:after{background:#303744}.task-chevron-v12,.task-chevron-spacer-v12{width:22px;height:28px;flex:0 0 22px}.task-chevron-v12{display:grid;place-items:center;border:0;border-radius:5px;background:transparent;color:var(--muted-soft)}.task-chevron-v12:hover{background:var(--bg-subtle);color:var(--ink)}.task-chevron-v12 .ui-icon{width:12px;height:12px}.task-row-v12 .task-status-dot{width:7px;height:7px;margin:0 9px 0 2px}
.task-copy-v12{min-width:0;display:flex;flex-direction:column;justify-content:center}.task-title-line-v12{min-width:0;display:flex;align-items:center;gap:7px}.task-title-button-v12{max-width:min(620px,62vw);font-size:12.5px;font-weight:560;line-height:1.25;color:var(--ink-strong);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-title-button-v12:hover{color:var(--amber)}.task-meta-v12{min-height:18px;margin-top:3px;display:flex;align-items:center;gap:7px;min-width:0}.task-project-hint-v12{display:flex;align-items:center;gap:4px;max-width:200px;color:var(--muted-soft);font-size:9.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-project-hint-v12 .ui-icon{width:10px;height:10px}.task-label-inline-v12{min-height:18px;display:inline-flex;align-items:center;padding:0;border:0;background:transparent;color:var(--muted-soft)}.task-label-inline-v12:not(:disabled):hover .field-empty-v12{color:var(--amber)}.field-empty-v12{font-size:9.5px;color:#A7AFBC}.task-row-v12 .task-label{height:18px;max-width:95px;padding:0 6px;border-radius:4px;font-size:8.7px}
.task-hover-actions-v12{position:static;display:flex;align-items:center;gap:2px;opacity:0;pointer-events:none;transform:translateX(-3px);transition:opacity var(--fast),transform var(--fast)}.task-row-v12:hover .task-hover-actions-v12,.task-row-v12:focus-within .task-hover-actions-v12{opacity:1;pointer-events:auto;transform:translateX(0)}.task-hover-actions-v12 .task-action-icon{width:26px;height:26px;padding:0;display:grid;place-items:center;border:0;border-radius:6px;background:transparent;color:var(--muted)}.task-hover-actions-v12 .task-action-icon:hover{background:#ECEFF3;color:var(--ink)}html[data-theme="dark"] .task-hover-actions-v12 .task-action-icon:hover{background:#252D39}.task-hover-actions-v12 .ui-icon{width:12px;height:12px}
.task-properties-v12{display:flex;align-items:center;justify-content:flex-end;gap:4px;min-width:0}.task-property-v12{height:30px;min-width:0;display:inline-flex;align-items:center;gap:5px;padding:0 7px;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--muted);font-size:10px;white-space:nowrap;transition:background var(--fast),border-color var(--fast),color var(--fast)}.task-property-v12:not(:disabled):hover{background:var(--bg-raised);border-color:var(--border);color:var(--ink);box-shadow:0 1px 2px rgba(15,23,42,.04)}.task-property-v12:disabled{cursor:default}.task-property-v12>.ui-icon{width:11px;height:11px;opacity:.65}.assignee-property-v12{max-width:185px}.assignee-property-v12 .assignee-copy{max-width:126px;overflow:hidden;text-overflow:ellipsis}.task-property-v12 .mini-avatar{width:20px;height:20px;font-size:7px}.date-property-v12{min-width:74px}.date-property-v12.overdue{color:var(--red)}.priority-property-v12{min-width:64px}.status-property-v12{padding:0 3px}.task-property-v12 .status-pill{height:21px}.task-property-v12 .priority-flag{height:12px}

/* Composer: same visual language for parent, subtask and nested subtask */
.task-composer-v12{--depth:0;display:block;border-bottom:1px solid var(--border);background:#FBFCFE}.task-composer-title-v12{min-height:43px;display:flex;align-items:center;gap:7px;padding:5px 8px 5px calc(8px + var(--depth) * 25px)}.composer-plus-v12{width:24px;height:28px;display:grid;place-items:center;color:var(--muted-soft);flex:0 0 24px}.composer-plus-v12 .ui-icon{width:12px;height:12px}.composer-tree-indent-v12{width:20px;flex:0 0 20px}.task-composer-title-v12 input{height:32px;min-width:160px;flex:1;border:1px solid transparent!important;border-radius:6px!important;padding:0 8px!important;background:transparent!important;color:var(--ink)!important;font-size:12.5px!important;font-weight:520!important;box-shadow:none!important}.task-composer-v12.is-open .task-composer-title-v12 input,.task-composer-title-v12 input:focus{background:var(--bg-raised)!important;border-color:#AAB5FF!important;box-shadow:0 0 0 3px rgba(79,103,246,.08)!important}.task-composer-actions-v12{display:flex;align-items:center;gap:5px;margin-left:auto}.composer-cancel-v12{height:30px;padding:0 8px;border:0;border-radius:6px;background:transparent;color:var(--muted);font-size:10.5px}.composer-cancel-v12:hover{background:var(--bg-subtle);color:var(--ink)}.composer-submit-v12{height:30px!important;min-height:30px!important;padding:0 10px!important;font-size:10.5px!important;border-radius:6px!important}.task-composer-properties-v12{display:flex;align-items:center;gap:4px;min-height:35px;padding:0 8px 6px calc(39px + var(--depth) * 25px);overflow-x:auto}.composer-property-v12{height:27px;max-width:200px;display:inline-flex;align-items:center;gap:5px;padding:0 7px;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--muted);font-size:9.8px;white-space:nowrap}.composer-property-v12:hover{border-color:var(--border);background:var(--bg-raised);color:var(--ink)}.composer-property-v12 .ui-icon{width:11px;height:11px}.composer-property-v12 .assignee-copy{max-width:130px}.child-task-composer-v12{--depth:1;background:#F8FAFC}html[data-theme="dark"] .task-composer-v12,html[data-theme="dark"] .child-task-composer-v12{background:#121821}

.task-empty-state-v12{min-height:180px;display:grid;place-content:center;text-align:center;gap:4px;color:var(--muted)}.task-empty-state-v12 strong{font-size:13px;color:var(--ink-strong)}.task-empty-state-v12 span{font-size:10.5px}
.inline-title-editor-v12{height:31px;min-width:240px;max-width:520px;border:1px solid #AAB5FF!important;border-radius:6px!important;padding:0 8px!important;background:var(--bg-raised)!important;color:var(--ink)!important;font-size:12.5px!important;font-weight:560!important;box-shadow:0 0 0 3px rgba(79,103,246,.08)!important}

/* Popovers: consistent, compact and searchable */
.floating-popover-v12{min-width:280px;max-width:360px;padding:6px;border-radius:10px;box-shadow:0 18px 45px rgba(15,23,42,.16)}.popover-head-v12{height:35px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 8px;border-bottom:1px solid var(--border);margin-bottom:5px}.popover-head-v12 strong{font-size:11px;font-weight:600;color:var(--ink-strong)}.popover-count-v12{font-size:9px;color:var(--muted-soft)}.popover-clear-v12{height:23px;padding:0 6px;border:0;border-radius:5px;background:transparent;color:var(--amber);font-size:9.5px}.popover-clear-v12:hover{background:var(--amber-soft)}.popover-search-v12{height:32px;margin:5px 3px 6px;display:grid;grid-template-columns:14px minmax(0,1fr);align-items:center;gap:6px;padding:0 7px;border:1px solid var(--border);border-radius:7px;color:var(--muted-soft);background:var(--bg-raised)}.popover-search-v12:focus-within{border-color:#AAB5FF;box-shadow:0 0 0 2px rgba(79,103,246,.08)}.popover-search-v12 .ui-icon{width:12px;height:12px}.popover-search-v12 input{height:29px!important;padding:0!important;border:0!important;box-shadow:none!important;background:transparent!important;color:var(--ink)!important;font-size:10.5px!important}.popover-menu-v12{max-height:310px;overflow:auto;padding:1px}.popover-option-v12{width:100%;min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 7px;border:0;border-radius:6px;background:transparent;color:var(--ink);font-size:10.5px;text-align:left}.popover-option-v12:hover{background:var(--bg-subtle)}.popover-option-v12.selected{background:var(--amber-soft);color:var(--amber)}a.popover-option-v12{text-decoration:none}.filter-option-main-v12{min-width:0;display:flex;align-items:center;gap:8px}.filter-option-main-v12>span:not(.priority-flag):not(.task-status-dot):not(.mini-avatar):not(.project-status-dot-v12){min-width:0;display:flex;flex-direction:column}.filter-option-main-v12 strong{font-size:10.5px;font-weight:520;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.filter-option-main-v12 small{font-size:8.5px;color:var(--muted-soft);margin-top:1px}.filter-option-main-v12>.ui-icon{width:13px;height:13px;color:var(--muted)}.option-check-v12{width:16px;display:grid;place-items:center;color:var(--amber)}.option-check-v12 .ui-icon{width:12px;height:12px}.popover-empty-v12{padding:14px 8px;color:var(--muted-soft);font-size:10px;text-align:center}.popover-actions-v12{display:flex;justify-content:flex-end;gap:5px;padding:7px 4px 2px;border-top:1px solid var(--border)}
.people-role-tabs-v12{display:flex;align-items:center;gap:3px;padding:0 3px 6px}.people-role-tabs-v12 button{height:25px;padding:0 7px;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--muted);font-size:9px;font-weight:550}.people-role-tabs-v12 button:hover{background:var(--bg-subtle);color:var(--ink)}.people-role-tabs-v12 button.active{background:var(--amber-soft);border-color:rgba(79,103,246,.13);color:var(--amber)}.people-picker-v12{max-height:300px;overflow:auto;padding:1px}.person-option-v12{width:100%;min-height:39px;display:grid;grid-template-columns:28px minmax(0,1fr) 18px;align-items:center;gap:7px;padding:4px 7px;border:0;border-radius:7px;background:transparent;color:var(--ink);text-align:left}.person-option-v12:hover{background:var(--bg-subtle)}.person-option-v12.selected{background:var(--amber-soft)}.person-avatar-v12{width:24px!important;height:24px!important;margin:0!important;border-width:1px!important}.person-copy-v12{min-width:0;display:flex;flex-direction:column}.person-copy-v12 strong{font-size:10.5px;font-weight:560;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.person-copy-v12 small{margin-top:1px;font-size:8.5px;color:var(--muted-soft)}.person-check-v12{display:grid;place-items:center;color:var(--amber)}.person-check-v12 .ui-icon{width:13px;height:13px}

/* Board is a work surface, not boxed cards on a spreadsheet */
.board-v12{gap:10px}.board-lane-v12{min-width:235px;padding:0 8px 10px;border-left:1px solid var(--border)}.board-lane-v12:first-child{border-left:0}.board-lane-v12 .board-head{height:38px}.task-card-v12{border:1px solid var(--border);background:var(--bg-raised);border-radius:7px;padding:10px;box-shadow:none}.task-card-v12:hover{border-color:var(--border-strong);box-shadow:0 3px 10px rgba(15,23,42,.05);transform:none}.task-card-v12 strong{font-size:11.5px}.task-card-v12 .task-card-meta{font-size:9.5px}.board-assignees{display:flex!important;align-items:center;gap:5px}.board-assignees .mini-avatar{width:18px;height:18px}

/* Projects v12 — object list, no database grid */
.project-page-head-v12{margin-bottom:18px}.project-create-v12{margin:-4px 0 16px;border:1px solid var(--border);border-radius:10px;background:var(--bg-raised);padding:15px 16px}.project-create-head-v12{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:12px}.project-create-head-v12 h2{font-family:var(--body);font-size:15px;margin:1px 0 3px}.project-create-head-v12 p{font-size:10.5px;margin:0}.project-create-form-v12{display:grid;gap:11px}.project-name-create-v12,.project-description-create-v12{display:flex;flex-direction:column;gap:5px;font-size:10px;color:var(--muted)}.project-name-create-v12 input,.project-description-create-v12 textarea{border-radius:7px!important}.project-create-properties-v12{display:grid;grid-template-columns:1fr 1fr 170px;gap:7px}.project-create-property-v12{min-height:47px;display:grid;grid-template-columns:minmax(0,1fr) 13px;align-content:center;gap:2px 7px;padding:7px 9px;border:1px solid var(--border);border-radius:7px;background:var(--bg-raised);color:var(--ink);text-align:left}.project-create-property-v12:hover{border-color:var(--border-strong);background:var(--bg-subtle)}.project-create-property-v12 .ui-icon{grid-column:2;grid-row:1/3;width:11px;height:11px;color:var(--muted)}.property-kicker-v12{display:block;font-size:8px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted-soft);font-weight:650}.project-create-property-v12 strong{font-size:10.5px;font-weight:550;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.date-create-v12{display:flex;flex-direction:column;justify-content:center}.date-create-v12 input{height:25px!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;font-size:10.5px!important;color:var(--ink)!important}.project-create-actions-v12{display:flex;align-items:center;justify-content:flex-end;gap:9px}
.project-worklist-v12{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--bg-raised)}.project-item-v12{min-height:62px;display:grid;grid-template-columns:minmax(230px,1fr) auto;align-items:center;gap:18px;padding:7px 5px 7px 10px;border-bottom:1px solid var(--border);transition:background var(--fast)}.project-item-v12:last-child{border-bottom:0}.project-item-v12:hover{background:#F8F9FB}html[data-theme="dark"] .project-item-v12:hover{background:#171D26}.project-main-v12{min-width:0}.project-title-link-v12{padding:0;border:0;background:transparent;color:var(--ink-strong);font-size:12px;font-weight:580;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.project-title-link-v12:hover{color:var(--amber)}.project-meta-v12{display:flex;align-items:center;gap:4px;margin-top:4px;color:var(--muted-soft);font-size:9px}.project-risk-v12{color:var(--red)}.project-properties-v12{display:flex;align-items:center;justify-content:flex-end;gap:4px}.project-property-v12{min-width:110px;max-width:175px;height:43px;display:grid;grid-template-columns:minmax(0,1fr) 12px;align-content:center;gap:2px 7px;padding:5px 8px;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--ink);text-align:left}.project-property-v12:not(:disabled):hover{border-color:var(--border);background:var(--bg-raised);box-shadow:0 1px 2px rgba(15,23,42,.04)}.project-property-v12:disabled{cursor:default}.project-property-v12>.ui-icon{grid-column:2;grid-row:1/3;width:10px;height:10px;color:var(--muted-soft)}.project-property-v12 strong{font-size:10px;font-weight:540;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-manager-property-v12{min-width:150px}.manager-inline-v12,.team-inline-v12,.project-date-value-v12{min-width:0;display:flex;align-items:center;gap:5px}.manager-inline-v12 .mini-avatar,.team-inline-v12 .mini-avatar{width:20px;height:20px;font-size:7px}.project-team-button-v12{min-width:160px;max-width:210px}.team-inline-v12 strong{min-width:0;max-width:130px}.project-date-value-v12 .ui-icon{width:10px;height:10px;color:var(--muted-soft)}.project-status-v12{display:inline-flex;align-items:center;width:max-content;height:20px;padding:0 6px;border-radius:5px;background:#EEF1FF;color:#4056E5;font-size:9px;font-weight:600;text-transform:capitalize}.project-status-v12.status-completed{background:#EAF8F2;color:#117A55}.project-status-v12.status-on_hold{background:#FFF6E7;color:#B47615}.project-status-dot-v12{width:7px;height:7px;border-radius:50%;background:#4F67F6}.project-status-dot-v12.status-completed{background:#159A6A}.project-status-dot-v12.status-on_hold{background:#E0A33A}.project-more-v12{width:30px;height:30px;display:grid;place-items:center;border:0;border-radius:6px;background:transparent;color:var(--muted)}.project-more-v12:hover{background:var(--bg-subtle);color:var(--ink)}.project-more-v12 .ui-icon{width:14px;height:14px}.project-description-popover-v12{padding:5px}.project-description-popover-v12 textarea{height:88px;width:100%;padding:8px!important;font-size:10.5px!important}

html[data-theme="dark"] .task-worklist-v12,html[data-theme="dark"] .project-worklist-v12{background:#11161E}.task-property-v12:not(:disabled):hover,html[data-theme="dark"] .project-property-v12:not(:disabled):hover{background:var(--bg-raised)}html[data-theme="dark"] .task-row-v12[data-depth]:not([data-depth="0"]) .task-tree-v12:before,html[data-theme="dark"] .task-row-v12[data-depth]:not([data-depth="0"]) .task-tree-v12:after{background:#303744}

@media(max-width:1250px){.task-row-v12{grid-template-columns:minmax(330px,1fr) auto;gap:8px}.assignee-property-v12{max-width:135px}.assignee-property-v12 .assignee-copy{max-width:80px}.project-property-v12{min-width:95px}.project-manager-property-v12{min-width:130px}.project-team-button-v12{min-width:130px}.team-inline-v12 strong{display:none}}
@media(max-width:980px){.task-toolbar-v12{align-items:flex-start;flex-direction:column}.task-search-form-v12{width:100%;max-width:100%}.task-filter-actions-v12{width:100%;justify-content:flex-start}.task-row-v12{grid-template-columns:1fr;gap:2px;padding-right:8px}.task-properties-v12{justify-content:flex-start;padding-left:calc(39px + var(--depth,0) * 25px);padding-bottom:3px}.project-item-v12{grid-template-columns:1fr}.project-properties-v12{justify-content:flex-start;overflow-x:auto}.project-create-properties-v12{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.view-switch-v12 span{display:none}.task-properties-v12{overflow-x:auto}.task-property-v12{flex:0 0 auto}.project-create-properties-v12{grid-template-columns:1fr}.project-item-v12{padding:9px 4px}.project-properties-v12{padding-bottom:2px}.project-property-v12{flex:0 0 130px}}

/* =====================================================================
   SALZIO v13 — PROFESSIONAL WORK PASS
   One shared interaction language; no spreadsheet/database-table feel.
   ===================================================================== */

/* Work shell refinement */
.app-shell-v2 .main-workspace{padding:22px 28px 48px}
.app-shell-v2 .page-head{margin-bottom:16px}
.task-page-head-v12 .page-head-actions,.project-page-head-v12{align-items:center}
.task-page-head-v12 h1,.project-page-head-v12 h1{font-size:21px!important;font-weight:650!important}
.product-rail{background:#0A0D13}
.rail-item{border-radius:8px}
.rail-item.active{background:#202637}
.context-sidebar{background:#F7F8FA}
.context-nav-item{min-height:35px}
.context-nav-item.active{background:#E9EDF8;color:#1D2636}
.context-nav-item.active .context-nav-icon{color:#4F67F6}

/* Stronger search + filter controls */
.task-toolbar-v12{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:40px;margin-bottom:10px;border-bottom:1px solid #EEF0F3;padding-bottom:10px}
.task-search-form-v12{width:min(360px,34vw)}
.task-search-field-v12{height:32px;display:grid;grid-template-columns:16px minmax(0,1fr) auto;align-items:center;gap:7px;border:1px solid transparent;border-radius:7px;padding:0 7px;color:#8D97A5;background:transparent;transition:background var(--fast),border-color var(--fast)}
.task-search-field-v12:hover,.task-search-field-v12:focus-within{background:#F8F9FB;border-color:#E2E6EC}
.task-search-field-v12 .ui-icon{width:14px;height:14px}
.task-search-field-v12 input{height:30px;border:0!important;box-shadow:none!important;padding:0!important;background:transparent!important;font-size:12px!important;color:#344054!important}
.task-search-field-v12 input::placeholder{color:#98A2B3}
.task-filter-actions-v12{display:flex;align-items:center;gap:5px;flex-wrap:wrap;justify-content:flex-end}
.task-filter-button-v12{height:30px;display:flex;align-items:center;gap:6px;padding:0 8px;border:1px solid transparent;border-radius:7px;background:transparent;color:#667085;font-size:11px;font-weight:520;transition:background var(--fast),border-color var(--fast),color var(--fast)}
.task-filter-button-v12:hover{background:#F7F8FA;border-color:#E3E6EB;color:#344054}
.task-filter-button-v12.active{background:#EEF1FF;border-color:#DCE2FF;color:#4056E5}
.task-filter-button-v12 .ui-icon{width:13px;height:13px}
.task-filter-button-v12 .ui-icon:last-child{width:10px;height:10px;color:#A0A8B5}
.task-clear-v12{height:28px;display:flex;align-items:center;padding:0 7px;border-radius:6px;color:#7A8492;font-size:10.5px}.task-clear-v12:hover{background:#F1F3F6;color:#344054}

/* My Tasks — true work list, never a grid */
.task-worklist-v12{border:0!important;border-top:1px solid #E8EBEF!important;border-bottom:1px solid #E8EBEF!important;border-radius:0!important;background:#FFF!important;overflow:visible!important}
.task-list-body-v12{position:relative}
.task-row-v12{position:relative!important;display:block!important;min-height:61px!important;padding:8px 12px 7px calc(12px + (var(--depth,0) * 27px))!important;border:0!important;border-bottom:1px solid #EEF0F3!important;background:#FFF!important;transition:background var(--fast),box-shadow var(--fast)!important;grid-template-columns:none!important}
.task-row-v12:last-child{border-bottom:0!important}
.task-row-v12:hover,.task-row-v12:focus-within{background:#F9FAFB!important;box-shadow:inset 2px 0 0 #C9D1FF}
.task-row-v12.row-hidden{display:none!important}
.task-row-v12[data-depth]:not([data-depth="0"]){background:#FCFCFD!important}
.task-row-v12[data-depth]:not([data-depth="0"]):hover{background:#F8F9FB!important}

.task-primary-v12{display:flex!important;align-items:flex-start!important;min-width:0!important;gap:5px!important;height:auto!important}
.task-tree-v12{position:relative!important;display:flex!important;align-items:center!important;width:28px!important;min-width:28px!important;height:26px!important;margin-left:calc(-1 * var(--depth,0) * 27px)!important;padding-left:calc(var(--depth,0) * 27px)!important;box-sizing:content-box!important}
.task-row-v12[data-depth]:not([data-depth="0"]) .task-tree-v12:before{content:"";position:absolute;left:calc((var(--depth,0) * 27px) - 15px);top:-17px;bottom:13px;width:1px;background:#E1E5EB}
.task-row-v12[data-depth]:not([data-depth="0"]) .task-tree-v12:after{content:"";position:absolute;left:calc((var(--depth,0) * 27px) - 15px);top:13px;width:12px;height:1px;background:#E1E5EB}
.task-guide-v12{display:none!important}
.task-chevron-v12,.task-chevron-spacer-v12{width:18px!important;height:22px!important;min-width:18px!important;margin-right:2px!important}
.task-chevron-v12{display:grid!important;place-items:center!important;border:0!important;border-radius:5px!important;background:transparent!important;color:#8B95A3!important;padding:0!important}
.task-chevron-v12:hover{background:#ECEFF4!important;color:#344054!important}
.task-chevron-v12 .ui-icon{width:12px!important;height:12px!important}
.task-tree-v12 .task-status-dot{width:7px!important;height:7px!important;margin:0!important}

.task-copy-v12{display:block!important;min-width:0!important;flex:1!important}
.task-title-line-v12{min-height:25px!important;display:flex!important;align-items:center!important;gap:7px!important;position:relative!important}
.task-title-button-v12{max-width:min(620px,62vw)!important;font-size:12.5px!important;line-height:20px!important;font-weight:590!important;color:#27313F!important;letter-spacing:-.005em!important}
.task-title-button-v12:hover{color:#4056E5!important}
.task-hover-actions-v12{position:static!important;transform:none!important;display:flex!important;align-items:center!important;gap:2px!important;margin-left:2px!important;padding:0!important;background:transparent!important;opacity:0!important;pointer-events:none!important;transition:opacity var(--fast)!important}
.task-row-v12:hover .task-hover-actions-v12,.task-row-v12:focus-within .task-hover-actions-v12{opacity:1!important;pointer-events:auto!important}
.task-action-icon{width:26px!important;height:26px!important;display:grid!important;place-items:center!important;padding:0!important;border:1px solid transparent!important;border-radius:6px!important;background:transparent!important;color:#8B95A3!important}
.task-action-icon:hover{background:#FFF!important;border-color:#E1E5EB!important;color:#344054!important;box-shadow:0 1px 2px rgba(15,23,42,.05)!important}
.task-action-icon .ui-icon{width:13px!important;height:13px!important}

/* Metadata + editable properties live together, like a work object */
.task-meta-v12{min-height:20px!important;display:flex!important;align-items:center!important;gap:6px!important;margin-top:0!important;color:#8A94A3!important}
.task-project-hint-v12{height:22px!important;display:inline-flex!important;align-items:center!important;gap:4px!important;max-width:220px!important;font-size:10px!important;color:#8B95A3!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.task-project-hint-v12 .ui-icon{width:11px!important;height:11px!important}
.task-label-inline-v12{min-height:22px!important;padding:0 3px!important;border:0!important;background:transparent!important;color:#98A2B3!important;border-radius:5px!important}
.task-label-inline-v12:not(:disabled):hover{background:#F0F2F5!important;color:#667085!important}
.task-label{height:19px!important;max-width:110px!important;padding:0 6px!important;border-radius:5px!important;background:#EFF2F6!important;color:#667085!important;font-size:9px!important;font-weight:600!important}
.field-empty-v12{font-size:9.5px!important;color:#A4ACB8!important}

.task-properties-v12{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:4px!important;margin:2px 0 0 33px!important;padding:0!important;min-width:0!important;overflow:visible!important}
.task-property-v12{width:auto!important;min-width:0!important;max-width:220px!important;height:26px!important;display:inline-flex!important;align-items:center!important;gap:5px!important;padding:0 7px!important;border:1px solid transparent!important;border-radius:6px!important;background:transparent!important;color:#667085!important;font-size:10px!important;font-weight:500!important;text-align:left!important;white-space:nowrap!important;overflow:hidden!important;transition:background var(--fast),border-color var(--fast),color var(--fast)!important}
.task-property-v12:not(:disabled):hover{background:#FFF!important;border-color:#E1E5EB!important;color:#344054!important;box-shadow:0 1px 2px rgba(15,23,42,.04)!important}
.task-property-v12:disabled{cursor:default!important;opacity:.92!important}
.task-property-v12 .ui-icon{width:11px!important;height:11px!important;color:#98A2B3!important}
.assignee-property-v12{max-width:230px!important}
.assignee-property-v12 .assignee-copy{max-width:180px!important;overflow:hidden!important;text-overflow:ellipsis!important}
.avatar-stack{display:flex!important;align-items:center!important;padding-left:2px!important}
.avatar-stack .mini-avatar{width:19px!important;height:19px!important;margin-left:-3px!important;border:2px solid #FFF!important;background:#E9EDF3!important;color:#687385!important;font-size:6.5px!important;font-weight:700!important}
.avatar-stack .mini-avatar:first-child{margin-left:0!important}
.date-property-v12.overdue{color:#D84A4A!important}
.priority-property-v12 .priority-flag{height:12px!important}
.status-property-v12{padding-left:4px!important;padding-right:4px!important}
.status-pill{height:21px!important;display:inline-flex!important;align-items:center!important;padding:0 7px!important;border-radius:5px!important;font-size:9px!important;font-weight:650!important}

/* Composer — same anatomy for task and subtask */
.task-composer-v12{position:relative!important;border:0!important;border-top:1px solid #EEF0F3!important;background:#FFF!important;padding:0!important;margin:0!important;box-shadow:none!important}
.task-composer-v12.is-open{margin:8px 8px 10px calc(8px + (var(--depth,0) * 27px))!important;padding:8px 9px 9px!important;border:1px solid #DDE3EC!important;border-radius:9px!important;background:#FAFBFC!important;box-shadow:0 4px 14px rgba(15,23,42,.05)!important}
.root-task-composer-v12:not(.is-open){min-height:40px!important}
.task-composer-title-v12{display:grid!important;grid-template-columns:22px minmax(0,1fr) auto!important;align-items:center!important;gap:6px!important;min-height:39px!important;padding:0 8px!important}
.task-composer-v12.is-open .task-composer-title-v12{padding:0!important;min-height:34px!important}
.composer-plus-v12{width:20px!important;height:20px!important;display:grid!important;place-items:center!important;color:#8F99A7!important}
.composer-plus-v12 .ui-icon{width:12px!important;height:12px!important}
.composer-tree-indent-v12{display:none!important}
.task-composer-title-v12 input{height:32px!important;width:100%!important;padding:0 7px!important;border:1px solid transparent!important;border-radius:6px!important;background:transparent!important;box-shadow:none!important;color:#27313F!important;font-size:12.5px!important;font-weight:520!important}
.task-composer-v12.is-open .task-composer-title-v12 input{background:#FFF!important;border-color:#DDE3EC!important;box-shadow:0 0 0 3px rgba(79,103,246,.07)!important}
.task-composer-title-v12 input::placeholder{color:#98A2B3!important;font-weight:450!important}
.task-composer-actions-v12{display:flex!important;align-items:center!important;gap:5px!important;margin-left:4px!important}
.composer-cancel-v12{height:28px!important;padding:0 7px!important;border:0!important;border-radius:6px!important;background:transparent!important;color:#667085!important;font-size:10.5px!important;font-weight:550!important}
.composer-cancel-v12:hover{background:#EEF0F3!important;color:#344054!important}
.composer-submit-v12{height:29px!important;min-height:29px!important;padding:0 9px!important;font-size:10.5px!important}
.task-composer-properties-v12{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:4px!important;margin:6px 0 0 28px!important;padding:0!important}
.composer-property-v12{height:27px!important;display:inline-flex!important;align-items:center!important;gap:5px!important;max-width:220px!important;padding:0 7px!important;border:1px solid #E4E7EC!important;border-radius:6px!important;background:#FFF!important;color:#667085!important;font-size:10px!important;font-weight:520!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.composer-property-v12:hover{border-color:#CDD3DC!important;background:#F7F8FA!important;color:#344054!important}
.composer-property-v12 .ui-icon{width:11px!important;height:11px!important}
.child-task-composer-v12{margin-left:calc(8px + (var(--depth,0) * 27px))!important}

/* Board */
.board-v12{display:grid!important;grid-template-columns:repeat(5,minmax(245px,1fr))!important;gap:9px!important;padding:0 0 12px!important}
.board-lane-v12{min-width:245px!important;padding:0 8px 12px!important;border:1px solid #E8EBEF!important;border-radius:9px!important;background:#FAFBFC!important}
.board-lane-v12:first-child{border-left:1px solid #E8EBEF!important}
.board-lane-v12 .board-head{height:40px!important;border-bottom:1px solid #E8EBEF!important}
.board-lane-v12 .board-head h2{font-size:11px!important;font-weight:650!important}
.board-count{font-size:9px!important;color:#98A2B3!important}
.board-list{padding-top:7px!important}
.task-card-v12{padding:9px!important;border:1px solid #E3E7ED!important;border-radius:8px!important;background:#FFF!important;box-shadow:none!important}
.task-card-v12:hover{border-color:#C9D1DD!important;box-shadow:0 4px 12px rgba(15,23,42,.05)!important}
.task-card-v12 strong{font-size:11.5px!important;line-height:1.35!important}
.task-card-v12 .task-card-meta{margin-top:7px!important;font-size:9px!important;color:#7D8795!important}

/* Popovers: mature, readable, compact */
.floating-popover-v12{min-width:270px!important;max-width:340px!important;border:1px solid #DCE1E8!important;border-radius:10px!important;background:#FFF!important;box-shadow:0 16px 42px rgba(15,23,42,.14)!important;padding:6px!important}
.popover-head-v12{min-height:34px!important;padding:4px 7px!important}
.popover-head-v12 strong{font-size:12px!important;font-weight:650!important;color:#27313F!important}
.popover-count-v12{font-size:9.5px!important}
.popover-search-v12{height:32px!important;margin:2px 3px 7px!important;padding:0 8px!important;border:1px solid #E1E5EB!important;border-radius:7px!important;background:#FAFBFC!important}
.popover-search-v12 input{height:30px!important;font-size:11px!important}
.people-role-tabs-v12{gap:4px!important;padding:0 3px 7px!important}
.people-role-tabs-v12 button{height:28px!important;padding:0 9px!important;font-size:10px!important;border-radius:6px!important}
.popover-option-v12{min-height:36px!important;padding:5px 7px!important;font-size:11px!important}
.filter-option-main-v12 strong,.person-copy-v12 strong{font-size:11px!important;font-weight:580!important}
.filter-option-main-v12 small,.person-copy-v12 small{font-size:9px!important}
.person-option-v12{min-height:42px!important;grid-template-columns:30px minmax(0,1fr) 18px!important;padding:5px 7px!important}
.person-avatar-v12{width:26px!important;height:26px!important;font-size:7px!important}

/* Projects — object list, no columns */
.project-page-head-v12{margin-bottom:14px!important}
.project-worklist-v12{border:0!important;border-top:1px solid #E8EBEF!important;border-bottom:1px solid #E8EBEF!important;border-radius:0!important;background:#FFF!important}
.project-item-v12{display:block!important;min-height:0!important;padding:10px 10px 9px!important;border-bottom:1px solid #EEF0F3!important;background:#FFF!important;transition:background var(--fast),box-shadow var(--fast)!important}
.project-item-v12:last-child{border-bottom:0!important}
.project-item-v12:hover{background:#F9FAFB!important;box-shadow:inset 2px 0 0 #C9D1FF!important}
.project-main-v12{display:flex!important;align-items:flex-start!important;gap:8px!important;justify-content:space-between!important}
.project-title-link-v12{font-size:13px!important;font-weight:620!important;color:#27313F!important;line-height:20px!important}
.project-meta-v12{margin-top:2px!important;font-size:9.5px!important;color:#8A94A3!important}
.project-properties-v12{display:flex!important;align-items:center!important;justify-content:flex-start!important;flex-wrap:wrap!important;gap:4px!important;margin-top:6px!important;padding-left:0!important;overflow:visible!important}
.project-property-v12{width:auto!important;min-width:0!important;max-width:240px!important;height:29px!important;display:inline-flex!important;align-items:center!important;gap:5px!important;padding:0 7px!important;border:1px solid transparent!important;border-radius:6px!important;background:transparent!important;color:#667085!important;white-space:nowrap!important;overflow:hidden!important}
.project-property-v12:not(:disabled):hover{background:#FFF!important;border-color:#E1E5EB!important;box-shadow:0 1px 2px rgba(15,23,42,.04)!important;color:#344054!important}
.project-property-v12>.ui-icon{width:10px!important;height:10px!important;grid-column:auto!important;grid-row:auto!important}
.property-kicker-v12{display:inline!important;font-size:9px!important;text-transform:none!important;letter-spacing:0!important;color:#98A2B3!important;font-weight:500!important}
.property-kicker-v12:after{content:" ·"}
.project-property-v12 strong{font-size:10px!important;font-weight:560!important;color:#526071!important}
.project-manager-property-v12,.project-team-button-v12{min-width:0!important;max-width:260px!important}
.manager-inline-v12,.team-inline-v12,.project-date-value-v12{gap:4px!important}
.manager-inline-v12 .mini-avatar,.team-inline-v12 .mini-avatar{width:19px!important;height:19px!important;font-size:6px!important;border:2px solid #FFF!important}
.project-status-v12{height:21px!important;padding:0 7px!important;font-size:9px!important}
.project-more-v12{width:28px!important;height:28px!important;margin-left:2px!important}

.project-create-v12{border:1px solid #E1E5EB!important;border-radius:10px!important;background:#FAFBFC!important;padding:14px!important;box-shadow:0 6px 18px rgba(15,23,42,.04)!important}
.project-create-properties-v12{grid-template-columns:1fr 1fr 170px!important;gap:6px!important}
.project-create-property-v12{min-height:44px!important;border-color:#E1E5EB!important;background:#FFF!important}
.project-create-property-v12 strong{font-size:11px!important}

/* Project detail workspace */
.project-detail-page-v13{max-width:1380px;margin:0 auto}
.project-detail-breadcrumb-v13{display:flex;align-items:center;gap:6px;margin-bottom:13px;color:#7E8896;font-size:11px}
.project-detail-breadcrumb-v13 .ui-icon{width:12px;height:12px}
.project-detail-head-v13{display:flex;align-items:flex-start;justify-content:space-between;gap:22px;margin-bottom:14px}
.project-detail-head-v13 h1{font-family:var(--body)!important;font-size:23px!important;font-weight:650!important;letter-spacing:-.02em!important;margin:0 0 4px!important}
.project-detail-head-v13 p{font-size:11px!important;margin:0!important;color:#7B8492!important}
.project-detail-actions-v13{display:flex;gap:6px;align-items:center}
.project-progress-v13{margin:8px 0 0;display:flex;align-items:center;gap:8px;color:#7B8492;font-size:9.5px}
.project-progress-track-v13{width:150px;height:5px;border-radius:3px;background:#EEF0F3;overflow:hidden}
.project-progress-track-v13 span{display:block;height:100%;background:#5B70F7;border-radius:3px}

.project-overview-v13{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:8px 0 14px;border-bottom:1px solid #E8EBEF}
.project-overview-item-v13{min-height:30px;display:inline-flex;align-items:center;gap:6px;padding:0 8px;border:1px solid #E5E8ED;border-radius:7px;background:#FFF;color:#667085;font-size:10px}
.project-overview-item-v13>span:first-child{color:#98A2B3}
.project-overview-item-v13 strong{color:#344054;font-weight:600}
.project-overview-item-v13 .mini-avatar{width:19px;height:19px;font-size:6px}
.health-dot-v13{width:7px;height:7px;border-radius:50%;background:#159A6A}.health-dot-v13.at_risk{background:#E0A33A}.health-dot-v13.blocked{background:#D84A4A}

.project-detail-layout-v13{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(270px,.7fr);gap:28px;margin-top:22px}
.project-detail-main-v13,.project-detail-side-v13{min-width:0}
.project-section-v13{margin-bottom:28px}
.project-section-head-v13{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}
.project-section-head-v13 h2{font-size:14px!important;font-weight:650!important}
.project-section-head-v13 span{font-size:9.5px;color:#98A2B3}
.project-task-list-v13{border-top:1px solid #E8EBEF;border-bottom:1px solid #E8EBEF}
.project-task-v13{min-height:49px;display:flex;align-items:center;gap:9px;padding:7px 4px;border-bottom:1px solid #EEF0F3}
.project-task-v13:last-child{border-bottom:0}
.project-task-v13:hover{background:#F9FAFB}
.project-task-main-v13{min-width:0;flex:1;display:flex;flex-direction:column;gap:3px}
.project-task-title-v13{font-size:11.5px;font-weight:590;color:#2C3543;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.project-task-meta-v13{display:flex;align-items:center;gap:5px;color:#8A94A3;font-size:9px}
.project-task-props-v13{display:flex;align-items:center;gap:5px;flex-wrap:wrap;justify-content:flex-end}
.project-task-prop-v13{height:23px;display:inline-flex;align-items:center;gap:4px;padding:0 6px;border-radius:6px;color:#667085;background:#F7F8FA;font-size:9px;white-space:nowrap}
.project-task-prop-v13 .ui-icon{width:10px;height:10px}

.milestone-list-v13{border-top:1px solid #E8EBEF;border-bottom:1px solid #E8EBEF}
.milestone-row-v13{min-height:42px;display:grid;grid-template-columns:26px minmax(0,1fr) auto;align-items:center;gap:6px;border-bottom:1px solid #EEF0F3;padding:4px 3px}
.milestone-row-v13:last-child{border-bottom:0}
.milestone-row-v13 .check-button{width:22px;height:22px;border-radius:6px}
.milestone-title-v13{font-size:11px;font-weight:550;color:#344054}
.milestone-row-v13 time{font-size:9.5px;color:#8A94A3}
.milestone-add-v13{display:grid;grid-template-columns:minmax(0,1fr) 145px auto;gap:6px;margin-top:8px}
.milestone-add-v13 input{height:32px!important;font-size:10.5px!important}

.project-side-block-v13{padding:0 0 20px;margin-bottom:20px;border-bottom:1px solid #E8EBEF}
.project-side-block-v13:last-child{border-bottom:0}
.project-side-block-v13 h3{font-family:var(--body);font-size:11px;font-weight:650;color:#344054;margin:0 0 8px}
.project-description-v13{font-size:11px;line-height:1.55;color:#667085;white-space:pre-wrap}
.project-team-list-v13{display:flex;flex-direction:column;gap:5px}
.project-team-person-v13{height:31px;display:flex;align-items:center;gap:7px;color:#475467;font-size:10px}
.project-team-person-v13 .mini-avatar{width:23px;height:23px;font-size:7px}
.health-actions-v13{display:flex;gap:4px;flex-wrap:wrap}
.health-action-v13{height:28px;padding:0 8px;border:1px solid #E1E5EB;border-radius:6px;background:#FFF;color:#667085;font-size:9.5px;font-weight:550}
.health-action-v13:hover{background:#F7F8FA;color:#344054}.health-action-v13.active{background:#EEF1FF;border-color:#CFD7FF;color:#4056E5}

/* Calendar — agenda workspace, not a plain date list */
.calendar-page-v13{max-width:1180px;margin:0 auto}
.calendar-summary-v13{display:flex;align-items:center;gap:7px;margin-bottom:14px;color:#7B8492;font-size:10px}
.calendar-summary-v13 strong{font-size:11px;color:#344054}
.calendar-agenda-v13{border-top:1px solid #E8EBEF}
.calendar-day-v13{display:grid;grid-template-columns:118px minmax(0,1fr);gap:14px;border-bottom:1px solid #EEF0F3;padding:12px 0}
.calendar-date-v13{padding:4px 0;display:flex;flex-direction:column;gap:2px}
.calendar-date-v13 strong{font-size:11px;color:#344054}.calendar-date-v13 span{font-size:9px;color:#98A2B3}
.calendar-tasks-v13{display:flex;flex-direction:column;gap:4px}
.calendar-task-v13{min-height:42px;display:flex;align-items:center;gap:9px;padding:5px 7px;border-radius:7px;color:#475467;transition:background var(--fast)}
.calendar-task-v13:hover{background:#F7F8FA}
.calendar-task-v13>.task-status-dot{margin:0!important}
.calendar-task-main-v13{flex:1;min-width:0}.calendar-task-main-v13 strong{display:block;font-size:11px;font-weight:590;color:#344054;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.calendar-task-main-v13 span{display:block;font-size:9px;color:#98A2B3;margin-top:2px}
.calendar-task-props-v13{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.calendar-task-prop-v13{height:23px;display:inline-flex;align-items:center;gap:4px;padding:0 6px;border-radius:6px;background:#F7F8FA;color:#667085;font-size:9px}.calendar-task-prop-v13 .ui-icon{width:10px;height:10px}

/* Time — activity workspace, not a log table */
.time-page-v13{max-width:1180px;margin:0 auto}
.time-hero-v13{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;margin-bottom:18px;padding-bottom:16px;border-bottom:1px solid #E8EBEF}
.time-total-v13{display:flex;align-items:baseline;gap:7px}.time-total-v13 strong{font-size:26px;line-height:1;font-weight:650;color:#27313F}.time-total-v13 span{font-size:10px;color:#98A2B3}
.active-timer-v13{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px;padding:9px 10px;border:1px solid #CFEADB;border-radius:8px;background:#F2FBF7}.active-timer-v13>div{min-width:0}.active-timer-v13 span{display:block;font-size:9px;color:#159A6A;font-weight:650;text-transform:uppercase;letter-spacing:.04em}.active-timer-v13 strong{display:block;margin-top:2px;font-size:11.5px;color:#2B3A34}.active-timer-v13 small{font-size:9px;color:#6C8178}
.time-start-v13{display:flex;align-items:center;gap:6px;margin-bottom:22px}.time-task-picker-v13{min-width:280px;max-width:460px;height:34px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 9px;border:1px solid #DDE2E9;border-radius:7px;background:#FFF;color:#667085;font-size:10.5px;text-align:left}.time-task-picker-v13:hover{border-color:#C9D0DA;background:#FAFBFC}.time-task-picker-v13 .ui-icon{width:11px;height:11px}.time-task-picker-v13 strong{font-weight:560;color:#344054;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.time-entry-list-v13{border-top:1px solid #E8EBEF;border-bottom:1px solid #E8EBEF}.time-entry-v13{min-height:49px;display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:8px;padding:6px 3px;border-bottom:1px solid #EEF0F3}.time-entry-v13:last-child{border-bottom:0}.time-entry-v13 .mini-avatar{width:24px;height:24px;font-size:7px}.time-entry-main-v13{min-width:0}.time-entry-main-v13 strong{display:block;font-size:10.5px;font-weight:580;color:#344054}.time-entry-main-v13 span{display:block;margin-top:2px;font-size:9px;color:#8A94A3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.time-entry-side-v13{display:flex;align-items:center;gap:8px;color:#7B8492;font-size:9px}.time-duration-v13{height:23px;display:inline-flex;align-items:center;padding:0 7px;border-radius:6px;background:#F0F2F5;color:#475467;font-family:var(--mono);font-size:9px}
.time-popover-v13{position:fixed;z-index:1000;width:320px;max-height:360px;overflow:hidden;border:1px solid #DCE1E8;border-radius:10px;background:#FFF;box-shadow:0 16px 42px rgba(15,23,42,.14);padding:6px}.time-popover-search-v13{height:32px;display:flex;align-items:center;gap:7px;padding:0 8px;border:1px solid #E1E5EB;border-radius:7px;background:#FAFBFC}.time-popover-search-v13 .ui-icon{width:13px;height:13px;color:#98A2B3}.time-popover-search-v13 input{height:30px!important;border:0!important;background:transparent!important;box-shadow:none!important;padding:0!important;font-size:11px!important}.time-popover-list-v13{max-height:292px;overflow:auto;margin-top:5px}.time-popover-option-v13{width:100%;min-height:36px;display:flex;align-items:center;gap:8px;padding:5px 7px;border:0;border-radius:6px;background:transparent;color:#344054;text-align:left}.time-popover-option-v13:hover{background:#F5F7FA}.time-popover-option-v13 .task-status-dot{margin:0!important}.time-popover-option-v13 strong{display:block;font-size:10.5px;font-weight:560}.time-popover-option-v13 small{display:block;font-size:8.5px;color:#98A2B3;margin-top:1px}

/* Dark mode v13 */
html[data-theme="dark"] .task-worklist-v12,html[data-theme="dark"] .task-row-v12,html[data-theme="dark"] .task-composer-v12,html[data-theme="dark"] .project-worklist-v12,html[data-theme="dark"] .project-item-v12{background:#11161E!important}
html[data-theme="dark"] .task-row-v12[data-depth]:not([data-depth="0"]){background:#121821!important}
html[data-theme="dark"] .task-row-v12:hover,html[data-theme="dark"] .task-row-v12:focus-within,html[data-theme="dark"] .project-item-v12:hover{background:#171D26!important}
html[data-theme="dark"] .task-row-v12[data-depth]:not([data-depth="0"]) .task-tree-v12:before,html[data-theme="dark"] .task-row-v12[data-depth]:not([data-depth="0"]) .task-tree-v12:after{background:#303744!important}
html[data-theme="dark"] .task-title-button-v12,html[data-theme="dark"] .project-title-link-v12{color:#E8EDF4!important}
html[data-theme="dark"] .task-property-v12:not(:disabled):hover,html[data-theme="dark"] .task-action-icon:hover,html[data-theme="dark"] .composer-property-v12,html[data-theme="dark"] .project-property-v12:not(:disabled):hover,html[data-theme="dark"] .floating-popover-v12,html[data-theme="dark"] .time-popover-v13{background:#151A22!important;border-color:#2B3441!important;color:#D6DEE8!important}
html[data-theme="dark"] .task-composer-v12.is-open,html[data-theme="dark"] .project-create-v12{background:#121821!important;border-color:#2A323E!important}
html[data-theme="dark"] .task-composer-v12.is-open .task-composer-title-v12 input,html[data-theme="dark"] .project-create-property-v12,html[data-theme="dark"] .health-action-v13{background:#151A22!important;border-color:#2B3441!important;color:#D9E0E9!important}

@media(max-width:1100px){
  .task-properties-v12{margin-left:30px!important;overflow-x:auto!important;flex-wrap:nowrap!important;padding-bottom:2px!important}
  .project-detail-layout-v13{grid-template-columns:1fr!important}
  .project-detail-side-v13{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
  .project-side-block-v13{border-bottom:0;border-right:1px solid #E8EBEF;padding-right:16px}.project-side-block-v13:last-child{border-right:0}
}
@media(max-width:760px){
  .task-toolbar-v12{align-items:stretch;flex-direction:column}.task-search-form-v12{width:100%}.task-filter-actions-v12{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px}
  .task-row-v12{padding-left:calc(8px + (var(--depth,0) * 22px))!important}.task-tree-v12{margin-left:calc(-1 * var(--depth,0) * 22px)!important;padding-left:calc(var(--depth,0) * 22px)!important}
  .task-properties-v12{margin-left:28px!important}.assignee-property-v12 .assignee-copy{max-width:105px!important}.task-title-button-v12{max-width:calc(100vw - 160px)!important}
  .project-detail-side-v13{grid-template-columns:1fr!important}.project-side-block-v13{border-right:0;border-bottom:1px solid #E8EBEF;padding-right:0}
  .calendar-day-v13{grid-template-columns:1fr;gap:5px}.calendar-date-v13{flex-direction:row;align-items:center;gap:6px}.calendar-task-v13{align-items:flex-start}.calendar-task-props-v13{justify-content:flex-start}
  .time-hero-v13{grid-template-columns:1fr}.time-start-v13{align-items:stretch;flex-direction:column}.time-task-picker-v13{width:100%;max-width:none}.milestone-add-v13{grid-template-columns:1fr}
}
.project-main-v12{display:block!important}

/* Task detail — same work language as list/drawer */
.task-detail-v13{max-width:1380px;margin:0 auto}
.task-detail-breadcrumb-v13{display:flex;align-items:center;gap:6px;margin-bottom:13px;color:#7E8896;font-size:11px}.task-detail-breadcrumb-v13 .ui-icon{width:12px;height:12px}
.task-detail-head-v13{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:10px}.task-detail-project-v13{display:flex;align-items:center;gap:5px;color:#8A94A3;font-size:10px;margin-bottom:5px}.task-detail-project-v13 .ui-icon{width:11px;height:11px}.task-detail-head-v13 h1{font-family:var(--body)!important;font-size:23px!important;line-height:1.2!important;font-weight:650!important;letter-spacing:-.02em!important;margin:0!important}
.task-detail-properties-v13{display:flex;align-items:center;flex-wrap:wrap;gap:4px;padding:8px 0 14px;border-bottom:1px solid #E8EBEF}.task-detail-properties-v13 .task-property-v12{border-color:#E5E8ED!important;background:#FFF!important}.task-detail-properties-v13 .task-property-v12:hover{border-color:#CCD3DD!important}.task-detail-label-v13{height:26px!important;display:flex!important;align-items:center!important;gap:5px!important;padding:0 7px!important;border:1px solid #E5E8ED!important;background:#FFF!important}.task-detail-label-v13 .ui-icon{width:11px;height:11px}
.task-detail-layout-v13{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(270px,.72fr);gap:30px;margin-top:22px}.task-detail-main-v13,.task-detail-side-v13{min-width:0}
.task-detail-section-v13{margin-bottom:28px}.task-detail-section-head-v13{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.task-detail-section-head-v13 h2,.task-detail-section-head-v13 h3{font-family:var(--body)!important;font-size:13px!important;font-weight:650!important;margin:0!important}.task-detail-section-head-v13>span,.task-detail-section-head-v13>strong{font-size:9.5px;color:#8A94A3;font-weight:600}.task-detail-description-v13{min-height:62px;padding:10px 0;border-top:1px solid #E8EBEF;border-bottom:1px solid #E8EBEF;color:#475467;font-size:11px;line-height:1.65;white-space:pre-wrap}.task-detail-description-v13.empty{color:#98A2B3}
.task-detail-link-list-v13{border-top:1px solid #E8EBEF;border-bottom:1px solid #E8EBEF}.task-detail-link-list-v13 a{min-height:39px;display:grid;grid-template-columns:10px minmax(0,1fr) auto;align-items:center;gap:7px;padding:5px 3px;border-bottom:1px solid #EEF0F3;color:#475467;font-size:10.5px}.task-detail-link-list-v13 a:last-child{border-bottom:0}.task-detail-link-list-v13 a:hover{background:#F8F9FB}.task-detail-link-list-v13 small{font-size:9px;color:#98A2B3}
.task-detail-subtasks-v13{border-top:1px solid #E8EBEF;border-bottom:1px solid #E8EBEF}.task-detail-subtask-v13{min-height:40px;display:grid;grid-template-columns:26px minmax(0,1fr);align-items:center;gap:6px;border-bottom:1px solid #EEF0F3;padding:4px 3px}.task-detail-subtask-v13:last-child{border-bottom:0}.task-detail-subtask-v13 span{font-size:10.5px;color:#475467}.task-detail-inline-add-v13{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;margin-top:8px}.task-detail-inline-add-v13 input{height:32px!important;font-size:10.5px!important}
.task-comment-v13{padding:9px;border:1px solid #E1E5EB;border-radius:9px;background:#FAFBFC}.task-comment-v13 textarea{width:100%;min-height:70px;border:0!important;background:transparent!important;box-shadow:none!important;padding:4px!important;font-size:11px!important;resize:vertical}.task-comment-v13>div{display:flex;justify-content:flex-end;margin-top:5px}.task-timeline-v13{margin-top:10px;border-top:1px solid #E8EBEF}.task-comment-row-v13{display:grid;grid-template-columns:28px minmax(0,1fr);gap:8px;padding:10px 2px;border-bottom:1px solid #EEF0F3}.task-comment-row-v13 .mini-avatar{width:24px;height:24px;font-size:7px}.task-comment-row-v13>div>div{display:flex;align-items:center;gap:6px}.task-comment-row-v13 strong{font-size:10px;color:#344054}.task-comment-row-v13 time{font-size:8.5px;color:#98A2B3}.task-comment-row-v13 p{font-size:10.5px;line-height:1.55;color:#667085;margin:4px 0 0}.task-activity-row-v13{display:grid;grid-template-columns:8px minmax(0,1fr);gap:8px;padding:7px 2px}.task-activity-row-v13>span{width:5px;height:5px;border-radius:50%;background:#CBD1DA;margin-top:5px}.task-activity-row-v13 p{font-size:9.5px;color:#8A94A3;margin:0}
.task-side-block-v13{padding:0 0 20px;margin-bottom:20px;border-bottom:1px solid #E8EBEF}.task-side-block-v13:last-child{border-bottom:0}.task-side-block-v13>h3{font-family:var(--body);font-size:11px;font-weight:650;color:#344054;margin:0 0 8px}.task-progress-form-v13{display:grid;grid-template-columns:1fr auto;gap:6px;margin-top:8px}.task-progress-form-v13 input{height:30px!important;font-size:10px!important}.task-file-list-v13{display:flex;flex-direction:column;gap:5px}.task-file-list-v13 a{display:flex;flex-direction:column;gap:1px;padding:6px;border-radius:6px;background:#F7F8FA}.task-file-list-v13 a span{font-size:8.5px;color:#98A2B3}.task-file-list-v13 a strong{font-size:9.5px;color:#475467;font-weight:550;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-upload-v13{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;margin-top:8px}.task-upload-v13 input[type="file"]{min-width:0;height:32px!important;padding:5px!important;font-size:9px!important}.task-rule-v13{min-height:29px;display:flex;align-items:center;justify-content:space-between;gap:8px;border-bottom:1px solid #F0F2F5;color:#8A94A3;font-size:9.5px}.task-rule-v13:last-child{border-bottom:0}.task-rule-v13 strong,.task-rule-v13 a{color:#475467;font-weight:560;text-transform:capitalize;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}
html[data-theme="dark"] .task-detail-description-v13,html[data-theme="dark"] .task-detail-link-list-v13,html[data-theme="dark"] .task-detail-subtasks-v13,html[data-theme="dark"] .task-timeline-v13,html[data-theme="dark"] .task-side-block-v13,html[data-theme="dark"] .task-detail-properties-v13{border-color:#262D38}.task-detail-properties-v13 .task-property-v12{background:transparent!important}html[data-theme="dark"] .task-comment-v13{background:#121821;border-color:#2A323E}
@media(max-width:980px){.task-detail-layout-v13{grid-template-columns:1fr}.task-detail-side-v13{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.task-side-block-v13{border-bottom:0;border-right:1px solid #E8EBEF;padding-right:16px}.task-side-block-v13:nth-child(even){border-right:0}}
@media(max-width:650px){.task-detail-head-v13{flex-direction:column}.task-detail-side-v13{grid-template-columns:1fr}.task-side-block-v13{border-right:0;border-bottom:1px solid #E8EBEF;padding-right:0}.task-detail-properties-v13{overflow-x:auto;flex-wrap:nowrap}.task-detail-properties-v13>*{flex:0 0 auto}}
.task-detail-title-line-v13{display:flex;align-items:center;gap:8px}.task-detail-title-line-v13 .task-detail-main-dot-v13{margin:2px 0 0!important;width:8px!important;height:8px!important;flex:0 0 8px!important}

/* ========================================================================== */
/* SALZIO v14 — Dense product surface / fixed shell / no-layout-shift editing */
/* ========================================================================== */

:root{
  --v14-rail:60px;
  --v14-context:252px;
  --v14-topbar:54px;
  --v14-row:38px;
  --v14-line:#E9ECF0;
  --v14-hover:#F7F8FA;
  --v14-text:#28313D;
  --v14-muted:#7C8796;
}
html,body{min-height:100%;overflow-x:hidden}
body{background:#fff}

/* Fixed shell: scrolling can never detach rail/sidebar/topbar from each other. */
.app-shell-v2{display:block!important;min-height:100dvh!important;background:#fff!important}
.product-rail{
  position:fixed!important;left:0!important;top:0!important;bottom:0!important;
  width:var(--v14-rail)!important;height:100dvh!important;z-index:80!important;
}
.context-sidebar{
  position:fixed!important;left:var(--v14-rail)!important;top:0!important;bottom:0!important;
  width:var(--v14-context)!important;height:100dvh!important;z-index:70!important;
  overflow:hidden!important;
}
.context-nav{overflow-y:auto!important;overscroll-behavior:contain!important;padding-right:2px!important}
.context-account{background:inherit!important}
.app-shell-v2>.app-area{
  margin-left:calc(var(--v14-rail) + var(--v14-context))!important;
  width:calc(100% - var(--v14-rail) - var(--v14-context))!important;
  min-width:0!important;min-height:100dvh!important;padding-top:var(--v14-topbar)!important;background:#fff!important;
}
.topbar-v2{
  position:fixed!important;top:0!important;left:calc(var(--v14-rail) + var(--v14-context))!important;right:0!important;
  width:auto!important;height:var(--v14-topbar)!important;z-index:75!important;
  background:rgba(255,255,255,.97)!important;border-bottom:1px solid #E7EAEE!important;
  backdrop-filter:saturate(135%) blur(10px)!important;
}
.app-shell-v2 .main-workspace{min-height:calc(100dvh - var(--v14-topbar))!important;padding:18px 24px 44px!important;background:#fff!important}
html[data-theme="dark"] .app-shell-v2{background:#0E1117!important}
html[data-theme="dark"] .app-shell-v2>.app-area,html[data-theme="dark"] .app-shell-v2 .main-workspace{background:#0E1117!important}
html[data-theme="dark"] .topbar-v2{background:rgba(14,17,23,.97)!important}

/* Work page header: quieter and denser. */
.task-page-head-v12{margin-bottom:10px!important}
.task-page-head-v12 h1{font-size:19px!important;font-weight:650!important}
.task-page-head-v12 p{font-size:10.5px!important;color:#8A94A3!important}
.task-toolbar-v12{
  position:sticky!important;top:var(--v14-topbar)!important;z-index:32!important;
  min-height:42px!important;margin:0!important;padding:5px 0!important;
  background:rgba(255,255,255,.97)!important;border-bottom:1px solid #E9ECF0!important;
  backdrop-filter:blur(8px)!important;
}
.task-search-field-v12{height:30px!important;border:0!important;background:transparent!important;padding:0 4px!important}
.task-search-field-v12:focus-within{box-shadow:none!important;background:#F7F8FA!important}
.task-filter-button-v12{height:28px!important;border-radius:5px!important;font-size:10px!important;color:#667085!important}
.task-filter-button-v12:hover{background:#F4F6F8!important;border-color:#E1E5EA!important}
.task-filter-button-v12.active{background:#EEF1FF!important;color:#4056E5!important;border-color:#DCE2FF!important}

/* ClickUp-like work list: columns without spreadsheet chrome. */
.task-worklist-v14{border:0!important;background:#fff!important;overflow-x:auto!important;overflow-y:visible!important}
.task-list-header-v14{
  min-width:960px;height:28px;display:grid;
  grid-template-columns:minmax(390px,1fr) 178px 118px 92px 108px;
  align-items:center;padding:0 7px 0 0;border-bottom:1px solid #E5E8EC;
  color:#8B95A3;font-size:9.5px;font-weight:560;
}
.task-list-header-v14 span:first-child{padding-left:38px}
.task-list-body-v12{min-width:960px!important}
.task-row-v12{
  display:grid!important;grid-template-columns:minmax(390px,1fr) 178px 118px 92px 108px!important;
  align-items:center!important;gap:0!important;min-height:var(--v14-row)!important;
  padding:0 7px 0 0!important;margin:0!important;border:0!important;border-bottom:1px solid var(--v14-line)!important;
  background:#fff!important;box-shadow:none!important;
}
.task-row-v12:last-child{border-bottom:1px solid var(--v14-line)!important}
.task-row-v12:hover,.task-row-v12:focus-within{background:var(--v14-hover)!important;box-shadow:none!important}
.task-row-v12:hover:before{display:none!important}
.task-row-v12[data-depth]:not([data-depth="0"]){background:#fff!important}
.task-row-v12[data-depth]:not([data-depth="0"]):hover{background:var(--v14-hover)!important}
.task-primary-v12{height:var(--v14-row)!important;display:flex!important;align-items:center!important;min-width:0!important;gap:0!important}
.task-tree-v12{
  position:relative!important;width:34px!important;min-width:34px!important;height:var(--v14-row)!important;
  display:flex!important;align-items:center!important;
  margin-left:0!important;padding-left:calc(4px + var(--depth,0) * 22px)!important;box-sizing:content-box!important;
}
.task-row-v12[data-depth]:not([data-depth="0"]) .task-tree-v12:before{
  left:calc(11px + (var(--depth,0) - 1) * 22px)!important;top:-19px!important;bottom:19px!important;background:#DDE2E8!important;
}
.task-row-v12[data-depth]:not([data-depth="0"]) .task-tree-v12:after{
  left:calc(11px + (var(--depth,0) - 1) * 22px)!important;top:19px!important;width:12px!important;background:#DDE2E8!important;
}
.task-chevron-v12,.task-chevron-spacer-v12{width:18px!important;height:24px!important;min-width:18px!important;margin-right:2px!important}
.task-chevron-v12{border-radius:4px!important}
.task-tree-v12 .task-status-dot{width:8px!important;height:8px!important;margin-left:1px!important}
.task-copy-v12{
  min-width:0!important;display:flex!important;flex-direction:row!important;align-items:center!important;gap:7px!important;
  height:var(--v14-row)!important;overflow:hidden!important;
}
.task-title-line-v12{min-width:0!important;height:var(--v14-row)!important;display:flex!important;align-items:center!important;gap:4px!important;flex:0 1 auto!important}
.task-title-button-v12{
  max-width:520px!important;font-size:11.5px!important;line-height:var(--v14-row)!important;font-weight:560!important;
  color:#2B3441!important;letter-spacing:0!important;
}
.task-title-button-v12:hover{color:#2B3441!important;text-decoration:underline;text-decoration-color:#BCC4CF;text-underline-offset:2px}
.task-hover-actions-v12{gap:0!important;margin-left:2px!important}
.task-action-icon{width:24px!important;height:24px!important;border-radius:4px!important}
.task-action-icon:hover{background:#ECEFF3!important;border-color:transparent!important;box-shadow:none!important}
.task-action-icon .ui-icon{width:12px!important;height:12px!important}
.task-meta-v12{
  min-width:0!important;min-height:0!important;height:var(--v14-row)!important;margin:0!important;
  display:flex!important;align-items:center!important;gap:5px!important;overflow:hidden!important;
}
.task-project-hint-v12{height:22px!important;max-width:150px!important;font-size:9px!important;color:#929CAA!important}
.task-project-hint-v12 .ui-icon{width:9px!important;height:9px!important}
.task-label-inline-v12{height:22px!important;min-height:22px!important;padding:0!important}
.task-row-v12 .task-label{height:18px!important;max-width:92px!important;padding:0 5px!important;border-radius:4px!important;font-size:8.4px!important}
.field-empty-v12{display:none!important}
.task-row-v12:hover .field-empty-v12,.task-row-v12:focus-within .field-empty-v12{display:inline!important;color:#98A2B3!important;font-size:9px!important}

/* Property wrapper participates in row grid — values feel like columns, not boxes. */
.task-properties-v12{display:contents!important;margin:0!important;padding:0!important}
.task-property-v12{
  width:100%!important;max-width:none!important;height:32px!important;min-height:32px!important;
  display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:5px!important;
  padding:0 6px!important;margin:0!important;border:1px solid transparent!important;border-radius:4px!important;
  background:transparent!important;color:#667085!important;font-size:9.5px!important;font-weight:500!important;overflow:hidden!important;
}
.task-property-v12:not(:disabled):hover{background:#F1F3F6!important;border-color:transparent!important;box-shadow:none!important;color:#344054!important}
.assignee-property-v12{max-width:none!important}.assignee-property-v12 .assignee-copy{max-width:110px!important}
.task-property-v12 .mini-avatar{width:20px!important;height:20px!important;font-size:6.5px!important}
.task-property-v12 .ui-icon{width:11px!important;height:11px!important}
.status-property-v12{padding-left:3px!important}.status-pill{height:20px!important;border-radius:4px!important;font-size:8.7px!important;padding:0 6px!important}
.priority-property-v12 .priority-flag{height:13px!important}
.mini-avatar.has-image,.team-avatar-v14.has-image,.avatar.has-image,.rail-avatar.has-image{overflow:hidden!important}
.mini-avatar.has-image img,.team-avatar-v14.has-image img{width:100%!important;height:100%!important;display:block!important;object-fit:cover!important;border-radius:inherit!important}
.avatar-stack .mini-avatar.has-image{background:#fff!important}

/* Add task / add subtask: ONE row. No expanding card and no second property row. */
.task-composer-v12{
  --depth:0;position:relative!important;display:grid!important;
  grid-template-columns:minmax(280px,1fr) minmax(500px,auto)!important;align-items:center!important;
  min-width:960px!important;min-height:var(--v14-row)!important;margin:0!important;padding:0 108px 0 0!important;
  border:0!important;border-bottom:1px solid var(--v14-line)!important;border-radius:0!important;background:#fff!important;box-shadow:none!important;
}
.task-composer-v12.is-open{margin:0!important;padding:0 108px 0 0!important;border:0!important;border-bottom:1px solid var(--v14-line)!important;border-radius:0!important;background:#fff!important;box-shadow:none!important}
.root-task-composer-v12:not(.is-open){min-height:var(--v14-row)!important;display:block!important;padding:0!important}
.task-composer-title-v12{
  grid-column:1!important;display:grid!important;grid-template-columns:28px minmax(120px,1fr)!important;align-items:center!important;gap:0!important;
  min-height:var(--v14-row)!important;height:var(--v14-row)!important;padding:0 5px 0 calc(3px + var(--depth,0) * 22px)!important;
}
.root-task-composer-v12:not(.is-open) .task-composer-title-v12{grid-template-columns:28px minmax(0,1fr)!important}
.composer-plus-v12{width:24px!important;height:var(--v14-row)!important;color:#8A94A3!important}
.composer-plus-v12 .ui-icon{width:11px!important;height:11px!important}
.composer-tree-indent-v12{display:none!important}
.task-composer-title-v12 input{
  height:30px!important;min-width:0!important;width:100%!important;padding:0 5px!important;border:0!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;color:#2B3441!important;font-size:11.5px!important;font-weight:500!important;
}
.task-composer-v12.is-open .task-composer-title-v12 input,.task-composer-title-v12 input:focus{
  background:transparent!important;border:0!important;box-shadow:inset 0 -2px 0 #4F67F6!important;outline:none!important;
}
.task-composer-title-v12 input::placeholder{color:#8D96A4!important;font-weight:450!important}
.task-composer-properties-v12{
  grid-column:2!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;flex-wrap:nowrap!important;
  gap:1px!important;min-width:0!important;margin:0!important;padding:0!important;overflow:visible!important;
}
.task-composer-properties-v12[hidden]{display:none!important}
.composer-property-v12{
  height:30px!important;max-width:118px!important;min-width:0!important;padding:0 6px!important;border:1px solid transparent!important;border-radius:4px!important;
  background:transparent!important;color:#667085!important;font-size:9.3px!important;font-weight:500!important;gap:4px!important;
}
.composer-property-v12:hover{background:#F1F3F6!important;border-color:transparent!important;color:#344054!important}
.composer-property-v12 .ui-icon{width:11px!important;height:11px!important}
.composer-property-v12 .avatar-stack{max-width:48px!important}
.task-composer-actions-v12{
  position:absolute!important;right:5px!important;top:4px!important;height:30px!important;display:flex!important;align-items:center!important;gap:2px!important;margin:0!important;
}
.composer-cancel-v12{height:28px!important;padding:0 6px!important;border-radius:4px!important;font-size:9.5px!important}
.composer-submit-v12{height:28px!important;min-height:28px!important;padding:0 8px!important;border-radius:4px!important;font-size:9.5px!important}
.child-task-composer-v12{margin:0!important;background:#fff!important}
.child-task-composer-v12 .task-composer-title-v12{padding-left:calc(3px + var(--depth,0) * 22px)!important}

/* Person pickers: compact local popovers with real avatars and role filtering. */
.people-popover-v12{width:304px!important;min-width:304px!important;max-width:304px!important;padding:5px!important;border-radius:8px!important}
.people-role-tabs-v12{height:30px!important;padding:2px!important;margin:2px 3px 5px!important;border-radius:6px!important;background:#F3F5F7!important}
.people-role-tabs-v12 button{height:26px!important;padding:0 8px!important;border-radius:5px!important;font-size:9.5px!important}
.people-role-tabs-v12 button.active{background:#fff!important;color:#344054!important;box-shadow:0 1px 2px rgba(15,23,42,.08)!important}
.people-picker-v12{max-height:300px!important;overflow:auto!important;padding:1px!important}
.person-option-v12{min-height:42px!important;padding:4px 6px!important;border-radius:6px!important;grid-template-columns:30px minmax(0,1fr) 18px!important}
.person-option-v12:hover{background:#F3F5F7!important}.person-option-v12.selected{background:#EEF1FF!important}
.person-avatar-v12{width:28px!important;height:28px!important;font-size:8px!important;border:0!important}
.person-copy-v12 strong{font-size:10.5px!important;font-weight:560!important;color:#344054!important}
.person-copy-v12 small{font-size:8.5px!important;color:#8B95A3!important}
.popover-head-v12{height:32px!important}.popover-search-v12{height:31px!important}

/* Projects: one-line operational list, not stacked cards. */
.project-page-head-v12{margin-bottom:12px!important}
.project-worklist-v14{border:0!important;background:#fff!important;overflow-x:auto!important}
.project-list-header-v14{
  min-width:1050px;height:29px;display:grid;
  grid-template-columns:minmax(280px,1fr) 145px 165px 205px 110px 98px 30px;
  align-items:center;padding:0 5px 0 8px;border-bottom:1px solid #E5E8EC;color:#8B95A3;font-size:9.5px;font-weight:560;
}
.project-item-v12{
  min-width:1050px!important;min-height:42px!important;height:42px!important;display:grid!important;
  grid-template-columns:minmax(280px,1fr) 753px!important;align-items:center!important;gap:0!important;
  padding:0 5px 0 8px!important;border:0!important;border-bottom:1px solid var(--v14-line)!important;background:#fff!important;box-shadow:none!important;
}
.project-item-v12:hover{background:var(--v14-hover)!important;box-shadow:none!important}
.project-main-v12{min-width:0!important;display:flex!important;align-items:center!important;gap:8px!important;height:42px!important;overflow:hidden!important}
.project-title-link-v12{font-size:11px!important;font-weight:570!important;color:#2B3441!important;max-width:270px!important}
.project-title-link-v12:hover{text-decoration:underline;text-decoration-color:#BCC4CF;text-underline-offset:2px;color:#2B3441!important}
.project-meta-v12{margin:0!important;gap:3px!important;font-size:8.7px!important;white-space:nowrap!important}
.project-properties-v12{
  width:753px!important;height:42px!important;display:grid!important;
  grid-template-columns:145px 165px 205px 110px 98px 30px!important;align-items:center!important;gap:0!important;margin:0!important;padding:0!important;overflow:visible!important;
}
.project-property-v12{
  width:100%!important;max-width:none!important;min-width:0!important;height:32px!important;display:flex!important;align-items:center!important;gap:5px!important;
  padding:0 6px!important;border:1px solid transparent!important;border-radius:4px!important;background:transparent!important;color:#667085!important;font-size:9.5px!important;overflow:hidden!important;
}
.project-property-v12:not(:disabled):hover{background:#F1F3F6!important;border-color:transparent!important;box-shadow:none!important;color:#344054!important}
.project-item-v12 .property-kicker-v12{display:none!important}
.project-property-v12>.ui-icon{width:9px!important;height:9px!important;margin-left:auto!important}
.project-property-v12 strong{font-size:9.5px!important;font-weight:520!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important}
.project-manager-property-v12,.project-team-button-v12{min-width:0!important;max-width:none!important}
.manager-inline-v12,.team-inline-v12{min-width:0!important;width:100%!important;gap:5px!important}
.manager-inline-v12 .mini-avatar,.team-inline-v12 .mini-avatar{width:21px!important;height:21px!important}
.team-inline-v12 strong{max-width:115px!important}.project-date-value-v12 strong{font-size:9.3px!important}
.project-status-v12{height:20px!important;border-radius:4px!important;font-size:8.7px!important}
.project-more-v12{width:28px!important;height:28px!important;border-radius:4px!important}

/* Project create becomes a drawer: opening it never pushes the page down. */
#projectCreatePanel:not([hidden]){
  position:fixed!important;top:var(--v14-topbar)!important;right:0!important;bottom:0!important;width:min(430px,calc(100vw - 24px))!important;
  z-index:90!important;margin:0!important;padding:18px!important;border:0!important;border-left:1px solid #E1E5EA!important;border-radius:0!important;
  background:#fff!important;box-shadow:-18px 0 45px rgba(15,23,42,.12)!important;overflow:auto!important;
}
.project-create-head-v12{align-items:flex-start!important;margin-bottom:18px!important}.project-create-head-v12 h2{font-size:18px!important}
.project-create-form-v12{display:block!important}.project-create-properties-v12{grid-template-columns:1fr!important;gap:6px!important}
.project-create-property-v12{height:44px!important;border-radius:6px!important}.project-description-create-v12 textarea{min-height:92px!important}

/* Team directory: hierarchy, avatars, no database table. */
.team-page-head-v14{margin-bottom:12px!important}
.team-toolbar-v14{height:42px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #E7EAEE;margin-bottom:6px}
.team-search-v14{width:min(300px,45vw);height:30px;display:flex;align-items:center;gap:6px;color:#98A2B3}
.team-search-v14 .ui-icon{width:12px;height:12px}.team-search-v14 input{height:30px!important;border:0!important;background:transparent!important;box-shadow:none!important;padding:0!important;font-size:10.5px!important}
.team-role-tabs-v14{height:30px;display:flex;align-items:center;gap:2px;padding:2px;border-radius:6px;background:#F3F5F7}
.team-role-tabs-v14 button{height:26px;padding:0 9px;border:0;border-radius:5px;background:transparent;color:#667085;font-size:9.5px}
.team-role-tabs-v14 button.active{background:#fff;color:#344054;box-shadow:0 1px 2px rgba(15,23,42,.08)}
.team-section-title-v14{height:32px;display:flex;align-items:center;gap:7px;color:#7B8492;font-size:9.5px;font-weight:620;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid #E7EAEE}
.team-section-title-v14 small{font-size:8.5px;font-weight:550;color:#A0A8B3;text-transform:none;letter-spacing:0}
.team-admin-strip-v14,.team-directory-v14{margin-bottom:18px}
.team-admin-row-v14{min-height:46px;display:grid;grid-template-columns:minmax(260px,1fr) 110px 180px 95px 32px;align-items:center;gap:8px;border-bottom:1px solid #EDF0F3;padding:0 3px}
.team-manager-cluster-v14{border-bottom:1px solid #E7EAEE;background:#fff}
.team-manager-head-v14{min-height:50px;display:grid;grid-template-columns:minmax(260px,1fr) 100px 170px 210px 95px 32px;align-items:center;gap:8px;padding:0 3px}
.team-manager-head-v14:hover{background:#F8F9FB}
.team-manager-identity-v14{min-width:0;height:46px;display:grid;grid-template-columns:18px 34px minmax(0,1fr);align-items:center;gap:8px;border:0;background:transparent;text-align:left;padding:0}
.team-chevron-v14{display:grid;place-items:center;color:#98A2B3}.team-chevron-v14 .ui-icon{width:11px;height:11px;transition:transform .14s ease}.team-manager-identity-v14[aria-expanded="true"] .team-chevron-v14 .ui-icon{transform:rotate(90deg)}
.team-avatar-v14{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#E9EDF3;color:#647084;font-size:9px;font-weight:700;overflow:hidden;flex:0 0 auto}
.team-avatar-v14.muted{background:#F0F2F5;color:#98A2B3}
.team-manager-copy-v14,.team-person-v14>div{min-width:0}.team-manager-copy-v14 strong,.team-person-v14 strong{display:block;color:#344054;font-size:10.5px;font-weight:580;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.team-manager-copy-v14 small,.team-person-v14 span{display:block;margin-top:1px;color:#98A2B3;font-size:8.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.team-role-badge-v14{width:max-content;height:21px;display:inline-flex;align-items:center;padding:0 6px;border-radius:4px;background:#EEF1FF;color:#4056E5;font-size:8.7px;font-weight:620}
.team-department-v14{min-width:0;color:#667085;font-size:9.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.team-preview-v14{min-width:0;display:flex;align-items:center;gap:7px;color:#667085;font-size:9px}.team-preview-v14 .mini-avatar{width:24px!important;height:24px!important;margin-left:-5px!important}.team-preview-v14 .mini-avatar:first-child{margin-left:0!important}
.team-va-list-v14{background:#FBFCFD;border-top:1px solid #EDF0F3;padding-left:44px}
.team-va-list-v14[hidden]{display:none!important}
.team-va-row-v14{min-height:44px;display:grid;grid-template-columns:minmax(240px,1fr) 170px 170px 125px 95px 32px;align-items:center;gap:8px;border-bottom:1px solid #EEF1F4;padding:0 3px}
.team-va-row-v14:last-child{border-bottom:0}.team-va-row-v14:hover{background:#F6F8FA}
.team-person-v14{min-width:0;display:flex;align-items:center;gap:8px}.team-va-row-v14 .team-avatar-v14{width:30px;height:30px}
.team-reporting-v14{min-width:0}.team-reporting-v14 span{display:block;color:#98A2B3;font-size:8px}.team-reporting-v14 strong{display:block;color:#667085;font-size:9.2px;font-weight:540;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.team-access-select-v14{height:28px!important;width:118px!important;padding:0 22px 0 6px!important;border:1px solid transparent!important;border-radius:5px!important;background:transparent!important;color:#667085!important;font-size:9px!important;box-shadow:none!important}
.team-access-select-v14:hover,.team-access-select-v14:focus{border-color:#DDE2E8!important;background:#fff!important}
.team-empty-v14{padding:12px;color:#98A2B3;font-size:9.5px}
.member-status{font-size:9px!important}.member-more{width:28px!important;height:28px!important}

/* Invite panel is also a drawer; no page jump. */
#invitePanel:not([hidden]){
  position:fixed!important;top:var(--v14-topbar)!important;right:0!important;bottom:0!important;width:min(470px,calc(100vw - 24px))!important;z-index:90!important;
  margin:0!important;padding:18px!important;border:0!important;border-left:1px solid #E1E5EA!important;border-radius:0!important;background:#fff!important;
  box-shadow:-18px 0 45px rgba(15,23,42,.12)!important;overflow:auto!important;
}
.invite-form-v2{grid-template-columns:1fr!important}

/* Dark mode parity for v14 surfaces. */
html[data-theme="dark"] .task-toolbar-v12,html[data-theme="dark"] .task-worklist-v14,html[data-theme="dark"] .task-row-v12,html[data-theme="dark"] .task-composer-v12,html[data-theme="dark"] .project-worklist-v14,html[data-theme="dark"] .project-item-v12,html[data-theme="dark"] .team-manager-cluster-v14{background:#11161E!important}
html[data-theme="dark"] .task-row-v12:hover,html[data-theme="dark"] .project-item-v12:hover,html[data-theme="dark"] .team-manager-head-v14:hover{background:#171D26!important}
html[data-theme="dark"] .task-list-header-v14,html[data-theme="dark"] .project-list-header-v14,html[data-theme="dark"] .team-section-title-v14{border-color:#262D38!important}
html[data-theme="dark"] #projectCreatePanel:not([hidden]),html[data-theme="dark"] #invitePanel:not([hidden]){background:#11161E!important;border-left-color:#2A323E!important}
html[data-theme="dark"] .team-va-list-v14{background:#121821!important;border-color:#262D38!important}

/* Responsive shell + contained horizontal scrolling. */
@media(max-width:1280px){
  :root{--v14-rail:56px;--v14-context:224px}
  .task-list-header-v14,.task-list-body-v12,.task-composer-v12{min-width:900px!important}
  .task-list-header-v14,.task-row-v12{grid-template-columns:minmax(350px,1fr) 158px 112px 86px 100px!important}
  .task-composer-v12{grid-template-columns:minmax(250px,1fr) minmax(480px,auto)!important}
  .project-list-header-v14,.project-item-v12{min-width:1000px!important}
  .team-manager-head-v14{grid-template-columns:minmax(230px,1fr) 90px 150px 185px 90px 30px}
  .team-va-row-v14{grid-template-columns:minmax(220px,1fr) 150px 150px 115px 90px 30px}
}
@media(max-width:820px){
  :root{--v14-rail:0px;--v14-context:0px;--v14-topbar:52px}
  .product-rail{display:none!important}
  .context-sidebar{left:0!important;width:min(86vw,280px)!important;transform:translateX(-105%)!important;z-index:100!important}
  .context-sidebar.open{transform:translateX(0)!important}
  .app-shell-v2>.app-area{margin-left:0!important;width:100%!important;padding-top:var(--v14-topbar)!important}
  .topbar-v2{left:0!important}
  .app-shell-v2 .main-workspace{padding:14px 10px 34px!important}
  .task-toolbar-v12{top:var(--v14-topbar)!important}
  .team-manager-head-v14{grid-template-columns:minmax(220px,1fr) 110px 32px}.team-manager-head-v14>.team-department-v14,.team-manager-head-v14>.team-preview-v14,.team-manager-head-v14>.member-status{display:none}
  .team-va-list-v14{padding-left:12px}.team-va-row-v14{grid-template-columns:minmax(200px,1fr) 120px 30px}.team-va-row-v14>.team-department-v14,.team-va-row-v14>.team-access-select-v14,.team-va-row-v14>.member-status{display:none}
}

/* ============================================================
   SALZIO v14.2 — Projects premium toolbar finalization
   Matches the locked Task interaction density and hierarchy.
   ============================================================ */
.project-premium-toolbar-v15{
  min-height:42px;display:flex;align-items:center;gap:6px;margin:0 0 6px;background:#fff;
}
.project-premium-search-v15{
  width:235px;height:30px;display:flex;align-items:center;gap:7px;padding:0 9px;
  border:1px solid #E2E5EA;border-radius:7px;background:#fff;color:#7E8691;box-shadow:none;
}
.project-premium-search-v15:hover{border-color:#D6DBE1}
.project-premium-search-v15:focus-within{border-color:#C9CFD7;box-shadow:none}
.project-premium-search-v15 .ui-icon{width:13px;height:13px;flex:0 0 13px}
.project-premium-search-v15 input{
  width:100%;height:28px;padding:0;border:0!important;outline:0!important;background:transparent!important;
  box-shadow:none!important;color:#242830!important;-webkit-text-fill-color:#242830!important;font-size:10.5px;
}
.project-premium-search-v15 input::placeholder{color:#9AA1AB}
.project-premium-statuses-v15{display:flex;align-items:center;gap:3px;min-width:0;overflow-x:auto;scrollbar-width:none}
.project-premium-statuses-v15::-webkit-scrollbar{display:none}
.project-premium-filter-v15{
  height:28px;display:inline-flex;align-items:center;gap:6px;padding:0 9px;border:1px solid transparent;
  border-radius:7px;background:transparent;color:#616975;font-size:10px;white-space:nowrap;
}
.project-premium-filter-v15:hover{background:#F5F6F8}
.project-premium-filter-v15.active{background:#F2F3FF;border-color:#DFE1FF;color:#4F59DB}
.project-premium-filter-v15 span{font-size:9px;color:#9CA3AD}
.project-premium-filter-v15 .dot{width:7px;height:7px;border-radius:50%;display:inline-block;flex:0 0 7px}
.project-premium-filter-v15 .dot.active{background:#5865F2}
.project-premium-filter-v15 .dot.on-hold{background:#D59128}
.project-premium-filter-v15 .dot.completed{background:#1F946B}
.project-item-v12[hidden]{display:none!important}
@media(max-width:900px){.project-premium-toolbar-v15{align-items:flex-start;flex-direction:column}.project-premium-search-v15{width:100%}.project-premium-statuses-v15{width:100%}}
html[data-theme="dark"] .project-premium-toolbar-v15{background:#11161E}
html[data-theme="dark"] .project-premium-search-v15{background:#11161E;border-color:#2A313C;color:#8E98A6}
html[data-theme="dark"] .project-premium-search-v15 input{color:#E7EAF0!important;-webkit-text-fill-color:#E7EAF0!important}
html[data-theme="dark"] .project-premium-filter-v15:hover{background:#171D26}
html[data-theme="dark"] .project-premium-filter-v15.active{background:#1D2440;border-color:#303A69;color:#AEB8FF}
/* SALZIO — locked Work navigation */

.context-nav-item-locked{
  grid-template-columns:26px minmax(0,1fr) auto;
  cursor:not-allowed;
  opacity:.58;
  user-select:none;
}

.context-nav-item-locked:hover{
  background:transparent;
  color:#667085;
}

.context-nav-coming-soon{
  font-size:8px;
  font-weight:600;
  letter-spacing:.01em;
  color:#98A2B3;
  white-space:nowrap;
}

/* SALZIO RELEASE LOCK V1 START */

/* Locked product rail */

button.rail-item{
  border:0;
  font:inherit;
}

.rail-item-locked{
  opacity:.42;
  cursor:not-allowed;
}

.rail-item-locked:hover{
  background:transparent!important;
}


/* Locked context navigation */

.context-nav-item-locked{
  width:100%;

  grid-template-columns:
    26px
    minmax(0,1fr)
    auto;

  border:0;

  text-align:left;

  font:inherit;

  cursor:not-allowed;

  opacity:.58;

  background:transparent;
}

.context-nav-item-locked:hover{
  background:#F4F5F7;

  color:#667085;
}

.context-nav-coming-soon{
  margin-left:auto;

  font-size:8px;

  font-weight:600;

  letter-spacing:.01em;

  color:#98A2B3;

  white-space:nowrap;
}


/* Coming soon toast */

#salzioComingSoon{
  position:fixed;

  right:22px;
  bottom:22px;

  z-index:99999;

  opacity:0;

  transform:
    translateY(8px);

  transition:
    opacity .16s ease,
    transform .16s ease;

  pointer-events:none;
}

#salzioComingSoon.show{
  opacity:1;

  transform:
    translateY(0);
}

.salzio-coming-soon-card{
  min-width:270px;

  display:flex;

  flex-direction:column;

  gap:3px;

  padding:
    12px
    14px;

  background:#20242C;

  color:#fff;

  border:
    1px solid
    rgba(255,255,255,.08);

  border-radius:8px;

  box-shadow:
    0 12px 30px
    rgba(16,24,40,.16);
}

.salzio-coming-soon-card strong{
  font-size:12px;

  font-weight:650;
}

.salzio-coming-soon-card span{
  font-size:10px;

  color:#C9CED7;
}


/* Spaces temporary foundation page */

.spaces-release-placeholder{
  max-width:760px;

  padding-top:6px;
}

.spaces-release-placeholder h1{
  margin:0;

  color:#242830;

  font-size:22px;

  letter-spacing:-.02em;
}

.spaces-release-placeholder p{
  margin:
    5px 0 0;

  color:#8A929D;

  font-size:10.5px;
}

.spaces-release-note{
  margin-top:18px;

  padding:
    14px 0;

  border-top:
    1px solid #ECEEF2;

  border-bottom:
    1px solid #ECEEF2;

  color:#667085;

  font-size:10.5px;
}


html[data-theme="dark"]
.context-nav-item-locked:hover{
  background:#171D26;

  color:#98A2B3;
}

html[data-theme="dark"]
.spaces-release-placeholder h1{
  color:#E7EAF0;
}

/* SALZIO RELEASE LOCK V1 END */