@import "./prototype-visual-components.css";

/* Round A visual restoration anchor: full prototype values live in prototype-visual-components.css. */
.home-v2 .hero-kpi {
  display:block;
  color:inherit;
  text-decoration:none;
}
.home-v2 .task-row {}
.home-v2 .mem-row {}

.home-v2 .insight-big::before {
  content: none;
}

.home-v2 .insight-big-label {
  position:absolute;
  top:-10px;
  left:14px;
  font-size:10px;
  font-weight:700;
  letter-spacing:.1em;
  padding:3px 10px;
  background:var(--accent-warm);
  color:var(--bg-surface);
  border-radius:2px;
  transform:rotate(-2deg);
  box-shadow:0 2px 8px rgba(212,165,165,.3);
}

body {
  margin:0;
  background:
    linear-gradient(135deg, rgba(129,216,208,.10), transparent 34%),
    linear-gradient(180deg, #F7F9F9, #FFFFFF 72%);
}

body[data-theme="dark"] {
  background:
    linear-gradient(135deg, rgba(129,216,208,.10), transparent 34%),
    linear-gradient(180deg, var(--bg-mist), #111817 72%);
}

body[data-theme="contrast"] {
  background:
    linear-gradient(135deg, rgba(168,134,112,.13), transparent 34%),
    linear-gradient(180deg, var(--bg-mist), var(--bg-surface) 72%);
}

.header {
  position:sticky;
  top:0;
  z-index:50;
  border-bottom:1px solid rgba(129,216,208,.22);
  background:rgba(255,255,255,.88);
  backdrop-filter:blur(18px);
  box-shadow:0 2px 12px rgba(42,63,61,.06);
}

.header-inner {
  display:grid;
  grid-template-columns:auto minmax(280px, auto) minmax(220px, 1fr) auto;
  align-items:center;
  gap:18px;
  min-height:68px;
  padding:0 22px;
}

.hamburger {
  display:none;
  width:40px;
  height:40px;
  border:1px solid rgba(129,216,208,.32);
  border-radius:8px;
  background:#fff;
  cursor:pointer;
}

.hamburger span {
  display:block;
  width:18px;
  height:2px;
  margin:4px auto;
  border-radius:2px;
  background:var(--text-secondary);
}

.header-left,
.header-right,
.plat-switch,
.brand {
  display:flex;
  align-items:center;
}

.header-left {
  gap:14px;
  min-width:0;
}

.brand {
  gap:10px;
  color:var(--text-primary);
  text-decoration:none;
}

.brand-logo {
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  border:1px solid rgba(129,216,208,.36);
  border-radius:8px;
  color:var(--brand-deep);
  background:linear-gradient(135deg, rgba(129,216,208,.32), #fff);
  font-family:var(--font-serif);
  font-weight:700;
}

.brand strong,
.brand small {
  display:block;
}

.brand strong {
  font-size:17px;
}

.brand small {
  margin-top:2px;
  color:var(--text-muted);
  font-size:12px;
}

.vsep {
  width:1px;
  height:30px;
  background:linear-gradient(180deg, transparent, rgba(129,216,208,.42), transparent);
}

.plat-switch {
  gap:6px;
  color:var(--text-muted);
  font-size:12px;
}

.plat-switch span {
  border:1px solid var(--border-subtle);
  border-radius:999px;
  padding:5px 8px;
  background:rgba(255,255,255,.72);
}

.header-mid {
  min-width:0;
}

.search-wrap {
  display:flex;
  align-items:center;
  gap:8px;
  min-width:0;
}

.search-wrap .input {
  width:100%;
  min-height:40px;
  border-radius:999px;
  padding-left:16px;
}

.global-search-submit {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:40px;
  border:1px solid rgba(129,216,208,.38);
  border-radius:999px;
  padding:0 16px;
  color:#fff;
  background:var(--brand-deep);
  font-weight:700;
  cursor:pointer;
  white-space:nowrap;
  box-shadow:0 8px 18px rgba(42,115,109,.16);
}

.global-search-submit:hover {
  background:var(--brand);
}

.header-right {
  justify-content:flex-end;
  gap:10px;
}

.bell,
.sidebar-theme-switch {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  border:1px solid rgba(129,216,208,.28);
  border-radius:8px;
  color:var(--text-secondary);
  background:#fff;
  text-decoration:none;
  cursor:pointer;
}

.bell {
  min-width:38px;
}

.bell span {
  display:inline-grid;
  place-items:center;
  min-width:20px;
  height:20px;
  border-radius:999px;
  color:#fff;
  background:var(--accent-urgent);
  font-size:11px;
  font-weight:700;
}

.role-pill {
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-height:38px;
  border:1px solid rgba(129,216,208,.28);
  border-radius:999px;
  padding:0 12px;
  color:var(--text-secondary);
  background:rgba(255,255,255,.78);
  font-size:12px;
}

.role-pill strong {
  color:var(--brand-deep);
}

.role-pill small {
  color:var(--text-muted);
}

.avatar {
  display:grid;
  place-items:center;
  width:40px;
  height:40px;
  border-radius:50%;
  color:#fff;
  background:linear-gradient(135deg, var(--brand), var(--brand-deep));
  font-size:12px;
  font-weight:700;
}

.layout {
  display:grid;
  grid-template-columns:260px minmax(0, 1fr);
  min-height:calc(100vh - 68px);
}

.staff-prototype-sidebar {
  position:sticky;
  top:68px;
  align-self:start;
  height:calc(100vh - 68px);
  border-right:1px solid rgba(129,216,208,.22);
  padding:18px 14px;
  overflow:auto;
  background:rgba(255,255,255,.72);
  backdrop-filter:blur(14px);
}

.staff-prototype-main {
  width:min(1180px, calc(100vw - 308px));
  margin:0 auto;
  padding:24px 24px 48px;
}

.staff-prototype-sidebar .want-to-do {
  display:grid;
  gap:7px;
  margin-bottom:16px;
  border:1px solid rgba(129,216,208,.30);
  border-radius:8px;
  padding:13px 14px;
  color:var(--text-primary);
  background:
    radial-gradient(circle at 100% 0%, rgba(129,216,208,.18), transparent 52%),
    #fff;
  box-shadow:0 2px 12px rgba(42,63,61,.06);
  text-decoration:none;
}

.staff-prototype-sidebar .want-to-do span {
  color:var(--brand-deep);
  font-size:11px;
  font-weight:700;
}

.staff-prototype-sidebar .want-to-do small,
.sidebar-onboarding-trigger {
  color:var(--text-muted);
  font-size:12px;
  line-height:1.5;
}

.sidebar-theme-switch,
.sidebar-onboarding-trigger {
  display:none;
}

.prototype-sidebar-nav {
  display:grid;
  gap:18px;
}

.nav-section {
  display:grid;
  gap:6px;
}

.nav-group {
  display:flex;
  align-items:center;
  gap:7px;
  min-height:24px;
  color:var(--text-muted);
  font-size:12px;
  font-weight:700;
}

.nav-group::before {
  content:"";
  width:3px;
  height:13px;
  border-radius:2px;
  background:linear-gradient(180deg, var(--brand), var(--brand-soft));
}

.prototype-sidebar-nav .nav-item {
  display:grid;
  grid-template-columns:24px minmax(0, 1fr) auto;
  align-items:center;
  gap:9px;
  min-height:38px;
  border:1px solid transparent;
  border-radius:8px;
  padding:8px 10px;
  color:var(--text-secondary);
  text-decoration:none;
  transition:all var(--dur-fast) var(--ease-smooth);
}

.prototype-sidebar-nav .nav-item:hover,
.prototype-sidebar-nav .nav-item.active,
.prototype-sidebar-nav .nav-item.is-active {
  border-color:rgba(129,216,208,.30);
  color:var(--brand-deep);
  background:rgba(129,216,208,.10);
}

.prototype-sidebar-nav .nav-item.active,
.prototype-sidebar-nav .nav-item.is-active {
  box-shadow:inset 3px 0 0 var(--brand);
}

.nav-ico {
  display:grid;
  place-items:center;
  width:24px;
  height:24px;
  border-radius:7px;
  color:var(--brand-deep);
  background:rgba(129,216,208,.14);
  font-size:12px;
  font-weight:800;
}

.nav-badge {
  display:inline-grid;
  place-items:center;
  min-width:20px;
  height:20px;
  border-radius:999px;
  padding:0 6px;
  color:var(--brand-deep);
  background:rgba(129,216,208,.16);
  font-family:var(--font-mono);
  font-size:10px;
  font-style:normal;
  font-weight:700;
}

.sidebar-backdrop {
  display:none;
}

.shell {
  width:min(1180px, calc(100vw - 32px));
  min-height:100vh;
  margin:0 auto;
  padding:22px 0 44px;
}

.staff-app-shell {
  display:grid;
  grid-template-columns:248px minmax(0, 1fr);
  gap:18px;
  width:min(1440px, calc(100vw - 32px));
  align-items:start;
}

.staff-main {
  min-width:0;
}

.main {
  min-width:0;
}

.grid {
  display:grid;
  gap:16px;
}

.grid-2 {
  grid-template-columns:repeat(2, minmax(0, 1fr));
}

.prototype-page > .grid.grid-2.mb6 {
  grid-auto-rows:minmax(144px, auto);
}

.grid-3 {
  grid-template-columns:repeat(3, minmax(0, 1fr));
}

.grid-4 {
  grid-template-columns:repeat(4, minmax(0, 1fr));
}

.row-between {
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
}

.g2 {
  gap:8px;
}

.flex1 {
  flex:1;
  min-width:0;
}

.mb1 { margin-bottom:4px; }
.mb2 { margin-bottom:8px; }
.mb3 { margin-bottom:12px; }
.mb6 { margin-bottom:24px; }

.p5 { padding:20px; }

.staff-mobile-role-strip {
  display:none;
}

.staff-sidebar {
  position:sticky;
  top:18px;
  display:grid;
  gap:16px;
  max-height:calc(100vh - 36px);
  overflow:auto;
  padding:16px;
}

.sidebar {
  min-width:0;
}

.staff-sidebar-brand {
  display:grid;
  gap:4px;
  border-bottom:1px solid var(--border-subtle);
  padding-bottom:14px;
}

.staff-sidebar .want-to-do {
  display:grid;
  gap:8px;
  border:1px solid rgba(129,216,208,.25);
  border-radius:8px;
  padding:12px;
  color:var(--text-primary);
  background:
    radial-gradient(circle at 100% 0%, rgba(129,216,208,.18), transparent 52%),
    var(--bg-surface);
  box-shadow:
    0 0 0 1px rgba(129,216,208,.06),
    0 4px 14px rgba(129,216,208,.10),
    0 1px 3px rgba(42,63,61,.04);
  text-decoration:none;
}

.staff-sidebar .want-to-do span {
  color:var(--brand-deep);
  font-size:11px;
  font-weight:700;
  letter-spacing:.08em;
}

.staff-sidebar .want-to-do strong {
  font-size:16px;
}

.staff-sidebar-brand strong,
.staff-sidebar-profile b {
  color:var(--text-primary);
}

.staff-sidebar-brand small,
.staff-sidebar-profile span {
  color:var(--text-muted);
  font-size:12px;
  line-height:1.5;
}

.staff-sidebar-profile {
  display:grid;
  gap:4px;
  border:1px solid var(--border-subtle);
  border-radius:8px;
  padding:12px;
  background:linear-gradient(135deg, var(--brand-subtle), rgba(255,255,255,.76));
}

.staff-role-context {
  display:grid;
  gap:10px;
  border:1px solid rgba(129,216,208,.42);
  border-radius:8px;
  padding:12px;
  background:
    linear-gradient(135deg, rgba(129,216,208,.18), rgba(255,255,255,.82)),
    var(--bg-surface);
}

.staff-role-context > div:first-child {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}

.staff-role-context span,
.staff-role-context p,
.staff-secondary-capabilities summary {
  color:var(--text-muted);
  font-size:12px;
}

.staff-role-context strong {
  color:var(--brand-deep);
}

.staff-role-context p {
  margin:0;
}

.staff-mobile-role-strip {
  gap:10px;
  padding:14px;
  background:
    linear-gradient(135deg, rgba(129,216,208,.18), rgba(255,255,255,.88)),
    var(--bg-surface);
}

.staff-mobile-role-strip > div:first-child {
  display:grid;
  grid-template-columns:auto minmax(0, 1fr);
  align-items:center;
  gap:10px;
}

.staff-mobile-role-strip strong,
.staff-mobile-role-strip small {
  display:block;
}

.staff-mobile-role-strip strong {
  color:var(--text-primary);
  font-size:16px;
}

.staff-mobile-role-strip small,
.staff-mobile-role-strip p {
  color:var(--text-muted);
  font-size:12px;
  line-height:1.5;
}

.staff-mobile-role-strip p {
  margin:0;
}


.staff-primary-nav {
  display:grid;
  gap:8px;
  justify-content:stretch;
}

.staff-primary-nav h2 {
  margin:0;
  color:var(--text-muted);
  font-size:12px;
  font-weight:700;
}

.staff-primary-nav a {
  display:flex;
  align-items:center;
  justify-content:space-between;
  min-height:38px;
  border:1px solid var(--border-subtle);
  border-radius:8px;
  padding:9px 11px;
  color:var(--text-primary);
  background:rgba(255,255,255,.8);
  text-decoration:none;
}

.staff-primary-nav a:hover {
  border-color:var(--brand-soft);
  color:var(--brand-deep);
  background:var(--brand-subtle);
}

.staff-primary-nav a.is-active,
.staff-sidebar-nav a.is-active {
  border-color:var(--brand);
  color:var(--brand-deep);
  background:linear-gradient(135deg, rgba(129,216,208,.18), rgba(255,255,255,.9));
  box-shadow:inset 3px 0 0 var(--brand);
}

.staff-secondary-capabilities {
  display:grid;
  gap:10px;
  border-top:1px solid var(--border-subtle);
  padding-top:12px;
}

.staff-secondary-capabilities summary {
  cursor:pointer;
  font-weight:700;
}

.staff-secondary-capabilities[open] summary {
  color:var(--brand-deep);
}

.staff-secondary-capabilities:not([open]) > .staff-sidebar-nav {
  display:none;
}

.staff-sidebar-nav {
  display:grid;
  gap:14px;
  justify-content:stretch;
}

.staff-nav-group {
  display:grid;
  gap:7px;
}

.staff-nav-group.nav-group h2::before {
  content:"";
  display:inline-block;
  width:3px;
  height:12px;
  margin-right:7px;
  border-radius:2px;
  background:linear-gradient(180deg, var(--brand) 0%, var(--brand-soft) 100%);
  vertical-align:-2px;
}

.staff-nav-group h2 {
  margin:0;
  color:var(--text-muted);
  font-size:12px;
  font-weight:700;
}

.staff-sidebar-nav a {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  min-height:34px;
  border:1px solid transparent;
  border-radius:6px;
  padding:8px 10px;
  color:var(--text-secondary);
  background:transparent;
  text-decoration:none;
}

.staff-sidebar-nav a:hover {
  border-color:var(--border-subtle);
  color:var(--brand-deep);
  background:var(--brand-subtle);
}

.staff-sidebar-nav .nav-item {
  border-radius:6px;
}

.staff-sidebar-nav .nav-badge {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:20px;
  height:20px;
  border-radius:999px;
  padding:0 7px;
  color:var(--brand-deep);
  background:rgba(129,216,208,.16);
  font-family:var(--font-mono);
  font-size:10px;
  font-weight:700;
}

.topline {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin-bottom:22px;
  color:var(--text-secondary);
  font-size:14px;
}

.staff-topbar {
  position:sticky;
  top:0;
  z-index:2;
  margin-bottom:14px;
  border:1px solid rgba(217,229,227,.78);
  border-radius:8px;
  padding:14px 16px;
  background:rgba(255,255,255,.86);
  box-shadow:0 2px 12px rgba(42,63,61,.06);
  backdrop-filter:blur(14px);
}

.topbar {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
}

.staff-topbar h1 {
  margin:3px 0 0;
  font-size:26px;
}

.staff-topbar-status {
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:8px;
}

.staff-topbar-status span {
  border:1px solid var(--border-subtle);
  border-radius:999px;
  padding:7px 10px;
  color:var(--text-secondary);
  background:rgba(255,255,255,.74);
  font-size:12px;
}

.brand-mark {
  color:var(--brand-deep);
  font-family:var(--font-serif);
  font-size:22px;
  font-weight:600;
}

.quick-nav {
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  justify-content:flex-end;
}

.quick-nav a {
  border:1px solid var(--border);
  border-radius:999px;
  padding:7px 12px;
  color:var(--text-secondary);
  background:rgba(255,255,255,.72);
  text-decoration:none;
  transition:all var(--dur-fast) var(--ease-smooth);
}

.quick-nav a:hover {
  border-color:var(--brand-soft);
  color:var(--brand-deep);
  background:var(--brand-subtle);
}

.reauth-notice {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin-bottom:18px;
  border:1px solid rgba(212,165,116,.42);
  border-left:4px solid var(--accent-warning);
  border-radius:8px;
  padding:16px 18px;
  color:var(--text-primary);
  background:#fffaf2;
  box-shadow:var(--shadow-ring),var(--shadow-soft);
}

.reauth-notice div,
.reauth-notice span {
  display:grid;
  gap:4px;
}

.hero {
  margin-bottom:18px;
  padding:30px 32px;
  position:relative;
  overflow:hidden;
}

.hero::after {
  content:"";
  position:absolute;
  right:22px;
  bottom:-28px;
  width:160px;
  height:160px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(129,216,208,.24), transparent 68%);
  pointer-events:none;
}

.staff-overview-grid {
  display:grid;
  grid-template-columns:minmax(0, 1.35fr) minmax(280px, .9fr);
  gap:14px;
  margin-bottom:14px;
}

.staff-command-center {
  display:grid;
  grid-template-columns:minmax(0, 1fr);
  align-content:start;
  min-height:276px;
  margin-bottom:0;
  padding:26px;
}

.staff-command-center.want-card {
  display:flex;
  grid-template-columns:none;
  align-items:center;
  align-content:center;
  min-height:0;
  margin-bottom:22px;
  padding:14px 18px;
}

.staff-command-center h2 {
  margin:0 0 10px;
  font-family:var(--font-serif);
  font-size:42px;
  font-weight:600;
  line-height:1.08;
}

.staff-command-copy {
  max-width:680px;
}

.staff-command-form {
  display:grid;
  grid-template-columns:minmax(0, 1fr) auto;
  gap:10px;
  margin-top:18px;
  border:1px solid rgba(129,216,208,.42);
  border-radius:8px;
  padding:10px;
  background:rgba(255,255,255,.84);
}

.staff-command-input {
  display:grid;
  gap:5px;
}

.staff-command-input span {
  color:var(--text-muted);
  font-size:12px;
  font-weight:700;
}

.staff-command-actions {
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:14px;
}

.staff-command-actions a {
  border:1px solid var(--border-subtle);
  border-radius:6px;
  padding:8px 11px;
  color:var(--brand-deep);
  background:var(--brand-subtle);
  font-size:13px;
  font-weight:700;
  text-decoration:none;
}

.staff-kpi-grid {
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:10px;
}

.staff-kpi-card {
  display:grid;
  gap:8px;
  min-height:132px;
  padding:16px;
}

.staff-kpi-card span,
.staff-kpi-card small,
.staff-priority-item span,
.staff-priority-item small,
.staff-rhythm-steps span {
  color:var(--text-secondary);
}

.staff-kpi-card strong {
  color:var(--brand-deep);
  font-family:var(--font-serif);
  font-size:30px;
  line-height:1;
}

.staff-route-content {
  display:grid;
  gap:16px;
  min-width:0;
}

.prototype-page {
  display:grid;
  gap:16px;
}

.prototype-live-workflow {
  align-items:start;
  min-width:0;
}

.prototype-live-workflow-focused {
  display:grid;
  grid-template-columns:minmax(0, 1fr) 320px;
  gap:16px;
}

.prototype-primary-workflow,
.prototype-secondary-workflows {
  min-width:0;
}

.prototype-secondary-workflows {
  display:grid;
  align-content:start;
  gap:12px;
}

.prototype-live-workflow > .panel,
.prototype-live-workflow > .card,
.prototype-live-workflow > article {
  min-width:0;
}

.prototype-live-workflow > .panel:only-child,
.prototype-live-workflow > .card:only-child,
.prototype-live-workflow > article:only-child {
  grid-column:1 / -1;
}

.prototype-detail-page {
  gap:14px;
}

.detail-back-row {
  display:flex;
  align-items:center;
  min-height:32px;
}

.category-summary-grid {
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:14px;
}

.category-entry-grid {
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  grid-auto-rows:minmax(144px, auto);
  gap:16px;
  margin-bottom:24px;
}

.category-entry-grid .category-entry-card {
  min-height:144px;
}

.prototype-page > .grid.grid-2.mb6 > .feat-card {
  min-height:144px;
}

.category-summary-card {
  position:relative;
  display:grid;
  align-content:start;
  gap:10px;
  min-height:132px;
  border:1px solid rgba(129,216,208,.25);
  border-radius:8px;
  padding:18px;
  color:var(--text-primary);
  background:rgba(255,255,255,.86);
  box-shadow:0 2px 12px rgba(42,63,61,.06);
  text-decoration:none;
  transition:border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.category-entry-card::before {
  opacity:.72;
}

.category-entry-card .category-entry-desc,
.prototype-page > .grid.grid-2.mb6 > .feat-card .body {
  display:-webkit-box;
  overflow:hidden;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}

.category-summary-card:hover {
  border-color:rgba(129,216,208,.48);
  box-shadow:0 8px 24px rgba(42,63,61,.10);
  transform:translateY(-2px);
}

.category-summary-title {
  color:var(--text-primary);
  font-family:var(--font-serif);
  font-size:18px;
  font-weight:700;
}

.category-summary-card strong {
  color:var(--brand-deep);
  font-family:var(--font-mono);
  font-size:26px;
  line-height:1;
}

.category-summary-card small {
  max-width:28em;
  color:var(--text-secondary);
  line-height:1.6;
}

.category-summary-card i {
  position:absolute;
  right:16px;
  bottom:16px;
  color:var(--brand-deep);
  font-style:normal;
}

.category-next-actions {
  display:grid;
  gap:14px;
  border-radius:8px;
  padding:18px;
}

.category-next-list {
  display:grid;
  gap:8px;
}

.category-next-list span {
  border-left:3px solid rgba(129,216,208,.72);
  padding:8px 10px;
  color:var(--text-secondary);
  background:rgba(129,216,208,.08);
}

.settings-preferences-panel {
  display:grid;
  gap:14px;
}

.settings-preference-list {
  display:grid;
  gap:10px;
}

.settings-preference-row {
  display:grid;
  grid-template-columns:minmax(120px, .7fr) minmax(0, 1fr) auto;
  align-items:center;
  gap:12px;
  border:1px solid rgba(129,216,208,.24);
  border-radius:8px;
  padding:14px 16px;
  color:var(--text-primary);
  background:#fff;
  text-align:left;
  cursor:pointer;
}

body[data-theme="dark"] .header,
body[data-theme="dark"] .staff-prototype-sidebar,
body[data-theme="dark"] .staff-prototype-sidebar .want-to-do,
body[data-theme="dark"] .feat-card,
body[data-theme="dark"] .category-next-actions,
body[data-theme="dark"] .prototype-workflow-drawer,
body[data-theme="dark"] .settings-preference-row,
body[data-theme="dark"] .growth-action-panel,
body[data-theme="dark"] .growth-training-row,
body[data-theme="dark"] .panel,
body[data-theme="dark"] .card,
body[data-theme="dark"] .action-form,
body[data-theme="dark"] .table-panel,
body[data-theme="dark"] .section-card {
  border-color:var(--border-subtle);
  background:rgba(28,41,40,.92);
  box-shadow:0 8px 24px rgba(0,0,0,.20);
}

body[data-theme="dark"] .brand-logo,
body[data-theme="dark"] .bell,
body[data-theme="dark"] .sidebar-theme-switch,
body[data-theme="dark"] .role-pill,
body[data-theme="dark"] .plat-switch span,
body[data-theme="dark"] .input,
body[data-theme="dark"] select,
body[data-theme="dark"] textarea,
body[data-theme="dark"] input {
  border-color:var(--border-subtle);
  color:var(--text-primary);
  background:rgba(28,41,40,.96);
}

body[data-theme="dark"] .prototype-sidebar-nav .nav-item:hover,
body[data-theme="dark"] .prototype-sidebar-nav .nav-item.active,
body[data-theme="dark"] .prototype-sidebar-nav .nav-item.is-active,
body[data-theme="dark"] .category-next-list span,
body[data-theme="dark"] .nav-ico,
body[data-theme="dark"] .nav-badge,
body[data-theme="dark"] .tag,
body[data-theme="dark"] .badge {
  background:rgba(168,227,221,.12);
}

body[data-theme="contrast"] .header,
body[data-theme="contrast"] .staff-prototype-sidebar,
body[data-theme="contrast"] .staff-prototype-sidebar .want-to-do,
body[data-theme="contrast"] .feat-card,
body[data-theme="contrast"] .category-next-actions,
body[data-theme="contrast"] .prototype-workflow-drawer,
body[data-theme="contrast"] .settings-preference-row,
body[data-theme="contrast"] .growth-action-panel,
body[data-theme="contrast"] .growth-training-row,
body[data-theme="contrast"] .panel,
body[data-theme="contrast"] .card,
body[data-theme="contrast"] .action-form,
body[data-theme="contrast"] .table-panel,
body[data-theme="contrast"] .section-card {
  border-color:var(--border-subtle);
  background:rgba(251,246,236,.94);
  box-shadow:0 4px 18px rgba(83,65,48,.08);
}

body[data-theme="contrast"] .brand-logo,
body[data-theme="contrast"] .bell,
body[data-theme="contrast"] .sidebar-theme-switch,
body[data-theme="contrast"] .role-pill,
body[data-theme="contrast"] .plat-switch span,
body[data-theme="contrast"] .input,
body[data-theme="contrast"] select,
body[data-theme="contrast"] textarea,
body[data-theme="contrast"] input {
  border-color:var(--border-subtle);
  color:var(--text-primary);
  background:var(--bg-surface);
}

.settings-preference-row span {
  color:var(--text-secondary);
  font-size:13px;
}

.settings-preference-row i {
  color:var(--brand-deep);
  font-style:normal;
  font-weight:700;
}

.prototype-workflow-drawer {
  border:1px solid rgba(129,216,208,.30);
  border-radius:8px;
  background:rgba(255,255,255,.82);
  box-shadow:0 2px 12px rgba(42,63,61,.06);
}

.prototype-workflow-drawer > summary {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  min-height:56px;
  padding:14px 16px;
  color:var(--text-primary);
  cursor:pointer;
  list-style:none;
}

.prototype-workflow-drawer > summary::-webkit-details-marker {
  display:none;
}

.prototype-workflow-drawer > summary span {
  font-family:var(--font-serif);
  font-size:18px;
  font-weight:700;
}

.prototype-workflow-drawer > summary small {
  color:var(--text-muted);
  font-size:12px;
  text-align:right;
}

.prototype-workflow-drawer > summary::after {
  content:"+";
  display:grid;
  place-items:center;
  flex:0 0 28px;
  width:28px;
  height:28px;
  border:1px solid var(--brand-soft);
  border-radius:999px;
  color:var(--brand-deep);
  background:var(--brand-subtle);
  font-weight:800;
}

.prototype-workflow-drawer[open] > summary {
  border-bottom:1px solid var(--border-subtle);
}

.prototype-workflow-drawer[open] > summary::after {
  content:"-";
}

.prototype-workflow-drawer > .prototype-workflow-drawer-body,
.prototype-workflow-drawer > .prototype-live-workflow {
  padding:14px;
}

.prototype-workflow-drawer:not([open]) > .prototype-workflow-drawer-body,
.prototype-workflow-drawer:not([open]) > .prototype-live-workflow,
.staff-action-drawer:not([open]) > .staff-action-drawer-stack,
.staff-action-drawer:not([open]) > .action-form,
.staff-expanded-workbench:not([open]) > .staff-expanded-workbench-grid {
  display:none !important;
}

.crumb {
  margin-bottom:10px;
  color:var(--text-muted);
  font-size:12px;
  font-weight:700;
}

.crumb a {
  color:var(--brand-deep);
  text-decoration:none;
}

.page-header-with-trp {
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:20px;
  margin-bottom:32px;
  flex-wrap:wrap;
}

.page-header-with-trp .ph-title {
  flex:1;
  min-width:0;
}

.page-header-with-trp .ph-trp {
  flex-shrink:0;
  padding-top:10px;
}

.page-sub {
  margin:0;
  color:var(--text-secondary);
  font-size:13px;
  line-height:1.6;
}

.time-range-picker.trp-inline,
.trp-mount {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:6px;
}

.trp-label {
  margin-right:6px;
  color:var(--text-muted);
  font-family:var(--font-mono);
  font-size:10px;
  font-weight:700;
  letter-spacing:.08em;
}

.trp-pill,
.trp-compare {
  border:1px solid var(--border-subtle);
  border-radius:999px;
  padding:6px 12px;
  color:var(--text-secondary);
  background:transparent;
  font:inherit;
  font-size:11px;
}

.trp-pill.active,
.trp-compare.on {
  border-color:var(--brand);
  color:#fff;
  background:var(--brand);
}

.trp-range-display {
  border-left:1px solid var(--border-subtle);
  margin-left:6px;
  padding-left:10px;
  color:var(--text-muted);
  font-family:var(--font-mono);
  font-size:10px;
}

.feat-card {
  display:block;
  width:100%;
  border:1px solid var(--border-subtle);
  border-radius:8px;
  padding:22px;
  color:var(--text-primary);
  background:var(--bg-surface);
  box-shadow:0 2px 12px rgba(42,63,61,.06);
  text-align:left;
  text-decoration:none;
  transition:all .22s var(--ease-smooth);
}

.feat-card:hover {
  border-color:var(--brand-soft);
  box-shadow:0 8px 24px rgba(42,63,61,.10);
  transform:translateY(-2px);
}

.feat-card.category-entry-card {
  position:relative;
  overflow:hidden;
  display:grid;
  grid-template-columns:minmax(0, 1fr) minmax(128px, auto);
  align-items:center;
  gap:18px;
  min-height:144px;
  padding:20px 24px;
  border-color:rgba(129,216,208,.24);
  background:
    linear-gradient(90deg, rgba(129,216,208,.34) 0 3px, transparent 3px),
    linear-gradient(135deg, rgba(255,255,255,.98), rgba(247,252,251,.92));
  box-shadow:0 2px 12px rgba(42,63,61,.06);
}

.category-entry-card-unified {
  isolation:isolate;
}

.feat-card.category-entry-card::before {
  content:"";
  position:absolute;
  inset:0;
  width:auto;
  height:auto;
  border-radius:inherit;
  background:linear-gradient(135deg, rgba(129,216,208,.10), transparent 46%);
  opacity:1;
  pointer-events:none;
  transition:none;
}

.feat-card.category-entry-card:hover::before {
  width:auto;
  height:auto;
}

.category-entry-card .category-entry-copy,
.category-entry-card .category-entry-foot {
  position:relative;
  z-index:1;
}

.category-entry-copy {
  display:grid;
  align-content:center;
  gap:8px;
  min-width:0;
}

.category-entry-title {
  color:var(--text-primary);
  font-family:var(--font-serif);
  font-size:20px;
  font-weight:700;
  line-height:1.25;
}

.category-entry-desc {
  max-width:42em;
  color:var(--text-secondary);
  font-size:13px;
  line-height:1.65;
}

.category-entry-foot {
  display:grid;
  justify-items:end;
  align-content:center;
  gap:14px;
  border-left:1px solid rgba(129,216,208,.18);
  padding-left:18px;
  text-align:right;
}

.category-entry-value {
  display:flex;
  flex-wrap:wrap;
  align-items:baseline;
  justify-content:flex-end;
  gap:6px;
  min-width:0;
  max-width:148px;
  color:var(--brand-deep);
  font-family:var(--font-mono);
  line-height:1.2;
  overflow-wrap:anywhere;
}

.category-entry-value strong {
  color:var(--brand-deep);
  font-family:var(--font-mono);
  font-size:26px;
  font-weight:800;
  letter-spacing:0;
}

.category-entry-value small {
  color:var(--text-secondary);
  font-family:var(--font-sans);
  font-size:12px;
  font-weight:700;
}

.category-entry-action {
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:32px;
  border:1px solid rgba(129,216,208,.34);
  border-radius:999px;
  padding:0 13px;
  color:var(--brand-deep);
  background:rgba(229,245,243,.92);
  font-size:12px;
  font-weight:800;
}

.category-entry-action::after {
  content:"→";
  margin-left:6px;
  font-size:14px;
}

.category-entry-card .category-entry-action {
  margin:0;
}

.deep-hero {
  display:flex;
  align-items:flex-start;
  gap:20px;
  border-bottom:1px solid var(--border-subtle);
  margin-bottom:28px;
  padding-bottom:24px;
}

.deep-hero .hero-sub {
  max-width:640px;
  margin:4px 0 0;
  color:var(--text-secondary);
  font-size:13px;
  line-height:1.65;
}

.hero-trp-row {
  display:flex;
  justify-content:flex-end;
  margin-bottom:10px;
}

.process-flow {
  position:relative;
  display:flex;
  align-items:center;
  gap:4px;
  flex-wrap:wrap;
  overflow:hidden;
  border:1px solid var(--border-subtle);
  border-radius:6px;
  margin-bottom:28px;
  padding:22px 28px;
  background:var(--bg-surface);
}

.process-flow::before {
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:2px;
  background:linear-gradient(90deg, var(--brand) 0%, var(--brand) 60%, var(--brand-soft) 60%, var(--border-subtle) 75%);
}

.process-step {
  display:flex;
  align-items:center;
  gap:10px;
  opacity:.45;
}

.process-step.active { opacity:.85; }
.process-step.current { opacity:1; }

.process-num {
  display:flex;
  align-items:center;
  justify-content:center;
  width:28px;
  height:28px;
  border:1.5px solid var(--border);
  border-radius:50%;
  color:var(--text-muted);
  background:var(--bg-subtle);
  font-size:13px;
  font-weight:700;
}

.process-step.active .process-num {
  border-color:var(--brand-soft);
  color:var(--brand-deep);
  background:var(--brand-subtle);
}

.process-step.current .process-num {
  border-color:var(--brand);
  color:var(--text-on-brand);
  background:var(--brand);
}

.process-label {
  color:var(--text-secondary);
  font-size:13px;
  font-weight:600;
}

.process-arrow {
  margin:0 6px;
  color:var(--border-strong);
}

.report-grid {
  display:grid;
  grid-template-columns:320px 1fr;
  gap:24px;
}

.report-side,
.report-main {
  display:grid;
  align-content:start;
  gap:20px;
}

.section-card {
  padding:24px 26px;
}

.report-client {
  display:flex;
  align-items:center;
  gap:12px;
  border-bottom:1px solid var(--border-subtle);
  margin-bottom:4px;
  padding-bottom:14px;
}

.client-avatar {
  display:flex;
  align-items:center;
  justify-content:center;
  width:40px;
  height:40px;
  border:1px solid var(--brand-soft);
  border-radius:50%;
  color:var(--brand-deep);
  background:var(--brand-subtle);
  font-weight:700;
}

.stat-row {
  display:flex;
  align-items:baseline;
  gap:12px;
  border-bottom:1px solid var(--border-subtle);
  padding:13px 0;
}

.stat-label {
  width:84px;
  color:var(--text-muted);
  font-size:13px;
}

.stat-value {
  color:var(--text-primary);
  font-family:var(--font-mono);
  font-size:19px;
  font-weight:700;
}

.stat-delta {
  margin-left:auto;
  color:var(--text-muted);
  font-size:12px;
}

.stat-delta.up { color:var(--success); }

.ai-trainer-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}

.ai-trainer-card {
  display:block;
  border:1px solid var(--border-subtle);
  border-left:3px solid var(--brand);
  border-radius:3px;
  padding:20px 22px;
  color:var(--text-primary);
  background:var(--bg-surface);
  text-decoration:none;
  transition:all .2s;
}

.ai-trainer-card:hover {
  border-left-color:var(--brand-deep);
  background:var(--bg-subtle);
  box-shadow:0 4px 14px rgba(129,216,208,.12);
}

.ait-head {
  display:flex;
  align-items:center;
  gap:12px;
  border-bottom:1px solid var(--border-subtle);
  margin-bottom:14px;
  padding-bottom:14px;
}

.ait-ico {
  display:flex;
  align-items:center;
  justify-content:center;
  width:40px;
  height:40px;
  border-radius:3px;
  color:var(--brand-deep);
  background:var(--brand-subtle);
  font-family:var(--font-serif);
  font-size:18px;
  font-weight:700;
}

.ait-info {
  display:grid;
  gap:2px;
  min-width:0;
}

.ait-name {
  color:var(--text-primary);
  font-family:var(--font-serif);
  font-size:16px;
  font-weight:700;
}

.ait-sub,
.ait-level {
  color:var(--text-muted);
  font-family:var(--font-mono);
  font-size:10px;
}

.dash-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:20px;
}

.prototype-live-workflow {
  align-items:start;
}

.compact-workflow-panel {
  display:grid;
  gap:16px;
}

.compact-summary-list {
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:10px;
}

.compact-summary-list div {
  display:grid;
  gap:4px;
  border:1px solid var(--border-subtle);
  border-radius:8px;
  padding:12px;
  background:linear-gradient(135deg, rgba(129,216,208,.12), rgba(255,255,255,.88));
}

.compact-summary-list strong {
  color:var(--text-primary);
  font-family:var(--font-mono);
  font-size:22px;
}

.compact-summary-list span {
  color:var(--text-muted);
  font-size:12px;
}

.knowledge-citation {
  display:grid;
  gap:8px;
  min-width:0;
  border:1px solid rgba(217,229,227,.88);
  border-left:3px solid var(--brand);
  border-radius:8px;
  padding:14px;
  background:
    linear-gradient(135deg, rgba(129,216,208,.10), rgba(255,255,255,.88)),
    #fff;
  box-shadow:0 2px 12px rgba(42,63,61,.05);
}

.knowledge-citation strong {
  color:var(--text-primary);
  font-size:15px;
  line-height:1.35;
}

.knowledge-citation p {
  margin:0;
  color:var(--text-secondary);
  line-height:1.65;
}

.knowledge-citation small {
  color:var(--text-muted);
  font-size:12px;
  line-height:1.5;
}

.knowledge-citation .btn-secondary {
  justify-self:start;
  margin-top:4px;
}

.dashboard-center-list,
.ai-report-list,
.staff-document-list,
.help-improve-list,
.staff-feedback-list,
.quality-rating-list,
.workbench-market-list,
.package-recommendation-list,
.customer-health-list,
.guanzhen-assessment-list,
.ai-app-center-list {
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:12px;
}

.workbench-market-list {
  grid-template-columns:repeat(4, minmax(0, 1fr));
}

.workbench-market-list .knowledge-citation {
  min-height:116px;
  align-content:start;
}

.workbench-market-list .knowledge-citation strong {
  font-size:16px;
}

.settings-dashboard-grid {
  display:grid;
  grid-template-columns:minmax(0, 1.45fr) minmax(280px, .75fr);
  gap:16px;
  align-items:start;
}

.settings-side-panel {
  display:grid;
  gap:16px;
}

.profile-fields.compact {
  grid-template-columns:repeat(3, minmax(0, 1fr));
}

.market-summary-grid .section-card {
  min-height:116px;
}

.metric {
  display:block;
  margin:8px 0;
  color:var(--text-primary);
  font-family:var(--font-serif);
  font-size:34px;
  font-weight:700;
  line-height:1;
}

.workbench-market-panel {
  display:grid;
  gap:16px;
}

.workbench-market-filter {
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;
}

.workbench-market-filter .btn-secondary {
  min-height:34px;
  padding:6px 12px;
  font-size:12px;
}

.workbench-market-filter .is-active {
  border-color:rgba(129,216,208,.72);
  color:var(--brand-deep);
  background:rgba(129,216,208,.16);
}

.workbench-market-actions {
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:12px;
  align-items:stretch;
}

.workbench-market-actions .action-form {
  margin-top:0;
  grid-template-columns:1fr;
}

.market-reset-card {
  display:grid;
  align-content:start;
  gap:10px;
  border:1px dashed rgba(129,216,208,.42);
  border-radius:8px;
  padding:14px;
  background:rgba(129,216,208,.08);
}

.market-card {
  position:relative;
  min-height:136px;
}

.market-card-head {
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
}

.market-card.is-added {
  border-left-color:var(--brand-deep);
  background:linear-gradient(135deg, rgba(129,216,208,.14), rgba(255,255,255,.92));
}

.market-card.is-mandatory::after {
  content:"";
  position:absolute;
  right:12px;
  bottom:12px;
  width:8px;
  height:8px;
  border-radius:999px;
  background:var(--brand);
}

.dashboard-center-list .knowledge-citation,
.ai-report-list .knowledge-citation,
.package-recommendation-list .knowledge-citation,
.guanzhen-assessment-list .knowledge-citation {
  border-left-color:var(--accent-warm);
}

.panel .capability-note {
  max-width:720px;
}

.staff-action-drawer > .staff-action-drawer-stack .panel.card {
  border-color:rgba(217,229,227,.72);
  box-shadow:none;
}

.staff-route-page {
  display:grid;
  gap:16px;
}

.staff-focused-workspace {
  grid-template-columns:repeat(2, minmax(0, 1fr));
  align-items:start;
  margin-top:0;
}

.staff-focused-workspace > .panel,
.staff-focused-workspace > .profile-card,
.staff-focused-workspace > .staff-route-cluster {
  min-width:0;
}


.staff-focused-workspace.prototype-workflow > .panel:first-child,
.staff-focused-workspace.prototype-workflow > .panel:first-child,
.staff-focused-workspace.prototype-workflow > .staff-route-cluster {
  grid-column:1 / -1;
}

.staff-route-cluster {
  display:grid;
  gap:14px;
  min-width:0;
}

.staff-page-summary-grid {
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:12px;
}

.staff-page-summary-grid section {
  display:grid;
  gap:8px;
  align-content:start;
  border:1px solid rgba(217,229,227,.88);
  border-left:3px solid var(--brand);
  border-radius:8px;
  padding:14px;
  background:#FFFFFF;
  box-shadow:0 2px 12px rgba(42,63,61,.05);
}

.staff-page-summary-grid strong {
  color:var(--text-primary);
}

.staff-page-summary-grid p {
  margin:0;
  color:var(--text-secondary);
  line-height:1.7;
}

.staff-communication-grid,
.staff-settings-grid {
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:14px;
}

.staff-communication-grid > .panel:first-child,
.staff-settings-grid > .profile-card {
  grid-column:1 / -1;
}

.staff-priority-board,
.staff-today-rhythm {
  min-height:220px;
  padding:18px;
}

.staff-priority-board {
  grid-column:1 / 2;
}

.staff-today-rhythm {
  grid-column:2 / 3;
}

.staff-priority-list,
.staff-rhythm-steps {
  display:grid;
  gap:10px;
}

.staff-priority-item,
.staff-rhythm-steps a {
  display:grid;
  gap:4px;
  border:1px solid var(--border-subtle);
  border-radius:8px;
  padding:12px;
  color:var(--text-primary);
  background:linear-gradient(135deg, rgba(255,255,255,.96), rgba(229,245,243,.58));
  text-decoration:none;
}

.staff-priority-item strong,
.staff-rhythm-steps b {
  overflow-wrap:anywhere;
}

.staff-today-rhythm {
  background:
    linear-gradient(135deg, rgba(129,216,208,.18), transparent 52%),
    var(--bg-surface);
}

.eyebrow {
  margin:0 0 8px;
  color:var(--brand-deep);
  font-size:12px;
  font-weight:700;
}

h1 {
  margin:0 0 10px;
  font-family:var(--font-serif);
  font-size:clamp(34px, 6vw, 56px);
  font-weight:600;
  line-height:1.1;
}

.workbench-grid {
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:14px;
}

.staff-core-workspace {
  margin-top:14px;
}

.staff-core-workspace .profile-card,
.staff-core-workspace .growth-companion-workbench,
.staff-core-workspace .staff-document-panel {
  grid-column:1 / -1;
}

.staff-expanded-workbench {
  margin-top:16px;
  border:1px solid rgba(129,216,208,.36);
  border-radius:8px;
  background:rgba(255,255,255,.78);
  box-shadow:var(--shadow-ring),var(--shadow-soft);
}

.staff-expanded-workbench > summary {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  min-height:58px;
  padding:16px 18px;
  color:var(--text-primary);
  cursor:pointer;
  list-style:none;
}

.staff-expanded-workbench > summary::-webkit-details-marker {
  display:none;
}

.staff-expanded-workbench > summary span {
  color:var(--brand-deep);
  font-family:var(--font-serif);
  font-size:22px;
  font-weight:600;
}

.staff-expanded-workbench > summary strong {
  color:var(--text-secondary);
  font-size:13px;
  font-weight:600;
  text-align:right;
}

.staff-expanded-workbench > summary::after {
  content:"+";
  display:grid;
  place-items:center;
  flex:0 0 30px;
  width:30px;
  height:30px;
  border:1px solid var(--border-subtle);
  border-radius:999px;
  color:var(--brand-deep);
  background:var(--brand-subtle);
  font-weight:800;
}

.staff-expanded-workbench[open] > summary {
  border-bottom:1px solid var(--border-subtle);
}

.staff-expanded-workbench[open] > summary::after {
  content:"-";
}

.staff-expanded-workbench-grid {
  padding:14px;
}

.staff-action-drawer {
  margin-top:12px;
  border:1px solid rgba(129,216,208,.4);
  border-radius:8px;
  background:linear-gradient(135deg, rgba(229,245,243,.76), rgba(255,255,255,.86));
}

.staff-action-drawer > summary {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  min-height:42px;
  padding:11px 13px;
  color:var(--brand-deep);
  font-weight:800;
  cursor:pointer;
  list-style:none;
}

.staff-action-drawer > summary::-webkit-details-marker {
  display:none;
}

.staff-action-drawer > summary::after {
  content:"处理";
  border:1px solid var(--brand-soft);
  border-radius:999px;
  padding:5px 9px;
  color:var(--brand-deep);
  background:rgba(255,255,255,.86);
  font-size:12px;
}

.staff-action-drawer[open] > summary {
  border-bottom:1px solid var(--border-subtle);
}

.staff-action-drawer[open] > summary::after {
  content:"收起";
}

.staff-action-drawer .action-form {
  margin:12px;
  background:rgba(255,255,255,.9);
}

.staff-action-drawer-stack {
  display:grid;
  gap:12px;
  padding:12px;
}

.staff-action-drawer-stack .action-form {
  margin:0;
}

.workbench-personalizer {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-bottom:14px;
  padding:14px 16px;
}

.workbench-personalizer {
  border-left:4px solid var(--brand);
}

.workbench-personalizer div {
  display:grid;
  gap:4px;
}

.workbench-personalizer span {
  color:var(--text-secondary);
  font-size:13px;
}

.panel {
  min-height:220px;
  padding:18px;
}

.profile-card {
  grid-column:1 / -1;
}

.staff-document-panel,
.help-improve-panel,
.staff-feedback-panel,
.quality-rating-panel,
.workbench-market-panel {
  position:relative;
  overflow:hidden;
}

.staff-document-panel::before,
.help-improve-panel::before,
.staff-feedback-panel::before,
.quality-rating-panel::before,
.workbench-market-panel::before {
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:4px;
  background:linear-gradient(90deg, var(--brand), var(--brand-soft));
}

.panel-title {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:14px;
}

.panel-title h2 {
  margin:0;
  font-size:18px;
}

.panel-title span {
  color:var(--text-muted);
  font-size:12px;
}

.profile-head {
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:16px;
  padding-bottom:14px;
  border-bottom:1px solid var(--border-subtle);
}

.profile-head strong {
  font-size:26px;
}

.profile-head span {
  color:var(--brand-deep);
  font-weight:700;
}

.profile-fields {
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:12px 18px;
  margin:16px 0 0;
}

.profile-fields dt {
  color:var(--text-muted);
  font-size:12px;
}

.profile-fields dd {
  margin:4px 0 0;
  overflow-wrap:anywhere;
  color:var(--text-primary);
  font-weight:700;
}

.panel-body {
  display:grid;
  gap:4px;
}

.row {
  display:flex;
  justify-content:space-between;
  gap:14px;
  padding:13px 0;
  border-top:1px solid var(--border-subtle);
}

.row:first-child {
  border-top:0;
}

.row strong,
.row span {
  display:block;
}

.row span,
.level span,
.level p,
.empty,
.capability-note,
.form-status {
  color:var(--text-secondary);
}

.meta {
  min-width:96px;
  text-align:right;
}

.meta b {
  display:block;
  color:var(--brand-deep);
}

.single {
  align-self:center;
}

.level {
  display:grid;
  gap:8px;
  border:1px solid var(--border-subtle);
  border-radius:8px;
  padding:14px;
  background:var(--brand-subtle);
}

.level strong {
  font-size:24px;
}

.action-list {
  display:grid;
  gap:10px;
}

.staff-todo-list {
  display:grid;
  gap:10px;
}

.todo-panel,
.worktask-panel,
.schedule-panel,
.daily-broadcast-panel,
.growth-companion-workbench {
  grid-column:1 / -1;
}

.todo-item {
  display:grid;
  grid-template-columns:minmax(0, 1fr) auto;
  align-items:center;
  gap:14px;
  border:1px solid var(--border-subtle);
  border-radius:8px;
  padding:14px;
  background:linear-gradient(135deg, rgba(255,255,255,.94), rgba(229,245,243,.64));
}

.todo-item strong,
.todo-item span,
.todo-item p {
  display:block;
}

.todo-item span,
.todo-item p {
  color:var(--text-secondary);
}

.todo-item p {
  margin:6px 0 0;
  overflow-wrap:anywhere;
  line-height:1.6;
}

.todo-item.is-done {
  background:rgba(247,249,249,.8);
}

.todo-state {
  display:grid;
  justify-items:end;
  gap:8px;
  min-width:82px;
}

.todo-state b,
.todo-done {
  color:var(--brand-deep);
  font-size:12px;
}

.todo-done {
  border:1px solid var(--border-subtle);
  border-radius:999px;
  padding:6px 10px;
  background:var(--brand-subtle);
}

.staff-worktask-list,
.schedule-shift-list,
.daily-broadcast-list {
  display:grid;
  gap:12px;
}

.worktask-item,
.schedule-item,
.daily-broadcast-item {
  display:grid;
  grid-template-columns:minmax(0, 1fr) auto;
  gap:16px;
  border:1px solid var(--border-subtle);
  border-radius:8px;
  padding:16px;
  background:
    linear-gradient(135deg, rgba(129,216,208,.12), transparent 42%),
  var(--bg-surface);
}

.daily-broadcast-item {
  grid-template-columns:1fr;
}

.daily-broadcast-head {
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
}

.daily-broadcast-head strong,
.daily-broadcast-head span,
.daily-broadcast-head b {
  display:block;
}

.daily-broadcast-head span {
  margin-top:4px;
  color:var(--text-secondary);
}

.daily-broadcast-head b {
  border-radius:999px;
  padding:6px 10px;
  color:var(--brand-deep);
  background:var(--brand-subtle);
  font-size:12px;
}

.daily-broadcast-content {
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:10px;
}

.daily-broadcast-content p {
  display:grid;
  gap:6px;
  margin:0;
  border:1px solid var(--border-subtle);
  border-radius:8px;
  padding:12px;
  color:var(--text-primary);
  background:rgba(255,255,255,.72);
  line-height:1.7;
}

.daily-broadcast-content span {
  color:var(--text-muted);
  font-size:12px;
  font-weight:700;
}

.capability-status-list,
.daily-broadcast-actions {
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.capability-status-list span {
  border-radius:999px;
  padding:6px 10px;
  color:var(--brand-deep);
  background:var(--brand-subtle);
  font-size:12px;
  font-weight:700;
}

.growth-companion-grid,
.growth-form-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}

.growth-map,
.growth-items,
.growth-records section,
.growth-mentor-card {
  border:1px solid var(--border-subtle);
  border-radius:8px;
  padding:16px;
  background:
    linear-gradient(135deg, rgba(129,216,208,.14), rgba(255,255,255,.74)),
    var(--bg-surface);
}

.growth-map strong {
  display:block;
  color:var(--brand-deep);
  font-size:42px;
  line-height:1;
}

.growth-map span,
.growth-map li,
.growth-items b,
.growth-records p,
.growth-mentor-card span,
.growth-mentor-card p,
.growth-mentor-card b {
  color:var(--text-secondary);
}

.growth-progress {
  height:9px;
  margin:14px 0;
  overflow:hidden;
  border-radius:999px;
  background:var(--bg-subtle);
}

.growth-progress i {
  display:block;
  height:100%;
  border-radius:999px;
  background:var(--brand);
  box-shadow:var(--shadow-brand);
}

.growth-map ul {
  display:grid;
  gap:8px;
  margin:0;
  padding-left:18px;
}

.growth-items {
  display:grid;
  gap:10px;
  align-content:start;
}

.growth-items div,
.growth-mentor-card {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}

.growth-items div {
  border-bottom:1px solid var(--border-subtle);
  padding-bottom:10px;
}

.growth-items div:last-child {
  border-bottom:0;
  padding-bottom:0;
}

.growth-records,
.growth-mentorship-list {
  display:grid;
  gap:12px;
  margin-top:14px;
}

.growth-records {
  grid-template-columns:1fr 1fr;
}

.growth-records strong,
.growth-mentorship-list > strong {
  color:var(--text-primary);
}

.growth-records p,
.growth-mentor-card p {
  margin:8px 0 0;
  line-height:1.7;
}

.growth-mentor-card b {
  max-width:260px;
  border-radius:999px;
  padding:6px 10px;
  background:var(--brand-subtle);
  font-size:12px;
  text-align:right;
}

.growth-form-grid {
  margin-top:14px;
}

.growth-form {
  margin-top:0;
}

.growth-detail-page {
  gap:18px;
}

.growth-workspace,
.growth-action-forms {
  display:grid;
  gap:16px;
}

.growth-summary-band {
  display:grid;
  grid-template-columns:minmax(0, 1fr) auto auto;
  align-items:center;
  gap:22px;
  border-left:3px solid var(--brand);
  padding:22px 24px;
}

.growth-summary-band h2 {
  margin:4px 0 6px;
  color:var(--text-primary);
  font-family:var(--font-serif);
  font-size:24px;
}

.growth-summary-band p {
  margin:0;
  color:var(--text-secondary);
  line-height:1.7;
}

.growth-summary-meter {
  display:grid;
  place-items:center;
  width:116px;
  height:116px;
  border:1px solid rgba(129,216,208,.30);
  border-radius:999px;
  background:radial-gradient(circle, rgba(129,216,208,.18), rgba(255,255,255,.90));
}

.growth-summary-meter strong {
  color:var(--brand-deep);
  font-family:var(--font-mono);
  font-size:30px;
  line-height:1;
}

.growth-summary-meter span,
.growth-summary-meta span,
.growth-action-panel p {
  color:var(--text-secondary);
  font-size:12px;
  line-height:1.55;
}

.growth-summary-meta {
  display:grid;
  gap:8px;
}

.growth-summary-meta span,
.growth-action-list span {
  border:1px solid var(--border-subtle);
  border-radius:999px;
  padding:8px 12px;
  color:var(--brand-deep);
  background:var(--brand-subtle);
  font-weight:700;
}

.growth-detail-layout {
  display:grid;
  grid-template-columns:1fr;
  gap:16px;
  align-items:start;
}

.growth-detail-main {
  display:grid;
  gap:16px;
  min-width:0;
}

.growth-action-panel {
  display:grid;
  gap:12px;
  border:1px solid var(--border-subtle);
  border-radius:8px;
  padding:18px;
  background:rgba(255,255,255,.88);
  box-shadow:0 2px 12px rgba(42,63,61,.06);
}

.growth-action-panel h2 {
  margin:0;
  color:var(--text-primary);
  font-size:16px;
}

.growth-action-list {
  display:grid;
  gap:8px;
}

.growth-training-grid {
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:10px;
}

.growth-training-row {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  border:1px solid var(--border-subtle);
  border-radius:8px;
  padding:12px 14px;
  background:rgba(255,255,255,.72);
}

.growth-training-row span {
  color:var(--text-secondary);
  font-size:12px;
}

.growth-action-forms .action-form {
  align-content:start;
}

.growth-form-grid-3 {
  grid-template-columns:repeat(3, minmax(0, 1fr));
}

.worktask-item.is-closed {
  background:rgba(247,249,249,.82);
}

.worktask-main,
.worktask-actions,
.schedule-main,
.schedule-actions {
  display:grid;
  gap:8px;
}

.worktask-heading {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
}

.worktask-heading strong {
  font-size:17px;
}

.worktask-main span,
.worktask-main p,
.schedule-main span,
.schedule-main p {
  margin:0;
  color:var(--text-secondary);
}

.worktask-main p,
.schedule-main p {
  overflow-wrap:anywhere;
  line-height:1.6;
}

.worktask-note {
  display:grid;
  gap:6px;
  color:var(--text-secondary);
  font-size:12px;
  font-weight:700;
}

.worktask-note textarea {
  min-height:76px;
  resize:vertical;
}

.worktask-actions,
.schedule-actions {
  justify-items:end;
  align-content:start;
  min-width:116px;
}

.worktask-actions b,
.schedule-actions b {
  color:var(--brand-deep);
  font-size:12px;
}

.priority {
  border-radius:999px;
  padding:5px 9px;
  color:var(--brand-deep);
  background:var(--brand-subtle);
  font-size:12px;
  font-weight:700;
}

.priority.high {
  color:#8f5a2a;
  background:#fff1dd;
}

.priority.low {
  color:var(--text-secondary);
  background:var(--bg-subtle);
}

.action {
  display:block;
  border:1px solid var(--border-subtle);
  border-radius:8px;
  padding:13px 14px;
  color:var(--brand-deep);
  background:var(--bg-surface);
  text-decoration:none;
}

.primary-action {
  width:max-content;
}

.action-form {
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:10px;
  margin-top:14px;
  border:1px solid var(--border-subtle);
  border-radius:8px;
  padding:14px;
  background:rgba(247,249,249,.78);
}

.action-form strong,
.action-form .wide,
.form-status {
  grid-column:1 / -1;
}

.action-form label {
  display:grid;
  gap:6px;
  color:var(--text-secondary);
  font-size:12px;
  font-weight:700;
}

.action-form textarea {
  min-height:78px;
  resize:vertical;
}

.form-status,
.capability-note {
  min-height:18px;
  margin:0;
  font-size:12px;
}

.form-status:not(:empty),
[role="status"]:not(:empty) {
  border:1px solid rgba(129,216,208,.28);
  border-radius:8px;
  padding:8px 10px;
  color:var(--brand-deep);
  background:rgba(129,216,208,.10);
}

.capability-note {
  margin-top:16px;
  border-left:3px solid var(--brand);
  padding:10px 12px;
  background:var(--brand-subtle);
  line-height:1.7;
}

.staff-command-status {
  position:fixed;
  right:24px;
  bottom:24px;
  z-index:80;
  max-width:min(360px, calc(100vw - 32px));
  border:1px solid rgba(129,216,208,.34);
  border-radius:8px;
  padding:12px 14px;
  color:var(--brand-deep);
  background:rgba(255,255,255,.94);
  box-shadow:0 8px 24px rgba(42,63,61,.10);
  font-size:13px;
}

.staff-action-conversation {
  display:grid;
  gap:12px;
  margin-top:12px;
  border:1px solid rgba(129,216,208,.32);
  border-radius:8px;
  padding:14px;
  background:rgba(255,255,255,.92);
  box-shadow:0 10px 28px rgba(42,63,61,.08);
}

.staff-action-conversation-head {
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
}

.staff-action-conversation-head strong {
  display:block;
  color:var(--text-primary);
  line-height:1.55;
}

.staff-action-conversation-block {
  display:grid;
  gap:8px;
  border:1px solid var(--border-subtle);
  border-radius:8px;
  padding:12px;
  background:rgba(247,249,249,.78);
}

.staff-action-conversation-block > strong,
.staff-action-rollback > strong {
  color:var(--brand-deep);
  font-size:13px;
}

.staff-action-conversation-block p,
.staff-action-rollback p {
  margin:0;
  color:var(--text-secondary);
  line-height:1.65;
  overflow-wrap:anywhere;
}

.staff-action-clarification-reply {
  display:grid;
  grid-template-columns:minmax(0, 1fr) auto;
  gap:8px;
  align-items:center;
}

.staff-action-clarification-reply input {
  width:100%;
  min-width:0;
  border:1px solid var(--border-subtle);
  border-radius:8px;
  padding:10px 12px;
  color:var(--text-primary);
  background:#fff;
}

.staff-action-evidence .row {
  align-items:center;
  gap:10px;
  padding:7px 0;
}

.staff-action-evidence .row b {
  max-width:58%;
  overflow-wrap:anywhere;
  color:var(--text-primary);
  text-align:right;
  font-family:var(--font-mono);
  font-size:12px;
}

.staff-action-failure {
  border-color:#f3c6c2;
  background:#fff7f6;
}

.staff-action-failure .row b {
  max-width:58%;
  overflow-wrap:anywhere;
  color:var(--text-primary);
  text-align:right;
  font-family:var(--font-mono);
  font-size:12px;
}

.staff-action-rollback {
  display:grid;
  gap:6px;
  border-left:3px solid var(--accent-warning);
  border-radius:8px;
  padding:10px 12px;
  background:#fffaf2;
}

.staff-action-rollback small {
  color:var(--text-muted);
  font-family:var(--font-mono);
  font-size:11px;
}

.staff-action-conversation-actions {
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  justify-content:flex-end;
}

@media (max-width: 880px) {
  .prototype-live-workflow-focused {
    grid-template-columns:1fr;
  }

  .prototype-secondary-workflows {
    grid-template-columns:1fr;
  }

  .staff-action-clarification-reply {
    grid-template-columns:1fr;
  }

  .header-inner {
    grid-template-columns:auto minmax(0, 1fr) auto;
    gap:10px;
    padding:0 12px;
  }

  .hamburger {
    display:block;
  }

  .header-mid,
  .plat-switch,
  .vsep,
  .role-preview-trigger,
  .role-pill small,
  .header-right .bell[aria-label="通知中心"] {
    display:none;
  }

  .layout {
    display:block;
    min-height:calc(100vh - 68px);
  }

  .staff-prototype-sidebar {
    position:fixed;
    top:68px;
    bottom:0;
    left:0;
    z-index:60;
    width:min(82vw, 292px);
    height:auto;
    transform:translateX(-105%);
    transition:transform var(--dur-base) var(--ease-smooth);
    box-shadow:0 18px 42px rgba(42,63,61,.14);
  }

  body.sidebar-open .staff-prototype-sidebar {
    transform:translateX(0);
  }

  .sidebar-backdrop {
    position:fixed;
    inset:68px 0 0;
    z-index:55;
    display:block;
    pointer-events:none;
    background:rgba(42,63,61,.22);
    opacity:0;
    transition:opacity var(--dur-base) var(--ease-smooth);
  }

  body.sidebar-open .sidebar-backdrop {
    pointer-events:auto;
    opacity:1;
  }

  .staff-prototype-main {
    width:100%;
    padding:16px 14px 36px;
  }

  .sidebar-theme-switch,
  .sidebar-onboarding-trigger {
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:12px;
    padding:10px 12px;
  }

  .sidebar-onboarding-trigger {
    border:1px dashed rgba(129,216,208,.34);
    border-radius:8px;
    background:rgba(129,216,208,.08);
  }

  .staff-app-shell {
    grid-template-columns:1fr;
    width:100%;
    gap:10px;
  }

  .staff-main {
    order:1;
  }

  .staff-sidebar {
    order:2;
    position:relative;
    top:auto;
    max-height:none;
    width:min(100vw - 32px, 1180px);
    margin:0 auto;
  }

  .staff-sidebar {
    display:block;
  }

  .staff-sidebar > :not(.staff-secondary-capabilities) {
    display:none;
  }

  .staff-secondary-capabilities {
    border:1px solid var(--border-subtle);
    border-radius:8px;
    padding:12px;
    background:#FFFFFF;
  }

  .staff-mobile-role-strip {
    display:none;
  }

  .staff-sidebar-nav {
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  .staff-topbar {
    position:sticky;
    top:0;
    width:100%;
    margin:0 0 12px;
    border-width:0 0 1px;
    border-radius:0;
    padding:10px 20px;
  }

  .staff-topbar-status {
    justify-content:flex-start;
  }

  .staff-overview-grid {
    grid-template-columns:1fr;
  }

  .topline {
    align-items:flex-start;
    flex-direction:column;
  }

  .quick-nav {
    justify-content:flex-start;
  }

  .workbench-grid,
  .profile-fields,
  .profile-fields.compact,
  .settings-dashboard-grid,
  .workbench-market-list,
  .workbench-market-actions,
  .staff-focused-workspace,

  .staff-expanded-workbench > summary {
    align-items:flex-start;
    flex-direction:column;
  }

  .staff-expanded-workbench > summary strong {
    text-align:left;
  }
}

@media (max-width: 640px) {
  .report-grid {
    grid-template-columns:1fr;
    gap:16px;
  }

  .report-side,
  .report-main {
    min-width:0;
    width:100%;
  }

  .report-main > .panel.card,
  .report-main > .card {
    width:100%;
    min-width:0;
  }

  .workbench-market-list,
  .workbench-market-actions,
  .market-summary-grid {
    grid-template-columns:1fr;
  }

  .workbench-market-actions .action-form,
  .market-reset-card,
  .workbench-market-list .knowledge-citation {
    min-width:0;
    width:100%;
  }

  .prototype-live-workflow-focused {
    gap:12px;
  }

  .prototype-workflow-drawer > summary {
    align-items:flex-start;
    flex-direction:column;
  }

  .prototype-workflow-drawer > summary small {
    text-align:left;
  }

  .shell {
    width:100%;
    padding-top:0;
  }

  .staff-app-shell {
    width:100%;
    gap:0;
  }

  .staff-sidebar,
  .staff-command-center,
  .staff-priority-board,
  .staff-today-rhythm,

  .staff-mobile-role-strip {
    gap:8px;
    padding:10px;
  }

  .staff-mobile-role-strip > div:first-child {
    gap:8px;
  }

  .staff-mobile-role-strip strong {
    font-size:15px;
  }

  .staff-mobile-role-strip small,
  .staff-mobile-role-strip p {
    font-size:11px;
    line-height:1.42;
  }

  .staff-sidebar {
    gap:10px;
  }

  .staff-topbar {
    min-height:68px;
    padding:9px 18px;
  }

  .staff-topbar h1 {
    margin:1px 0 0;
    font-size:18px;
    line-height:1.2;
  }

  .staff-topbar .eyebrow {
    margin:0;
    max-width:210px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }

  .staff-topbar-status {
    flex:0 0 auto;
    justify-content:flex-end;
    gap:0;
  }

  .staff-topbar-status span {
    padding:6px 9px;
    font-size:11px;
  }

  .staff-topbar-status span:nth-child(n+2) {
    display:none;
  }

  .staff-sidebar-brand {
    grid-template-columns:auto 1fr;
    align-items:end;
    gap:4px 12px;
    padding-bottom:10px;
  }

  .staff-sidebar-brand small {
    grid-column:1 / -1;
  }

  .staff-sidebar-profile {
    padding:10px;
  }

  .staff-sidebar-nav {
    grid-template-columns:1fr;
    gap:8px;
  }

  .staff-role-options {
    grid-template-columns:repeat(3, minmax(76px, 1fr));
  }

  .staff-primary-nav {
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  .staff-primary-nav h2 {
    grid-column:1 / -1;
  }

  .staff-nav-group {
    display:flex;
    overflow-x:auto;
    gap:7px;
    padding-bottom:2px;
  }

  .staff-nav-group h2 {
    flex:0 0 auto;
    align-self:center;
    min-width:max-content;
  }

  .staff-sidebar-nav a {
    flex:0 0 auto;
    min-height:32px;
    white-space:nowrap;
  }

  .feat-card.category-entry-card {
    grid-template-columns:1fr;
    min-height:150px;
    block-size:auto;
    padding:18px;
  }

  .category-entry-foot {
    justify-items:start;
    align-content:start;
    border-left:0;
    border-top:1px solid rgba(129,216,208,.18);
    padding:12px 0 0;
    text-align:left;
  }

  .category-entry-value {
    justify-content:flex-start;
    max-width:none;
  }

  .category-entry-value strong {
    font-size:24px;
  }

  .growth-summary-band,
  .growth-detail-layout,
  .growth-form-grid,
  .growth-form-grid-3,
  .growth-training-grid {
    grid-template-columns:1fr;
  }

  .growth-summary-meter {
    width:96px;
    height:96px;
  }

  .growth-action-panel {
    position:static;
  }

  .compact-summary-list {
    grid-template-columns:1fr;
  }

  .staff-command-center {
    min-height:auto;
    padding:12px;
  }

  .staff-command-center h2 {
    font-size:26px;
    line-height:1.08;
  }

  .staff-command-copy p {
    font-size:13px;
    line-height:1.55;
  }

  .staff-command-form {
    margin-top:12px;
    padding:8px;
  }

  .staff-command-actions {
    gap:6px;
    margin-top:10px;
  }

  .staff-command-actions a {
    padding:7px 9px;
    font-size:12px;
  }

  .staff-core-workspace {
    gap:12px;
    margin-top:12px;
  }

  .staff-core-workspace .panel,
  .staff-core-workspace .profile-card {
    padding:12px;
  }

  .staff-expanded-workbench {
    margin-top:12px;
  }

  .staff-expanded-workbench > summary {
    min-height:auto;
    padding:14px;
  }

  .staff-expanded-workbench-grid {
    padding:10px;
  }

  .staff-priority-board,
  .staff-today-rhythm {
    grid-column:1 / -1;
    min-height:auto;
    padding:12px;
  }

  .staff-command-form,
  .staff-kpi-grid {
    grid-template-columns:1fr;
  }

  .staff-kpi-grid {
    gap:8px;
  }

  .staff-kpi-card {
    min-height:96px;
    padding:12px;
  }

  .staff-kpi-card strong {
    font-size:24px;
  }

  .staff-priority-item,
  .staff-rhythm-steps a {
    padding:10px;
  }

  .hero,
  .panel {
    padding:16px;
  }

  .reauth-notice,
  .workbench-personalizer,
  .profile-head,
  .row {
    align-items:stretch;
    flex-direction:column;
  }

  .todo-item,
  .worktask-item,
  .schedule-item,
  .growth-companion-grid,
  .growth-form-grid,
  .growth-records,
  .growth-mentor-card {
    align-items:stretch;
    grid-template-columns:1fr;
  }

  .todo-state,
  .worktask-actions,
  .schedule-actions {
    justify-items:start;
  }

  .meta {
    min-width:0;
    text-align:left;
  }

  .action-form {
    grid-template-columns:1fr;
  }
}