/*
 * 2026 commercial workspace design system.
 * Loaded last so every role and business module shares one visual language.
 */
:root{
  --font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans SC",Arial,sans-serif;
  --action-primary:#009fe8;
  --action-on-primary:#ffffff;
  --action-primary-hover:#008fd1;
  --brand:#009fe8;
  --brand-blue:#009fe8;
  --brand-sky:#87d0f4;
  --brand-graphite:#3e3a39;
  --series-1:var(--brand-blue);
  --series-2:var(--brand-graphite);
  --series-3:var(--status-success);
  --series-4:var(--brand-sky);
  --series-5:var(--text-secondary);
  --brand-strong:#006fa6;
  --brand-display:#0076ad;
  --brand-focus:#006fa6;
  --text-primary:#3e3a39;
  --text-secondary:#606568;
  --text-tertiary:#676d70;
  --surface-canvas:#f5f8fb;
  --surface-raised:#fff;
  --surface-subtle:#f7f9fc;
  --surface-accent:#eaf7ff;
  --surface-navigation:#fbfdff;
  --border-default:#e3eaf2;
  --border-subtle:#edf2f7;
  --border-control:#d4dfeb;
  --border-brand:#bee8fb;
  --status-success:#16805d;
  --status-success-soft:#eaf8f2;
  --status-warning:#a96c0c;
  --status-warning-soft:#fff7e8;
  --status-error:#c04b58;
  --status-error-soft:#fff0f2;
  --radius-card:16px;
  --radius-control:10px;
  --control-height:40px;
  --font-caption:.75rem;
  --font-control:.875rem;
  --font-table:.8125rem;
  --shadow-panel:0 1px 2px rgba(35,75,103,.025),0 12px 32px rgba(35,75,103,.055);
  --shadow-float:0 18px 55px rgba(27,72,103,.14);
}

