/*
 * CarePathWorks V70 · Unified Operational Interface
 * Presentation only: no role, tenancy, billing, customer-data or DB changes.
 * Loaded after legacy stylesheet. Existing component APIs and JS hooks remain.
 */
:root {
  --bg:#f5f7fa; --panel:#ffffff; --panel-2:#f8fafc;
  --border:#e0e7ef; --border-strong:#cbd6e4;
  --ink:#14253c; --text:#27384d; --text-soft:#536477;
  --muted:#6c7b8b; --faint:#8c9aab;
  --accent:#116b85; --accent-2:#16b4c9; --accent-weak:#eaf5f7;
  --accent-ink:#126e88; --accent-deep:#15263f;
  --rose:#b54748; --rose-bg:#fff0ee; --amber:#95661c; --amber-bg:#fff4df;
  --green:#287b65; --green-bg:#e6f6ee;
  --blue:#346db2; --blue-bg:#e9f2fc;
  --radius:14px; --radius-sm:9px; --radius-lg:18px;
  --shadow:0 1px 3px rgba(16,34,53,.025);
  --shadow-lift:0 12px 30px rgba(16,34,53,.11);
  --shadow-btn:none;
  --cpw-rail:#142237; --cpw-rail-strong:#1a314c;
}
html{scroll-padding-top:100px}
body{background:var(--bg);color:var(--text);font-size:14px;line-height:1.62}
a{color:#126e88}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #1596ae;outline-offset:2px}
.layout{background:var(--bg)}
.sidebar{width:252px;background:var(--cpw-rail);border-right:1px solid #1d324b;color:#d3e0ed}
.brand{padding:22px 17px 16px;border-bottom:1px solid rgba(255,255,255,.07)}
.brand .logo{color:#fff;font-size:1.02rem;gap:11px;letter-spacing:-.02em}
.brand .logo .mark svg{border-radius:8px}
.brand .sub{margin-top:9px;color:#a5b7cc;font-size:.69rem;line-height:1.5}
.nav{padding:14px 11px;gap:4px;scrollbar-color:#38506b transparent}
.nav-label{padding:20px 10px 7px;color:#89a0b9;font-size:.66rem;letter-spacing:.1em}
.nav a{min-height:40px;border:1px solid transparent;border-radius:9px;color:#c7d7e6;font-size:.84rem;font-weight:550;padding:8px 10px;gap:9px}
.nav a:hover{color:#fff;background:#243952;text-decoration:none}
.nav a.active{color:#fff;background:#27435f;border-color:#365571;box-shadow:inset 3px 0 0 #24c6d4}
.nav a .ico{width:26px;height:26px;color:#b7cfdf}
.nav a.active .ico{background:rgba(255,255,255,.1);box-shadow:none;color:#8ee8ef}
.nav a .nav-tx small,.nav a.active .nav-tx small{color:#a4bcce}
.foot{background:rgba(6,17,31,.2);border-color:rgba(255,255,255,.09);padding:12px 16px}
.foot .who{color:#eef4fb}
.foot .logout{color:#b8c7d7}
.foot .logout:hover{background:#452c38;color:#ffd4d7}
.avatar{background:#274c65;border:1px solid #3e6880;color:#fff}
.main{min-width:0;background:var(--bg)}
.topbar{min-height:63px;padding:12px clamp(18px,2.2vw,32px);background:#fff;backdrop-filter:none;border-bottom:1px solid var(--border)}
.topbar.is-scrolled{box-shadow:0 4px 16px rgba(23,45,70,.05)}
.page-title{font-family:var(--sans);font-size:1.12rem;font-weight:800;color:var(--ink);letter-spacing:-.025em}
.topbar-right{gap:12px}
.topbar-right .avatar{background:#dbeaf1;border:none;color:#143d57;font-size:.68rem}
.topbar-logout,.drawer-open-btn{border-radius:10px!important}
.cpw-mode-bar{padding:8px clamp(18px,2.2vw,32px);gap:16px;background:#fff;border-bottom:1px solid var(--border)}
.cpw-mode-caption{font-size:.69rem;font-weight:750;letter-spacing:.05em;color:#798a9e}
.cpw-mode-links{gap:5px}
.cpw-mode-link{min-height:34px;min-width:86px;background:#f4f7f9;border:1px solid transparent;border-radius:8px;font-size:.79rem;font-weight:750;color:#5b6b7e;padding:6px 14px;box-shadow:none}
.cpw-mode-link:hover{background:#e6f0f4;border-color:#cbdde7;color:var(--ink)}
.cpw-mode-link.is-selected{color:#fff;background:var(--cpw-rail-strong);border-color:var(--cpw-rail-strong);box-shadow:none}
.cpw-mode-link.is-selected::before{content:"";width:5px;height:5px;display:inline-block;background:#41d2df;border-radius:50%;margin-right:7px}
.cpw-office-banner{top:0;z-index:29;border-radius:0;background:#eaf5f8;border-bottom:1px solid #b8dce5;padding:9px clamp(18px,2.2vw,32px);gap:12px}
.cpw-office-banner-kicker{color:#507183;font-size:10px}
.cpw-office-banner-name{font-size:13px}
.cpw-office-banner-other{font-size:10px}
.cpw-office-banner-switch{border-radius:8px;min-height:33px;font-size:12px}
.content{max-width:1440px;margin:0 auto;padding:24px clamp(18px,2.2vw,32px) 70px}
.card,.cpw-panel{background:#fff;border:1px solid var(--border);border-radius:13px;box-shadow:var(--shadow);padding:18px 20px;margin-bottom:16px;min-width:0}
.section-title{font-size:.94rem;font-weight:800;color:var(--ink);gap:8px;margin-bottom:12px}
.btn{height:39px;border-radius:9px;box-shadow:none;font-size:.82rem;font-weight:750;background:#172c46;padding:0 15px}
.btn:hover{background:#243e5b;box-shadow:0 6px 13px rgba(20,38,60,.14)}
.btn.sm{height:34px;border-radius:8px;font-size:.78rem}
.btn.ghost{border:1px solid #cbd7e3;background:#fff;color:#2e455c;box-shadow:none}
.btn.ghost:hover{background:#eff5f7;border-color:#bacdd9}
.stat{background:#fff;border-color:var(--border);padding:14px}
.stat .num{font-size:1.5rem}
.badge{font-weight:750;padding:3px 8px;border-radius:7px}
.badge.neutral{background:#edf1f5;color:#536477}
.badge.ok{color:#1c7357}
.badge.warn{color:#8b5d11}
.table-wrap{max-width:100%;border:1px solid var(--border);border-radius:10px;overflow:auto}
table{font-size:.81rem}
thead th{padding:11px 13px;background:#f7f9fb;color:#54677b;font-weight:800;font-size:.7rem;border-bottom:1px solid var(--border)}
tbody td{padding:12px 13px;border-color:#edf1f5}
tbody tr:hover{background:#f8fbfc}
.field label{font-size:.78rem;font-weight:750;color:#475c74}
.field input,.field select,.field textarea,input[type=search]{background:#fff;min-height:42px;border-radius:9px;border-color:#cbd6e2;box-shadow:inset 0 1px 1px rgba(0,0,0,.018)}
.field textarea{min-height:84px}
.field input:focus,.field select:focus,.field textarea:focus,input[type=search]:focus{border-color:#19869d;box-shadow:0 0 0 3px rgba(14,140,163,.14)}
.empty{color:#6a7b8d;padding:26px}
.notice{border-radius:9px}
.flash{border-radius:9px}
.list-row{border-radius:9px}
.board-toolbar{gap:10px}
.pipe-step{border-radius:9px}
.shift-create-layout{gap:18px}
.shift-result-page{min-width:0}
.cpw-workspace{display:flex;flex-direction:column;gap:0;width:100%;min-width:0}
.cpw-workspace-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin:0 0 18px;flex-wrap:wrap}
.cpw-eyebrow{display:block;font-family:var(--display);font-size:.65rem;line-height:1.6;font-weight:750;letter-spacing:.13em;color:#7d8b9d}
.cpw-workspace-title{font-family:var(--sans);font-size:clamp(1.35rem,2.2vw,1.65rem);font-weight:850;letter-spacing:-.05em;line-height:1.4;color:#142740;margin:3px 0}
.cpw-workspace-desc{font-size:.81rem;color:#6b7d90;margin:4px 0 0}
.cpw-workspace-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.cpw-workspace-actions .btn{white-space:nowrap}
.cpw-kpi-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:24px}
.cpw-kpi-strip--four{grid-template-columns:repeat(4,minmax(0,1fr))}
.cpw-kpi{position:relative;display:flex;flex-direction:column;min-width:0;gap:4px;padding:16px 18px;background:#fff;border:1px solid #dce5ee;border-radius:12px;box-shadow:var(--shadow);color:var(--ink);text-decoration:none;transition:border-color .15s,transform .15s}
.cpw-kpi:hover{border-color:#7eafc0;transform:translateY(-1px);text-decoration:none}
.cpw-kpi::before{content:"";position:absolute;top:0;left:18px;right:18px;height:2px;border-radius:0 0 3px 3px;background:#c7e8ee}
.cpw-kpi--warning::before{background:#d08b77}
.cpw-kpi-label{display:flex;align-items:center;gap:7px;min-height:22px;font-size:.77rem;font-weight:800;color:#4f647a}
.cpw-kpi-label .icon{color:#36738a}
.cpw-kpi-value{font-family:var(--display);font-variant-numeric:tabular-nums;font-size:clamp(1.75rem,2.6vw,2.4rem);line-height:1.15;letter-spacing:-.04em;font-weight:750;color:#14263e}
.cpw-kpi-value small{font-family:var(--sans);font-size:.69rem;font-weight:650;color:#728496;margin-left:5px;letter-spacing:0}
.cpw-kpi-hint{font-size:.7rem;color:#8593a3}
.cpw-section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:10px;margin:3px 0 11px}
.cpw-section-head h2,.cpw-panel-head h2{font-size:.96rem;font-weight:850;color:#142740;letter-spacing:-.02em;margin:0;line-height:1.5}
.cpw-text-link{display:inline-flex;align-items:center;gap:3px;font-size:.75rem;color:#246d85;font-weight:750;white-space:nowrap;text-decoration:none}
.cpw-text-link:hover{text-decoration:underline}
.cpw-workflow-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 22px}
.cpw-workflow-tile{display:grid;grid-template-columns:36px minmax(0,1fr) auto 10px;align-items:center;gap:10px;min-width:0;min-height:91px;padding:14px;background:#fff;border:1px solid #dfe7ee;border-radius:12px;color:#21354c;box-shadow:var(--shadow);text-decoration:none;transition:border-color .15s,background .15s}
.cpw-workflow-tile:hover{background:#faffff;border-color:#9dc8d4;text-decoration:none}
.cpw-workflow-tile--attention{border-color:#e6b4ad;background:#fff9f8}
.cpw-workflow-icon{width:36px;height:36px;display:grid;place-items:center;background:#eaf4f7;color:#24738c;border-radius:9px}
.cpw-workflow-tile--attention .cpw-workflow-icon{background:#fbece9;color:#b44845}
.cpw-workflow-copy{display:flex;flex-direction:column;min-width:0}
.cpw-workflow-label{font-size:.8rem;font-weight:850;line-height:1.35;color:#243b51}
.cpw-workflow-note{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:.68rem;line-height:1.45;color:#78899a;margin-top:4px}
.cpw-workflow-number{font-family:var(--display);font-size:1.48rem;font-weight:800;font-variant-numeric:tabular-nums;color:#1d334b}
.cpw-workflow-arrow{color:#a0afbd}
.cpw-panel{padding:0;overflow:hidden}
.cpw-panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:66px;padding:14px 19px;border-bottom:1px solid #e9eef3}
.cpw-panel-head h2{font-size:.96rem}
.cpw-panel-body{padding:0}
.cpw-count-inline{display:inline-block;margin-left:6px;padding:2px 7px;vertical-align:middle;font-size:.7rem;border-radius:6px;background:#edf4f7;color:#4b7080}
.cpw-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;padding:32px 18px;color:#75869a;font-size:.78rem}
.cpw-empty-state strong{font-size:.89rem;color:#30475d}
.cpw-empty-state a{margin-top:4px;font-weight:800;font-size:.8rem}
.cpw-empty-icon{width:50px;height:50px;display:grid;place-items:center;border-radius:13px;background:#ecf6f8;color:#23728a}
.cpw-action-section{padding:3px 18px 14px;border-bottom:1px solid #edf1f4}
.cpw-action-section:last-child{border-bottom:0}
.cpw-action-section-head{display:flex;align-items:center;gap:7px;padding:14px 2px 8px;color:#455b73;font-size:.77rem;font-weight:800}
.cpw-action-section-head .icon{color:#628096}
.cpw-action-section-count{margin-left:auto;background:#eff3f6;border-radius:7px;padding:1px 7px;font-variant-numeric:tabular-nums;font-size:.72rem}
.cpw-action-row{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1.3fr) minmax(0,.8fr) 16px;align-items:center;gap:10px;border-top:1px solid #edf1f4;padding:12px 4px;color:#30445a;font-size:.79rem;text-decoration:none}
.cpw-action-row:hover{text-decoration:none;background:#fafcfd}
.cpw-action-title{display:flex;align-items:center;gap:7px;flex-wrap:wrap;min-width:0}
.cpw-action-title strong{font-size:.81rem;font-weight:800;overflow-wrap:anywhere}
.cpw-action-detail{font-weight:600;overflow-wrap:anywhere}
.cpw-action-meta{font-size:.7rem;color:#748597}
.cpw-action-go{color:#9eaebb}
.cpw-show-more{width:100%;margin:8px 0 0;border:1px solid #d7e3ea;border-radius:8px;background:#f6fafb;color:#23647c;font-size:.77rem;font-weight:800;padding:9px;cursor:pointer}
.cpw-show-more:hover{background:#eaf6f7}
.cpw-dashboard-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start;margin:0 0 16px}
.cpw-dashboard-columns--thirds{grid-template-columns:repeat(3,minmax(0,1fr))}
.cpw-dashboard-columns>.cpw-panel{margin-bottom:0;height:auto}
.cpw-stage-list{display:flex;flex-direction:column}
.cpw-stage-row{display:grid;grid-template-columns:minmax(0,1fr) auto 16px;align-items:center;gap:12px;padding:12px 18px;border-bottom:1px solid #edf1f5;min-height:48px;color:#395066;font-size:.79rem;text-decoration:none}
.cpw-stage-row:last-child{border-bottom:0}
a.cpw-stage-row:hover{background:#f6fafc;text-decoration:none}
.cpw-stage-row span:first-child{min-width:0;overflow-wrap:anywhere;display:flex;align-items:center;gap:7px}
.cpw-stage-row strong{font-family:var(--display);font-size:1rem;color:#1c3349;font-variant-numeric:tabular-nums}
.cpw-stage-row strong small{font-family:var(--sans);font-size:.67rem;color:#8493a3;font-weight:600;margin-left:3px}
.cpw-stage-row>.icon{color:#9aaaba}
.cpw-stage-row--lost strong{color:#b4504b}
.cpw-recent-list{display:flex;flex-direction:column}
.cpw-recent-item{display:grid;grid-template-columns:minmax(0,1fr) auto 15px;align-items:center;gap:9px;min-height:64px;padding:11px 18px;border-bottom:1px solid #edf1f5;color:#344b60;text-decoration:none}
.cpw-recent-item:last-child{border-bottom:0}
.cpw-recent-item:hover{background:#f9fbfd;text-decoration:none}
.cpw-recent-name{display:flex;flex-direction:column;gap:3px;font-size:.8rem;font-weight:800;overflow-wrap:anywhere}
.cpw-recent-name small{font-size:.68rem;color:#7b8d9e;font-weight:500}
.cpw-recent-item>.icon{color:#9aabb9}
.cpw-shortcuts{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:4px}
.cpw-shortcuts a{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid #dfe7ee;border-radius:9px;background:#fff;color:#36546a;text-decoration:none;font-size:.76rem;font-weight:750}
.cpw-shortcuts a:hover{background:#eef6f8;text-decoration:none}
.cpw-capacity{display:flex;align-items:center;gap:26px;padding:26px 21px}
.cpw-capacity-score{display:flex;flex-direction:column;min-width:100px;border-right:1px solid #e4ebf1;padding-right:22px}
.cpw-capacity-score strong{font-family:var(--display);font-size:2.4rem;line-height:1.2;color:#1a374d}
.cpw-capacity-score strong small{font-size:.85rem;margin-left:2px}
.cpw-capacity-score>span{font-size:.7rem;color:#7b8c9c}
.cpw-capacity-info{flex:1;min-width:0}
.cpw-capacity-line{display:flex;justify-content:space-between;gap:9px;padding:3px 0;color:#6d7e8f;font-size:.76rem}
.cpw-capacity-line strong{color:#314a62}
.cpw-progress{margin-top:12px;height:8px;border-radius:99px;background:#e9eef3;overflow:hidden}
.cpw-progress span{display:block;height:100%;max-width:100%;background:#1a96ac;border-radius:inherit}
.cpw-quick-list{display:flex;flex-direction:column}
.cpw-quick-list a{display:grid;grid-template-columns:23px minmax(0,1fr) 17px;align-items:center;gap:11px;padding:13px 18px;border-bottom:1px solid #edf1f5;text-decoration:none;color:#356278}
.cpw-quick-list a:last-child{border-bottom:0}
.cpw-quick-list a:hover{background:#f8fcfd;text-decoration:none}
.cpw-quick-list a>span{display:flex;flex-direction:column;gap:2px}
.cpw-quick-list strong{font-size:.8rem;color:#2d4359}
.cpw-quick-list small{font-size:.68rem;color:#8292a0}
.cpw-table-dense{border:0;border-radius:0}
.cpw-table-dense th,.cpw-table-dense td{white-space:nowrap}
.cpw-table-dense td a{display:inline-flex;align-items:center;gap:3px}
.cpw-alert-stack{display:flex;flex-direction:column;gap:8px;margin-bottom:17px}
.cpw-alert-banner{display:flex;align-items:center;gap:10px;border:1px solid #e8c7b8;background:#fff7f4;border-radius:10px;padding:12px 15px;color:#954e39;text-decoration:none;font-size:.78rem}
.cpw-alert-banner>span,.cpw-alert-banner>div{display:flex;flex-direction:column;flex:1;min-width:0}
.cpw-alert-banner strong{font-size:.82rem}
.cpw-alert-banner small,.cpw-alert-banner span span{font-size:.71rem;color:#9a6352}
.cpw-alert-banner>a{display:inline-flex;align-items:center;gap:4px;color:#985242;font-weight:750;white-space:nowrap;margin-left:auto}
a.cpw-alert-banner:hover{text-decoration:none;background:#fff1ed}
.cpw-insight-list{display:flex;flex-direction:column}
.cpw-insight-row{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr) 12px;align-items:center;gap:9px;min-height:52px;padding:12px 18px;border-bottom:1px solid #edf1f5;font-size:.77rem;color:#6b7e90}
.cpw-insight-row:last-child{border-bottom:0}
.cpw-insight-row strong{font-size:.8rem;color:#304a60;overflow-wrap:anywhere}
.cpw-insight-row--link:hover{text-decoration:none;background:#f8fbfd}
.cpw-shortcut-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:20px}
.cpw-shortcut-grid a{display:grid;grid-template-rows:30px auto auto;align-content:start;position:relative;gap:5px;padding:17px 14px;background:#fff;border:1px solid var(--border);border-radius:11px;text-decoration:none;color:#34718a;min-width:0}
.cpw-shortcut-grid a:hover{background:#f6fcfd;text-decoration:none}
.cpw-shortcut-grid a strong{color:#243b52;font-size:.82rem}
.cpw-shortcut-grid a span{color:#7f8d9d;font-size:.7rem}
.cpw-shortcut-grid a>.icon:last-child{position:absolute;right:14px;top:19px;color:#96aaba}
.cpw-occupancy-row{grid-template-columns:minmax(0,1fr) auto}
.cpw-occupancy-row strong{font-size:1.05rem}
.cpw-occupancy-row strong small{display:inline;font-size:.69rem}
/* Existing cancellation interaction and all form/POST endpoints are preserved. */
.cpw-cancel-stats{gap:9px}
.cpw-cancel-stat{border:1px solid #dbe5ed;border-radius:11px;background:#f9fbfc!important;box-shadow:none!important;text-align:left}
.cpw-cancel-stat[aria-pressed="true"]{border-color:#11849d;background:#ecf8fa!important;box-shadow:inset 0 0 0 1px #11849d!important}
.cpw-cancel-record-panel{scroll-margin-top:88px}
.cpw-cancel-record-panel .table-wrap{border-radius:9px}
.cpw-cancel-record-panel tbody td{padding:12px}
@media(max-width:1180px){
  .cpw-workflow-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cpw-dashboard-columns--thirds{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cpw-shortcut-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:920px){
  .sidebar{z-index:101;background:var(--cpw-rail)}
  .brand{border-color:rgba(255,255,255,.08)}
  .drawer-close-btn{color:#fff}
  .topbar{padding:9px 16px;min-height:56px}
  .content{padding:17px 16px calc(94px + env(safe-area-inset-bottom))}
  .cpw-mode-bar{padding:8px 16px}
  .bottom-nav{background:rgba(255,255,255,.98);border-top:1px solid #d7e3eb;box-shadow:0 -5px 20px rgba(30,51,73,.045);padding-bottom:env(safe-area-inset-bottom)}
  .bottom-nav a,.bottom-nav button{font-size:.64rem;color:#6c7c8e}
  .bottom-nav a.on{background:#eaf4f7;color:#174e66;box-shadow:inset 0 3px 0 #22bfd0;border-radius:10px}
}
@media(max-width:700px){
  html{scroll-padding-top:96px}
  .topbar{padding:7px 12px;min-height:56px}
  .page-title{font-size:1.05rem}
  .topbar-left{gap:7px}
  .topbar-right{gap:5px}
  .topbar-right .btn{height:37px;min-width:37px}
  .cpw-mode-bar{display:flex;align-items:center;padding:6px 12px;gap:8px}
  .cpw-mode-caption{display:none}
  .cpw-mode-links{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);width:100%;gap:5px;overflow:visible}
  .cpw-mode-link{min-width:0;min-height:35px;padding:5px 8px;font-size:.75rem;text-align:center;border-radius:8px}
  .cpw-mode-link.is-selected::before{width:4px;height:4px;margin-right:5px}
  .cpw-office-banner{padding:7px 12px;gap:6px}
  .cpw-office-banner-kicker{font-size:.65rem}
  .cpw-office-banner-name{font-size:.78rem}
  .cpw-office-banner-switch{font-size:.69rem;min-height:30px;padding:5px 9px}
  .content{padding:16px 12px calc(90px + env(safe-area-inset-bottom))}
  .card{padding:15px 14px;margin-bottom:12px;border-radius:11px}
  .cpw-workspace-intro{margin-bottom:12px;align-items:flex-start;gap:11px}
  .cpw-workspace-title{font-size:1.27rem;margin:2px 0}
  .cpw-workspace-desc{font-size:.74rem}
  .cpw-workspace-actions{width:100%;gap:7px}
  .cpw-workspace-actions .btn{flex:1 1 auto;padding:0 10px;min-width:0;height:38px}
  .cpw-kpi-strip{gap:7px;margin-bottom:18px}
  .cpw-kpi{padding:11px 9px;gap:4px;border-radius:10px}
  .cpw-kpi::before{left:9px;right:9px}
  .cpw-kpi-label{font-size:.65rem;line-height:1.25;gap:3px;align-items:flex-start}
  .cpw-kpi-label .icon{height:14px;width:14px}
  .cpw-kpi-value{font-size:1.7rem;line-height:1.15}
  .cpw-kpi-value small{margin-left:2px;font-size:.59rem}
  .cpw-kpi-hint{font-size:.58rem;line-height:1.3}
  .cpw-section-head{margin-bottom:9px}
  .cpw-section-head h2,.cpw-panel-head h2{font-size:.88rem}
  .cpw-eyebrow{font-size:.58rem}
  .cpw-text-link{font-size:.7rem}
  .cpw-workflow-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-bottom:17px}
  .cpw-workflow-tile{grid-template-columns:27px minmax(0,1fr) auto;grid-template-areas:"icon text number";gap:6px;min-height:83px;padding:10px 8px;border-radius:10px}
  .cpw-workflow-icon{grid-area:icon;height:27px;width:27px;border-radius:8px}
  .cpw-workflow-icon .icon{height:16px;width:16px}
  .cpw-workflow-copy{grid-area:text}
  .cpw-workflow-number{grid-area:number;font-size:1.25rem}
  .cpw-workflow-arrow{display:none}
  .cpw-workflow-label{font-size:.73rem}
  .cpw-workflow-note{font-size:.61rem;line-height:1.35}
  .cpw-panel{margin-bottom:12px;border-radius:11px}
  .cpw-panel-head{min-height:59px;padding:10px 12px}
  .cpw-action-section{padding:2px 11px 11px}
  .cpw-action-section-head{padding:11px 2px 7px}
  .cpw-action-row{grid-template-columns:minmax(0,1fr) 16px;grid-template-areas:"title go" "detail go" "meta go";gap:4px 8px;padding:11px 3px}
  .cpw-action-title{grid-area:title}
  .cpw-action-detail{grid-area:detail}
  .cpw-action-meta{grid-area:meta}
  .cpw-action-go{grid-area:go}
  .cpw-dashboard-columns,.cpw-dashboard-columns--thirds{grid-template-columns:minmax(0,1fr);gap:12px}
  .cpw-stage-row{padding:11px 13px}
  .cpw-recent-item{padding:10px 13px}
  .cpw-capacity{gap:16px;padding:18px 13px}
  .cpw-capacity-score{min-width:87px;padding-right:14px}
  .cpw-capacity-score strong{font-size:1.9rem}
  .cpw-quick-list a{padding:12px 13px}
  .cpw-shortcut-grid{gap:8px}
  .cpw-shortcut-grid a{padding:12px 11px}
  .cpw-kpi-strip--four{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cpw-cancel-stats{gap:6px}
  .cpw-cancel-record-panel{scroll-margin-top:88px}
  .table-wrap{width:100%;max-width:100%;overflow-x:auto}
  .form-grid{gap:10px}
  .field{margin-bottom:9px}
  .btn{max-width:100%}
}
@media(max-width:365px){
  .cpw-workflow-grid{grid-template-columns:minmax(0,1fr)}
  .cpw-kpi-label{font-size:.61rem}
  .cpw-kpi-value{font-size:1.42rem}
  .cpw-mode-link{font-size:.67rem}
}
@media(prefers-reduced-motion:reduce){
  .cpw-kpi,.cpw-workflow-tile{transition:none}
}

/* V70 login: brand-forward, calm and practical; no setup commands in public UI. */
.login-wrap{min-height:100vh;min-height:100dvh;background:radial-gradient(circle at 78% 7%,#dceff3 0,transparent 36%),linear-gradient(155deg,#edf3f8 0%,#f9fbfd 58%,#eef4f7 100%);padding:35px 16px;display:flex;justify-content:center;align-items:center}
.login-card{width:min(100%,440px);border:1px solid #dce6ed;border-radius:20px;padding:36px 34px;background:#fff;box-shadow:0 22px 65px rgba(21,46,69,.085)}
.login-card .logo{gap:12px;font-size:1.3rem;font-weight:800;color:#15283f;letter-spacing:-.03em}
.login-card .tagline{font-size:.82rem;color:#607489;line-height:1.6;margin:12px 0 28px}
.login-card .field{margin-bottom:15px}
.login-card .field label{font-size:.78rem;font-weight:800}
.login-card .field input{min-height:46px}
.login-card button[type=submit]{min-height:46px;margin-top:12px!important}
.cpw-login-footnote{margin-top:26px;text-align:center;border-top:1px solid #e9eef3;padding-top:18px;font-size:.72rem;color:#8193a3}
.login-error{border-radius:9px}
.cpw-list-intro{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 14px;flex-wrap:wrap}
.cpw-list-intro h1{font-size:1.27rem;font-weight:850;letter-spacing:-.035em;margin-top:2px}
.cpw-list-count{display:inline-flex;align-items:center;gap:4px;color:#537187;font-size:.76rem;font-weight:800;background:#eaf3f7;padding:5px 10px;border-radius:7px}
.board-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-bottom:12px}
.board-toolbar form{min-width:0}
.board-toolbar select{min-height:35px;border:1px solid #d3dee9;border-radius:8px;background:#fff;padding:5px 10px;font-size:.79rem;color:#30465e}
.board-toolbar .btn{white-space:nowrap}
.cpw-workspace .cpw-panel .table-wrap{border:none;border-radius:0}
@media(max-width:700px){
 .login-card{padding:28px 22px;border-radius:16px}
 .login-card .logo{font-size:1.14rem}
 .cpw-list-intro h1{font-size:1.06rem}
 .board-toolbar form{width:100%;gap:7px!important}
 .board-toolbar form input[type=search]{max-width:100%;width:100%!important;flex:1 1 170px}
 .board-toolbar select{max-width:100%;min-width:0;flex:1 1 135px}
 .board-toolbar>.btn{flex:1}
}