:root{
  --bg:#f4f6f8;
  --surface:#fff;
  --surface-soft:#f8fafb;
  --line:#dfe5ea;
  --line-soft:#edf1f4;
  --text:#172630;
  --muted:#687986;
  --muted-light:#8b98a3;
  --sidebar:#142128;
  --sidebar-hover:#24333b;
  --sidebar-text:#c7d6df;
  --primary:#16815a;
  --primary-hover:#116b4a;
  --primary-soft:#eaf6f0;
  --blue:#286995;
  --blue-soft:#edf5fa;
  --warning:#9a6400;
  --warning-soft:#fff6df;
  --danger:#b42318;
  --danger-soft:#fff1f0;
  --shadow:0 1px 2px rgba(18,33,40,.05);
  --sidebar-width:232px;
}

*{box-sizing:border-box}
html{background:var(--bg)}
body{
  margin:0;
  background:var(--bg);
  color:var(--text);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",Arial,sans-serif;
  font-size:14px;
  line-height:1.5;
}
button,input,select,textarea{font:inherit}
.skip-link{
  position:fixed;
  left:16px;
  top:12px;
  z-index:100;
  transform:translateY(-160%);
  padding:9px 13px;
  border-radius:6px;
  color:#fff;
  background:#0b5f44;
  text-decoration:none;
  box-shadow:0 4px 16px rgba(0,0,0,.2);
}
.skip-link:focus{transform:translateY(0)}
.app{display:flex;min-height:100vh}