html{background:#edf5fb;scrollbar-color:#c4d2dd transparent;scrollbar-width:thin}
::selection{background:#d6effc;color:#243b49}
input,textarea{caret-color:var(--brand-strong)}
body:has(.app-layout),body:has(.auth-page){
  min-width:0;
  background:
    radial-gradient(circle at 7% 2%,rgba(0,159,232,.14),transparent 28rem),
    radial-gradient(circle at 94% 97%,rgba(135,208,244,.12),transparent 31rem),
    #eef6fc;
}

/* Application shell */
body:has(.app-layout){padding:12px}
.app-layout{
  grid-template-columns:224px minmax(0,1fr)!important;
  width:min(1880px,100%);
  min-height:calc(100dvh - 24px)!important;
  margin:0 auto;
  overflow:clip;
  border:1px solid rgba(195,218,233,.82)!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:0 8px 40px rgba(38,89,121,.06)!important;
}
.app-layout .sidebar{
  top:0!important;
  height:calc(100dvh - 26px)!important;
  padding:25px 14px 14px!important;
  border-right:1px solid #e3ecf4!important;
  border-radius:18px 0 0 18px!important;
  background:#fff!important;
}
.app-layout .sidebar-brand{padding:0 12px 22px!important}
.app-layout .sidebar-brand .brand-lockup{width:128px!important}
.app-layout .brand-caption{
  margin-top:10px!important;
  font-size:var(--font-caption)!important;
  font-weight:600!important;
  letter-spacing:0!important;
  color:#6d7d91!important;
}
.app-layout .brand-caption::before{
  width:7px!important;height:7px!important;border-radius:3px!important;
  background:var(--brand)!important;
  box-shadow:0 0 0 4px rgba(0,159,232,.09)!important;
}
.app-layout .navigation-home{margin-bottom:18px!important}
.app-layout .nav-section{
  min-height:28px!important;
  margin:15px 0 4px!important;
  padding:5px 11px!important;
  color:var(--text-tertiary)!important;
  font-size:var(--font-caption)!important;
  font-weight:600!important;
  letter-spacing:0!important;
  text-transform:uppercase;
}
.app-layout .nav-link{
  min-height:39px!important;
  margin:3px 0!important;
  padding:8px 11px!important;
  border:1px solid transparent!important;
  border-radius:10px!important;
  color:#536371!important;
  font-size:13px!important;
  font-weight:500!important;
  transition:background .16s ease,color .16s ease,border-color .16s ease,transform .16s ease,box-shadow .16s ease!important;
}
.app-layout .nav-link>svg{width:17px!important;height:17px!important;color:#718198!important;stroke-width:1.7!important}
.app-layout .nav-link:not(.active):hover{
  color:var(--text-primary)!important;
  border-color:#e3ebf3!important;
  background:#f4f8fc!important;
  transform:translateX(1px);
}
.app-layout .nav-link.active{
  color:var(--brand-strong)!important;
  border-color:transparent!important;
  background:#e6f5fd!important;
  box-shadow:none!important;
  font-weight:600!important;
}
.app-layout .nav-link.active>svg{color:var(--brand)!important}
.app-layout .sidebar-management{margin-top:12px!important;padding-top:10px!important;border-color:#e7edf3!important}
.app-layout .management-links{border-color:#dce7f0!important}
.app-layout .sidebar-bottom{
  margin-top:12px!important;
  padding:10px!important;
  border:0!important;
  border-top:1px solid var(--border-subtle)!important;
  border-radius:0!important;
  background:#fff!important;
  box-shadow:none!important;
}
.app-layout .sidebar-bottom .avatar{
  width:34px!important;height:34px!important;border-radius:10px!important;
  color:var(--brand-graphite)!important;background:var(--brand-sky)!important;
  box-shadow:none!important;
}
.app-layout .workspace{
  min-width:0;
  border-radius:0 18px 18px 0!important;
  background:var(--surface-canvas)!important;
}
.app-layout .topbar{
  min-height:66px!important;height:66px!important;
  padding:0 30px!important;
  border-bottom:1px solid rgba(220,232,241,.9)!important;
  border-radius:0 18px 0 0!important;
  background:#fff!important;
  backdrop-filter:none!important;
  box-shadow:none!important;
}
.app-layout .breadcrumb{gap:8px!important;color:var(--text-tertiary)!important;font-size:12px!important}
.app-layout .breadcrumb .crumb-platform:first-child{
  padding:4px 8px!important;
  border:1px solid #dce8f1!important;
  border-radius:7px!important;
  background:#f8fbfe!important;
  color:var(--text-tertiary)!important;
  font-size:var(--font-caption)!important;
  font-weight:600!important;
}
.app-layout .breadcrumb strong{color:var(--text-primary)!important;font-size:13px!important;font-weight:600!important}
.app-layout .topbar-controls{gap:9px!important}
.app-layout .topbar-controls>label,.app-layout .dashboard-project-control{padding:3px 5px 3px 10px;border:1px solid #dce6ef;border-radius:11px;background:#fff;box-shadow:0 2px 8px rgba(34,77,105,.035)}
.app-layout .topbar-label{font-size:var(--font-caption)!important;font-weight:500!important;color:var(--text-tertiary)!important}
.app-layout .topbar select,.app-layout .topbar input,.app-layout .project-picker-trigger{
  height:34px!important;
  border:0!important;
  border-radius:8px!important;
  background:#f8fafc!important;
  color:#33445a!important;
  font-size:13px!important;
  box-shadow:none!important;
}
.app-layout .topbar .icon-button{
  width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;
  border:1px solid #e0e8f0!important;border-radius:10px!important;background:#fff!important;
  color:var(--text-tertiary)!important;
}
.app-layout .topbar .icon-button:hover{border-color:#c8e5f4!important;background:#eef8fe!important;color:#058bc9!important}
.app-layout .workspace-main{width:100%;max-width:1680px!important;padding:28px 32px 32px!important}
#page-content{min-height:calc(100dvh - 170px)}

/* Page titles */
.app-layout .page-head,.app-layout .dv-page-head{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:22px!important;
  min-height:64px!important;
  margin:0 0 22px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.page-head-main{display:flex;align-items:center;gap:14px;min-width:0}
.page-head-symbol{
  display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;
  border:1px solid #cfe8f6;border-radius:13px;
  color:var(--brand);background:linear-gradient(145deg,#f2fbff,#e4f5fd);
  box-shadow:inset 0 1px 0 #fff,0 8px 20px rgba(31,135,190,.09);
}
.page-head-copy,.page-head>div:first-child,.dv-page-head>div:first-child{min-width:0}
.app-layout .page-head .eyebrow,.app-layout .business-eyebrow,.app-layout .dv-page-eyebrow{
  width:max-content;max-width:100%;margin:0 0 5px!important;padding:0!important;border:0!important;background:transparent!important;
  color:#1286bd!important;font-size:var(--font-caption)!important;font-weight:600!important;line-height:1.4!important;letter-spacing:.11em!important;
}
.app-layout .dv-page-eyebrow{display:flex!important;align-items:center!important;gap:7px!important}
.app-layout .dv-page-eyebrow::before{width:6px!important;height:6px!important;background:#22b784!important;box-shadow:0 0 0 4px rgba(34,183,132,.1)!important}
.app-layout .page-head h1,.app-layout .business-head h1,.app-layout .dv-page-head h1{
  margin:0!important;color:var(--text-primary)!important;font-size:24px!important;font-weight:600!important;line-height:1.28!important;letter-spacing:0!important;
}
.app-layout .page-head p,.app-layout .business-head p,.app-layout .dv-page-head p{
  max-width:780px!important;margin:6px 0 0!important;color:var(--text-secondary)!important;font-size:13px!important;line-height:1.65!important;
}
.app-layout .page-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.app-layout .business-head-side{display:flex!important;align-items:center!important;justify-content:flex-end!important;max-width:50%!important}
.app-layout .business-head-symbol,.app-layout .business-head-context{display:none!important}
.app-layout .dv-page-tools{display:flex!important;align-items:center!important;gap:10px!important}
.app-layout .dv-page-tools>div{padding:0!important;border:0!important;border-radius:0!important;background:transparent!important}
.app-layout .dv-updated{font-size:var(--font-caption)!important;color:var(--text-tertiary)!important}

/* Controls */
:is(.app-layout,.modal) .btn{
  min-height:40px!important;padding:8px 14px!important;border-radius:10px!important;
  font-family:var(--font-sans)!important;font-size:var(--font-control)!important;font-weight:500!important;line-height:1.45!important;
  letter-spacing:0!important;transition:transform .15s ease,box-shadow .15s ease,background .15s ease,border-color .15s ease!important;
}

:is(.app-layout,.modal) .btn-primary{
  color:var(--action-on-primary)!important;font-weight:600!important;border-color:var(--brand)!important;background:var(--action-primary)!important;
  box-shadow:0 2px 5px rgba(11,137,211,.13)!important;
}
:is(.app-layout,.modal) .btn-primary:hover{border-color:var(--brand)!important;background:var(--action-primary-hover)!important;box-shadow:0 3px 8px rgba(11,121,190,.16)!important}
:is(.app-layout,.modal) .btn-secondary{color:var(--text-primary)!important;border-color:#dce6ef!important;background:#fff!important;box-shadow:none!important}
:is(.app-layout,.modal) .btn-secondary:hover{border-color:#c8deec!important;background:#f7fbfe!important}
:is(.app-layout,.modal) .btn-text{min-height:30px!important;padding:5px 7px!important;color:var(--brand-strong)!important;border-color:transparent!important;background:transparent!important;box-shadow:none!important}
:is(.app-layout,.modal) .btn-danger{color:#b94350!important;border-color:#f3d3d8!important;background:#fff4f5!important;box-shadow:none!important}
:is(.app-layout,.modal) input:not([type=checkbox]):not([type=radio]),:is(.app-layout,.modal) select,:is(.app-layout,.modal) textarea{
  border:1px solid #d7e1eb!important;border-radius:9px!important;background:#fff!important;color:var(--text-primary)!important;
  box-shadow:none!important;
}
:is(.app-layout,.modal) input:not([type=checkbox]):not([type=radio]):focus,:is(.app-layout,.modal) select:focus,:is(.app-layout,.modal) textarea:focus{
  border-color:var(--brand-focus)!important;outline:2px solid var(--brand-focus)!important;outline-offset:2px;box-shadow:none!important;background:#fff!important;
}
:is(.app-layout,.modal) .field label{color:var(--text-secondary)!important;font-size:13px!important;font-weight:600!important}
:is(.app-layout,.modal) .field small{color:var(--text-tertiary)!important;font-size:var(--font-caption)!important}
:is(.app-layout,.modal) .password-toggle{color:var(--brand-strong)!important;font-size:12px!important;font-weight:600!important}
:is(.app-layout,.modal) .tabs,:is(.app-layout,.modal) .workflow-status-tabs,:is(.app-layout,.modal) .dv-filter-tabs,:is(.app-layout,.modal) .dh-stage-filters{
  padding:4px!important;border:1px solid #e1e9f1!important;border-radius:11px!important;background:#f1f5f9!important;box-shadow:inset 0 1px 2px rgba(31,64,87,.025)!important;
}
:is(.app-layout,.modal) .tab,:is(.app-layout,.modal) .workflow-status-tabs button,:is(.app-layout,.modal) .dv-filter-tabs button,:is(.app-layout,.modal) .dh-stage-filters button{min-height:34px!important;border-radius:8px!important;color:var(--text-secondary)!important;font-size:13px!important;font-weight:500!important}
:is(.app-layout,.modal) .tab.active,:is(.app-layout,.modal) .workflow-status-tabs button[aria-pressed=true],:is(.app-layout,.modal) .dv-filter-tabs button[aria-pressed=true],:is(.app-layout,.modal) .dh-stage-filters button.active{
  border-color:#dceaf3!important;background:#fff!important;color:var(--brand-strong)!important;box-shadow:0 1px 3px rgba(36,83,113,.07)!important;font-weight:600!important;
}

/* The host owns the button box; its shadow button only carries semantics/focus. */
:is(.app-layout,.modal) wa-button.kit-button::part(base){min-height:0!important;height:auto!important;padding:0!important;border:0!important;border-radius:inherit!important;background:transparent!important;color:inherit!important;box-shadow:none!important;font:inherit!important;line-height:inherit!important;transform:none!important}
:is(.app-layout,.modal) wa-button.kit-button::part(label){padding:0;white-space:normal;text-align:center}
:is(.app-layout,.modal) wa-button.kit-button:focus-within{outline:2px solid var(--brand-focus);outline-offset:3px}
:is(.app-layout,.modal) .page-head h1,:is(.app-layout,.modal) .panel-head h2{text-wrap:balance}
:is(.app-layout,.modal) .page-head p,:is(.app-layout,.modal) .empty p{text-wrap:pretty}
:is(.app-layout,.modal) .panel-head h2,:is(.app-layout,.modal) .page-head h1{overflow-wrap:anywhere}
:is(.app-layout,.modal) .business-metric>strong,:is(.app-layout,.modal) .dh-metric>strong,:is(.app-layout,.modal) .dv-metric>strong,:is(.app-layout,.modal) .exec-board-metric>strong{font-variant-numeric:tabular-nums}

/* Cards, data blocks and empty states */
.app-layout .panel,.app-layout wa-card.business-panel,.app-layout .tdk-records-panel,.app-layout .kl-library,.app-layout .ap-library,.app-layout .ca-list,.app-layout .gm-report,.app-layout .exec-board-panel{
  border:1px solid #e1e9f1!important;border-radius:16px!important;background:#fff!important;box-shadow:var(--shadow-panel)!important;overflow:hidden;
}
.app-layout .panel-head,.app-layout .business-panel .panel-head{
  min-height:70px;padding:19px 21px 15px!important;border:0!important;background:#fff!important;
}
.app-layout .panel-head h2{color:var(--text-primary)!important;font-size:16px!important;font-weight:600!important}
.app-layout .panel-head p{margin-top:4px!important;color:var(--text-tertiary)!important;font-size:12px!important;line-height:1.55!important}
.app-layout .panel-body{padding:0 21px 21px!important}
.app-layout .business-metrics,.app-layout .dh-metrics,.app-layout .dv-metrics,.app-layout .exec-board-metrics{gap:12px!important;margin-bottom:20px!important;background:transparent!important;border:0!important;box-shadow:none!important}
.app-layout .business-metric,.app-layout .dh-metric,.app-layout .dv-metric,.app-layout .exec-board-metric,.app-layout .stat{
  min-height:112px!important;padding:16px!important;border:1px solid #e2eaf2!important;border-radius:14px!important;background:#fff!important;
  box-shadow:none!important;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease!important;
}
/* A shared visual hierarchy for delivery, research and customer metrics. */
.app-layout .dv-metric{display:block!important}
.app-layout :is(.business-metric,.dh-metric,.dv-metric,.exec-board-metric,.stat,.dh-status-metric,.sr-metrics>button,.mi-stat){position:relative!important;min-height:116px!important;padding:18px!important;isolation:isolate}
.app-layout :where(.business-metric,.dh-metric,.dv-metric,.exec-board-metric,.stat,.dh-status-metric,.sr-metrics>button,.mi-stat) .insight-icon{
  position:absolute!important;right:18px;top:18px;display:grid!important;place-items:center!important;width:36px!important;height:36px!important;padding:0!important;border-radius:10px!important;
  color:var(--brand)!important;background:#eaf7fe!important;border:0;box-shadow:none;
}
.app-layout .insight-icon>svg{display:block!important;margin:0!important;justify-self:center;align-self:center;width:22px!important;height:22px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:inherit!important}
.app-layout :is([data-tone=green],[data-stage=delivered]) .insight-icon{color:#218163!important;background:linear-gradient(145deg,#f0fbf6,#def3ea)!important;border-color:#c7e6d9}
.app-layout :is([data-tone=amber],[data-stage=review]) .insight-icon{color:#a36a17!important;background:linear-gradient(145deg,#fffbf2,#fff0d8)!important;border-color:#f3dfb9}
.app-layout [data-stage=running] .insight-icon{color:#0098bc!important;background:linear-gradient(145deg,#f0fcff,#d8f4f9)!important;border-color:#c0e8f1}
.app-layout :is(.business-metric-top,.dv-metric-top,.stat-top,.dh-metric>div,.exec-board-metric>div){display:block!important;padding-right:40px!important;min-height:22px;color:var(--text-secondary)!important;font-size:13px!important;line-height:1.5}
.app-layout :is(.business-metric,.dh-metric,.dv-metric,.exec-board-metric,.stat)>strong{display:block!important;margin:8px 0!important;color:var(--text-primary)!important;font-size:28px!important;line-height:1.2!important;font-weight:600!important;font-variant-numeric:tabular-nums;letter-spacing:0!important}
.app-layout :is(.business-metric,.dh-metric,.dv-metric,.exec-board-metric)>p,.app-layout .stat>small{display:block;margin:0!important;color:var(--text-secondary)!important;font-size:12px!important;line-height:1.65!important}
.app-layout wa-card:is(.business-metric,.dh-metric,.exec-board-metric)::part(body){display:block!important;padding:0!important}
.app-layout wa-card:is(.business-metric,.dh-metric,.exec-board-metric)::part(base){background:transparent!important;border:0!important;box-shadow:none!important}
.app-layout .dv-metric-shell{padding:0!important;border:0!important;box-shadow:none!important;background:transparent!important}
.app-layout .dv-metric-shell::part(body){padding:0!important}
.app-layout .dv-metric-shell::part(base){border:0!important;background:transparent!important;box-shadow:none!important}
.app-layout .badge{min-height:23px;padding:3px 8px!important;border:1px solid transparent!important;border-radius:999px!important;font-size:var(--font-caption)!important;font-weight:600!important}
.app-layout .badge.blue{border-color:#cceaf8!important;background:#edf9ff!important}
.app-layout .badge.green{border-color:#caeadc!important;background:#ecf9f3!important}
.app-layout .badge.amber{border-color:#f1dfbd!important;background:#fff8ea!important}
.app-layout .badge.red{border-color:#f2d5d9!important;background:#fff2f4!important}
.app-layout .badge.gray{border-color:#e4eaf0!important;background:#f6f8fa!important}
.app-layout .notice{border-radius:11px!important;border-color:#dce8f1!important;background:#f7fbfe!important;color:#64758a!important;box-shadow:none!important}
.app-layout .empty{padding:48px 24px!important}
.app-layout .empty-icon{
  width:52px!important;height:52px!important;margin-bottom:13px!important;border:1px solid #cfe9f7!important;border-radius:15px!important;
  color:var(--brand)!important;background:linear-gradient(145deg,#f2fbff,#e5f5fd)!important;box-shadow:0 8px 20px rgba(38,132,181,.08)!important;
}
.app-layout .empty h3{color:var(--text-primary)!important;font-size:15px!important;font-weight:600!important}
.app-layout .empty p{max-width:430px!important;color:var(--text-tertiary)!important;font-size:12px!important;line-height:1.75!important}

/* Tables and long data pages */
.app-layout .table-scroll,.app-layout .tdk-table-scroll,.app-layout .kl-table-wrap,.app-layout .ap-table-wrap,.app-layout .ca-focus-table-wrap{scrollbar-width:thin;scrollbar-color:#c9d9e5 transparent}
.app-layout table{color:var(--text-primary)!important;font-size:var(--font-table)!important;font-variant-numeric:tabular-nums}
.app-layout th{
  padding:11px 16px!important;border-color:#e5ecf3!important;background:#f6f9fc!important;color:var(--text-tertiary)!important;
  font-size:var(--font-caption)!important;font-weight:600!important;letter-spacing:.015em!important;text-transform:none!important;
}
.app-layout td{padding:14px 16px!important;border-color:#ebf0f5!important;line-height:1.6!important}
.app-layout tbody tr{transition:background .14s ease,box-shadow .14s ease}
.app-layout tbody tr:hover{background:#f5fbff!important;box-shadow:none!important}
.app-layout .cell-main{color:var(--text-primary)!important;font-size:var(--font-table)!important;font-weight:600!important}
.app-layout .cell-sub{color:var(--text-tertiary)!important;font-size:var(--font-caption)!important;line-height:1.55!important}
.app-layout .route-audit>.panel .table-scroll{max-height:min(72vh,900px);overflow:auto}
.app-layout .route-audit>.panel thead{position:sticky;top:0;z-index:2}
.app-layout .route-audit>.panel tbody tr:nth-child(even){background:#fbfdff}

/* Customer, contract and delivery pages */
.app-layout .customer-tabs{margin-bottom:14px!important}
.app-layout .customer-directory-toolbar{min-height:54px!important}
.app-layout .customer-quick-ranges{gap:4px 17px!important}
.app-layout .customer-quick-ranges button{font-size:12px!important;font-weight:600!important}
.app-layout .customer-search-control input{height:40px!important}
.app-layout .business-panel.customer-directory .customer-directory-controls{padding:0 18px 16px!important}
.app-layout .business-panel.customer-directory .records-table td{padding-top:17px!important;padding-bottom:17px!important}
.app-layout .business-identity-icon,.app-layout .customer-site-resource-icon{
  border:1px solid #cfe8f6!important;border-radius:10px!important;color:var(--brand)!important;background:#edf8fe!important;
}
.app-layout .proposal-catalog-layout{grid-template-columns:258px minmax(0,1fr)!important;gap:16px!important}
.app-layout .proposal-option{
  padding:14px!important;border-color:#e0e8f0!important;border-radius:12px!important;background:#fff!important;box-shadow:0 4px 15px rgba(35,75,102,.035)!important;
}
.app-layout .proposal-option:hover{border-color:#bfe2f4!important;transform:translateY(-1px)}
.app-layout .proposal-option[aria-pressed=true]{border-color:#6dc8ee!important;background:linear-gradient(135deg,#edf9ff,#f8fcff)!important;box-shadow:none!important}
.app-layout .proposal-option-number{border-radius:9px!important;background:#f3f7fb!important}
.app-layout .proposal-workspace{padding:20px!important;border-color:#e0e8f0!important;border-radius:14px!important;box-shadow:var(--shadow-panel)!important}
.app-layout .proposal-summary-strip{border-color:#e6edf3!important;background:#fbfdff!important;border-radius:11px!important;padding:15px 12px!important}
.app-layout .proposal-service-group{border-color:#e2eaf1!important;border-radius:11px!important}
.app-layout .proposal-service-group>summary{background:#f7fafc!important}
.app-layout .dc-panel,.app-layout .contract-snapshot,.app-layout .contract-execution-summary{border-radius:14px!important;border-color:#e2eaf1!important;box-shadow:0 7px 24px rgba(36,77,103,.045)!important}
.app-layout .dv-kanban-column,.app-layout .dv-task-card{border-color:#e2eaf1!important;border-radius:13px!important;background:#fff!important;box-shadow:0 5px 18px rgba(37,78,105,.045)!important}
.app-layout .dv-kanban-column-head{background:#f7fafc!important}

/* Skill library and execution workspace */
.app-layout .workflow-library-toolbar{margin-bottom:13px!important}
.app-layout .workflow-library-context{padding:0 2px!important;color:var(--text-tertiary)!important}
.app-layout .workflow-grid{gap:15px!important}
.app-layout wa-card.workflow-card{
  padding:0!important;border:1px solid #e0e9f1!important;border-radius:15px!important;background:#fff!important;
  box-shadow:none!important;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease!important;
}
.app-layout wa-card.workflow-card::part(base){border:0;background:transparent;box-shadow:none}
.app-layout wa-card.workflow-card::part(body){padding:20px;gap:0}
.app-layout wa-card.workflow-card:hover{transform:none!important}
.app-layout .workflow-skill-icon{width:52px!important;height:52px!important;border:1px solid #cde8f7!important;border-radius:12px!important;background:linear-gradient(145deg,#f2fbff,#e5f5fd)!important;color:var(--brand)!important}
.app-layout .workflow-card h3{color:var(--text-primary)!important;font-size:16px!important;font-weight:600!important}
.app-layout .workflow-card>p{color:var(--text-secondary)!important;font-size:var(--font-table)!important;line-height:1.65!important;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.app-layout .workflow-card-meta{gap:6px!important}
.app-layout .workflow-card-meta span{padding:4px 7px!important;border-radius:7px!important;background:#f4f8fb!important;color:var(--text-tertiary)!important;font-size:var(--font-caption)!important}
.app-layout .workflow-policy,.app-layout .workflow-contract-link{border-color:#dce8f1!important;border-radius:13px!important;background:#f8fbfe!important}
.app-layout .exec-board,.app-layout .dh-workspace{gap:17px!important}
.app-layout .exec-board-panel,.app-layout .dh-task-panel,.app-layout .dh-pulse,.app-layout .dh-panel,.app-layout .dh-trend-details{
  border-color:#e0e9f1!important;border-radius:16px!important;background:#fff!important;box-shadow:var(--shadow-panel)!important;
}
.app-layout .exec-board-head,.app-layout .dh-panel-head{padding:19px 20px!important}
.app-layout .exec-list-scope,.app-layout .exec-board-footnote,.app-layout .dh-footnote{color:var(--text-tertiary)!important;font-size:var(--font-caption)!important}
.app-layout .dh-company-row{
  margin:0 14px 12px!important;padding:17px!important;border:1px solid #e2eaf1!important;border-radius:13px!important;
  background:linear-gradient(135deg,#fff,#fbfdff)!important;box-shadow:0 4px 16px rgba(40,77,102,.035)!important;
}
.app-layout .dh-company-row:hover{border-color:#cae5f3!important;box-shadow:0 9px 24px rgba(35,95,129,.08)!important}
.app-layout .dh-company-icon{border-radius:11px!important;background:#eaf7ff!important;color:var(--brand)!important}
.app-layout progress{border-radius:999px!important;background:#edf2f6!important}
.app-layout progress::-webkit-progress-bar{border-radius:999px!important;background:#edf2f6!important}
.app-layout progress::-webkit-progress-value{border-radius:999px!important;background:linear-gradient(90deg,var(--brand),var(--brand-sky))!important}

/* Dashboard: customer progress first, supporting history below. */
.app-layout .dh-status-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.app-layout .dh-status-metric{display:grid;gap:8px;text-align:left;min-width:0;padding:16px;background:#fff;border:1px solid var(--border-default);border-radius:14px;box-shadow:var(--shadow-panel);color:var(--text-primary);cursor:pointer;font:inherit}
.app-layout .dh-status-metric>.dh-status-label{display:block;padding-right:60px;color:var(--text-secondary);font-size:13px;line-height:1.5}


.app-layout .dh-status-metric>strong{font-size:32px;line-height:1.15;font-weight:600;font-variant-numeric:tabular-nums;margin:3px 0 7px;letter-spacing:0}
.app-layout .dh-status-metric>small{color:var(--text-secondary);font-size:12px;line-height:1.5}
.app-layout .dh-status-metric[aria-pressed=true]{border-color:var(--brand);background:#f2faff}
.app-layout .dh-status-metric:hover{border-color:var(--brand)}
.app-layout .dh-status-metric:disabled{cursor:default;opacity:.7}
.app-layout .dh-workspace-grid{grid-template-columns:minmax(0,1fr) 290px;gap:18px}
.app-layout .dh-task-panel{padding:0!important}
.app-layout .dh-company-row{box-shadow:none!important;background:#fff!important;padding:16px!important}
.app-layout .dh-company-row:hover{box-shadow:none!important}
.app-layout .dh-task-panel .dh-stage-filters{margin:0 14px 12px!important}
.app-layout .dh-task-panel .dh-pagination{margin:0 16px;padding-top:12px}
.app-layout .dh-task-panel .dh-footnote{margin:10px 16px 16px}
.app-layout .dh-company-context{display:grid;gap:8px;margin-top:14px;padding-top:12px;border-top:1px solid var(--border-subtle);font-size:12px;color:var(--text-secondary);overflow-wrap:anywhere}
.app-layout .dh-company-owner{display:flex;align-items:center;gap:6px}
.app-layout .dh-company-contract{display:flex;flex-wrap:wrap;align-items:center;gap:3px 12px;min-width:0}
.app-layout .dh-company-contract button{display:inline-flex;align-items:center;gap:5px;min-height:32px;padding:0;border:0;background:none;color:var(--brand-strong);font:inherit;text-align:left;cursor:pointer;overflow-wrap:anywhere}
.app-layout .dh-company-contract button svg{flex-shrink:0}
.app-layout .dh-company-contract small{font-size:12px}
.app-layout .dh-side .dh-panel{padding:16px!important}
.app-layout .dh-side .dh-panel-head{padding:0!important;margin-bottom:14px}
.app-layout .dh-side .dh-pulse{padding:16px}
.app-layout .dh-renewals h2{font-size:15px;font-weight:600}
.app-layout .dh-renewals button{display:flex;justify-content:space-between;align-items:center;gap:10px;width:100%;text-align:left;min-height:48px;border:0;border-top:1px solid var(--border-subtle);background:none;color:var(--text-primary);font:inherit;padding:10px 0;cursor:pointer}
.app-layout .dh-renewals small{display:block;color:var(--text-secondary);font-size:12px}
.app-layout .dh-renewals strong{font-size:12px;color:var(--status-warning)}
.app-layout .dh-support-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;margin-top:18px;align-items:start}
.app-layout .dh-support-grid>*{min-width:0}
.app-layout .dh-support-grid .dh-activity{padding:0!important}
.app-layout .dh-support-grid .dh-activity-summary{padding:0 20px;margin:0}
.app-layout .dh-support-grid .dh-activity-summary li{padding-bottom:12px}
.app-layout .dh-support-grid .dh-activity-summary p{margin:3px 0;font-size:12px}
.app-layout .dh-support-grid .dh-activity-summary .kit-button{min-height:28px!important;padding:2px 0!important}
.app-layout .dh-support-grid .dh-activity-footer{margin:0 20px;padding:8px 0}
.app-layout .dh-support-grid .exec-trend .ts-chart{max-height:240px}
.app-layout .dh-workload-details{margin-top:16px;font-size:12px;color:var(--text-secondary)}
.app-layout .dh-workload-details>summary{min-height:40px;display:list-item;align-content:center;cursor:pointer}
.app-layout .dh-workload-details[open]>.dh-metrics{margin-top:12px}
.app-layout .dv-client-contracts{border:1px solid var(--border-default);border-radius:16px;background:#fff;padding:20px;margin-bottom:18px;box-shadow:var(--shadow-panel)}
.app-layout .dv-client-contracts>.dv-panel-heading{padding:0 0 16px!important}
.app-layout .dv-client-contract-list{display:grid;gap:12px}
.app-layout .dv-client-contract-summary{padding:16px;background:#f8fcff;border:1px solid #e1edf4;border-radius:12px;min-width:0;overflow-wrap:anywhere}
.app-layout .dv-client-contract-main{display:flex;justify-content:space-between;align-items:start;gap:12px}
.app-layout .dv-client-contract-main h3{font-size:16px;font-weight:600;line-height:1.5;margin:4px 0}
.app-layout .dv-client-contract-main p{font-size:13px;color:var(--text-secondary);line-height:1.6}
.app-layout .dv-client-service-state{font-size:12px;white-space:nowrap;color:var(--brand-strong)}
.app-layout .dv-client-contract-details{font-size:13px;margin-top:12px}
.app-layout .dv-client-contract-details>summary{cursor:pointer;min-height:40px;align-content:center;color:var(--brand-strong)}
.app-layout .dv-client-contract-details>div{padding-top:12px}

.app-layout .ca-column-icon{display:inline-flex;vertical-align:middle;align-items:center;justify-content:center;width:28px;height:28px;margin-right:7px;border-radius:8px;background:#e5f5fe;color:var(--brand)}
.app-layout .ca-brand-share{height:8px;margin:12px 0;border-radius:8px;background:#edf3f7;overflow:hidden}
.app-layout .ca-brand-share>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#009fe8,#87d0f4)}

/* Research signals: compact graphics with visible values and explicit denominators. */
.app-layout :is(.kl-metrics,.ap-metrics){gap:12px!important;padding:18px 22px!important;background:#f8fbfd!important}
.app-layout :is(.kl-metrics,.ap-metrics)>div{position:relative!important;display:grid!important;grid-template-columns:1fr;gap:5px!important;align-items:start!important;min-width:0;min-height:104px;padding:16px 64px 16px 16px!important;background:#fff;border:1px solid #e2edf4!important;border-radius:14px!important}
.app-layout :is(.kl-metrics,.ap-metrics)>div>.insight-icon{position:absolute;right:12px;top:16px;display:grid;place-items:center;width:42px;height:42px;border-radius:13px;color:var(--brand);background:#eaf7ff}
.app-layout :is(.kl-metrics,.ap-metrics)>div>strong{font-size:28px!important;line-height:1.2!important;font-weight:600!important;color:var(--text-primary)!important}
.app-layout :is(.kl-metrics,.ap-metrics)>div>span:not(.insight-icon){font-size:12px!important;line-height:1.5!important;color:var(--text-secondary)!important}
.app-layout .mi-stat-grid{gap:12px!important;padding:18px 22px!important;background:#f8fbfd!important}
.app-layout .mi-stat-grid>.mi-stat{border:1px solid #e2edf4!important;border-radius:14px!important;background:#fff!important;box-shadow:none!important}
.app-layout .mi-stat:before{display:none!important}
.app-layout .mi-stat>span:not(.insight-icon){display:block;padding-right:58px!important;min-height:36px;font-size:12px!important;line-height:1.5!important;margin:0!important;color:var(--text-secondary)!important}
.app-layout .mi-stat>strong{display:block;font-size:30px!important;line-height:1.2!important;margin:8px 0!important;color:var(--text-primary)!important}
.app-layout .mi-stat>small{color:var(--text-secondary)!important;font-size:12px!important;line-height:1.5!important}
.app-layout .mi-map-stage{background:radial-gradient(ellipse at 50% 45%,#e9f6fe 0%,#f7fbfe 65%,#fff 100%)!important;border:1px solid #dfeff7!important;border-radius:18px!important}
.app-layout .mi-country-ranking{padding:16px!important;background:#f8fbfe!important;border:1px solid #e2edf4;border-radius:16px}
.app-layout .mi-country-ranking li>button{border-radius:10px!important;transition:background-color 150ms ease}
.app-layout .mi-country-ranking li>button:hover{background:#e8f6fe!important}
.app-layout .sr-metrics>button{display:block!important;min-width:0!important;text-align:left!important;background:#fff!important;border:1px solid #dfebf3!important;border-radius:16px!important;box-shadow:var(--shadow-panel)!important}
.app-layout .sr-metrics>button>span:not(.insight-icon){display:block;padding-right:60px;font-size:13px!important;color:var(--text-secondary)!important}
.app-layout .sr-metrics>button>strong{display:block!important;margin:12px 0 15px!important;font-size:28px!important;line-height:1.2!important;color:var(--text-primary)!important}
.app-layout .sr-metrics>button>small{font-size:12px!important;color:var(--text-secondary)!important}
.app-layout .sr-metrics>button[aria-pressed=true]{border-color:var(--brand)!important;background:#f1faff!important}
.app-layout .sr-skill-nav a{display:inline-flex;align-items:center;gap:7px}
.app-layout .sr-emblem{width:52px!important;height:52px!important;border-radius:16px!important;background:#e5f5ff!important;color:var(--brand)!important}
.app-layout .research-visual-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:16px 0}
.app-layout .visual-breakdown{min-width:0;padding:20px;margin:16px 0;background:#fff;border:1px solid #e0ebf3;border-radius:16px;box-shadow:var(--shadow-panel)}
.app-layout .research-visual-grid>.visual-breakdown{margin:0}
.app-layout .visual-breakdown-head{display:flex;align-items:center;gap:12px;margin-bottom:18px}
.app-layout .visual-breakdown-head>.insight-icon{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:13px;background:#eaf7ff;color:var(--brand)}
.app-layout .visual-breakdown h3{margin:0;color:var(--text-primary);font-size:14px;font-weight:600}
.app-layout .visual-breakdown-head p,.app-layout .visual-breakdown-empty{margin:5px 0 0;color:var(--text-secondary);font-size:12px;line-height:1.6}
.app-layout .visual-bars{display:grid;gap:16px}
.app-layout .visual-bar-label{display:flex;align-items:baseline;justify-content:space-between;gap:14px;margin-bottom:7px;font-size:13px;color:var(--text-secondary)}
.app-layout .visual-bar-label>span{min-width:0;overflow-wrap:anywhere}
.app-layout .visual-bar-label strong{white-space:nowrap;font-size:14px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--text-primary)}
.app-layout .visual-bar-label small{font-size:12px;font-weight:400;color:var(--text-secondary)}
.app-layout .visual-bar-track{height:8px;border-radius:8px;background:#edf3f7;overflow:hidden}
.app-layout .visual-bar-fill{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#009fe8,#87d0f4)}
.app-layout .visual-bar[data-tone=muted] .visual-bar-fill{background:#aec8d8}
.app-layout .exec-board-metric[data-selected=true]{border-color:var(--brand)!important;background:#f2faff!important}
.app-layout .dh-status-metric,.app-layout .sr-metrics>button{transition:border-color 150ms ease,background-color 150ms ease,box-shadow 150ms ease}
.app-layout .dh-status-metric:hover,.app-layout .sr-metrics>button:hover{box-shadow:0 6px 20px #009fe814}
.app-layout .dh-status-metric:focus-visible,.app-layout .sr-metrics>button:focus-visible{outline:2px solid var(--brand);outline-offset:3px}
@media(min-width:1500px){.app-layout :where(.business-metric,.dh-metric,.dv-metric,.exec-board-metric,.stat,.dh-status-metric,.sr-metrics>button,.mi-stat) .insight-icon{width:58px!important;height:58px!important;border-radius:18px!important}.app-layout .insight-icon>svg{width:30px!important;height:30px!important}}
@media(max-width:760px){
 .app-layout :is(.business-metric,.dh-metric,.dv-metric,.exec-board-metric,.stat,.dh-status-metric,.sr-metrics>button,.mi-stat){padding:16px!important;min-height:156px!important}
 .app-layout :where(.business-metric,.dh-metric,.dv-metric,.exec-board-metric,.stat,.dh-status-metric,.sr-metrics>button,.mi-stat) .insight-icon{width:40px!important;height:40px!important;top:14px;right:12px;border-radius:12px!important}
 .app-layout .insight-icon>svg{width:23px!important;height:23px!important}
 .app-layout :is(.business-metric-top,.dv-metric-top,.stat-top,.dh-metric>div,.exec-board-metric>div),.app-layout .dh-status-metric>.dh-status-label,.app-layout .sr-metrics>button>span:not(.insight-icon){padding-right:43px!important;font-size:12px!important;min-height:36px}
 .app-layout .research-visual-grid{grid-template-columns:1fr;gap:12px}
 .app-layout .visual-breakdown{padding:16px}
 .app-layout :is(.kl-metrics,.ap-metrics){grid-template-columns:repeat(2,minmax(0,1fr))!important;padding:14px!important;gap:9px!important}
 .app-layout :is(.kl-metrics,.ap-metrics)>div{padding:13px!important;padding-top:62px!important}
 .app-layout :is(.kl-metrics,.ap-metrics)>div>.insight-icon{top:12px;left:13px;right:auto;width:36px;height:36px;border-radius:10px}
 .app-layout .mi-stat-grid{padding:14px!important;gap:9px!important}
 .app-layout .mi-stat>span:not(.insight-icon){padding-right:39px!important;min-height:54px}
 .app-layout .mi-stat>strong{font-size:26px!important}
}
@media(prefers-reduced-motion:reduce){.app-layout :is(.dh-status-metric,.sr-metrics>button,.mi-country-ranking li>button){transition:none!important}}
@media(max-width:1200px){.app-layout .dh-status-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.app-layout .dh-workspace-grid{grid-template-columns:minmax(0,1fr)}.app-layout .dh-side{grid-template-columns:repeat(2,minmax(0,1fr))}.app-layout .dh-side .dh-pulse{grid-row:auto}}
@media(max-width:760px){.app-layout .dh-support-grid{grid-template-columns:minmax(0,1fr)}.app-layout .dh-status-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.app-layout .dh-status-metric{padding:14px}.app-layout .dh-status-metric>strong{font-size:25px}.app-layout .dh-status-metric:first-child{grid-column:1/-1;grid-template-columns:1fr;align-items:center;min-height:130px!important}.app-layout .dh-status-metric:first-child>small{grid-column:1/-1}.app-layout .dh-side{grid-template-columns:minmax(0,1fr)}.app-layout .dv-client-contracts{padding:14px}.app-layout .dv-client-contract-summary{padding:12px}.app-layout .dv-client-contract-main{flex-wrap:wrap}}

/* Customer skill results: execution records and released versions. */
.app-layout .sr-workspace{display:grid;gap:18px;min-width:0}
.app-layout .sr-intro{display:flex;align-items:center;gap:16px;padding:22px;border:1px solid #dceaf2;border-radius:16px;background:linear-gradient(115deg,#fff,#f0faff);min-width:0}
.app-layout .sr-emblem{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;border-radius:14px;background:#def2fc;color:var(--brand)}
.app-layout .sr-intro h2{font-size:16px;font-weight:600;margin:0 0 6px}
.app-layout .sr-intro p{font-size:13px;color:var(--text-secondary);line-height:1.7;margin:0}
.app-layout .sr-review-note{display:flex;gap:6px;align-items:center;margin-inline-start:auto;font-size:12px;color:var(--brand-strong);max-width:180px;flex-shrink:0}
.app-layout .sr-output-fields{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.app-layout .sr-output-fields span{font-size:12px;padding:4px 8px;border:1px solid #dceaf2;background:#fff;border-radius:6px;color:var(--text-secondary)}
.app-layout .sr-skill-nav{display:flex;flex-wrap:wrap;gap:8px}
.app-layout .sr-skill-nav a{display:flex;align-items:center;min-height:38px;padding:7px 11px;border:1px solid var(--border-default);border-radius:9px;background:#fff;color:var(--text-secondary);font-size:13px}
.app-layout .sr-skill-nav a.active{background:#e7f6fd;color:var(--brand-strong);border-color:var(--brand-sky)}
.app-layout .sr-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.app-layout .sr-metrics button{display:grid;gap:7px;text-align:left;min-width:0;padding:16px;border:1px solid var(--border-default);border-radius:14px;background:#fff;color:var(--text-primary);font:inherit;cursor:pointer}
.app-layout .sr-metrics button[aria-pressed=true]{border-color:var(--brand);background:#f3faff}
.app-layout .sr-metrics span{font-size:13px;color:var(--text-secondary)}
.app-layout .sr-metrics strong{font-size:28px;line-height:1.2;font-weight:600;font-variant-numeric:tabular-nums}
.app-layout .sr-metrics small{font-size:12px;color:var(--text-secondary)}
.app-layout .sr-records{min-width:0;background:#fff;border:1px solid var(--border-default);border-radius:16px;overflow:hidden;box-shadow:var(--shadow-panel)}
.app-layout .sr-records>header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:20px}
.app-layout .sr-records h2{font-size:16px;font-weight:600;margin:0 0 5px}
.app-layout .sr-records header p{font-size:12px;color:var(--text-secondary);line-height:1.7;margin:0}
.app-layout .sr-filters{display:flex;gap:6px;flex-wrap:wrap;padding:0 20px 16px}
.app-layout .sr-filters button{min-height:36px;border:0;background:#f4f7f9;border-radius:8px;padding:7px 12px;color:var(--text-secondary);font:inherit;font-size:13px;cursor:pointer}
.app-layout .sr-filters button[aria-pressed=true]{background:#e0f3fc;color:var(--brand-strong)}
.app-layout .sr-table-wrap{overflow:auto}
.app-layout .sr-table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}
.app-layout .sr-table th{background:#f7fafc;font-size:12px;color:var(--text-secondary);font-weight:500;padding:12px 16px;border-block:1px solid var(--border-subtle);white-space:nowrap}
.app-layout .sr-table td{padding:18px 16px;border-bottom:1px solid var(--border-subtle);vertical-align:middle;max-width:310px;overflow-wrap:anywhere}
.app-layout .sr-table td strong{display:block;font-size:13px;line-height:1.7;font-weight:500}
.app-layout .sr-table td small{display:block;font-size:12px;color:var(--text-secondary);line-height:1.7;margin-top:4px}
.app-layout .sr-skill-label{display:inline-block;font-size:12px;color:var(--brand-strong);margin-bottom:5px}
.app-layout .sr-stage{display:inline-block;padding:4px 8px;border-radius:6px;background:#f1f4f7;color:var(--text-secondary);font-size:12px;white-space:nowrap}
.app-layout .sr-stage[data-stage=delivered]{background:var(--status-success-soft);color:var(--status-success)}
.app-layout .sr-stage[data-stage=review]{background:var(--status-warning-soft);color:var(--status-warning)}
.app-layout .sr-stage[data-stage=running]{background:#e4f4fc;color:var(--brand-strong)}
.app-layout .sr-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 20px;color:var(--text-secondary);font-size:12px}
.app-layout .sr-pagination>div{display:flex;gap:8px}.app-layout .sr-pagination button{min-height:38px;border:1px solid var(--border-default);border-radius:8px;padding:7px 12px;background:#fff;color:var(--text-primary);cursor:pointer}.app-layout .sr-pagination button:disabled{opacity:.5;cursor:default}
.sr-result-context{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;padding:14px;background:#f3f9fc;border-radius:10px;font-size:13px;margin-bottom:20px}
.sr-result-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;list-style:none;padding:0;margin:18px 0 22px}.sr-result-steps li{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:10px;border-radius:8px;background:#f3f6f8;color:var(--text-secondary);font-size:12px}.sr-result-steps li[data-current=true]{background:#e4f4fc;color:var(--brand-strong);border:1px solid var(--brand-sky)}.sr-result-steps li>span{display:grid;place-items:center;border:1px solid var(--border-default);border-radius:50%;width:20px;height:20px}.sr-result-steps small{font-size:12px}.sr-version{margin:18px 0}.sr-version h3{font-size:15px;margin:0 0 12px}.sr-version article{padding:16px;border:1px solid var(--border-default);border-radius:10px;margin-top:10px}.sr-version article header{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px}.sr-version time{font-size:12px;color:var(--text-secondary)}.sr-version p{font-size:14px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere}.sr-version .gap-row{margin-top:12px}
@media(max-width:900px){.app-layout .sr-intro{flex-wrap:wrap}.app-layout .sr-review-note{max-width:none;margin-inline-start:0}.app-layout .sr-table thead{display:none}.app-layout .sr-table,.app-layout .sr-table tbody{display:block}.app-layout .sr-table tr{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:16px;border-top:1px solid var(--border-subtle)}.app-layout .sr-table td{display:block;max-width:none;padding:0!important;border:0;min-width:0}.app-layout .sr-table td:first-child{grid-column:1/-1}.app-layout .sr-table td:last-child{grid-column:1/-1;display:flex;justify-content:flex-end}.app-layout .sr-table td:before{display:block;content:attr(data-label);font-size:12px;color:var(--text-secondary);margin-bottom:5px}.app-layout .sr-table td:first-child:before,.app-layout .sr-table td:last-child:before{display:none}}
@media(max-width:600px){.sr-result-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.app-layout .sr-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.app-layout .sr-intro{padding:16px;align-items:start}.app-layout .sr-intro>div{flex:1;min-width:160px}.app-layout .sr-emblem{width:36px;height:36px;flex-basis:36px;border-radius:10px}.app-layout .sr-records>header{padding:16px;align-items:start;flex-wrap:wrap}.app-layout .sr-filters{padding:0 16px 14px}.app-layout .sr-skill-nav a{min-height:44px;font-size:12px}.app-layout .sr-metrics button{padding:14px}.app-layout .sr-pagination{padding:14px 16px;flex-wrap:wrap}.app-layout .sr-filters button{min-height:44px}}

/* Research, market, competitor, keyword, content and TDK pages */
.app-layout .gm-report-picker,.app-layout .ca-report-picker,.app-layout .ap-report-picker{
  margin-bottom:14px!important;padding:10px 12px!important;border:1px solid #e1eaf2!important;border-radius:12px!important;background:rgba(255,255,255,.85)!important;box-shadow:0 5px 18px rgba(36,80,107,.04)!important;
}
.app-layout .gm-overview,.app-layout .ca-overview,.app-layout .ap-overview,.app-layout .kl-dataset{
  border-color:#dce8f1!important;border-radius:16px!important;background:#fff!important;box-shadow:var(--shadow-panel)!important;
}
.app-layout .gm-map,.app-layout .gm-country-card,.app-layout .ca-comparison-card,.app-layout .ca-peer-card,.app-layout .ca-overlap-card,.app-layout .ap-detail-section,.app-layout .ap-source,.app-layout .kl-method,.app-layout .tdk-discovery-item{
  border-color:#e1e9f1!important;border-radius:13px!important;background:#fff!important;box-shadow:none!important;
}
.app-layout .gm-country-card:hover,.app-layout .ca-peer-card:hover,.app-layout .ca-comparison-card:hover{border-color:#c7e5f3!important;box-shadow:none!important}
.app-layout .gm-demand-bar>span,.app-layout .ca-overlap-track>span{background:linear-gradient(90deg,var(--brand),var(--brand-sky))!important}
.app-layout .country-identity{border-radius:999px!important;background:#f2f8fc!important}
.app-layout .kl-library{container:kl-workspace / inline-size}
.app-layout .kl-dataset{overflow:hidden!important}
.app-layout .kl-dataset-icon{border-radius:13px!important;background:#eaf7ff!important;color:var(--brand)!important}
.app-layout .kl-filters,.app-layout .ap-filter-bar{border-color:#e5ecf3!important;background:#f8fbfd!important}
.app-layout .kl-search,.app-layout .ap-search{border-color:#d9e4ed!important;border-radius:10px!important;background:#fff!important}
.app-layout .kl-results-head,.app-layout .ap-results-head{background:#fff!important}
.app-layout .kl-table tbody tr,.app-layout .ap-topic-table tbody tr{background:#fff!important}
.app-layout .kl-table tbody tr:hover,.app-layout .ap-topic-table tbody tr:hover{background:#f6fbff!important}
.app-layout .ap-overview{border-top:1px solid var(--border-default)!important}
.app-layout .ap-fact,.app-layout .ap-product-page,.app-layout .ap-existing-content{border-radius:10px!important}
.app-layout .ap-priority{border-radius:999px!important}
.app-layout .tdk-records-panel{border-top:1px solid var(--border-default)!important}
.app-layout .tdk-status-filters{gap:7px!important}
.app-layout .tdk-filter{border-radius:11px!important;background:#f7f9fc!important}
.app-layout .tdk-filter.selected{border-color:#bde3f5!important;background:#ebf8ff!important;box-shadow:0 4px 14px rgba(24,128,181,.07)!important}
.app-layout .tdk-table td:nth-child(3){background:#f8fcff!important}
.app-layout .tdk-comparison>section{border-radius:14px!important;background:#f8fafc!important}
.app-layout .tdk-comparison>section+section{border-color:#cfe8f5!important;background:#f2fbff!important}

/* Settings, accounts and forms */
.app-layout .route-team>.stack,.app-layout .route-settings>.grid-2,.app-layout .route-settings>.stack{gap:16px!important}
.app-layout .route-settings>.grid-2>.panel,.app-layout .route-settings .grid-2>.panel{min-height:100%}
.app-layout .route-settings .detail-meta,.app-layout .route-team .detail-meta{gap:14px!important}
.app-layout .route-settings .settings-service-grid{gap:16px;margin-top:16px}
.app-layout .route-settings .settings-service-card{display:flex;flex-direction:column;min-width:0;overflow:hidden}
.app-layout .route-settings .settings-service-head{display:flex;align-items:center;gap:12px;padding:18px 19px;border-bottom:1px solid var(--border-subtle)}
.app-layout .route-settings .settings-service-icon{width:42px;height:42px;flex:none;display:grid;place-items:center;border-radius:12px;background:var(--surface-accent);color:var(--brand-strong)}
.app-layout .route-settings .settings-service-title{min-width:0;flex:1}
.app-layout .route-settings .settings-service-title h2{font-size:16px;font-weight:600;color:var(--text-primary)}
.app-layout .route-settings .settings-service-title p{margin-top:3px;font-size:12px;line-height:1.5;color:var(--text-secondary)}
.app-layout .route-settings .settings-service-head .badge{align-self:flex-start}
.app-layout .route-settings .settings-service-body{display:flex;flex:1;flex-direction:column;gap:16px;padding:18px 19px 19px}
.app-layout .route-settings .settings-service-body .detail-meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:0}
.app-layout .route-settings .settings-service-body .detail-meta>div{padding:10px 11px}
.app-layout .route-settings .settings-service-body .detail-meta>.wide{grid-column:1/-1}
.app-layout .route-settings .settings-service-body>p{line-height:1.65}
.app-layout .route-settings .settings-service-body>.gap-row{margin-top:auto}
.app-layout .route-settings .settings-guidance{margin-top:16px}
.app-layout .detail-meta>div{
  min-width:0;padding:12px 13px;border:1px solid #e5ebf1;border-radius:10px;background:#f8fafc;
}
.app-layout .detail-meta dt{color:var(--text-secondary)!important;font-size:var(--font-caption)!important;font-weight:600!important;letter-spacing:.035em!important}
.app-layout .detail-meta dd{margin-top:4px!important;color:#2e4057!important;font-size:12px!important;font-weight:500!important}

/* The site selector stays compact so selected GSC metrics are visible early. */
.app-layout .route-gsc-overview .gsc-site-picker{display:flex;align-items:center;gap:22px;padding:16px 18px;border:1px solid var(--border-default);border-radius:14px;background:#fff;box-shadow:var(--shadow-panel)}
.app-layout .route-gsc-overview .gsc-site-picker-heading{display:flex;align-items:center;gap:11px;min-width:215px;max-width:245px}
.app-layout .route-gsc-overview .gsc-site-picker-icon,.app-layout .route-gsc-overview .gsc-site-context-icon{width:38px;height:38px;flex:none;display:grid;place-items:center;border-radius:11px;background:var(--surface-accent);color:var(--brand-strong)}
.app-layout .route-gsc-overview .gsc-site-picker-heading h2{font-size:15px;font-weight:600;color:var(--text-primary)}
.app-layout .route-gsc-overview .gsc-site-picker-heading p{margin-top:2px;font-size:12px;line-height:1.45;color:var(--text-secondary)}
.app-layout .route-gsc-overview .gsc-site-picker-controls{display:grid;grid-template-columns:minmax(260px,1fr) minmax(140px,180px) auto;align-items:end;gap:11px;flex:1;min-width:0}
.app-layout .route-gsc-overview .gsc-site-picker-controls .field{min-width:0}
.app-layout .route-gsc-overview .gsc-site-picker-controls select{width:100%;min-width:0}
.app-layout .route-gsc-overview .gsc-site-picker-action .btn{min-height:40px}
.app-layout .route-gsc-overview .gsc-site-metrics{gap:13px}
.app-layout .route-gsc-overview .gsc-site-context{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:13px 17px;border:1px solid var(--border-default);border-radius:12px;background:#fff}
.app-layout .route-gsc-overview .gsc-site-context-main{display:flex;align-items:center;gap:10px;flex:1;min-width:260px}
.app-layout .route-gsc-overview .gsc-site-context-main>div{min-width:0}
.app-layout .route-gsc-overview .gsc-site-context-main h2{font-size:14px;font-weight:600;overflow-wrap:anywhere}
.app-layout .route-gsc-overview .gsc-site-context-main p,.app-layout .route-gsc-overview .gsc-site-context-meta{font-size:12px;color:var(--text-secondary)}
.app-layout .route-gsc-overview .gsc-site-context-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.app-layout .route-gsc-overview .gsc-site-context-links{display:flex;gap:4px;flex-wrap:wrap;margin-left:auto}
.app-layout .route-gsc-overview .gsc-site-context-links .btn{min-height:32px}
@media(max-width:1180px){.app-layout .route-gsc-overview .gsc-site-picker{display:block}.app-layout .route-gsc-overview .gsc-site-picker-heading{max-width:none;margin-bottom:12px}}
@media(max-width:680px){.app-layout .route-settings .settings-service-head{flex-wrap:wrap}.app-layout .route-settings .settings-service-head .badge{margin-left:53px}.app-layout .route-gsc-overview .gsc-site-picker-controls{grid-template-columns:1fr}.app-layout .route-gsc-overview .gsc-site-picker-action .btn{width:100%;min-height:44px}.app-layout .route-gsc-overview .gsc-site-context-main{min-width:0;width:100%}.app-layout .route-gsc-overview .gsc-site-context-links{margin-left:0}.app-layout .route-gsc-overview .gsc-site-context{gap:10px}}
.modal-backdrop{padding:24px!important;background:rgba(23,42,62,.4)!important;backdrop-filter:none!important}
.modal{
  border:1px solid rgba(218,230,239,.96)!important;border-radius:20px!important;background:#fff!important;
  box-shadow:0 28px 90px rgba(20,47,69,.25)!important;
}
.modal-head{padding:21px 23px 18px!important;border-color:#e7edf3!important;background:linear-gradient(180deg,#fff,#fbfdff)!important}
.modal-head h2{color:#1b2c43!important;font-size:18px!important;font-weight:700!important}
.modal-body{padding:22px 23px!important}
.modal-footer{padding:15px 23px!important;border-color:#e7edf3!important;background:#f8fafc!important}
.toast{border-radius:12px!important;box-shadow:var(--shadow-float)!important}

/* Authentication and AI account workspace */
.auth-page{
  max-width:1720px;min-height:calc(100dvh - 32px);margin:16px auto;border:1px solid rgba(197,220,235,.85);border-radius:24px;overflow:hidden;
  background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(246,251,255,.95));box-shadow:0 28px 80px rgba(38,89,121,.13);
}
.auth-header{padding:20px 32px!important;background:rgba(255,255,255,.76)!important;border-color:#e5edf3!important;backdrop-filter:blur(16px)!important}
.auth-main{grid-template-columns:minmax(0,1fr) 430px!important;gap:70px!important;padding:46px 7vw 58px!important}
.auth-copy h1{color:var(--text-primary)!important;font-size:52px!important;font-weight:600!important;line-height:1.18!important;letter-spacing:0!important}
.auth-copy h1 span{color:var(--brand-display)!important;background:none!important;-webkit-text-fill-color:currentColor!important}
.auth-copy>p{color:#6c7c90!important;font-size:15px!important}
wa-card.auth-card{border:1px solid rgba(220,231,239,.96)!important;border-radius:20px!important;background:rgba(255,255,255,.94)!important;box-shadow:0 16px 48px rgba(27,70,98,.07)!important}
.portal-tabs{border-radius:11px!important;background:#f1f5f8!important}
.portal-tabs a{border-radius:8px!important}
.portal-tabs a.active{color:var(--brand-strong)!important;background:#fff!important;box-shadow:0 4px 12px rgba(38,76,101,.08)!important}
.auth-card input{border-radius:11px!important;background:#f6f9fc!important}
.auth-brand .auth-card .auth-submit{color:var(--action-on-primary)!important;border-radius:11px!important;background:var(--action-primary)!important;box-shadow:0 9px 22px rgba(10,132,205,.22)!important}

body:has(.ai-workspace){padding:16px;background:radial-gradient(circle at 7% 2%,rgba(0,159,232,.13),transparent 27rem),#eef6fc}
.ai-workspace{
  width:min(1680px,100%);min-height:calc(100dvh - 32px);margin:0 auto!important;overflow:hidden;
  border:1px solid #dbe8f1;border-radius:24px;background:#f6faff;box-shadow:0 28px 80px rgba(38,89,121,.13);
}
.ai-workspace .ai-header{width:100%!important;max-width:none!important;margin:0!important;padding:18px 28px!important;border-bottom:1px solid #e3ebf2;background:rgba(255,255,255,.91);backdrop-filter:blur(16px)}
.ai-workspace #ai-main{width:auto!important;max-width:none!important;padding:28px 30px!important}
.ai-board,.ai-panel{border-color:#e0e9f1!important;border-radius:16px!important;box-shadow:var(--shadow-panel)!important}
.ai-board-toolbar,.ai-panel-head{padding:19px 21px!important}
.ai-stage-tabs{padding:0 20px 14px!important;gap:5px!important}
.ai-stage-tabs button{border-radius:9px!important;background:#f5f8fb!important}
.ai-stage-tabs button.active{border-color:#cfe8f5!important;background:#eaf7ff!important;color:var(--brand-strong)!important}
.ai-task-row{padding:18px 21px!important}
.ai-task-row:hover,.ai-task-row.selected{background:#f3faff!important}
.ai-task-symbol{border-color:#cae7f5!important;border-radius:11px!important;background:#eaf7ff!important;color:var(--brand)!important}
.ai-button.primary{color:var(--action-on-primary)!important;background:var(--action-primary)!important;box-shadow:0 7px 18px rgba(9,129,201,.2)!important}

@media(max-width:680px){
  :is(.app-layout,.modal) input:not([type=checkbox]):not([type=radio]),:is(.app-layout,.modal) select,:is(.app-layout,.modal) textarea,.project-picker-search input{font-size:16px!important}
}
@media(pointer:coarse){
  .app-layout .nav-link,:is(.app-layout,.modal) .btn,.app-layout .topbar .icon-button,.app-layout .project-picker-trigger{min-height:44px!important}
  .app-layout .topbar .icon-button{min-width:44px!important}
}

/* Feedback must stay readable and dismissible, including long validation errors. */
.toast{border-radius:12px;align-items:flex-start}
.toast-message{min-width:0;overflow-wrap:anywhere;align-self:center;line-height:1.6}
.toast-close{flex:0 0 36px;min-width:36px;min-height:36px;border:0;border-radius:8px;padding:6px;background:transparent;color:inherit;font:inherit;cursor:pointer}
.toast-close:hover{background:var(--surface-subtle)}
.toast-close:focus-visible{outline:2px solid var(--brand-focus);outline-offset:2px}

/* Responsive behavior */
@media(min-width:1700px){
  .app-layout{grid-template-columns:240px minmax(0,1fr)!important}
  .app-layout .workspace-main{padding:32px 38px 26px!important}
  .app-layout .topbar{padding-inline:38px!important}
}
@media(max-width:1180px){
  .app-layout{grid-template-columns:216px minmax(0,1fr)!important}
  .app-layout .workspace-main{padding:24px!important}
  .app-layout .proposal-catalog-layout{grid-template-columns:225px minmax(0,1fr)!important}
  .auth-main{gap:42px!important;padding-inline:5vw!important}
}
@media(max-width:1000px){
  body:has(.app-layout){padding:0!important}
  .app-layout{display:block!important;width:100%!important;min-height:100dvh!important;border:0!important;border-radius:0!important;box-shadow:none!important}
  .app-layout .workspace,.app-layout .topbar{border-radius:0!important}
  .app-layout .sidebar{position:fixed!important;width:min(286px,calc(100vw - 46px))!important;height:100dvh!important;border-radius:0 18px 18px 0!important;box-shadow:16px 0 55px rgba(20,56,79,.22)!important}
  .app-layout .topbar{min-height:62px!important;height:auto!important;padding:10px 20px!important}
  .app-layout .workspace-main{padding:22px 20px!important}
  .auth-page{min-height:100dvh;margin:0;border:0;border-radius:0;box-shadow:none}
  .auth-main{grid-template-columns:1fr!important;padding:38px 7vw!important}
  .auth-copy{display:none!important}
  .auth-access{width:min(470px,100%);margin:auto}
  body:has(.ai-workspace){padding:0}
  .ai-workspace{min-height:100dvh;border:0;border-radius:0;box-shadow:none}
}
@media(max-width:800px){
  .app-layout .proposal-catalog-layout{grid-template-columns:1fr!important}
  .app-layout .proposal-selector{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .app-layout .business-head-side{max-width:none!important}
}
@media(max-width:680px){
  .app-layout .workspace-main{padding:20px 15px!important}
  .app-layout .topbar{padding:9px 14px!important;gap:8px!important}
  .app-layout .page-head,.app-layout .dv-page-head{display:block!important;min-height:0!important;margin-bottom:18px!important}
  .page-head-main{align-items:flex-start!important}
  .page-head-symbol{flex-basis:38px;width:38px;height:38px;border-radius:11px}
  .page-head-symbol svg{width:18px;height:18px}
  .app-layout .page-head h1,.app-layout .business-head h1,.app-layout .dv-page-head h1{font-size:22px!important}
  .app-layout .page-head p,.app-layout .business-head p,.app-layout .dv-page-head p{font-size:12px!important}
  .app-layout .page-actions,.app-layout .business-head-side,.app-layout .dv-page-tools{justify-content:flex-start!important;margin-top:13px!important;max-width:none!important}
  .app-layout .btn{min-height:42px!important}
  .app-layout .business-metrics,.app-layout .dh-metrics,.app-layout .dv-metrics,.app-layout .exec-board-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
  .app-layout .business-metric,.app-layout .dh-metric,.app-layout .dv-metric,.app-layout .exec-board-metric,.app-layout .stat{min-height:106px!important;padding:13px!important}
  .app-layout .business-metric>strong,.app-layout .dh-metric>strong,.app-layout .dv-metric>strong,.app-layout .exec-board-metric>strong,.app-layout .stat>strong{font-size:25px!important}
  .app-layout .panel-head,.app-layout .business-panel .panel-head{padding:17px 16px 13px!important}
  .app-layout .panel-body{padding:0 16px 17px!important}
  .app-layout .proposal-selector{display:flex!important;overflow-x:auto!important;scroll-snap-type:x proximity;padding-bottom:5px}
  .app-layout .proposal-option{min-width:230px;scroll-snap-align:start}
  .app-layout .proposal-workspace{padding:15px!important}
  .app-layout .dh-company-row{margin:0 10px 10px!important;padding:14px!important}
  .auth-header{padding:17px 19px!important}
  .auth-main{padding:28px 16px 40px!important}
  wa-card.auth-card{border-radius:17px!important}
  .ai-workspace .ai-header{padding:15px 16px!important}
  .ai-workspace #ai-main{padding:21px 15px!important}
  .ai-workspace-heading{align-items:flex-start!important;flex-direction:column!important;gap:14px!important}
  .ai-board-toolbar{align-items:flex-start!important;flex-direction:column!important}
  .ai-board-controls{width:100%!important}
  .ai-board-controls label,.ai-board-controls select{width:100%!important;max-width:none!important;min-width:0!important}

  /* One mobile record owns one card. Desktop cell padding must not create stacked blank blocks. */
  .app-layout #page-content .records-table>tbody{display:grid!important;gap:10px!important;padding:10px 12px 12px!important}
  .app-layout #page-content .records-table>tbody>tr{
    gap:12px 14px!important;margin:0!important;padding:15px 16px!important;
    border:1px solid #e1e9f1!important;border-radius:12px!important;background:#fff!important;
    box-shadow:0 5px 16px rgba(35,77,104,.045)!important;
  }
  .app-layout #page-content .records-table>tbody>tr>td{padding:0!important}
  .app-layout #page-content .records-table>tbody>tr>td::before{margin-bottom:4px!important;color:var(--text-tertiary)!important;font-size:var(--font-caption)!important;line-height:1.45!important}
  .app-layout #page-content .records-table .cell-sub{margin-top:3px!important;line-height:1.5!important}
  .app-layout #page-content .records-table td:last-child .gap-row{gap:6px 12px!important}

  /* Workflow, customer and audit rows keep their important fields readable. */
  .app-layout .route-tasks .records-table td[data-label="当前状态"]{grid-column:1/-1!important;padding:10px 12px!important;border-radius:8px!important;background:#f6f9fc!important}
  .app-layout .route-tasks .records-table td[data-label="交付类型 / 动作"] .cell-sub,
  .app-layout .route-tasks .records-table td[data-label="当前状态"] .cell-sub{overflow-wrap:anywhere!important}
  .app-layout .business-panel.customer-directory .records-table td[data-label="待处理事项"]{padding:10px 12px!important}
  .app-layout .route-audit>.panel .table-scroll{max-height:none!important;overflow:visible!important}
  .app-layout .route-audit .records-table>tbody>tr{grid-template-areas:"audit-time audit-actor" "audit-action audit-resource"!important}
  .app-layout .route-audit .records-table td:nth-child(1){grid-area:audit-time!important;grid-column:auto!important}
  .app-layout .route-audit .records-table td:nth-child(2){grid-area:audit-action!important}
  .app-layout .route-audit .records-table td:nth-child(3){grid-area:audit-resource!important}
  .app-layout .route-audit .records-table td:nth-child(4){grid-area:audit-actor!important;grid-column:auto!important}

  /* The execution board keeps its highlighted progress cell inside the shared shell. */
  .app-layout #page-content .exec-task-table .records-table td:nth-child(4){padding:10px 12px!important}

  /* Mobile research lists are composed as cards; the desktop table padding must not leak into them. */
  .app-layout .gm-market-table td{padding:9px 0!important}
  .app-layout .gm-market-table td:first-child{padding-top:0!important}
  .app-layout .gm-market-table td:last-child{padding-bottom:0!important}
  .app-layout .ca-overlap-evidence td{padding:11px 13px!important}

  .app-layout .kl-table tbody{padding:0 12px 14px!important;gap:10px!important}
  .app-layout .kl-table tr{padding:14px!important;gap:11px 12px!important;border-radius:12px!important;box-shadow:0 5px 16px rgba(35,77,104,.045)!important}
  .app-layout .kl-table td,.app-layout .kl-table td:first-child{padding:0!important}
  .app-layout .kl-table .kl-word-cell{padding-right:62px!important}
  .app-layout .kl-table .kl-ranks{padding-top:10px!important}
  .app-layout .kl-table .kl-row-action{top:11px!important;right:12px!important;padding:0!important}
  .app-layout .kl-table .kl-row-action .btn{min-height:36px!important;padding:5px 7px!important}
  .app-layout .kl-country-list>button{min-height:32px!important}
  .app-layout .kl-word-cell>button{line-height:1.45!important}
  .app-layout .kl-volume strong{font-size:18px!important}

  .app-layout .ap-topic-table tbody{display:grid!important;gap:10px!important;padding:12px!important}
  .app-layout .ap-topic-table tr{margin:0!important;padding:15px!important;gap:10px 13px!important;border:1px solid #e1e9f1!important;border-radius:12px!important;background:#fff!important;box-shadow:0 5px 16px rgba(35,77,104,.045)!important}
  .app-layout .ap-topic-table td,.app-layout .ap-topic-table td.ap-row-number{padding:0!important}
  .app-layout .ap-topic-table td.ap-row-number{font-size:var(--font-caption)!important}
  .app-layout .ap-title-cell strong{font-size:14px!important;line-height:1.55!important}
  .app-layout .ap-title-cell button>span{margin-top:4px!important;font-size:12px!important;line-height:1.5!important}
  .app-layout .ap-goal-label{margin-top:7px!important;padding:2px 6px!important;font-size:var(--font-caption)!important;line-height:1.6!important}
  .app-layout .ap-title-reason{display:-webkit-box!important;margin:7px 0 3px!important;overflow:hidden!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;font-size:12px!important;line-height:1.55!important}
  .app-layout .ap-row-keywords{display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:var(--font-caption)!important;line-height:1.6!important}
  .app-layout .ap-product-links{display:none!important}
  .app-layout .ap-topic-table td:not(.ap-title-cell):not(.ap-row-number):before{margin-bottom:5px!important;font-size:var(--font-caption)!important}
  .app-layout .ap-market-tags{margin-bottom:6px!important}
  .app-layout .ap-topic-table td:last-child{padding-top:9px!important;border-top:1px solid #edf1f5!important}
  .app-layout .ap-topic-table td:last-child:before{margin-bottom:2px!important}
  .app-layout .ap-topic-table td:last-child .ap-readiness,.app-layout .ap-topic-table td:last-child>small{font-size:var(--font-caption)!important;line-height:1.6!important}
}

/* Long operational lists stay usable as the database grows. */
.app-layout .task-list-controls,.app-layout .audit-category-tabs{
  display:flex;align-items:center;gap:5px;padding:10px 18px;border-top:1px solid #edf1f5;border-bottom:1px solid #e5ecf3;background:#f7f9fc;
}
.app-layout .task-list-controls button,.app-layout .audit-category-tabs button{
  display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:34px;padding:7px 11px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--text-secondary);font:inherit;font-size:12px;font-weight:600;cursor:pointer;
}
.app-layout .task-list-controls button span{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#e8eef4;color:var(--text-tertiary);font-size:var(--font-caption);font-variant-numeric:tabular-nums}
.app-layout .task-list-controls button[aria-pressed=true],.app-layout .audit-category-tabs button[aria-pressed=true]{border-color:#d8e8f2;background:#fff;color:#087fb9;box-shadow:0 3px 10px rgba(36,83,113,.08)}
.app-layout .task-list-controls button[aria-pressed=true] span{background:#e6f6fd;color:#087fb9}
.app-layout .task-list-pagination,.app-layout .audit-pagination{
  display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 18px;border-top:1px solid #e5ecf3;background:#fbfcfe;color:var(--text-tertiary);font-size:var(--font-caption);
}
.app-layout .task-list-pagination>div,.app-layout .audit-pagination>div{display:flex;align-items:center;gap:8px}
.app-layout .task-list-pagination strong,.app-layout .audit-pagination strong{min-width:46px;color:#3d4f66;text-align:center;font-size:var(--font-caption);font-variant-numeric:tabular-nums}
.app-layout .task-list-pagination .btn,.app-layout .audit-pagination .btn{min-height:34px!important;padding:6px 10px!important}
.app-layout .audit-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;border-top:1px solid #edf1f5;border-bottom:1px solid #e5ecf3;background:#f7f9fc}
.app-layout .audit-toolbar .audit-category-tabs{border:0;background:transparent}
.app-layout .audit-toolbar>span{padding-right:18px;color:var(--text-tertiary);font-size:var(--font-caption);font-variant-numeric:tabular-nums;white-space:nowrap}

@media(max-width:680px){
  .app-layout .task-list-controls,.app-layout .audit-category-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:11px 12px}
  .app-layout .task-list-controls button:first-child{grid-column:1/-1}
  .app-layout .task-list-controls button,.app-layout .audit-category-tabs button{min-height:40px;padding:8px 10px}
  .app-layout .audit-toolbar{display:block}
  .app-layout .audit-toolbar>span{display:block;padding:0 12px 11px;text-align:right}
  .app-layout .task-list-pagination,.app-layout .audit-pagination{align-items:flex-start;flex-direction:column;padding:12px}
  .app-layout .task-list-pagination>div,.app-layout .audit-pagination>div{width:100%;justify-content:space-between}
  .app-layout .task-list-pagination .btn,.app-layout .audit-pagination .btn{min-height:40px!important}

  /* Compact desktop actions receive a phone-sized hit area without enlarging their text. */
  .app-layout .customer-tabs .tab,.app-layout .gm-tabs>button,.app-layout .ca-focus-evidence>summary,
  .app-layout .ap-summary-details>summary,.app-layout .kl-word-cell>button,.app-layout .kl-country-list>button,
  .app-layout .kl-table .kl-row-action .btn{min-height:40px!important}
  .app-layout .ca-references button{min-width:38px;min-height:40px;padding:7px 5px!important}
}
@media(prefers-reduced-motion:reduce){
  :root body :is(.app-layout,.ai-workspace,.auth-page,.modal) *,:root body #toast{scroll-behavior:auto!important;transition:none!important;animation:none!important}
}
@media print{
  body:has(.app-layout),body:has(.ai-workspace){padding:0!important;background:#fff!important}
  .app-layout,.ai-workspace{border:0!important;border-radius:0!important;box-shadow:none!important}
}

/* Client research archive: standalone reports stay visible beside skill tasks. */
.sr-research{min-width:0;margin:6px 0 8px}
.sr-research-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}
.sr-research-heading h2,.sr-task-heading{font-size:16px;font-weight:600;color:var(--text);margin:0 0 6px}
.sr-research-heading p,.sr-research-heading>span{font-size:12px;color:var(--muted);margin:0;line-height:1.6}
.sr-research-heading>span{white-space:nowrap}
.sr-research-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.sr-research-group{min-width:0;background:var(--surface-raised,#fff);border:1px solid var(--border-default);border-radius:16px;overflow:hidden}
.sr-research-group>header{padding:16px;display:flex;align-items:flex-start;justify-content:space-between;gap:8px;border-bottom:1px solid var(--border-default);background:linear-gradient(140deg,#f2faff,#fff)}
.sr-research-group>header>div{display:grid;grid-template-columns:30px 1fr;column-gap:8px;align-items:center;min-width:0}
.sr-research-icon{width:30px;height:30px;background:#e4f5ff;color:var(--brand-strong);border-radius:10px;display:grid;place-items:center;grid-row:span 2}
.sr-research-group h3{font-size:13px;font-weight:600;line-height:1.5;margin:0;overflow-wrap:anywhere}
.sr-research-count{font-size:12px;color:var(--muted)}
.sr-research-group>header>.btn{padding:0!important;min-height:32px;white-space:nowrap;font-size:12px}
.sr-research-table{width:100%;border-collapse:collapse;table-layout:fixed}
.sr-research-table thead{display:none}
.sr-research-table tbody,.sr-research-table tr{display:block}
.sr-research-table tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;padding:16px;border-bottom:1px solid var(--border-default)}
.sr-research-table tr:last-child{border-bottom:0}
.sr-research-table td{display:block;min-width:0;border:0!important;padding:0!important;font-size:13px;overflow-wrap:anywhere}
.sr-research-table td:first-child,.sr-research-table td:last-child{grid-column:1/-1}
.sr-research-table td>strong{display:block;font-size:14px;font-weight:600;line-height:1.65}
.sr-research-table small{display:block;font-size:12px;color:var(--muted);line-height:1.6;margin-top:5px}
.sr-research-table time{font-size:12px;line-height:1.8}
.sr-research-table td:last-child{border-top:1px solid var(--border-default)!important;padding-top:10px!important}
.sr-research-table td:last-child .btn{padding:4px 0!important;font-size:13px;min-height:32px;justify-content:space-between;width:100%}
.sr-research-empty,.sr-research-error,.sr-research-more{padding:18px 16px;font-size:13px;color:var(--muted);line-height:1.7}
.sr-research-error strong{color:var(--text);font-weight:600}.sr-research-error p{margin:5px 0 10px}.sr-research-more{border-top:1px solid var(--border-default);font-size:12px}
.sr-task-heading{margin-top:16px}
@media(max-width:1100px){.sr-research-groups{grid-template-columns:1fr}.sr-research-table tr{grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr)}.sr-research-table td:first-child{grid-column:auto}.sr-research-table td:last-child .btn{width:auto}.sr-research-table td:last-child{padding-top:5px!important}}
@media(max-width:600px){.sr-research-heading{display:block}.sr-research-heading>span{display:none}.sr-research-table tr{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.sr-research-table td:first-child{grid-column:1/-1}.sr-research-table td:last-child .btn{min-height:44px;width:100%}.sr-research-group>header,.sr-research-table tr{padding:14px}.sr-research-group>header>.btn{min-height:36px}.sr-research-heading p{max-width:36em}}
/* Customer service inbox and feedback — shared client/staff surfaces. */
.cf-workspace{display:grid;gap:24px}.cf-inbox,.cf-records{padding:24px;background:var(--surface-raised,#fff);border:1px solid var(--border-default,#e1ebf1);border-radius:18px}.cf-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.cf-section-head h2{font-size:18px;line-height:1.4;margin:4px 0 6px;color:var(--text-primary)}.cf-section-head p,.cf-muted{font-size:12px;line-height:1.7;color:var(--text-secondary);margin:0}.cf-kicker{font-size:10px;font-weight:600;letter-spacing:.1em;color:var(--brand-strong)}.cf-inbox-counts{display:flex;gap:12px;flex-wrap:wrap;padding-bottom:16px;border-bottom:1px solid var(--border-default)}.cf-inbox-counts>span{display:flex;align-items:center;gap:8px;background:var(--surface-subtle,#f4f9fc);border-radius:10px;padding:10px 12px;font-size:13px}.cf-inbox-counts svg{color:var(--brand-strong)}.cf-inbox-counts strong{font-size:18px;font-variant-numeric:tabular-nums;margin-left:10px}.cf-inbox-list article{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:12px;align-items:center;padding:16px 0;border-bottom:1px solid var(--border-default)}.cf-inbox-list article:last-child{border-bottom:0}.cf-item-icon{display:grid;place-items:center;width:40px;height:40px;background:#edf8ff;border-radius:12px;color:var(--brand-strong)}.cf-inbox-list strong{font-size:14px;overflow-wrap:anywhere}.cf-inbox-list p{font-size:12px;margin:5px 0;color:var(--text-secondary)}.cf-inbox-list small{font-size:12px;color:var(--text-secondary)}.cf-filters{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px}.cf-filters button{border:0;background:var(--surface-subtle,#f4f9fc);color:var(--text-secondary);font-size:13px;border-radius:9px;padding:9px 14px;min-height:40px;cursor:pointer}.cf-filters button[aria-pressed=true]{background:#e4f5fe;color:var(--brand-strong);font-weight:600}.cf-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.cf-card{min-width:0;border:1px solid var(--border-default);border-radius:14px;padding:18px;background:var(--surface-raised,#fff)}.cf-card header,.cf-card footer{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.cf-project{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--text-secondary);overflow-wrap:anywhere}.cf-project svg{flex-shrink:0}.cf-status{font-size:12px;font-weight:500;padding:5px 8px;border-radius:7px;white-space:nowrap;background:#f1f5f8;color:#536877}.cf-status[data-status=in_progress]{background:#e7f5ff;color:#0079ac}.cf-status[data-status=waiting_customer]{background:#fff5df;color:#926213}.cf-status[data-status=resolved]{background:#e8f7ef;color:#177452}.cf-card h3{font-size:15px;margin:16px 0 8px;line-height:1.5;overflow-wrap:anywhere}.cf-preview{font-size:13px;color:var(--text-secondary);line-height:1.75;margin:0 0 16px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.cf-card-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0}.cf-card-meta dt{font-size:12px;color:var(--text-secondary);margin-bottom:5px}.cf-card-meta dd{font-size:13px;line-height:1.5;margin:0;overflow-wrap:anywhere}.cf-card footer{padding-top:14px;border-top:1px solid var(--border-default)}.cf-card footer small{font-size:12px;color:var(--text-secondary)}.cf-detail{display:grid;gap:16px;min-width:0}.cf-detail-top{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;flex-wrap:wrap}.cf-conversation{list-style:none;padding:0;margin:0;display:grid;gap:12px;max-height:380px;overflow:auto;overscroll-behavior:contain}.cf-conversation li{background:var(--surface-subtle,#f5f8fa);border:1px solid var(--border-default);border-radius:12px;padding:14px}.cf-conversation li[data-side=team]{background:#f0f9ff;border-color:#d8edf8}.cf-conversation header{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;font-size:12px}.cf-conversation time{color:var(--text-secondary)}.cf-conversation p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.75;margin:8px 0 0}.cf-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.cf-form-grid .field:last-child{grid-column:1/-1}.cf-context{display:flex;align-items:flex-start;gap:10px;padding:12px;background:#eff9ff;border-radius:10px;margin:0;font-size:13px;line-height:1.7}.cf-context svg{flex-shrink:0;margin-top:2px;color:var(--brand-strong)}.cf-guide-links{display:flex;gap:12px;flex-wrap:wrap}.cf-error{display:flex;gap:12px;align-items:center;flex-wrap:wrap;border:1px solid #f0d6cf;background:#fff8f5;padding:16px;border-radius:12px}.cf-error>svg{color:#a75035;flex-shrink:0}.cf-error>div{flex:1;min-width:140px}.cf-error strong{font-size:14px}.cf-error p{font-size:13px;line-height:1.6;margin:4px 0 0;overflow-wrap:anywhere}.cf-detail>.field textarea,.cf-detail .field input,.cf-detail .field select{max-width:100%}.cf-filters button:focus-visible{outline:2px solid var(--brand-strong);outline-offset:3px}
@media(max-width:760px){.cf-inbox,.cf-records{padding:16px;border-radius:14px}.cf-section-head{flex-wrap:wrap}.cf-section-head h2{font-size:17px}.cf-card-grid{grid-template-columns:1fr}.cf-inbox-list article{grid-template-columns:36px minmax(0,1fr);gap:10px}.cf-inbox-list article>.btn{grid-column:2;justify-self:start;min-height:44px}.cf-item-icon{width:36px;height:36px}.cf-card-meta,.cf-form-grid{grid-template-columns:1fr}.cf-form-grid .field:last-child{grid-column:auto}.cf-detail .field input,.cf-detail .field select,.cf-detail .field textarea{font-size:16px}.cf-card{padding:15px}.cf-filters button{min-height:44px}.cf-conversation{max-height:320px}.cf-guide-links{display:grid;grid-template-columns:1fr}.cf-card footer .btn{min-height:44px}.cf-inbox-counts{gap:8px}.cf-inbox-counts>span{flex:1;min-width:0;flex-wrap:wrap}.cf-inbox-counts strong{margin-left:auto}.cf-detail .btn{min-height:44px}}
.cf-kind{display:inline-flex;margin-top:12px;padding:3px 7px;font-size:12px;background:var(--surface-subtle,#f5f8fa);border-radius:6px;color:var(--text-secondary)}.cf-kind+h3{margin-top:8px}
/* Delivery result center: main CSS integration by root agent */
.sr-task-heading { margin:24px 0 10px; }
.sr-task-heading h2 { margin:0 0 6px; font-size:16px; }
.sr-task-heading p,.sr-structured>p { margin:0; font-size:13px; color:var(--muted); line-height:1.6; }
.sr-task-totals { display:flex; flex-wrap:wrap; gap:16px; color:var(--muted); font-size:13px; }
.sr-task-totals strong { color:var(--text); font-variant-numeric:tabular-nums; }
.sr-published-count { display:inline-flex; align-items:center; justify-content:center; min-width:28px; height:28px; padding:0 8px; border-radius:9px; background:#e7f6fd; color:var(--brand-strong); margin-left:6px; }
.sr-research-binding { margin-top:8px; padding:8px 10px; background:var(--surface-soft,#f6fafc); border-radius:8px; }
.sr-research-binding span,.sr-research-binding small { display:block; line-height:1.55; overflow-wrap:anywhere; }
.sr-research-binding span { font-size:12px; }
.sr-research-binding small { color:var(--muted); }
.sr-version-heading { display:flex; justify-content:space-between; align-items:flex-start; gap:12px; }
.sr-version-heading h3 { margin:0 0 5px; }
.sr-version-heading p { font-size:13px; color:var(--muted); margin:0; }
.sr-structured { margin:16px 0; min-width:0; }
.sr-structured>header { display:flex; justify-content:space-between; gap:12px; align-items:center; }
.sr-structured h4 { margin:0 0 8px; font-size:15px; }
.sr-structured>header span { font-size:12px; color:var(--muted); }
.sr-structured-scroll { max-width:100%; overflow:auto; border:1px solid var(--line,#e1eaf0); border-radius:12px; margin-top:12px; }
.sr-structured-scroll table { min-width:880px; width:100%; border-collapse:collapse; font-size:13px; }
.sr-structured-scroll th { text-align:left; background:#f3f8fc; font-weight:600; white-space:nowrap; }
.sr-structured-scroll td,.sr-structured-scroll th { padding:12px; border-bottom:1px solid var(--line,#e1eaf0); vertical-align:top; max-width:240px; overflow-wrap:anywhere; line-height:1.65; }
.sr-unknown { color:var(--muted); }
@media(max-width:600px) { .sr-version-heading { flex-direction:column; } .sr-research-binding { padding:8px; } .sr-task-totals { gap:8px 16px; } }
/* Client service home: decisions first, delivered evidence before task detail. */
.app-layout .ch-results{padding:24px;border:1px solid var(--border-default);border-radius:18px;background:#fff;min-width:0}
.ch-results>header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:20px}
.ch-eyebrow{font-size:11px;letter-spacing:.1em;color:var(--brand-strong);font-weight:600}
.ch-results h2{font-size:18px;margin:6px 0 8px;color:var(--text-primary)}
.ch-results p{color:var(--text-secondary);font-size:13px;line-height:1.6;margin:6px 0}
.ch-result-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.ch-result-grid article{display:flex;flex-direction:column;min-width:0;border:1px solid #dfedf4;border-radius:14px;background:linear-gradient(145deg,#f8fcff,#fff);padding:18px}
.ch-result-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12px;color:var(--text-secondary)}
.ch-result-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#e4f5fd;color:var(--brand-strong);flex-shrink:0}
.ch-result-grid h3{font-size:15px;line-height:1.55;margin:16px 0 7px;overflow-wrap:anywhere}
.ch-delivered{font-size:11px;padding:3px 7px;border-radius:6px;color:#237759;background:#e6f6ee}
.ch-result-grid footer{margin-top:auto;padding-top:16px;display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;font-size:12px;color:var(--text-secondary)}
.ch-count-note{padding-top:12px}.ch-load-note{padding:10px;background:#fff6e6;border-radius:9px}.ch-data-nav{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:18px}
.app-layout .dv-client-contract-summary h3{font-size:17px;line-height:1.5;font-weight:600}
@media(max-width:1100px){.ch-result-grid{grid-template-columns:1fr}.ch-result-grid article{padding:16px}.ch-results>header{flex-wrap:wrap}}
@media(max-width:760px){.app-layout .ch-results{padding:16px}.ch-results h2{font-size:17px}.ch-results>header{gap:8px}.app-layout .dv-client-contract-summary h3{font-size:16px}}

/* Keep contract and service inbox compact so delivered work remains prominent. */
.ch-home-top{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:20px;align-items:stretch}.ch-home-top>*{min-width:0;margin:0}.ch-home-top .cf-inbox{padding:20px}.ch-home-top .cf-section-head{margin-bottom:12px}.ch-home-top .cf-section-head h2{font-size:16px}.ch-home-top .cf-inbox-counts{gap:8px;padding-bottom:12px}.ch-home-top .cf-inbox-counts>span{padding:8px;font-size:12px;gap:5px;flex:1;flex-wrap:wrap}.ch-home-top .cf-inbox-counts strong{font-size:16px;margin-left:auto}.ch-home-top .cf-inbox-counts svg{display:none}.ch-home-top .empty{padding:18px 8px 4px;min-height:0}.ch-home-top .empty-icon{display:none}.ch-home-top .empty h3{font-size:14px;margin:0 0 6px}.ch-home-top .empty p{font-size:12px;margin:0}.ch-home-top .cf-inbox-list{max-height:230px;overflow:auto;overscroll-behavior:contain}.ch-home-top .dv-client-contract-summary{padding:16px}.ch-home-top .dv-client-contract-details summary{padding-top:8px}
@media(max-width:1100px){.ch-home-top{grid-template-columns:1fr;gap:16px}.ch-home-top .cf-inbox-list{max-height:none}}
@media(max-width:600px){.ch-home-top .cf-inbox{padding:16px}.ch-home-top .cf-inbox-counts>span{flex-basis:100%;flex-wrap:nowrap}.ch-home-top .cf-inbox-counts strong{font-size:16px}.ch-home-top .cf-section-head p{font-size:12px}}

.sr-asset-nav{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:0 4px;font-size:12px;color:var(--text-secondary)}.sr-asset-nav a{display:inline-flex;align-items:center;gap:6px;min-height:40px;color:var(--brand-strong);text-decoration:none}.sr-asset-nav a:hover{text-decoration:underline}.sr-asset-nav a:focus-visible{outline:2px solid var(--brand-strong);outline-offset:3px;border-radius:4px}
@media(max-width:600px){body{min-width:0}.sr-asset-nav{gap:4px 14px}.sr-asset-nav>span{width:100%}.sr-asset-nav a{min-height:44px}}
/* Operate / administrator dashboard: one customer per row, quiet supporting data. */
.app-layout #dashboard-execution-workspace{--dh-divider:var(--border-subtle);gap:20px!important}
.app-layout #dashboard-execution-workspace .dh-overview{margin:0 0 22px}
.app-layout #dashboard-execution-workspace .dh-status-metrics{grid-template-columns:1.16fr repeat(4,minmax(0,1fr));gap:12px;padding:0;background:none;border:0;border-radius:0}
.app-layout #dashboard-execution-workspace .dh-status-metric{--tile-ink:#007bb3;--tile-wash:#e8f6fe;position:relative;display:grid;align-content:space-between;grid-template-columns:1fr;gap:5px;min-height:142px!important;padding:18px 19px!important;background:#fff;border:1px solid var(--border-default)!important;border-radius:18px;box-shadow:0 8px 24px rgba(37,76,102,.055)!important;overflow:hidden;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease!important}
.app-layout #dashboard-execution-workspace .dh-status-metric[data-stage=pending]{--tile-ink:#127fb8;--tile-wash:#eaf5ff}
.app-layout #dashboard-execution-workspace .dh-status-metric[data-stage=running]{--tile-ink:#078aa9;--tile-wash:#e5f8fb}
.app-layout #dashboard-execution-workspace .dh-status-metric[data-stage=review]{--tile-ink:#a56b10;--tile-wash:#fff3de}
.app-layout #dashboard-execution-workspace .dh-status-metric[data-stage=delivered]{--tile-ink:#16805d;--tile-wash:#e7f6ef}
.app-layout #dashboard-execution-workspace .dh-status-metric:first-child{background:linear-gradient(145deg,#e3f5ff 0%,#f6fbff 75%);border-color:#c8e8f9!important}
.app-layout #dashboard-execution-workspace .dh-status-metric::before{content:"";position:absolute;right:-40px;top:-52px;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,var(--tile-wash) 0%,transparent 72%);pointer-events:none}
.app-layout #dashboard-execution-workspace .dh-status-icon{position:absolute;top:18px;right:18px;display:grid;place-items:center;width:50px;height:50px;border:1px solid #fff;border-radius:16px;color:var(--tile-ink);background:linear-gradient(145deg,#fff,var(--tile-wash) 48%);box-shadow:0 8px 20px rgba(35,105,145,.1),inset 0 1px 0 #fff}
.app-layout #dashboard-execution-workspace .dh-status-icon svg{display:block;width:28px;height:28px}
.app-layout #dashboard-execution-workspace .dh-status-metric>.dh-status-label{min-height:0;padding:0!important;max-width:calc(100% - 58px);font-size:13px!important;font-weight:600;color:var(--text-secondary)}
.app-layout #dashboard-execution-workspace .dh-status-metric>strong{margin:8px 0 0;font-size:32px;line-height:1.05;font-weight:650;font-variant-numeric:tabular-nums;color:var(--text-primary)}
.app-layout #dashboard-execution-workspace .dh-status-metric:first-child>strong{color:#006fa6}
.app-layout #dashboard-execution-workspace .dh-status-metric>small{font-size:12px;line-height:1.5;color:var(--text-secondary)}
.app-layout #dashboard-execution-workspace .dh-status-metric[aria-pressed=true]{border-color:#7cccf0!important;box-shadow:0 0 0 2px rgba(0,159,232,.15),var(--shadow-panel)!important}
.app-layout #dashboard-execution-workspace .dh-status-metric[aria-pressed=true]>.dh-status-label{color:var(--brand-strong)}
.app-layout #dashboard-execution-workspace .dh-status-metric:hover:not(:disabled){transform:translateY(-2px);border-color:#b2e0f5!important;box-shadow:0 8px 25px rgba(35,100,135,.105)!important}
.app-layout #dashboard-execution-workspace .dh-status-metric:focus-visible{outline:2px solid var(--brand);outline-offset:-2px}
.app-layout #dashboard-execution-workspace .dh-workspace-grid{grid-template-columns:minmax(0,1fr) 306px;gap:20px}
.app-layout #dashboard-execution-workspace :is(.dh-task-panel,.dh-pulse,.dh-panel,.dh-trend-details){box-shadow:var(--shadow-panel)!important;border:1px solid var(--border-default)!important;border-radius:16px!important;background:var(--surface-raised)!important}
.app-layout #dashboard-execution-workspace .dh-panel-head{padding:20px!important;margin-bottom:0}
.app-layout #dashboard-execution-workspace .dh-panel-head h2{font-size:18px;font-weight:650}
.app-layout #dashboard-execution-workspace .dh-task-panel .dh-stage-filters{margin:0 20px!important;padding:0 0 14px!important;gap:4px;background:transparent!important;border-radius:0!important;border:0!important;border-bottom:1px solid var(--dh-divider)!important}
.app-layout #dashboard-execution-workspace .dh-stage-filters button{min-height:40px;border:0;border-radius:8px;font-size:12px;padding:6px 10px}
.app-layout #dashboard-execution-workspace .dh-stage-filters button.active{background:var(--surface-accent);color:var(--brand-strong);box-shadow:none}
.app-layout #dashboard-execution-workspace .dh-company-list{gap:0;padding:0 20px}
.app-layout #dashboard-execution-workspace .dh-company-list>.dh-company-row{margin:0!important;padding:23px 0!important;border:0!important;border-bottom:1px solid var(--dh-divider)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;transition:background-color .18s ease}
.app-layout #dashboard-execution-workspace .dh-company-list>.dh-company-row:last-child{border-bottom:0!important}
.app-layout #dashboard-execution-workspace .dh-company-list>.dh-company-row:hover{background:#f9fcff!important}
.app-layout #dashboard-execution-workspace .dh-company-heading{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(180px,1fr) auto;align-items:center;gap:20px;margin:0 0 15px}
.app-layout #dashboard-execution-workspace .dh-company-identity{display:flex;align-items:center;gap:13px;min-width:0}
.app-layout #dashboard-execution-workspace .dh-company-identity>div{min-width:0}
.app-layout #dashboard-execution-workspace .dh-company-avatar{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border:1px solid #cdeafa;border-radius:13px;background:linear-gradient(145deg,#e5f6ff,#f5fbff);color:#0084bf;box-shadow:inset 0 1px 0 #fff}
.app-layout #dashboard-execution-workspace .dh-company-heading .kit-button{margin:0;min-height:40px;font-size:12px}
.app-layout #dashboard-execution-workspace .dh-company-row h3{font-size:16px;line-height:1.45;font-weight:650;margin:0}
.app-layout #dashboard-execution-workspace .dh-company-identity p{font-size:12px;line-height:1.6;margin:5px 0 0}
.app-layout #dashboard-execution-workspace .dh-company-delivery{min-width:0}
.app-layout #dashboard-execution-workspace .dh-progress-heading{font-size:12px;gap:8px;margin-bottom:7px}
.app-layout #dashboard-execution-workspace .dh-progress-heading strong{font-size:19px;font-weight:650;color:#007fb9}
.app-layout #dashboard-execution-workspace .dh-progress-heading b{font-size:17px;font-weight:650}
.app-layout #dashboard-execution-workspace .dh-progress-caption{font-size:12px;margin-top:6px}
.app-layout #dashboard-execution-workspace .dh-company-progress>progress{height:8px;box-shadow:inset 0 1px 2px rgba(36,77,109,.06)}
.app-layout #dashboard-execution-workspace .dh-started-progress{margin-top:9px;gap:5px}
.app-layout #dashboard-execution-workspace .dh-started-progress progress{height:5px}
.app-layout #dashboard-execution-workspace .dh-started-progress progress::-webkit-progress-value{background:#67bedb!important}
.app-layout #dashboard-execution-workspace .dh-started-progress progress::-moz-progress-bar{background:#67bedb!important}
.app-layout #dashboard-execution-workspace .dh-company-states{display:flex;flex-wrap:wrap;gap:8px 18px;margin:0;font-size:12px}
.app-layout #dashboard-execution-workspace .dh-company-states>span{justify-content:flex-start;padding:4px 8px;border:1px solid transparent;border-radius:7px;background:var(--surface-subtle)!important;color:var(--text-secondary)}
.app-layout #dashboard-execution-workspace .dh-company-states>span[data-active=true]{border-color:#d3eafb;background:#eef8fe!important;color:#006fa6}
.app-layout #dashboard-execution-workspace .dh-company-states>span b{font-size:12px}
.app-layout #dashboard-execution-workspace .dh-company-context{gap:3px;margin-top:12px;padding-top:11px;border-top:1px dashed #e5edf4;font-size:12px}
.app-layout #dashboard-execution-workspace .dh-company-contract{gap:3px 10px}
.app-layout #dashboard-execution-workspace .dh-company-contract button{min-height:32px;max-width:100%}
.app-layout #dashboard-execution-workspace .dh-task-panel .dh-pagination{margin:0 20px;padding:14px 0;border-top:1px solid var(--dh-divider)}
.app-layout #dashboard-execution-workspace .dh-task-panel .dh-footnote{margin:0;padding:12px 20px;background:var(--surface-subtle);border-radius:0 0 13px 13px;color:var(--text-secondary)!important}
.app-layout #dashboard-execution-workspace .dh-side{gap:16px;align-items:start}
.app-layout #dashboard-execution-workspace .dh-side .dh-panel{padding:18px!important}
.app-layout #dashboard-execution-workspace .dh-side .dh-panel-head{padding:0!important;margin-bottom:4px}
.app-layout #dashboard-execution-workspace .dh-attention-line{border-color:#f0dfc2!important}
.app-layout #dashboard-execution-workspace .dh-attention-line .dh-panel-head{margin:-18px -18px 3px!important;padding:16px 18px 12px!important;border-radius:15px 15px 0 0;background:#fff9ef!important}
.app-layout #dashboard-execution-workspace .dh-attention-mark{background:#fff0d5;width:34px;height:34px;border-radius:10px;color:var(--status-warning);border:1px solid #f7e2bc}
.app-layout #dashboard-execution-workspace .dh-attention-number{background:#fff5e6;color:var(--status-warning);width:32px;min-width:32px;height:32px;border-radius:10px}
.app-layout #dashboard-execution-workspace .dh-attention-line li{gap:10px;padding:13px 0}
.app-layout #dashboard-execution-workspace .dh-attention-line li strong{font-size:13px;line-height:1.65}
.app-layout #dashboard-execution-workspace .dh-attention-line>a{font-size:13px;min-height:44px}
.app-layout #dashboard-execution-workspace .dh-attention-line>small{font-size:12px}
.app-layout #dashboard-execution-workspace .dh-pulse{padding:18px!important}
.app-layout #dashboard-execution-workspace .dh-pulse-heading>div>span{font-size:15px;font-weight:600}
.app-layout #dashboard-execution-workspace .dh-pulse-main{justify-content:space-between;gap:15px;margin:18px 0}
.app-layout #dashboard-execution-workspace .dh-pulse-ring{width:112px;height:112px}
.app-layout #dashboard-execution-workspace .dh-pulse-ring strong{font-size:27px}
.app-layout #dashboard-execution-workspace .dh-pulse-value{display:flex;flex-direction:column;gap:5px}
.app-layout #dashboard-execution-workspace .dh-pulse-value>strong{font-size:32px;line-height:1.2;font-weight:650;font-variant-numeric:tabular-nums;color:var(--text-primary)}
.app-layout #dashboard-execution-workspace .dh-pulse-value>strong small{font-size:14px;margin-left:2px;font-weight:400}
.app-layout #dashboard-execution-workspace .dh-pulse-value>span{font-size:12px;color:var(--text-secondary)}
.app-layout #dashboard-execution-workspace .dh-pulse-copy>strong{font-size:22px;line-height:1.3;letter-spacing:0;font-weight:600}
.app-layout #dashboard-execution-workspace .dh-pulse-copy p{margin:0;font-size:12px}
.app-layout #dashboard-execution-workspace .dh-total-progress{display:block;appearance:none;-webkit-appearance:none;width:100%;height:7px;overflow:hidden;border:0;border-radius:999px;color:var(--brand);background:var(--border-subtle)}
.app-layout #dashboard-execution-workspace .dh-total-progress::-moz-progress-bar{background:var(--brand)}
.app-layout #dashboard-execution-workspace .dh-pulse-legend{gap:10px 16px;padding-top:16px;border-top:0}
.app-layout #dashboard-execution-workspace .dh-support-grid{gap:20px;margin-top:20px;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}
.app-layout #dashboard-execution-workspace .dh-trend-details{padding:0 20px!important}
.app-layout #dashboard-execution-workspace .dh-trend-details>summary{min-height:62px;font-size:15px;font-weight:600}
.app-layout #dashboard-execution-workspace .dh-workload-details{border-top:1px solid var(--border-default);padding-top:4px;margin-top:20px}
.app-layout #dashboard-execution-workspace .dh-workload-details>.dh-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:0!important;border:1px solid var(--border-default)!important;border-radius:12px;background:var(--surface-raised)!important}
.app-layout #dashboard-execution-workspace .dh-metric{min-height:112px!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;padding:16px!important}
.app-layout #dashboard-execution-workspace .dh-metric>div{padding:0!important;min-height:0!important}
.app-layout #dashboard-execution-workspace .dh-metric>strong{font-size:24px!important;margin:7px 0!important}
@media(max-width:1280px){
 .app-layout #dashboard-execution-workspace .dh-workspace-grid{grid-template-columns:minmax(0,1fr)}
 .app-layout #dashboard-execution-workspace .dh-side{grid-template-columns:repeat(2,minmax(0,1fr))}
 .app-layout #dashboard-execution-workspace .dh-side .dh-pulse{grid-row:auto}
}
@media(max-width:760px){
 .app-layout #dashboard-execution-workspace .dh-status-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:0}
 .app-layout #dashboard-execution-workspace .dh-status-metric{min-height:136px!important;padding:15px!important}
 .app-layout #dashboard-execution-workspace .dh-status-metric:first-child{grid-column:1/-1;grid-template-columns:1fr;min-height:112px!important;align-items:initial}
 .app-layout #dashboard-execution-workspace .dh-status-metric:first-child>strong{grid-column:1;grid-row:auto;margin:0}
 .app-layout #dashboard-execution-workspace .dh-status-metric:first-child>small{grid-column:1;grid-row:auto}
 .app-layout #dashboard-execution-workspace .dh-status-metric>strong{font-size:28px}
 .app-layout #dashboard-execution-workspace .dh-status-icon{width:42px;height:42px;top:14px;right:14px;border-radius:12px}
 .app-layout #dashboard-execution-workspace .dh-status-icon svg{width:24px;height:24px}
 .app-layout #dashboard-execution-workspace .dh-company-heading{grid-template-columns:minmax(0,1fr) auto;gap:12px;margin-bottom:14px}
 .app-layout #dashboard-execution-workspace .dh-company-delivery{grid-column:1/-1;grid-row:2}
 .app-layout #dashboard-execution-workspace .dh-company-heading .kit-button{grid-column:2;grid-row:1;min-height:44px}
 .app-layout #dashboard-execution-workspace .dh-side,.app-layout #dashboard-execution-workspace .dh-support-grid{grid-template-columns:minmax(0,1fr)}
 .app-layout #dashboard-execution-workspace .dh-panel-head{padding:16px!important}
 .app-layout #dashboard-execution-workspace .dh-company-list{padding:0 16px}
 .app-layout #dashboard-execution-workspace .dh-task-panel .dh-stage-filters{margin:0 16px!important;gap:4px}
 .app-layout #dashboard-execution-workspace .dh-stage-filters button{flex:0 1 auto;min-height:44px;padding:5px 9px}
 .app-layout #dashboard-execution-workspace .dh-task-panel .dh-pagination{margin:0 16px}
 .app-layout #dashboard-execution-workspace .dh-task-panel .dh-footnote{padding:12px 16px}
 .app-layout #dashboard-execution-workspace .dh-company-states{gap:8px 14px}
 .app-layout #dashboard-execution-workspace .dh-company-contract{align-items:flex-start;flex-direction:column;gap:2px}
 .app-layout #dashboard-execution-workspace .dh-company-contract button{min-height:44px}
 .app-layout #dashboard-execution-workspace .dh-company-avatar{width:38px;height:38px;flex-basis:38px;border-radius:11px}
 .app-layout #dashboard-execution-workspace .dh-workload-details>.dh-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(prefers-reduced-motion:reduce){
 .app-layout #dashboard-execution-workspace .dh-status-metric,
 .app-layout #dashboard-execution-workspace .dh-company-list>.dh-company-row{transition:none!important}
 .app-layout #dashboard-execution-workspace .dh-status-metric:hover:not(:disabled){transform:none}
}
/* Client delivery workspace: actual results first, compact task controls. */
.app-layout .ch-results.ch-results-list{padding:22px 24px;border-radius:16px;box-shadow:var(--shadow-panel);background:var(--surface-raised)}
.ch-results-list>header{margin-bottom:8px;align-items:center}
.ch-results-list h2{margin:0 0 6px;font-size:19px;line-height:1.4;font-weight:650}
.ch-results-list>header p{margin:0;font-size:13px}
.ch-delivery-list{min-width:0}
.ch-delivery-list>article{display:grid;grid-template-columns:48px minmax(0,1fr) auto auto;align-items:center;gap:16px;padding:20px 0;border-bottom:1px solid var(--border-subtle)}
.ch-delivery-list>article:last-child{border-bottom:0}
.ch-delivery-list .ch-result-icon{width:48px;height:48px;border:1px solid #cdeafa;border-radius:14px;background:linear-gradient(145deg,#e4f5ff,#f8fcff);color:var(--brand-strong);box-shadow:inset 0 1px 0 #fff,0 5px 12px rgba(32,111,150,.06)}
.ch-delivery-list .ch-result-icon svg{width:24px;height:24px}
.ch-delivery-copy{min-width:0}
.ch-delivery-copy h3{font-size:15px;line-height:1.5;font-weight:650;margin:0 0 5px;overflow-wrap:anywhere}
.ch-delivery-copy p{margin:0 0 4px;font-size:12px;overflow-wrap:anywhere}
.ch-delivery-copy small{display:block;color:var(--text-secondary);font-size:12px;line-height:1.6;overflow-wrap:anywhere}
.ch-delivery-separator{margin:0 7px;color:var(--text-secondary)}
.ch-delivery-date{display:flex;flex-direction:column;gap:7px;align-items:flex-end}
.ch-delivery-date time{font-size:12px;color:var(--text-secondary);white-space:nowrap;font-variant-numeric:tabular-nums}
.ch-delivery-date .ch-delivered{font-size:12px;white-space:nowrap}
.ch-delivery-list>article>.btn{white-space:nowrap}
.ch-results-list .ch-count-note{margin:0;padding-top:12px;border-top:1px solid var(--border-subtle);font-size:12px;line-height:1.7}
.app-layout .sr-delivery-workspace{gap:24px}
.sr-delivery-workspace .sr-navigation{padding:0 0 12px;border-bottom:1px solid var(--border-default);min-width:0}
.app-layout .sr-delivery-workspace .sr-skill-nav{gap:4px;margin-bottom:12px}
.app-layout .sr-delivery-workspace .sr-skill-nav a{min-height:40px;padding:8px 12px;border:0;border-radius:8px;background:transparent;font-size:13px;color:var(--text-secondary);text-decoration:none}
.app-layout .sr-delivery-workspace .sr-skill-nav a.active{background:var(--surface-accent);color:var(--brand-strong);font-weight:600}
.app-layout .sr-delivery-workspace .sr-skill-nav a:hover{background:var(--surface-subtle)}
.app-layout .sr-delivery-workspace .sr-skill-nav a.active:hover{background:var(--surface-accent)}
.sr-delivery-workspace .sr-asset-nav{padding:0 12px;gap:8px 20px}
.sr-output-guide{background:var(--surface-raised);border:1px solid var(--border-default);border-radius:12px;font-size:13px;color:var(--text-secondary)}
.sr-output-guide>summary,.sr-count-explainer>summary{display:flex;align-items:center;gap:8px;cursor:pointer;list-style:none;min-height:40px}
.sr-output-guide>summary{padding:8px 16px;color:var(--text-primary)}
.sr-output-guide>summary::-webkit-details-marker,.sr-count-explainer>summary::-webkit-details-marker{display:none}
.sr-output-guide>summary svg,.sr-count-explainer>summary svg{transform:rotate(90deg);flex:none}
.sr-output-guide[open]>summary svg,.sr-count-explainer[open]>summary svg{transform:rotate(-90deg)}
.sr-output-guide>div{padding:0 16px 16px;line-height:1.7}
.sr-output-guide p{margin:0 0 8px}
.sr-output-guide ul{display:flex;flex-wrap:wrap;gap:4px 28px;padding-left:18px;margin:0}
.sr-delivery-workspace .sr-research{margin:0}
.sr-delivery-workspace .sr-research-heading{margin:0 0 14px;align-items:flex-start}
.sr-delivery-workspace .sr-research-heading h2{font-size:19px;line-height:1.45;font-weight:650}
.sr-delivery-workspace .sr-research-heading>span{display:none}
.sr-delivery-workspace .sr-published-count{background:var(--surface-subtle);color:var(--text-secondary);height:auto;min-width:0;padding:2px 8px;font-size:13px;border-radius:6px;vertical-align:middle}
.sr-delivery-workspace .sr-research-groups{display:block;border:1px solid var(--border-default);border-radius:16px;background:var(--surface-raised);box-shadow:var(--shadow-panel);overflow:hidden}
.sr-delivery-workspace .sr-research-group{border:0;border-radius:0;background:transparent;overflow:visible}
.sr-delivery-workspace .sr-research-group+.sr-research-group{border-top:1px solid var(--border-default)}
.sr-delivery-workspace .sr-research-group>header{padding:14px 20px;background:linear-gradient(90deg,#eef8fe,#f8fbfd);border-bottom:1px solid var(--border-subtle);align-items:center}
.sr-delivery-workspace .sr-research-group>header>div{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center}
.sr-delivery-workspace .sr-research-icon{width:38px;height:38px;border:1px solid #d2eaf7;border-radius:11px;background:#fff;color:var(--brand-strong)}
.sr-delivery-workspace .sr-research-icon svg{width:21px;height:21px}
.sr-delivery-workspace .sr-research-group h3{font-size:15px;font-weight:650}
.sr-delivery-workspace .sr-research-count{font-size:12px}
.sr-delivery-workspace .sr-research-table tr{grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,.8fr) auto;align-items:center;gap:20px;padding:20px}
.sr-delivery-workspace .sr-research-table td:first-child,.sr-delivery-workspace .sr-research-table td:last-child{grid-column:auto}
.sr-delivery-workspace .sr-research-table td:last-child{border:0!important;padding:0!important}
.sr-delivery-workspace .sr-research-table td:last-child .btn{width:auto;white-space:nowrap;min-height:40px}
.sr-delivery-workspace .sr-research-table td>strong{font-size:14px}
.sr-delivery-workspace .sr-research-binding{padding:0;background:none;border-radius:0;margin-top:8px}
.sr-delivery-workspace .sr-research-binding small{margin-top:3px}
.app-layout .sr-delivery-workspace .sr-records{box-shadow:var(--shadow-panel);border-radius:16px}
.app-layout .sr-delivery-workspace .sr-records>header{padding:22px 24px 12px}
.app-layout .sr-delivery-workspace .sr-records h2{font-size:19px;font-weight:650}
.sr-task-summary{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:0 24px 16px;flex-wrap:wrap}
.sr-task-summary .sr-task-totals{gap:8px 20px;margin:0;min-height:40px;align-items:center;font-size:12px}
.sr-task-summary .sr-task-totals strong{font-size:14px;margin-left:6px}
.sr-count-explainer{font-size:12px;color:var(--text-secondary);max-width:560px}
.sr-count-explainer>summary{justify-content:flex-end;color:var(--brand-strong)}
.sr-count-explainer>p{margin:0;line-height:1.8;padding:8px 0 0}
.app-layout .sr-delivery-workspace .sr-status-filters{padding:0 24px 16px;gap:8px}
.app-layout .sr-delivery-workspace .sr-status-filters button{display:inline-flex;align-items:center;gap:10px;min-height:40px;font-size:13px;background:transparent;border:1px solid var(--border-default);border-radius:8px;padding:8px 12px;transition:background-color 160ms ease,border-color 160ms ease}
.app-layout .sr-delivery-workspace .sr-status-filters button strong{font-size:12px;font-weight:600;font-variant-numeric:tabular-nums;color:inherit}
.app-layout .sr-delivery-workspace .sr-status-filters button[aria-pressed=true]{background:var(--surface-accent);border-color:var(--border-brand);color:var(--brand-strong)}
.app-layout .sr-delivery-workspace .sr-status-filters button:hover{background:var(--surface-subtle)}
.app-layout .sr-delivery-workspace .sr-table td{padding:18px 20px}
.app-layout .sr-delivery-workspace .sr-table th{padding:12px 20px}
.app-layout .sr-delivery-workspace .sr-table tr:last-child td{border-bottom:0}
.app-layout .sr-delivery-workspace .sr-table td:last-child .btn{white-space:nowrap}
.app-layout .sr-delivery-workspace .sr-table td:first-child strong{font-weight:600}
.sr-delivery-workspace :is(a,button,summary):focus-visible,.ch-results-list a:focus-visible{outline:2px solid var(--brand-strong);outline-offset:3px}
@media(max-width:1100px){
 .ch-delivery-list>article{grid-template-columns:36px minmax(0,1fr) auto;gap:12px}
 .ch-delivery-list>article>.btn{grid-column:2/4;justify-self:start}
 .sr-delivery-workspace .sr-research-table tr{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) minmax(0,.8fr);gap:14px}
 .sr-delivery-workspace .sr-research-table td:last-child{grid-column:1/-1}
 .sr-delivery-workspace .sr-research-count{flex-basis:100%;padding-left:34px}
}
@media(max-width:600px){
 .app-layout .ch-results.ch-results-list{padding:18px 16px}
 .ch-results-list>header{align-items:flex-start;gap:10px}
 .ch-results-list>header>.btn{padding:0;min-height:44px}
 .ch-delivery-list>article{grid-template-columns:32px minmax(0,1fr);padding:18px 0;gap:10px}
 .ch-delivery-list .ch-result-icon{width:32px;height:32px;border-radius:8px;align-self:start}
 .ch-delivery-date{grid-column:2;flex-direction:row;align-items:center;gap:12px;flex-wrap:wrap}
 .ch-delivery-list>article>.btn{grid-column:2;min-height:44px;padding:0}
 .app-layout .sr-delivery-workspace{gap:20px}
 .app-layout .sr-delivery-workspace .sr-skill-nav a{min-height:44px;padding:8px 10px;font-size:13px}
 .sr-delivery-workspace .sr-asset-nav{padding:0 10px;gap:4px 14px}
 .sr-delivery-workspace .sr-research-group>header{padding:12px 16px;align-items:flex-start;gap:12px}
 .sr-delivery-workspace .sr-research-group>header>.btn{min-height:44px}
 .sr-delivery-workspace .sr-research-group>header>div{column-gap:8px}
 .sr-delivery-workspace .sr-research-count{padding-left:32px;line-height:1.6}
 .sr-delivery-workspace .sr-research-table tr{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;padding:16px}
 .sr-delivery-workspace .sr-research-table td:first-child,.sr-delivery-workspace .sr-research-table td:last-child{grid-column:1/-1}
 .sr-delivery-workspace .sr-research-table td:last-child .btn{width:100%;min-height:44px}
 .app-layout .sr-delivery-workspace .sr-records>header{padding:18px 16px 10px;align-items:flex-start}
 .sr-task-summary{padding:0 16px 12px;gap:0}
 .sr-task-summary .sr-task-totals{align-items:flex-start;flex-direction:column;gap:8px;min-height:0}
 .sr-count-explainer{flex-basis:100%}
 .sr-count-explainer>summary{justify-content:flex-start;min-height:44px}
 .app-layout .sr-delivery-workspace .sr-status-filters{padding:0 16px 16px;gap:8px}
 .app-layout .sr-delivery-workspace .sr-status-filters button{min-height:44px;flex:1 1 auto;justify-content:space-between}
 .sr-output-guide>summary{min-height:44px}
 .sr-output-guide ul{display:block}
 .app-layout .sr-delivery-workspace .sr-table td:last-child .btn{min-height:44px}
}

/* Shared quiet surfaces: selection and focus carry emphasis. */
.app-layout .nav-link:not(.active):hover{transform:none}
.app-layout .workspace-main :is(.workflow-skill-icon,.empty-icon){box-shadow:none!important;border:0!important;background:var(--surface-accent)!important}
.app-layout .workspace-main :is(.proposal-option,.proposal-workspace,.dc-panel,.contract-snapshot,.contract-execution-summary,.gm-report-picker,.ca-report-picker,.ap-report-picker,.dv-task-card,.dv-kanban-column){box-shadow:none!important}
.app-layout .workspace-main :is(.proposal-option,.gm-country-card,.ca-peer-card,.ca-comparison-card):hover{transform:none!important}
.app-layout .workflow-card .workflow-policy,.app-layout .workflow-card .workflow-contract-link{border:0!important;border-top:1px solid var(--border-subtle)!important;border-radius:0!important;background:transparent!important}
.app-layout .workflow-skill-icon{width:40px!important;height:40px!important}
.app-layout .workspace-main .mi-report-mode>.mi-stat-grid>.mi-stat{min-height:92px!important;padding:0 18px!important}
.app-layout .workspace-main .mi-report-mode>.mi-stat-grid>.mi-stat:first-child{padding-left:0!important}
.app-layout .workspace-main .mi-report-mode>.mi-stat-grid>.mi-stat .insight-icon{display:none!important}
.app-layout .workspace-main .mi-report-mode>.mi-stat-grid>.mi-stat>span{padding-right:0!important}
.app-layout .workspace-main .mi-report-mode>.mi-stat-grid>.mi-stat>strong{font-size:26px!important}
.app-layout .panel :is(.panel,.gm-country-card,.ca-peer-card){box-shadow:none!important}
.app-layout .detail-meta>div{border:0;border-radius:0;background:transparent;padding:10px 0}
.app-layout .btn:disabled,.app-layout wa-button[disabled]{opacity:.5!important;cursor:not-allowed!important;box-shadow:none!important}
.app-layout :is(button,a,input,select,textarea,summary):focus-visible{outline:2px solid var(--brand-focus);outline-offset:3px}
.auth-copy h1{max-width:12em;text-wrap:balance}
.auth-card-intro h2{font-size:24px!important;font-weight:600!important}
.auth-card .auth-submit{font-size:14px!important;font-weight:600!important;letter-spacing:0!important}
.auth-orbit,.auth-brand-disc,.auth-orbit-node,.auth-orbit-light{animation:none!important}
@media(max-width:680px){
 .app-layout .btn,.app-layout .icon-button,.app-layout .project-picker-trigger{min-height:44px!important}
 .app-layout .workspace-main .mi-report-mode>.mi-stat-grid>.mi-stat{min-height:90px!important;padding:12px 0!important}
 .app-layout .workspace-main .mi-report-mode>.mi-stat-grid>.mi-stat>strong{font-size:24px!important}
 .auth-card-intro h2{font-size:22px!important}
}

/* Client outcomes lead; contract and service decisions remain in view. */
.app-layout .ch-service-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:20px;align-items:start}
.app-layout .ch-service-main{display:grid;gap:20px;min-width:0}
.app-layout .dv-client-workspace .dv-metrics>.dv-metric-shell:first-child .dv-metric{background:linear-gradient(145deg,#e7f6ff,#f7fcff 78%)!important;border-color:#c8e8f9!important;box-shadow:var(--shadow-panel)!important}
.app-layout .dv-client-workspace .dv-metrics>.dv-metric-shell:first-child .dv-metric>strong{color:#006fa6!important;font-size:32px!important}
.app-layout .dv-client-workspace .dv-metrics .dv-metric{box-shadow:var(--shadow-panel)!important}
.app-layout .dv-client-workspace .dv-metrics .insight-icon{width:48px!important;height:48px!important;border-radius:14px!important;box-shadow:inset 0 1px 0 #fff,0 6px 14px rgba(29,102,145,.06)!important}
.app-layout .dv-client-workspace .dv-metrics .insight-icon svg{width:27px!important;height:27px!important}
.app-layout .dv-client-workspace .dv-metrics .dv-metric-top{font-weight:600!important}
.app-layout .ch-service-grid .ch-home-top{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;align-items:start}
.app-layout .ch-service-grid .ch-home-top .dv-client-contracts{padding:18px;margin:0;background:#f8fcff!important;border-color:#dcecf6!important}
.app-layout .ch-service-grid .dv-client-contract-summary{padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
.app-layout .ch-service-grid .dv-client-contract-summary h3{font-size:15px!important;line-height:1.5;font-weight:650}
.app-layout .ch-service-grid .dv-client-contract-main{flex-wrap:wrap;gap:10px}
.app-layout .ch-service-grid .ch-home-top .empty{padding:20px 0 0!important}
.app-layout .ch-service-grid .ch-home-top .cf-inbox-counts{flex-wrap:wrap;gap:6px}
.app-layout .ch-service-grid .ch-home-top .cf-inbox-counts>span{flex:1 1 100%;background:none;padding:4px 0}
.app-layout .ch-service-grid .dv-reconciliation{padding:18px}
.app-layout .ch-service-grid .ch-delivery-list>article{grid-template-columns:32px minmax(0,1fr) auto;gap:12px}
.app-layout .ch-service-grid .ch-delivery-list>article>.btn{grid-column:3;grid-row:1/3;align-self:center}
.app-layout .ch-service-grid .ch-delivery-date{grid-column:2;grid-row:2;display:flex;flex-direction:row;gap:10px;align-items:center;justify-content:flex-start;text-align:left}
.app-layout .ch-service-grid .ch-delivery-copy h3{font-size:14px}
.app-layout .workspace-main .mi-stat-grid{gap:0!important;border-bottom:1px solid var(--border-default);background:#fff!important;padding:18px 22px!important}
.app-layout .workspace-main .mi-stat-grid>.mi-stat{min-height:94px!important;padding:0 18px!important;border:0!important;border-right:1px solid var(--border-subtle)!important;border-radius:0!important;box-shadow:none!important;background:transparent!important}
.app-layout .workspace-main .mi-stat-grid>.mi-stat:first-child{padding-left:0!important}
.app-layout .workspace-main .mi-stat-grid>.mi-stat:last-child{border-right:0!important}
.app-layout .workspace-main .mi-stat-grid>.mi-stat:before,.app-layout .workspace-main .mi-stat-grid .insight-icon{display:none!important}
.app-layout .workspace-main .mi-stat-grid>.mi-stat>strong{margin:10px 0 4px!important;font-size:26px!important}
@media(max-width:1200px){.app-layout .ch-service-grid{grid-template-columns:1fr}.app-layout .ch-service-grid .ch-home-top{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.app-layout .ch-service-grid .ch-home-top{grid-template-columns:1fr}.app-layout .ch-service-grid .ch-delivery-list>article{grid-template-columns:28px minmax(0,1fr)}.app-layout .ch-service-grid .ch-delivery-list>article>.btn{grid-column:2;grid-row:auto;justify-self:start}.app-layout .ch-service-grid .ch-delivery-date{flex-wrap:wrap}.app-layout .workspace-main .mi-stat-grid{gap:18px!important;padding:18px!important}.app-layout .workspace-main .mi-stat-grid>.mi-stat{min-height:92px!important;padding:0!important;border:0!important}.app-layout .workspace-main .mi-stat-grid>.mi-stat>strong{font-size:24px!important}}

/* Narrow client headers give the month its own complete row. */
@media(max-width:390px){
 .app-layout .topbar-controls:has(#month-select){display:grid!important;grid-template-columns:minmax(0,1fr) 44px!important;gap:8px!important;width:100%;flex:1 1 100%}
 .app-layout .topbar-controls:has(#month-select)>label:not(:has(#month-select)),.app-layout .topbar-controls:has(#month-select)>.project-picker{grid-column:1/-1!important;width:100%!important;min-width:0!important}
 .app-layout .topbar-controls>label:has(#month-select){grid-column:1!important;min-width:0!important;width:100%!important;display:flex!important;padding:3px 8px!important}
 .app-layout .topbar #month-select{width:100%!important;min-width:150px!important;max-width:none!important;flex:1!important;height:38px!important;font-size:16px!important}
 .app-layout .topbar-controls:has(#month-select)>.icon-button{grid-column:2!important;width:44px!important}
}