/* Shared soft palette and responsive controls — cumulative September release. */
:root{--accent:#427f8b;--accent-hover:#326b77;--accent-soft:#e7f1f2;--canvas:#f6f8f9;--surface:#fff;--surface-soft:#f1f5f6;--ink:#24383f;--muted:#61747c;--line:#dce5e8;--blue:var(--accent);--blue-2:var(--accent-hover);--green:#527c67;--orange:#947647;--red:#a66363;--cyan:#91c5ce;--shadow:0 4px 16px #203a4408}
[data-theme=dark]{--accent:#95c5cd;--accent-hover:#b0d6dc;--accent-soft:#203940;--canvas:#10171b;--bg:#10171b;--surface:#172126;--surface-soft:#1d2b31;--ink:#e0e9ed;--muted:#a4b7c0;--line:#34454c;--green:#9bc2aa;--orange:#d4bb90;--red:#daa2a2;color-scheme:dark}
body,.main-area{background:var(--canvas)!important;color:var(--ink)!important}.panel,.task-card,.project-metric{box-shadow:var(--shadow)!important}.sidebar .nav-link,.mobile-nav .nav-link{color:var(--muted)!important;border:1px solid transparent;transform:none!important}.sidebar .nav-link:is(.active,[aria-current=page]),.mobile-nav .nav-link.active{background:var(--accent-soft)!important;color:var(--accent)!important;border-color:var(--accent)!important}.sidebar .nav-link:hover,.mobile-nav .nav-link:hover{background:var(--surface-soft)!important;color:var(--ink)!important}.sidebar .nav-link.active:hover,.mobile-nav .nav-link.active:hover{background:var(--accent-soft)!important;color:var(--accent)!important}.sidebar .nav-link:focus-visible,.mobile-nav .nav-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px;background:var(--accent-soft)!important;color:var(--ink)!important}.nav-link .sw-icon,.nav-link svg{color:inherit!important;stroke:currentColor}
.primary-btn,.ai-send,.mobile-fab{background:var(--accent)!important;color:#fff!important;box-shadow:none!important}.primary-btn:hover{background:var(--accent-hover)!important;transform:none!important}[data-theme=dark] .primary-btn,[data-theme=dark] .ai-send,[data-theme=dark] .mobile-fab{background:#527f89!important;color:#fff!important}.secondary-btn:hover,.icon-btn:hover{background:var(--accent-soft)!important}.secondary-btn,.danger-btn,.ghost-btn{width:auto;height:auto;padding:9px 13px}.danger-btn{background:var(--surface-soft)!important;color:var(--red)!important;border:1px solid var(--line)}
.badge,.priority,.status-pill,.department-chip{background:var(--surface-soft)!important;color:var(--muted)!important;border:1px solid var(--line);font-weight:650}.badge.green,.status-pill.green{background:var(--accent-soft)!important;color:var(--green)!important}.badge.orange,.priority.high{color:var(--orange)!important}.badge.red,.priority.critical{color:var(--red)!important}.bar{background:var(--surface-soft)!important}.bar i,.progress-bar i{background:var(--accent)!important}.ring{background:conic-gradient(var(--accent) var(--progress),var(--surface-soft) 0)}.ring:after{background:var(--surface)!important}.avatar{background:#607d89!important}.metric-icon,.project-symbol,.goal-icon{background:var(--accent-soft)!important;color:var(--accent)!important}.metric-icon.red{color:var(--red)!important}.metric-icon.violet{color:var(--muted)!important}.brand-mark{box-shadow:none!important}
input:focus,select:focus,textarea:focus{border-color:var(--accent)!important;outline-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)!important}.tabs button.active,.language-cards button.active{background:var(--accent-soft)!important;color:var(--accent)!important;border-color:var(--accent)!important}
.top-actions .lang{display:flex!important;visibility:visible!important;opacity:1!important;width:auto!important;min-width:94px;height:44px;gap:6px;padding:0 10px;overflow:visible;flex-shrink:0}.top-actions .lang span{display:inline-flex!important;visibility:visible!important;opacity:1!important;color:inherit!important}.top-actions .lang .sw-icon{width:17px;height:17px;flex-shrink:0}.top-actions .theme-toggle{width:44px;height:44px}.top-actions{gap:8px}
.goal-people{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:18px 0}.goal-people span,.goal-people strong{display:block}.goal-people span{color:var(--muted);font-size:13px;margin-bottom:5px}.goal-notes{margin:18px 0}.goal-notes h2,.project-metrics h2{font-size:18px}.goal-note{padding:15px 0;border-bottom:1px solid var(--line)}.goal-note header{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.goal-note p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:15px}.goal-note small{color:var(--muted);font-size:12px}.note-compose{display:grid;gap:12px;margin-top:20px}.note-compose label{display:grid;gap:8px}.note-compose textarea{width:100%;resize:vertical}.note-compose button{width:auto!important;height:auto!important;min-height:44px}
.project-metrics{margin:18px 0}.project-metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.project-metric{min-width:0;border:1px solid var(--line);background:var(--surface);border-radius:14px;padding:16px}.project-metric header{display:flex;gap:8px;align-items:center;justify-content:space-between;flex-wrap:wrap}.project-metric h3{margin:0;font-size:16px}.metric-values{display:flex;gap:7px;align-items:baseline;flex-wrap:wrap;margin:18px 0 10px}.metric-values>b{font-size:23px}.metric-values>span{color:var(--muted);font-size:13px}.metric-values>strong{margin-inline-start:auto;font-size:14px;color:var(--accent)}.metric-quick{display:flex;align-items:end;gap:8px;margin:14px 0}.metric-quick label{display:grid;gap:5px;font-size:12px;min-width:0;flex:1}.metric-quick input{width:100%;min-width:0}.metric-quick button{flex-shrink:0}.project-metric .heading-actions{margin-top:12px}.project-metric button{min-height:40px;font-size:12px}
.project-metrics-editor{margin:18px 0}.metric-editor-row{border:1px solid var(--line);border-radius:12px;margin:12px 0;padding:14px;min-width:0;background:var(--surface-soft)}.metric-editor-row legend{color:var(--muted);padding:0 6px;font-size:13px}.metric-inputs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:end}.metric-inputs label{display:grid;gap:6px;font-size:13px;min-width:0}.metric-inputs :is(input,select){width:100%;min-width:0}.metric-inputs button{justify-self:start}.metric-links{margin-top:15px}.metric-links[hidden]{display:none!important}.metric-links p{font-size:13px;line-height:1.5}.metric-task-options{max-height:220px;overflow:auto;display:grid;gap:7px}.metric-task-options label{display:flex;gap:10px;align-items:center;padding:8px;background:var(--surface);border:1px solid var(--line);border-radius:9px}.metric-task-options input[type=checkbox]{width:20px!important;height:20px!important;min-height:20px!important;flex:0 0 20px}.metric-task-options small{display:block;color:var(--muted)}
.task-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(275px,1fr));gap:16px}.task-card{background:var(--surface);border:1px solid var(--line);border-radius:17px;overflow:hidden;min-width:0}.task-card:hover{border-color:var(--accent)}.task-card-link{display:block;padding:17px}.task-card-link:focus-visible{outline-offset:-3px}.task-card h2{font-size:17px;margin:12px 0 5px;line-height:1.4;overflow-wrap:anywhere}.task-card-project{color:var(--muted);font-size:13px;margin:0 0 14px}.task-card-tags{display:flex;gap:6px;flex-wrap:wrap}.task-card-tags .badge,.task-card-tags .priority{font-size:11px!important;padding:4px 8px}.task-card-members{display:grid;gap:8px}.task-card-members>span{display:flex;align-items:center;gap:8px;font-size:13px}.task-card-members small{display:block;color:var(--muted);font-size:11px}.task-card-members .avatar{width:30px;height:30px;font-size:11px}.task-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:16px 0 10px;font-size:12px;color:var(--muted)}.task-card-bottom b{color:var(--ink);font-weight:500}.task-card-status{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 17px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.task-card-status select{min-height:40px;width:145px;max-width:65%;font-size:13px}
.progress{background:var(--line)!important}.progress i{background:var(--accent)!important}.progress i.green{background:var(--green)!important}.progress i.orange{background:var(--orange)!important}.search-trigger,.search-trigger kbd{background:var(--surface-soft)!important;color:var(--muted)!important;border-color:var(--line)!important}.metric-quick input,.note-compose textarea,.metric-inputs input,.metric-inputs select{min-height:44px;border:1px solid var(--line);border-radius:9px;padding:9px 11px}.mobile-ai-fab{background:#647c8f!important;box-shadow:none!important}
@media(max-width:720px){.topbar{gap:8px;padding-inline:12px!important}.mobile-top-title{display:none!important}.top-actions{gap:4px}.top-actions .ai-top-btn{display:none!important}.top-actions .lang{min-width:84px;min-height:44px;padding:0 8px;font-size:12px!important}.top-actions .icon-btn,.top-actions .profile-link,.menu-btn{height:44px!important;min-width:40px}.top-actions .theme-toggle{width:40px;height:44px}.top-actions .lang .sw-icon{width:16px!important;height:16px!important}.task-cards{grid-template-columns:minmax(0,1fr);gap:12px}.task-card h2{font-size:17px!important}.task-card-status select{font-size:16px!important}.goal-people{grid-template-columns:minmax(0,1fr);gap:14px}.metric-inputs{grid-template-columns:minmax(0,1fr)}.project-metrics-grid{grid-template-columns:minmax(0,1fr)}.metric-quick{flex-wrap:wrap}.metric-quick label{flex-basis:60%}.metric-editor-row{padding:11px}.project-metrics-editor .panel-head{flex-wrap:wrap}.primary-btn{width:auto!important;height:auto!important;min-height:44px;padding:10px 14px!important;font-size:13px!important}.goal-note .heading-actions{flex-wrap:wrap}}