aside{
  width:var(--sidebar-width);
  background:var(--sidebar);
  color:var(--sidebar-text);
  padding:22px 16px 18px;
  position:fixed;
  inset:0 auto 0 0;
  display:flex;
  flex-direction:column;
  overflow-y:auto;
  z-index:20;
}
.brand{
  display:flex;
  gap:11px;
  align-items:center;
  min-height:42px;
  margin:0 7px 24px;
  font-size:18px;
  font-weight:700;
  color:#fff;
}
.brand b{
  display:grid;
  place-items:center;
  width:36px;
  height:36px;
  border-radius:7px;
  background:linear-gradient(145deg,#18a18e,#287bc9);
  color:#fff;
  font-size:18px;
  box-shadow:0 5px 14px rgba(19,143,151,.24);
}
aside nav{display:grid;gap:16px}
.nav-group{display:grid;gap:3px}
.nav-section-label{
  display:block;
  padding:0 12px 5px;
  color:#78909d;
  font-size:11px;
  font-weight:700;
  letter-spacing:.08em;
}
aside nav a{
  display:flex;
  align-items:center;
  min-height:42px;
  color:var(--sidebar-text);
  text-decoration:none;
  padding:10px 12px;
  border-radius:6px;
  font-size:15px;
  transition:background .15s ease,color .15s ease;
}
aside nav a.active,aside nav a:hover{background:var(--sidebar-hover);color:#fff}
aside nav a.active{box-shadow:inset 3px 0 0 #32b77d}
.nav-development-status{margin-left:auto;color:#8d99b7;font-size:10px;font-weight:700;white-space:nowrap}
aside nav a:hover .nav-development-status,aside nav a.active .nav-development-status{color:#b9c4e2}
.account-summary{
  margin-top:auto;
  padding:18px 10px 10px;
  border-top:1px solid #2b3a42;
  color:#fff;
}
.account-summary strong,.account-summary small{display:block}
.account-summary small{color:#94a9b5;margin-top:3px}
.logout-form{margin-top:8px}
.logout-form button{
  width:100%;
  background:transparent;
  color:#b8c9d2;
  border-color:#34464f;
}
.logout-form button:hover{background:#223139;color:#fff;border-color:#435762}

main{
  margin-left:var(--sidebar-width);
  width:calc(100% - var(--sidebar-width));
  padding:30px 34px 48px;
}
header{
  min-height:94px;
  padding:4px 2px 20px;
  border-bottom:1px solid var(--line);
  margin-bottom:22px;
}
h1{margin:0 0 5px;font-size:26px;line-height:1.3;letter-spacing:0}
h2{color:var(--text)}
header p{margin:0;color:var(--muted);font-size:14px}
p{color:var(--muted)}

section{
  background:var(--surface);
  border:1px solid var(--line);
  border-radius:6px;
  padding:18px;
  margin-bottom:16px;
  box-shadow:var(--shadow);
  overflow-x:auto;
}
section h2{margin:0 0 12px;font-size:17px;letter-spacing:0}
.panel{background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:18px}
.toast{
  background:#17252d;
  color:#fff;
  border-radius:6px;
  padding:14px 16px;
  margin-bottom:18px;
  min-height:0;
  border-left:4px solid #32b77d;
  box-shadow:var(--shadow);
}

.metrics{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  background:transparent;
  border:0;
  box-shadow:none;
  padding:0;
}
.metrics div{
  position:relative;
  background:var(--surface);
  border:1px solid var(--line);
  border-radius:6px;
  padding:18px 18px 16px;
  min-height:108px;
  overflow:hidden;
}
.metrics div::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:4px;
  background:var(--primary);
}
.metrics div:nth-child(2)::before{background:var(--blue)}
.metrics div:nth-child(3)::before{background:#8a5d9e}
.metrics div:nth-child(4)::before{background:#b27a24}
.metrics b,.metrics strong{display:block;font-size:30px;line-height:1.15;margin:2px 0 10px}
.metrics span{color:var(--muted);font-size:13px}

.quick-action-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
.quick-action-grid a{
  position:relative;
  display:grid;
  gap:7px;
  min-height:132px;
  padding:18px;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--surface-soft);
  color:var(--text);
  text-decoration:none;
  transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease;
}
.quick-action-grid a:hover{
  border-color:var(--primary);
  box-shadow:0 10px 24px rgba(26,76,58,.10);
  transform:translateY(-1px);
}
.quick-action-grid strong{font-size:16px}
.quick-action-grid span{color:var(--muted);font-size:13px;line-height:1.65}
.quick-action-grid b{margin-top:auto;color:var(--primary);font-size:13px;font-weight:700}

.split{display:grid;grid-template-columns:minmax(300px,.85fr) minmax(0,1.65fr);gap:16px;align-items:start}
.stack{display:grid;gap:11px}
.filters,.actions,.inline{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.filters{
  background:var(--surface-soft);
  border:1px solid var(--line-soft);
  border-radius:6px;
  padding:12px;
  margin-bottom:12px;
}
.toolbar{
  display:flex;
  gap:10px;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  color:var(--muted);
}
.toolbar b{color:var(--text)}

label{color:#475965;font-size:13px;font-weight:600}
.inline-check{display:flex;align-items:center;gap:8px}
.inline-check input{width:auto;min-height:0}
input,select,textarea,button,.button{
  border:1px solid #ccd6dd;
  border-radius:6px;
  padding:9px 11px;
  min-height:38px;
  font-size:14px;
  background:#fff;
  color:var(--text);
  outline:none;
  letter-spacing:0;
}
input,select,textarea{transition:border-color .15s ease,box-shadow .15s ease}
input:focus,select:focus,textarea:focus{
  border-color:#6ca98f;
  box-shadow:0 0 0 3px rgba(22,129,90,.11);
}
button:focus-visible,.button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{
  outline:3px solid rgba(40,105,149,.32);
  outline-offset:2px;
}
aside nav a:focus-visible{outline-color:#72d9ad;outline-offset:1px}
input::placeholder,textarea::placeholder{color:#98a5ae}
textarea{min-height:112px;width:100%;resize:vertical;line-height:1.6}
select[multiple]{min-height:110px}
button,.button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  text-decoration:none;
  white-space:nowrap;
  font-weight:500;
  transition:background .15s ease,border-color .15s ease,color .15s ease;
}
button:hover,.button:hover{background:#f1f5f7;border-color:#b9c6ce}
button:disabled,.button:disabled{cursor:not-allowed;opacity:.5}
.primary,button.primary,.button.primary{
  background:var(--primary);
  color:#fff;
  border-color:var(--primary);
}
.primary:hover,button.primary:hover,.button.primary:hover{
  background:var(--primary-hover);
  border-color:var(--primary-hover);
}
.danger{color:var(--danger);border-color:#e8b9b5;background:#fff}
.danger:hover{background:var(--danger-soft);border-color:#dc8f88}
.error-text{color:var(--danger);font-weight:600}

table{width:100%;border-collapse:collapse;margin-top:10px;min-width:720px}
th,td{
  border-bottom:1px solid var(--line-soft);
  text-align:left;
  padding:11px 12px;
  vertical-align:middle;
}
th{
  color:#596b77;
  background:#f7f9fa;
  font-size:12px;
  font-weight:600;
  white-space:nowrap;
}
tbody tr{transition:background .12s ease}
tbody tr:hover{background:#fafcfd}
tbody tr:last-child td{border-bottom:0}
td strong{font-weight:600}
small{display:block;color:#7b8994;margin-top:4px;line-height:1.4}
.empty{text-align:center;color:var(--muted-light);padding:30px}
.muted{color:var(--muted-light);font-size:12px;white-space:nowrap}
.hint{margin:0;color:#70818d;font-size:13px;line-height:1.6}
code{padding:2px 5px;border-radius:4px;background:#eef3f5;color:#31505f;font-family:Consolas,"SFMono-Regular",monospace;font-size:.92em}

.settings-section-nav{
  position:sticky;
  top:12px;
  z-index:12;
  display:flex;
  gap:8px;
  align-items:center;
  overflow-x:auto;
  margin:0 0 16px;
  padding:10px;
  border:1px solid var(--line);
  border-radius:8px;
  background:rgba(255,255,255,.96);
  box-shadow:0 5px 18px rgba(18,33,40,.08);
  backdrop-filter:blur(8px);
}
.settings-section-nav a{
  display:inline-flex;
  gap:7px;
  align-items:center;
  flex:0 0 auto;
  min-height:36px;
  padding:7px 10px;
  border-radius:6px;
  color:#35515f;
  text-decoration:none;
  font-weight:600;
}
.settings-section-nav a:hover{background:#f0f6f3;color:#126e4d}
.config-status{padding:2px 6px;border-radius:999px;font-size:10px;font-weight:700}
.config-status.is-ready{color:#0d7246;background:#e4f4ec}
.config-status.is-pending{color:#8b5a00;background:#fff2d4}
.page-settings section[id]{scroll-margin-top:84px}

.tag-badge{
  display:inline-block;
  border:1px solid currentColor;
  border-radius:999px;
  padding:3px 8px;
  margin:2px;
  font-size:12px;
  font-style:normal;
}
.tag-library{display:flex;gap:7px;flex-wrap:wrap;align-items:flex-start}
.tag-card{display:flex;gap:5px;align-items:center;flex-wrap:wrap;border:1px solid var(--line-soft);border-radius:6px;padding:5px;background:#fbfcfd}
.tag-edit-form{display:flex;gap:5px;align-items:center;flex-wrap:wrap}
.tag-edit-form .tag-name-input{width:160px;min-height:32px;padding:6px 9px}
.tag-edit-form input[type=color]{width:34px;height:32px;padding:3px}
.tag-edit-form button,.tag-card button{min-height:32px;padding:6px 8px}
.tag-updated td{background:#effaf5}
.tag-tools{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:10px}
.assigned-tags{display:flex;gap:5px;flex-wrap:wrap;align-items:center}
.assigned-tag{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px;background:#fff}
.assigned-tag span{border-right:1px solid currentColor;padding:4px 8px}
.assigned-tag .tag-remove{border:0;border-radius:0 999px 999px 0;min-height:28px;padding:4px 8px;color:var(--danger);background:#fff}
.assigned-tag .tag-remove:hover{background:var(--danger-soft)}
.tag-add-form{display:flex;gap:7px;align-items:center}
.tag-add-form select{min-width:200px;max-width:300px}
.system-category-library{padding-top:2px}
.system-category-badge{border-radius:4px}
.county-stat-list{display:flex;flex-wrap:wrap;gap:8px}
.county-stat-list a{
  display:flex;
  align-items:center;
  gap:10px;
  min-height:36px;
  padding:6px 10px;
  color:#365667;
  background:#f7fafb;
  border:1px solid var(--line);
  border-radius:5px;
  text-decoration:none;
}
.county-stat-list a:hover{border-color:#6ca993;background:#f0f8f4}
.county-stat-list strong{color:#16815a}
.classification-table td{vertical-align:top}
.classification-table .assigned-tags{margin-bottom:7px}
.classification-table .tag-add-form select{min-width:145px;max-width:220px}
.county-region-form{display:flex;gap:7px;min-width:210px}
.county-region-form input{min-width:120px}

.broadcast-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(330px,.6fr);gap:16px;align-items:start}
.pager{display:flex;gap:8px;justify-content:flex-end;margin-top:12px}
.pager-jump{display:flex;gap:6px;align-items:center;margin:0}.pager-jump label{display:flex;gap:6px;align-items:center;white-space:nowrap}.pager-jump select{min-width:96px}
.panel{position:sticky;top:18px}
.panel h2{font-size:17px}
.wide-input{min-width:320px}
.tag-filter{min-width:210px;min-height:42px}
.multi-check-filter{position:relative;min-width:210px;border:1px solid var(--line);border-radius:10px;background:var(--surface-soft)}
.multi-check-filter summary{min-height:42px;padding:10px 14px;cursor:pointer;color:var(--text);list-style:none}
.multi-check-filter summary::-webkit-details-marker{display:none}
.multi-check-filter[open]{grid-column:span 2}
.multi-check-filter>div{position:static;min-width:0;max-height:240px;overflow:auto;margin:0 8px 8px;padding:8px;border:1px solid var(--line);border-radius:10px;background:var(--surface);box-shadow:none}
.multi-check-filter>div label{display:flex;align-items:center;gap:9px;min-height:36px;padding:6px 8px;border-radius:8px;white-space:nowrap}
.multi-check-filter>div label:hover{background:var(--surface-soft)}
.multi-check-filter input[type="checkbox"]{width:18px;height:18px;margin:0}
.group-table strong{display:block;line-height:1.4;word-break:break-all}
.group-table small{font-size:12px;word-break:break-all}
.operation-link-summary{display:grid;gap:3px;margin-bottom:8px}
.operation-link-summary:last-child{margin-bottom:0}
.operation-link-summary strong,.operation-link-summary small{display:block;word-break:break-all}
.operation-link-summary small{font-size:12px;color:#6b7f89;line-height:1.45}
.operation-link-summary .store-metrics-online-amount{color:#be123c;font-weight:800}
.group-check:disabled{cursor:not-allowed;opacity:.45}
.check-col{width:42px}
.sent-badge,.super-badge{
  display:inline-block;
  border-radius:999px;
  padding:4px 8px;
  font-size:12px;
  white-space:nowrap;
}
.sent-badge{background:var(--warning-soft);color:var(--warning);border:1px solid #efd391}
.warning-badge{display:inline-flex;align-items:center;margin:2px 6px 2px 0;padding:4px 8px;border-radius:999px;background:var(--warning-soft);color:var(--warning);border:1px solid #efd391;font-size:12px;font-weight:700}
.naming-warning-card{border-color:#efd391;background:linear-gradient(180deg,#fffdf8 0%,#fff 90%)}
.super-badge{background:var(--primary-soft);color:#0d7246;border:1px solid #a9d8c3}
.confirm-line{display:flex;gap:8px;align-items:center;color:var(--text)}
.confirm-line input{min-height:auto}

.detail-panel h2{margin:0}
.detail-grid{display:grid;grid-template-columns:140px minmax(0,1fr);gap:0;margin:16px 0}
.detail-grid dt,.detail-grid dd{margin:0;padding:11px 12px;border-bottom:1px solid var(--line-soft)}
.detail-grid dt{color:var(--muted);background:#f8fafb}
.pre-wrap{white-space:normal;word-break:break-word;line-height:1.7}
.profile-link{display:block;color:var(--blue);text-decoration:none;margin-bottom:7px}
.profile-link:hover{text-decoration:underline}
.timeline{display:grid;gap:8px}
.timeline>div{border-left:3px solid var(--primary);padding:8px 11px;background:#f7faf9}
.timeline strong,.timeline span{display:block}
.timeline span{color:var(--muted-light);font-size:12px;margin-top:3px}
.timeline p{margin:6px 0 0}
.status-success{color:#0d7246;font-weight:600}
.status-failed{color:var(--danger);font-weight:600}

.permission-create{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.permission-grid{display:grid;grid-template-columns:repeat(3,minmax(120px,1fr));gap:7px}
.permission-grid label{
  display:flex;
  align-items:center;
  gap:7px;
  padding:8px;
  border:1px solid var(--line);
  border-radius:5px;
  background:#fafcfd;
  font-weight:500;
}
.permission-grid input{margin:0;min-height:auto}
.role-list{display:grid}
.role-row{
  display:grid;
  grid-template-columns:160px minmax(170px,.7fr) minmax(390px,2fr) auto;
  gap:12px;
  align-items:start;
  padding:15px 0;
  border-bottom:1px solid var(--line-soft);
}
.role-row:last-child{border-bottom:0}
.role-heading strong,.role-heading span{display:block}
.role-heading span{color:var(--muted);font-size:12px;margin-top:4px}
.role-row .permission-grid{grid-template-columns:repeat(3,minmax(105px,1fr))}
.account-edit{display:grid;grid-template-columns:minmax(115px,1fr) minmax(145px,1.2fr) minmax(135px,1fr) 85px 85px auto;gap:6px}
.account-password{display:flex;gap:6px;min-width:220px}
.account-password input{min-width:140px}

.auth-page{min-height:100vh;display:grid;place-items:center;background:#eef2f4}
.auth-card{
  width:min(420px,calc(100vw - 32px));
  margin:0;
  padding:30px;
  background:#fff;
  border:1px solid #d8e1e7;
  border-radius:8px;
  box-shadow:0 18px 46px rgba(23,38,48,.12);
}
.auth-card h1{font-size:24px}
.auth-card .toast{min-height:0}
.auth-brand{margin:0 0 20px;color:var(--text)}

@media(max-width:1180px){
  .broadcast-grid{grid-template-columns:1fr}
  .panel{position:static}
  .permission-create{grid-template-columns:1fr}
  .role-row{grid-template-columns:1fr}
  .account-edit{grid-template-columns:1fr}
  .account-password{min-width:0;flex-direction:column}
}

@media(max-width:900px){
  .app{display:block}
  aside{
    position:static;
    width:100%;
    height:auto;
    padding:14px;
    overflow:visible;
  }
  .brand{margin:0 4px 12px}
  aside nav{display:flex;gap:12px;overflow-x:auto;padding-bottom:4px}
  .nav-group{display:flex;gap:5px;align-items:center;flex:0 0 auto}
  .nav-section-label{padding:0 3px;color:#8fa4af;white-space:nowrap}
  aside nav a{flex:0 0 auto;min-height:38px;padding:8px 11px}
  aside nav a.active{box-shadow:inset 0 -3px 0 #32b77d}
  .account-summary{
    display:flex;
    justify-content:space-between;
    gap:12px;
    align-items:center;
    margin-top:10px;
    padding:10px 4px 0;
    border-top:1px solid #2b3a42;
  }
  .logout-form{display:block;margin-top:8px}
  .logout-form button{min-height:36px}
  main{margin-left:0;width:100%;padding:22px 18px 38px}
  header{min-height:76px}
  .metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
  .quick-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .split{grid-template-columns:1fr}
  .wide-input{min-width:0;width:100%}
  .tag-add-form{align-items:stretch;flex-direction:column}
  .tag-add-form select{min-width:0;max-width:none;width:100%}
  .county-region-form{min-width:0;flex-direction:column}
  .permission-grid,.role-row .permission-grid{grid-template-columns:repeat(2,minmax(120px,1fr))}
}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}
}

@media(max-width:600px){
  main{padding:18px 12px 32px}
  header{padding-bottom:16px;margin-bottom:16px}
  h1{font-size:22px}
  section{padding:14px;margin-bottom:12px}
  .metrics{grid-template-columns:1fr 1fr;gap:8px}
  .metrics div{min-height:92px;padding:14px}
  .metrics b,.metrics strong{font-size:25px}
  .quick-action-grid{grid-template-columns:1fr}
  .filters{align-items:stretch}
  .filters input,.filters select,.filters button,.filters .button{width:100%}
  .toolbar{align-items:flex-start}
  .actions{align-items:stretch}
  .detail-grid{grid-template-columns:1fr}
  .detail-grid dt{border-bottom:0;padding-bottom:3px}
  .detail-grid dd{padding-top:3px}
  .permission-grid,.role-row .permission-grid{grid-template-columns:1fr}
  .settings-section-nav{top:6px;margin-inline:-4px}
  table.responsive-table{
    min-width:0;
    border-collapse:separate;
    border-spacing:0 10px;
  }
  table.responsive-table thead{display:none}
  table.responsive-table tbody,
  table.responsive-table tr,
  table.responsive-table td{display:block;width:100%}
  table.responsive-table tr{
    padding:10px 12px;
    border:1px solid var(--line);
    border-radius:8px;
    background:#fff;
    box-shadow:var(--shadow);
  }
  table.responsive-table td{
    min-height:0;
    padding:8px 0;
    border:0;
  }
  table.responsive-table td::before{
    content:attr(data-label);
    display:block;
    margin-bottom:4px;
    color:var(--muted-light);
    font-size:12px;
    font-weight:600;
  }
}

/* Region data screen */
.page-map_dashboard main{background:#edf2f5}
.map-screen{display:grid;gap:16px}
.map-screen section{margin:0}
.map-kpis{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1px;
  padding:0;
  overflow:hidden;
  background:#d6e0e5;
  border-color:#d6e0e5;
}
.map-kpis>div{
  position:relative;
  min-width:0;
  min-height:116px;
  padding:18px 20px;
  background:#fff;
}
.map-kpis>div::before{
  position:absolute;
  top:0;
  left:20px;
  width:34px;
  height:3px;
  content:"";
  background:#169b8b;
}
.map-kpis>div:nth-child(2)::before{background:#2788d8}
.map-kpis>div:nth-child(3)::before{background:#6e62c9}
.map-kpis>div:nth-child(4)::before{background:#e46c81}
.map-kpis>div.is-warning::before{background:#e79b32}
.map-kpis span{
  display:block;
  margin:7px 0 8px;
  color:#687b87;
  font-size:13px;
}
.map-kpis strong{
  display:block;
  overflow:hidden;
  color:#102331;
  font-size:29px;
  line-height:1.1;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.map-kpis small{
  display:block;
  margin-top:8px;
  color:#8a9aa4;
  font-size:12px;
}
.map-stage{
  display:grid;
  grid-template-columns:minmax(0,1fr) 310px;
  min-height:650px;
  padding:0;
  overflow:hidden;
  color:#eaf6f5;
  background:#0d2030;
  border-color:#17394c;
  box-shadow:0 18px 46px rgba(19,45,61,.2);
}
.map-canvas-panel{
  position:relative;
  min-width:0;
  padding:24px 26px 18px;
  overflow:hidden;
  background:#0d2030;
}
.map-canvas-panel::after{
  position:absolute;
  right:26px;
  bottom:20px;
  width:52px;
  height:3px;
  content:"";
  background:#47d7c2;
  opacity:.7;
}
.map-panel-heading,.map-detail-heading{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
}
.map-panel-heading{position:relative;z-index:2}
.map-panel-heading h2,.region-ranking h2{
  margin:2px 0 0;
  color:#f7fbfc;
  font-size:20px;
}
.map-eyebrow{
  display:block;
  margin:0 0 4px;
  color:#68b9b1;
  font-size:11px;
  font-weight:700;
  letter-spacing:0;
}
.map-legend{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:12px;
  color:#a8bdc7;
  font-size:12px;
}
.map-legend span{
  display:inline-flex;
  align-items:center;
  gap:6px;
  white-space:nowrap;
}
.map-legend i{
  width:8px;
  height:8px;
  border-radius:50%;
  background:#47d7c2;
  box-shadow:0 0 0 4px rgba(71,215,194,.12);
}
.customer-map{width:100%;height:570px;min-height:480px}
.map-loading{
  position:absolute;
  inset:72px 0 0;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#91a9b4;
  font-size:14px;
  background:#0d2030;
}
.region-ranking{
  position:static;
  display:flex;
  flex-direction:column;
  width:auto;
  min-width:0;
  padding:24px 20px 20px;
  overflow:hidden;
  background:#102837;
  border-left:1px solid #214354;
}
.region-ranking>p{margin:6px 0 18px;color:#83a0ad;font-size:12px}
.ranking-list{
  display:grid;
  gap:4px;
  overflow:auto;
  scrollbar-color:#315567 transparent;
}
.ranking-list a{
  display:grid;
  grid-template-columns:28px minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  min-height:45px;
  padding:8px 10px;
  color:#dce9ed;
  text-decoration:none;
  border:1px solid transparent;
}
.ranking-list a:hover,.ranking-list a.active{
  background:#163746;
  border-color:#2d5a69;
}
.ranking-list b{
  color:#6f929f;
  font-size:12px;
  font-variant-numeric:tabular-nums;
}
.ranking-list span{min-width:0}
.ranking-list strong{
  display:block;
  overflow:hidden;
  font-size:14px;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.ranking-list small{
  display:block;
  margin-top:2px;
  color:#7896a2;
  font-size:11px;
}
.ranking-list em{
  color:#64e1cf;
  font-size:16px;
  font-style:normal;
  font-weight:800;
}
.ranking-summary{
  display:grid;
  gap:3px;
  margin-top:16px;
  padding-top:14px;
  color:#8da7b1;
  font-size:12px;
  border-top:1px solid #214354;
}
.ranking-summary strong{color:#fff;font-size:16px}
.ranking-summary small{color:#7896a2}
.map-empty{padding:48px 14px;color:#7896a2;text-align:center}
.map-detail-panel{padding:20px;overflow:hidden}
.map-detail-heading{margin-bottom:16px}
.map-detail-heading h2{margin:0;color:#172c39;font-size:20px}
.map-detail-heading p{margin:5px 0 0;color:#72838d;font-size:13px}
.map-detail-panel .map-eyebrow{color:#168f82}
.map-region-actions{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:8px;
}
.map-filters{
  display:grid;
  grid-template-columns:minmax(240px,1fr) auto auto;
  align-items:end;
  gap:10px;
  margin-bottom:16px;
}
.map-filters input{width:100%}
.map-customer-table{min-width:930px}
.region-cell{display:block;color:#18313e;font-weight:700}
.map-detail-panel td small{
  display:block;
  margin-top:3px;
  color:#8b9aa2;
}

@media(max-width:1260px){
  .map-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}
  .map-stage{grid-template-columns:minmax(0,1fr) 280px}
}
@media(max-width:1040px){
  .map-stage{grid-template-columns:1fr}
  .region-ranking{
    border-top:1px solid #214354;
    border-left:0;
  }
  .ranking-list{
    grid-template-columns:repeat(2,minmax(0,1fr));
    max-height:300px;
  }
  .customer-map{height:500px}
}
@media(max-width:760px){
  .map-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .map-kpis>div:last-child:nth-child(odd){grid-column:1/-1}
  .map-kpis>div{min-height:104px;padding:15px}
  .map-kpis>div::before{left:15px}
  .map-kpis strong{font-size:24px}
  .map-canvas-panel{padding:18px 14px 12px}
  .map-panel-heading,.map-detail-heading{display:block}
  .map-legend{justify-content:flex-start;margin-top:10px}
  .customer-map{height:410px;min-height:360px}
  .region-ranking{padding:18px 14px}
  .ranking-list{grid-template-columns:1fr}
  .map-detail-panel{padding:15px}
  .map-region-actions{justify-content:flex-start;margin-top:12px}
  .map-filters{grid-template-columns:1fr}
}

/* Business management */
.section-kicker{
  display:block;
  margin-bottom:4px;
  color:#16815a;
  font-size:11px;
  font-weight:800;
}
.text-link{color:var(--primary);text-decoration:none;font-weight:600}
.owner-hero,.customer-hero{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  overflow:hidden;
}
.owner-hero{
  color:#eaf4f3;
  background:#16323d;
  border-color:#244b58;
  box-shadow:0 16px 38px rgba(20,43,53,.16);
}
.owner-hero h2{margin:0 0 5px;color:#fff;font-size:23px}
.owner-hero p{margin:0;color:#9fb8c2}
.owner-hero .section-kicker{color:#59d3b3}
.owner-hero .button:not(.primary){color:#e4f0f2;background:#1d414d;border-color:#3a616b}
.business-kpis{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  padding:0;
  overflow:visible;
  background:transparent;
  border:0;
  box-shadow:none;
}
.business-kpis.three-col{grid-template-columns:repeat(3,minmax(0,1fr))}
.business-kpis.two-col{grid-template-columns:repeat(2,minmax(0,1fr))}
.business-kpis.six-col{grid-template-columns:repeat(3,minmax(0,1fr))}
.business-kpis>div,.business-kpis>a{
  position:relative;
  min-width:0;
  min-height:124px;
  padding:18px;
  overflow:hidden;
  background:#fff;
  border:1px solid var(--line);
  border-radius:6px;
  box-shadow:var(--shadow);
}
.business-kpis>a{color:inherit;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}
.business-kpis>a:hover{transform:translateY(-2px);border-color:#7aaec0;box-shadow:0 12px 25px rgba(34,72,88,.14)}
.business-kpis>a:focus-visible{outline:3px solid #2f8f72;outline-offset:2px}
.business-kpis>div::after,.business-kpis>a::after{
  position:absolute;
  right:-18px;
  bottom:-28px;
  width:74px;
  height:74px;
  content:"";
  border:15px solid #e9f4ef;
  border-radius:50%;
}
.business-kpis>div:nth-child(2)::after,.business-kpis>a:nth-child(2)::after{border-color:#e8f1f7}
.business-kpis>div:nth-child(3)::after,.business-kpis>a:nth-child(3)::after{border-color:#f3edf5}
.business-kpis>div:nth-child(4)::after,.business-kpis>a:nth-child(4)::after{border-color:#faf1df}
.business-kpis span,.business-kpis small{position:relative;z-index:1;display:block}
.business-kpis span{color:#60737f;font-size:13px}
.business-kpis strong{
  position:relative;
  z-index:1;
  display:block;
  margin:8px 0;
  overflow:hidden;
  color:#122936;
  font-size:29px;
  line-height:1.1;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.business-filter-panel{padding:14px}
.business-filters{
  display:grid;
  grid-template-columns:140px 150px 150px minmax(150px,1fr) minmax(150px,1fr) auto;
  align-items:end;
  gap:10px;
}
.business-filters label,.order-entry-grid>label,.script-editor label{
  display:grid;
  gap:6px;
}
.business-simple-filter,.production-stat-filter{
  align-items:end;
  gap:10px;
  margin-top:14px;
}
.business-simple-filter{display:flex;flex-wrap:wrap}
.business-simple-filter .sales-owner-field{flex:0 1 360px;max-width:360px}
.business-simple-filter .compact-date-field{flex:0 0 142px;max-width:142px}
.business-simple-filter button,.business-simple-filter .button{flex:0 0 auto;min-width:140px}
.production-stat-filter{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr))}
.business-simple-filter label,.production-stat-filter label{display:grid;gap:6px}
.business-simple-filter .compact-date-field input{width:142px;min-width:0;padding-right:8px}
.sales-stat-filter{
  display:flex!important;
  flex-wrap:wrap;
  align-items:end;
  justify-content:flex-start;
}
.sales-stat-filter .sales-owner-field{flex:0 0 320px!important;width:320px!important;max-width:320px!important}
.sales-stat-filter .compact-date-field{flex:0 0 150px!important;width:150px!important;max-width:150px!important}
.sales-stat-filter .compact-date-field input{width:150px!important;min-width:0!important;padding-right:8px}
.sales-stat-filter button,.sales-stat-filter .button{flex:0 0 120px!important;width:120px!important;min-width:120px!important;padding-left:12px;padding-right:12px}
.production-stat-panel{margin-top:26px;border-top:3px solid #397da8}
.analytics-grid,.owner-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}
.analytics-grid section,.owner-grid section{min-width:0}
.bar-list{display:grid;gap:13px}
.bar-row{
  display:grid;
  grid-template-columns:minmax(120px,1fr) minmax(120px,2fr) 58px;
  align-items:center;
  gap:12px;
}
.bar-row strong,.bar-row small{display:block}
.bar-track{height:7px;overflow:hidden;background:#edf2f4;border-radius:999px}
.bar-track i{display:block;height:100%;background:#258a68;border-radius:999px}
.service-bars .bar-track i{background:#397da8}
.bar-row>b{text-align:right;font-size:13px}
.ranking-table strong{display:flex;align-items:center;gap:9px}
.ranking-table strong i,.compact-ranking i{
  display:grid;
  place-items:center;
  width:26px;
  height:26px;
  flex:0 0 26px;
  color:#28785d;
  background:#e8f4ef;
  border-radius:50%;
  font-size:11px;
  font-style:normal;
}
.catalog-create-form{
  display:grid;
  grid-template-columns:160px minmax(220px,1fr) auto;
  gap:9px;
  max-width:720px;
  margin-bottom:15px;
}
.catalog-library{display:flex;flex-wrap:wrap;gap:8px}
.catalog-chip{
  display:flex;
  align-items:center;
  gap:8px;
  min-height:42px;
  padding:5px 6px 5px 10px;
  background:#f8fafb;
  border:1px solid var(--line);
  border-radius:6px;
}
.catalog-chip span{display:flex;align-items:center;gap:7px}
.catalog-chip b{
  color:#17684d;
  background:#e8f4ef;
  border-radius:4px;
  padding:2px 5px;
  font-size:11px;
}
.catalog-chip.value_added b{color:#285f84;background:#e9f2f8}
.catalog-chip.disabled{opacity:.55}
.catalog-chip button{min-height:30px;padding:5px 7px}
.owner-product-panel{background:#f9fbfc}
.product-stat-grid,.service-stat-list,.compact-ranking{display:grid;gap:6px}
.product-stat-grid>div,.service-stat-list>div,.compact-ranking>div{
  display:flex;
  align-items:center;
  gap:11px;
  min-height:55px;
  padding:9px 10px;
  background:#fff;
  border-bottom:1px solid var(--line-soft);
}
.product-stat-grid>div>i{
  color:#91a1aa;
  font-size:11px;
  font-style:normal;
}
.product-stat-grid span,.service-stat-list span,.compact-ranking span{min-width:0;flex:1}
.product-stat-grid strong,.service-stat-list strong,.compact-ranking strong{display:block}
.product-stat-grid b,.service-stat-list b,.compact-ranking b{white-space:nowrap}
.service-stat-list>div{border-left:3px solid #397da8}
.compact-ranking>div{padding-inline:4px}
.compact-ranking.production i{color:#7b5922;background:#fbf2df}
.progress-status-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
}
.progress-status-grid>div{
  min-height:78px;
  padding:13px;
  background:#f7fafb;
  border:1px solid var(--line-soft);
  border-left:3px solid #7f96a4;
  border-radius:6px;
}
.progress-status-grid>div.is-delivered{border-left-color:#16815a;background:#f0f8f4}
.progress-status-grid span,.progress-status-grid strong{display:block}
.progress-status-grid span{color:#6c7d88;font-size:12px}
.progress-status-grid strong{margin-top:8px;font-size:24px}
.analytics-progress{margin-top:6px}
.rule-list{display:grid;gap:10px}
.rule-list p{
  margin:0;
  padding:11px 13px;
  color:#526570;
  background:#f7fafb;
  border-left:3px solid #397da8;
  border-radius:4px;
}
.rule-list b{color:#223743}
.staff-assign-form{
  display:grid;
  grid-template-columns:minmax(112px,1fr) minmax(112px,1fr) minmax(145px,1.15fr) auto;
  gap:6px;
  min-width:520px;
}
.staff-assign-form label{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:5px}
.staff-assign-form label span{font-size:11px;color:var(--muted)}
.staff-assign-form select{min-width:0}
.customer-hero{padding:20px 22px}
.customer-hero h2{margin:0 0 4px;font-size:22px}
.customer-hero p{margin:0}
.order-form-panel{border-top:3px solid #16815a}
.order-entry-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
.order-products{
  grid-column:span 3;
  padding:15px;
  background:#f8fafb;
  border:1px solid var(--line-soft);
  border-radius:6px;
}
.order-products h3{margin:0 0 10px;font-size:14px}
.order-line{display:grid;grid-template-columns:minmax(220px,1fr);gap:9px}
.service-picker{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:8px}
.service-picker label{
  display:flex;
  align-items:center;
  gap:8px;
  padding:8px;
  background:#fff;
  border:1px solid var(--line);
  border-radius:6px;
}
.service-picker label span{min-width:0}
.order-remark{grid-column:span 3}
.order-submit{grid-column:1/-1}
.notice-inline{
  margin-bottom:14px;
  padding:11px 13px;
  color:#7a5200;
  background:#fff6df;
  border:1px solid #efd99e;
  border-radius:6px;
}
.notice-inline[hidden]{display:none!important}
.order-item-tags{display:flex;flex-wrap:wrap;gap:5px}
.order-item-tags span{
  padding:3px 7px;
  color:#17684d;
  background:#e8f4ef;
  border-radius:4px;
  font-size:12px;
}
.order-item-tags span.service{color:#285f84;background:#e9f2f8}
.status-pill{
  display:inline-block;
  padding:4px 8px;
  color:#725000;
  background:#fff3d7;
  border-radius:999px;
  font-size:12px;
  white-space:nowrap;
}
.status-delivered{color:#17684d;background:#e5f4ed}
.status-in_progress{color:#285f84;background:#e7f1f7}
.status-refunded{color:#8b3030;background:#f8dddd}
.status-cancelled{color:#8b3030;background:#faeaea}
.production-status{
  display:inline-block;
  padding:4px 8px;
  color:#526570;
  background:#eef2f4;
  border-radius:999px;
  font-size:12px;
  white-space:nowrap;
}
.production-status.status-filing{color:#66549b;background:#eeeafb}
.production-status.status-authentication{color:#276a8e;background:#e6f2f8}
.production-status.status-delivered{color:#17684d;background:#e5f4ed}
.script-toolbar{padding:12px}
.script-search{display:grid;grid-template-columns:minmax(240px,1fr) 160px auto;gap:8px}
.script-layout{
  display:grid;
  grid-template-columns:minmax(280px,380px) minmax(0,1fr);
  align-items:start;
  gap:16px;
}
.script-layout.viewer-only{grid-template-columns:1fr}
.script-editor{position:sticky;top:18px}
.script-content-input{min-height:260px}
.script-card-list{display:grid;gap:10px}
.script-card{
  overflow:hidden;
  background:#fff;
  border:1px solid var(--line);
  border-radius:6px;
}
.script-card-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  padding:15px 16px 11px;
  background:#f9fbfc;
  border-bottom:1px solid var(--line-soft);
}
.script-card h3{margin:8px 0 0;font-size:16px}
.role-badge,.scene-badge{
  display:inline-block;
  margin-right:5px;
  padding:2px 6px;
  color:#17684d;
  background:#e8f4ef;
  border-radius:4px;
  font-size:11px;
}
.scene-badge{color:#285f84;background:#e9f2f8}
.script-body{padding:16px;line-height:1.8;white-space:normal}
.script-card footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:10px 16px;
  color:#82919a;
  background:#fbfcfd;
  border-top:1px solid var(--line-soft);
  font-size:12px;
}
.script-card footer button{min-height:30px;padding:5px 8px}

@media(max-width:1250px){
  .business-filters{grid-template-columns:repeat(3,minmax(150px,1fr))}
  .service-picker{grid-template-columns:repeat(2,minmax(180px,1fr))}
}
@media(max-width:980px){
  .business-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .business-kpis.three-col{grid-template-columns:repeat(3,minmax(0,1fr))}
  .business-kpis.six-col{grid-template-columns:repeat(2,minmax(0,1fr))}
  .production-stat-filter{grid-template-columns:repeat(2,minmax(0,1fr))}
  .analytics-grid,.owner-grid{grid-template-columns:1fr}
  .script-layout{grid-template-columns:1fr}
  .script-editor{position:static}
  .order-entry-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .order-products{grid-column:span 2}
  .order-remark{grid-column:span 2}
}
@media(max-width:700px){
  body{font-size:13px}
  .app>aside{
    position:sticky;
    top:0;
    z-index:50;
    padding-top:max(12px,env(safe-area-inset-top));
    box-shadow:0 5px 18px rgba(14,30,38,.16);
  }
  aside nav{scrollbar-width:none}
  aside nav::-webkit-scrollbar{display:none}
  aside nav a{font-size:13px}
  .owner-hero,.customer-hero{display:block;padding:17px}
  .owner-hero .actions,.customer-hero .actions{
    display:grid;
    grid-template-columns:1fr;
    margin-top:14px;
  }
  .owner-hero .actions .button,.customer-hero .actions .button{width:100%;min-width:0;white-space:normal}
  .business-kpis{gap:8px}
  .business-kpis>div,.business-kpis>a{min-height:105px;padding:14px}
  .business-kpis strong{font-size:22px}
  .business-filters{grid-template-columns:1fr 1fr}
  .business-filters button{grid-column:1/-1}
  .business-simple-filter{display:grid;grid-template-columns:1fr}
  .business-simple-filter .sales-owner-field,.business-simple-filter .compact-date-field{max-width:none;width:100%}
  .business-simple-filter .compact-date-field input{width:100%}
  .sales-stat-filter .sales-owner-field,.sales-stat-filter .compact-date-field,.sales-stat-filter .compact-date-field input,.sales-stat-filter button,.sales-stat-filter .button{width:100%!important;max-width:none!important;flex:0 0 auto!important}
  .production-stat-filter{grid-template-columns:1fr}
  .bar-row{grid-template-columns:minmax(100px,1fr) 60px}
  .bar-track{grid-column:1/-1;grid-row:2}
  .bar-row>b{grid-column:2;grid-row:1}
  .catalog-create-form{grid-template-columns:1fr}
  .catalog-chip{width:100%;justify-content:space-between}
  .staff-assign-form{grid-template-columns:1fr;min-width:0}
  .staff-assign-form label{grid-template-columns:45px 1fr}
  .order-entry-grid{grid-template-columns:1fr}
  .order-products,.order-remark{grid-column:1}
  .order-line{grid-template-columns:1fr}
  .service-picker{grid-template-columns:1fr}
  .progress-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .script-search{grid-template-columns:1fr}
  .script-card-head{display:block}
  .script-card-head .actions{margin-top:12px}
  .script-card footer{align-items:flex-start}
  .responsive-table{
    display:block;
    min-width:0;
    margin-top:8px;
  }
  .responsive-table thead{display:none}
  .responsive-table tbody,.responsive-table tr,.responsive-table td{display:block;width:100%}
  .responsive-table tr{
    margin-bottom:10px;
    padding:12px;
    background:#fff;
    border:1px solid var(--line);
    border-radius:6px;
    box-shadow:var(--shadow);
  }
  .responsive-table td{
    display:grid;
    grid-template-columns:86px minmax(0,1fr);
    gap:10px;
    padding:8px 0;
    border-bottom:1px solid var(--line-soft);
  }
  .responsive-table td:last-child{border-bottom:0}
  .responsive-table td::before{
    content:attr(data-label);
    color:#7b8a94;
    font-size:12px;
    font-weight:600;
  }
  .responsive-table td.empty{display:block}
  .responsive-table .actions{align-items:stretch}
  .responsive-table .actions .button,.responsive-table .actions button{flex:1}
  .group-staff-table td[data-label="销售与制作"]{display:block}
  .group-staff-table td[data-label="销售与制作"]::before{display:block;margin-bottom:8px}
}
@media(max-width:430px){
  main{padding-left:10px;padding-right:10px}
  .business-kpis{grid-template-columns:1fr 1fr}
  .business-kpis.three-col{grid-template-columns:1fr}
  .business-kpis.six-col{grid-template-columns:1fr}
  .business-kpis>div,.business-kpis>a{min-height:100px;padding:12px}
  .business-kpis strong{font-size:20px}
  .business-filters{grid-template-columns:1fr}
  .business-filters button{grid-column:auto}
  .owner-hero .actions,.customer-hero .actions{grid-template-columns:1fr}
  .responsive-table td{grid-template-columns:76px minmax(0,1fr)}
}

/* Standalone national customer command screen */
.standalone-page{
  min-width:320px;
  min-height:100vh;
  margin:0;
  background:#06131c;
}
.map-command-page{
  color:#dcecf1;
  background:#06131c;
}
.map-command{
  width:100%;
  min-height:100vh;
  margin-left:0;
  padding:18px;
  background-color:#06131c;
}
.command-header{
  position:relative;
  display:grid;
  grid-template-columns:minmax(220px,1fr) minmax(340px,1.5fr) minmax(320px,1fr);
  align-items:center;
  min-height:82px;
  margin:0;
  padding:12px 18px;
  background:#0a1c27;
  border:1px solid #184356;
  box-shadow:0 0 32px rgba(25,211,190,.08);
}
.command-header::before,.command-header::after{
  position:absolute;
  bottom:-1px;
  width:120px;
  height:2px;
  content:"";
  background:#29d8c3;
}
.command-header::before{left:18px}
.command-header::after{right:18px}
.command-brand,.command-meta,.command-actions,.live-indicator{
  display:flex;
  align-items:center;
}
.command-brand{gap:12px}
.command-brand>b{
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  color:#03181b;
  background:#43e1cd;
  border:1px solid #85fff0;
  border-radius:4px;
  box-shadow:0 0 22px rgba(67,225,205,.28);
  font-size:15px;
  letter-spacing:0;
}
.command-brand span,.command-brand strong,.command-brand small{display:block}
.command-brand strong{color:#f0ffff;font-size:16px}
.command-brand small{margin-top:3px;color:#56818e;font-size:9px}
.command-title{text-align:center}
.command-title>span{
  display:block;
  color:#5f93a0;
  font-size:11px;
  font-weight:700;
}
.command-title h1{
  margin:4px 0 0;
  color:#f1ffff;
  font-size:25px;
  font-weight:700;
  letter-spacing:0;
}
.command-meta{
  justify-content:flex-end;
  gap:13px;
}
.live-indicator{
  gap:7px;
  color:#70d8ca;
  font-size:11px;
  white-space:nowrap;
}
.live-indicator i{
  width:7px;
  height:7px;
  background:#42e1cd;
  border-radius:50%;
  box-shadow:0 0 10px #42e1cd;
}
.command-meta time{
  color:#a7c3cc;
  font-family:Consolas,Monaco,monospace;
  font-size:12px;
  white-space:nowrap;
}
.command-actions{gap:7px}
.screen-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:32px;
  padding:6px 10px;
  color:#071a1f;
  background:#42d9c4;
  border:1px solid #42d9c4;
  border-radius:4px;
  font-size:12px;
  font-weight:700;
  text-decoration:none;
}
.screen-button:hover{color:#071a1f;background:#65ebd8;border-color:#65ebd8}
.screen-button.muted{color:#a9c2ca;background:#102b38;border-color:#295065}
.screen-button.muted:hover{color:#e8ffff;background:#173847}
.command-kpis{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin:10px 0;
  padding:0;
  background:transparent;
  border:0;
  box-shadow:none;
}
.command-kpis>div{
  position:relative;
  min-width:0;
  min-height:76px;
  padding:11px 18px;
  overflow:hidden;
  background:#0a1c27;
  border:1px solid #174052;
  border-radius:4px;
}
.command-kpis>div::before{
  position:absolute;
  top:0;
  left:0;
  width:4px;
  height:100%;
  content:"";
  background:#32d8c3;
}
.command-kpis>div:nth-child(2)::before{background:#4aa9f0}
.command-kpis>div.is-warning::before{background:#ef7683}
.command-kpis span,.command-kpis strong,.command-kpis small{display:block}
.command-kpis span{color:#88aab5;font-size:12px}
.command-kpis strong{
  margin:5px 0 3px;
  color:#f0ffff;
  font-family:Consolas,Monaco,monospace;
  font-size:27px;
  line-height:1;
}
.command-kpis strong em{margin-left:3px;color:#49ddc9;font-size:14px;font-style:normal}
.command-kpis small{color:#3e6877;font-size:9px;font-weight:700}
.command-stage{
  position:relative;
  display:block;
  height:clamp(500px,calc(100vh - 230px),820px);
  min-height:500px;
  margin:0 0 12px;
  padding:0;
  overflow:hidden;
  background:#081923;
  border:1px solid #194657;
  border-radius:4px;
  box-shadow:0 14px 44px rgba(0,0,0,.3);
}
.command-map-panel{
  position:relative;
  height:100%;
  min-width:0;
  min-height:0;
  padding:20px 24px;
  overflow:hidden;
  background:#071923;
}
.command-map-panel::before,.command-map-panel::after{
  position:absolute;
  content:"";
  pointer-events:none;
}
.command-map-panel::before{
  top:74px;
  right:24px;
  bottom:26px;
  left:24px;
  border:1px solid rgba(44,108,126,.2);
}
.command-map-panel::after{
  top:74px;
  right:24px;
  width:54px;
  height:2px;
  background:#37d9c4;
  box-shadow:0 0 14px rgba(55,217,196,.55);
}
.panel-corners::before,.panel-corners::after{
  position:absolute;
  z-index:2;
  top:72px;
  width:16px;
  height:16px;
  content:"";
  border-top:2px solid #51e3d0;
}
.panel-corners::before{left:22px;border-left:2px solid #51e3d0}
.panel-corners::after{right:22px;border-right:2px solid #51e3d0}
.command-panel-heading{
  position:relative;
  z-index:3;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
}
.command-panel-heading span{
  display:block;
  color:#3e7787;
  font-size:9px;
  font-weight:800;
}
.command-panel-heading h2{
  margin:4px 0 0;
  color:#eaffff;
  font-size:18px;
}
.map-signal-legend{
  display:flex;
  align-items:center;
  gap:8px;
  color:#70949f;
  font-size:11px;
}
.map-signal-legend i{
  width:8px;
  height:8px;
  background:#42ddc9;
  border-radius:50%;
  box-shadow:0 0 0 4px rgba(66,221,201,.11),0 0 15px rgba(66,221,201,.5);
}
.command-map{
  position:relative;
  z-index:1;
  width:100%;
  height:calc(100% - 42px);
  min-height:0;
}
.command-map-loading{
  position:absolute;
  z-index:2;
  inset:76px 24px 26px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#527b87;
  background:#071923;
}
.map-scale-note{
  position:absolute;
  z-index:3;
  right:34px;
  bottom:34px;
  color:#3e6b77;
  font-size:10px;
}
.command-ranking{
  position:absolute;
  top:82px;
  right:22px;
  bottom:24px;
  left:auto;
  z-index:4;
  display:flex;
  width:286px;
  min-width:0;
  flex-direction:column;
  padding:20px 18px;
  overflow:hidden;
  color:#dcecf1;
  background:rgba(8,29,40,.92);
  border:1px solid #245568;
  box-shadow:0 18px 50px rgba(0,0,0,.34),0 0 30px rgba(36,213,192,.08);
  backdrop-filter:blur(10px);
}
.command-ranking .command-panel-heading>b{
  color:#42ddc9;
  font-family:Consolas,Monaco,monospace;
  font-size:12px;
}
.command-ranking-list{
  display:grid;
  gap:4px;
  margin-top:16px;
  overflow:auto;
  scrollbar-color:#245365 transparent;
}
.command-ranking-list>a{
  display:grid;
  grid-template-columns:30px minmax(0,1fr) 38px;
  align-items:center;
  gap:9px;
  min-height:49px;
  padding:7px 9px;
  color:#c7dde3;
  border:1px solid transparent;
  border-radius:3px;
  text-decoration:none;
}
.command-ranking-list>a:hover,.command-ranking-list>a.active{
  color:#efffff;
  background:#0e2b38;
  border-color:#245468;
}
.command-ranking-list>a>b{
  color:#507784;
  font-family:Consolas,Monaco,monospace;
  font-size:11px;
}
.command-ranking-list span{min-width:0}
.command-ranking-list strong{
  display:block;
  overflow:hidden;
  font-size:13px;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.command-ranking-list span>i{
  display:block;
  width:100%;
  height:3px;
  margin:5px 0 4px;
  overflow:hidden;
  background:#163541;
}
.command-ranking-list span>i>em{display:block;height:100%;background:#34d7c2}
.command-ranking-list small{display:block;color:#4f7885;font-size:9px}
.command-ranking-list mark{
  color:#5ce9d6;
  background:transparent;
  font-family:Consolas,Monaco,monospace;
  font-size:17px;
  font-weight:700;
  text-align:right;
}
.command-ranking-summary{
  display:grid;
  gap:3px;
  margin-top:auto;
  padding:15px 13px;
  background:#091a24;
  border:1px solid #173c4d;
}
.command-ranking-summary span{color:#5b8390;font-size:10px}
.command-ranking-summary strong{color:#f0ffff;font-size:19px}
.command-ranking-summary small{color:#42cdbb;font-size:11px}
.command-empty{padding:40px 12px;color:#517783;text-align:center}
.command-detail{
  margin:0;
  padding:18px;
  overflow:hidden;
  color:#cde1e6;
  background:#091b26;
  border:1px solid #194657;
  border-radius:4px;
}
.command-detail-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
}
.command-detail-head span{
  display:block;
  color:#3e7787;
  font-size:9px;
  font-weight:800;
}
.command-detail-head h2{margin:4px 0 0;color:#efffff;font-size:18px}
.command-detail-head p{margin:5px 0 0;color:#557c88;font-size:11px}
.command-region-tabs{display:flex;gap:7px;flex-wrap:wrap}
.command-region-tabs a,.command-pager a,.command-pager span,.command-search a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:32px;
  padding:6px 11px;
  color:#89aeb8;
  background:#0d2733;
  border:1px solid #254d5e;
  border-radius:3px;
  font-size:11px;
  text-decoration:none;
}
.command-region-tabs a.active,.command-region-tabs a:hover,.command-pager a:hover,.command-search a:hover{
  color:#03191c;
  background:#42d9c4;
  border-color:#42d9c4;
}
.command-search{
  display:grid;
  grid-template-columns:minmax(260px,1fr) auto auto;
  gap:8px;
  margin:15px 0;
}
.command-search input,.command-search button{
  min-height:38px;
  color:#d9eef2;
  background:#071923;
  border:1px solid #21495a;
  border-radius:3px;
}
.command-search input:focus{border-color:#35d7c2;box-shadow:0 0 0 3px rgba(53,215,194,.09)}
.command-search button{color:#06171b;background:#42d9c4;border-color:#42d9c4;font-weight:700}
.command-search button:hover{background:#64ead8;border-color:#64ead8}
.command-table-wrap{overflow:auto;border:1px solid #173c4d}
.command-table{
  min-width:880px;
  margin:0;
  color:#bcd3d9;
}
.command-table th{
  padding:10px 12px;
  color:#5c8a97;
  background:#071923;
  border-color:#173c4d;
  font-size:10px;
}
.command-table td{
  padding:11px 12px;
  border-color:#133441;
  font-size:12px;
}
.command-table tbody tr:hover{background:#0c2733}
.command-table td strong{display:block;color:#e2f5f8}
.command-table td small{display:block;margin-top:3px;color:#4e7885;font-size:10px}
.command-region{
  display:inline-block;
  padding:3px 7px;
  color:#54e1ce;
  background:#0d302f;
  border:1px solid #1f5c56;
  border-radius:3px;
}
.command-pager{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:7px;
  margin-top:13px;
}
.command-pager span{color:#547c88;background:transparent}

@media(max-width:1180px){
  .command-header{grid-template-columns:220px minmax(0,1fr)}
  .command-title{grid-column:2;grid-row:1;text-align:center}
  .command-meta{grid-column:1/-1;grid-row:2;justify-content:flex-end;margin-top:8px}
  .command-ranking{width:250px}
}
@media(max-width:920px){
  .map-command{padding:10px}
  .command-header{grid-template-columns:1fr;gap:12px}
  .command-title{position:static;grid-column:auto;grid-row:auto;text-align:left}
  .command-brand{grid-row:1}
  .command-title{grid-row:2}
  .command-meta{grid-column:auto;grid-row:3;justify-content:flex-start;flex-wrap:wrap}
  .command-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .command-stage{height:auto;min-height:0;overflow:visible}
  .command-map-panel{height:clamp(470px,68vh,620px);min-height:470px}
  .command-map{height:calc(100% - 42px);min-height:0}
  .command-ranking{
    position:static;
    width:auto;
    margin-top:1px;
    border:1px solid #194657;
    box-shadow:none;
    backdrop-filter:none;
  }
  .command-ranking-list{grid-template-columns:repeat(2,minmax(0,1fr));max-height:360px}
  .command-ranking-summary{margin-top:16px}
}
@media(max-width:640px){
  .map-command{padding:7px}
  .command-header{padding:12px}
  .command-brand small{display:none}
  .command-title h1{font-size:21px}
  .command-meta time{width:100%}
  .command-kpis{gap:6px}
  .command-kpis{grid-template-columns:1fr}
  .command-kpis>div{min-height:70px;padding:10px 13px}
  .command-kpis strong{font-size:24px}
  .command-stage{min-height:0}
  .command-map-panel{height:clamp(390px,58vh,500px);min-height:390px;padding:15px 12px}
  .command-map-panel::before{top:65px;right:12px;bottom:18px;left:12px}
  .command-map-panel::after{top:65px;right:12px}
  .panel-corners::before,.panel-corners::after{top:63px}
  .panel-corners::before{left:10px}
  .panel-corners::after{right:10px}
  .map-signal-legend{display:none}
  .command-map{height:calc(100% - 42px);min-height:0}
  .command-map-loading{inset:68px 12px 18px}
  .map-scale-note{display:none}
  .command-ranking{padding:15px 12px}
  .command-ranking-list{grid-template-columns:1fr}
  .command-detail{padding:14px 10px}
  .command-detail-head{display:block}
  .command-region-tabs{margin-top:12px}
  .command-search{grid-template-columns:1fr}
  .command-pager{justify-content:center}
}

.sortable-tag-library{align-items:stretch}
.sortable-tag-library .tag-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px}
.tag-order-controls{display:flex;gap:4px;align-items:center;flex-wrap:wrap}
.tag-order-controls form{margin:0}
.tag-order-controls button{width:30px;min-width:30px;padding:5px;font-weight:800}
.tag-order-controls .tag-position-form{display:flex;gap:4px;align-items:center}
.tag-order-controls .tag-position-form input{width:58px;min-height:32px;padding:5px 7px;text-align:center}
.tag-order-controls .tag-position-form button{width:auto;min-width:42px;padding-inline:8px}
.page-tags:not(.tag-move-enabled) .tag-order-controls{display:none}
.tag-move-switch{display:grid;justify-items:end;gap:5px}
.tag-move-switch small{margin:0;color:var(--muted-light);font-size:11px}
.tag-badge-prominent{padding:7px 12px!important;font-size:15px!important;font-weight:800!important}
.region-filter{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin-bottom:14px}
.region-filter .button,.region-filter button{min-height:40px}
.region-edit-form{display:grid;grid-template-columns:repeat(3,minmax(90px,1fr)) auto;gap:6px;min-width:420px}
.refund-badge,.normal-badge{display:inline-flex;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:800}
.refund-badge{color:#9b2735;background:#fde8eb;border:1px solid #efb9c0}
.normal-badge{color:#116b50;background:#e5f7f0;border:1px solid #a9ddca}
.refunded-row{background:#fff8f8}
.project-progress-table td{vertical-align:top}
.progress-period-field{display:grid}
.row-delivery-date{min-width:140px}
.project-progress-table .refund-badge{margin-top:6px}
.classification-table .group-refund-badge{margin-top:7px}
.sync-toolbar{gap:18px;align-items:center}
.sync-manual-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.sync-manual-actions form{margin:0}
.match-task-metrics{grid-template-columns:repeat(5,minmax(0,1fr))}
.match-task-metrics div:nth-child(5)::before{background:#b64268}
.match-task-metrics small{display:block;color:var(--muted);font-size:12px;line-height:1.45}
.sync-progress-card{margin-top:16px;padding:16px 18px;border:1px solid var(--line);border-radius:14px;background:var(--surface);box-shadow:var(--shadow-soft)}
.sync-progress-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
.sync-progress-heading span{color:var(--primary);font-size:13px;font-weight:700}
.sync-progress-track{height:8px;margin-top:12px;overflow:hidden;border-radius:999px;background:var(--surface-soft)}
.sync-progress-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--primary),var(--primary-hover));transition:width .25s ease}
.sync-progress-card .hint{margin:10px 0 0}
.sync-progress-error{margin:8px 0 0;color:var(--danger);font-size:13px;white-space:pre-wrap}
.broadcast-progress-center{border-color:rgba(22,129,90,.22);background:linear-gradient(145deg,#fff 0%,#f7fcf9 100%)}
.broadcast-worker-state{display:grid;justify-items:end;gap:6px}
.broadcast-worker-state strong{color:var(--text)}
.broadcast-worker-state span{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;font-size:12px;font-weight:700}
.broadcast-worker-state span:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.broadcast-worker-state .is-healthy{color:var(--primary);background:rgba(22,129,90,.1)}
.broadcast-worker-state .is-idle{color:var(--muted);background:var(--surface-soft)}
.broadcast-progress-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}
.broadcast-progress-list>.empty{grid-column:1/-1;margin:0}
.broadcast-progress-item{display:grid;gap:10px;padding:15px;border:1px solid var(--line);border-radius:13px;background:#fff;box-shadow:var(--shadow-soft)}
.broadcast-progress-item-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.broadcast-progress-item-heading div{min-width:0}
.broadcast-progress-item-heading strong,.broadcast-progress-item-heading small{display:block}
.broadcast-progress-item-heading strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.broadcast-progress-item-heading small{margin-top:4px;color:var(--muted)}
.broadcast-progress-item-heading>span{flex:0 0 auto;color:var(--primary);font-size:12px;font-weight:700}
.broadcast-progress-item p{margin:0;color:var(--muted);font-size:13px}
.broadcast-progress-item .button{justify-self:start}
@media (max-width:980px){.match-task-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:700px){.sync-toolbar{align-items:flex-start}.sync-manual-actions{width:100%}.sync-manual-actions form{flex:1}.sync-manual-actions button{width:100%}.match-task-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.broadcast-progress-list{grid-template-columns:1fr}.broadcast-worker-state{justify-items:start}}
.renewal-filter .compact-date-field{flex:0 0 170px;min-width:170px}
.renewal-filter .compact-date-field input{width:100%;min-width:0}
.renewal-filter button,.renewal-filter .button{flex:0 0 110px;min-width:110px}
.renewal-table input[type="date"],.renewal-table input[type="number"],.renewal-table select{min-width:130px}
.renewal-stat-grid{margin-bottom:14px}
.project-progress-table .muted{display:block;padding:9px 0}
.progress-update-form{display:grid;grid-template-columns:minmax(130px,.8fr) minmax(140px,.7fr) minmax(220px,1.4fr) auto;gap:7px;min-width:650px}
.system-order-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}
.system-order-grid>div{padding:16px;background:#fff;border:1px solid var(--line,#dbe3ea);border-radius:6px}
.system-order-grid span,.system-order-grid strong{display:block}
.system-order-grid strong{margin-top:7px;font-size:27px}
.system-order-total{border-color:#8fc8b1!important;background:#f0faf6!important}
.production-result-lists>div{min-width:0}
.group-data-filter{grid-template-columns:minmax(220px,1.4fr) repeat(4,minmax(135px,.8fr)) auto auto}
.manual-group-form{display:grid;grid-template-columns:minmax(260px,1.5fr) minmax(200px,1fr) 120px auto;gap:12px;align-items:end}
.manual-group-form label{display:grid;gap:6px;color:var(--muted);font-size:13px}
.finance-period-filter{display:grid;grid-template-columns:180px 180px auto;gap:10px;align-items:end}
.finance-period-filter label,.finance-manual-expense label{display:grid;gap:6px}
.finance-import-grid,.finance-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.finance-import-grid textarea{min-height:210px}
.finance-manual-expense{display:grid;grid-template-columns:minmax(180px,1fr) 150px 170px minmax(220px,1.2fr) auto;gap:10px;align-items:end}
.finance-inline-edit-row td{background:#f5fffb!important;border-top:0}
.finance-inline-correction-form{display:grid;grid-template-columns:150px minmax(220px,1.3fr) minmax(180px,1fr) 140px 140px minmax(180px,1fr) auto auto;gap:10px;align-items:end;border:1px solid #b7e1d2;border-radius:10px;padding:12px}
.finance-inline-correction-form label{display:grid;gap:6px}
.finance-inline-correction-form small{font-size:11px;color:#789}
.finance-record-filter{display:grid;grid-template-columns:180px auto;gap:10px;align-items:end;margin-bottom:12px}
.finance-record-filter label{display:grid;gap:6px}
.finance-income-badge,.finance-expense-badge{display:inline-flex;padding:4px 9px;border-radius:4px;font-size:12px;font-weight:800}
.finance-income-badge{color:#116b50;background:#e5f7f0;border:1px solid #a9ddca}
.finance-expense-badge{color:#9b2735;background:#fde8eb;border:1px solid #efb9c0}
.proxy-template-preview{display:flex;flex-wrap:wrap;gap:8px}
.proxy-template-preview span{display:inline-flex;padding:7px 10px;border-radius:6px;background:#f3f7f8;border:1px solid #d8e4e8;color:#35505a;font-weight:700}
.required{color:#d5465a;font-weight:800}
.selected-row{background:#f1fbf6}
code{display:inline-block;padding:2px 6px;border-radius:6px;background:#f3f7f8;color:#24434c;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.proxy-settings-grid{display:grid;grid-template-columns:repeat(3,minmax(220px,1fr));gap:12px}
.proxy-settings-grid .actions{grid-column:1/-1}
.proxy-import-grid{align-items:stretch}
.proxy-menu-table input{min-width:110px}
.proxy-menu-table td:nth-child(4) input,.proxy-menu-table td:nth-child(7) input{min-width:220px}
.proxy-record-actions input{max-width:220px}
.proxy-review-thumb{width:72px;height:72px;object-fit:cover;border-radius:10px;border:1px solid #d8e4e8;background:#f6f9fa;display:block;margin-bottom:6px}
.proxy-image-review-table small{display:block;color:#6b7f89;line-height:1.7}
.proxy-review-form select{min-width:220px}
.proxy-image-match-preview{display:flex;flex-direction:column;gap:5px;align-items:flex-start}
.proxy-menu-thumb{width:64px;height:64px;object-fit:cover;border-radius:10px;border:1px solid #d8e4e8;background:#f6f9fa;display:block}
.proxy-no-image{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:10px;border:1px dashed #cbd9df;color:#8aa0aa;background:#f7fafb;font-size:12px}
.proxy-image-match-preview small{display:block;color:#6b7f89;line-height:1.5;max-width:140px;word-break:break-all}
.proxy-processing-note{margin:10px 0 0;padding:10px 12px;border-radius:8px;background:#eaf8f2;border:1px solid #bde8d3;color:#0f7d55;font-weight:700}
button.is-loading{opacity:.72;cursor:wait}
@media(max-width:900px){.proxy-settings-grid{grid-template-columns:1fr}.proxy-record-actions input{max-width:none}}
.finance-positive{color:#137a55}.finance-negative{color:#b33a2e}
.finance-record-table small{display:block;margin-top:5px}
.finance-row-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.finance-record-actions{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:10px}
.after-sales-table textarea{min-width:260px}
.after-sales-table td:nth-child(2){max-width:420px}
.finance-record-actions label{display:inline-flex;gap:6px;align-items:center}
.finance-record-actions .pager{margin-top:0;margin-left:auto}
.finance-record-check,#finance-select-all{width:16px;height:16px;min-height:16px;padding:0}
.store-metrics-import-form{grid-template-columns:170px 170px 170px minmax(260px,1fr) auto;max-width:1180px}
.store-metrics-import-form label{display:grid;gap:6px}
.store-metrics-import-form input[type="file"]{min-width:0;padding:9px}
.store-metrics-scope-switch{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:14px;color:#60737f;font-size:13px;font-weight:700}
.store-metrics-scope-switch .button{min-height:34px;padding:7px 13px}
.store-metrics-scope-switch .button.is-active{color:#fff;background:var(--primary);border-color:var(--primary)}
.store-metrics-scope-switch small{width:100%;color:#6b7f89;font-size:12px;font-weight:400}
.store-metrics-channel-summary{margin-top:18px}
.store-metrics-channel-summary .toolbar{margin-bottom:10px}
.store-metrics-table strong,.store-metrics-table small{display:block}
.store-metrics-table small{margin-top:5px;color:#6b7f89;line-height:1.45}
.store-industry-input{margin-top:8px;border:1px solid #d9e3ea;border-radius:7px;background:#f8fafc}
.store-industry-input summary{padding:7px 9px;color:#415667;cursor:pointer;font-size:12px;font-weight:700}
.store-industry-input small{max-height:130px;margin:0!important;padding:0 9px 8px;overflow:auto;white-space:pre-wrap;word-break:break-word}
.operation-filter-toggle{display:inline-flex;align-items:center;gap:6px;min-height:42px;padding:0 12px;border:1px solid #ccd9e1;border-radius:9px;background:#f8fbfc;color:#405663;font-weight:700;white-space:nowrap}
.operation-filter-toggle input{width:18px;height:18px;margin:0}
.broadcast-target-filter{display:grid;gap:14px}
.broadcast-target-filter fieldset{margin:0;padding:14px;border:1px solid #dbe5eb;border-radius:12px;background:#fbfdfe}
.broadcast-target-filter legend{padding:0 8px;color:#334155;font-weight:800}
.broadcast-target-filter .region-filter{margin:0}
.broadcast-target-filter label{display:grid;gap:5px;color:#5c7080;font-weight:700}
.broadcast-filter-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.broadcast-filter-actions select{min-width:150px}
.store-metrics-online-row{background:#fff1f2}
.store-metrics-online-row td{border-top-color:#fecdd3;border-bottom-color:#fecdd3}
.store-metrics-online-row td:first-child{box-shadow:inset 4px 0 0 #e11d48}
.store-metrics-online-badge{display:inline-block;margin-left:4px;padding:1px 6px;border-radius:999px;background:#e11d48;color:#fff;font-size:12px;font-weight:700;line-height:1.45}
.store-metrics-table .store-metrics-online-amount{color:#be123c;font-weight:800}
.store-metrics-payment-cell{min-width:278px}
.store-metrics-payment-summary{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:9px}
.store-metrics-payment-summary strong{margin:0;padding:7px 9px;border-radius:8px;background:#f1f5f9;font-size:14px;white-space:nowrap}
.store-metrics-payment-summary .store-metrics-online-amount{background:#fff1f2}
.store-metrics-payment-scenes{display:grid;gap:5px}
.store-metrics-payment-scenes>div{display:grid;grid-template-columns:52px minmax(56px,.7fr) minmax(105px,1fr) minmax(105px,1fr);gap:8px;align-items:center;font-size:13px;color:#6b7f89}
.store-metrics-payment-scenes b{color:#334155;font-size:13px}
.store-metrics-payment-scenes span{white-space:nowrap}
.store-metrics-scene-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}
.store-metrics-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.store-metrics-actions form{margin:0}
.store-industry-form{display:grid;gap:6px;margin-top:8px}
.store-industry-form select,.store-industry-form input{min-width:0;padding:7px}
.store-industry-form button{justify-self:start;padding:6px 10px}

@media(max-width:1100px){
  .region-filter,.group-data-filter,.manual-group-form,.finance-manual-expense,.finance-inline-correction-form,.finance-record-filter{grid-template-columns:repeat(2,minmax(0,1fr))}
  .finance-import-grid,.finance-summary-grid{grid-template-columns:1fr}
  .region-edit-form{min-width:360px}
}
@media(max-width:700px){
  .region-filter,.group-data-filter,.manual-group-form,.finance-manual-expense,.finance-inline-correction-form,.finance-record-filter,.finance-period-filter,.store-metrics-import-form{grid-template-columns:1fr}
  .sortable-tag-library .tag-card{grid-template-columns:auto minmax(0,1fr)}
  .sortable-tag-library .tag-card>form:last-child{grid-column:1/-1}
  .region-edit-form{grid-template-columns:1fr;min-width:0}
  .progress-update-form{grid-template-columns:1fr;min-width:0}
}

/* Full-screen map command center */
.map-command-page{overflow-x:hidden}
.map-command{padding:0;background:#06131c}
.command-stage{
  height:100vh;
  min-height:560px;
  margin:0;
  overflow:hidden;
  border:0;
  border-radius:0;
  box-shadow:none;
}
.command-stage>.command-header{
  position:absolute;
  top:14px;
  right:16px;
  left:16px;
  z-index:10;
  min-height:72px;
  padding:10px 16px;
  background:rgba(6,22,31,.92);
  border-color:rgba(63,151,170,.52);
  box-shadow:0 12px 38px rgba(0,0,0,.34);
  backdrop-filter:blur(12px);
}
.command-stage>.command-kpis{
  position:absolute;
  top:108px;
  left:18px;
  z-index:8;
  display:grid;
  width:232px;
  grid-template-columns:1fr;
  gap:9px;
  margin:0;
}
.command-stage>.command-kpis>div{
  min-height:88px;
  padding:14px 18px;
  background:rgba(7,27,38,.9);
  border-color:rgba(48,120,139,.66);
  box-shadow:0 12px 32px rgba(0,0,0,.23);
  backdrop-filter:blur(10px);
}
.command-stage>.command-kpis strong{font-size:31px}
.command-map-panel{height:100%;padding:0}
.command-map-panel::before{
  top:126px;
  right:12px;
  bottom:12px;
  left:12px;
  border-color:rgba(52,139,158,.22);
}
.command-map-panel::after{top:126px;right:12px}
.panel-corners::before,.panel-corners::after{top:124px}
.panel-corners::before{left:10px}
.panel-corners::after{right:10px}
.command-map-panel>.command-panel-heading{
  position:absolute;
  top:134px;
  left:274px;
  z-index:5;
  padding:12px 14px;
  background:rgba(5,24,34,.74);
  border-left:2px solid #42ddc9;
  backdrop-filter:blur(8px);
}
.command-map-panel>.command-panel-heading .map-signal-legend{margin-left:26px}
.command-map{width:100%;height:100%}
.command-map-loading{z-index:4;inset:0}
.map-scale-note{
  right:338px;
  bottom:22px;
  padding:7px 10px;
  color:#6e9ca7;
  background:rgba(5,23,32,.74);
  border:1px solid rgba(47,112,128,.36);
}
.command-ranking{
  top:108px;
  right:18px;
  bottom:30px;
  width:298px;
  background:rgba(6,25,35,.9);
}
.command-detail{margin:14px}

@media(max-width:1180px){
  .command-stage>.command-header{grid-template-columns:190px minmax(280px,1fr) minmax(290px,auto)}
  .command-stage>.command-header .command-title{grid-column:auto;grid-row:auto}
  .command-stage>.command-header .command-meta{grid-column:auto;grid-row:auto;margin-top:0}
  .command-stage>.command-kpis{width:204px}
  .command-map-panel>.command-panel-heading{left:240px}
  .command-ranking{width:260px}
  .map-scale-note{right:298px}
}

@media(max-width:920px){
  .pc-only-map-link{display:none!important}
  .map-command{padding:0}
  .command-stage{height:auto;min-height:0;overflow:visible;background:#06131c}
  .command-stage>.command-header{
    position:relative;
    top:auto;
    right:auto;
    left:auto;
    grid-template-columns:1fr;
    gap:10px;
    margin:8px;
  }
  .command-stage>.command-header .command-title{
    grid-column:auto;
    grid-row:auto;
    text-align:left;
  }
  .command-stage>.command-header .command-meta{
    grid-column:auto;
    grid-row:auto;
    justify-content:flex-start;
    flex-wrap:wrap;
  }
  .command-stage>.command-kpis{
    position:relative;
    top:auto;
    left:auto;
    width:auto;
    grid-template-columns:repeat(3,minmax(145px,1fr));
    gap:7px;
    margin:8px;
    overflow-x:auto;
  }
  .command-stage>.command-kpis>div{min-height:78px}
  .command-map-panel{
    height:clamp(500px,68vh,680px);
    min-height:500px;
    margin:8px;
    border:1px solid #194657;
  }
  .command-map-panel>.command-panel-heading{top:16px;left:16px}
  .command-map-panel::before{top:84px}
  .command-map-panel::after{top:84px}
  .panel-corners::before,.panel-corners::after{top:82px}
  .command-map{height:100%}
  .command-ranking{
    position:relative;
    top:auto;
    right:auto;
    bottom:auto;
    width:auto;
    margin:8px;
  }
  .map-scale-note{right:18px;bottom:18px}
  .command-detail{margin:8px}
}

@media(max-width:640px){
  .command-stage>.command-header{padding:12px}
  .command-stage>.command-kpis{grid-template-columns:repeat(3,145px)}
  .command-stage>.command-kpis>div{min-height:72px;padding:11px 13px}
  .command-stage>.command-kpis strong{font-size:24px}
  .command-map-panel{height:clamp(430px,62vh,560px);min-height:430px;padding:0}
  .command-map-panel>.command-panel-heading{top:12px;left:12px;padding:10px}
  .command-map-panel::before{top:76px;right:8px;bottom:8px;left:8px}
  .command-map-panel::after{top:76px;right:8px}
  .panel-corners::before,.panel-corners::after{top:74px}
  .panel-corners::before{left:6px}
  .panel-corners::after{right:6px}
}

/* 2026-07 admin visual refresh: white workspace with emerald operational accents */
:root{
  --bg:#f5f7fa;
  --surface:#fff;
  --surface-soft:#f8f9fb;
  --line:#e5e9ef;
  --line-soft:#eef1f5;
  --text:#252a31;
  --muted:#69717d;
  --muted-light:#949ca7;
  --sidebar:#f7f8fa;
  --sidebar-hover:#fff;
  --sidebar-text:#3e4650;
  --primary:#16815a;
  --primary-hover:#106b49;
  --primary-soft:#eaf6f0;
  --danger:#d91e2d;
  --danger-soft:#fff1f2;
  --shadow:0 8px 24px rgba(35,43,53,.06);
  --sidebar-width:220px;
  --topbar-height:72px;
}

html{scroll-padding-top:calc(var(--topbar-height) + 20px)}
body{background:var(--bg);color:var(--text)}
.app{
  display:grid;
  grid-template-columns:var(--sidebar-width) minmax(0,1fr);
  grid-template-rows:var(--topbar-height) minmax(calc(100vh - var(--topbar-height)),auto);
  min-height:100vh;
}
.topbar{
  position:fixed;
  inset:0 0 auto 0;
  z-index:40;
  display:flex;
  align-items:stretch;
  height:var(--topbar-height);
  background:#fff;
  border-bottom:1px solid var(--line);
  box-shadow:0 2px 12px rgba(25,33,43,.05);
}
.topbar-brand{
  flex:0 0 var(--sidebar-width);
  min-height:var(--topbar-height);
  margin:0;
  padding:0 24px;
  gap:10px;
  color:var(--text);
  border-right:1px solid var(--line-soft);
  text-decoration:none;
  font-size:17px;
}
.topbar-brand b{
  width:34px;
  height:34px;
  border-radius:8px;
  background:var(--primary);
  box-shadow:none;
}
.topbar-actions{
  display:flex;
  align-items:center;
  gap:16px;
  margin-left:auto;
  padding:0 22px 0 14px;
  white-space:nowrap;
}
.topbar-account{display:flex;align-items:center;gap:9px}
.topbar-account>span:last-child{display:grid;line-height:1.35}
.topbar-account strong{font-size:13px}
.topbar-account small{color:var(--muted-light);font-size:11px}
.account-avatar{
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  color:#fff;
  background:var(--primary);
  border-radius:50%;
  font-weight:800;
}
.mobile-workbench-entry{
  display:none;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:6px 12px;
  color:#fff;
  background:var(--primary);
  border:1px solid var(--primary);
  border-radius:7px;
  font-size:13px;
  font-weight:700;
}
.mobile-workbench-entry:hover{color:#fff;background:var(--primary-strong)}
.sidebar-toggle{display:none;min-height:34px;padding:6px 12px}

.app-sidebar{
  position:fixed;
  inset:var(--topbar-height) auto 0 0;
  z-index:30;
  width:var(--sidebar-width);
  padding:20px 14px 18px;
  color:var(--sidebar-text);
  background:var(--sidebar);
  border-right:1px solid var(--line);
  box-shadow:none;
}
.sidebar-title{display:grid;gap:2px;padding:0 12px 18px}
.sidebar-title span{color:var(--text);font-size:15px;font-weight:800}
.sidebar-title small{color:var(--muted-light);font-size:11px}
.app-sidebar nav{display:grid;gap:18px}
.nav-group{gap:4px}
.nav-section-label{
  padding:0 12px 5px;
  color:#9ca3ad;
  font-size:10px;
  font-weight:800;
  letter-spacing:.12em;
}
.app-sidebar nav a{
  min-height:40px;
  padding:9px 12px;
  color:var(--sidebar-text);
  border:1px solid transparent;
  border-radius:7px;
  font-size:14px;
  font-weight:550;
}
.app-sidebar nav a:hover{color:var(--primary);background:#fff;border-color:#d6e9df}
.app-sidebar nav a.active{
  color:var(--primary);
  background:#fff;
  border-color:#cce5d8;
  box-shadow:0 4px 14px rgba(22,90,64,.07),inset 3px 0 0 var(--primary);
}
.account-summary{padding:16px 10px 8px;border-top:1px solid var(--line);color:var(--text)}
.account-summary small{color:var(--muted-light)}
.logout-form button{color:var(--muted);border-color:var(--line);background:#fff}
.logout-form button:hover{color:var(--primary);border-color:#bcdccb;background:var(--primary-soft)}
.sidebar-backdrop{display:none}

.app main{
  grid-column:2;
  grid-row:2;
  width:auto;
  max-width:none;
  margin:0;
  padding:28px 30px 50px;
}
.page-header{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:24px;
  min-height:92px;
  margin-bottom:20px;
  padding:0 2px 19px;
  border-bottom:1px solid var(--line);
}
.page-header h1{margin:4px 0 5px;font-size:25px;font-weight:800;letter-spacing:-.02em}
.page-header p{max-width:820px;color:var(--muted);font-size:13px}
.page-eyebrow{display:flex;align-items:center;gap:7px;color:var(--muted-light);font-size:11px}
.page-eyebrow i{font-style:normal;color:#c2c7ce}
.page-eyebrow strong{color:var(--primary);font-weight:700}
.page-status{
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:7px 11px;
  color:#59616c;
  background:#fff;
  border:1px solid var(--line);
  border-radius:999px;
  font-size:12px;
}
.page-status i{width:7px;height:7px;background:#28a66a;border-radius:50%}

section,.panel{
  border-color:var(--line);
  border-radius:10px;
  box-shadow:0 3px 16px rgba(33,42,52,.035);
}
section{padding:20px;margin-bottom:18px}
section h2{font-size:18px;font-weight:800}
.section-kicker{color:var(--primary)!important;letter-spacing:.1em}
.toast{border-left-color:var(--primary)}
input:focus,select:focus,textarea:focus{border-color:#63aa8c;box-shadow:0 0 0 3px rgba(22,129,90,.11)}
button:focus-visible,.button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-color:rgba(22,129,90,.32)}
.primary,button.primary,.button.primary{background:var(--primary);border-color:var(--primary)}
.primary:hover,button.primary:hover,.button.primary:hover{background:var(--primary-hover);border-color:var(--primary-hover)}
th{background:#f8f9fb;color:#5c6570}
tbody tr:hover{background:#f6fbf8}
.settings-section-nav{border-color:var(--line);border-radius:10px;box-shadow:none}
.settings-section-nav a:hover{color:var(--primary);border-color:#c7e3d4;background:#f3faf6}
.config-status.is-ready{color:#0d7246;background:#e7f5ed;border-color:#b9dfca}

.dashboard-metrics{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  padding:0;
  overflow:visible;
}
.metric-tile{
  position:relative;
  min-width:0;
  min-height:142px;
  padding:18px;
  overflow:hidden;
  background:#fff;
  border:1px solid var(--line);
  border-radius:10px;
  box-shadow:0 5px 16px rgba(35,43,53,.04);
}
.metric-tile.is-emphasis{border-color:#9fceb9;background:#f5fbf8}
.dashboard-metrics .metric-tile div{
  position:static;
  min-height:0;
  padding:0;
  overflow:visible;
  background:transparent;
  border:0;
  border-radius:0;
}
.dashboard-metrics .metric-tile div::before{display:none}
.metric-tile::before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:3px;
  background:#d7dce3;
}
.metric-tile.is-emphasis::before{background:var(--primary)}
.metric-tile-head,.metric-tile-foot{display:flex;align-items:center;justify-content:space-between;gap:10px}
.metric-tile-head>span{color:#606873;font-size:13px;font-weight:700}
.metric-tile-head small{color:#bcc1c8;font-size:10px;font-weight:800;letter-spacing:.08em}
.metric-tile>strong{display:block;margin:12px 0 14px;font-size:32px;line-height:1;font-weight:800;letter-spacing:-.035em}
.metric-tile-foot span{min-width:0;overflow:hidden;color:var(--muted-light);font-size:11px;text-overflow:ellipsis;white-space:nowrap}
.metric-tile-foot a{color:var(--primary);font-size:12px;font-weight:700;text-decoration:none}

.dashboard-section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px}
.dashboard-section-heading h2{margin:3px 0 4px}
.dashboard-section-heading p{margin:0}
.section-count{padding:6px 10px;color:var(--muted);background:var(--surface-soft);border-radius:999px;font-size:12px}
.dashboard-board{padding:22px;background:#fff}
.dashboard-board-grid{display:grid;grid-template-columns:minmax(240px,.7fr) minmax(0,1.6fr);gap:18px}
.customer-core-card{
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-height:270px;
  padding:28px;
  color:#fff;
  background:var(--primary);
  border-radius:12px;
}
.customer-core-card>span{font-size:14px;font-weight:700;opacity:.88}
.customer-core-card>strong{margin:16px 0 6px;font-size:58px;line-height:1;font-weight:800;letter-spacing:-.05em}
.customer-core-card>small{color:#fff;font-size:13px;opacity:.8}
.customer-core-card>a{align-self:flex-start;margin-top:28px;padding-bottom:2px;color:#fff;border-bottom:1px solid rgba(255,255,255,.65);font-size:12px;font-weight:700;text-decoration:none}
.dashboard-signal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.dashboard-signal-grid a{
  display:flex;
  flex-direction:column;
  min-width:0;
  min-height:270px;
  padding:23px 20px;
  color:var(--text);
  background:#fafbfc;
  border:1px solid var(--line);
  border-radius:10px;
  text-decoration:none;
  transition:border-color .16s ease,background .16s ease,transform .16s ease;
}
.dashboard-signal-grid a:hover{background:#f4faf7;border-color:#acd3c0;transform:translateY(-2px)}
.dashboard-signal-grid span{color:var(--muted);font-size:13px;font-weight:700}
.dashboard-signal-grid strong{margin:auto 0 15px;font-size:38px;line-height:1;font-weight:800;letter-spacing:-.04em}
.dashboard-signal-grid small{min-height:42px;color:var(--muted-light);font-size:12px;line-height:1.7}

.quick-work-section{padding:22px}
.quick-action-grid{gap:12px}
.quick-action-grid a{
  min-height:154px;
  padding:18px;
  background:#fff;
  border-color:var(--line);
  border-radius:9px;
  box-shadow:none;
}
.quick-action-grid a:hover{border-color:#a8cfbb;box-shadow:0 10px 24px rgba(22,90,64,.09)}
.quick-action-grid .quick-action-index{color:#c5c9cf;font-size:10px;font-weight:800;letter-spacing:.1em}
.quick-action-grid strong{font-size:15px}
.quick-action-grid b{color:var(--primary)}
.owner-hero{border-top:3px solid var(--primary)}
.system-order-total{border-color:#a5d2bd!important;background:#f1faf5!important}

@media(max-width:1220px){
  .dashboard-board-grid{grid-template-columns:minmax(220px,.62fr) minmax(0,1.38fr)}
}

@media(max-width:1020px){
  :root{--sidebar-width:196px}
  .topbar-brand{padding:0 17px}
  .topbar-actions{padding-right:14px}
  .topbar-account>span:last-child{display:none}
  .app-sidebar nav{display:grid;gap:18px;overflow:visible;padding-bottom:0}
  .app-sidebar .nav-group{display:grid;gap:4px;align-items:stretch}
  .app-sidebar nav a{min-height:40px;padding:9px 12px}
  .app-sidebar .account-summary{display:block;margin-top:0;padding:16px 10px 8px}
  .app-sidebar .logout-form{margin-top:8px}
  .app main{padding-right:22px;padding-left:22px}
  .dashboard-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dashboard-board-grid{grid-template-columns:1fr}
  .customer-core-card{min-height:210px}
  .dashboard-signal-grid a{min-height:190px}
}

@media(max-width:860px){
  :root{--topbar-height:64px}
  .app{display:block;padding-top:var(--topbar-height)}
  .topbar{height:var(--topbar-height)}
  .topbar-brand{flex:0 0 auto;min-height:var(--topbar-height);border-right:0}
  .topbar-actions{gap:9px}
  .mobile-workbench-entry{display:inline-flex}
  .sidebar-toggle{display:inline-flex}
  .app-sidebar{
    position:fixed!important;
    inset:var(--topbar-height) auto 0 0!important;
    height:auto!important;
    overflow-y:auto!important;
    transform:translateX(-102%);
    transition:transform .2s ease;
    box-shadow:12px 0 30px rgba(26,31,38,.14);
  }
  .sidebar-open .app-sidebar{transform:translateX(0)}
  .sidebar-backdrop{position:fixed;inset:var(--topbar-height) 0 0;z-index:25;width:100%;height:auto;min-height:0;padding:0;border:0;border-radius:0;background:rgba(20,24,30,.34)}
  .sidebar-open .sidebar-backdrop{display:block}
  .app main{width:100%;margin:0;padding:22px 18px 40px}
  .page-header{min-height:82px}
}

@media(max-width:700px){
  .topbar-account{display:none}
  .dashboard-signal-grid{grid-template-columns:1fr}
  .dashboard-signal-grid a{min-height:150px}
  .customer-core-card{min-height:190px}
  .customer-core-card>strong{font-size:48px}
  .quick-action-grid{grid-template-columns:1fr}
  .page-status{display:none}
}

@media(max-width:520px){
  .topbar-brand{padding-left:14px;font-size:15px}
  .topbar-brand b{width:30px;height:30px;font-size:15px}
  .topbar-actions{padding-right:10px}
  .dashboard-metrics{grid-template-columns:1fr}
  .metric-tile{min-height:124px}
  .page-header{align-items:flex-start}
  .page-header h1{font-size:22px}
  .dashboard-section-heading{display:grid}
  .dashboard-section-heading>.button{justify-self:start}
}

/* Intake forms and mobile workbench */
.intake-page-tabs{display:flex;gap:8px;margin:0 0 16px}
.intake-page-tabs a{padding:9px 14px;color:var(--muted);background:#fff;border:1px solid var(--line);border-radius:8px;text-decoration:none;font-weight:700}
.intake-page-tabs a.active{color:#fff;background:var(--primary);border-color:var(--primary)}
.intake-metric-grid,.mobile-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}
.intake-metric-grid>div,.mobile-summary>div{padding:18px;background:#fff;border:1px solid var(--line);border-radius:10px}
.intake-metric-grid span,.mobile-summary span{display:block;color:var(--muted);font-size:12px}
.intake-metric-grid strong,.mobile-summary strong{display:block;margin-top:8px;font-size:28px;line-height:1}
.intake-create-row{display:grid;grid-template-columns:minmax(260px,1.5fr) minmax(220px,1fr) auto;gap:10px}
.intake-filters{display:flex;grid-template-columns:none}
.mini-progress{height:6px;overflow:hidden;background:#e9eef1;border-radius:999px}
.mini-progress i{display:block;height:100%;background:var(--primary);border-radius:inherit}
.intake-table .mini-progress{width:130px;margin-bottom:5px}
.intake-list-summary{max-width:420px;margin-top:5px;color:var(--primary)!important;white-space:normal!important}
.intake-status{display:inline-flex;align-items:center;padding:5px 9px;color:#56636b;background:#eef2f4;border-radius:999px;font-size:11px;font-weight:800;white-space:nowrap}
.intake-status.status-complete_submitted,.intake-status.status-locked{color:#087148;background:#e7f5ed}
.intake-status.status-partial_submitted,.intake-status.status-editing_after_submit,.intake-status.status-changes_requested{color:#895800;background:#fff3d6}
.intake-status.status-revoked{color:#a12b23;background:#fff0ee}
.pager-jump{display:inline-flex}
.pager-jump select{min-width:110px}
.intake-detail-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:3px solid var(--primary)}
.intake-detail-hero>div:last-child{display:grid;justify-items:end;gap:7px}
.intake-detail-hero>div:last-child strong{font-size:32px}
.intake-copy-box{width:100%;min-height:112px;margin:4px 0 12px;white-space:pre-wrap}
.intake-answer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.intake-answer-grid article{min-width:0;padding:15px;background:#f8faf9;border:1px solid var(--line-soft);border-radius:8px}
.intake-answer-grid article>span{display:block;margin-bottom:8px;color:var(--muted);font-size:12px}
.intake-answer-grid article>strong{display:block;overflow-wrap:anywhere;white-space:pre-wrap}
.intake-admin-files{display:grid;gap:6px}
.intake-admin-files a{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--primary);text-decoration:none}
.intake-admin-files small{color:var(--muted-light)}
.intake-manage-actions{display:flex;flex-wrap:wrap;gap:10px}
.intake-manage-actions form{display:flex;gap:8px}
.intake-manage-actions input{min-width:260px}
.intake-timeline{display:grid;gap:0}
.intake-timeline article{display:grid;grid-template-columns:14px 1fr;gap:10px;padding:0 0 16px}
.intake-timeline i{position:relative;width:9px;height:9px;margin-top:6px;background:var(--primary);border-radius:50%}
.intake-timeline i::after{content:"";position:absolute;top:10px;bottom:-22px;left:4px;width:1px;background:var(--line)}
.intake-timeline article:last-child i::after{display:none}
.intake-timeline strong,.intake-timeline small{display:block}
.intake-timeline small{margin-top:3px;color:var(--muted-light)}
.intake-template-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.intake-template-form label{display:grid;gap:6px;color:var(--muted);font-size:12px;font-weight:700}
.intake-template-form .intake-wide{grid-column:1/-1}
.intake-template-availability-note{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 14px;padding:11px 13px;color:#795400;background:var(--warning-soft);border:1px solid #efd59c;border-radius:8px}
.intake-template-availability-note strong{white-space:nowrap}
.intake-template-availability-note span{font-size:12px}
.intake-template-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.intake-template-list a{display:grid;gap:7px;padding:16px;color:var(--text);background:#f9fbfa;border:1px solid var(--line);border-radius:8px;text-decoration:none}
.intake-template-list a.active{border-color:#80bca2;box-shadow:0 0 0 2px rgba(22,129,90,.1)}
.intake-template-list span,.intake-template-list small{color:var(--muted);font-size:12px}
.intake-field-editor-list{display:grid;gap:12px}
.intake-field-editor{display:grid;grid-template-columns:1.2fr 1fr .8fr 90px 100px;gap:8px;padding:14px;background:#f8faf9;border:1px solid var(--line);border-radius:9px}
.intake-field-editor textarea,.intake-field-editor .actions{grid-column:span 2}
.intake-field-editor.is-new{border-style:dashed;border-color:#82bfa5;background:#f2faf6}
.project-intake-metrics{margin-top:0}
.project-template-shortcut{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 14px;padding:13px 16px;background:linear-gradient(135deg,#edf9f3,#f8fcfa);border:1px solid #b7dec9;border-radius:10px}
.project-template-shortcut>div{display:flex;align-items:center;gap:10px;min-width:0}
.project-template-shortcut span{color:var(--primary);font-size:11px;font-weight:800;letter-spacing:.08em}
.project-template-shortcut strong{font-size:14px}
.project-template-shortcut small{color:var(--muted)}
.project-template-manager-link,.button.project-template-manager-link{color:#fff;background:var(--primary);border-color:var(--primary);font-weight:800;box-shadow:0 6px 14px rgba(22,129,90,.18)}
.project-template-manager-link:hover,.button.project-template-manager-link:hover{color:#fff;background:var(--primary-hover);border-color:var(--primary-hover)}
.project-intake-state{display:grid;gap:7px;min-width:220px}
.project-intake-state>strong{font-size:13px}
.project-intake-state>.mini-progress{width:100%}
.project-intake-state>.actions{margin-top:2px}
.project-intake-create{display:grid;gap:8px;min-width:210px}
.intake-completion-text.is-complete{color:var(--danger);font-weight:800}
.mini-progress.is-complete i,.intake-progress.is-complete i{background:var(--danger)}
.intake-storage-summary{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.intake-storage-badge{display:inline-flex;align-items:center;min-height:28px;padding:4px 9px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:12px}
.intake-storage-badge.is-uploaded{border-color:#95d5b8;color:var(--primary)}
.intake-storage-badge.is-queued{border-color:#e7c487;color:#a26816}
.intake-storage-badge.is-failed{border-color:#f4aaaa;color:var(--danger)}
.intake-storage-badge.is-local{border-color:#cbd5e1;color:var(--muted)}
.intake-file-storage{font-size:10px!important}
.intake-file-storage.is-uploaded{color:var(--primary)}
.intake-file-storage.is-queued{color:#a26816}
.intake-file-storage.is-failed{color:var(--danger)}

.mobile-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
.mobile-work-list{background:transparent;border:0;box-shadow:none;padding:0}
.mobile-work-card{margin-bottom:12px;padding:17px;background:#fff;border:1px solid var(--line);border-radius:11px;box-shadow:var(--shadow)}
.mobile-work-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.mobile-work-card h3{margin:3px 0 0;font-size:15px}
.mobile-work-card header small{color:var(--muted-light)}
.mobile-intake-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:14px}
.mobile-intake-summary>div{min-width:0;padding:10px;background:#f5faf7;border-radius:8px}
.mobile-intake-summary span,.mobile-intake-summary strong{display:block}
.mobile-intake-summary span{color:var(--muted);font-size:10px}
.mobile-intake-summary strong{margin-top:4px;overflow-wrap:anywhere;font-size:12px}
.mobile-completion{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;margin:15px 0}
.mobile-completion span{color:var(--muted);font-size:11px}
.mobile-card-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.mobile-card-actions form{display:inline-flex}
.mobile-copy-source{position:fixed!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important}
.mobile-card-warning{margin:10px 0 0;color:var(--danger);font-size:12px}
.mobile-template-create{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:8px;width:100%}
.mobile-production-status{display:flex;align-items:center;justify-content:space-between;margin-top:14px;padding:11px 12px;background:#f5faf7;border-radius:8px}
.mobile-production-status span{color:var(--muted);font-size:12px}
.mobile-progress-editor{margin-top:13px;border-top:1px solid var(--line-soft);padding-top:11px}
.mobile-progress-editor summary{cursor:pointer;color:var(--primary);font-weight:700}
.mobile-progress-editor form{display:grid;gap:8px;margin-top:10px}

.intake-public-page{min-height:100vh;background:#eef4f1}
.intake-public-shell{width:min(720px,100%);margin:0 auto;padding:22px 14px 80px}
.intake-public-hero{padding:25px;color:#fff;background:linear-gradient(145deg,#126f4d,#1b9268);border-radius:15px;box-shadow:0 14px 32px rgba(14,77,54,.16)}
.intake-public-hero>span{font-size:11px;font-weight:800;letter-spacing:.13em;opacity:.78}
.intake-public-hero h1{margin:8px 0 3px;font-size:25px}
.intake-public-hero p{margin:0 0 18px;color:#fff;opacity:.84}
.intake-public-hero small{display:block;margin-top:7px;opacity:.8}
.intake-progress{height:7px;overflow:hidden;background:rgba(255,255,255,.2);border-radius:99px}
.intake-progress i{display:block;height:100%;background:#fff;border-radius:inherit}
.intake-public-toast{margin:13px 0;padding:12px 14px;color:#0b6545;background:#e1f4e9;border:1px solid #a9d9bc;border-radius:9px}
.intake-upload-total-alert{margin:13px 0 0;padding:12px 14px;color:#9f2b25;background:#fff1ef;border:1px solid #efb3ad;border-radius:9px;font-size:13px;font-weight:700;line-height:1.6}
.intake-upload-total-alert:focus{outline:3px solid rgba(196,68,58,.22);outline-offset:2px}
.intake-public-card{margin:13px 0 0;padding:18px;background:#fff;border:1px solid #dce7e1;border-radius:12px;box-shadow:0 4px 16px rgba(31,59,46,.04)}
.intake-state-card{display:flex;align-items:center;justify-content:space-between;gap:18px}
.intake-state-card div>span{display:block;color:var(--muted);font-size:11px}
.intake-state-card div>strong{display:block;margin-top:3px;font-size:16px}
.intake-public-page .intake-state-card div>span,.intake-public-page .intake-field-help,.intake-public-page .intake-agreement-card p{color:#405f51}
.intake-public-page .intake-public-hero .intake-completion-text{color:#fff;opacity:.9}
.intake-field-title{display:flex;align-items:center;gap:7px;margin-bottom:5px;font-size:15px;font-weight:800}
.intake-field-title b{padding:2px 6px;color:#0e714d;background:#e6f5ed;border-radius:99px;font-size:10px}
.intake-field-help{margin:0 0 11px;color:var(--muted);font-size:12px}
.intake-field-card>input:not([type=checkbox]):not([type=radio]),.intake-field-card>select,.intake-field-card>textarea{width:100%}
.intake-option-list{display:grid;gap:9px}
.intake-option-list label{display:flex;align-items:center;gap:8px}
.intake-file-list{display:grid;gap:8px;margin-bottom:10px}
.intake-file-list>div{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;padding:10px;background:#f6faf8;border-radius:7px}
.intake-file-list a{min-width:0;overflow:hidden;color:var(--primary);text-overflow:ellipsis;white-space:nowrap}
.intake-file-list small,.intake-upload-hint{color:var(--muted-light)}
.intake-public-page .intake-file-list small,.intake-public-page .intake-upload-hint{color:#557063}
.intake-agreement-card h2{margin:0 0 10px;font-size:16px}
.intake-agreement-guide{margin:0 0 11px!important;padding:10px 12px;color:#7a4b00!important;background:#fff7e5;border:1px solid #f0d18a;border-radius:8px;font-size:12px!important;line-height:1.7}
.intake-agreement-guide.is-ready{color:#176b4b!important;background:#eaf7ef;border-color:#b8dcc5}
.intake-agreement-open{width:100%;min-height:46px;color:var(--primary);background:#f3faf6;border-color:#afd5c1;font-weight:800;text-align:left}
.intake-agreement-check{display:flex;align-items:flex-start;gap:8px;margin-top:14px;font-weight:700}
.intake-agreement-check.is-locked{cursor:pointer}
.intake-agreement-check.is-locked span{text-decoration:underline;text-decoration-color:#afd5c1;text-underline-offset:3px}
.intake-agreement-check-hint{margin:8px 0 0!important;color:#7a4b00!important;font-size:11px!important}
.intake-submit-bar{position:sticky;bottom:0;z-index:5;display:grid;grid-template-columns:.72fr 1.28fr;gap:9px;margin-top:13px;padding:10px;background:rgba(238,244,241,.95);backdrop-filter:blur(9px)}
.intake-submit-bar button{min-height:50px}
.intake-agreement-dialog{width:min(680px,calc(100% - 24px));max-height:88vh;padding:0;border:0;border-radius:14px;box-shadow:0 24px 70px rgba(12,35,25,.28)}
.intake-agreement-dialog::backdrop{background:rgba(14,28,22,.55)}
.intake-agreement-dialog.is-fallback-open,.intake-agreement-prompt.is-fallback-open{position:fixed;inset:6vh 12px auto;width:calc(100% - 24px);max-width:680px;max-height:88vh;margin:0 auto;display:block;z-index:9999;background:#fff;box-shadow:0 0 0 100vmax rgba(14,28,22,.55),0 24px 70px rgba(12,35,25,.28)}
.intake-agreement-prompt.is-fallback-open{inset:20vh 14px auto;max-width:420px}
html.intake-dialog-fallback-active{overflow:hidden}
.intake-agreement-dialog article{display:grid;grid-template-rows:auto minmax(0,1fr) auto;max-height:88vh}
.intake-agreement-dialog header,.intake-agreement-dialog footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border-bottom:1px solid var(--line)}
.intake-agreement-dialog footer{justify-content:flex-end;border-top:1px solid var(--line);border-bottom:0}
.intake-agreement-dialog h2{margin:0;font-size:17px}
.intake-agreement-dialog header button{min-width:38px;font-size:22px}
.intake-agreement-dialog article>div{overflow:auto;padding:18px;line-height:1.8;white-space:normal}
.intake-agreement-read-status{margin-right:auto;color:var(--muted);font-size:12px;font-weight:700}
.intake-agreement-prompt{width:min(420px,calc(100% - 28px));padding:0;border:0;border-radius:14px;box-shadow:0 24px 70px rgba(12,35,25,.3)}
.intake-agreement-prompt::backdrop{background:rgba(14,28,22,.55)}
.intake-agreement-prompt article{padding:21px}
.intake-agreement-prompt h2{margin:0;font-size:18px}
.intake-agreement-prompt p{margin:11px 0 18px;color:#405f51;line-height:1.7}
.intake-agreement-prompt button{width:100%;min-height:44px}

@media(max-width:900px){
  .intake-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .intake-answer-grid,.intake-template-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .intake-field-editor{grid-template-columns:repeat(2,minmax(0,1fr))}
  .intake-field-editor textarea,.intake-field-editor .actions{grid-column:1/-1}
}
@media(max-width:700px){
  .intake-create-row,.intake-template-form{grid-template-columns:1fr}
  .intake-template-form .intake-wide{grid-column:auto}
  .intake-detail-hero{align-items:flex-start}
  .intake-answer-grid,.intake-template-list{grid-template-columns:1fr}
  .intake-template-availability-note,.project-template-shortcut,.project-template-shortcut>div{align-items:flex-start;flex-direction:column}
  .project-template-manager-link{width:100%}
  .mobile-card-actions>*{flex:1 1 44%}
  .mobile-card-actions button,.mobile-card-actions .button{width:100%;justify-content:center}
  .mobile-intake-summary{grid-template-columns:1fr}
}
@media(max-width:520px){
  .page-mobile_workbench .page-header{margin-bottom:12px;padding-bottom:12px}
  .page-mobile_workbench .app main{padding:16px 12px 32px}
  .mobile-summary>div{padding:14px}
  .mobile-work-card{padding:14px}
  .mobile-work-card>header{display:grid}
  .mobile-work-card>header .intake-status{justify-self:start}
  .mobile-completion{grid-template-columns:1fr}
  .mobile-card-actions{display:grid;grid-template-columns:1fr 1fr}
  .mobile-template-create{grid-template-columns:1fr}
  .mobile-card-actions>*{min-width:0}
  .intake-public-shell{padding:12px 10px 60px}
  .intake-public-hero{padding:20px;border-radius:12px}
  .intake-public-card{padding:15px}
  .intake-state-card{display:grid}
  .intake-submit-bar{grid-template-columns:1fr;padding-right:0;padding-left:0}
  .intake-agreement-dialog footer{align-items:stretch;flex-direction:column}
  .intake-agreement-read-status{margin-right:0;text-align:center}
  .intake-file-list>div{grid-template-columns:1fr auto}
  .intake-file-list>div label{grid-column:1/-1}
}

/* 2026-08 cosmic operations theme — selected Product Design direction 02 */
:root{
  --cosmic-bg:#050a1a;
  --cosmic-bg-soft:#091127;
  --cosmic-panel:#0c1630;
  --cosmic-panel-strong:#111d3b;
  --cosmic-line:#26355d;
  --cosmic-line-soft:#1a294b;
  --cosmic-text:#f1f4ff;
  --cosmic-muted:#9ca8c9;
  --cosmic-blue:#55b9ff;
  --cosmic-violet:#8d63ff;
  --cosmic-cyan:#53dfed;
  --cosmic-danger:#ff5f83;
  --cosmic-warning:#ffb45c;
  --bg:var(--cosmic-bg);
  --surface:var(--cosmic-panel);
  --surface-soft:var(--cosmic-bg-soft);
  --line:var(--cosmic-line);
  --line-soft:var(--cosmic-line-soft);
  --text:var(--cosmic-text);
  --muted:var(--cosmic-muted);
  --muted-light:#7381a6;
  --sidebar:#070d20;
  --sidebar-hover:#121c39;
  --sidebar-text:#b5c0dd;
  --primary:#7258e9;
  --primary-hover:#856cff;
  --primary-soft:#181b42;
  --shadow:0 18px 44px rgba(0,0,0,.22);
  --sidebar-width:200px;
  --topbar-height:64px;
}

body:has(.app){background:var(--cosmic-bg);color:var(--cosmic-text)}
.app{
  background:var(--cosmic-bg);
  color:var(--cosmic-text);
}
.topbar{
  background:#070d20;
  border-bottom:1px solid var(--cosmic-line-soft);
  box-shadow:none;
}
.topbar-brand{
  color:#f6f2ff;
  background:#070d20;
  border-right:1px solid var(--cosmic-line-soft);
  font-size:16px;
  letter-spacing:.01em;
}
.topbar-brand b{
  color:#fff;
  background:#7258e9;
  border:1px solid #9d8aff;
  box-shadow:0 0 24px rgba(120,89,255,.38);
}
.topbar-account strong{color:#eef2ff}
.topbar-account small{color:#7785a9}
.account-avatar{background:#392a84;border:1px solid #7058d8;color:#fff}
.app-sidebar{
  color:var(--sidebar-text);
  background:#070d20;
  border-right:1px solid var(--cosmic-line-soft);
}
.sidebar-title{padding-bottom:15px;border-bottom:1px solid #141f3b}
.sidebar-title span{color:#eef2ff}
.sidebar-title small{color:#657294}
.nav-section-label{color:#54617f}
.app-sidebar nav a{color:#9ca9c8;border-color:transparent}
.app-sidebar nav a:hover{color:#f4f1ff;background:#101a36;border-color:#263660}
.app-sidebar nav a.active{
  color:#fff;
  background:#1a1d48;
  border-color:#5c4ba5;
  box-shadow:inset 3px 0 0 #8f6cff,0 8px 24px rgba(31,17,89,.18);
}
.account-summary{border-top-color:#182441;color:#eef2ff}
.account-summary small{color:#6d7b9e}
.logout-form button{color:#8895b5;background:#0b142c;border-color:#233254}
.logout-form button:hover{color:#fff;background:#151f40;border-color:#4a4483}
.app main{background:var(--cosmic-bg);padding:24px 26px 48px}
.page-header{border-bottom-color:#1b2848}
.page-header h1,.app h2,.app h3{color:#f3f5ff}
.page-header p,.app p{color:var(--cosmic-muted)}
.page-eyebrow{color:#6c789a}
.page-eyebrow strong,.section-kicker{color:#8a70ff!important}
.page-status{color:#a9b4d1;background:#0b142b;border-color:#26365a}
.page-status i{background:#55dca3;box-shadow:0 0 12px rgba(85,220,163,.5)}
.app section,.app .panel{
  color:var(--cosmic-text);
  background:var(--cosmic-panel);
  border-color:var(--cosmic-line);
  box-shadow:var(--shadow);
}
.app .hint,.app small,.app .muted{color:var(--cosmic-muted)}
.app a{color:#8fcfff}
.app input,.app select,.app textarea,.app button,.app .button{
  color:#dfe6fb;
  background:#0a1430;
  border-color:#304064;
}
.app input::placeholder,.app textarea::placeholder{color:#5f6e91}
.app input:focus,.app select:focus,.app textarea:focus{border-color:#7b65e8;box-shadow:0 0 0 3px rgba(123,101,232,.16)}
.app .primary,.app button.primary,.app .button.primary{color:#fff;background:#7054df;border-color:#8b74f2}
.app .primary:hover,.app button.primary:hover,.app .button.primary:hover{background:#8066ef;border-color:#a18fff}
.app .filters{background:#09132a;border-color:#1f2e50}
.app label{color:#aeb9d5}
.app th{color:#aab5d1;background:#101a35;border-bottom-color:#28375b}
.app td{color:#d7def1;border-bottom-color:#192746}
.app tbody tr:hover{background:#101a36}
.app code{color:#a9dfff;background:#111e3b}
.app .tag-badge,.app .production-status,.app .warning-badge{filter:saturate(.9) brightness(1.15)}

.page-dashboard .page-header{display:none}
.page-dashboard .app main{padding-top:14px}
.page-dashboard .app section{overflow:visible}
.cosmic-command-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  min-height:82px;
  margin-bottom:14px!important;
  padding:17px 20px!important;
  background:#080f24!important;
}
.cosmic-kicker{display:block;margin-bottom:5px;color:#8e72ff;font-size:10px;font-weight:800;letter-spacing:.16em}
.cosmic-command-header h2{margin:0 0 4px;font-size:22px;letter-spacing:-.02em}
.cosmic-command-header p{margin:0;font-size:12px}
.command-header-actions{display:flex;align-items:center;gap:12px}
.command-header-actions form{margin:0}
.command-sync-state{display:inline-flex;align-items:center;gap:8px;color:#aeb8d3;font-size:12px}
.command-sync-state i{width:8px;height:8px;border-radius:50%;background:#4fe4a6;box-shadow:0 0 14px rgba(79,228,166,.65)}
.cosmic-primary{min-height:40px;padding:9px 18px!important;box-shadow:0 0 24px rgba(112,84,223,.25)}

.cosmic-overview{
  display:grid;
  grid-template-columns:minmax(0,1.9fr) minmax(300px,.72fr);
  gap:14px;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.orbit-command-panel,.urgent-task-panel,.production-pipeline,.recent-change-panel{
  min-width:0;
  background:#0a132a;
  border:1px solid #26365c;
  border-radius:14px;
  box-shadow:0 18px 44px rgba(0,0,0,.2);
}
.urgent-task-panel{
  position:static;
  inset:auto;
  z-index:auto;
  display:block;
  width:auto;
  padding:0;
  color:var(--cosmic-text);
}
.orbit-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:54px;padding:0 18px;border-bottom:1px solid #1f2d4d}
.orbit-heading>span{color:#eef2ff;font-size:14px;font-weight:750}
.orbit-heading small,.orbit-heading a{color:#8794b6;font-size:11px;text-decoration:none}
.orbit-heading a:hover{color:#a9ddff}
.orbit-stage{position:relative;height:346px;overflow:hidden;border-radius:0 0 14px 14px;background:#050b1d}
.orbit-stage>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.96}
.orbit-core,.orbit-node{
  position:absolute;
  z-index:2;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  color:#fff!important;
  text-align:center;
  text-decoration:none;
  background:rgba(15,18,58,.72);
  border:1px solid rgba(132,105,255,.9);
  border-radius:50%;
  box-shadow:0 0 30px rgba(119,78,255,.28),inset 0 0 24px rgba(88,67,190,.22);
  backdrop-filter:blur(8px);
  transition:transform .2s ease,border-color .2s ease;
}
.orbit-core:hover,.orbit-node:hover{transform:translateY(-3px);border-color:#87d9ff}
.orbit-core{left:50%;top:50%;width:138px;height:138px;transform:translate(-50%,-50%)}
.orbit-core:hover{transform:translate(-50%,-53%)}
.orbit-core span,.orbit-node span{font-size:12px;color:#bdc6e3}
.orbit-core strong{margin:5px 0 2px;font-size:28px;line-height:1}
.orbit-core small,.orbit-node small{margin:0;color:#7f8daf;font-size:10px}
.orbit-node{width:94px;height:94px;background:rgba(8,28,57,.8);border-color:#3c83bd;box-shadow:0 0 26px rgba(49,152,233,.2),inset 0 0 20px rgba(45,118,176,.18)}
.orbit-node strong{margin:3px 0 1px;font-size:20px;line-height:1}
.orbit-node-production{left:10%;top:14%}
.orbit-node-renewal{right:10%;top:13%;border-color:#7d59df}
.orbit-node-store{left:17%;bottom:10%;border-color:#36a4c7}

.urgent-task-panel{overflow:hidden}
.urgent-task-list{display:grid;gap:10px;padding:14px}
.urgent-task{
  display:grid;
  grid-template-columns:9px minmax(0,1fr) auto;
  gap:11px;
  align-items:center;
  min-height:72px;
  padding:12px 13px;
  color:#e8edff!important;
  background:#101a35;
  border:1px solid #233357;
  border-radius:10px;
  text-decoration:none;
  transition:transform .18s ease,border-color .18s ease,background .18s ease;
}
.urgent-task:hover{transform:translateY(-1px);background:#15203e;border-color:#44578a}
.urgent-task>i{width:8px;height:8px;border-radius:50%;background:#5e8df9;box-shadow:0 0 10px rgba(94,141,249,.55)}
.urgent-task.is-danger>i{background:var(--cosmic-danger);box-shadow:0 0 10px rgba(255,95,131,.55)}
.urgent-task.is-warning>i{background:var(--cosmic-warning);box-shadow:0 0 10px rgba(255,180,92,.5)}
.urgent-task span{min-width:0}
.urgent-task strong,.urgent-task small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.urgent-task strong{font-size:13px}
.urgent-task small{margin-top:5px;color:#8794b4;font-size:10px}
.urgent-task b{color:#667496;font-size:20px;font-weight:400}

.cosmic-kpi-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.cosmic-kpi-grid>a{
  display:block;
  min-width:0;
  min-height:108px;
  padding:15px 17px;
  color:#eef2ff!important;
  background:#0d1730;
  border:1px solid #28385f;
  border-radius:12px;
  text-decoration:none;
  transition:transform .18s ease,border-color .18s ease;
}
.cosmic-kpi-grid>a:hover{transform:translateY(-2px);border-color:#6858b3}
.cosmic-kpi-grid span{color:#9ca8c8;font-size:12px}
.cosmic-kpi-grid strong{display:block;margin:7px 0 6px;color:#f4f6ff;font-size:26px;line-height:1}
.cosmic-kpi-grid small{margin:0;color:#6f7d9f;font-size:10px}

.cosmic-lower-grid{
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(320px,.78fr);
  gap:14px;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.production-stage-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;padding:14px}
.production-stage-grid>a{display:block;min-height:94px;padding:13px 15px;color:#eef2ff!important;background:#111c38;border:1px solid #28395e;border-radius:10px;text-decoration:none}
.production-stage-grid>a:hover{border-color:#6858b4;background:#151f41}
.production-stage-grid span{color:#9ea9c7;font-size:11px}
.production-stage-grid strong{display:block;margin:8px 0 6px;font-size:23px;line-height:1}
.production-stage-grid small{margin:0;color:#7180a0;font-size:10px}
.business-cycle-strip{display:flex;align-items:center;gap:20px;margin:0 14px 14px;padding:11px 13px;background:#081229;border:1px solid #1c2b4b;border-radius:9px;color:#8996b8;font-size:11px}
.business-cycle-strip strong{margin-left:5px;color:#e7ebfb;font-size:14px}
.business-cycle-strip a{margin-left:auto;text-decoration:none}
.recent-change-list{display:grid;padding:5px 14px 11px}
.recent-change-list>a{display:grid;grid-template-columns:7px minmax(0,1fr) auto;gap:10px;align-items:center;min-height:42px;color:#e9edfb!important;border-bottom:1px solid #1b2948;text-decoration:none}
.recent-change-list>a:last-child{border-bottom:0}
.recent-change-list i{width:6px;height:6px;border-radius:50%;background:#7e62e9;box-shadow:0 0 10px rgba(126,98,233,.5)}
.recent-change-list span{min-width:0}
.recent-change-list strong,.recent-change-list small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.recent-change-list strong{font-size:11px}
.recent-change-list small{margin-top:3px;color:#6e7b9d;font-size:9px}
.recent-change-list time{color:#6f7d9e;font-size:9px;white-space:nowrap}
.cosmic-quick-access{display:flex;align-items:center;justify-content:space-between;padding:14px 17px!important}
.cosmic-quick-access>span{color:#9ca8c8;font-size:12px;font-weight:700}
.cosmic-quick-access>div{display:flex;gap:8px}

@media(max-width:1180px){
  .cosmic-overview{grid-template-columns:minmax(0,1.5fr) minmax(280px,.8fr)}
  .orbit-stage{height:380px}
  .cosmic-lower-grid{grid-template-columns:1fr}
}
@media(max-width:980px){
  .cosmic-overview{grid-template-columns:1fr}
  .cosmic-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
  .cosmic-command-header{align-items:flex-start;flex-direction:column}
  .command-header-actions{width:100%;justify-content:space-between}
  .orbit-stage{height:330px}
  .orbit-core{width:112px;height:112px}
  .orbit-node{width:78px;height:78px}
  .orbit-node-production{left:4%}
  .orbit-node-renewal{right:4%}
  .cosmic-kpi-grid{grid-template-columns:1fr 1fr}
  .production-stage-grid{grid-template-columns:1fr}
}
@media(max-width:480px){
  .page-dashboard .app main{padding-right:12px;padding-left:12px}
  .command-header-actions{align-items:stretch;flex-direction:column}
  .cosmic-kpi-grid{grid-template-columns:1fr}
  .orbit-stage{height:300px}
  .orbit-node{display:none}
  .cosmic-quick-access{align-items:flex-start;flex-direction:column;gap:10px}
}

/* Secure entry: match the dark orbital operating console without changing auth behavior. */
.auth-page{
  position:relative;
  display:block;
  min-height:100vh;
  overflow:hidden;
  color:#edf2ff;
  background:#04091a;
}
.auth-cosmos,.auth-cosmos::before,.auth-cosmos::after{
  position:fixed;
  inset:-6%;
  pointer-events:none;
}
.auth-cosmos{z-index:0;overflow:hidden;background:#04091a}
.auth-cosmos::before,.auth-cosmos::after{content:"";background-image:url("cosmic-operations-orbit.png");background-repeat:no-repeat;background-position:center;background-size:cover}
.auth-cosmos::before{opacity:.72;filter:saturate(1.14) contrast(1.04);animation:auth-cosmos-drift 26s ease-in-out infinite alternate}
.auth-cosmos::after{opacity:.28;filter:blur(18px) saturate(1.35);transform:scale(1.12);animation:auth-cosmos-glow 18s ease-in-out infinite alternate}
.auth-login-layout{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(360px,1.24fr) minmax(360px,.76fr);
  align-items:center;
  gap:clamp(42px,8vw,132px);
  width:min(1160px,calc(100vw - 64px));
  min-height:100vh;
  margin:0 auto;
  padding:48px 0;
}
.auth-intro{
  position:relative;
  min-width:0;
  max-width:670px;
  margin:0;
  padding:14px 0 8px;
  color:inherit;
  background:transparent;
  border:0;
  border-radius:0;
  box-shadow:none;
  overflow:visible;
  animation:auth-enter .8s cubic-bezier(.22,.8,.25,1) both;
}
.auth-brand{margin:0 0 18px;color:#f1f4ff}
.auth-brand-intro{margin-bottom:42px}
.auth-brand b{background:#7258e9;border:1px solid #a08eff;box-shadow:0 0 24px rgba(121,91,255,.46)}
.auth-kicker,.auth-card-kicker{display:block;color:#9b86ff;font-size:10px;font-weight:800;letter-spacing:.18em}
.auth-intro h2{max-width:570px;margin:15px 0 14px;color:#f5f7ff;font-size:clamp(34px,4vw,58px);font-weight:760;line-height:1.18;letter-spacing:-.045em}
.auth-intro h2 strong{display:block;color:#90d8ff;font:inherit}
.auth-intro>p{max-width:420px;margin:0;color:#a8b5d3;font-size:15px;line-height:1.75}
.auth-signal{display:inline-flex;align-items:center;gap:9px;margin-top:29px;padding:9px 12px;color:#aebadd;background:rgba(7,18,43,.68);border:1px solid rgba(115,137,208,.32);border-radius:999px;font-size:12px;backdrop-filter:blur(12px)}
.auth-signal i{width:7px;height:7px;border-radius:50%;background:#55dda7;box-shadow:0 0 13px rgba(85,221,167,.8);animation:auth-pulse 2s ease-in-out infinite}
.auth-card{
  position:relative;
  width:100%;
  max-width:438px;
  justify-self:end;
  margin:0;
  padding:34px;
  color:#eaf0ff;
  background:rgba(8,16,39,.82);
  border:1px solid rgba(137,153,219,.35);
  border-radius:18px;
  box-shadow:0 28px 86px rgba(0,0,0,.42),0 0 0 1px rgba(110,87,218,.12) inset;
  backdrop-filter:blur(18px);
  animation:auth-card-enter .85s .08s cubic-bezier(.22,.8,.25,1) both;
}
.auth-card::before{position:absolute;inset:0;content:"";border:1px solid rgba(172,152,255,.12);border-radius:inherit;pointer-events:none}
.auth-card .auth-brand{margin-bottom:24px;font-size:19px}
.auth-card-kicker{margin-bottom:9px;color:#7fd2ff}
.auth-card h1{margin:0 0 7px;color:#f7f8ff;font-size:27px;letter-spacing:-.025em}
.auth-card>p{margin:0 0 23px;color:#9eabca;line-height:1.65}
.auth-card label{color:#c7d1eb;font-weight:650}
.auth-card input{min-height:48px;color:#eff3ff;background:rgba(6,15,37,.78);border-color:#34466f;border-radius:10px}
.auth-card input:focus{border-color:#9179ff;box-shadow:0 0 0 3px rgba(128,102,237,.18)}
.auth-card .primary{min-height:49px;color:#fff;background:#7054df;border-color:#9279ff;border-radius:10px;box-shadow:0 11px 25px rgba(82,59,197,.34)}
.auth-card .primary:hover{background:#8067ed;border-color:#b0a0ff;transform:translateY(-1px)}
.auth-card .toast{color:#fff;background:rgba(129,42,65,.84);border-left-color:#ff7596;box-shadow:none}
@keyframes auth-cosmos-drift{from{transform:scale(1.03) translate3d(-1.2%,-.8%,0)}to{transform:scale(1.12) translate3d(1.6%,1.1%,0)}}
@keyframes auth-cosmos-glow{from{transform:scale(1.1) translate3d(1%,0,0);opacity:.18}to{transform:scale(1.2) translate3d(-1.5%,-1%,0);opacity:.36}}
@keyframes auth-pulse{50%{opacity:.46;transform:scale(.76)}}
@keyframes auth-enter{from{opacity:0;transform:translate3d(-18px,14px,0)}to{opacity:1;transform:none}}
@keyframes auth-card-enter{from{opacity:0;transform:translate3d(22px,18px,0) rotateY(-3deg)}to{opacity:1;transform:none}}
@media(max-width:820px){
  .auth-login-layout{display:block;width:min(480px,calc(100vw - 32px));padding:34px 0}
  .auth-intro{padding:0 4px 24px}
  .auth-brand-intro{margin-bottom:25px}
  .auth-intro h2{font-size:34px}
  .auth-card{max-width:none;justify-self:auto;padding:28px}
}
@media(max-width:480px){
  .auth-login-layout{display:flex;flex-direction:column;justify-content:center;width:min(100% - 24px,430px);padding:20px 0}
  .auth-intro{padding:0 7px 15px}
  .auth-brand-intro{margin-bottom:16px}
  .auth-intro h2{margin-top:10px;font-size:29px}
  .auth-intro>p,.auth-signal{display:none}
  .auth-card{padding:24px 21px;border-radius:15px}
}
@media(prefers-reduced-motion:reduce){
  .auth-cosmos::before,.auth-cosmos::after,.auth-intro,.auth-card,.auth-signal i{animation:none!important}
}

/* 2026-08 cosmic surface hardening — remove legacy light cards inside the admin app. */
.app{color-scheme:dark}
.app input[type="checkbox"],.app input[type="radio"]{accent-color:#8066ef}
.app select option{color:#e8edff;background:#0a1430}

.app .metrics>div,
.app .business-kpis>div,
.app .business-kpis>a,
.app .intake-metric-grid>div,
.app .mobile-summary>div,
.app .metric-tile,
.app .metric-card,
.app .dashboard-signal-grid>a,
.app .quick-action-grid>a,
.app .system-order-grid>div,
.app .product-stat-grid>div,
.app .service-stat-list>div,
.app .compact-ranking>div,
.app .progress-status-grid>div,
.app .mobile-work-card{
  color:#edf2ff!important;
  background:#0d1730!important;
  border-color:#28385f!important;
  box-shadow:0 14px 34px rgba(0,0,0,.18)!important;
}
.app .business-kpis>div::after,.app .business-kpis>a::after{
  opacity:.34;
  border-color:#394779!important;
}
.app .metrics span,
.app .business-kpis span,
.app .business-kpis small,
.app .intake-metric-grid span,
.app .mobile-summary span,
.app .metric-tile-head>span,
.app .metric-tile-foot span{color:#9daaca!important}
.app .metrics b,.app .metrics strong,
.app .business-kpis strong,
.app .intake-metric-grid strong,
.app .mobile-summary strong,
.app .metric-tile>strong,
.app .metric-card strong{color:#f4f7ff!important}

.app .settings-section-nav,
.app .tag-card,
.app .assigned-tag,
.app .detail-grid dt,
.app .timeline>div,
.app .permission-grid label,
.app .catalog-chip,
.app .owner-product-panel,
.app .order-products,
.app .service-picker label,
.app .intake-answer-grid article,
.app .intake-template-list>a,
.app .intake-field-editor,
.app .mobile-intake-summary>div,
.app .mobile-production-status,
.app .proxy-template-preview span{
  color:#dbe3f8!important;
  background:#0a142d!important;
  border-color:#26375d!important;
}
.app .assigned-tag .tag-remove{color:#ff7895;background:#121b36;border-color:#36476f}
.app .assigned-tag .tag-remove:hover{background:#2a1730}
.app .tag-updated td,.app .selected-row{background:#102437!important}
.app .settings-section-nav a{color:#b9c5e1}
.app .settings-section-nav a:hover{color:#dcd5ff;background:#171c43;border-color:#554891}
.app .county-stat-list a{color:#c5cee5;background:#0a142d;border-color:#26375d}
.app .county-stat-list a:hover{color:#fff;background:#111d3b;border-color:#526491}

.app .project-template-shortcut{
  color:#dfe6f9;
  background:#0c1731;
  border-color:#314267;
  box-shadow:0 14px 32px rgba(0,0,0,.16);
}
.app .project-template-shortcut span{color:#9c82ff}
.app .project-template-shortcut strong{color:#f1f4ff}
.app .project-template-shortcut small{color:#9daaca}
.app .mini-progress{background:#1b2949}

.app .broadcast-target-filter fieldset{
  background:#0a142d;
  border-color:#2a3b62;
}
.app .broadcast-target-filter legend{color:#dbe3f8}
.app .broadcast-target-filter label{color:#aebad7}
.app .operation-filter-toggle{
  color:#cdd6ec;
  background:#0d1833;
  border-color:#304267;
}

.app .store-metrics-online-row{background:#0c1730!important}
.app .store-metrics-online-row:hover{background:#101e3c!important}
.app .store-metrics-online-row td{color:#dbe3f8;border-top-color:#2a3b62;border-bottom-color:#2a3b62}
.app .store-metrics-online-row td:first-child{box-shadow:inset 4px 0 0 #ff4f7b}
.app .store-metrics-table .store-metrics-online-amount{color:#ff668d}
.app .store-metrics-payment-summary strong{color:#dfe6f9;background:#111c38}
.app .store-metrics-payment-summary .store-metrics-online-amount{color:#ff7896;background:#2a1730}
.app .store-metrics-payment-scenes>div{color:#9eaccb}
.app .store-metrics-payment-scenes b{color:#dfe6f9}
.app .store-industry-input{background:#0a142d;border-color:#2b3c61}
.app .store-industry-input summary{color:#c9d3eb}

.app .script-card{
  color:#dce4f7;
  background:#0a142d;
  border-color:#2a3b62;
  box-shadow:0 14px 34px rgba(0,0,0,.17);
}
.app .script-card-head{background:#0d1833;border-bottom-color:#2a3b62}
.app .script-card h3{color:#f3f5ff}
.app .script-body{color:#d9e1f5;background:#091329}
.app .script-card footer{color:#92a0c0;background:#0d1833;border-top-color:#2a3b62}
.app .role-badge{color:#72e0b0;background:#10312e}
.app .scene-badge{color:#7fd3ff;background:#102c45}

.app .dashboard-board{background:#0a142d}
.app .dashboard-signal-grid>a:hover,.app .quick-action-grid>a:hover{background:#121e3c;border-color:#5d55a0}
.app .rule-list p{color:#c0cae1;background:#0a142d;border-left-color:#5eb8f0}
.app .rule-list b{color:#eef2ff}
.app .bar-track{background:#1a2848}
.app .notice-inline{color:#ffd598;background:#2c2418;border-color:#71562d}

.app .refunded-row{background:#251522!important}
.app .refunded-row:hover{background:#30182a!important}
.app .broadcast-progress-item{background:#0d1730;border-color:#28385f}
.app .finance-inline-edit-row td{background:#102437!important}
.app .naming-warning-card{background:#0b1530!important;border-color:#2a3b62!important}
.app .warning-badge{color:#ffd68a;background:#2b2417;border-color:#71562d}
.app .collapsible-admin-section{color:#dce4f7}
.app .collapsible-admin-section>summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  min-height:58px;
  padding:2px 0;
  color:#f2f5ff;
  cursor:pointer;
  list-style-position:inside;
}
.app .collapsible-admin-section>summary::marker{color:#8d72ff}
.app .collapsible-admin-section>summary span:first-child{display:inline-flex;align-items:center;gap:12px;min-width:0}
.app .collapsible-admin-section>summary .section-kicker{margin:0}
.app .collapsible-admin-section>summary strong{font-size:18px}
.app .collapse-summary-meta{flex:0 0 auto;color:#aeb9d5;font-size:13px;font-weight:700}
.app .collapsible-admin-section[open]>summary{padding-bottom:15px;border-bottom:1px solid #25365d}
.app .collapsible-section-body{padding-top:16px}
.app .collapsible-section-body>.hint{margin-bottom:14px}
.app .collapsible-section-body>.toolbar:first-child{margin-bottom:14px}
.app .danger{color:#ff7895;background:#241522;border-color:#6f3048}
.app .danger:hover{color:#fff;background:#3a1b2b;border-color:#9d4864}

.app .intake-page-tabs a{color:#aebad7;background:#0b1530;border-color:#2b3c62}
.app .intake-page-tabs a:hover{color:#fff;background:#131f3d}
.app .intake-field-editor.is-new{background:#102437;border-color:#3d766f}
.app .intake-template-availability-note{color:#ffd598;background:#2c2418;border-color:#71562d}
.app .intake-status{color:#cbd5e9;background:#1a2542}
.app .intake-status.status-complete_submitted,.app .intake-status.status-locked{color:#74dfb0;background:#10312e}
.app .intake-status.status-partial_submitted,.app .intake-status.status-editing_after_submit,.app .intake-status.status-changes_requested{color:#ffd598;background:#2c2418}
.app .intake-status.status-revoked{color:#ff8aa2;background:#321824}

@media(max-width:520px){
  .app table.responsive-table tr{color:#dce4f7;background:#0d1730;border-color:#28385f}
}

/* Theme center: a compact per-browser switcher for the two supported admin styles. */
.theme-picker{position:relative}
.theme-picker-toggle{
  display:flex!important;
  align-items:center;
  gap:8px;
  min-height:38px;
  padding:7px 11px!important;
  color:#aeb9d5!important;
  background:#0a1430!important;
  border:1px solid #304064!important;
  border-radius:10px!important;
  font-size:11px;
  white-space:nowrap;
}
.theme-picker-toggle strong{color:#f0f3ff;font-size:12px}
.theme-picker-menu{
  position:absolute;
  z-index:80;
  top:calc(100% + 10px);
  right:0;
  display:none;
  width:286px;
  padding:8px;
  background:#09132b;
  border:1px solid #304267;
  border-radius:14px;
  box-shadow:0 20px 54px rgba(0,0,0,.38);
}
.theme-picker[data-open="true"] .theme-picker-menu{display:grid;gap:6px}
.theme-picker-menu>button{
  display:grid!important;
  grid-template-columns:48px minmax(0,1fr) auto;
  align-items:center;
  gap:11px;
  width:100%;
  min-height:64px;
  padding:8px!important;
  color:#dfe6fb!important;
  text-align:left;
  background:transparent!important;
  border:1px solid transparent!important;
  border-radius:10px!important;
}
.theme-picker-menu>button:hover{background:#111d3b!important;border-color:#304267!important}
.theme-picker-menu>button[aria-pressed="true"]{background:#171b42!important;border-color:#755ee8!important}
.theme-picker-menu>button>span:nth-child(2){display:grid;gap:3px}
.theme-picker-menu strong{font-size:13px}
.theme-picker-menu small{color:#7e8bad!important;font-size:10px}
.theme-picker-menu em{display:none;color:#a998ff;font-size:10px;font-style:normal}
.theme-picker-menu>button[aria-pressed="true"] em{display:block}
.theme-option-preview{display:block;width:48px;height:38px;border:1px solid #31436c;border-radius:8px;box-shadow:inset 0 0 0 6px #0a1430}
.theme-option-preview-cosmic{background:#7459e9}
.theme-option-preview-luminous{background:#f3f1ff;box-shadow:inset 0 0 0 6px #fff;border-color:#d8d5f3}

/* 2026-08 luminous violet theme — reference-led bright dashboard option. */
html[data-scrm-theme="luminous"]{
  color-scheme:light;
  --cosmic-bg:#f5f6ff;
  --cosmic-bg-soft:#f1f2fb;
  --cosmic-panel:rgba(255,255,255,.9);
  --cosmic-panel-strong:#fff;
  --cosmic-line:#e0e3f1;
  --cosmic-line-soft:#eaecf6;
  --cosmic-text:#25243e;
  --cosmic-muted:#6f7595;
  --cosmic-blue:#6a9cf5;
  --cosmic-violet:#7758ea;
  --cosmic-cyan:#4bbfd2;
  --cosmic-danger:#df476b;
  --cosmic-warning:#d89336;
  --bg:#f5f6ff;
  --surface:rgba(255,255,255,.9);
  --surface-soft:#f4f5fb;
  --line:#e0e3f1;
  --line-soft:#eaecf6;
  --text:#25243e;
  --muted:#6f7595;
  --muted-light:#9499b4;
  --sidebar:rgba(249,249,255,.92);
  --sidebar-hover:#fff;
  --sidebar-text:#656987;
  --primary:#7657e8;
  --primary-hover:#6747d9;
  --primary-soft:#eeeaff;
  --shadow:0 18px 44px rgba(86,76,148,.1);
}
html[data-scrm-theme="luminous"] body:has(.app){background:#f5f6ff url("luminous-dashboard-bg.png") center top/cover fixed no-repeat;color:var(--text)}
html[data-scrm-theme="luminous"] .app{color-scheme:light;color:var(--text);background:transparent}
html[data-scrm-theme="luminous"] .topbar{background:rgba(255,255,255,.88);border-bottom-color:#e6e7f2;box-shadow:0 5px 22px rgba(91,77,156,.06);backdrop-filter:blur(18px)}
html[data-scrm-theme="luminous"] .topbar-brand{color:#282540;background:transparent;border-right-color:#e8e9f3}
html[data-scrm-theme="luminous"] .topbar-brand b{background:#7657e8;border-color:#9a84ef;box-shadow:0 8px 22px rgba(118,87,232,.26)}
html[data-scrm-theme="luminous"] .topbar-account strong{color:#2b2944}
html[data-scrm-theme="luminous"] .topbar-account small{color:#8c90aa}
html[data-scrm-theme="luminous"] .account-avatar{color:#fff;background:#7657e8;border-color:#9a84ef}
html[data-scrm-theme="luminous"] .app-sidebar{color:#656987;background:rgba(249,249,255,.92);border-right-color:#e6e7f2;box-shadow:8px 0 30px rgba(93,81,156,.05);backdrop-filter:blur(18px)}
html[data-scrm-theme="luminous"] .sidebar-title{border-bottom-color:#e8e9f3}
html[data-scrm-theme="luminous"] .sidebar-title span{color:#2b2944}
html[data-scrm-theme="luminous"] .sidebar-title small{color:#969ab3}
html[data-scrm-theme="luminous"] .nav-section-label{color:#a3a6bb}
html[data-scrm-theme="luminous"] .app-sidebar nav a{color:#696d8a}
html[data-scrm-theme="luminous"] .app-sidebar nav a:hover{color:#6445dc;background:#f3f0ff;border-color:#ddd4ff}
html[data-scrm-theme="luminous"] .app-sidebar nav a.active{color:#fff;background:#7657e8;border-color:#7657e8;box-shadow:0 8px 20px rgba(118,87,232,.22)}
html[data-scrm-theme="luminous"] .account-summary{color:#2b2944;border-top-color:#e7e8f2}
html[data-scrm-theme="luminous"] .account-summary small{color:#9297b0}
html[data-scrm-theme="luminous"] .logout-form button{color:#696d89;background:#fff;border-color:#dddfea}
html[data-scrm-theme="luminous"] .app main{background:transparent}
html[data-scrm-theme="luminous"] .page-header{border-bottom-color:#e2e4ef}
html[data-scrm-theme="luminous"] .page-header h1,
html[data-scrm-theme="luminous"] .app h2,
html[data-scrm-theme="luminous"] .app h3{color:#292740}
html[data-scrm-theme="luminous"] .page-header p,
html[data-scrm-theme="luminous"] .app p{color:#6f7595}
html[data-scrm-theme="luminous"] .page-eyebrow{color:#999db5}
html[data-scrm-theme="luminous"] .page-eyebrow strong,
html[data-scrm-theme="luminous"] .section-kicker{color:#7758ea!important}
html[data-scrm-theme="luminous"] .page-status{color:#676c89;background:rgba(255,255,255,.82);border-color:#dfe1ed}
html[data-scrm-theme="luminous"] .page-status i{background:#36bb82;box-shadow:none}
html[data-scrm-theme="luminous"] .app section,
html[data-scrm-theme="luminous"] .app .panel{color:#2b2944;background:rgba(255,255,255,.88);border-color:#dfe2ef;box-shadow:0 18px 44px rgba(86,76,148,.09);backdrop-filter:blur(12px)}
html[data-scrm-theme="luminous"] .app .hint,
html[data-scrm-theme="luminous"] .app small,
html[data-scrm-theme="luminous"] .app .muted{color:#7b809e}
html[data-scrm-theme="luminous"] .app a{color:#6550cc}
html[data-scrm-theme="luminous"] .app input,
html[data-scrm-theme="luminous"] .app select,
html[data-scrm-theme="luminous"] .app textarea,
html[data-scrm-theme="luminous"] .app button,
html[data-scrm-theme="luminous"] .app .button{color:#34324b;background:#fff;border-color:#d9dceb}
html[data-scrm-theme="luminous"] .app input::placeholder,
html[data-scrm-theme="luminous"] .app textarea::placeholder{color:#a1a5ba}
html[data-scrm-theme="luminous"] .app input:focus,
html[data-scrm-theme="luminous"] .app select:focus,
html[data-scrm-theme="luminous"] .app textarea:focus{border-color:#8064ec;box-shadow:0 0 0 3px rgba(128,100,236,.13)}
html[data-scrm-theme="luminous"] .app .primary,
html[data-scrm-theme="luminous"] .app button.primary,
html[data-scrm-theme="luminous"] .app .button.primary{color:#fff;background:#7657e8;border-color:#7657e8;box-shadow:0 8px 20px rgba(118,87,232,.18)}
html[data-scrm-theme="luminous"] .app .filters{background:rgba(255,255,255,.78);border-color:#e0e2ee}
html[data-scrm-theme="luminous"] .app label{color:#606581}
html[data-scrm-theme="luminous"] .app th{color:#676c88;background:#f3f3fb;border-bottom-color:#dfe2ee}
html[data-scrm-theme="luminous"] .app td{color:#3c3b55;border-bottom-color:#e7e8f2}
html[data-scrm-theme="luminous"] .app tbody tr:hover{background:#f7f5ff}
html[data-scrm-theme="luminous"] .app code{color:#5b4ab0;background:#f1edff}
html[data-scrm-theme="luminous"] .app input[type="checkbox"],
html[data-scrm-theme="luminous"] .app input[type="radio"]{accent-color:#7657e8}
html[data-scrm-theme="luminous"] .app select option{color:#34324b;background:#fff}

html[data-scrm-theme="luminous"] .theme-picker-toggle{color:#777b98!important;background:#f8f7ff!important;border-color:#dedfed!important}
html[data-scrm-theme="luminous"] .theme-picker-toggle strong{color:#4c476b}
html[data-scrm-theme="luminous"] .theme-picker-menu{background:#fff;border-color:#dedfed;box-shadow:0 20px 54px rgba(83,72,145,.18)}
html[data-scrm-theme="luminous"] .theme-picker-menu>button{color:#38354f!important}
html[data-scrm-theme="luminous"] .theme-picker-menu>button:hover{background:#f6f3ff!important;border-color:#ded6ff!important}
html[data-scrm-theme="luminous"] .theme-picker-menu>button[aria-pressed="true"]{background:#f0ecff!important;border-color:#8c72ec!important}
html[data-scrm-theme="luminous"] .theme-picker-menu small{color:#8d91aa!important}
html[data-scrm-theme="luminous"] .theme-picker-menu em{color:#6548dc}

html[data-scrm-theme="luminous"] .app .metrics>div,
html[data-scrm-theme="luminous"] .app .business-kpis>div,
html[data-scrm-theme="luminous"] .app .business-kpis>a,
html[data-scrm-theme="luminous"] .app .intake-metric-grid>div,
html[data-scrm-theme="luminous"] .app .mobile-summary>div,
html[data-scrm-theme="luminous"] .app .metric-tile,
html[data-scrm-theme="luminous"] .app .metric-card,
html[data-scrm-theme="luminous"] .app .dashboard-signal-grid>a,
html[data-scrm-theme="luminous"] .app .quick-action-grid>a,
html[data-scrm-theme="luminous"] .app .system-order-grid>div,
html[data-scrm-theme="luminous"] .app .product-stat-grid>div,
html[data-scrm-theme="luminous"] .app .service-stat-list>div,
html[data-scrm-theme="luminous"] .app .compact-ranking>div,
html[data-scrm-theme="luminous"] .app .progress-status-grid>div,
html[data-scrm-theme="luminous"] .app .mobile-work-card{color:#302e49!important;background:rgba(255,255,255,.92)!important;border-color:#e0e2ef!important;box-shadow:0 14px 34px rgba(85,73,145,.08)!important}
html[data-scrm-theme="luminous"] .app .metrics span,
html[data-scrm-theme="luminous"] .app .business-kpis span,
html[data-scrm-theme="luminous"] .app .business-kpis small,
html[data-scrm-theme="luminous"] .app .intake-metric-grid span,
html[data-scrm-theme="luminous"] .app .mobile-summary span,
html[data-scrm-theme="luminous"] .app .metric-tile-head>span,
html[data-scrm-theme="luminous"] .app .metric-tile-foot span{color:#7b809d!important}
html[data-scrm-theme="luminous"] .app .metrics b,
html[data-scrm-theme="luminous"] .app .metrics strong,
html[data-scrm-theme="luminous"] .app .business-kpis strong,
html[data-scrm-theme="luminous"] .app .intake-metric-grid strong,
html[data-scrm-theme="luminous"] .app .mobile-summary strong,
html[data-scrm-theme="luminous"] .app .metric-tile>strong,
html[data-scrm-theme="luminous"] .app .metric-card strong{color:#292740!important}

html[data-scrm-theme="luminous"] .app .settings-section-nav,
html[data-scrm-theme="luminous"] .app .tag-card,
html[data-scrm-theme="luminous"] .app .assigned-tag,
html[data-scrm-theme="luminous"] .app .detail-grid dt,
html[data-scrm-theme="luminous"] .app .timeline>div,
html[data-scrm-theme="luminous"] .app .permission-grid label,
html[data-scrm-theme="luminous"] .app .catalog-chip,
html[data-scrm-theme="luminous"] .app .owner-product-panel,
html[data-scrm-theme="luminous"] .app .order-products,
html[data-scrm-theme="luminous"] .app .service-picker label,
html[data-scrm-theme="luminous"] .app .intake-answer-grid article,
html[data-scrm-theme="luminous"] .app .intake-template-list>a,
html[data-scrm-theme="luminous"] .app .intake-field-editor,
html[data-scrm-theme="luminous"] .app .mobile-intake-summary>div,
html[data-scrm-theme="luminous"] .app .mobile-production-status,
html[data-scrm-theme="luminous"] .app .proxy-template-preview span{color:#3e3c57!important;background:#fafaff!important;border-color:#e0e2ee!important}
html[data-scrm-theme="luminous"] .app .project-template-shortcut,
html[data-scrm-theme="luminous"] .app .broadcast-target-filter fieldset,
html[data-scrm-theme="luminous"] .app .script-card,
html[data-scrm-theme="luminous"] .app .broadcast-progress-item,
html[data-scrm-theme="luminous"] .app .naming-warning-card{color:#3a3852;background:rgba(255,255,255,.9)!important;border-color:#e0e2ee!important;box-shadow:0 14px 34px rgba(85,73,145,.08)}
html[data-scrm-theme="luminous"] .app .project-template-shortcut strong,
html[data-scrm-theme="luminous"] .app .script-card h3{color:#292740}
html[data-scrm-theme="luminous"] .app .project-template-shortcut small{color:#7d829e}
html[data-scrm-theme="luminous"] .app .operation-filter-toggle{color:#4e4b69;background:#fff;border-color:#dddfea}
html[data-scrm-theme="luminous"] .app .store-metrics-online-row{background:#fff5f8!important}
html[data-scrm-theme="luminous"] .app .store-metrics-online-row:hover{background:#ffedf3!important}
html[data-scrm-theme="luminous"] .app .store-metrics-online-row td{color:#3d3b55;border-color:#f0d7df}
html[data-scrm-theme="luminous"] .app .store-metrics-payment-summary strong{color:#34324b;background:#f5f4fb}
html[data-scrm-theme="luminous"] .app .store-metrics-payment-summary .store-metrics-online-amount{color:#d93862;background:#fff0f4}
html[data-scrm-theme="luminous"] .app .store-metrics-payment-scenes>div{color:#747994}
html[data-scrm-theme="luminous"] .app .store-metrics-payment-scenes b{color:#34324b}
html[data-scrm-theme="luminous"] .app .store-industry-input{background:#fff;border-color:#dfe1ec}
html[data-scrm-theme="luminous"] .app .store-industry-input summary{color:#514e69}
html[data-scrm-theme="luminous"] .app .script-card-head,
html[data-scrm-theme="luminous"] .app .script-card footer{color:#686d89;background:#f5f4fb;border-color:#e0e2ee}
html[data-scrm-theme="luminous"] .app .script-body{color:#3d3b54;background:#fff}
html[data-scrm-theme="luminous"] .app .dashboard-board{background:rgba(255,255,255,.9)}
html[data-scrm-theme="luminous"] .app .rule-list p{color:#555a76;background:#f5f7ff;border-left-color:#7d6be0}
html[data-scrm-theme="luminous"] .app .rule-list b{color:#2d2b44}
html[data-scrm-theme="luminous"] .app .bar-track{background:#e8e8f3}
html[data-scrm-theme="luminous"] .app .refunded-row{background:#fff2f5!important}
html[data-scrm-theme="luminous"] .app .refunded-row:hover{background:#ffe8ee!important}
html[data-scrm-theme="luminous"] .app .finance-inline-edit-row td,
html[data-scrm-theme="luminous"] .app .tag-updated td,
html[data-scrm-theme="luminous"] .app .selected-row{background:#f0f8f5!important}
html[data-scrm-theme="luminous"] .app .collapsible-admin-section{color:#3e3b55}
html[data-scrm-theme="luminous"] .app .collapsible-admin-section>summary{color:#2d2b44}
html[data-scrm-theme="luminous"] .app .collapse-summary-meta{color:#777c98}
html[data-scrm-theme="luminous"] .app .collapsible-admin-section[open]>summary{border-bottom-color:#e0e2ee}
html[data-scrm-theme="luminous"] .app .intake-page-tabs a{color:#5f647f;background:#fff;border-color:#dfe1ed}

html[data-scrm-theme="luminous"] .cosmic-command-header{background:rgba(255,255,255,.82)!important}
html[data-scrm-theme="luminous"] .orbit-command-panel,
html[data-scrm-theme="luminous"] .urgent-task-panel,
html[data-scrm-theme="luminous"] .production-pipeline,
html[data-scrm-theme="luminous"] .recent-change-panel{background:rgba(255,255,255,.9);border-color:#e0e2ef;box-shadow:0 18px 44px rgba(86,76,148,.1)}
html[data-scrm-theme="luminous"] .orbit-heading{border-bottom-color:#e8e9f3}
html[data-scrm-theme="luminous"] .orbit-heading>span{color:#302e49}
html[data-scrm-theme="luminous"] .orbit-heading small,
html[data-scrm-theme="luminous"] .orbit-heading a{color:#7d829e}
html[data-scrm-theme="luminous"] .orbit-stage{background:#f3f1ff url("luminous-dashboard-bg.png") center/cover no-repeat}
html[data-scrm-theme="luminous"] .orbit-stage>img{display:none}
html[data-scrm-theme="luminous"] .orbit-core,
html[data-scrm-theme="luminous"] .orbit-node{color:#2c2946!important;background:rgba(255,255,255,.84);border-color:#9882ee;box-shadow:0 16px 36px rgba(105,81,199,.18);backdrop-filter:blur(10px)}
html[data-scrm-theme="luminous"] .orbit-node{border-color:#8cc7ea}
html[data-scrm-theme="luminous"] .orbit-core span,
html[data-scrm-theme="luminous"] .orbit-node span{color:#686e8c}
html[data-scrm-theme="luminous"] .orbit-core small,
html[data-scrm-theme="luminous"] .orbit-node small{color:#8d92ac}
html[data-scrm-theme="luminous"] .urgent-task{color:#34324b!important;background:#fafaff;border-color:#e2e4ef}
html[data-scrm-theme="luminous"] .urgent-task:hover{background:#f4f1ff;border-color:#cfc5f7}
html[data-scrm-theme="luminous"] .urgent-task small{color:#858aa4}
html[data-scrm-theme="luminous"] .urgent-task b{color:#9a9eb5}
html[data-scrm-theme="luminous"] .cosmic-kpi-grid>a,
html[data-scrm-theme="luminous"] .production-stage-grid>a{color:#302e49!important;background:rgba(255,255,255,.92);border-color:#e0e2ef;box-shadow:0 14px 32px rgba(86,76,148,.08)}
html[data-scrm-theme="luminous"] .cosmic-kpi-grid>a:hover,
html[data-scrm-theme="luminous"] .production-stage-grid>a:hover{background:#faf9ff;border-color:#bdb0f4}
html[data-scrm-theme="luminous"] .cosmic-kpi-grid span,
html[data-scrm-theme="luminous"] .production-stage-grid span{color:#7b809d}
html[data-scrm-theme="luminous"] .cosmic-kpi-grid strong,
html[data-scrm-theme="luminous"] .production-stage-grid strong{color:#2a2841}
html[data-scrm-theme="luminous"] .cosmic-kpi-grid small,
html[data-scrm-theme="luminous"] .production-stage-grid small{color:#9397b0}
html[data-scrm-theme="luminous"] .business-cycle-strip{color:#777c98;background:#f8f7ff;border-color:#e0e2ee}
html[data-scrm-theme="luminous"] .business-cycle-strip strong{color:#2e2c45}
html[data-scrm-theme="luminous"] .recent-change-list>a{color:#38364f!important;border-bottom-color:#e7e8f2}
html[data-scrm-theme="luminous"] .recent-change-list small,
html[data-scrm-theme="luminous"] .recent-change-list time{color:#9095ad}
html[data-scrm-theme="luminous"] .cosmic-quick-access>span{color:#727792}

@media(max-width:760px){
  .theme-picker-toggle>span{display:none}
  .theme-picker-menu{position:fixed;top:70px;right:12px;left:12px;width:auto}
}
@media(max-width:520px){
  html[data-scrm-theme="luminous"] .app table.responsive-table tr{color:#39374f;background:#fff;border-color:#e0e2ee}
  .theme-picker-toggle strong{font-size:11px}
}

/* Phase 1: exception-first operations cockpit and Customer 360. */
.cosmic-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}
.operations-health-panel{padding:0!important;overflow:hidden!important}
.operations-health-panel>.orbit-heading{min-height:68px}
.operations-health-panel>.orbit-heading>div{display:block}
.operations-health-panel>.orbit-heading h2{margin:1px 0 0;font-size:17px}
.operations-health-panel>.orbit-heading .section-kicker{margin:0;font-size:9px;letter-spacing:.13em}
.operations-health-summary{margin:0;padding:12px 18px 0;font-size:11px}
.operations-health-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  padding:14px 18px 18px;
}
.health-card{
  position:relative;
  display:grid;
  min-width:0;
  min-height:126px;
  padding:14px 15px 13px 17px;
  color:#eef2ff!important;
  text-decoration:none;
  background:#101a35;
  border:1px solid #28395e;
  border-left:4px solid #6687d9;
  border-radius:10px;
  transition:transform .16s ease,border-color .16s ease,background .16s ease;
}
.health-card:hover{transform:translateY(-2px);background:#14203f;border-color:#526ba8}
.health-card.is-healthy{border-left-color:#50d5a0}
.health-card.is-warning{border-left-color:#ffb45c}
.health-card.is-danger{border-left-color:#ff5f83}
.health-card.is-unavailable{border-left-color:#6f7d9f;opacity:.82}
.health-card>span,.health-card>strong,.health-card>small,.health-card>em{display:block;min-width:0}
.health-card>span{color:#9da9c8;font-size:11px;font-weight:700}
.health-card>strong{margin:7px 0 5px;color:#f4f6ff;font-size:20px;line-height:1.15}
.health-card>small{color:#7f8dad;font-size:10px;line-height:1.45}
.health-card>em{align-self:end;margin-top:10px;color:#8fcfff;font-size:10px;font-style:normal}

.customer360-kpis{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.customer360-kpis>div{
  min-width:0;
  padding:15px 16px;
  background:#0d1730;
  border:1px solid #28385f;
  border-radius:10px;
}
.customer360-kpis span,.customer360-kpis strong,.customer360-kpis small{display:block}
.customer360-kpis span{color:#9ca8c8;font-size:11px}
.customer360-kpis strong{margin:7px 0 5px;color:#f4f6ff;font-size:25px;line-height:1}
.customer360-kpis small{color:#7d8aaa;font-size:10px}
.customer360-group-panel,.customer360-touch-panel{overflow:hidden}
.customer360-table{table-layout:auto}
.customer360-table th:first-child{width:23%}
.customer360-table th:nth-child(2){width:15%}
.customer360-table th:nth-child(3){width:19%}
.customer360-table th:nth-child(4){width:30%}
.customer360-table td{vertical-align:top}
.customer360-badges{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}
.customer360-operation{display:grid;gap:3px;padding:7px 0;border-bottom:1px solid var(--line-soft)}
.customer360-operation:first-child{padding-top:0}
.customer360-operation:last-child{padding-bottom:0;border-bottom:0}
.customer360-operation strong{font-size:12px}
.customer360-operation small{font-size:10px}
.customer360-directory-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:22px;
  padding:17px 19px!important;
}
.customer360-directory-head h2{margin:0 0 4px;font-size:17px}
.customer360-directory-head p{margin:0}
.customer360-directory-kpis{display:flex;align-items:stretch;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.customer360-directory-kpis>span{
  display:grid;
  min-width:92px;
  gap:3px;
  padding:9px 11px;
  color:#8d9abb;
  font-size:9px;
  background:#101a35;
  border:1px solid #28385e;
  border-radius:8px;
}
.customer360-directory-kpis b{color:#f1f4ff;font-size:18px;line-height:1}

html[data-scrm-theme="luminous"] .health-card,
html[data-scrm-theme="luminous"] .customer360-kpis>div,
html[data-scrm-theme="luminous"] .customer360-directory-kpis>span{
  color:#34324b!important;
  background:#fff;
  border-color:#e0e2ef;
  box-shadow:0 10px 26px rgba(86,76,148,.07);
}
html[data-scrm-theme="luminous"] .health-card:hover{background:#faf9ff;border-color:#bdb0f4}
html[data-scrm-theme="luminous"] .health-card.is-healthy{border-left-color:#27aa79}
html[data-scrm-theme="luminous"] .health-card.is-warning{border-left-color:#d98a27}
html[data-scrm-theme="luminous"] .health-card.is-danger{border-left-color:#df456c}
html[data-scrm-theme="luminous"] .health-card.is-unavailable{border-left-color:#8c94aa}
html[data-scrm-theme="luminous"] .health-card>span,
html[data-scrm-theme="luminous"] .customer360-kpis span{color:#686d89}
html[data-scrm-theme="luminous"] .health-card>strong,
html[data-scrm-theme="luminous"] .customer360-kpis strong,
html[data-scrm-theme="luminous"] .customer360-directory-kpis b{color:#292740}
html[data-scrm-theme="luminous"] .health-card>small,
html[data-scrm-theme="luminous"] .customer360-kpis small{color:#777c98}
html[data-scrm-theme="luminous"] .health-card>em{color:#6247cf}
html[data-scrm-theme="luminous"] .customer360-directory-kpis>span{color:#747994}

@media(max-width:1180px){
  .operations-health-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .customer360-directory-head{align-items:flex-start;flex-direction:column}
  .customer360-directory-kpis{justify-content:flex-start}
}
@media(max-width:880px){
  .operations-health-grid,.customer360-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:620px){
  .operations-health-grid,.customer360-kpis{grid-template-columns:1fr}
  .health-card{min-height:112px}
  .customer360-directory-kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}
  .customer360-directory-kpis>span{min-width:0}
}

/* Reusable direct-to-OSS image controls for admin forms. */
.admin-media-fields{display:grid;gap:9px}
.admin-media-upload{
  display:grid;
  gap:7px;
  padding:12px 13px;
  color:var(--text);
  background:rgba(105,80,220,.08);
  border:1px dashed rgba(126,105,230,.62);
  border-radius:10px;
}
.admin-media-upload strong{font-size:12px}
.admin-media-upload small{color:var(--muted-light);font-size:10px;line-height:1.55}
.admin-media-upload input[type="file"]{width:100%;padding:8px;background:var(--input-bg);border:1px solid var(--line);border-radius:8px}
.admin-media-url-fallback{padding:8px 10px;border:1px solid var(--line);border-radius:9px;background:rgba(7,16,39,.32)}
.admin-media-url-fallback summary{cursor:pointer;color:var(--muted-light);font-size:11px;font-weight:700}
.admin-media-url-fallback[open] summary{margin-bottom:8px}
.admin-media-url-fallback input{width:100%}
html[data-scrm-theme="luminous"] .admin-media-upload{background:#f6f2ff;border-color:#b8a8ef}
html[data-scrm-theme="luminous"] .admin-media-url-fallback{background:#fafaff;border-color:#dcdeea}

/* 案例库：PC / H5 共用主题与展示。 */
.case-toolbar{margin-bottom:18px}.case-editor{padding:20px;margin-bottom:18px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}
.case-editor>summary{cursor:pointer;font-size:16px;font-weight:700}.case-editor[open]>summary{margin-bottom:18px}
.case-form{display:grid;grid-template-columns:1fr 1fr;gap:18px}.case-form-wide{grid-column:1/-1}.case-upload-preview{display:block;max-width:100%;height:180px;object-fit:contain;margin-top:12px;border-radius:8px}.case-upload-preview[hidden]{display:none}
.case-category-list{display:grid;gap:12px;margin:16px 0}.case-category-row{display:flex;align-items:end;gap:12px}.case-category-form{display:grid;grid-template-columns:minmax(120px,1fr) 110px auto;align-items:end;gap:10px;flex:1}.case-category-form label{min-width:0}
.case-filters form{display:flex;gap:10px;flex-wrap:wrap}.case-filters input{flex:1;min-width:160px}.case-filters select{width:auto;min-width:130px}.case-filters .hint{margin-bottom:0}
.case-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.case-card{min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:var(--shadow)}
.app .case-cover{display:block;position:relative;width:100%;padding:0;aspect-ratio:9/19.5;overflow:hidden;border:0;border-bottom:1px solid var(--line);border-radius:0;background:var(--surface-soft);color:var(--text)}
.case-cover img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}.case-cover-empty{display:grid;place-items:center;height:100%;color:var(--muted)}
.case-cover-hint{position:absolute;bottom:0;left:0;right:0;padding:28px 8px 14px;background:linear-gradient(transparent,rgba(5,10,26,.92));color:#fff;font-size:12px;text-align:center}.case-card-body{padding:16px}.case-card-meta{display:flex;justify-content:space-between;align-items:center;gap:8px}.case-card h3{margin:12px 0 8px;font-size:17px;overflow-wrap:anywhere}.case-card p{font-size:13px;line-height:1.65;overflow-wrap:anywhere}.case-card .actions{margin-top:16px}.case-pagination{justify-content:center;margin:24px 0}
.case-dialog{width:min(420px,calc(100vw - 32px));max-height:calc(100dvh - 40px);box-sizing:border-box;padding:28px;text-align:center;border:1px solid var(--line);border-radius:22px;background:var(--surface);color:var(--text);box-shadow:var(--shadow);overflow:auto}.case-dialog::backdrop{background:rgba(3,7,20,.76);backdrop-filter:blur(6px)}.case-dialog-close{display:block;margin:0 0 20px auto}.case-dialog h2{overflow-wrap:anywhere;margin:12px 0}.case-dialog .hint{font-size:12px;line-height:1.7;color:var(--muted)}.case-qr-frame{margin:20px auto;padding:18px;background:#fff;border-radius:16px;max-width:280px;box-sizing:border-box}.case-qr-frame img{display:block;width:100%;height:auto;max-height:40dvh;object-fit:contain}.case-qr-frame img[hidden]{display:none}.case-modal-open{overflow:hidden}.case-qr-error{color:var(--cosmic-danger)}
@media(max-width:1200px){.case-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.case-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.case-card-body{padding:12px}.case-card h3{font-size:15px}.case-cover-hint{font-size:10px}.case-form{grid-template-columns:1fr}.case-category-row{flex-wrap:wrap}.case-category-form{grid-template-columns:minmax(100px,1fr) 80px}.case-category-form button{grid-column:1/-1}.case-editor{padding:16px}.case-filters input{flex-basis:100%}.case-filters select{flex:1}.case-toolbar{align-items:start;gap:12px;flex-wrap:wrap}}
.case-filters .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.case-form>label,.case-category-form>label{display:grid;gap:8px;align-content:start}.case-form input:not([type=file]),.case-form select,.case-form textarea,.case-category-form input{width:100%;box-sizing:border-box}
html[data-scrm-theme="luminous"] .page-case_library .case-toolbar .button:not(.primary),html[data-scrm-theme="luminous"] .page-case_library .case-filters .button:not(.primary){background:#fff;color:var(--text);border-color:var(--line)}

/* Customer-facing H5 gallery */
.case-public .app{display:block;min-height:100vh}.case-public .app main{width:100%;max-width:1280px;margin:0 auto;padding:36px 24px 64px;background:transparent;box-sizing:border-box}.case-public-hero{padding:24px 0 32px}.case-public-hero .brand{display:inline-flex;color:var(--primary);font-size:17px}.case-public-hero h1{font-size:32px;line-height:1.3;margin:24px 0 12px;color:var(--text)}.case-public-hero p{line-height:1.7}.case-industry-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 20px}.case-share{margin-bottom:24px}.case-share input{margin-top:14px;width:100%;box-sizing:border-box}.case-public .case-toolbar{margin-bottom:16px}.case-public .case-dialog h2{color:var(--text)}
@media(max-width:700px){.case-public .app main{padding:18px 14px 40px}.case-public-hero{padding:12px 2px 24px}.case-public-hero h1{font-size:26px}.case-public .case-industry-tabs{gap:8px}.case-public .case-industry-tabs .button{padding:9px 12px}}

/* Large industry catalogs and case pagination */
.case-industry-picker{margin:0 0 20px;padding:16px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}
.case-industry-heading{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:12px}
.case-industry-picker>input{width:100%;box-sizing:border-box;margin-bottom:12px}
.case-industry-picker .case-industry-tabs{max-height:180px;overflow-y:auto;overscroll-behavior:contain;margin:0;padding:2px 4px 6px 0;align-content:start}
[data-industry-picker] [data-industry-name][hidden]{display:none!important}
.case-category-list{max-height:420px;overflow-y:auto;overscroll-behavior:contain}
.case-pagination{text-align:center;margin:24px 0}.case-page-links{justify-content:center;flex-wrap:wrap;gap:8px}
.case-page-jump{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:14px}.case-page-jump label{display:flex;align-items:center;gap:8px}.case-page-jump input[type=number]{width:80px;box-sizing:border-box}
@media(max-width:700px){.case-industry-picker{padding:12px}.case-industry-picker .case-industry-tabs{max-height:150px}.case-page-links .button{padding:9px 12px}.case-category-list{max-height:340px}}

/* 菜品图案例：同一画面直接比较设计前后，不使用小程序长图与二维码。 */
.case-compare-card{grid-column:span 2}.case-before-after{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line);border-bottom:1px solid var(--line)}
.case-before-after figure{position:relative;display:grid;place-items:center;min-width:0;min-height:260px;margin:0;background:var(--surface-soft);overflow:hidden}
.case-before-after img{display:block;width:100%;height:100%;aspect-ratio:4/3;object-fit:contain;background:#080d1c}
.case-before-after figcaption{position:absolute;z-index:1;top:12px;left:12px;padding:6px 10px;color:#fff;background:rgba(4,8,20,.78);border:1px solid rgba(255,255,255,.24);border-radius:999px;font-size:12px;font-weight:800;backdrop-filter:blur(6px)}
html[data-scrm-theme="luminous"] .case-before-after img{background:#f3f1f8}
@media(max-width:700px){.case-compare-card{grid-column:1/-1}.case-before-after figure{min-height:150px}.case-before-after figcaption{top:8px;left:8px;padding:5px 8px;font-size:10px}}