/* ======================== CSS Variables ======================== */
:root {
  --primary: #2563eb;
  --primary-light: #3b82f6;
  --primary-bg: #eff6ff;
  --success: #059669;
  --success-bg: #ecfdf5;
  --warning: #d97706;
  --warning-bg: #fffbeb;
  --danger: #dc2626;
  --danger-bg: #fef2f2;
  --gray-50: #f9fafb;
  --gray-100: #f3f4f6;
  --gray-200: #e5e7eb;
  --gray-300: #d1d5db;
  --gray-400: #9ca3af;
  --gray-500: #6b7280;
  --gray-600: #4b5563;
  --gray-700: #374151;
  --gray-800: #1f2937;
  --gray-900: #111827;
  --sidebar-bg: #1e293b;
  --sidebar-hover: #334155;
  --sidebar-active: #2563eb;
  --card-shadow: 0 1px 3px rgba(0,0,0,0.08), 0 1px 2px rgba(0,0,0,0.06);
  --card-radius: 12px;
}

/* ======================== Reset ======================== */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei", "PingFang SC", sans-serif;
  font-size: 14px;
  color: var(--gray-800);
  background: var(--gray-100);
  min-height: 100vh;
  overflow: hidden;
}
a { color: var(--primary); text-decoration: none; }
a:hover { text-decoration: underline; }
button { cursor: pointer; font: inherit; }
input, select, textarea { font: inherit; }
.hidden { display: none !important; }

/* ======================== Login Screen (Immersive) ======================== */
.login-screen {
  position: fixed; inset: 0; z-index: 9999;
  display: flex; align-items: center; justify-content: center;
  background:
    radial-gradient(circle at 78% 4%, rgba(103, 232, 249, .26), transparent 34%),
    radial-gradient(circle at 18% 82%, rgba(183, 121, 31, .18), transparent 32%),
    linear-gradient(135deg, #0a101d 0%, #101826 30%, #0f2733 60%, #0f172a 100%);
  overflow: hidden;
}
.login-screen.hidden { display: none; }
.login-ambient {
  position: absolute; pointer-events: none;
  filter: blur(60px); opacity: 0.4;
}
.login-ambient-a {
  width: 400px; height: 400px; right: 5vw; top: 5vh;
  background: radial-gradient(circle, rgba(8,145,178,.45), transparent 68%);
  animation: ambientFloat 8s ease-in-out infinite;
}
.login-ambient-b {
  width: 440px; height: 440px; left: 10vw; bottom: -5vh;
  background: radial-gradient(circle, rgba(15,118,110,.28), transparent 70%);
  animation: ambientFloat 10s ease-in-out infinite reverse;
}
@keyframes ambientFloat {
  0%, 100% { transform: translate(0, 0) scale(1); }
  50% { transform: translate(20px, -20px) scale(1.08); }
}
.login-grid {
  position: relative; z-index: 1;
  display: grid; grid-template-columns: 1.2fr 400px;
  gap: 60px; max-width: 1100px; width: 95%; align-items: center;
}

/* Left: Visual */
.login-visual {
  display: flex; flex-direction: column; gap: 32px;
}
.login-brand {
  display: flex; align-items: center; gap: 16px;
  color: #fff;
}
.login-brand .brand-mark {
  display: grid; place-items: center;
  width: 64px; height: 64px; border-radius: 20px; flex-shrink: 0;
  background: linear-gradient(135deg, #67e8f9, #f7d070);
  color: #07111f; font-size: 24px; font-weight: 950;
}
.login-brand h2 { font-size: 28px; margin: 0; letter-spacing: 0.5px; }
.login-brand p { margin: 4px 0 0; color: #7ea3ba; font-size: 14px; }

/* Score Orb */
.login-core {
  position: relative;
  display: flex; align-items: center; justify-content: center;
  min-height: 360px;
}
.geo-orb {
  position: relative; z-index: 2;
  display: grid; place-items: center;
  width: 200px; height: 200px; border-radius: 50%;
  background:
    radial-gradient(circle at 35% 28%, #fff, #67e8f9 20%, #0f766e 64%, #0f172a);
  box-shadow: 0 0 80px rgba(103,232,249,.35), 0 0 160px rgba(103,232,249,.12);
  animation: orbPulse 3s ease-in-out infinite;
}
@keyframes orbPulse {
  0%, 100% { box-shadow: 0 0 80px rgba(103,232,249,.35), 0 0 160px rgba(103,232,249,.12); }
  50% { box-shadow: 0 0 110px rgba(103,232,249,.55), 0 0 200px rgba(103,232,249,.2); }
}
.geo-orb-value {
  font-size: 64px; font-weight: 950; color: #07111f; line-height: 1;
}
.geo-orb small { margin-top: -28px; color: #0f172a; font-weight: 900; font-size: 13px; }

.geo-orbit {
  position: absolute; border: 1px solid rgba(103,232,249,.22); border-radius: 50%;
}
.geo-o1 { width: 300px; height: 300px; animation: geoSpin 18s linear infinite; }
.geo-o2 { width: 380px; height: 210px; transform: rotate(-26deg); animation: geoSpin 24s linear infinite reverse; }
@keyframes geoSpin { to { transform: rotate(360deg); } }

.geo-signal {
  position: absolute; z-index: 3;
  padding: 7px 12px; border-radius: 999px;
  color: #dffaff; background: rgba(15,23,42,.75); border: 1px solid rgba(103,232,249,.22);
  font-size: 12px; white-space: nowrap;
  animation: signalFloat 4s ease-in-out infinite;
}
.geo-s1 { top: 40px; right: 80px; animation-delay: 0s; }
.geo-s2 { left: 80px; top: 220px; animation-delay: 1.3s; }
.geo-s3 { right: 90px; bottom: 70px; animation-delay: 2.6s; }
.geo-s4 { left: 120px; bottom: 78px; animation-delay: .7s; }
.geo-s5 { right: 32px; top: 180px; animation-delay: 2s; }
@keyframes signalFloat {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-8px); }
}

/* Flow steps */
.login-flow {
  display: flex; align-items: center; gap: 0;
}
.flow-step {
  flex: 1; padding: 14px 10px; border-radius: 16px; text-align: center;
  background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.1);
  color: #cbd5e1;
}
.flow-step strong { display: block; color: #67e8f9; font-size: 15px; margin-bottom: 4px; }
.flow-step span { font-size: 12px; line-height: 1.5; }
.flow-arrow { color: #3b82f6; font-size: 18px; padding: 0 4px; flex-shrink: 0; }

/* Right: Login Form */
.login-form-side {
  display: flex; flex-direction: column; align-items: center;
}
.login-form-card {
  width: 100%; padding: 42px 36px; border-radius: 20px;
  background: rgba(255,255,255,.05); backdrop-filter: blur(20px);
  border: 1px solid rgba(255,255,255,.1);
  box-shadow: 0 28px 80px rgba(0,0,0,.4);
}
.auth-switch {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin-bottom: 22px;
  padding: 6px;
  border-radius: 14px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.08);
}
.auth-switch-btn {
  border: 0;
  border-radius: 10px;
  padding: 12px 14px;
  background: transparent;
  color: #94a3b8;
  font-size: 13px;
  font-weight: 700;
  transition: all 0.2s ease;
}
.auth-switch-btn:hover {
  color: #e2e8f0;
  background: rgba(255,255,255,.06);
}
.auth-switch-btn.active {
  color: #07111f;
  background: linear-gradient(135deg, #67e8f9, #f7d070);
  box-shadow: 0 10px 24px rgba(103,232,249,.18);
}
.auth-pane.hidden {
  display: none;
}
.login-form-card h3 { font-size: 22px; color: #fff; margin-bottom: 6px; }
.login-form-card > p { color: #7ea3ba; font-size: 13px; margin-bottom: 28px; line-height: 1.6; }
.auth-pane > p {
  color: #9fb3c8;
  font-size: 13px;
  margin: 0 0 22px;
  line-height: 1.6;
}
.login-form-card .form-group { margin-bottom: 18px; }
.login-form-card .form-group label { color: #94a3b8; font-size: 12px; font-weight: 600; }
.login-form-card .form-group input {
  width: 100%; padding: 13px 16px; border-radius: 10px;
  border: 1px solid rgba(255,255,255,.12); background: rgba(255,255,255,.07);
  color: #fff; font-size: 14px; outline: none;
}
.login-form-card .form-group input:focus {
  border-color: #67e8f9; box-shadow: 0 0 0 3px rgba(103,232,249,.15);
}
.auth-consent {
  display: grid;
  grid-template-columns: 16px minmax(0, 1fr);
  gap: 9px;
  align-items: flex-start;
  margin: -2px 0 14px;
  color: #9fb3c8;
  font-size: 12px;
  line-height: 1.55;
}
.auth-consent input {
  width: 16px;
  height: 16px;
  margin-top: 2px;
  accent-color: #67e8f9;
}
.auth-consent span {
  min-width: 0;
}
.auth-consent a {
  color: #67e8f9;
  font-weight: 700;
  text-decoration: none;
}
.auth-consent a:hover {
  color: #f7d070;
  text-decoration: underline;
}
.inline-input-action {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 128px;
  gap: 10px;
  align-items: stretch;
}
.login-form-card .btn-inline {
  min-height: 46px;
  padding: 0 12px;
  white-space: nowrap;
}
.login-form-card .btn-primary {
  background: linear-gradient(135deg, #67e8f9, #0891b2);
  padding: 14px; font-size: 15px; margin-top: 4px;
}
.login-form-card .btn-primary:hover {
  transform: translateY(-2px); box-shadow: 0 8px 24px rgba(102,217,239,.3);
}
.login-form-card .btn-outline {
  border: 1px solid rgba(255,255,255,.18);
  background: rgba(255,255,255,.04);
  color: #dbe7f3;
}
.login-form-card .btn-outline:hover {
  background: rgba(255,255,255,.1);
}
.login-form-card .auth-alt-btn {
  margin-top: 10px;
}
.wechat-login-divider {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 12px 0 6px;
  color: #7890a7;
  font-size: 12px;
}
.wechat-login-divider::before,
.wechat-login-divider::after {
  content: "";
  height: 1px;
  flex: 1;
  background: rgba(255,255,255,.1);
}
.login-form-card .wechat-login-btn {
  border-color: rgba(34,197,94,.35);
  color: #dcfce7;
}
.login-form-card .wechat-login-btn:hover {
  background: rgba(34,197,94,.12);
}
.login-form-card .auth-link-btn {
  width: 100%;
  margin-top: 12px;
  border: 0;
  background: transparent;
  color: #67e8f9;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
}
.login-form-card .auth-link-btn:hover {
  color: #f7d070;
  text-decoration: underline;
}
.login-form-card .error-text { color: #ef4444; margin-top: 14px; }

@media (max-width: 960px) {
  body {
    overflow: auto;
  }
  .login-screen {
    position: fixed;
    align-items: flex-start;
    justify-content: flex-start;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding: max(18px, env(safe-area-inset-top)) 16px max(22px, env(safe-area-inset-bottom));
  }
  .login-grid {
    grid-template-columns: 1fr;
    gap: 18px;
    width: min(100%, 430px);
    min-height: auto;
    margin: 0 auto;
  }
  .login-form-side {
    order: 1;
    width: 100%;
  }
  .login-visual {
    order: 2;
    gap: 14px;
    width: 100%;
  }
  .login-brand {
    justify-content: center;
    text-align: left;
  }
  .login-brand .brand-mark {
    width: 48px;
    height: 48px;
    border-radius: 14px;
    font-size: 18px;
  }
  .login-brand h2 {
    font-size: 20px;
  }
  .login-brand p {
    font-size: 12px;
  }
  .login-core {
    min-height: 170px;
    transform: scale(.84);
    transform-origin: top center;
    margin-bottom: -24px;
  }
  .geo-orb {
    width: 128px;
    height: 128px;
  }
  .geo-orb-value {
    font-size: 42px;
  }
  .geo-orb small {
    margin-top: -18px;
    font-size: 11px;
  }
  .geo-o1 {
    width: 190px;
    height: 190px;
  }
  .geo-o2 {
    width: 245px;
    height: 136px;
  }
  .geo-signal {
    padding: 5px 9px;
    font-size: 11px;
  }
  .geo-s1 { top: 12px; right: 42px; }
  .geo-s2 { left: 34px; top: 96px; }
  .geo-s3 { right: 42px; bottom: 28px; }
  .geo-s4 { left: 54px; bottom: 24px; }
  .geo-s5 { right: 14px; top: 82px; }
  .login-flow {
    display: none;
  }
  .login-form-card {
    padding: 22px 18px;
    border-radius: 16px;
  }
  .auth-switch {
    margin-bottom: 16px;
  }
  .login-form-card h3 {
    font-size: 20px;
  }
  .login-form-card .form-group {
    margin-bottom: 14px;
  }
  .login-form-card .form-group input {
    padding: 12px 13px;
  }
  .inline-input-action {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 430px) {
  .login-screen {
    padding-left: 12px;
    padding-right: 12px;
  }
  .login-grid {
    gap: 12px;
  }
  .login-core {
    display: none;
  }
  .login-brand {
    margin-top: 6px;
  }
}

/* ======================== Login Modal (Old - hidden by default now) ======================== */
.modal-overlay {
  position: fixed; inset: 0; z-index: 9998;
  display: flex; align-items: center; justify-content: center;
  background: rgba(0,0,0,0.6); backdrop-filter: blur(4px);
}
.modal-overlay.hidden { display: none; }
.modal-box {
  width: 100%; max-width: 400px; padding: 40px; border-radius: 16px;
  background: #fff; box-shadow: 0 20px 60px rgba(0,0,0,0.2);
}
.modal-head { text-align: center; margin-bottom: 28px; }
.modal-head h2 { font-size: 22px; color: var(--gray-900); }
.modal-head p { margin-top: 6px; color: var(--gray-500); font-size: 13px; }
.form-group { margin-bottom: 18px; min-width: 0; }
.form-group label { display: block; margin-bottom: 6px; font-size: 13px; font-weight: 600; color: var(--gray-700); }
.form-group input,
.form-group select,
.form-group textarea {
  display: block;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  padding: 12px 14px;
  border-radius: 8px;
  border: 1px solid var(--gray-300);
  outline: none;
  font-size: 14px;
  line-height: 1.55;
  color: var(--gray-900);
  background: #fff;
}
.form-group select { min-height: 46px; }
.form-group textarea {
  min-height: 108px;
  resize: vertical;
  overflow: auto;
}
.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus { border-color: var(--primary); box-shadow: 0 0 0 3px rgba(37,99,235,0.1); }
.company-info-grid {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: start;
}
.company-info-grid .form-group { margin-bottom: 12px; }
.company-info-grid textarea { min-height: 120px; }
.company-info-grid .wide-field { grid-column: 1 / -1; }
.enterprise-workspace-head .badge {
  align-self: flex-start;
}
.enterprise-step-grid .stat-card {
  min-width: 0;
}
.enterprise-workspace-panel {
  overflow: hidden;
}
.enterprise-info-grid {
  gap: 16px;
}
.enterprise-action-row {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 16px;
}
.enterprise-action-row .btn {
  min-height: 42px;
}
.enterprise-auto-details {
  margin-top: 14px;
  border-top: 1px solid var(--gray-200);
  padding-top: 12px;
}
.enterprise-auto-details summary {
  cursor: pointer;
  color: var(--gray-500);
  font-size: 13px;
  font-weight: 700;
}
.enterprise-auto-details .enterprise-info-grid {
  margin-top: 14px;
}
.panel.assessment-basic-info {
  padding: 0;
  border: 1px solid var(--gray-200);
}
.assessment-basic-info summary {
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 18px 20px;
  cursor: pointer;
}
.assessment-basic-info summary::-webkit-details-marker {
  display: none;
}
.assessment-summary-title {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 12px;
}
.assessment-summary-title h2 {
  font-size: 18px;
  line-height: 1.3;
  margin: 0;
}
.assessment-summary-title p {
  margin: 4px 0 0;
  color: var(--gray-500);
  font-size: 12px;
  line-height: 1.6;
}
.assessment-summary-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 9px;
}
.assessment-summary-meta span {
  max-width: 360px;
  padding: 4px 9px;
  border-radius: 999px;
  background: var(--gray-100);
  color: var(--gray-600);
  font-size: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.assessment-chevron {
  flex: 0 0 auto;
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  color: var(--primary);
  background: rgba(37, 99, 235, 0.08);
  transition: transform .18s ease;
}
.assessment-basic-info[open] .assessment-chevron {
  transform: rotate(180deg);
}
.assessment-basic-body {
  padding: 18px 20px 20px;
  border-top: 1px solid var(--gray-200);
  background: linear-gradient(180deg, #fff 0%, #f8fafc 100%);
}
.assessment-basic-body .enterprise-info-grid {
  padding-top: 0;
}
.assessment-basic-section {
  padding: 14px;
  border: 1px solid var(--gray-200);
  border-radius: 10px;
  background: #fff;
}
.assessment-basic-section-head {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: flex-start;
  margin-bottom: 12px;
}
.assessment-basic-section-head strong {
  display: block;
  color: var(--gray-900);
  font-size: 15px;
}
.assessment-basic-section-head p {
  margin: 4px 0 0;
  color: var(--gray-500);
  font-size: 12px;
  line-height: 1.5;
}
.assessment-core-fields textarea,
.assessment-more-fields textarea {
  min-height: 70px;
}
.assessment-basic-body .form-group textarea {
  min-height: 70px;
}
.assessment-basic-body .form-group input,
.assessment-basic-body .form-group textarea {
  background: #fff;
}
.assessment-identity-card {
  border-color: #dbe4f0;
  background: #fff;
}
.assessment-identity-card .assessment-basic-body {
  background: #f8fafc;
}
.assessment-identity-section {
  border-color: #dbe4f0;
  background: #fff;
}
.assessment-identity-grid {
  display: grid;
  grid-template-columns: minmax(220px, .9fr) minmax(260px, 1.05fr) minmax(320px, 1.15fr);
  gap: 14px;
  align-items: stretch;
}
.assessment-identity-grid .form-group {
  margin-bottom: 0;
}
.assessment-recognition-card {
  min-width: 0;
  display: grid;
  align-content: start;
  gap: 8px;
  padding: 14px;
  border: 1px solid #dbeafe;
  border-radius: 10px;
  background: linear-gradient(180deg, #eff6ff 0%, #fff 100%);
}
.assessment-recognition-card strong {
  color: var(--gray-900);
  font-size: 15px;
  line-height: 1.35;
}
.assessment-recognition-card p {
  margin: 0;
  color: var(--gray-600);
  font-size: 12px;
  line-height: 1.7;
}
.assessment-recognition-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 4px;
}
.assessment-recognition-actions .btn {
  min-height: 38px;
}
.assessment-more-fields {
  margin-top: 12px;
  padding: 0;
  border: 1px solid var(--gray-200);
  border-radius: 10px;
  background: #fff;
}
.assessment-more-fields summary {
  cursor: pointer;
  padding: 13px 14px;
  color: var(--gray-700);
  font-weight: 800;
  list-style: none;
}
.assessment-more-fields summary::-webkit-details-marker {
  display: none;
}
.assessment-more-fields summary::after {
  content: "展开";
  float: right;
  color: var(--primary);
  font-size: 12px;
}
.assessment-more-fields[open] summary::after {
  content: "收起";
}
.assessment-more-fields .enterprise-info-grid {
  padding: 0 14px 14px;
}
.assessment-profile-savebar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin: 0 14px 14px;
  padding: 14px 16px;
  border: 1px solid #bfdbfe;
  border-radius: 10px;
  background: #eff6ff;
}
.assessment-profile-savebar strong {
  display: block;
  color: var(--gray-900);
  font-size: 14px;
}
.assessment-profile-savebar p {
  margin: 4px 0 0;
  color: var(--gray-600);
  font-size: 12px;
  line-height: 1.6;
}
.assessment-profile-savebar .btn {
  flex: 0 0 auto;
  min-width: 132px;
}
@media (max-width: 720px) {
  .assessment-profile-savebar {
    align-items: stretch;
    flex-direction: column;
  }
  .assessment-profile-savebar .btn {
    width: 100%;
  }
}
.assessment-basic-actions {
  justify-content: flex-end;
}
.enterprise-public-drawer {
  padding: 14px;
  border: 1px solid #dbeafe;
  border-radius: 10px;
  background: #f8fbff;
  box-shadow: none;
}
.enterprise-public-drawer .panel-header {
  margin-bottom: 12px;
}
.enterprise-public-drawer .panel-header h2 {
  font-size: 17px;
}
.enterprise-public-drawer .research-source-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.enterprise-public-drawer .research-source-card {
  background: #fff;
}
.enterprise-public-drawer .enterprise-latest-panel {
  margin-top: 12px;
  padding: 12px;
  background: #fff;
}
.assessment-score-layout {
  display: grid;
  grid-template-columns: minmax(240px, 340px) minmax(0, 1fr);
  gap: 16px;
  margin-bottom: 20px;
}
.panel.assessment-score-card {
  text-align: center;
  display: grid;
  align-content: center;
  min-height: 250px;
}
.assessment-score-label {
  color: var(--gray-500);
  font-size: 13px;
  font-weight: 800;
}
.assessment-score-value {
  margin: 10px 0 8px;
  color: var(--primary);
  font-size: 72px;
  font-weight: 900;
  line-height: 1;
}
.assessment-stage-value {
  font-size: 36px;
  line-height: 1.18;
  letter-spacing: 0;
}
.assessment-score-card p {
  margin: 14px 0 0;
  color: var(--gray-500);
  line-height: 1.75;
}
.assessment-score-card p strong {
  color: var(--gray-900);
}
.assessment-score-target {
  color: var(--primary) !important;
  font-weight: 800;
}
.assessment-treatment-inline {
  justify-self: center;
  margin-top: 14px;
}
.assessment-treatment-panel {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  align-items: start;
  margin-bottom: 20px;
  border-color: rgba(37, 99, 235, .28);
  background: linear-gradient(135deg, #fff 0%, #eff6ff 100%);
}
.assessment-treatment-copy h2 {
  margin: 10px 0 8px;
  color: var(--gray-900);
  font-size: 22px;
  line-height: 1.25;
}
.assessment-treatment-copy p {
  margin: 0;
  color: var(--gray-600);
  line-height: 1.75;
}
.assessment-treatment-target {
  margin-top: 8px !important;
  color: #1d4ed8 !important;
  font-weight: 800;
}
.assessment-treatment-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.assessment-treatment-steps {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
}
.assessment-treatment-step {
  min-width: 0;
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  gap: 9px;
  align-items: start;
  min-height: 118px;
  padding: 12px;
  border: 1px solid rgba(37, 99, 235, .18);
  border-radius: 8px;
  background: #fff;
  color: inherit;
  text-align: left;
  cursor: pointer;
}
.assessment-treatment-step:hover {
  border-color: rgba(37, 99, 235, .45);
  box-shadow: 0 12px 28px rgba(37, 99, 235, .1);
  transform: translateY(-1px);
}
.assessment-treatment-step span {
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: var(--primary);
  color: #fff;
  font-weight: 900;
}
.assessment-treatment-step strong,
.assessment-treatment-step em {
  display: block;
  min-width: 0;
}
.assessment-treatment-step strong {
  color: var(--gray-900);
  font-size: 14px;
  line-height: 1.35;
}
.assessment-treatment-step em {
  grid-column: 2;
  color: var(--gray-500);
  font-size: 12px;
  font-style: normal;
  line-height: 1.55;
}
.assessment-evidence-panel {
  margin-bottom: 20px;
  padding: 0;
}
.assessment-evidence-body {
  padding: 18px 20px 20px;
  display: grid;
  gap: 16px;
}
.assessment-evidence-metrics {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
}
.assessment-evidence-metrics div,
.assessment-evidence-block {
  border: 1px solid var(--gray-200);
  border-radius: 8px;
  background: var(--gray-50);
  padding: 12px;
}
.assessment-evidence-metrics span {
  display: block;
  color: var(--gray-500);
  font-size: 12px;
}
.assessment-evidence-metrics strong {
  display: block;
  margin-top: 4px;
  color: var(--gray-900);
  font-size: 16px;
  line-height: 1.35;
  word-break: break-word;
}
.assessment-evidence-block strong {
  display: block;
  margin-bottom: 8px;
  color: var(--gray-900);
}
.assessment-evidence-block p {
  margin: 0;
  line-height: 1.8;
}
.assessment-evidence-block ul {
  margin: 0;
  padding-left: 18px;
  color: var(--gray-700);
  line-height: 1.8;
}
.assessment-evidence-block li + li {
  margin-top: 8px;
}
.assessment-evidence-block li span {
  color: var(--gray-500);
  font-size: 12px;
}
.assessment-evidence-block-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 10px;
}
.assessment-evidence-block-head strong {
  margin-bottom: 0;
}
.assessment-evidence-basis-grid,
.assessment-evidence-two-col {
  display: grid;
  gap: 10px;
}
.assessment-evidence-basis-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.assessment-evidence-two-col {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.assessment-evidence-basis-card {
  border: 1px solid var(--gray-200);
  border-radius: 8px;
  background: #fff;
  padding: 10px;
}
.assessment-evidence-basis-card strong {
  display: block;
  margin: 8px 0 4px;
  font-size: 14px;
  line-height: 1.35;
}
.assessment-evidence-basis-card p {
  color: var(--gray-500);
  font-size: 12px;
  line-height: 1.6;
}
.assessment-preflight-panel {
  margin-bottom: 20px;
  border: 1px solid #dbeafe;
}
.assessment-preflight-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin: 14px 0;
}
.assessment-preflight-summary div {
  padding: 12px;
  border: 1px solid var(--gray-200);
  border-radius: 8px;
  background: var(--gray-50);
}
.assessment-preflight-summary span {
  display: block;
  color: var(--gray-500);
  font-size: 12px;
}
.assessment-preflight-summary strong {
  display: block;
  margin-top: 4px;
  color: var(--gray-900);
  font-size: 18px;
  line-height: 1.35;
}
.assessment-preflight-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  margin-bottom: 14px;
}
.assessment-simple-flow {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin: 14px 0;
}
.assessment-simple-step {
  min-width: 0;
  padding: 12px;
  border: 1px solid var(--gray-200);
  border-radius: 8px;
  background: #fff;
}
.assessment-simple-step span {
  width: 28px;
  height: 28px;
  display: inline-grid;
  place-items: center;
  margin-bottom: 8px;
  border-radius: 999px;
  background: var(--gray-100);
  color: var(--gray-500);
  font-weight: 800;
}
.assessment-simple-step strong,
.assessment-simple-step small {
  display: block;
}
.assessment-simple-step strong {
  color: var(--gray-900);
  font-size: 14px;
}
.assessment-simple-step small {
  margin-top: 4px;
  color: var(--gray-500);
  line-height: 1.5;
}
.assessment-simple-step-active {
  border-color: #93c5fd;
  background: #eff6ff;
}
.assessment-simple-step-active span {
  background: var(--primary);
  color: #fff;
}
.assessment-simple-step-done {
  border-color: #bbf7d0;
  background: #f0fdf4;
}
.assessment-simple-step-done span {
  background: #059669;
  color: #fff;
}
.assessment-cognition-panel {
  display: grid;
  grid-template-columns: minmax(0, 1.22fr) minmax(320px, .78fr);
  gap: 14px;
  margin: 14px 0 16px;
  padding: 14px;
  border: 1px solid rgba(37, 99, 235, .18);
  border-radius: 10px;
  background: linear-gradient(180deg, #f8fbff 0%, #fff 100%);
}
.assessment-cognition-panel-minimal {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(360px, .92fr);
  align-items: stretch;
  max-width: none;
  margin: 14px auto 16px;
  padding: 14px;
  gap: 14px;
  border-color: var(--gray-200);
  background: #fff;
}
.assessment-cognition-main,
.assessment-blueprint-card {
  min-width: 0;
  border: 1px solid var(--gray-200);
  border-radius: 8px;
  background: #fff;
}
.assessment-cognition-main-minimal {
  border: 0;
  border-radius: 10px;
}
.assessment-cognition-chat-pane,
.assessment-cognition-brief-pane {
  min-width: 0;
  border: 1px solid var(--gray-200);
  border-radius: 10px;
  background: #fff;
  overflow: hidden;
}
.assessment-cognition-brief-pane {
  background: linear-gradient(180deg, #f8fbff 0%, #fff 72%);
}
.assessment-brief-refresh-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 12px 14px;
  border-bottom: 1px solid var(--gray-200);
  background: rgba(239, 246, 255, .75);
}
.assessment-brief-refresh-bar span {
  color: var(--gray-900);
  font-weight: 800;
}
.assessment-brief-refresh-bar em {
  color: var(--gray-500);
  font-size: 12px;
  font-style: normal;
}
.assessment-cognition-title,
.assessment-blueprint-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
  padding: 14px;
  border-bottom: 1px solid var(--gray-200);
}
.assessment-cognition-title h3,
.assessment-blueprint-head h3 {
  margin: 0 0 4px;
  color: var(--gray-900);
  font-size: 17px;
}
.assessment-cognition-title p {
  margin: 0;
  color: var(--gray-500);
  font-size: 13px;
  line-height: 1.6;
}
.assessment-cognition-chat {
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-height: 300px;
  overflow: auto;
  padding: 14px;
}
.assessment-cognition-panel-minimal .assessment-cognition-chat {
  max-height: 360px;
}
.assessment-cognition-empty {
  padding: 12px;
  border: 1px dashed #bfdbfe;
  border-radius: 8px;
  background: #eff6ff;
}
.assessment-cognition-empty strong,
.assessment-cognition-empty p {
  display: block;
  margin: 0;
  line-height: 1.6;
}
.assessment-cognition-empty p {
  margin-top: 4px;
  color: var(--gray-600);
  font-size: 13px;
}
.assessment-cognition-message {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  gap: 8px;
  align-items: start;
  max-width: 92%;
}
.assessment-cognition-message.user {
  grid-template-columns: minmax(0, 1fr) 28px;
  align-self: flex-end;
}
.assessment-cognition-message span {
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  border-radius: 7px;
  background: var(--primary);
  color: #fff;
  font-weight: 800;
  font-size: 12px;
}
.assessment-cognition-message.user span {
  grid-column: 2;
  background: #0f766e;
}
.assessment-cognition-bubble {
  min-width: 0;
}

.assessment-cognition-bubble p {
  white-space: pre-line;
}
.assessment-cognition-message.user .assessment-cognition-bubble {
  grid-column: 1;
}
.assessment-cognition-slot-badge {
  width: fit-content;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  margin-bottom: 6px;
  padding: 6px 9px;
  border: 1px solid #bfdbfe;
  border-radius: 8px;
  background: #eff6ff;
  color: #1d4ed8;
  font-size: 12px;
  font-weight: 900;
  line-height: 1;
}
.assessment-cognition-message p {
  margin: 0;
  padding: 10px 12px;
  border: 1px solid var(--gray-200);
  border-radius: 8px;
  background: var(--gray-50);
  color: var(--gray-800);
  line-height: 1.65;
}
.assessment-cognition-message.user p {
  grid-column: 1;
  background: var(--primary);
  border-color: var(--primary);
  color: #fff;
}
.assessment-cognition-quick {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 0 14px 12px;
}
.assessment-cognition-composer {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  padding: 0 14px 14px;
}
.assessment-cognition-composer textarea {
  width: 100%;
  min-height: 76px;
  resize: vertical;
  border: 1px solid var(--gray-200);
  border-radius: 8px;
  padding: 10px 12px;
  line-height: 1.6;
}
.assessment-mini-summary {
  margin: 0 14px 14px;
  padding: 14px;
  border: 1px solid #bfdbfe;
  border-radius: 8px;
  background: #eff6ff;
}
.assessment-mini-summary > div + div {
  margin-top: 8px;
}
.assessment-mini-summary strong {
  display: block;
  color: var(--gray-900);
  font-size: 13px;
}
.assessment-mini-summary p {
  margin: 4px 0 0;
  color: var(--gray-700);
  line-height: 1.6;
}
.assessment-mini-summary small {
  display: block;
  margin-top: 8px;
  color: var(--gray-500);
}
.assessment-mini-summary .btn {
  margin-top: 12px;
}
.assessment-ai-brief-card {
  margin: 0 14px 14px;
  border: 1px solid #bfdbfe;
  border-radius: 10px;
  background: linear-gradient(180deg, #eff6ff 0%, #ffffff 88%);
  overflow: hidden;
}
.assessment-cognition-brief-pane .assessment-ai-brief-card {
  margin: 14px;
}
.assessment-cognition-next {
  margin: 14px 16px 0;
  padding: 10px 12px;
  border: 1px solid #bfdbfe;
  border-radius: 8px;
  background: #eff6ff;
  color: #1d4ed8;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.6;
}
.assessment-cognition-map-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  padding: 14px 16px;
}
.assessment-cognition-map-card {
  min-width: 0;
  min-height: 154px;
  padding: 12px;
  border: 1px solid var(--gray-200);
  border-radius: 8px;
  background: #fff;
  position: relative;
  cursor: pointer;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.assessment-cognition-map-card:hover,
.assessment-cognition-map-card:focus-visible {
  transform: translateY(-2px);
  border-color: #60a5fa;
  box-shadow: 0 10px 24px rgba(37, 99, 235, .12);
  outline: none;
}
.assessment-cognition-map-card.is-active {
  border-color: #60a5fa;
  background: #eff6ff;
}
.assessment-cognition-map-card.is-done {
  border-color: #bbf7d0;
}
.assessment-cognition-map-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 8px;
}
.assessment-cognition-map-top span {
  width: 24px;
  height: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: var(--primary);
  color: #fff;
  font-weight: 800;
  font-size: 12px;
}
.assessment-cognition-map-top em {
  padding: 3px 8px;
  border-radius: 999px;
  background: var(--gray-100);
  color: var(--gray-500);
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
}
.assessment-cognition-map-card.is-done .assessment-cognition-map-top em {
  background: #ecfdf5;
  color: #059669;
}
.assessment-cognition-map-card.is-active .assessment-cognition-map-top em {
  background: #dbeafe;
  color: #2563eb;
}
.assessment-cognition-map-card > strong {
  display: block;
  color: var(--gray-900);
  font-size: 15px;
  line-height: 1.35;
}
.assessment-cognition-map-card > small {
  display: block;
  margin-top: 4px;
  color: var(--gray-500);
  line-height: 1.45;
}
.assessment-cognition-map-card p,
.assessment-cognition-map-card ul {
  margin: 10px 0 0;
  color: var(--gray-800);
  font-size: 13px;
  line-height: 1.55;
}
.assessment-cognition-map-card ul {
  padding-left: 16px;
}
.assessment-cognition-map-empty {
  color: var(--gray-400) !important;
}
.assessment-cognition-map-edit {
  display: inline-flex;
  margin-top: 10px;
  color: #2563eb;
  font-size: 12px;
  font-weight: 800;
}
.assessment-cognition-editor {
  width: min(680px, calc(100vw - 28px));
  padding: 28px;
}
.assessment-cognition-editor-head span {
  color: #2563eb;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .04em;
}
.assessment-cognition-editor-head h2 {
  margin: 6px 0 8px;
  color: var(--gray-900);
  font-size: 24px;
}
.assessment-cognition-editor-head p {
  margin: 0;
  color: var(--gray-500);
  font-size: 13px;
  line-height: 1.7;
}
.assessment-cognition-editor-fields {
  display: grid;
  gap: 16px;
  margin-top: 22px;
}
.assessment-cognition-editor-field {
  display: grid;
  gap: 7px;
}
.assessment-cognition-editor-field strong {
  color: var(--gray-800);
  font-size: 13px;
}
.assessment-cognition-editor-field input,
.assessment-cognition-editor-field textarea {
  width: 100%;
  box-sizing: border-box;
  border: 1px solid var(--gray-300);
  border-radius: 10px;
  padding: 11px 12px;
  background: #fff;
  color: var(--gray-900);
  font: inherit;
  line-height: 1.6;
  resize: vertical;
}
.assessment-cognition-editor-field input:focus,
.assessment-cognition-editor-field textarea:focus {
  border-color: #3b82f6;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, .12);
  outline: none;
}
.assessment-cognition-editor-field small {
  color: var(--gray-500);
  font-size: 12px;
}
.assessment-cognition-editor-actions {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 24px;
}
@media (max-width: 640px) {
  .assessment-cognition-editor { padding: 22px 18px; }
  .assessment-cognition-editor-actions .btn { flex: 1; }
}
.assessment-cognition-brief-pane .assessment-ai-brief-grid,
.assessment-cognition-brief-pane .assessment-ai-brief-list {
  grid-template-columns: 1fr 1fr;
}
@media (max-width: 1180px) {
  .assessment-cognition-panel-minimal {
    grid-template-columns: 1fr;
  }
  .assessment-cognition-brief-pane .assessment-ai-brief-grid,
  .assessment-cognition-brief-pane .assessment-ai-brief-list,
  .assessment-cognition-map-grid {
    grid-template-columns: 1fr;
  }
}
.assessment-ai-brief-head {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  padding: 16px;
  border-bottom: 1px solid rgba(147, 197, 253, .65);
}
.assessment-ai-brief-head .eyebrow {
  display: inline-block;
  margin-bottom: 6px;
  color: var(--primary);
  font-size: 12px;
  font-weight: 800;
}
.assessment-ai-brief-head h3 {
  margin: 0 0 6px;
  color: var(--gray-900);
  font-size: 20px;
}
.assessment-ai-brief-head p {
  margin: 0;
  color: var(--gray-600);
  line-height: 1.7;
}
.assessment-ai-brief-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  padding: 14px 16px;
}
.assessment-ai-brief-grid div {
  min-height: 86px;
  padding: 12px;
  border: 1px solid var(--gray-200);
  border-radius: 8px;
  background: #fff;
}
.assessment-ai-brief-grid span,
.assessment-ai-brief-list b {
  display: block;
  margin-bottom: 6px;
  color: var(--gray-500);
  font-size: 12px;
  font-weight: 700;
}
.assessment-ai-brief-grid strong {
  color: var(--gray-900);
  line-height: 1.55;
}
.assessment-ai-brief-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  padding: 0 16px 14px;
}
.assessment-ai-brief-list div {
  padding: 12px;
  border: 1px solid var(--gray-200);
  border-radius: 8px;
  background: #fff;
}
.assessment-ai-brief-list p {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 0;
}
.assessment-ai-brief-list em {
  display: inline-block;
  max-width: 100%;
  padding: 5px 8px;
  border-radius: 999px;
  background: #f8fafc;
  color: var(--gray-700);
  font-size: 12px;
  font-style: normal;
}
.assessment-ai-brief-missing {
  margin: 0 16px 14px;
  padding: 10px 12px;
  border-radius: 8px;
  background: #fff7ed;
  color: #9a3412;
  line-height: 1.6;
}
.assessment-ai-brief-actions {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 16px 16px;
  border-top: 1px solid rgba(147, 197, 253, .55);
  background: rgba(255, 255, 255, .72);
}
.assessment-ai-brief-actions .helper {
  margin: 0;
  line-height: 1.6;
}

.assessment-header-steps {
  display: flex;
  align-items: center;
  gap: 9px;
  margin-right: 4px;
  color: #64748b;
}
.assessment-header-steps > i {
  width: 22px;
  height: 1px;
  background: #cbd5e1;
}
.assessment-header-step {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  white-space: nowrap;
  color: #94a3b8;
  font-size: 13px;
  font-style: normal;
}
.assessment-header-step em {
  width: 18px;
  height: 18px;
  display: inline-grid;
  place-items: center;
  border-radius: 999px;
  background: #e2e8f0;
  color: #94a3b8;
  font-size: 11px;
  font-style: normal;
  font-weight: 900;
}
.assessment-header-step strong {
  font-weight: 800;
}
.assessment-header-step-done,
.assessment-header-step-active {
  color: #4f46e5;
}
.assessment-header-step-done em,
.assessment-header-step-active em {
  background: #4f46e5;
  color: #fff;
}
.assessment-header-step-active em {
  box-shadow: 0 0 0 4px rgba(79, 70, 229, .1);
}
.assessment-preflight-console {
  padding: 0;
  overflow: hidden;
  border-color: #dbe4f0;
  background: #f8fafc;
}
.assessment-preflight-console > .assessment-panel-head {
  padding: 16px 20px 12px;
  border-bottom: 1px solid #e2e8f0;
  background: #fff;
}
.assessment-preflight-console > .assessment-panel-head h2 {
  font-size: 18px;
}
.assessment-preflight-console > .assessment-panel-head p {
  max-width: 760px;
}
.assessment-cognition-panel-minimal {
  grid-template-columns: minmax(410px, .74fr) minmax(560px, 1.26fr);
  gap: 18px;
  min-height: 650px;
  margin: 0;
  padding: 24px;
  border: 0;
  border-radius: 0;
  background: #f8fafc;
}
.assessment-cognition-chat-pane,
.assessment-cognition-brief-pane {
  border-color: #dbe4f0;
  border-radius: 16px;
  box-shadow: 0 14px 34px rgba(15, 23, 42, .06);
}
.assessment-cognition-chat-pane {
  display: flex;
  flex-direction: column;
  background: #fff;
}
.assessment-agent-head {
  min-height: 70px;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  padding: 18px 20px;
  background: #0f172a;
  color: #fff;
}
.assessment-agent-icon {
  width: 38px;
  height: 38px;
  display: inline-grid;
  place-items: center;
  border-radius: 13px;
  background: linear-gradient(135deg, #5b5ff7, #7c3aed);
  color: #fff;
  box-shadow: 0 10px 24px rgba(79, 70, 229, .35);
}
.assessment-agent-head h3 {
  margin: 0 0 3px;
  font-size: 16px;
  color: #fff;
}
.assessment-agent-head p {
  margin: 0;
  color: #c7d2fe;
  font-size: 12px;
  line-height: 1.5;
}
.assessment-agent-status {
  padding: 6px 10px;
  border: 1px solid rgba(45, 212, 191, .35);
  border-radius: 999px;
  background: rgba(20, 184, 166, .18);
  color: #5eead4;
  font-size: 12px;
  font-weight: 800;
  white-space: nowrap;
}
.assessment-cognition-chat-pane .assessment-cognition-title {
  display: none;
}
.assessment-cognition-chat {
  flex: 1;
  max-height: none;
  min-height: 430px;
  padding: 18px 18px 14px;
  background: #fff;
}
.assessment-cognition-panel-minimal .assessment-cognition-chat {
  max-height: none;
}
.assessment-cognition-empty {
  border-style: solid;
  background: #f8fafc;
  border-color: #dbe4f0;
}
.assessment-cognition-message {
  max-width: 88%;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 10px;
}
.assessment-cognition-message span {
  width: 30px;
  height: 30px;
  border-radius: 9px;
  background: #4f46e5;
}
.assessment-cognition-message.user {
  grid-template-columns: minmax(0, 1fr) 30px;
  max-width: 82%;
}
.assessment-cognition-message.user span {
  background: #0f766e;
}
.assessment-cognition-message p {
  border-color: #dbe4f0;
  border-radius: 10px;
  background: #f8fafc;
  color: #0f172a;
  font-size: 13px;
}
.assessment-cognition-message.user p {
  background: #4f46e5;
  border-color: #4f46e5;
  box-shadow: 0 10px 24px rgba(79, 70, 229, .2);
}
.assessment-cognition-composer {
  grid-template-columns: minmax(0, 1fr) 48px;
  align-items: stretch;
  padding: 14px;
  border-top: 1px solid #e2e8f0;
  background: #fff;
}
.assessment-cognition-composer textarea {
  min-height: 54px;
  max-height: 118px;
  resize: vertical;
  border-radius: 12px;
  border-color: #dbe4f0;
  background: #fff;
}
.assessment-send-btn {
  width: 48px;
  min-width: 48px;
  height: 54px;
  padding: 0;
  border-radius: 12px;
}
.assessment-cognition-brief-pane {
  display: flex;
  flex-direction: column;
  background: #fff;
}
.assessment-brief-refresh-bar {
  padding: 16px 20px;
  background: #fff;
}
.assessment-brief-refresh-bar span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.assessment-brief-refresh-bar span svg {
  color: #4f46e5;
}
.assessment-ai-brief-card {
  display: flex;
  flex-direction: column;
  min-height: 590px;
  margin: 0;
  border: 0;
  border-radius: 0;
  background: #fff;
}
.assessment-cognition-brief-pane .assessment-ai-brief-card {
  margin: 0;
}
.assessment-ai-brief-head {
  align-items: flex-start;
  padding: 18px 22px;
  border-bottom: 1px solid #e2e8f0;
  background: #fff;
}
.assessment-ai-brief-title .eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #1e293b;
  font-size: 14px;
}
.assessment-ai-brief-title .eyebrow svg {
  color: #4f46e5;
}
.assessment-ai-brief-head h3 {
  margin-top: 10px;
  font-size: 22px;
}
.assessment-ai-brief-head p {
  max-width: 720px;
  font-size: 13px;
}
.assessment-cognition-next {
  margin: 14px 22px;
  border-color: #c7d2fe;
  background: #eef2ff;
  color: #4338ca;
}
.assessment-cognition-map-section {
  padding: 2px 22px 14px;
}
.assessment-cognition-section-title {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 6px 0 10px;
  color: #64748b;
  font-size: 13px;
}
.assessment-cognition-section-title::after {
  content: "";
  flex: 1;
  height: 1px;
  background: #e2e8f0;
}
.assessment-cognition-section-title span {
  display: inline-grid;
  place-items: center;
  color: #64748b;
}
.assessment-cognition-section-title strong {
  color: #64748b;
}
.assessment-cognition-foundation-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.assessment-cognition-map-list {
  grid-template-columns: 1fr;
}
.assessment-cognition-map-grid {
  padding: 0;
}
.assessment-cognition-map-card {
  min-height: auto;
  display: grid;
  grid-template-columns: 78px minmax(0, 1fr);
  gap: 12px;
  padding: 14px;
  border-color: #dbe4f0;
  border-radius: 12px;
  background: #f8fafc;
}
.assessment-cognition-foundation-grid .assessment-cognition-map-card {
  display: block;
  min-height: 118px;
}
.assessment-cognition-map-card.tone-scene {
  background: #f5f7ff;
  border-color: #dbe4ff;
}
.assessment-cognition-map-card.tone-competitor {
  background: #f0fdf4;
  border-color: #bbf7d0;
}
.assessment-cognition-map-card.tone-proof {
  background: #f8fafc;
  border-color: #dbe4f0;
}
.assessment-cognition-map-card.is-active {
  border-color: #818cf8;
  box-shadow: inset 3px 0 0 #4f46e5;
}
.assessment-cognition-map-card.is-done {
  border-color: #bbf7d0;
}
.assessment-cognition-map-top {
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  margin-bottom: 0;
}
.assessment-cognition-foundation-grid .assessment-cognition-map-top {
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}
.assessment-cognition-map-top span {
  width: 32px;
  height: 32px;
  background: #eef2ff;
  color: #4f46e5;
}
.assessment-cognition-map-card.tone-competitor .assessment-cognition-map-top span {
  background: #dcfce7;
  color: #059669;
}
.assessment-cognition-map-card.tone-scene .assessment-cognition-map-top span {
  background: #eef2ff;
  color: #4f46e5;
}
.assessment-cognition-map-top em {
  margin-top: 8px;
  background: #fff;
}
.assessment-cognition-foundation-grid .assessment-cognition-map-top em {
  margin-top: 0;
}
.assessment-cognition-map-copy strong,
.assessment-cognition-map-card > strong {
  display: block;
  color: #0f172a;
  font-size: 14px;
}
.assessment-cognition-map-copy small,
.assessment-cognition-map-card > small {
  display: block;
  margin-top: 4px;
  color: #64748b;
  font-size: 12px;
}
.assessment-cognition-map-copy p,
.assessment-cognition-map-copy ul,
.assessment-cognition-map-card p,
.assessment-cognition-map-card ul {
  margin-top: 9px;
  color: #1e293b;
}
.assessment-ai-brief-missing {
  margin: 0 22px 14px;
}
.assessment-ai-brief-actions {
  margin-top: auto;
  justify-content: space-between;
  padding: 16px 22px;
  border-top: 1px solid #e2e8f0;
  background: #f8fafc;
}
.assessment-confirm-brief-btn {
  min-width: 190px;
  border-radius: 12px;
  box-shadow: 0 10px 24px rgba(79, 70, 229, .22);
}
@media (max-width: 1280px) {
  .assessment-cognition-panel-minimal {
    grid-template-columns: 1fr;
  }
  .assessment-cognition-chat,
  .assessment-ai-brief-card {
    min-height: auto;
  }
  .assessment-cognition-chat {
    max-height: 520px;
  }
}
@media (max-width: 860px) {
  .assessment-header-steps {
    width: 100%;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-top: 8px;
  }
  .assessment-header-steps > i {
    display: none;
  }
  .assessment-cognition-panel-minimal {
    padding: 12px;
  }
  .assessment-agent-head {
    grid-template-columns: 38px minmax(0, 1fr);
  }
  .assessment-agent-status {
    grid-column: 1 / -1;
    justify-self: start;
  }
  .assessment-cognition-foundation-grid {
    grid-template-columns: 1fr;
  }
  .assessment-cognition-map-card {
    grid-template-columns: 1fr;
  }
  .assessment-ai-brief-actions {
    flex-direction: column;
    align-items: stretch;
  }
  .assessment-confirm-brief-btn {
    width: 100%;
  }
}

/* Restore the simpler cognition-assessment layout preferred for the enterprise flow. */
.assessment-cognition-panel-minimal {
  display: grid;
  grid-template-columns: minmax(620px, 1.42fr) minmax(360px, .78fr);
  align-items: stretch;
  gap: 14px;
  min-height: 0;
  margin: 14px auto 16px;
  padding: 14px;
  border: 1px solid var(--gray-200);
  border-radius: 10px;
  background: #fff;
}
.assessment-cognition-chat-pane,
.assessment-cognition-brief-pane {
  min-width: 0;
  border: 1px solid var(--gray-200);
  border-radius: 10px;
  box-shadow: none;
  background: #fff;
}
.assessment-cognition-chat-pane {
  display: block;
}
.assessment-agent-head {
  display: none;
}
.assessment-cognition-chat-pane .assessment-cognition-title {
  display: flex;
}
.assessment-cognition-chat {
  flex: initial;
  min-height: 0;
  max-height: 360px;
  padding: 14px;
  background: #fff;
}
.assessment-cognition-panel-minimal .assessment-cognition-chat {
  max-height: 360px;
}
.assessment-cognition-message {
  max-width: 92%;
  grid-template-columns: 28px minmax(0, 1fr);
  gap: 8px;
}
.assessment-cognition-message.user {
  grid-template-columns: minmax(0, 1fr) 28px;
  max-width: 92%;
}
.assessment-cognition-message span {
  width: 28px;
  height: 28px;
  border-radius: 7px;
  background: var(--primary);
}
.assessment-cognition-message.user span {
  background: #0f766e;
}
.assessment-cognition-message p {
  border-color: var(--gray-200);
  border-radius: 8px;
  background: var(--gray-50);
  color: var(--gray-800);
  font-size: 13px;
  box-shadow: none;
}
.assessment-cognition-message.user p {
  background: var(--primary);
  border-color: var(--primary);
  color: #fff;
  box-shadow: none;
}
.assessment-cognition-composer {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: stretch;
  gap: 10px;
  padding: 0 14px 14px;
  border-top: 0;
  background: transparent;
}
.assessment-cognition-composer textarea {
  min-height: 76px;
  max-height: none;
  border-radius: 8px;
  border-color: var(--gray-200);
}
.assessment-cognition-composer .btn {
  min-width: 116px;
  height: auto;
  border-radius: 8px;
  padding: 0 16px;
}
.assessment-cognition-brief-pane {
  display: block;
}
.assessment-brief-refresh-bar {
  padding: 10px 14px;
  background: #fff;
}
.assessment-brief-refresh-bar span {
  display: inline;
}
.assessment-ai-brief-card {
  display: block;
  min-height: 0;
  margin: 0 14px 14px;
  border: 1px solid #bfdbfe;
  border-radius: 10px;
  background: linear-gradient(180deg, #eff6ff 0%, #ffffff 88%);
  overflow: hidden;
}
.assessment-cognition-brief-pane .assessment-ai-brief-card {
  margin: 14px;
}
.assessment-ai-brief-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 16px;
  border-bottom: 1px solid rgba(147, 197, 253, .65);
  background: transparent;
}
.assessment-ai-brief-head .eyebrow {
  display: inline-block;
  margin-bottom: 6px;
  color: var(--primary);
  font-size: 12px;
  font-weight: 800;
}
.assessment-ai-brief-head h3 {
  margin: 0 0 6px;
  color: var(--gray-900);
  font-size: 20px;
}
.assessment-ai-brief-head p {
  margin: 0;
  color: var(--gray-600);
  line-height: 1.7;
  max-width: none;
}
.assessment-cognition-next {
  margin: 14px 16px 0;
  padding: 10px 12px;
  border: 1px solid #bfdbfe;
  border-radius: 8px;
  background: #eff6ff;
  color: #1d4ed8;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.6;
}
.assessment-cognition-map-grid,
.assessment-cognition-foundation-grid,
.assessment-cognition-map-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  padding: 14px 16px;
}
.assessment-cognition-brief-pane .assessment-cognition-map-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.assessment-cognition-map-section,
.assessment-cognition-section-title {
  display: contents;
}
.assessment-cognition-map-card,
.assessment-cognition-foundation-grid .assessment-cognition-map-card {
  display: block;
  min-width: 0;
  min-height: 154px;
  padding: 12px;
  border: 1px solid var(--gray-200);
  border-radius: 8px;
  background: #fff;
  box-shadow: none;
}
.assessment-cognition-map-card.is-active {
  border-color: #60a5fa;
  background: #eff6ff;
  box-shadow: none;
}
.assessment-cognition-map-card.is-done {
  border-color: #bbf7d0;
  background: #fff;
}
.assessment-cognition-map-top,
.assessment-cognition-foundation-grid .assessment-cognition-map-top {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 8px;
}
.assessment-cognition-map-top span {
  width: 24px;
  height: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: var(--primary);
  color: #fff;
  font-weight: 800;
  font-size: 12px;
}
.assessment-cognition-map-top em,
.assessment-cognition-foundation-grid .assessment-cognition-map-top em {
  margin-top: 0;
  padding: 3px 8px;
  border-radius: 999px;
  background: var(--gray-100);
  color: var(--gray-500);
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
}
.assessment-cognition-map-card.is-done .assessment-cognition-map-top em {
  background: #ecfdf5;
  color: #059669;
}
.assessment-cognition-map-card.is-active .assessment-cognition-map-top em {
  background: #dbeafe;
  color: #2563eb;
}
.assessment-cognition-map-card > strong,
.assessment-cognition-map-copy strong {
  display: block;
  color: var(--gray-900);
  font-size: 15px;
  line-height: 1.35;
}
.assessment-cognition-map-card > small,
.assessment-cognition-map-copy small {
  display: block;
  margin-top: 4px;
  color: var(--gray-500);
  line-height: 1.45;
}
.assessment-cognition-map-card p,
.assessment-cognition-map-card ul,
.assessment-cognition-map-copy p,
.assessment-cognition-map-copy ul {
  margin: 10px 0 0;
  color: var(--gray-800);
  font-size: 13px;
  line-height: 1.55;
}
.assessment-ai-brief-actions {
  display: flex;
  align-items: center;
  gap: 12px;
  justify-content: flex-start;
  margin-top: 0;
  padding: 14px 16px 16px;
  border-top: 1px solid rgba(147, 197, 253, .55);
  background: rgba(255, 255, 255, .72);
}
.assessment-confirm-brief-btn {
  min-width: 0;
  border-radius: 8px;
  box-shadow: none;
}
@media (max-width: 1180px) {
  .assessment-cognition-panel-minimal {
    grid-template-columns: 1fr;
  }
  .assessment-cognition-brief-pane .assessment-ai-brief-grid,
  .assessment-cognition-brief-pane .assessment-ai-brief-list,
  .assessment-cognition-map-grid,
  .assessment-cognition-foundation-grid,
  .assessment-cognition-map-list {
    grid-template-columns: 1fr;
  }
}
@media (min-width: 1181px) and (max-width: 1480px) {
  .assessment-cognition-panel-minimal {
    grid-template-columns: minmax(560px, 1.25fr) minmax(340px, .85fr);
  }
  .assessment-cognition-brief-pane .assessment-cognition-map-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 860px) {
  .assessment-cognition-panel-minimal {
    padding: 12px;
  }
  .assessment-ai-brief-actions {
    flex-direction: column;
    align-items: stretch;
  }
}

.assessment-blueprint-card {
  padding-bottom: 14px;
}
.assessment-blueprint-head span {
  display: inline-grid;
  place-items: center;
  min-width: 46px;
  height: 30px;
  border-radius: 999px;
  background: #eff6ff;
  color: var(--primary);
  font-weight: 800;
}
.assessment-blueprint-head p {
  margin: 0;
  color: var(--gray-500);
  font-size: 12px;
  line-height: 1.5;
}
.assessment-blueprint-item {
  margin: 12px 14px 0;
  padding: 10px;
  border: 1px solid var(--gray-200);
  border-radius: 8px;
  background: var(--gray-50);
}
.assessment-blueprint-item small {
  display: block;
  color: var(--gray-500);
  font-size: 12px;
  margin-bottom: 5px;
}
.assessment-blueprint-item strong {
  color: var(--gray-900);
  line-height: 1.55;
}
.assessment-next-action-card,
.assessment-review-card {
  margin-top: 14px;
  padding: 16px;
  border: 1px solid #bfdbfe;
  border-radius: 10px;
  background: #eff6ff;
}
.assessment-next-action-card strong,
.assessment-review-head h3 {
  margin: 0;
  color: var(--gray-900);
}
.assessment-next-action-card p,
.assessment-review-head p {
  margin: 5px 0 0;
  color: var(--gray-600);
  line-height: 1.6;
}
.assessment-review-card {
  background: #fff;
  border-color: var(--gray-200);
}
.assessment-review-head {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: flex-start;
  margin-bottom: 12px;
}
.assessment-review-actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.assessment-review-preview {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
.assessment-review-column {
  padding: 12px;
  border: 1px solid var(--gray-200);
  border-radius: 8px;
  background: var(--gray-50);
}
.assessment-review-title {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  align-items: center;
  margin-bottom: 8px;
}
.assessment-review-title strong {
  color: var(--gray-900);
}
.assessment-review-title span {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 2px 9px;
  border-radius: 999px;
  background: #dbeafe;
  color: var(--primary);
  font-weight: 700;
  font-size: 12px;
}
.assessment-review-column ul {
  margin: 0;
  padding-left: 18px;
  color: var(--gray-700);
  line-height: 1.7;
}
.assessment-advanced-editor {
  margin-top: 12px;
  border-top: 1px solid var(--gray-200);
  padding-top: 12px;
}
.assessment-advanced-editor summary {
  cursor: pointer;
  color: var(--primary);
  font-weight: 700;
}
.assessment-preflight-summary.compact {
  margin-top: 12px;
}
.assessment-blueprint-chips {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
}
.assessment-blueprint-chips em {
  padding: 4px 8px;
  border: 1px solid var(--gray-200);
  border-radius: 999px;
  background: #fff;
  color: var(--gray-700);
  font-style: normal;
  font-size: 12px;
  line-height: 1.35;
}
.assessment-blueprint-missing,
.assessment-blueprint-ready {
  margin: 12px 14px;
  padding: 9px 10px;
  border-radius: 8px;
  font-size: 13px;
  line-height: 1.55;
}
.assessment-blueprint-missing {
  background: #fff7ed;
  color: #9a3412;
}
.assessment-blueprint-ready {
  background: #ecfdf5;
  color: #047857;
}
.assessment-blueprint-card > .btn {
  margin: 0 14px;
  width: calc(100% - 28px);
}
.assessment-preflight-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
}
.assessment-preflight-block {
  padding: 14px;
  border: 1px solid var(--gray-200);
  border-radius: 10px;
  background: #fff;
}
.assessment-preflight-block-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 10px;
}
.assessment-preflight-block-head h3 {
  margin: 0;
  font-size: 16px;
}
.preflight-table input,
.preflight-table textarea {
  width: 100%;
  border: 1px solid var(--gray-200);
  border-radius: 8px;
  padding: 8px 10px;
  background: #fff;
  color: var(--gray-800);
  font-size: 12px;
  line-height: 1.5;
}
.preflight-table textarea {
  min-width: 220px;
  resize: vertical;
}
.preflight-table th:first-child,
.preflight-table td:first-child {
  width: 54px;
  text-align: center;
}
.panel-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 18px 20px;
  border-bottom: 1px solid var(--gray-200);
}
.panel-head h2 {
  margin: 0;
  color: var(--gray-900);
  font-size: 18px;
}
.panel-head p {
  margin: 5px 0 0;
  color: var(--gray-500);
  font-size: 12px;
  line-height: 1.7;
}
.panel.assessment-report-card {
  padding: 0;
}
.assessment-report-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  padding: 18px 20px 10px;
  align-items: center;
}
.assessment-report-actions .helper {
  max-width: 360px;
  line-height: 1.7;
}
.assessment-report-continuity {
  margin: 0 20px 16px;
  padding: 14px;
  border: 1px solid var(--gray-200);
  border-radius: 10px;
  background: linear-gradient(180deg, #f8fbff 0%, #ffffff 100%);
}
.assessment-report-continuity-compact {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}
.assessment-report-continuity-compact > div:first-child {
  min-width: 0;
}
.assessment-report-continuity-compact strong,
.assessment-report-continuity-compact span {
  display: block;
}
.assessment-report-continuity-compact strong {
  color: var(--gray-900);
  font-size: 14px;
}
.assessment-report-continuity-compact span {
  margin-top: 4px;
  color: var(--gray-500);
  font-size: 12px;
  line-height: 1.6;
}
.assessment-report-continuity-actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.assessment-report-continuity-actions .btn:disabled {
  opacity: .55;
  cursor: default;
}
.assessment-report-continuity-head {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
  color: var(--gray-700);
  font-size: 13px;
}
.assessment-report-continuity-head strong {
  color: var(--gray-900);
  font-size: 14px;
}
.assessment-report-continuity-head span {
  color: var(--gray-500);
}
.assessment-report-continuity-steps {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
}
.assessment-report-continuity-step {
  min-width: 0;
  padding: 10px;
  border: 1px solid var(--gray-200);
  border-radius: 8px;
  background: #fff;
  text-align: left;
  cursor: pointer;
}
.assessment-report-continuity-step:disabled {
  cursor: default;
}
.assessment-report-continuity-step em {
  display: inline-flex;
  width: 22px;
  height: 22px;
  margin-bottom: 8px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: var(--gray-100);
  color: var(--gray-500);
  font-style: normal;
  font-weight: 800;
}
.assessment-report-continuity-step b,
.assessment-report-continuity-step small {
  display: block;
}
.assessment-report-continuity-step b {
  color: var(--gray-900);
  font-size: 13px;
}
.assessment-report-continuity-step small {
  margin-top: 4px;
  color: var(--gray-500);
  line-height: 1.5;
}
.assessment-report-continuity-step.is-done {
  border-color: #bbf7d0;
  background: #f0fdf4;
}
.assessment-report-continuity-step.is-done em {
  background: #16a34a;
  color: #fff;
}
.assessment-report-continuity-step.is-active {
  border-color: #bfdbfe;
  background: #eff6ff;
}
.assessment-report-continuity-step.is-active em {
  background: var(--primary);
  color: #fff;
}
.assessment-report-meta {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  padding: 0 20px 20px;
}
.assessment-report-meta div {
  min-width: 0;
  padding: 12px;
  border: 1px solid var(--gray-200);
  border-radius: 8px;
  background: var(--gray-50);
}
.assessment-report-meta span {
  display: block;
  margin-bottom: 5px;
  color: var(--gray-400);
  font-size: 12px;
}
.assessment-report-meta strong {
  display: block;
  color: var(--gray-900);
  font-size: 15px;
  line-height: 1.45;
  overflow-wrap: anywhere;
}
.panel.assessment-public-panel {
  padding: 0;
}
.assessment-result-list {
  display: grid;
  gap: 10px;
  padding: 16px 20px 20px;
}
.assessment-result-row {
  display: grid;
  grid-template-columns: 120px minmax(0, 1fr) 96px;
  gap: 14px;
  align-items: start;
  padding: 14px;
  border: 1px solid var(--gray-200);
  border-radius: 8px;
  background: #fff;
}
.assessment-result-type {
  color: var(--gray-500);
  font-size: 13px;
  font-weight: 800;
}
.assessment-result-row strong {
  display: block;
  margin-bottom: 5px;
  color: var(--gray-900);
}
.assessment-result-row p {
  margin: 0;
  color: var(--gray-500);
  font-size: 13px;
  line-height: 1.7;
}
.assessment-next-strip {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 16px;
  align-items: center;
  padding: 18px 20px;
  border: 1px solid rgba(37, 99, 235, 0.22);
  border-radius: 8px;
  background: #eff6ff;
  margin-bottom: 20px;
}
.assessment-next-strip h2 {
  margin: 0;
  color: var(--gray-900);
  font-size: 18px;
}
.assessment-next-strip p {
  margin: 6px 0 0;
  color: #1e40af;
  line-height: 1.7;
}
.enterprise-report-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  align-items: center;
}
.enterprise-report-download-panel {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin: 0 0 12px;
}
.enterprise-report-download-panel strong {
  display: block;
  color: var(--gray-900);
  font-size: 16px;
}
.enterprise-report-download-actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.enterprise-latest-panel {
  margin-top: 16px;
  padding: 16px;
  background: var(--gray-50);
  border: 1px solid var(--gray-200);
  border-radius: 8px;
}
.locked-input,
.form-group input.locked-input:disabled {
  color: var(--gray-600);
  background: var(--gray-100);
  border-color: var(--gray-200);
  cursor: not-allowed;
}
.research-source-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 10px;
}
.research-source-card {
  padding: 12px;
  border: 1px solid var(--gray-200);
  border-radius: 8px;
  background: var(--gray-50);
  min-width: 0;
}
.research-source-card strong { display: block; margin-bottom: 6px; color: var(--gray-900); }
.research-source-card p { color: var(--gray-600); font-size: 12px; line-height: 1.7; word-break: break-word; }
.error-text { margin-top: 14px; color: var(--danger); font-size: 13px; text-align: center; min-height: 20px; }

/* ======================== App Shell ======================== */
#app { height: 100vh; overflow: hidden; }
#mainLayout { display: flex; height: 100vh; }

/* ---- Sidebar ---- */
.sidebar {
  width: 260px; min-width: 260px; height: 100vh;
  background: var(--sidebar-bg); color: #cbd5e1;
  display: flex; flex-direction: column; overflow-y: auto;
}
.sidebar-brand {
  display: flex; align-items: center; gap: 12px;
  padding: 20px 20px 24px; border-bottom: 1px solid rgba(255,255,255,0.08);
}
.logo {
  width: 44px; height: 44px; border-radius: 12px;
  display: flex; align-items: center; justify-content: center;
  background: linear-gradient(135deg, #3b82f6, #06b6d4);
  color: #fff; font-weight: 900; font-size: 18px; flex-shrink: 0;
}
.sidebar-brand strong { display: block; font-size: 15px; color: #f1f5f9; }
.sidebar-brand small { display: block; margin-top: 3px; font-size: 11px; color: #64748b; }

.sidebar-nav { flex: 1; padding: 12px 12px 0; overflow-y: auto; }
.nav-group { margin-bottom: 4px; }
.nav-group-title {
  display: flex; align-items: center; gap: 10px;
  padding: 10px 12px; border-radius: 8px;
  cursor: pointer; transition: background 0.15s;
  font-size: 13px; font-weight: 500; color: #94a3b8;
}
.nav-group-title:hover { background: var(--sidebar-hover); color: #e2e8f0; }
.nav-group-title.nav-direct-link { text-decoration: none; }
.nav-group-direct.active .nav-direct-link { background: rgba(37,99,235,0.2); color: #60a5fa; font-weight: 600; }
.nav-group-title svg { flex-shrink: 0; opacity: 0.6; }
.nav-group.active .nav-group-title { color: #e2e8f0; }
.nav-group.active .nav-group-title svg { opacity: 1; }
.nav-group-title .arrow { margin-left: auto; transition: transform 0.2s; }
.nav-group.active .arrow { transform: rotate(90deg); }

.nav-group-items {
  overflow: hidden; max-height: 0; transition: max-height 0.25s ease;
  padding-left: 38px;
}
.nav-group.active .nav-group-items { max-height: 760px; }
.nav-group-items a {
  display: block; padding: 8px 12px; border-radius: 6px;
  font-size: 13px; color: #94a3b8; transition: all 0.15s;
}
.nav-group-items a:hover { background: var(--sidebar-hover); color: #e2e8f0; text-decoration: none; }
.nav-group-items a.active { background: rgba(37,99,235,0.2); color: #60a5fa; font-weight: 600; }

.admin-list-search {
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
  padding: 10px 0 12px;
}
.admin-list-search input {
  width: min(420px, 100%);
  height: 36px;
  padding: 0 12px;
  border: 1px solid var(--gray-200);
  border-radius: 8px;
  background: #fff;
  color: var(--gray-900);
  font-size: 13px;
  outline: none;
}
.admin-list-search input:focus {
  border-color: var(--primary);
  box-shadow: 0 0 0 3px rgba(37,99,235,0.10);
}
.admin-list-search .helper { white-space: nowrap; }

.sidebar-footer {
  padding: 16px 20px; border-top: 1px solid rgba(255,255,255,0.08);
}
.sidebar-plugin-help {
  width: 100%; margin: 0 0 14px; padding: 11px 10px; border: 1px solid rgba(103,232,249,.34);
  border-radius: 12px; display: grid; grid-template-columns: 38px minmax(0,1fr) 16px; gap: 9px;
  align-items: center; color: #fff; text-align: left; cursor: pointer;
  background: linear-gradient(135deg, rgba(37,99,235,.95), rgba(8,145,178,.88));
  box-shadow: 0 10px 24px rgba(37,99,235,.24); transition: transform .18s ease, box-shadow .18s ease;
}
.sidebar-plugin-help:hover { transform: translateY(-1px); box-shadow: 0 13px 28px rgba(37,99,235,.34); }
.sidebar-plugin-help.active { outline: 2px solid rgba(165,243,252,.65); outline-offset: 2px; }
.sidebar-plugin-help-icon {
  width: 38px; height: 38px; border-radius: 10px; display: grid; place-items: center;
  background: rgba(255,255,255,.18); font-size: 12px; font-weight: 800; letter-spacing: .04em;
}
.sidebar-plugin-help-copy { min-width: 0; }
.sidebar-plugin-help-copy strong { display: block; font-size: 13px; color: #fff; }
.sidebar-plugin-help-copy small { display: block; margin-top: 3px; color: rgba(255,255,255,.76); font-size: 10px; white-space: nowrap; }
.sidebar-plugin-help-arrow { color: rgba(255,255,255,.8); font-size: 24px; line-height: 1; }
.user-info { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; }
.user-avatar {
  width: 36px; height: 36px; border-radius: 10px;
  display: flex; align-items: center; justify-content: center;
  background: rgba(59,130,246,0.3); color: #60a5fa;
  font-weight: 700; font-size: 14px;
}
.user-info strong { font-size: 13px; color: #e2e8f0; display: block; }
.user-info small { font-size: 11px; color: #64748b; display: block; margin-top: 2px; }
.sidebar-footer select {
  width: 100%; padding: 8px 10px; border-radius: 6px;
  border: 1px solid rgba(255,255,255,0.15); background: rgba(255,255,255,0.08);
  color: #cbd5e1; font-size: 12px; outline: none; margin-bottom: 10px;
}
.sidebar-footer select option { background: var(--sidebar-bg); color: #cbd5e1; }
.sidebar-footer .btn-outline { border-color: rgba(255,255,255,0.2); color: #94a3b8; width: 100%; }
.sidebar-footer .btn-outline:hover { background: rgba(255,255,255,0.1); color: #e2e8f0; }

/* Plugin and help center */
.plugin-help-page { max-width: 1240px; margin: 0 auto; padding-bottom: 36px; color: #172b4d; }
.plugin-help-hero {
  overflow: hidden; position: relative; display: grid; grid-template-columns: minmax(0,1.4fr) minmax(260px,.6fr);
  gap: 36px; padding: 42px; border-radius: 24px; color: #fff;
  background: radial-gradient(circle at 85% 10%, rgba(103,232,249,.28), transparent 30%), linear-gradient(135deg,#102a56,#1659c9 62%,#07849d);
  box-shadow: 0 24px 55px rgba(16,42,86,.18);
}
.plugin-help-kicker { font-size: 11px; font-weight: 800; letter-spacing: .16em; color: #a5f3fc; }
.plugin-help-hero h1 { margin: 10px 0 12px; font-size: clamp(30px,4vw,46px); line-height: 1.05; }
.plugin-help-hero p { max-width: 720px; margin: 0; color: rgba(255,255,255,.78); line-height: 1.75; font-size: 14px; }
.plugin-help-version { display: flex; align-items: baseline; flex-wrap: wrap; gap: 8px 14px; margin: 24px 0 18px; }
.plugin-help-version span { font-size: 12px; color: rgba(255,255,255,.66); }
.plugin-help-version strong { font-size: 18px; color: #fff; }
.plugin-help-version small { font-size: 11px; color: #a5f3fc; }
.plugin-help-actions { display: flex; gap: 10px; flex-wrap: wrap; }
.plugin-help-hero .btn-primary { background: #fff; color: #1554bd; border-color: #fff; }
.plugin-help-hero .btn-outline { color: #fff; border-color: rgba(255,255,255,.42); background: rgba(255,255,255,.08); }
.plugin-help-hero-mark { min-height: 240px; display: grid; place-items: center; align-content: center; position: relative; }
.plugin-help-hero-mark::before, .plugin-help-hero-mark::after { content:""; position:absolute; border:1px solid rgba(255,255,255,.18); border-radius:50%; inset:18px; }
.plugin-help-hero-mark::after { inset:48px; border-color:rgba(165,243,252,.34); }
.plugin-help-hero-mark span, .plugin-help-hero-mark strong, .plugin-help-hero-mark small { z-index: 1; }
.plugin-help-hero-mark span { font-size: 12px; letter-spacing: .2em; color: #a5f3fc; }
.plugin-help-hero-mark strong { font-size: 64px; line-height: 1; margin: 8px 0; }
.plugin-help-hero-mark small { color: rgba(255,255,255,.68); }
.plugin-help-feature-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin:20px 0; }
.plugin-help-feature-grid article { padding:22px; border:1px solid #e5edf8; border-radius:16px; background:#fff; box-shadow:0 8px 22px rgba(15,42,78,.05); }
.plugin-help-feature-grid article > span { display:block; margin-bottom:16px; color:#2563eb; font-size:11px; font-weight:800; }
.plugin-help-feature-grid strong { display:block; margin-bottom:8px; color:#172b4d; font-size:15px; }
.plugin-help-feature-grid p { margin:0; color:#64748b; font-size:12px; line-height:1.7; }
.plugin-help-guide { display:grid; grid-template-columns:minmax(220px,.65fr) minmax(0,1.35fr); gap:40px; padding:34px; background:#f5f8fc; border:1px solid #e3eaf5; border-radius:20px; }
.plugin-help-guide-title > span, .plugin-help-section-label { color:#2563eb; font-size:11px; font-weight:800; letter-spacing:.1em; }
.plugin-help-guide-title h2, .plugin-help-use-grid h2 { margin:8px 0 10px; font-size:23px; }
.plugin-help-guide-title p { color:#64748b; line-height:1.7; font-size:13px; }
.plugin-help-steps { list-style:none; padding:0; margin:0; display:grid; gap:12px; }
.plugin-help-steps li { display:grid; grid-template-columns:36px minmax(0,1fr); gap:14px; padding:16px; background:#fff; border-radius:13px; border:1px solid #e5edf8; }
.plugin-help-steps li > span { width:36px; height:36px; display:grid; place-items:center; border-radius:10px; background:#eaf2ff; color:#2563eb; font-weight:800; }
.plugin-help-steps strong { font-size:14px; }
.plugin-help-steps p { margin:5px 0 0; color:#64748b; font-size:12px; line-height:1.65; }
.plugin-help-use-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; margin-top:20px; }
.plugin-help-use-grid > section { padding:28px; border:1px solid #e5edf8; border-radius:18px; background:#fff; }
.plugin-help-flow { display:grid; gap:9px; }
.plugin-help-flow > div { display:flex; gap:12px; padding:12px; background:#f8fafc; border-radius:10px; }
.plugin-help-flow b { width:26px; height:26px; flex:0 0 26px; display:grid; place-items:center; border-radius:50%; background:#2563eb; color:#fff; font-size:11px; }
.plugin-help-flow span strong, .plugin-help-flow span small { display:block; }
.plugin-help-flow span strong { font-size:13px; }
.plugin-help-flow span small { margin-top:3px; color:#64748b; font-size:11px; }
.plugin-help-use-grid details { border-top:1px solid #e5edf8; padding:13px 0; }
.plugin-help-use-grid details:last-child { border-bottom:1px solid #e5edf8; }
.plugin-help-use-grid summary { cursor:pointer; color:#253858; font-size:13px; font-weight:650; }
.plugin-help-use-grid details p { margin:8px 0 0; color:#64748b; font-size:12px; line-height:1.65; }
.plugin-connector-workspace { margin:20px 0; padding:30px; border:1px solid #dbe7f5; border-radius:20px; background:#f7faff; }
.plugin-connector-workspace > .plugin-help-guide-title { margin-bottom:18px; }
.plugin-connector-workspace #pluginConnectorControls { display:grid; gap:18px; }
.plugin-connector-workspace .website-connector-panel,
.plugin-connector-workspace #pluginArticlePublishingSettings { margin:0 !important; background:#fff; }
.website-multisite-update-help { margin-top:12px; padding:14px 16px; border:1px solid #bfdbfe; border-radius:12px; background:#eff6ff; color:#1e3a5f; }
.website-multisite-update-help strong { display:block; margin-bottom:5px; color:#1d4ed8; font-size:13px; }
.website-multisite-update-help p { margin:0 0 10px; color:#475569; font-size:12px; line-height:1.65; }
.website-multisite-update-help .website-inline-connector-actions { margin-top:0; }
.website-connector-compact-status { display:grid; grid-template-columns:42px minmax(0,1fr) auto; align-items:center; gap:14px; margin-top:18px; padding:16px 18px; border:1px solid #bbdfd2; border-radius:14px; background:#f4fbf8; }
.website-connector-compact-status.is-disconnected { border-color:#fecaca; background:#fff7f7; }
.website-connector-status-icon { display:grid; place-items:center; width:40px; height:40px; border-radius:50%; background:#d9f4ea; color:#16805d; font-size:18px; font-weight:900; }
.website-connector-compact-status.is-disconnected .website-connector-status-icon { background:#fee2e2; color:#dc2626; }
.website-connector-compact-status strong,
.website-connector-compact-status small { display:block; }
.website-connector-compact-status strong { color:#203a50; font-size:15px; }
.website-connector-compact-status small { margin-top:4px; color:#718291; line-height:1.5; }

/* Responsive */
@media (max-width: 900px) {
  .sidebar { width: 200px; min-width: 200px; }
  .main-content { padding: 20px; }
  .plugin-help-hero { grid-template-columns:1fr; padding:28px; }
  .plugin-help-hero-mark { display:none; }
  .plugin-help-feature-grid { grid-template-columns:repeat(2,1fr); }
  .plugin-help-guide, .plugin-help-use-grid { grid-template-columns:1fr; }
}

.website-builder-tabs {
  display: flex;
  gap: 6px;
  padding: 5px;
  margin-bottom: 14px;
  border-radius: 10px;
  background: var(--gray-100);
}

.website-builder-tabs span {
  flex: 1;
  padding: 8px 10px;
  border-radius: 8px;
  text-align: center;
  color: var(--gray-500);
  font-size: 12px;
}

.website-builder-tabs span.active {
  background: #fff;
  color: var(--gray-900);
  box-shadow: 0 2px 8px rgba(15, 23, 42, .06);
}

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

.website-visual-toolbar select {
  max-width: 260px;
}

.website-visual-toolbar > div {
  display: flex;
  gap: 6px;
}

.website-visual-editor-grid {
  display: grid;
  grid-template-columns: minmax(300px, .75fr) minmax(440px, 1.25fr);
  gap: 14px;
  align-items: start;
}

.website-structured-editor {
  display: grid;
  gap: 9px;
  max-height: 760px;
  overflow: auto;
  padding-right: 4px;
}

.website-structured-editor details {
  border: 1px solid var(--gray-200);
  border-radius: 10px;
  background: var(--gray-50);
  padding: 0;
}

.website-structured-editor summary {
  cursor: pointer;
  padding: 12px 14px;
  font-weight: 700;
}

.website-structured-editor details > textarea {
  width: calc(100% - 24px);
  margin: 0 12px 12px;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 11px;
}

.website-editor-fields,
.website-section-editor,
.website-navigation-editor,
.website-media-uploader {
  display: grid;
  gap: 10px;
  padding: 0 12px 12px;
}

.website-editor-fields label,
.website-section-editor label,
.website-media-uploader {
  font-size: 12px;
  color: var(--gray-600);
}

.website-editor-fields label > input,
.website-section-editor input,
.website-section-editor textarea {
  display: block;
  width: 100%;
  margin-top: 5px;
}

.color-fields label > span {
  display: grid;
  grid-template-columns: 42px 1fr;
  gap: 6px;
  margin-top: 5px;
}

.color-fields input[type="color"] {
  width: 42px;
  min-height: 38px;
  padding: 3px;
}

.website-navigation-editor label {
  display: grid;
  grid-template-columns: 24px 1fr 80px;
  gap: 8px;
  align-items: center;
}

.website-navigation-editor label > span {
  display: grid;
  place-items: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: var(--primary-100);
  color: var(--primary-700);
  font-weight: 700;
}

.website-section-editor article {
  display: grid;
  gap: 8px;
  padding: 11px;
  border-radius: 9px;
  background: #fff;
  border: 1px solid var(--gray-200);
}

.website-section-editor article > div {
  display: flex;
  align-items: center;
  gap: 8px;
}

.website-section-editor article > div span {
  color: var(--primary-600);
  font-weight: 700;
}

.website-preview-shell {
  overflow: hidden;
  width: 100%;
  min-height: 690px;
  border: 1px solid var(--gray-300);
  border-radius: 13px;
  background: #dce3ec;
  transition: width .2s ease;
}

.website-preview-shell.is-mobile {
  width: 390px;
  max-width: 100%;
  margin: 0 auto;
}

.website-preview-browser {
  display: flex;
  align-items: center;
  gap: 6px;
  height: 34px;
  padding: 0 11px;
  background: #eef2f6;
}

.website-preview-browser > span {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #c7d0db;
}

.website-preview-browser small {
  margin-left: auto;
  color: var(--gray-500);
}

.website-preview-shell iframe {
  display: block;
  width: 100%;
  height: 720px;
  border: 0;
  background: #fff;
}

.website-capability-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 8px;
  margin-top: 10px;
}

.website-capability-list span {
  padding: 8px 10px;
  border-radius: 8px;
  color: var(--success);
  background: rgba(18, 183, 106, .08);
  font-size: 12px;
}

.website-release-panel {
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid var(--gray-200);
}

.website-release-actions {
  display: flex;
  gap: 9px;
  flex-wrap: wrap;
}

.website-preflight {
  margin-top: 14px;
  padding: 14px;
  border-radius: 10px;
  background: var(--gray-50);
}

.website-preflight-summary {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 9px;
  margin-bottom: 12px;
}

.website-preflight-summary span {
  display: grid;
  padding: 10px;
  border-radius: 8px;
  background: #fff;
  text-align: center;
  font-size: 12px;
}

.website-preflight-summary b {
  font-size: 22px;
}

.website-preflight-list {
  display: grid;
  gap: 7px;
}

.website-preflight-list > div {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
  padding: 8px 0;
  border-bottom: 1px solid var(--gray-200);
}

.btn.danger {
  color: var(--danger);
  border-color: rgba(217, 45, 32, .35);
}

@media (max-width: 1180px) {
  .website-visual-editor-grid { grid-template-columns: 1fr; }
  .website-structured-editor { max-height: none; }
}
@media (max-width: 640px) {
  #mainLayout { flex-direction: column; }
  .sidebar {
    width: 100%;
    min-width: 100%;
    height: auto;
    max-height: 78px;
    display: grid;
    grid-template-columns: minmax(112px, .9fr) minmax(0, 1.1fr);
    align-items: center;
    overflow: hidden;
  }
  .sidebar-brand {
    min-width: 0;
    padding: 12px 10px 12px 12px;
    border-bottom: 0;
    gap: 8px;
  }
  .sidebar-brand .logo {
    width: 34px;
    height: 34px;
    border-radius: 9px;
    font-size: 14px;
  }
  .sidebar-brand strong {
    font-size: 14px;
    white-space: nowrap;
  }
  .sidebar-brand small,
  .sidebar-nav,
  .company-switcher {
    display: none;
  }
  .sidebar-footer {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 8px;
    padding: 12px 12px 12px 6px;
    border-top: 0;
  }
  .sidebar-plugin-help {
    grid-column: 1 / -1;
    margin-bottom: 2px;
  }
  .user-info {
    min-width: 0;
    margin-bottom: 0;
    gap: 8px;
  }
  .user-avatar {
    width: 30px;
    height: 30px;
    border-radius: 9px;
    font-size: 13px;
  }
  .user-info strong,
  .user-info small {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .sidebar-footer .btn-outline {
    width: auto;
    min-width: 58px;
    height: 34px;
    padding: 0 12px;
  }
  .main-content {
    height: calc(100vh - 78px);
    padding: 18px 14px 28px;
  }
}

/* ---- Main Content ---- */
.main-content {
  flex: 1; overflow-y: auto; padding: 28px 32px; min-width: 0;
}

/* ======================== Overview Hero ======================== */
.overview-hero {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) 360px;
  gap: 28px; padding: 42px 48px; margin-bottom: 20px;
  overflow: hidden; border-radius: 24px; color: #fff;
  background:
    radial-gradient(circle at 80% 24%, rgba(103, 232, 249, .22), transparent 34%),
    linear-gradient(135deg, #101826 0%, #12313c 54%, #0f172a 100%);
  box-shadow: 0 28px 80px rgba(16, 24, 38, .24);
}
.overview-hero:after {
  content: ""; position: absolute; inset: 0;
  background-image:
    linear-gradient(rgba(255,255,255,.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.05) 1px, transparent 1px);
  background-size: 42px 42px;
  mask-image: linear-gradient(120deg, rgba(0,0,0,.85), transparent 70%);
}
.overview-hero-copy, .overview-hero-visual { position: relative; z-index: 1; }
.eyebrow-badge {
  display: inline-block; margin: 0 0 18px;
  padding: 8px 16px; border-radius: 999px;
  color: #67e8f9; background: rgba(103,232,249,.1);
  border: 1px solid rgba(103,232,249,.26);
  font-weight: 900; font-size: 13px;
}
.overview-hero h1 {
  margin: 0 0 14px; font-size: clamp(28px, 3.2vw, 44px);
  line-height: 1.15; letter-spacing: 0;
}
.overview-hero .overview-hero-copy > p {
  color: #cfdae7; font-size: 14px; line-height: 1.8; max-width: 580px;
}
.hero-mini-steps {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-top: 20px;
}
.hero-mini-steps > div {
  padding: 12px; border-radius: 14px;
  background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.12);
}
.hero-mini-steps strong { display: block; color: #fff; font-size: 13px; margin-bottom: 4px; }
.hero-mini-steps small { color: #94a3b8; font-size: 12px; line-height: 1.5; }

/* Hero Orb */
.overview-hero-visual {
  display: flex; align-items: center; justify-content: center; min-height: 280px;
}
.hero-orb-wrap { position: relative; width: 240px; height: 240px; }
.hero-orb {
  position: relative; z-index: 2;
  display: grid; place-items: center;
  width: 180px; height: 180px; margin: 30px; border-radius: 50%;
  background:
    radial-gradient(circle at 35% 28%, #fff, #67e8f9 20%, #0f766e 64%, #0f172a);
  box-shadow: 0 0 70px rgba(103,232,249,.35);
  animation: orbPulse 3s ease-in-out infinite;
}
.hero-orb span { font-size: 52px; font-weight: 950; color: #07111f; }
.hero-orb small { margin-top: -22px; color: #0f172a; font-weight: 900; font-size: 12px; }
.hero-orb-ring {
  position: absolute; border: 1px solid rgba(103,232,249,.24); border-radius: 50%;
}
.hero-ring-1 { width: 240px; height: 240px; top: 0; left: 0; animation: geoSpin 18s linear infinite; }
.hero-ring-2 { width: 300px; height: 160px; top: 40px; left: -30px; transform: rotate(-22deg); animation: geoSpin 24s linear infinite reverse; }
.hero-orb-tag {
  position: absolute; z-index: 3;
  padding: 6px 10px; border-radius: 999px;
  color: #dffaff; background: rgba(15,23,42,.75); border: 1px solid rgba(103,232,249,.22);
  font-size: 11px; white-space: nowrap;
}
.tag-top { top: -5px; right: 20px; }
.tag-mid { left: -10px; top: 140px; }
.tag-bot { right: 10px; bottom: 10px; }

/* Flow Visual */
.overview-flow-panel .flow-visual {
  display: grid;
  grid-template-columns: 1fr 36px 1fr 36px 1fr 36px 1fr;
  align-items: stretch; margin-top: 12px;
}
.flow-node {
  padding: 14px 12px; border-radius: 14px;
  background: var(--gray-100); border: 1px solid var(--gray-200); text-align: center;
}
.flow-node.active {
  color: #fff;
  background: linear-gradient(135deg, #0f766e, #0891b2);
}
.flow-node b { color: var(--warning); font-size: 13px; }
.flow-node.active b { color: #f7d070; }
.flow-node strong { display: block; margin: 6px 0 4px; font-size: 13px; }
.flow-node span { color: inherit; opacity: .65; font-size: 11px; display: block; }
.flow-line {
  height: 2px; align-self: center;
  background: linear-gradient(90deg, rgba(15,118,110,.1), rgba(15,118,110,.72), rgba(15,118,110,.1));
}
@media (max-width: 900px) {
  .overview-hero { grid-template-columns: 1fr; padding: 28px; }
  .overview-hero-visual { min-height: 200px; }
  .overview-flow-panel .flow-visual { grid-template-columns: 1fr; gap: 8px; }
  .flow-line { height: 20px; width: 2px; justify-self: center; }
  .assessment-simple-flow,
  .assessment-review-preview {
    grid-template-columns: 1fr;
  }
  .assessment-cognition-panel { grid-template-columns: 1fr; }
  .assessment-cognition-panel-minimal { grid-template-columns: 1fr; }
  .assessment-cognition-composer { grid-template-columns: 1fr; }
  .assessment-ai-brief-head,
  .assessment-ai-brief-actions {
    display: grid;
  }
  .assessment-ai-brief-grid,
  .assessment-ai-brief-list,
  .assessment-cognition-brief-pane .assessment-ai-brief-grid,
  .assessment-cognition-brief-pane .assessment-ai-brief-list {
    grid-template-columns: 1fr;
  }
  .assessment-review-head {
    display: grid;
  }
  .assessment-review-actions {
    justify-content: stretch;
  }
  .assessment-review-actions .btn {
    width: 100%;
  }
}

/* Page Header */
.page-header { margin-bottom: 24px; }
.page-header h1 { font-size: 22px; font-weight: 700; color: var(--gray-900); }
.page-header p { margin-top: 4px; color: var(--gray-500); font-size: 13px; }
.page-header-row { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; }

/* Card Grid */
.card-grid { display: grid; gap: 16px; }
.card-grid-2 { grid-template-columns: repeat(2, 1fr); }
.card-grid-3 { grid-template-columns: repeat(3, 1fr); }
.card-grid-4 { grid-template-columns: repeat(4, 1fr); }
.card-grid-5 { grid-template-columns: repeat(5, 1fr); }
@media (max-width: 1200px) { .card-grid-3, .card-grid-4, .card-grid-5 { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 768px) { .card-grid-2, .card-grid-3, .card-grid-4, .card-grid-5 { grid-template-columns: 1fr; } }
@media (max-width: 768px) {
  .enterprise-workspace-head {
    margin-bottom: 12px;
  }
  .enterprise-workspace-head h1 {
    font-size: 26px;
  }
  .enterprise-workspace-head p {
    font-size: 14px;
    line-height: 1.55;
  }
  .enterprise-workspace-head {
    align-items: flex-start;
  }
  .enterprise-secondary-status {
    display: none;
  }
  .enterprise-primary-panel {
    margin-bottom: 14px !important;
  }
  .enterprise-primary-panel .panel-header {
    margin-bottom: 14px;
  }
  .enterprise-primary-panel .panel-header h2 {
    font-size: 22px;
  }
  .enterprise-core-grid {
    gap: 12px;
  }
  .enterprise-info-grid {
    grid-template-columns: 1fr;
  }
  .enterprise-info-grid .wide-field {
    grid-column: auto;
  }
  .enterprise-action-row {
    display: grid;
    grid-template-columns: 1fr;
  }
  .enterprise-action-row .btn,
  .enterprise-report-actions .btn {
    width: 100%;
    white-space: normal;
    text-align: center;
  }
  .enterprise-info-grid textarea {
    min-height: 68px;
  }
  .enterprise-key-field textarea {
    min-height: 74px;
  }
  .enterprise-auto-details {
    margin-top: 12px;
  }
  .enterprise-auto-details:not([open]) {
    padding-bottom: 0;
  }
  .enterprise-report-actions {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
  }
  .assessment-basic-info summary {
    align-items: flex-start;
    padding: 14px;
  }
  .assessment-summary-title {
    align-items: flex-start;
    flex-wrap: wrap;
  }
  .assessment-summary-meta span {
    max-width: 100%;
    white-space: normal;
  }
  .assessment-basic-body {
    padding: 0 14px 14px;
  }
  .assessment-basic-section {
    padding: 12px;
  }
  .assessment-identity-grid {
    grid-template-columns: 1fr;
  }
  .assessment-recognition-actions .btn {
    width: 100%;
  }
  .assessment-basic-actions {
    justify-content: stretch;
  }
  .assessment-score-layout {
    grid-template-columns: 1fr;
    gap: 12px;
    margin-bottom: 14px;
  }
  .panel.assessment-score-card {
    min-height: auto;
    padding: 18px;
  }
  .assessment-score-value {
    font-size: 58px;
  }
  .assessment-stage-value {
    font-size: 30px;
  }
  .assessment-treatment-panel {
    grid-template-columns: 1fr;
    gap: 14px;
  }
  .assessment-treatment-actions {
    justify-content: stretch;
  }
  .assessment-treatment-actions .btn,
  .assessment-treatment-inline {
    width: 100%;
  }
  .assessment-treatment-steps {
    grid-template-columns: 1fr;
  }
  .panel-head {
    display: grid;
    padding: 14px;
  }
  .assessment-report-actions {
    display: grid;
    grid-template-columns: 1fr;
    padding: 14px;
  }
  .assessment-report-actions .btn {
    width: 100%;
  }
  .assessment-report-continuity {
    margin: 0 14px 14px;
  }
  .assessment-report-continuity-compact {
    display: grid;
  }
  .assessment-report-continuity-actions {
    justify-content: stretch;
  }
  .assessment-report-continuity-actions .btn {
    width: 100%;
  }
  .assessment-report-continuity-head {
    display: grid;
  }
  .assessment-report-continuity-steps {
    grid-template-columns: 1fr;
  }
  .assessment-report-meta {
    grid-template-columns: 1fr;
    padding: 0 14px 14px;
  }
  .enterprise-public-drawer .research-source-grid {
    grid-template-columns: 1fr;
  }
  .assessment-evidence-body {
    padding: 14px;
  }
  .assessment-evidence-metrics {
    grid-template-columns: 1fr 1fr;
  }
  .assessment-evidence-basis-grid,
  .assessment-evidence-two-col {
    grid-template-columns: 1fr;
  }
  .assessment-preflight-summary {
    grid-template-columns: 1fr 1fr;
  }
  .assessment-preflight-actions .btn {
    flex: 1 1 180px;
  }
  .assessment-result-list {
    padding: 14px;
  }
  .assessment-result-row {
    grid-template-columns: 1fr;
    gap: 8px;
  }
  .assessment-result-row .badge {
    justify-self: start;
  }
  .assessment-next-strip {
    grid-template-columns: 1fr;
    padding: 14px;
  }
  .assessment-next-strip .btn {
    width: 100%;
  }
  .panel {
    padding: 18px;
  }
}

@media (max-width: 640px) {
  .assessment-preflight-summary {
    grid-template-columns: 1fr;
  }
  .assessment-preflight-block-head,
  .assessment-preflight-actions {
    display: grid;
  }
  .assessment-preflight-actions .btn,
  .assessment-preflight-block-head .btn {
    width: 100%;
  }
}

/* Stat Card */
.stat-card {
  background: #fff; border-radius: var(--card-radius); padding: 20px;
  box-shadow: var(--card-shadow);
}
.stat-card .stat-label { font-size: 13px; color: var(--gray-500); margin-bottom: 8px; }
.stat-card .stat-value { font-size: 32px; font-weight: 800; color: var(--gray-900); line-height: 1; }
.stat-card .stat-desc { margin-top: 6px; font-size: 12px; color: var(--gray-400); }

/* Panel */
.panel {
  background: #fff; border-radius: var(--card-radius); padding: 24px;
  box-shadow: var(--card-shadow);
}
.panel-header {
  display: flex; align-items: center; justify-content: space-between;
  margin-bottom: 20px; gap: 16px; flex-wrap: wrap;
}
.panel-header h2 { font-size: 18px; font-weight: 700; color: var(--gray-900); }
.panel-header h3 { font-size: 16px; font-weight: 600; color: var(--gray-800); }
.helper, .muted { color: var(--gray-500); font-size: 12px; line-height: 1.6; }
.muted { margin-top: 4px; }

/* Enterprise console readability and 1280px safety guard. */
.main-content *,
.card-grid > *,
.strategy-workspace > *,
.assessment-cognition-panel-minimal > * {
  min-width: 0;
}
.helper,
.muted,
.stat-card .stat-desc {
  color: #64748b;
}
@media (max-width: 1440px) {
  .assessment-cognition-panel-minimal {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  .assessment-cognition-chat,
  .assessment-cognition-brief-pane {
    min-height: auto;
  }
}
@media (max-width: 1360px) {
  .main-content {
    padding-left: 22px;
    padding-right: 22px;
  }
  .card-grid-5 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

/* Account entitlement center */
.account-entitlement-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(280px, .7fr);
  gap: 18px;
  align-items: stretch;
}
.account-entitlement-hero h2 {
  margin: 12px 0 8px;
  color: var(--gray-900);
  font-size: 24px;
  line-height: 1.35;
}
.account-entitlement-hero p {
  margin: 0;
  color: var(--gray-600);
  line-height: 1.8;
}
.account-entitlement-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 14px;
}
.account-entitlement-chips span {
  padding: 7px 10px;
  border: 1px solid var(--gray-200);
  border-radius: 999px;
  color: var(--gray-600);
  background: var(--gray-50);
  font-size: 12px;
  font-weight: 800;
}
.account-current-rights {
  display: grid;
  gap: 10px;
  align-content: start;
}
.account-current-rights div {
  display: grid;
  grid-template-columns: 12px minmax(0, 1fr);
  gap: 10px;
  align-items: start;
  padding: 11px 12px;
  border: 1px solid var(--gray-200);
  border-radius: 8px;
  background: var(--gray-50);
}
.account-current-rights span {
  width: 10px;
  height: 10px;
  margin-top: 5px;
  border-radius: 50%;
  background: var(--success);
}
.account-current-rights strong {
  color: var(--gray-800);
  font-size: 13px;
  line-height: 1.55;
}
.admin-user-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}
.admin-user-actions .btn {
  min-width: 58px;
}
.admin-users-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  padding: 0 0 14px;
}
.admin-user-select,
#adminUsersSelectAll {
  width: 16px;
  height: 16px;
  accent-color: var(--primary);
}
.account-entitlement-table {
  display: grid;
  border: 1px solid var(--gray-200);
  border-radius: 8px;
  overflow: hidden;
}
.account-entitlement-head,
.account-entitlement-row {
  display: grid;
  grid-template-columns: 170px repeat(4, minmax(0, 1fr));
  gap: 0;
}
.account-entitlement-head span,
.account-entitlement-row strong,
.account-entitlement-row span {
  padding: 12px 14px;
  border-right: 1px solid var(--gray-200);
  border-bottom: 1px solid var(--gray-200);
  line-height: 1.55;
}
.account-entitlement-head span:last-child,
.account-entitlement-row span:last-child {
  border-right: 0;
}
.account-entitlement-head span {
  color: var(--gray-500);
  background: var(--gray-50);
  font-size: 12px;
  font-weight: 900;
}
.account-entitlement-row strong {
  color: var(--gray-900);
  background: #fff;
  font-size: 13px;
}
.account-entitlement-row span {
  color: var(--gray-700);
  background: #fff;
  font-size: 13px;
}
.account-entitlement-row:last-child strong,
.account-entitlement-row:last-child span {
  border-bottom: 0;
}
.account-plan-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}
.account-plan-card {
  border: 1px solid var(--gray-200);
  border-radius: 8px;
  padding: 16px;
  background: #fff;
}
.account-plan-card.active {
  border-color: #bfdbfe;
  background: #eff6ff;
}
.account-plan-card-head {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  align-items: start;
}
.account-plan-card-head span {
  display: block;
  color: var(--gray-900);
  font-size: 17px;
  font-weight: 900;
}
.account-plan-card-head strong {
  display: block;
  margin-top: 4px;
  color: var(--gray-500);
  font-size: 12px;
}
.account-plan-card-head b {
  flex: 0 0 auto;
  padding: 4px 8px;
  border-radius: 999px;
  color: #1d4ed8;
  background: #dbeafe;
  font-size: 11px;
}
.account-plan-card-head b.muted {
  color: var(--gray-500);
  background: var(--gray-100);
}
.account-plan-card p {
  margin: 12px 0;
  color: var(--gray-600);
  font-size: 13px;
  line-height: 1.7;
}
.account-plan-card ul {
  display: grid;
  gap: 7px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.account-plan-card li {
  color: var(--gray-700);
  font-size: 12px;
  line-height: 1.55;
}
.account-plan-card li::before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  margin-right: 7px;
  border-radius: 50%;
  background: var(--primary);
  vertical-align: 1px;
}

.permission-denied-panel {
  display: grid;
  gap: 18px;
}

.permission-denied-card {
  background: linear-gradient(135deg, #fff7ed 0%, #ffffff 58%);
  border: 1px solid #fed7aa;
  border-radius: 12px;
  padding: 28px;
  box-shadow: var(--shadow-sm);
}

.permission-denied-card h1 {
  margin: 12px 0 10px;
  font-size: 28px;
  line-height: 1.25;
}

.permission-denied-card p {
  max-width: 760px;
  color: var(--gray-700);
  line-height: 1.8;
}

.permission-denied-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 18px;
}

.permission-matrix-panel {
  overflow: hidden;
}

@media (max-width: 1180px) {
  .account-plan-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .account-entitlement-head,
  .account-entitlement-row {
    grid-template-columns: 140px repeat(4, minmax(150px, 1fr));
    min-width: 760px;
  }
  .account-entitlement-table {
    overflow-x: auto;
  }
}
.geo-evaluation-results {
  margin-bottom: 16px;
}

.evaluation-result-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.evaluation-result-card {
  padding: 16px;
  border: 1px solid var(--border);
  border-radius: 14px;
  background: var(--surface, #fff);
}

.evaluation-result-card-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  color: var(--text-secondary, #64748b);
  font-size: 13px;
}

.evaluation-result-card > strong {
  display: block;
  margin: 12px 0 6px;
  font-size: 30px;
  line-height: 1;
}

.evaluation-result-card p,
.evaluation-result-card small,
.evaluation-empty-state p {
  margin: 0;
  color: var(--text-secondary, #64748b);
}

.evaluation-result-card small {
  display: block;
  margin-top: 10px;
}

.evaluation-delta {
  padding: 3px 7px;
  border-radius: 999px;
  background: #f1f5f9;
  white-space: nowrap;
}

.evaluation-delta-positive { color: #047857; background: #ecfdf5; }
.evaluation-delta-negative { color: #b91c1c; background: #fef2f2; }
.evaluation-delta-neutral,
.evaluation-delta-unknown { color: #64748b; }

.evaluation-quality-strip {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  overflow: hidden;
  margin-top: 14px;
  border: 1px solid var(--border);
  border-radius: 12px;
  background: var(--border);
}

.evaluation-quality-strip > div {
  display: grid;
  gap: 5px;
  padding: 12px 14px;
  background: var(--surface, #fff);
}

.evaluation-quality-strip span { color: var(--text-secondary, #64748b); font-size: 12px; }
.evaluation-quality-strip strong { font-size: 16px; }

.evaluation-empty-state {
  padding: 20px;
  border: 1px dashed var(--border);
  border-radius: 12px;
  background: #f8fafc;
}

.evaluation-recommendation-list { display: grid; gap: 12px; margin: 14px 0; }
.evaluation-recommendation-card { border: 1px solid var(--border); border-radius: 12px; padding: 14px; background: var(--surface, #fff); }
.evaluation-recommendation-card > div:first-child { display: flex; align-items: center; gap: 8px; }
.evaluation-recommendation-card p { margin: 8px 0; line-height: 1.65; }
.evaluation-linkage-list { display: grid; gap: 8px; margin-top: 14px; }
.evaluation-linkage-list > div { display: grid; grid-template-columns: minmax(180px, 1fr) auto minmax(180px, 1fr); gap: 12px; align-items: center; border-top: 1px solid var(--border); padding: 10px 0; }
@media (max-width: 760px) { .evaluation-linkage-list > div { grid-template-columns: 1fr; gap: 5px; } }

.evaluation-empty-state p { margin-top: 6px; }

@media (max-width: 980px) {
  .evaluation-result-grid,
  .evaluation-quality-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 760px) {
  .evaluation-result-grid,
  .evaluation-quality-strip { grid-template-columns: 1fr; }
  .account-entitlement-hero,
  .account-plan-grid {
    grid-template-columns: 1fr;
  }
  .account-entitlement-panel {
    padding: 18px;
  }
}

.report-preview-frame {
  display: block;
  width: 100%;
  height: min(760px, calc(100vh - 260px));
  min-height: 520px;
  border: 1px solid var(--gray-200);
  border-radius: 8px;
  background: #fff;
}

@media (max-width: 768px) {
  .report-preview-frame {
    height: 620px;
    min-height: 420px;
  }
  .report-html-action {
    background: var(--gray-100) !important;
    border-color: var(--gray-200) !important;
    color: var(--gray-400) !important;
    pointer-events: none;
    opacity: .72;
  }
  .report-pdf-action {
    width: 100%;
    min-height: 46px;
  }
  #unifiedReportPreviewWrap,
  #userReportPreviewWrap {
    display: none !important;
  }
}

/* Table */
.table-wrap { overflow-x: auto; }
table { width: 100%; border-collapse: collapse; }
table th {
  text-align: left; padding: 10px 14px; font-size: 12px; font-weight: 600;
  color: var(--gray-500); text-transform: uppercase; letter-spacing: 0.5px;
  border-bottom: 1px solid var(--gray-200); white-space: nowrap;
}
table td {
  padding: 12px 14px; border-bottom: 1px solid var(--gray-100);
  font-size: 13px; color: var(--gray-700); vertical-align: middle;
}
table tr:hover td { background: var(--gray-50); }

[data-article-publish-state] {
  border: 1px solid #cbd5e1;
  border-radius: 14px;
  padding: 16px 18px;
  background: #f8fafc;
}
[data-article-publish-state].info {
  border-color: #93c5fd;
  background: #eff6ff;
}
[data-article-publish-state].success {
  border-color: #86efac;
  background: #f0fdf4;
}
[data-article-publish-state].warn {
  border-color: #fcd34d;
  background: #fffbeb;
}
[data-article-publish-state].danger {
  border-color: #fca5a5;
  background: #fef2f2;
}
[data-article-publish-state] p {
  margin-bottom: 0;
}
.path-cell {
  max-width: 420px; color: var(--gray-500); font-family: Consolas, "SFMono-Regular", monospace;
  font-size: 12px; word-break: break-all;
}
.admin-pagination {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  padding-top: 14px;
}
.admin-pagination-summary {
  color: var(--gray-500);
  font-size: 12px;
  line-height: 1.6;
}
.admin-pagination-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.image-card-preview-grid {
  display: grid; grid-template-columns: repeat(5, minmax(140px, 1fr)); gap: 14px;
  margin: 0 0 18px;
}
.image-card-preview {
  display: block; text-decoration: none; color: var(--gray-800);
  border: 1px solid var(--gray-200); border-radius: 10px; overflow: hidden;
  background: #fff; box-shadow: 0 1px 2px rgba(15,23,42,.06);
}
.image-card-preview img {
  width: 100%; aspect-ratio: 3 / 4; object-fit: cover; display: block; background: var(--gray-50);
}
.image-card-preview div { padding: 10px 12px; display: grid; gap: 4px; }
.image-card-preview strong { font-size: 13px; line-height: 1.35; color: var(--gray-900); }
.image-card-preview span { font-size: 12px; color: var(--gray-500); }
@media (max-width: 1200px) { .image-card-preview-grid { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 768px) { .image-card-preview-grid { grid-template-columns: 1fr; } }

/* Buttons */
.btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 6px;
  padding: 9px 16px; border-radius: 8px; border: 0;
  font-size: 13px; font-weight: 600; transition: all 0.15s; white-space: nowrap;
}
.btn-primary { background: var(--primary); color: #fff; }
.btn-primary:hover { background: var(--primary-light); }
.btn-secondary { background: var(--gray-800); color: #fff; }
.btn-secondary:hover { background: var(--gray-700); }
.btn-success { background: var(--success); color: #fff; }
.btn-success:hover { background: #047857; }
.btn-danger { background: var(--danger); color: #fff; }
.btn-danger:hover { background: #b91c1c; }
.btn-outline { background: #fff; color: var(--gray-700); border: 1px solid var(--gray-300); }
.btn-outline:hover { background: var(--gray-50); }
.btn-sm { padding: 6px 12px; font-size: 12px; border-radius: 6px; }
.btn-full { width: 100%; }
.btn:disabled { opacity: 0.5; cursor: not-allowed; }

/* Badges / Tags */
.badge {
  display: inline-flex; align-items: center; padding: 3px 10px; border-radius: 999px;
  font-size: 11px; font-weight: 600; white-space: nowrap;
}
.badge-blue { background: var(--primary-bg); color: var(--primary); }
.badge-green { background: var(--success-bg); color: var(--success); }
.badge-amber { background: var(--warning-bg); color: var(--warning); }

.search-config-status-link {
  appearance: none;
  border: 1px solid color-mix(in srgb, currentColor 24%, transparent);
  cursor: pointer;
  font: inherit;
  transition: transform .16s ease, box-shadow .16s ease;
}

.search-config-status-link:hover,
.search-config-status-link:focus-visible {
  transform: translateY(-1px);
  box-shadow: 0 0 0 3px color-mix(in srgb, currentColor 14%, transparent);
  outline: none;
}

.system-config-focus-highlight {
  animation: system-config-focus-pulse 2.2s ease;
}

@keyframes system-config-focus-pulse {
  0%, 100% { box-shadow: none; }
  20%, 65% { box-shadow: 0 0 0 4px rgba(37, 99, 235, .18); }
}
.badge-red { background: var(--danger-bg); color: var(--danger); }
.badge-gray { background: var(--gray-100); color: var(--gray-600); }

.check-pill-group {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.check-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 34px;
  padding: 6px 10px;
  border: 1px solid var(--gray-200);
  border-radius: 8px;
  background: #fff;
  color: var(--gray-700);
  font-size: 13px;
  line-height: 1.2;
  cursor: pointer;
}

.check-pill input {
  margin: 0;
}

.check-pill:has(input:checked) {
  border-color: var(--primary);
  background: var(--primary-soft);
  color: var(--primary-dark);
}
.badge-purple { background: #f5f3ff; color: #6d28d9; }

.workflow-mini-list {
  display: grid;
  gap: 10px;
  padding: 4px 0;
}
.workflow-mini-list > div {
  display: grid;
  grid-template-columns: minmax(120px, 1fr) minmax(56px, auto);
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  border: 1px solid var(--gray-200);
  border-radius: 8px;
  background: var(--gray-50);
}
.workflow-mini-list strong { color: var(--gray-800); }
.workflow-mini-list span {
  justify-self: end;
  color: var(--primary);
  font-size: 20px;
  font-weight: 800;
}

.admin-trend-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}
.admin-trend-block {
  border: 1px solid var(--gray-200);
  border-radius: 8px;
  padding: 14px;
  background: #fff;
}
.admin-trend-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
}
.admin-trend-title span {
  font-size: 20px;
  font-weight: 800;
  color: var(--gray-900);
}
.admin-trend-bars {
  display: grid;
  grid-template-columns: repeat(14, minmax(18px, 1fr));
  gap: 7px;
  min-height: 150px;
  align-items: end;
}
.admin-trend-bar-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  min-width: 0;
}
.admin-trend-bar-track {
  width: 100%;
  height: 112px;
  display: flex;
  align-items: end;
  justify-content: center;
  border-radius: 8px;
  background: var(--gray-100);
  overflow: hidden;
}
.admin-trend-bar-track i {
  display: block;
  width: 100%;
  min-height: 4px;
  border-radius: 8px 8px 0 0;
}
.admin-trend-bar-item small {
  font-size: 11px;
  color: var(--gray-500);
  white-space: nowrap;
}

@media (max-width: 900px) {
  .admin-trend-grid { grid-template-columns: 1fr; }
  .admin-trend-bars { grid-template-columns: repeat(7, minmax(18px, 1fr)); row-gap: 12px; }
}

/* Empty State */
.empty-state {
  text-align: center; padding: 48px 24px; color: var(--gray-400);
}
.empty-state h2 {
  font-size: 22px; color: var(--gray-800); margin-bottom: 10px;
}
.empty-state svg { display: block; margin: 0 auto 12px; opacity: 0.4; }
.empty-state p { font-size: 14px; }

/* Progress Bar */
.progress-bar {
  height: 8px; border-radius: 4px; background: var(--gray-200); overflow: hidden;
}
.progress-bar-fill {
  height: 100%; border-radius: 4px; transition: width 0.4s ease;
}
.progress-bar-fill.blue { background: var(--primary); }
.progress-bar-fill.green { background: var(--success); }
.progress-bar-fill.red { background: var(--danger); }

/* GEO Score Ring */
.score-ring-wrap {
  display: flex; align-items: center; justify-content: center; flex-direction: column;
  padding: 24px;
}
.score-ring {
  position: relative; width: 160px; height: 160px;
}
.score-ring svg { transform: rotate(-90deg); }
.score-ring .ring-bg { stroke: var(--gray-200); fill: none; stroke-width: 10; }
.score-ring .ring-fill { fill: none; stroke-width: 10; stroke-linecap: round; transition: stroke-dashoffset 0.6s ease; }
.score-ring .score-text {
  position: absolute; inset: 0; display: flex; flex-direction: column;
  align-items: center; justify-content: center;
}
.score-ring .score-text strong { font-size: 42px; font-weight: 800; color: var(--gray-900); line-height: 1; }
.score-ring .score-text small { font-size: 12px; color: var(--gray-500); margin-top: 4px; }

/* Tabs */
.tabs { display: flex; gap: 0; border-bottom: 1px solid var(--gray-200); margin-bottom: 20px; }
.tab-btn {
  padding: 10px 18px; border: 0; background: none; font-size: 13px; font-weight: 500;
  color: var(--gray-500); cursor: pointer; border-bottom: 2px solid transparent;
  transition: all 0.15s;
}
.tab-btn:hover { color: var(--gray-700); }
.tab-btn.active { color: var(--primary); border-bottom-color: var(--primary); font-weight: 600; }

/* Article Queue List */
.article-queue-panel { padding-bottom: 18px; }
.article-queue-main {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.article-queue-main > .article-queue-panel { order: 4; }
.article-queue-main > .article-intelligence-hub { order: 5; }
.article-queue-main > .article-creation-studio { order: 6; }
.article-next-strip {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 16px;
  padding: 14px 16px;
  border: 1px solid #bfdbfe;
  border-radius: 12px;
  background: linear-gradient(135deg, #f8fbff 0%, #eff6ff 100%);
}
.article-next-copy {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 12px;
}
.article-next-copy > div { min-width: 0; }
.article-next-copy strong,
.article-next-copy small { display: block; }
.article-next-copy strong {
  max-width: 820px;
  overflow: hidden;
  color: var(--gray-900);
  font-size: 15px;
  line-height: 1.4;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.article-next-copy small {
  margin-top: 4px;
  overflow: hidden;
  color: var(--gray-500);
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.article-list-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 0 12px 14px;
}
.article-search-box {
  min-width: 280px;
  max-width: 620px;
  flex: 1;
  height: 42px;
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 0 12px;
  border: 1px solid var(--gray-200);
  border-radius: 10px;
  background: var(--gray-50);
}
.article-search-box:focus-within {
  border-color: #93c5fd;
  background: #fff;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, .10);
}
.article-search-box > span { color: var(--gray-400); font-size: 19px; }
.article-search-box input {
  min-width: 0;
  flex: 1;
  border: 0;
  outline: 0;
  background: transparent;
  color: var(--gray-900);
  font-size: 14px;
}
.article-search-clear {
  border: 0;
  background: transparent;
  color: var(--primary);
  cursor: pointer;
  font-size: 12px;
  font-weight: 700;
}
.article-page-size {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--gray-500);
  font-size: 13px;
  white-space: nowrap;
}
.article-page-size select {
  height: 38px;
  border: 1px solid var(--gray-200);
  border-radius: 8px;
  padding: 0 28px 0 10px;
  background: #fff;
  color: var(--gray-700);
}
.article-pagination {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 16px 12px 0;
  border-top: 1px solid var(--gray-100);
}
.article-pagination-summary { color: var(--gray-500); font-size: 12px; }
.article-pagination-actions { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.article-page-btn {
  min-width: 34px;
  height: 34px;
  padding: 0 10px;
  border: 1px solid var(--gray-200);
  border-radius: 8px;
  background: #fff;
  color: var(--gray-700);
  cursor: pointer;
  font-size: 12px;
  font-weight: 700;
}
.article-page-btn:hover:not(:disabled) { border-color: #93c5fd; color: var(--primary); }
.article-page-btn.active { border-color: var(--primary); background: var(--primary); color: #fff; }
.article-page-btn:disabled { cursor: not-allowed; opacity: .45; }
.article-list-empty {
  padding: 48px 20px;
  text-align: center;
  border-top: 1px solid var(--gray-200);
}
.article-list-empty strong { color: var(--gray-900); font-size: 15px; }
.article-list-empty p { margin-top: 7px; color: var(--gray-500); font-size: 13px; }
.article-intelligence-hub,
.article-creation-studio {
  margin-bottom: 20px;
}
.fact-article-readiness {
  margin-top: 14px;
  padding: 14px 16px;
  border: 1px solid rgba(37, 99, 235, .24);
  border-radius: 12px;
  background: #f8fbff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.fact-article-readiness > div {
  min-width: 0;
  display: grid;
  gap: 6px;
}
.fact-article-readiness strong,
.fact-article-readiness small {
  display: block;
}
.fact-article-readiness small {
  color: var(--gray-500);
  line-height: 1.55;
}
@media (max-width: 760px) {
  .article-next-strip,
  .article-next-copy {
    align-items: stretch;
    flex-direction: column;
  }
  .article-next-copy strong,
  .article-next-copy small { white-space: normal; }
  .article-next-strip .owner-arrangement-actions,
  .article-next-strip .owner-arrangement-actions .btn { width: 100%; }
  .article-list-toolbar,
  .article-pagination {
    align-items: stretch;
    flex-direction: column;
  }
  .article-search-box { min-width: 0; max-width: none; width: 100%; }
  .article-page-size { justify-content: space-between; }
  .article-pagination-actions { justify-content: center; }
  .fact-article-readiness {
    align-items: stretch;
    flex-direction: column;
  }
  .fact-article-readiness .btn {
    width: 100%;
  }
}
.article-intelligence-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}
.article-intelligence-card {
  min-width: 0;
  border: 1px solid var(--gray-200);
  border-radius: 10px;
  background: #fff;
  padding: 14px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.article-intelligence-card-head {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: baseline;
}
.article-intelligence-card-head span {
  color: var(--gray-500);
  font-size: 12px;
  font-weight: 700;
}
.article-intelligence-card-head strong {
  color: var(--gray-900);
  font-size: 20px;
  line-height: 1.1;
}
.article-intelligence-card p {
  margin: 0;
  color: var(--gray-600);
  font-size: 13px;
  line-height: 1.65;
  flex: 1;
}
.article-one-click-start {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 18px 20px;
  border: 1px solid rgba(37, 99, 235, .28);
  border-radius: 12px;
  background: linear-gradient(135deg, #f8fbff 0%, #eff6ff 100%);
}
.article-one-click-start > div {
  min-width: 0;
  display: grid;
  gap: 6px;
}
.article-one-click-start strong {
  color: var(--gray-900);
  font-size: 16px;
}
.article-one-click-start small {
  color: var(--gray-600);
  line-height: 1.6;
}
.article-one-click-start .btn {
  min-width: 160px;
}
.article-advanced-entry {
  margin-top: 12px;
  color: var(--gray-600);
  font-size: 13px;
}
.article-advanced-entry summary {
  cursor: pointer;
  width: fit-content;
}
.article-advanced-actions {
  display: flex;
  gap: 8px;
  padding-top: 10px;
}
.article-creation-flow {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}
.article-creation-card {
  min-width: 0;
  min-height: 132px;
  text-align: left;
  cursor: pointer;
  border: 1.5px solid var(--gray-200);
  border-radius: 12px;
  background: #fff;
  padding: 14px;
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  column-gap: 10px;
  row-gap: 6px;
  align-content: start;
  transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease;
}
.article-creation-card:hover {
  border-color: rgba(37, 99, 235, .55);
  box-shadow: 0 10px 24px rgba(15, 23, 42, .08);
  transform: translateY(-1px);
}
.article-creation-card:disabled {
  cursor: not-allowed;
  opacity: .62;
  transform: none;
  box-shadow: none;
}
.article-creation-card.primary {
  border-color: rgba(37, 99, 235, .72);
  background: linear-gradient(180deg, #eff6ff 0%, #fff 100%);
}
.article-creation-step {
  width: 30px;
  height: 30px;
  border-radius: 999px;
  display: inline-grid;
  place-items: center;
  background: var(--primary);
  color: #fff;
  font-weight: 900;
  font-size: 13px;
  grid-row: span 2;
}
.article-creation-card strong {
  min-width: 0;
  color: var(--gray-900);
  font-size: 15px;
  line-height: 1.35;
}
.article-creation-card small {
  grid-column: 2;
  color: var(--gray-500);
  font-size: 12px;
  line-height: 1.65;
}
.article-agentic-pipeline {
  margin-top: 14px;
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  border: 1px solid var(--gray-200);
  border-radius: 12px;
  overflow: hidden;
  background: var(--gray-50);
}
.article-agentic-pipeline > div {
  min-width: 0;
  padding: 12px;
  border-right: 1px solid var(--gray-200);
}
.article-agentic-pipeline > div:last-child {
  border-right: 0;
}
.article-agentic-pipeline strong {
  display: block;
  color: var(--gray-900);
  font-size: 13px;
  margin-bottom: 6px;
}
.article-agentic-pipeline span {
  display: block;
  color: var(--gray-500);
  font-size: 12px;
  line-height: 1.55;
}
@media (max-width: 1380px) {
  .article-intelligence-grid,
  .article-creation-flow {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .article-agentic-pipeline {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .article-agentic-pipeline > div:nth-child(3n) {
    border-right: 0;
  }
}
@media (max-width: 760px) {
  .article-intelligence-grid,
  .article-creation-flow,
  .article-agentic-pipeline {
    grid-template-columns: 1fr;
  }
  .article-agentic-pipeline > div {
    border-right: 0;
    border-bottom: 1px solid var(--gray-200);
  }
  .article-agentic-pipeline > div:last-child {
    border-bottom: 0;
  }
  .article-one-click-start {
    align-items: stretch;
    flex-direction: column;
  }
  .article-one-click-start .btn {
    width: 100%;
  }
}
.article-workbench-agent .panel-header {
  padding-bottom: 12px;
}
.article-agent-summary {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  padding: 0 16px 12px;
}
.article-agent-summary > div {
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid var(--gray-200);
  border-radius: 8px;
  background: var(--gray-50);
}
.article-agent-summary strong,
.article-agent-summary span {
  display: block;
}
.article-agent-summary strong {
  color: var(--gray-900);
  font-size: 22px;
  line-height: 1.15;
}
.article-agent-summary span {
  margin-top: 4px;
  color: var(--gray-500);
  font-size: 12px;
}
.article-agent-topic-tabs {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  padding: 0 16px 12px;
}
.article-agent-messages {
  margin: 0 16px;
  height: 360px;
  overflow: auto;
  border: 1px solid var(--gray-200);
  border-radius: 10px;
  background: var(--gray-50);
  padding: 12px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.article-agent-message {
  max-width: 84%;
  padding: 10px 12px;
  border-radius: 10px;
  line-height: 1.7;
  box-shadow: 0 1px 2px rgba(15, 23, 42, .05);
}
.article-agent-message.assistant {
  align-self: flex-start;
  color: var(--gray-900);
  background: #fff;
  border: 1px solid var(--gray-200);
}
.article-agent-message.user {
  align-self: flex-end;
  color: #fff;
  background: var(--primary);
  border: 1px solid var(--primary);
}
.article-agent-input-row {
  position: relative;
  display: block;
  padding: 12px 16px 16px;
}
.article-agent-input-row textarea {
  resize: vertical;
  min-height: 78px;
  width: 100%;
  padding-right: 58px;
  border: 1.5px solid #0f172a;
  border-radius: 14px;
  background: #fff;
  box-sizing: border-box;
}
.article-list-summary {
  display: flex; align-items: center; gap: 8px; flex-wrap: wrap;
  color: var(--gray-500); font-size: 12px;
}
.article-list-summary span {
  padding: 5px 9px; border: 1px solid var(--gray-200); border-radius: 999px;
  background: var(--gray-50);
}
.article-stage-tabs {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  padding: 0 12px 14px;
}
.article-stage-tab {
  min-height: 38px;
  border: 1px solid var(--gray-200);
  border-radius: 8px;
  padding: 0 14px;
  background: #fff;
  color: var(--gray-700);
  font-weight: 800;
}
.article-stage-tab strong {
  margin-left: 6px;
  color: var(--primary);
}
.article-stage-tab.active {
  color: var(--primary);
  border-color: #bfdbfe;
  background: #eff6ff;
  box-shadow: inset 3px 0 0 var(--primary);
}
.article-workbench-table {
  display: grid;
  gap: 0;
  border-top: 1px solid var(--gray-200);
}
.article-table-head,
.article-table-row {
  display: grid;
  grid-template-columns: 150px minmax(280px, 1fr) minmax(220px, .8fr) minmax(230px, auto);
  gap: 14px;
  align-items: center;
}
.article-table-head {
  padding: 10px 12px;
  color: var(--gray-400);
  font-size: 12px;
  font-weight: 800;
  border-bottom: 1px solid var(--gray-200);
}
.article-table-row {
  min-width: 0;
  padding: 14px 12px;
  background: #fff;
  border-bottom: 1px solid var(--gray-100);
}
.article-table-row:hover {
  background: var(--gray-50);
}
.article-table-row:last-child {
  border-bottom: 0;
}
.article-table-progress {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
}
.article-table-main {
  min-width: 0;
}
.article-table-main h3 {
  margin: 0 0 5px;
  color: var(--gray-900);
  font-size: 14px;
  line-height: 1.45;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.article-url-cell {
  min-width: 0;
  display: grid;
  gap: 4px;
  color: var(--gray-600);
  font-size: 12px;
  line-height: 1.55;
}
.article-url-cell a {
  max-width: 100%;
  color: var(--primary);
  font-weight: 700;
  word-break: break-all;
}
.article-url-cell strong {
  color: var(--gray-900);
  font-size: 13px;
}
.article-url-cell small {
  color: var(--gray-500);
}
.article-url-missing {
  padding: 10px;
  border: 1px solid #fed7aa;
  border-radius: 8px;
  background: #fff7ed;
}
.article-table-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: end;
  align-items: center;
}
.article-inline-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}
.article-inline-actions .btn {
  white-space: nowrap;
}
.article-list-head {
  display: grid; grid-template-columns: 150px minmax(260px, 1fr) 150px minmax(280px, auto);
  gap: 14px; padding: 0 12px 10px; border-bottom: 1px solid var(--gray-200);
  color: var(--gray-400); font-size: 12px; font-weight: 700;
}
.article-list { display: grid; gap: 0; }
.article-card.article-list-row {
  background: #fff; border-radius: 0; padding: 14px 12px;
  box-shadow: none; border-bottom: 1px solid var(--gray-100);
  display: grid; grid-template-columns: 150px minmax(260px, 1fr) 150px minmax(280px, auto);
  gap: 14px; align-items: center;
}
.article-card.article-list-row:hover { background: var(--gray-50); }
.article-card.article-list-row:first-child { border-top-left-radius: 8px; border-top-right-radius: 8px; }
.article-card.article-list-row:last-child { border-bottom: 0; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; }
.article-row-status { display: flex; gap: 6px; flex-wrap: wrap; align-items: center; }
.article-row-main { min-width: 0; }
.article-row-main h3 {
  font-size: 14px; font-weight: 700; color: var(--gray-900); margin: 0 0 5px;
  letter-spacing: 0;
}
.article-row-meta {
  display: flex; gap: 10px; flex-wrap: wrap; align-items: center;
  color: var(--gray-500); font-size: 12px;
}
.article-row-main .helper { margin-top: 5px; }
.article-row-next { display: grid; gap: 4px; color: var(--gray-500); font-size: 12px; }
.article-row-next strong { color: var(--gray-800); font-size: 13px; font-weight: 700; }
.article-card-right {
  position: relative;
  display: grid;
  grid-template-columns: minmax(132px, auto) auto;
  gap: 8px;
  align-items: center;
  justify-content: end;
}
.article-primary-action .btn {
  width: 100%;
  white-space: nowrap;
}
.article-more-menu {
  position: relative;
  min-width: 0;
}
.article-more-menu > summary {
  min-height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 6px 10px;
  border: 1px solid var(--gray-300);
  border-radius: 8px;
  background: #fff;
  color: var(--gray-600);
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
  user-select: none;
  list-style: none;
}
.article-more-menu > summary::-webkit-details-marker { display: none; }
.article-more-menu[open] > summary {
  border-color: var(--primary);
  color: var(--primary);
  background: var(--primary-bg);
}
.article-secondary-actions {
  position: absolute;
  right: 0;
  top: calc(100% + 6px);
  z-index: 20;
  min-width: 172px;
  display: grid;
  gap: 6px;
  padding: 8px;
  border: 1px solid var(--gray-200);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 16px 36px rgba(15, 23, 42, .14);
}
.article-secondary-actions .btn {
  width: 100%;
  justify-content: center;
}
.article-card-full,
.article-row-detail {
  display: none; grid-column: 1 / -1; margin-top: 8px; padding-top: 14px;
  border-top: 1px solid var(--gray-200);
  max-height: min(72vh, 760px); overflow-y: auto;
}
.article-editor-page {
  display: grid;
  gap: 18px;
}
.article-editor-top-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.article-editor-detail-standalone {
  min-width: 0;
}
.article-editor-page .article-review-workspace {
  padding: 20px;
  border-color: var(--gray-200);
  border-radius: 8px;
  background: #fff;
}
.article-editor-page .article-review-head {
  padding-bottom: 14px;
  border-bottom: 1px solid var(--gray-200);
}
.article-editor-page .article-review-head h3 {
  font-size: 24px;
}
.article-editor-page .article-editor-body {
  min-height: 58vh;
  max-height: none;
  background: #fff;
  font-size: 16px;
  line-height: 1.9;
}
.article-editor-page .article-editor-shell {
  padding: 18px;
}
.article-editor-review-summary {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(220px, .8fr) minmax(260px, 1fr);
  gap: 10px;
}
.article-editor-review-summary > div {
  min-width: 0;
  padding: 12px 14px;
  border: 1px solid var(--gray-200);
  border-radius: 8px;
  background: var(--gray-50);
}
.article-editor-review-summary span,
.article-editor-actionbar small {
  display: block;
  color: var(--gray-500);
  font-size: 12px;
  line-height: 1.55;
}
.article-editor-review-summary strong {
  display: block;
  margin-top: 4px;
  color: var(--gray-900);
  font-size: 14px;
  line-height: 1.55;
}
.article-mission-card {
  display: grid;
  gap: 12px;
  padding: 16px;
  border: 1px solid rgba(37, 99, 235, .24);
  border-radius: 8px;
  background: #f8fbff;
}
.article-mission-card.compact {
  padding: 12px 14px;
}
.article-mission-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
}
.article-mission-head span,
.article-mission-grid span,
.article-mission-next span {
  display: block;
  color: var(--gray-500);
  font-size: 12px;
}
.article-mission-head strong {
  display: block;
  margin-top: 4px;
  color: var(--gray-900);
  font-size: 16px;
  line-height: 1.5;
}
.article-mission-progress {
  flex: 0 0 auto;
  min-width: 88px;
  text-align: right;
}
.article-mission-progress strong {
  color: var(--primary);
  font-size: 20px;
}
.article-mission-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}
.article-mission-grid > div {
  min-width: 0;
  padding: 11px 12px;
  border: 1px solid var(--gray-200);
  border-radius: 8px;
  background: #fff;
}
.article-mission-grid strong,
.article-mission-next strong {
  display: block;
  margin-top: 4px;
  color: var(--gray-800);
  font-size: 13px;
  line-height: 1.6;
}
.article-mission-next {
  padding: 10px 12px;
  border-left: 3px solid var(--primary);
  background: #fff;
}
@media (max-width: 900px) {
  .article-mission-grid { grid-template-columns: 1fr; }
  .article-mission-head { flex-direction: column; }
  .article-mission-progress { text-align: left; }
}
.article-editor-actionbar {
  position: sticky;
  bottom: 0;
  z-index: 12;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin-top: 4px;
  padding: 14px;
  border: 1px solid rgba(37, 99, 235, .18);
  border-radius: 8px;
  background: rgba(255, 255, 255, .96);
  box-shadow: 0 -10px 30px rgba(15, 23, 42, .08);
  backdrop-filter: blur(8px);
}
.article-editor-actionbar-muted {
  position: static;
  border-color: var(--gray-200);
  background: var(--gray-50);
  box-shadow: none;
  backdrop-filter: none;
}
.article-editor-actionbar strong {
  display: block;
  color: var(--gray-900);
  font-size: 15px;
  line-height: 1.45;
}
.article-editor-actionbar-actions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  flex-wrap: wrap;
}

.manual-article-optimizer-page {
  max-width: 1180px;
  margin: 0 auto;
}

.manual-article-flow {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin: 0 0 18px;
}

.manual-article-flow > div {
  display: flex;
  align-items: center;
  gap: 9px;
  min-height: 52px;
  padding: 10px 14px;
  border: 1px solid var(--gray-200);
  border-radius: 12px;
  background: #fff;
  color: var(--gray-500);
}

.manual-article-flow > div.active {
  border-color: rgba(37, 99, 235, .35);
  background: rgba(37, 99, 235, .06);
  color: var(--primary);
}

.manual-article-flow span {
  display: inline-grid;
  place-items: center;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: var(--gray-100);
  font-weight: 700;
}

.manual-article-flow .active span {
  background: var(--primary);
  color: #fff;
}

.manual-article-input-panel {
  max-width: 980px;
  margin: 0 auto;
}

.manual-article-input-panel textarea {
  min-height: 420px;
  font-size: 16px;
  line-height: 1.8;
}

.manual-article-field-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 8px;
}

.manual-article-field-head label {
  margin: 0;
}

.manual-ai-generate-btn {
  border-color: rgba(37, 99, 235, .32);
  background: rgba(37, 99, 235, .06);
  color: var(--primary);
  white-space: nowrap;
}

.manual-ai-generate-btn:hover:not(:disabled) {
  border-color: var(--primary);
  background: rgba(37, 99, 235, .12);
}

.manual-ai-status {
  display: block;
  margin-top: 7px;
}

.manual-article-counter,
.manual-article-submit-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
}

.manual-article-counter {
  margin-top: 7px;
  color: var(--gray-500);
  font-size: 12px;
}

.manual-article-submit-row {
  margin-top: 18px;
}

.article-publish-category-panel {
  display: grid;
  grid-template-columns: minmax(260px, 420px) 1fr auto;
  align-items: end;
  gap: 12px;
  padding: 15px 16px;
  margin: 14px 0;
  border: 1px solid var(--gray-200);
  border-radius: 12px;
  background: var(--gray-50);
}

.article-publish-category-panel label {
  display: grid;
  gap: 7px;
  font-weight: 600;
}

.article-publish-category-panel small {
  align-self: center;
  color: var(--gray-500);
  line-height: 1.55;
}

@media (max-width: 820px) {
  .manual-article-flow {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .article-publish-category-panel {
    grid-template-columns: 1fr;
    align-items: stretch;
  }

  .manual-article-submit-row {
    align-items: stretch;
    flex-direction: column;
  }

  .manual-article-field-head {
    align-items: flex-start;
  }
}
.article-publish-checklist {
  display: grid;
  gap: 12px;
  padding: 14px;
  border: 1px solid rgba(37, 99, 235, .18);
  border-radius: 8px;
  background: linear-gradient(180deg, #f8fbff 0%, #fff 100%);
}
.article-publish-checklist-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}
.article-publish-checklist h4 {
  margin: 0;
  color: var(--gray-900);
  font-size: 16px;
}
.article-publish-checklist p {
  margin: 4px 0 0;
  color: var(--gray-500);
  font-size: 13px;
  line-height: 1.6;
}
.article-publish-check-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
}
.article-publish-check-item {
  min-width: 0;
  padding: 10px;
  border: 1px solid var(--gray-200);
  border-radius: 8px;
  background: #fff;
}
.article-publish-check-item.ok {
  border-color: rgba(16, 185, 129, .22);
  background: #f0fdf4;
}
.article-publish-check-item.warn {
  border-color: rgba(245, 158, 11, .25);
  background: #fffbeb;
}
.article-publish-check-item strong,
.article-publish-check-item small {
  display: block;
  line-height: 1.55;
}
.article-publish-check-item strong {
  color: var(--gray-900);
  font-size: 13px;
}
.article-publish-check-item small {
  margin-top: 4px;
  color: var(--gray-600);
  font-size: 12px;
}
.article-publish-blockers {
  padding: 10px 12px;
  border: 1px solid rgba(239, 68, 68, .18);
  border-radius: 8px;
  background: #fff7f7;
  color: var(--gray-800);
  font-size: 13px;
  line-height: 1.7;
}
.article-publish-next-actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.article-publish-next-actions span {
  display: inline-flex;
  align-items: center;
  padding: 6px 10px;
  border-radius: 999px;
  background: #eef2ff;
  color: var(--primary);
  font-size: 12px;
  font-weight: 700;
}
.article-composer-status {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(220px, .7fr) minmax(180px, .5fr);
  gap: 12px;
  margin-bottom: 18px;
  padding: 14px;
  border: 1px solid var(--gray-200);
  border-radius: 8px;
  background: #fff;
}
.article-composer-status div {
  min-width: 0;
  padding: 10px 12px;
  border-radius: 8px;
  background: var(--gray-50);
}
.article-composer-status span,
.article-composer-status small {
  display: block;
  color: var(--gray-500);
  font-size: 12px;
  line-height: 1.55;
}
.article-composer-status strong {
  display: block;
  margin: 4px 0;
  color: var(--gray-900);
  font-size: 18px;
  line-height: 1.35;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.article-composer-panel {
  margin-bottom: 20px;
}
.article-composer-head {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: flex-start;
  margin-bottom: 16px;
}
.article-composer-head h2 {
  color: var(--gray-900);
  font-size: 22px;
  line-height: 1.35;
}
.article-composer-preset {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  padding: 12px 14px;
  margin-bottom: 16px;
  border: 1px solid #bfdbfe;
  border-radius: 8px;
  background: #eff6ff;
  color: #1e3a8a;
}
.article-composer-preset strong {
  color: #172554;
  font-size: 14px;
}
.article-composer-preset small {
  color: #475569;
}
.article-composer-steps {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 16px;
}
.article-composer-steps div {
  min-width: 0;
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  gap: 8px 10px;
  align-items: center;
  padding: 11px;
  border: 1px solid var(--gray-200);
  border-radius: 8px;
  background: #f8fafc;
}
.article-composer-steps span {
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  grid-row: span 2;
  border-radius: 50%;
  color: #fff;
  background: var(--primary);
  font-weight: 800;
}
.article-composer-steps strong {
  color: var(--gray-900);
  font-size: 14px;
}
.article-composer-steps small {
  color: var(--gray-500);
  font-size: 12px;
}
.article-composer-form {
  display: grid;
  grid-template-columns: minmax(280px, .9fr) minmax(360px, 1.1fr);
  gap: 12px 14px;
  align-items: start;
}
.article-title-field,
.article-question-field,
.article-material-field,
.article-platform-field {
  min-width: 0;
}
.article-material-field,
.article-platform-field {
  grid-column: 1 / -1;
}
.article-material-field textarea {
  min-height: 260px;
}
.article-platform-chips {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.article-advanced-panel {
  margin-top: 16px;
  border: 1px solid var(--gray-200);
  border-radius: 8px;
  background: #fff;
}
.article-advanced-panel > summary {
  min-height: 42px;
  display: flex;
  align-items: center;
  padding: 10px 12px;
  color: var(--gray-700);
  font-size: 13px;
  font-weight: 800;
  cursor: pointer;
  list-style: none;
}
.article-advanced-panel > summary::-webkit-details-marker {
  display: none;
}
.article-advanced-panel[open] > summary {
  border-bottom: 1px solid var(--gray-200);
  color: var(--primary);
  background: var(--primary-bg);
}
.article-advanced-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  padding: 12px;
}
.article-angle-field,
.article-hotspot-panel {
  grid-column: 1 / -1;
}
.article-hotspot-panel {
  display: grid;
  gap: 8px;
}
.article-hotspot-row {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(150px, auto) auto;
  gap: 10px;
  align-items: center;
  padding: 10px;
  border: 1px solid var(--gray-200);
  border-radius: 8px;
  background: #fff;
}
.article-hotspot-main,
.article-hotspot-side {
  min-width: 0;
}
.article-hotspot-main strong {
  display: block;
  color: var(--gray-900);
  font-size: 13px;
  line-height: 1.45;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.article-hotspot-main span,
.article-hotspot-side .helper {
  display: block;
  margin-top: 3px;
  color: var(--gray-500);
  font-size: 12px;
  line-height: 1.45;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.article-hotspot-side {
  display: grid;
  gap: 4px;
  justify-items: start;
}
.article-knowledge-panel {
  border: 1px solid #dbeafe;
  border-radius: 10px;
  background: #f8fbff;
  padding: 14px;
}
.article-knowledge-head {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: flex-start;
  flex-wrap: wrap;
  margin-bottom: 12px;
}
.article-knowledge-head h3 {
  margin: 0 0 4px;
  font-size: 16px;
}
.article-knowledge-head p {
  margin: 0;
  color: var(--gray-600);
  font-size: 13px;
  line-height: 1.7;
}
.article-knowledge-stats {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-bottom: 12px;
}
.article-knowledge-stats span {
  display: inline-flex;
  gap: 4px;
  align-items: center;
  padding: 6px 10px;
  border-radius: 999px;
  background: #fff;
  border: 1px solid #dbeafe;
  color: var(--gray-700);
  font-size: 12px;
}
.article-knowledge-stats strong {
  color: var(--primary);
}
.article-knowledge-warnings {
  display: grid;
  gap: 6px;
  margin-bottom: 12px;
}
.article-knowledge-warnings span {
  padding: 8px 10px;
  border-radius: 8px;
  background: #fff7ed;
  border: 1px solid #fed7aa;
  color: #9a3412;
  font-size: 12px;
  line-height: 1.6;
}
.article-knowledge-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}
.article-knowledge-grid h4 {
  margin: 0 0 8px;
  font-size: 13px;
}
.article-knowledge-item,
.article-knowledge-empty {
  min-height: 96px;
  padding: 10px;
  border-radius: 8px;
  border: 1px solid var(--gray-200);
  background: #fff;
}
.article-knowledge-empty {
  color: var(--gray-500);
  font-size: 12px;
  line-height: 1.7;
}
.article-knowledge-item strong,
.article-knowledge-item p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.article-knowledge-item strong {
  -webkit-line-clamp: 2;
  font-size: 13px;
  line-height: 1.5;
}
.article-knowledge-item p {
  -webkit-line-clamp: 2;
  margin: 6px 0;
  color: var(--gray-600);
  font-size: 12px;
  line-height: 1.6;
}
.article-knowledge-item div {
  display: flex;
  gap: 6px;
  align-items: center;
  flex-wrap: wrap;
  font-size: 12px;
}
.article-knowledge-item small {
  color: var(--gray-500);
}
.article-knowledge-item a {
  color: var(--primary);
  text-decoration: none;
  font-weight: 700;
}
.article-review-workspace {
  display: grid;
  gap: 14px;
  padding: 16px;
  border: 1px solid #dbeafe;
  border-radius: 10px;
  background: linear-gradient(180deg, #f8fbff 0%, #fff 46%);
}
.article-review-head {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: flex-start;
  flex-wrap: wrap;
}
.article-review-head h3 {
  margin: 8px 0 6px;
  color: var(--gray-900);
  font-size: 18px;
}
.article-review-head p {
  max-width: 760px;
  margin: 0;
  color: var(--gray-600);
  font-size: 13px;
  line-height: 1.7;
}
.article-review-actions,
.article-style-toolbar {
  display: flex;
  gap: 8px;
  align-items: center;
  flex-wrap: wrap;
}
.article-style-toolbar {
  padding: 10px 12px;
  border: 1px solid var(--gray-200);
  border-radius: 8px;
  background: #fff;
}
.article-style-toolbar label {
  display: flex;
  gap: 8px;
  align-items: center;
  color: var(--gray-600);
  font-size: 13px;
}
.article-style-toolbar select,
.article-editor-title input {
  min-height: 34px;
  border: 1px solid var(--gray-300);
  border-radius: 8px;
  padding: 6px 10px;
  color: var(--gray-900);
  background: #fff;
}
.article-style-toolbar small {
  color: var(--gray-500);
}
.article-review-brief-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}
.article-review-brief-grid div {
  min-height: 88px;
  padding: 12px;
  border: 1px solid var(--gray-200);
  border-radius: 8px;
  background: #fff;
}
.article-review-brief-grid span,
.article-editor-title span,
.article-editor-label span {
  display: block;
  margin-bottom: 5px;
  color: var(--gray-500);
  font-size: 12px;
  font-weight: 700;
}
.article-review-brief-grid strong {
  color: var(--gray-900);
  font-size: 13px;
  line-height: 1.7;
}
.article-editor-shell {
  display: grid;
  gap: 10px;
  padding: 14px;
  border: 1px solid var(--gray-200);
  border-radius: 10px;
  background: #fff;
}
.article-editor-title {
  display: grid;
  gap: 4px;
}
.article-editor-label {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: end;
  flex-wrap: wrap;
}
.article-editor-label small {
  color: var(--gray-500);
  font-size: 12px;
}
.article-image-toolbar {
  display: grid;
  grid-template-columns: minmax(220px, 1fr) auto;
  gap: 10px;
  align-items: center;
  padding: 12px;
  border: 1px solid #dbeafe;
  border-radius: 10px;
  background: linear-gradient(135deg, #f8fbff 0%, #eef6ff 100%);
}
.article-image-toolbar .article-image-alt {
  width: 100%;
  min-width: 0;
  background: #fff;
}
.article-image-toolbar small {
  grid-column: 1 / -1;
  color: var(--gray-500);
  font-size: 12px;
  line-height: 1.6;
}
.article-image-picker {
  cursor: pointer;
  white-space: nowrap;
}
.article-image-picker:has(input:disabled) {
  cursor: wait;
  opacity: .65;
}
.article-editor-body .article-user-image {
  display: grid;
  gap: 8px;
  margin: 20px auto;
  padding: 10px;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 8px 26px rgba(15, 23, 42, .08);
}
.article-editor-body .article-user-image img {
  display: block;
  width: 100%;
  max-height: 560px;
  object-fit: contain;
  border-radius: 8px;
}
.article-editor-body .article-user-image figcaption {
  color: var(--gray-500);
  font-size: 13px;
  line-height: 1.6;
  text-align: center;
}
@media (max-width: 720px) {
  .article-image-toolbar {
    grid-template-columns: 1fr;
  }
  .article-image-toolbar .article-image-picker {
    justify-content: center;
    width: 100%;
  }
}

.article-editor-body {
  min-height: 360px;
  max-height: 680px;
  overflow: auto;
  padding: 18px;
  border: 1px solid var(--gray-200);
  border-radius: 8px;
  background: var(--gray-50);
  color: var(--gray-900);
  font-size: 15px;
  line-height: 1.85;
  outline: none;
}
.article-editor-body:focus {
  border-color: #93c5fd;
  box-shadow: 0 0 0 3px rgba(59,130,246,.12);
  background: #fff;
}
.article-editor-body h2,
.article-editor-body h3 {
  margin: 18px 0 8px;
  line-height: 1.45;
}
.article-editor-body p,
.article-editor-body ul,
.article-editor-body blockquote {
  margin: 0 0 12px;
}
.article-evidence-drawer {
  border: 1px dashed #bfdbfe;
  border-radius: 8px;
  background: #fff;
}
.article-evidence-drawer summary {
  cursor: pointer;
  padding: 12px 14px;
  color: var(--primary);
  font-size: 13px;
  font-weight: 800;
}
.article-evidence-drawer-body {
  display: grid;
  gap: 12px;
  padding: 0 12px 12px;
}
.quality-feedback-trace {
  display: grid;
  gap: 12px;
  padding: 12px;
  border: 1px solid #dbeafe;
  border-radius: 8px;
  background: #f8fbff;
}
.quality-feedback-trace-empty {
  background: #fff;
}
.quality-feedback-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}
.quality-feedback-head strong {
  display: block;
  color: var(--gray-900);
}
.quality-feedback-head p {
  margin: 4px 0 0;
  color: var(--gray-600);
  font-size: 13px;
  line-height: 1.6;
}
.quality-feedback-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}
.quality-feedback-grid > div {
  padding: 10px;
  border: 1px solid var(--gray-200);
  border-radius: 8px;
  background: #fff;
}
.quality-feedback-grid span {
  display: block;
  margin-bottom: 4px;
  color: var(--gray-500);
  font-size: 12px;
}
.quality-feedback-grid strong {
  color: var(--gray-900);
  font-size: 18px;
}
.quality-feedback-attempts {
  display: grid;
  gap: 8px;
}
.quality-feedback-attempt {
  display: grid;
  gap: 6px;
  padding: 10px;
  border: 1px solid var(--gray-200);
  border-radius: 8px;
  background: #fff;
}
.quality-feedback-attempt div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
}
.quality-feedback-attempt small,
.quality-feedback-attempt em {
  color: var(--gray-500);
  font-style: normal;
}
.quality-feedback-attempt p {
  margin: 0;
  color: var(--gray-700);
  font-size: 13px;
  line-height: 1.65;
}
.quality-feedback-blockers {
  display: flex;
  gap: 8px;
  align-items: center;
  flex-wrap: wrap;
}
.quality-feedback-blockers strong {
  color: var(--gray-700);
  font-size: 13px;
}
.quality-feedback-blockers span {
  display: inline-flex;
  max-width: 100%;
  padding: 6px 8px;
  border-radius: 999px;
  background: #fff7ed;
  color: #9a3412;
  font-size: 12px;
}
.article-composer-footer {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid var(--gray-200);
}
.article-composer-footer #assetTaskStatus {
  min-width: 180px;
}
.article-composer-links {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-left: auto;
}
.line-clamp-1,
.line-clamp-2 {
  display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden;
}
.line-clamp-1 { -webkit-line-clamp: 1; }
.line-clamp-2 { -webkit-line-clamp: 2; }
@media (max-width: 860px) {
  .quality-feedback-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .article-list-head,
  .article-table-head { display: none; }
  .article-stage-tabs {
    display: grid;
    grid-template-columns: 1fr;
    padding: 0 0 14px;
  }
  .article-stage-tab {
    width: 100%;
    justify-content: center;
  }
  .article-workbench-table {
    border-top: 0;
    gap: 10px;
  }
  .article-table-row {
    grid-template-columns: 1fr;
    gap: 10px;
    border: 1px solid var(--gray-200);
    border-radius: 8px;
  }
  .article-table-main h3 {
    white-space: normal;
  }
  .article-table-actions {
    justify-content: stretch;
  }
  .article-inline-actions {
    justify-content: flex-start;
  }
  .article-table-actions .btn {
    width: 100%;
  }
  .article-editor-page-head,
  .article-editor-top-actions {
    align-items: stretch;
  }
  .article-editor-top-actions,
  .article-editor-top-actions .btn {
    width: 100%;
  }
  .article-editor-page .article-review-workspace {
    padding: 14px;
  }
  .article-editor-page .article-review-head h3 {
    font-size: 20px;
  }
  .article-editor-page .article-editor-body {
    min-height: 52vh;
    font-size: 15px;
  }
  .article-editor-review-summary {
    grid-template-columns: 1fr;
  }
  .article-editor-actionbar {
    position: static;
    align-items: stretch;
    flex-direction: column;
  }
  .article-editor-actionbar-actions,
  .article-editor-actionbar-actions .btn {
    width: 100%;
  }
  .article-publish-check-grid {
    grid-template-columns: 1fr;
  }
  .article-composer-status,
  .article-composer-form,
  .article-composer-steps,
  .article-advanced-grid,
  .article-review-brief-grid,
  .article-knowledge-grid,
  .article-hotspot-row {
    grid-template-columns: 1fr;
  }
  .article-review-head,
  .article-review-actions,
  .article-style-toolbar {
    align-items: stretch;
  }
  .article-review-actions .btn,
  .article-style-toolbar .btn,
  .article-style-toolbar label,
  .article-style-toolbar select {
    width: 100%;
  }
  .article-material-field textarea {
    min-height: 220px;
  }
  .article-composer-head,
  .article-composer-footer {
    align-items: stretch;
    flex-direction: column;
  }
  .article-composer-preset {
    align-items: flex-start;
    flex-direction: column;
  }
  .article-composer-links {
    margin-left: 0;
  }
  .article-composer-footer .btn,
  .article-composer-links .btn {
    width: 100%;
  }
  .article-card.article-list-row {
    grid-template-columns: 96px minmax(0, 1fr);
    gap: 8px 10px; border: 1px solid var(--gray-200); border-radius: 8px; margin-bottom: 10px;
  }
  .article-list { gap: 0; }
  .article-row-status { align-self: start; }
  .article-row-meta {
    display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
  }
  .article-row-meta span { display: none; }
  .article-row-meta span:first-child {
    display: block; overflow: hidden; text-overflow: ellipsis;
  }
  .article-row-main .helper { display: none; }
  .article-row-next { grid-column: 2; display: block; }
  .article-row-next span { display: none; }
  .article-row-next strong {
    display: inline-flex; align-items: center; min-height: 24px;
    color: var(--primary); font-size: 12px;
  }
  .article-card-right {
    grid-column: 1 / -1;
    justify-content: stretch;
    grid-template-columns: minmax(0, 1fr) auto;
  }
  .article-card-right .btn { width: 100%; padding-left: 8px; padding-right: 8px; }
  .article-card-right .focus-draft-btn { display: none; }
  .article-more-menu[open] { grid-column: 1 / -1; }
  .article-more-menu[open] > summary { width: 100%; }
  .article-secondary-actions {
    position: static;
    margin-top: 6px;
    box-shadow: none;
  }
}
@media (max-width: 430px) {
  .article-card.article-list-row { grid-template-columns: 1fr; }
  .article-row-next { grid-column: 1; }
  .article-card-right { grid-template-columns: 1fr; }
  .article-more-menu > summary { width: 100%; }
}

/* Platform Tab Icons */
.platform-tabs { display: flex; gap: 4px; flex-wrap: wrap; margin: 12px 0; }
.platform-tab {
  padding: 6px 14px; border-radius: 20px; border: 1px solid var(--gray-300);
  background: #fff; color: var(--gray-600); font-size: 12px; font-weight: 500;
  cursor: pointer; transition: all 0.15s;
}
.platform-tab:hover { border-color: var(--primary); color: var(--primary); }
.platform-tab.active { background: var(--primary); color: #fff; border-color: var(--primary); }

/* Countdown Timer */
.countdown {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 10px 18px; border-radius: 8px; background: var(--primary-bg);
  color: var(--primary); font-weight: 700; font-size: 16px;
}
.countdown.running { animation: pulse 1.5s infinite; }

/* Owner Publish Arrangement */
.owner-publish-arrangement {
  margin-bottom: 20px;
  border-color: rgba(37, 99, 235, .18);
  background: linear-gradient(180deg, #eff6ff 0%, #fff 72%);
}
.owner-arrangement-actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.owner-next-title {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  margin: 4px 0 14px;
}
.owner-next-title strong {
  min-width: 0;
  color: var(--gray-900);
  font-size: 16px;
  line-height: 1.45;
}
.owner-arrangement-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}
.owner-arrangement-grid div {
  min-width: 0;
  padding: 12px;
  border: 1px solid rgba(37, 99, 235, .14);
  border-radius: 8px;
  background: rgba(255, 255, 255, .8);
}
.owner-arrangement-grid span {
  display: block;
  color: var(--gray-500);
  font-size: 12px;
}
.owner-arrangement-grid strong {
  display: block;
  margin-top: 4px;
  color: var(--gray-900);
  font-size: 14px;
  line-height: 1.55;
}
.publish-preference-details {
  align-self: start;
}
.publish-preference-summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  cursor: pointer;
  list-style: none;
}
.publish-preference-summary::-webkit-details-marker { display: none; }
.publish-preference-summary h2 {
  margin: 0 0 4px;
  font-size: 18px;
}
.publish-preference-summary > span {
  flex: 0 0 auto;
  padding: 6px 10px;
  border: 1px solid var(--gray-300);
  border-radius: 8px;
  color: var(--gray-600);
  font-size: 12px;
  font-weight: 700;
  background: #fff;
}
.publish-preference-details[open] .publish-preference-summary {
  padding-bottom: 14px;
  border-bottom: 1px solid var(--gray-200);
}
.publish-preference-details[open] .publish-preference-summary > span {
  border-color: var(--primary);
  color: var(--primary);
  background: var(--primary-bg);
}
.publish-preference-body {
  margin-top: 16px;
}

/* Article HTML Preview */
.article-preview {
  max-height: 600px; overflow-y: auto; border: 1px solid var(--gray-200);
  border-radius: 8px; padding: 24px; background: #fff; font-size: 14px; line-height: 1.8;
}
.article-preview h2 { font-size: 20px; margin: 20px 0 12px; }
.article-preview h3 { font-size: 16px; margin: 16px 0 8px; }
.article-preview p { margin: 10px 0; }
.article-preview img { max-width: 100%; border-radius: 8px; }

/* Input Groups */
.chip {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 6px 12px; border-radius: 999px; cursor: pointer;
}
.chip input { width: auto; cursor: pointer; }
.input-row { display: flex; gap: 10px; align-items: center; }
.input-row input { flex: 1; padding: 8px 12px; border: 1px solid var(--gray-300); border-radius: 6px; font-size: 13px; outline: none; }
.input-row input:focus { border-color: var(--primary); }
.wide-field { grid-column: 1 / -1; }
.intake-chat-log {
  margin-top: 16px;
  padding: 12px;
  border: 1px solid var(--gray-200);
  border-radius: 8px;
  background: var(--gray-50);
  max-height: 260px;
  overflow-y: auto;
}
.intake-message {
  margin-bottom: 8px;
  padding: 10px 12px;
  border-radius: 8px;
  font-size: 13px;
  line-height: 1.6;
  background: #fff;
  color: var(--gray-800);
}
.intake-message.assistant { border-left: 3px solid var(--primary); }
.intake-message.user { background: #eef2ff; }

/* Toast */
.toast {
  position: fixed; top: 20px; right: 20px; z-index: 10000;
  padding: 12px 20px; border-radius: 8px; font-size: 13px; font-weight: 500;
  animation: slideIn 0.3s ease;
}
.toast.success { background: var(--success); color: #fff; }
.toast.error { background: var(--danger); color: #fff; }
@keyframes slideIn { from { transform: translateX(100px); opacity: 0; } to { transform: translateX(0); opacity: 1; } }
@keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.6; } }

/* Score Row */
.score-row { display: flex; gap: 20px; align-items: center; margin: 16px 0; }
.score-category { flex: 1; }
.score-category-label { font-size: 12px; color: var(--gray-500); margin-bottom: 4px; }
.score-category-value { font-size: 24px; font-weight: 700; }
.score-category .progress-bar { margin-top: 4px; }

/* Enterprise Growth Dashboard */
.enterprise-header-actions,
.growth-head-actions {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
}
.growth-dashboard-head p {
  max-width: 760px;
}
.page-agent-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(520px, 608px);
  gap: 18px;
  align-items: start;
}
.page-agent-main {
  min-width: 0;
  container-type: inline-size;
}
.page-agent-side {
  min-width: 0;
  position: sticky;
  top: 16px;
  align-self: start;
}
.page-agent-side .panel {
  margin-bottom: 0 !important;
  position: relative;
  overflow: hidden;
  border: 1.5px solid rgba(37, 99, 235, .55);
  background: linear-gradient(180deg, #fff 0%, #f8fbff 100%);
  box-shadow: 0 14px 34px rgba(37, 99, 235, .10), 0 1px 2px rgba(15, 23, 42, .06);
}
.page-agent-side .panel::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #2563eb 0%, #38bdf8 52%, #8b5cf6 100%);
  pointer-events: none;
}
.page-agent-side .panel-header {
  gap: 12px;
}
.page-agent-side .panel-header h2 {
  font-size: 18px;
}
.page-agent-side .helper {
  line-height: 1.65;
}
.page-agent-side #growthCoachMessages,
.page-agent-side #articleWorkbenchAgentMessages {
  min-height: 360px;
}
@container (max-width: 980px) {
  .article-workbench-agent-layout .page-agent-main .article-table-head {
    display: none;
  }
  .article-workbench-agent-layout .page-agent-main .article-workbench-table {
    border-top: 0;
    gap: 10px;
  }
  .article-workbench-agent-layout .page-agent-main .article-table-row {
    grid-template-columns: 1fr;
    gap: 10px;
    padding: 12px;
    border: 1px solid var(--gray-200);
    border-radius: 8px;
    margin-bottom: 10px;
  }
  .article-workbench-agent-layout .page-agent-main .article-table-row:last-child {
    margin-bottom: 0;
  }
  .article-workbench-agent-layout .page-agent-main .article-table-main h3 {
    white-space: normal;
  }
  .article-workbench-agent-layout .page-agent-main .article-url-cell {
    padding: 10px;
    border: 1px solid var(--gray-200);
    border-radius: 8px;
    background: #f8fafc;
  }
  .article-workbench-agent-layout .page-agent-main .article-table-actions,
  .article-workbench-agent-layout .page-agent-main .article-inline-actions {
    min-width: 0;
    width: 100%;
    justify-content: flex-start;
  }
  .article-workbench-agent-layout .page-agent-main .article-inline-actions .btn {
    width: auto;
    max-width: 100%;
    white-space: normal;
    text-align: center;
  }
}
.page-agent-composer {
  position: relative;
  display: block;
  margin-top: 12px;
}
.page-agent-composer textarea {
  width: 100%;
  min-width: 0;
  min-height: 78px;
  max-height: 160px;
  resize: vertical;
  box-sizing: border-box;
  padding: 12px 58px 12px 14px;
  border: 1.5px solid #0f172a;
  border-radius: 14px;
  background: #fff;
}
.agent-send-icon-btn,
.page-agent-composer .agent-send-icon-btn,
.assessment-cognition-composer .agent-send-icon-btn,
.article-agent-input-row .agent-send-icon-btn {
  position: absolute;
  right: 10px;
  bottom: 12px;
  width: 38px;
  min-width: 38px;
  height: 38px;
  min-height: 38px;
  padding: 0;
  border-radius: 999px;
  display: inline-grid;
  place-items: center;
  line-height: 1;
  font-size: 18px;
  font-weight: 900;
  white-space: nowrap;
  box-shadow: 0 8px 18px rgba(37, 99, 235, .18);
}
.agent-send-icon-btn:disabled {
  opacity: .65;
  cursor: not-allowed;
  box-shadow: none;
}
.growth-coach-body {
  padding: 0 16px 16px;
}
.growth-coach-topic-tabs {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-bottom: 12px;
}
.growth-coach-messages {
  height: 260px;
  overflow: auto;
  border: 1px solid var(--gray-200);
  border-radius: 10px;
  background: var(--gray-50);
  padding: 12px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.assessment-page-agent-layout {
  grid-template-columns: minmax(0, 1.18fr) minmax(520px, 608px);
  gap: 18px;
  align-items: start;
  margin: 14px 0 16px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}
.assessment-page-agent-layout .assessment-cognition-brief-pane {
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--gray-200);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 1px 2px rgba(15, 23, 42, .04);
}
.assessment-page-agent-layout .assessment-cognition-chat-pane {
  min-width: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  order: initial;
}
.assessment-page-agent-card {
  overflow: hidden;
}
.assessment-page-agent-card .assessment-cognition-title {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  margin: 0;
  padding: 18px;
  border-bottom: 1px solid var(--gray-200);
  background: #fff;
}
.assessment-page-agent-card .assessment-cognition-title h2 {
  margin: 0;
  color: var(--gray-900);
  font-size: 18px;
  line-height: 1.3;
}
.assessment-page-agent-card .assessment-cognition-title p {
  margin: 6px 0 0;
  color: var(--gray-500);
  font-size: 13px;
  line-height: 1.65;
}
.assessment-page-agent-card #assessmentCognitionChat {
  min-height: 380px;
  max-height: 560px;
  padding: 14px;
  overflow-y: auto;
  background: #fff;
}
.assessment-page-agent-card .assessment-cognition-composer {
  position: relative;
  display: block;
  padding: 14px;
  border-top: 1px solid var(--gray-200);
  background: #fff;
}
.assessment-page-agent-card .assessment-cognition-composer textarea {
  min-width: 0;
  width: 100%;
  min-height: 104px;
  padding: 12px 58px 12px 14px;
  border: 1.5px solid #0f172a;
  border-radius: 14px;
  background: #fff;
  box-sizing: border-box;
}
.assessment-page-agent-card .assessment-cognition-composer .btn {
  right: 24px;
  bottom: 26px;
}
.assessment-page-agent-layout .assessment-brief-refresh-bar {
  border-bottom: 1px solid var(--gray-200);
}
.assessment-page-agent-layout .assessment-ai-brief-card {
  margin: 14px;
}
.assessment-page-agent-layout .assessment-cognition-map-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.assessment-page-agent-layout .assessment-ai-brief-actions {
  flex-wrap: wrap;
}

/* Enterprise cognition: six user-facing decisions backed by the existing ten slots. */
.assessment-six-card-brief .assessment-ai-brief-head p {
  max-width: 680px;
}
.assessment-page-agent-layout .assessment-six-card-grid,
.assessment-cognition-brief-pane .assessment-six-card-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
.assessment-six-card {
  min-height: 172px;
  cursor: pointer;
  transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease;
}
.assessment-six-card:hover,
.assessment-six-card:focus-visible {
  border-color: #60a5fa;
  box-shadow: 0 8px 22px rgba(37, 99, 235, .1);
  outline: none;
  transform: translateY(-1px);
}
.assessment-six-card.is-risk {
  border-color: #fbbf24;
  background: #fffbeb;
}
.assessment-six-card.is-risk .assessment-cognition-map-top em {
  color: #92400e;
  background: #fef3c7;
}
.assessment-six-card-issues {
  padding-left: 18px;
}
.assessment-six-card-issues li {
  margin-top: 5px;
  color: #92400e;
}
.assessment-six-card-ready {
  color: #047857 !important;
  font-weight: 700;
}
.assessment-six-card-candidate {
  margin-top: 10px;
  padding: 10px;
  border: 1px solid #93c5fd;
  border-radius: 10px;
  background: #eff6ff;
}
.assessment-six-card-candidate > b {
  color: #1d4ed8;
  font-size: 12px;
}
.assessment-six-card-candidate p {
  margin: 6px 0 0 !important;
  color: #1e3a8a !important;
  font-size: 12px;
}
.assessment-six-card-candidate p span {
  display: block;
  margin-bottom: 2px;
  color: #64748b;
}
.assessment-six-card-candidate > div {
  display: flex;
  gap: 8px;
  margin-top: 9px;
}
.assessment-six-card-candidate button {
  padding: 5px 9px;
  border: 1px solid #60a5fa;
  border-radius: 8px;
  background: #fff;
  color: #1d4ed8;
  cursor: pointer;
}
.assessment-six-card-candidate button:first-child {
  border-color: #2563eb;
  background: #2563eb;
  color: #fff;
}
.assessment-six-card-confirm {
  margin-top: 10px;
  padding: 6px 11px;
  border: 1px solid #f59e0b;
  border-radius: 999px;
  background: #fff;
  color: #92400e;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
}
.assessment-six-card-confirm:hover {
  background: #fffbeb;
}
.assessment-six-card-confirm:disabled {
  cursor: wait;
  opacity: .65;
}
.assessment-six-card-editors {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 12px;
}
.assessment-six-card-edit {
  min-height: 30px;
  padding: 5px 9px;
  border: 1px solid var(--gray-200);
  border-radius: 999px;
  background: #fff;
  color: var(--gray-600);
  font: inherit;
  font-size: 12px;
  line-height: 1.2;
  cursor: pointer;
}
.assessment-six-card-edit:hover,
.assessment-six-card-edit:focus-visible {
  border-color: #60a5fa;
  color: #1d4ed8;
  outline: none;
}
.assessment-cognition-editor-field > span {
  display: block;
  margin-bottom: 3px;
  color: var(--gray-500);
  font-size: 11px;
  font-weight: 700;
}
.assessment-six-card-brief .assessment-ai-brief-actions {
  display: grid;
  grid-template-columns: minmax(240px, 360px) minmax(0, 1fr);
  align-items: center;
}
.assessment-six-card-brief .assessment-confirm-brief-btn {
  width: 100%;
  min-height: 46px;
}
.assessment-brief-secondary {
  padding: 0 16px 14px;
  color: var(--gray-500);
  font-size: 12px;
}
.assessment-brief-secondary summary {
  width: fit-content;
  cursor: pointer;
}
.assessment-brief-secondary > div {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 8px;
}
.assessment-brief-secondary a,
.assessment-brief-secondary button {
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--primary);
  font: inherit;
  cursor: pointer;
}
@media (max-width: 860px) {
  .assessment-page-agent-layout .assessment-six-card-grid,
  .assessment-cognition-brief-pane .assessment-six-card-grid {
    grid-template-columns: 1fr;
    padding: 12px;
  }
  .assessment-six-card {
    min-height: 0;
  }
  .assessment-six-card-brief .assessment-ai-brief-head {
    display: grid;
    padding: 14px;
  }
  .assessment-six-card-brief .assessment-cognition-next {
    margin: 12px 12px 0;
  }
  .assessment-six-card-brief .assessment-ai-brief-actions {
    grid-template-columns: 1fr;
    padding: 12px;
  }
  .assessment-six-card-brief .assessment-ai-brief-actions .helper {
    font-size: 12px;
    line-height: 1.5;
  }
}
.growth-dashboard-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.5fr) minmax(300px, .7fr);
  gap: 18px;
  margin-bottom: 18px;
}
.growth-dashboard-main {
  display: grid;
  gap: 18px;
}
.growth-repair-only-panel {
  margin-bottom: 0;
}
.growth-score-report-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: 16px;
  padding: 12px;
  border: 1px solid var(--gray-200);
  border-radius: 8px;
  background: #f8fafc;
}
.growth-score-report-actions strong {
  color: var(--gray-900);
  font-size: 14px;
}
.growth-score-report-actions div {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}
.growth-todo-bar {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(280px, .82fr) minmax(0, 1.18fr);
  gap: 18px;
  align-items: stretch;
  margin-bottom: 18px;
  padding: 18px;
  border: 1px solid var(--gray-200);
  border-radius: 8px;
  background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
}
.growth-todo-main {
  min-width: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.growth-todo-main h2 {
  color: var(--gray-900);
  font-size: 24px;
  line-height: 1.25;
}
.growth-todo-main p {
  margin-top: 8px;
  color: var(--gray-500);
  line-height: 1.65;
}
.growth-todo-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 16px;
}
.growth-todo-steps {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}
.growth-todo-step {
  width: 100%;
  min-width: 0;
  min-height: 112px;
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  gap: 10px;
  align-items: start;
  padding: 12px;
  border: 1px solid var(--gray-200);
  border-radius: 8px;
  background: #fff;
  color: inherit;
  text-align: left;
  cursor: pointer;
}
.growth-todo-step:hover {
  border-color: rgba(37, 99, 235, .35);
  box-shadow: 0 10px 24px rgba(15, 23, 42, .08);
  transform: translateY(-1px);
}
.growth-todo-step .badge {
  grid-column: 1 / -1;
  justify-self: start;
}
.growth-todo-index {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  color: var(--gray-600);
  background: var(--gray-100);
  font-weight: 800;
}
.growth-todo-copy {
  min-width: 0;
  display: block;
}
.growth-todo-copy strong,
.growth-todo-copy small {
  display: block;
}
.growth-todo-copy strong {
  color: var(--gray-900);
  font-size: 14px;
}
.growth-todo-copy small {
  margin-top: 4px;
  color: var(--gray-500);
  font-size: 12px;
  line-height: 1.5;
}
.growth-todo-step-done .growth-todo-index { color: #fff; background: var(--success); }
.growth-todo-step-current .growth-todo-index,
.growth-todo-step-running .growth-todo-index { color: #fff; background: var(--primary); }
.growth-todo-step-skipped .growth-todo-index { color: var(--gray-500); background: var(--gray-100); }
.growth-score-panel,
.growth-next-panel,
.growth-panel {
  min-width: 0;
  border: 1px solid var(--gray-200);
  border-radius: 8px;
  background: #fff;
}
.growth-score-panel {
  padding: 22px;
  overflow: hidden;
}
.growth-score-top {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 124px;
  gap: 18px;
  align-items: center;
}
.growth-kicker {
  display: inline-flex;
  margin-bottom: 8px;
  color: var(--gray-500);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0;
}
.growth-score-value {
  color: var(--gray-900);
  font-size: 66px;
  font-weight: 900;
  line-height: .95;
}
.growth-score-panel p,
.growth-next-panel p,
.growth-option-card p,
.growth-list-row p,
.growth-loop-step p {
  color: var(--gray-500);
  line-height: 1.65;
}
.growth-score-ring {
  position: relative;
  width: 116px;
  height: 116px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: conic-gradient(#2563eb calc(var(--score) * 1%), #e5e7eb 0);
  box-shadow: inset 0 0 0 1px rgba(15, 23, 42, .06);
}
.growth-score-ring::before {
  content: "";
  width: 78px;
  height: 78px;
  border-radius: 50%;
  background: #fff;
  position: absolute;
}
.growth-score-ring span {
  position: relative;
  color: var(--gray-900);
  font-size: 24px;
  font-weight: 900;
}
.growth-score-strong .growth-score-ring { background: conic-gradient(#059669 calc(var(--score) * 1%), #d1fae5 0); }
.growth-score-steady .growth-score-ring { background: conic-gradient(#2563eb calc(var(--score) * 1%), #dbeafe 0); }
.growth-score-watch .growth-score-ring { background: conic-gradient(#d97706 calc(var(--score) * 1%), #fef3c7 0); }
.growth-score-weak .growth-score-ring { background: conic-gradient(#dc2626 calc(var(--score) * 1%), #fee2e2 0); }
.growth-metric-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-top: 18px;
}
.growth-metric-grid div,
.growth-next-stats div {
  min-width: 0;
  padding: 12px;
  border: 1px solid var(--gray-200);
  border-radius: 8px;
  background: #f8fafc;
}
.growth-metric-grid span,
.growth-next-stats span {
  display: block;
  color: var(--gray-500);
  font-size: 12px;
}
.growth-metric-grid strong,
.growth-next-stats strong {
  display: block;
  margin-top: 4px;
  color: var(--gray-900);
  font-size: 22px;
}
.growth-trend-box {
  margin-top: 18px;
  padding-top: 16px;
  border-top: 1px solid var(--gray-200);
}
.growth-section-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 10px;
}
.growth-trend-box canvas {
  width: 100%;
  max-width: 100%;
  min-height: 220px;
}
.growth-next-panel {
  padding: 22px;
  display: flex;
  flex-direction: column;
  gap: 14px;
  background: #0f172a;
  color: #fff;
}
.growth-next-panel h2 {
  color: #fff;
  font-size: 26px;
  line-height: 1.25;
}
.growth-next-panel p,
.growth-next-panel .growth-kicker {
  color: rgba(255,255,255,.72);
}
.growth-next-stats {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-top: 6px;
}
.growth-next-stats div {
  border-color: rgba(255,255,255,.14);
  background: rgba(255,255,255,.08);
}
.growth-next-stats strong,
.growth-next-stats span {
  color: #fff;
}
.growth-treatment-mini {
  display: grid;
  gap: 10px;
  padding: 14px;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 8px;
  background: rgba(255,255,255,.08);
}
.growth-treatment-mini strong {
  color: #fff;
  font-size: 15px;
}
.growth-treatment-mini p {
  margin: 6px 0 0;
  color: rgba(255,255,255,.72);
  font-size: 12px;
  line-height: 1.65;
}
.growth-treatment-mini .btn {
  justify-self: start;
}
.growth-report-links {
  display: grid;
  gap: 8px;
  margin-top: auto;
  padding-top: 14px;
  border-top: 1px solid rgba(255,255,255,.16);
}
.growth-report-links strong {
  color: #fff;
  font-size: 14px;
}
.growth-report-links span {
  color: #cbd5e1;
  font-size: 12px;
  line-height: 1.55;
}
.growth-report-actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.growth-report-links a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 32px;
  padding: 6px 10px;
  border: 1px solid rgba(191,219,254,.35);
  border-radius: 8px;
  color: #bfdbfe;
  font-size: 13px;
  word-break: break-all;
}
.growth-report-links a.primary {
  border-color: #fff;
  background: #fff;
  color: #0f172a;
  font-weight: 800;
}
.growth-loop-strip {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 18px;
}
.growth-loop-step {
  min-width: 0;
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  gap: 10px;
  align-items: start;
  padding: 14px;
  border: 1px solid var(--gray-200);
  border-radius: 8px;
  background: #fff;
}
.growth-loop-step .badge {
  grid-column: 1 / -1;
  justify-self: start;
}
.growth-loop-index {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  color: var(--gray-600);
  background: var(--gray-100);
  font-weight: 800;
}
.growth-loop-step-done .growth-loop-index { color: #fff; background: var(--success); }
.growth-loop-step-current .growth-loop-index,
.growth-loop-step-running .growth-loop-index { color: #fff; background: var(--primary); }
.growth-loop-step strong {
  display: block;
  color: var(--gray-900);
  font-size: 14px;
}
.growth-loop-step p {
  margin-top: 4px;
  font-size: 12px;
}
.growth-two-col {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 18px;
  margin-bottom: 18px;
}
.growth-panel {
  padding: 18px;
}
.growth-option-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
.growth-option-card {
  min-width: 0;
  padding: 16px;
  border: 1px solid var(--gray-200);
  border-radius: 8px;
  background: #f8fafc;
}
.growth-option-card h3 {
  margin-top: 12px;
  color: var(--gray-900);
  font-size: 18px;
}
.growth-option-card .btn {
  margin-top: 14px;
}
.growth-site-repair-summary {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: start;
  margin-bottom: 12px;
  padding: 14px;
  border: 1px solid #bfdbfe;
  border-radius: 8px;
  background: #eff6ff;
}
.growth-site-repair-summary strong {
  display: block;
  color: #1d4ed8;
  font-size: 22px;
}
.growth-site-repair-summary p {
  margin-top: 6px;
  color: #1e3a8a;
  line-height: 1.65;
}
.growth-site-repair-list {
  display: grid;
  gap: 10px;
}
.growth-site-repair-card {
  min-width: 0;
  display: grid;
  grid-template-columns: 72px minmax(0, 1fr);
  gap: 12px;
  padding: 12px;
  border: 1px solid var(--gray-200);
  border-radius: 8px;
  background: #fff;
}
.growth-site-repair-score {
  display: grid;
  place-items: center;
  align-content: center;
  min-height: 72px;
  border-radius: 8px;
  background: var(--gray-50);
}
.growth-site-repair-score strong {
  color: var(--gray-900);
  font-size: 24px;
  line-height: 1;
}
.growth-site-repair-score span {
  margin-top: 5px;
  color: var(--gray-500);
  font-size: 12px;
  font-weight: 800;
}
.growth-site-repair-critical .growth-site-repair-score {
  background: #fee2e2;
}
.growth-site-repair-critical .growth-site-repair-score strong,
.growth-site-repair-critical .growth-site-repair-score span {
  color: #991b1b;
}
.growth-site-repair-watch .growth-site-repair-score {
  background: #fef3c7;
}
.growth-site-repair-watch .growth-site-repair-score strong,
.growth-site-repair-watch .growth-site-repair-score span {
  color: #92400e;
}
.growth-site-repair-improve .growth-site-repair-score {
  background: #dbeafe;
}
.growth-site-repair-improve .growth-site-repair-score strong,
.growth-site-repair-improve .growth-site-repair-score span {
  color: #1d4ed8;
}
.growth-site-repair-good .growth-site-repair-score {
  background: #d1fae5;
}
.growth-site-repair-good .growth-site-repair-score strong,
.growth-site-repair-good .growth-site-repair-score span {
  color: #047857;
}
.growth-site-repair-copy {
  min-width: 0;
}
.growth-site-repair-copy h3 {
  margin: 0;
  color: var(--gray-900);
  font-size: 15px;
  line-height: 1.4;
}
.growth-site-repair-copy p,
.growth-site-repair-copy small,
.growth-site-repair-copy em {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.growth-site-repair-copy p {
  -webkit-line-clamp: 2;
  margin: 6px 0;
  color: var(--gray-700);
  line-height: 1.65;
}
.growth-site-repair-copy small {
  -webkit-line-clamp: 2;
  color: var(--gray-500);
  line-height: 1.55;
}
.growth-site-repair-copy em {
  -webkit-line-clamp: 1;
  margin-top: 6px;
  color: var(--gray-400);
  font-size: 12px;
  font-style: normal;
}
.growth-site-repair-hint {
  margin-top: 10px;
}
.growth-list {
  display: grid;
  gap: 10px;
}
.growth-list-row {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  padding: 12px;
  border: 1px solid var(--gray-200);
  border-radius: 8px;
  background: #fff;
}
.growth-list-row strong {
  display: block;
  color: var(--gray-900);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.growth-list-row p {
  margin-top: 4px;
  font-size: 12px;
}
.growth-row-side {
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
}
.compact-empty {
  padding: 18px;
  border-radius: 8px;
}
.plan-hero-panel,
.execution-center-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(300px, .62fr);
  gap: 18px;
  padding: 22px;
  margin-bottom: 18px;
  border: 1px solid var(--gray-200);
  border-radius: 8px;
  background: #fff;
}
.plan-score {
  color: var(--gray-900);
  font-size: 64px;
  font-weight: 900;
  line-height: .95;
}
.plan-next-action,
.execution-center-primary {
  min-width: 0;
  padding: 18px;
  border-radius: 8px;
  background: #f8fafc;
  border: 1px solid var(--gray-200);
}
.plan-next-action h2,
.execution-center-primary h2 {
  margin-bottom: 8px;
  color: var(--gray-900);
  font-size: 24px;
}
.plan-next-action p,
.execution-center-primary p,
.execution-mode-card p {
  color: var(--gray-600);
  line-height: 1.7;
}
.enterprise-flow-strip,
.publish-flow-strip {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 18px;
}
.publish-flow-strip {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.enterprise-flow-step,
.publish-flow-step {
  min-width: 0;
  padding: 14px;
  border: 1px solid var(--gray-200);
  border-radius: 8px;
  background: #fff;
}
.enterprise-flow-step span,
.publish-flow-step span {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  margin-bottom: 10px;
  color: var(--gray-600);
  background: var(--gray-100);
  font-weight: 800;
}
.enterprise-flow-step-done span,
.publish-flow-step.done span {
  color: #fff;
  background: var(--success);
}
.enterprise-flow-step-current span,
.enterprise-flow-step-running span,
.publish-flow-step.current span {
  color: #fff;
  background: var(--primary);
}
.enterprise-flow-step strong,
.publish-flow-step strong {
  display: block;
  color: var(--gray-900);
  font-size: 14px;
}
.enterprise-flow-step small,
.publish-flow-step small {
  display: block;
  margin-top: 4px;
  color: var(--gray-500);
  font-size: 12px;
  line-height: 1.5;
}
.plan-task-grid {
  display: grid;
  gap: 10px;
}
.plan-task-card {
  min-width: 0;
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 12px;
  padding: 12px;
  border: 1px solid var(--gray-200);
  border-radius: 8px;
  background: #fff;
}
.plan-task-index {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  color: #fff;
  background: var(--primary);
  font-weight: 800;
}
.plan-task-card strong {
  display: block;
  color: var(--gray-900);
  line-height: 1.5;
}
.plan-task-card p {
  margin-top: 6px;
  color: var(--gray-600);
  font-size: 13px;
  line-height: 1.7;
}
.semantic-plan-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 14px;
}
.semantic-plan-summary div {
  min-width: 0;
  padding: 12px;
  border: 1px solid var(--gray-200);
  border-radius: 8px;
  background: var(--gray-50);
}
.semantic-plan-summary strong {
  display: block;
  color: var(--gray-900);
  font-size: 20px;
  word-break: break-word;
}
.semantic-plan-summary span {
  display: block;
  margin-top: 4px;
  color: var(--gray-500);
  font-size: 12px;
}
.semantic-plan-covered {
  display: grid;
  gap: 10px;
  margin-top: 14px;
}
.semantic-plan-primary-action {
  white-space: normal;
  text-align: center;
}
.semantic-plan-running {
  margin-top: 14px;
}
.semantic-plan-list {
  display: grid;
  gap: 0;
  border: 1px solid var(--gray-200);
  border-radius: 8px;
  background: #fff;
  overflow: visible;
}
.semantic-plan-list-head {
  display: grid;
  grid-template-columns: 150px minmax(320px, 1fr) minmax(240px, .75fr) 112px;
  gap: 14px;
  padding: 10px 12px;
  border-bottom: 1px solid var(--gray-200);
  color: var(--gray-400);
  font-size: 12px;
  font-weight: 800;
}
.semantic-plan-row {
  min-width: 0;
  border-bottom: 1px solid var(--gray-100);
  background: #fff;
}
.semantic-plan-row:last-child {
  border-bottom: 0;
}
.semantic-plan-row[open] {
  background: #f8fafc;
}
.semantic-plan-row-covered {
  background: #f0fdf4;
}
.semantic-plan-row-covered[open] {
  background: #ecfdf5;
}
.semantic-plan-row-summary {
  min-width: 0;
  display: grid;
  grid-template-columns: 150px minmax(320px, 1fr) minmax(240px, .75fr) 112px;
  gap: 14px;
  align-items: center;
  padding: 12px;
  cursor: pointer;
  list-style: none;
}
.semantic-plan-row-summary::-webkit-details-marker {
  display: none;
}
.semantic-plan-row-summary:hover {
  background: var(--gray-50);
}
.semantic-plan-row-index {
  width: 32px;
  height: 32px;
  display: inline-grid;
  place-items: center;
  margin-right: 8px;
  border-radius: 50%;
  color: #fff;
  background: var(--primary);
  font-weight: 800;
}
.semantic-plan-row-type,
.semantic-plan-row-title,
.semantic-plan-row-goal,
.semantic-plan-row-action {
  min-width: 0;
}
.semantic-plan-row-type {
  display: flex;
  align-items: center;
  gap: 8px;
}
.semantic-plan-row-type-text {
  min-width: 0;
  display: grid;
  gap: 3px;
}
.semantic-plan-row-type small,
.semantic-plan-row-title small,
.semantic-plan-row-goal small {
  color: var(--gray-500);
  font-size: 12px;
  line-height: 1.5;
}
.semantic-plan-row-title strong,
.semantic-plan-row-goal strong {
  display: block;
  color: var(--gray-900);
  line-height: 1.45;
}
.semantic-plan-row-title strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.semantic-plan-row-title small {
  display: block;
  margin-top: 3px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.semantic-plan-row-goal strong {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 13px;
}
.semantic-plan-row-action {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
}
.semantic-plan-row-action b {
  color: var(--primary);
  font-size: 12px;
}
.semantic-plan-row[open] .semantic-plan-row-action b::after {
  content: "已展开";
  font-size: 0;
}
.semantic-plan-row[open] .semantic-plan-row-action b {
  font-size: 0;
}
.semantic-plan-row[open] .semantic-plan-row-action b::before {
  content: "收起";
  font-size: 12px;
}
.semantic-plan-row-detail,
.semantic-plan-fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin: 0 12px 12px 196px;
}
.semantic-plan-row-detail div,
.semantic-plan-fields div {
  min-width: 0;
  padding: 9px;
  border-radius: 8px;
  background: var(--gray-50);
}
.semantic-plan-row-detail span,
.semantic-plan-fields span {
  display: block;
  color: var(--gray-500);
  font-size: 12px;
}
.semantic-plan-row-detail strong,
.semantic-plan-fields strong {
  display: block;
  margin-top: 4px;
  color: var(--gray-800);
  font-size: 12px;
  line-height: 1.55;
  word-break: break-word;
}
.execution-mode-grid {
  display: grid;
  gap: 12px;
}
.execution-mode-card {
  min-width: 0;
  padding: 16px;
  border: 1px solid var(--gray-200);
  border-radius: 8px;
  background: #fff;
}
.execution-mode-card h3 {
  margin-top: 12px;
  color: var(--gray-900);
  font-size: 20px;
}
.execution-mode-card .btn {
  margin-top: 14px;
}
.execution-mode-auto {
  background: #eff6ff;
  border-color: #bfdbfe;
}
.execution-center-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 14px;
}
.execution-center-stats {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
.execution-center-stats div {
  min-width: 0;
  padding: 14px;
  border-radius: 8px;
  border: 1px solid var(--gray-200);
  background: #f8fafc;
}
.execution-center-stats strong {
  display: block;
  color: var(--gray-900);
  font-size: 28px;
}
.execution-center-stats span {
  display: block;
  color: var(--gray-500);
  font-size: 12px;
}
.managed-exec-summary {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(360px, .62fr);
  gap: 14px;
  padding: 18px;
  margin-bottom: 18px;
  border: 1px solid var(--gray-200);
  border-radius: 8px;
  background: #fff;
}
.managed-exec-copy {
  min-width: 0;
  padding: 14px;
  border: 1px solid var(--gray-200);
  border-radius: 8px;
  background: #f8fafc;
}
.managed-exec-copy h2 {
  margin: 6px 0 8px;
  color: var(--gray-900);
  font-size: 22px;
  line-height: 1.35;
}
.managed-exec-copy p {
  color: var(--gray-600);
  line-height: 1.7;
}
.managed-exec-stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}
.managed-exec-stats div {
  min-width: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 12px;
  border: 1px solid var(--gray-200);
  border-radius: 8px;
  background: #fff;
}
.managed-exec-stats span {
  color: var(--gray-500);
  font-size: 12px;
}
.managed-exec-stats strong {
  margin-top: 5px;
  color: var(--gray-900);
  font-size: 26px;
  line-height: 1;
}
.managed-path-panel,
.managed-policy-panel,
.managed-channel-panel {
  margin-bottom: 20px;
}
.managed-path-list {
  display: grid;
  gap: 0;
  border: 1px solid var(--gray-200);
  border-radius: 8px;
  overflow: hidden;
  background: #fff;
}
.managed-path-row {
  min-width: 0;
  display: grid;
  grid-template-columns: 40px minmax(280px, 1fr) minmax(230px, .72fr) minmax(220px, auto);
  gap: 12px;
  align-items: center;
  padding: 12px;
  border-bottom: 1px solid var(--gray-100);
}
.managed-path-row:last-child {
  border-bottom: 0;
}
.managed-path-row:hover {
  background: var(--gray-50);
}
.managed-path-index {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: #fff;
  font-weight: 800;
}
.managed-path-index-auto {
  background: var(--primary);
}
.managed-path-index-human {
  background: var(--success);
}
.managed-path-main,
.managed-path-checks,
.managed-path-actions {
  min-width: 0;
}
.managed-path-title {
  display: flex;
  gap: 8px;
  align-items: center;
  flex-wrap: wrap;
}
.managed-path-title strong {
  color: var(--gray-900);
  font-size: 15px;
}
.managed-path-main p {
  margin-top: 5px;
  color: var(--gray-600);
  font-size: 13px;
  line-height: 1.65;
}
.managed-path-checks {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
}
.managed-path-checks span {
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  padding: 4px 8px;
  border: 1px solid var(--gray-200);
  border-radius: 999px;
  background: var(--gray-50);
  color: var(--gray-600);
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap;
}
.managed-path-checks span.done {
  border-color: #bbf7d0;
  background: #ecfdf5;
  color: #047857;
}
.managed-path-actions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  flex-wrap: wrap;
}
.managed-policy-grid {
  display: grid;
  grid-template-columns: minmax(220px, .8fr) minmax(180px, .55fr) minmax(260px, 1fr);
  gap: 12px;
  align-items: start;
}
.managed-policy-state {
  min-width: 0;
  padding: 12px;
  border: 1px solid var(--gray-200);
  border-radius: 8px;
  background: var(--gray-50);
}
.managed-policy-state strong {
  display: block;
  margin-bottom: 8px;
  color: var(--gray-900);
  font-size: 18px;
}
.managed-policy-state .helper {
  margin-top: 8px;
}
.managed-policy-checks {
  display: grid;
  gap: 10px;
}
.managed-policy-panel #saveContentPolicyBtn {
  margin-top: 12px;
}
.managed-channel-list {
  display: grid;
  gap: 0;
  border: 1px solid var(--gray-200);
  border-radius: 8px;
  background: #fff;
  overflow: hidden;
}
.managed-channel-head,
.managed-channel-row {
  display: grid;
  grid-template-columns: minmax(240px, 1.2fr) minmax(220px, .95fr) minmax(150px, .6fr) minmax(120px, .5fr) minmax(260px, auto);
  gap: 12px;
  align-items: center;
}
.managed-channel-head {
  padding: 10px 12px;
  border-bottom: 1px solid var(--gray-200);
  color: var(--gray-400);
  font-size: 12px;
  font-weight: 800;
}
.managed-channel-row {
  min-width: 0;
  padding: 12px;
  border-bottom: 1px solid var(--gray-100);
}
.managed-channel-row:last-child {
  border-bottom: 0;
}
.managed-channel-row:hover {
  background: var(--gray-50);
}
.managed-channel-main,
.managed-channel-meta,
.managed-channel-account,
.managed-channel-publish,
.managed-channel-actions {
  min-width: 0;
}
.managed-channel-title {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.managed-channel-title strong {
  min-width: 0;
  color: var(--gray-900);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.managed-channel-main a {
  display: block;
  margin-top: 4px;
  color: var(--gray-500);
  font-size: 12px;
  word-break: break-all;
}
.managed-channel-meta strong,
.managed-channel-account strong,
.managed-channel-publish strong {
  display: block;
  color: var(--gray-800);
  font-size: 13px;
  line-height: 1.45;
}
.managed-channel-meta span,
.managed-channel-meta small,
.managed-channel-account span,
.managed-channel-publish span {
  display: block;
  margin-top: 3px;
  color: var(--gray-500);
  font-size: 12px;
  line-height: 1.45;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.managed-channel-actions {
  display: flex;
  justify-content: flex-end;
  gap: 6px;
  flex-wrap: wrap;
}
.managed-bottom-grid {
  display: grid;
  gap: 20px;
}
.managed-record-list {
  display: grid;
  gap: 0;
  border: 1px solid var(--gray-200);
  border-radius: 8px;
  background: #fff;
  overflow: hidden;
}
.managed-record-head,
.managed-record-row {
  display: grid;
  grid-template-columns: minmax(260px, 1fr) minmax(120px, .45fr) minmax(150px, .55fr) 84px 72px;
  gap: 10px;
  align-items: center;
}
.managed-test-list .managed-record-head,
.managed-test-list .managed-record-row {
  grid-template-columns: minmax(240px, 1fr) minmax(90px, .35fr) minmax(150px, .55fr) 78px;
}
.managed-record-head {
  padding: 10px 12px;
  border-bottom: 1px solid var(--gray-200);
  color: var(--gray-400);
  font-size: 12px;
  font-weight: 800;
}
.managed-record-row {
  min-width: 0;
  padding: 11px 12px;
  border-bottom: 1px solid var(--gray-100);
}
.managed-record-row:last-child {
  border-bottom: 0;
}
.managed-record-row:hover {
  background: var(--gray-50);
}
.managed-record-row > span,
.managed-record-title {
  min-width: 0;
}
.managed-record-row > span {
  color: var(--gray-600);
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.managed-record-title strong {
  display: block;
  color: var(--gray-900);
  font-size: 13px;
  line-height: 1.45;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.managed-record-title small {
  display: block;
  margin-top: 3px;
  color: var(--gray-500);
  font-size: 12px;
  line-height: 1.45;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.managed-record-title .danger-text {
  color: var(--danger);
}
.execution-check-list {
  display: grid;
  gap: 10px;
}
.execution-check-list div {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  gap: 10px;
  align-items: start;
  padding: 12px;
  border: 1px solid var(--gray-200);
  border-radius: 8px;
  background: #fff;
}
.execution-check-list span {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  color: var(--gray-600);
  background: var(--gray-100);
  font-weight: 800;
}
.execution-check-list .done span {
  color: #fff;
  background: var(--success);
}
.execution-check-list strong {
  display: block;
  color: var(--gray-900);
}
.execution-check-list small {
  display: block;
  grid-column: 2;
  margin-top: 4px;
  color: var(--gray-500);
  line-height: 1.5;
}
.post-publish-proof-wrap {
  margin-bottom: 18px;
}
.post-publish-proof-panel {
  min-width: 0;
  padding: 18px;
  border: 1px solid #bfdbfe;
  border-radius: 8px;
  background: #eff6ff;
}
.post-publish-proof-running {
  border-color: #fde68a;
  background: #fffbeb;
}
.post-publish-proof-failed {
  border-color: #fecaca;
  background: #fef2f2;
}
.proof-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  align-items: start;
}
.proof-head h2 {
  margin: 10px 0 6px;
  color: var(--gray-900);
  font-size: 22px;
  line-height: 1.35;
}
.proof-head p,
.proof-next-box p {
  color: var(--gray-600);
  line-height: 1.7;
  word-break: break-word;
}
.proof-head-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.proof-metric-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-top: 16px;
}
.proof-metric-grid div {
  min-width: 0;
  padding: 12px;
  border: 1px solid rgba(37, 99, 235, .16);
  border-radius: 8px;
  background: #fff;
}
.proof-metric-grid span {
  display: block;
  color: var(--gray-500);
  font-size: 12px;
}
.proof-metric-grid strong {
  display: block;
  margin-top: 4px;
  color: var(--gray-900);
  font-size: 22px;
}
.proof-metric-grid .positive {
  color: var(--success);
}
.proof-metric-grid .negative {
  color: var(--danger);
}
.proof-insight {
  margin-top: 16px;
  padding: 12px;
  border: 1px solid rgba(37, 99, 235, .12);
  border-radius: 8px;
  background: rgba(255, 255, 255, .78);
}
.proof-insight strong {
  display: block;
  color: var(--gray-900);
  font-size: 15px;
}
.proof-insight p {
  margin: 6px 0 0;
  color: var(--gray-700);
  line-height: 1.7;
}
.proof-insight-positive {
  border-color: rgba(16, 185, 129, .22);
  background: #f0fdf4;
}
.proof-insight-negative {
  border-color: rgba(245, 158, 11, .28);
  background: #fffbeb;
}
.proof-insight-neutral {
  border-color: rgba(148, 163, 184, .24);
  background: #f8fafc;
}
.proof-step-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-top: 16px;
}
.proof-step {
  min-width: 0;
  padding: 12px;
  border: 1px solid var(--gray-200);
  border-radius: 8px;
  background: #fff;
}
.proof-step span {
  width: 24px;
  height: 24px;
  display: grid;
  place-items: center;
  margin-bottom: 8px;
  border-radius: 50%;
  background: var(--gray-100);
}
.proof-step span::after {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--gray-400);
}
.proof-step-done span {
  background: #dcfce7;
}
.proof-step-done span::after {
  background: var(--success);
}
.proof-step-failed span {
  background: #fee2e2;
}
.proof-step-failed span::after {
  background: var(--danger);
}
.proof-step-skipped span {
  background: #f3f4f6;
}
.proof-step-skipped span::after {
  background: var(--gray-500);
}
.proof-step strong {
  display: block;
  color: var(--gray-900);
  font-size: 14px;
}
.proof-step small {
  display: block;
  margin-top: 4px;
  color: var(--gray-500);
  line-height: 1.5;
  word-break: break-word;
}
.proof-next-box {
  margin-top: 16px;
  padding: 12px;
  border: 1px solid rgba(37, 99, 235, .12);
  border-radius: 8px;
  background: rgba(255, 255, 255, .72);
}
.advanced-proof-trace {
  margin-top: 8px;
}
.advanced-proof-trace summary {
  display: inline-flex;
  align-items: center;
  color: var(--gray-500);
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
}
.advanced-proof-trace p {
  margin: 6px 0 0;
  font-size: 12px;
}
.curve-helper-note {
  margin: 10px 0 0;
  text-align: center;
  color: var(--gray-500);
  font-size: 12px;
  line-height: 1.6;
}
.trend-filter-bar {
  display: flex;
  align-items: flex-end;
  gap: 10px;
  flex-wrap: wrap;
  margin: 4px 0 12px;
}
.trend-filter-bar label {
  display: grid;
  gap: 4px;
  color: var(--gray-500);
  font-size: 12px;
  font-weight: 800;
}
.trend-filter-bar input {
  min-width: 150px;
  height: 36px;
  padding: 0 10px;
  border: 1px solid var(--gray-200);
  border-radius: 8px;
  background: #fff;
  color: var(--gray-900);
  font: inherit;
}
.trend-filter-bar .btn {
  min-height: 36px;
}
.trend-filter-hint {
  min-height: 18px;
  margin: -4px 0 10px;
  color: var(--gray-500);
  font-size: 12px;
}
.proof-record-panel {
  overflow: hidden;
}
.proof-record-toolbar {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
}
.proof-record-table {
  display: grid;
  gap: 0;
  padding: 0 14px 14px;
}
.proof-record-head,
.proof-record-row {
  display: grid;
  grid-template-columns: minmax(200px, .85fr) minmax(360px, 1.85fr) 72px 176px;
  gap: 12px;
  align-items: center;
}
.proof-record-head {
  padding: 10px 0;
  color: var(--gray-400);
  font-size: 12px;
  font-weight: 900;
}
.proof-record-row {
  min-width: 0;
  padding: 12px 0;
  border-top: 1px solid var(--gray-100);
  align-items: start;
}
.proof-record-title,
.proof-record-score {
  min-width: 0;
  display: grid;
  gap: 4px;
}
.proof-record-title strong,
.proof-record-title-link {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
.proof-record-title strong,
.proof-record-title-link {
  color: var(--gray-900);
  line-height: 1.45;
  font-weight: 800;
  text-decoration: none;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
}
.proof-record-title-link:hover {
  color: var(--primary);
}
.proof-record-title small,
.proof-record-score small {
  color: var(--gray-500);
  font-size: 12px;
}
.proof-record-score strong {
  color: var(--gray-900);
  font-size: 18px;
}
.proof-record-score .positive {
  color: var(--success);
}
.proof-record-score .negative {
  color: var(--danger);
}
.proof-record-actions {
  display: flex;
  gap: 8px;
  justify-content: flex-end;
  flex-wrap: wrap;
}
.score-method-note {
  margin-top: 14px;
  padding: 12px 14px;
  border: 1px solid var(--gray-200);
  border-radius: 8px;
  background: #f8fafc;
}
.score-method-note summary {
  cursor: pointer;
  color: var(--gray-900);
  font-weight: 800;
}
.score-method-note p {
  margin-top: 8px;
  color: var(--gray-600);
  font-size: 13px;
  line-height: 1.7;
}
@media (max-width: 1280px) {
  .main-content:has(.page-agent-layout) {
    padding-left: 10px;
    padding-right: 10px;
  }
  .assessment-preflight-panel:has(.assessment-page-agent-layout) {
    padding-left: 8px;
    padding-right: 8px;
  }
  .page-agent-layout,
  .growth-dashboard-grid,
  .growth-todo-bar,
  .growth-two-col,
  .plan-hero-panel,
  .execution-center-hero {
    grid-template-columns: 1fr;
  }
  .page-agent-side {
    position: static;
    order: -1;
  }
  .growth-dashboard-agent-layout .growth-page-agent-side {
    order: initial;
  }
  .fact-foundation-agent-layout {
    grid-template-columns: 1fr;
  }
  .fact-foundation-agent-layout .fact-page-agent-side {
    order: initial;
  }
  .fact-next-gap-list {
    grid-template-columns: 1fr;
  }
  .assessment-page-agent-layout {
    grid-template-columns: 1fr;
  }
  .assessment-page-agent-layout .assessment-cognition-chat-pane {
    order: initial;
  }
  .assessment-page-agent-card #assessmentCognitionChat {
    min-height: 300px;
    max-height: 460px;
  }
  .managed-exec-summary {
    grid-template-columns: 1fr;
  }
  .managed-path-row {
    grid-template-columns: 40px minmax(0, 1fr);
    align-items: start;
  }
  .managed-path-checks,
  .managed-path-actions {
    grid-column: 2;
    justify-content: flex-start;
  }
  .growth-loop-strip {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .enterprise-flow-strip {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .semantic-plan-list-head,
  .semantic-plan-row-summary {
    grid-template-columns: 132px minmax(260px, 1fr) minmax(200px, .7fr) 96px;
    gap: 10px;
  }
  .semantic-plan-row-detail {
    margin-left: 154px;
  }
}
@media (max-width: 1180px) {
  .managed-channel-list {
    gap: 10px;
    border: 0;
    background: transparent;
    overflow: visible;
  }
  .managed-channel-head {
    display: none;
  }
  .managed-channel-row {
    grid-template-columns: 1fr;
    gap: 8px;
    border: 1px solid var(--gray-200);
    border-radius: 8px;
    background: #fff;
  }
  .managed-channel-meta span,
  .managed-channel-meta small,
  .managed-channel-account span,
  .managed-channel-publish span {
    white-space: normal;
  }
  .managed-channel-actions {
    justify-content: flex-start;
  }
  .proof-record-head {
    display: none;
  }
  .proof-record-row {
    grid-template-columns: 1fr;
    align-items: start;
  }
  .proof-record-actions {
    justify-content: flex-start;
  }
  .proof-record-toolbar {
    justify-content: flex-start;
  }
}
@media (max-width: 760px) {
  .owner-arrangement-grid,
  .proof-metric-grid,
  .proof-step-grid {
    grid-template-columns: 1fr;
  }
  .proof-head {
    grid-template-columns: 1fr;
  }
  .proof-head-actions,
  .owner-arrangement-actions {
    justify-content: stretch;
  }
  .proof-head-actions .btn,
  .owner-arrangement-actions .btn,
  .proof-record-toolbar .btn {
    width: 100%;
  }
  .trend-filter-bar,
  .trend-filter-bar label,
  .trend-filter-bar input,
  .trend-filter-bar .btn {
    width: 100%;
  }
  .growth-score-top,
  .growth-metric-grid,
  .growth-option-grid,
  .growth-site-repair-summary,
  .growth-site-repair-card,
  .growth-todo-steps,
  .growth-loop-strip,
  .enterprise-flow-strip,
  .publish-flow-strip,
  .execution-center-stats,
  .managed-exec-stats,
  .managed-policy-grid,
  .semantic-plan-summary,
  .semantic-plan-fields {
    grid-template-columns: 1fr;
  }
  .growth-score-value {
    font-size: 52px;
  }
  .plan-score {
    font-size: 52px;
  }
  .growth-score-ring {
    width: 104px;
    height: 104px;
  }
  .growth-list-row {
    grid-template-columns: 1fr;
  }
  .growth-site-repair-summary .btn {
    width: 100%;
  }
  .growth-row-side {
    justify-content: flex-start;
  }
  .proof-head,
  .proof-metric-grid,
  .proof-step-grid {
    grid-template-columns: 1fr;
  }
  .proof-head-actions {
    justify-content: flex-start;
  }
  .semantic-plan-primary-action {
    width: 100%;
  }
  .semantic-plan-list-head {
    display: none;
  }
  .semantic-plan-row-summary {
    grid-template-columns: 1fr;
    gap: 8px;
  }
  .semantic-plan-row-title strong,
  .semantic-plan-row-title small {
    white-space: normal;
  }
  .semantic-plan-row-action {
    justify-content: flex-start;
  }
  .semantic-plan-row-detail {
    grid-template-columns: 1fr;
    margin: 0 12px 12px;
  }
  .managed-exec-summary {
    padding: 12px;
  }
  .managed-path-row {
    grid-template-columns: 1fr;
  }
  .managed-path-checks,
  .managed-path-actions {
    grid-column: 1;
  }
  .managed-path-actions .btn,
  .managed-channel-actions .btn,
  .managed-policy-panel #saveContentPolicyBtn {
    width: 100%;
  }
  .managed-record-list {
    gap: 10px;
    border: 0;
    background: transparent;
    overflow: visible;
  }
  .managed-record-head {
    display: none;
  }
  .managed-record-row,
  .managed-test-list .managed-record-row {
    grid-template-columns: 1fr;
    gap: 6px;
    border: 1px solid var(--gray-200);
    border-radius: 8px;
    background: #fff;
  }
  .managed-record-row > span,
  .managed-record-title strong,
  .managed-record-title small {
    white-space: normal;
  }
}

/* Chart Container */
.chart-container { position: relative; }
.chart-container canvas { width: 100% !important; border-radius: 8px; }

/* Modal */
.modal-mask {
  position: fixed; inset: 0; z-index: 9998;
  background: rgba(0,0,0,0.5); display: flex; align-items: center; justify-content: center;
}
.modal-mask.hidden { display: none; }
.modal-panel {
  background: #fff; border-radius: 16px; padding: 32px; max-width: 800px; width: 90%;
  max-height: 85vh; overflow-y: auto; box-shadow: 0 20px 60px rgba(0,0,0,0.3);
}
.modal-panel .close-btn {
  float: right; background: none; border: 0; font-size: 24px;
  color: var(--gray-400); cursor: pointer; line-height: 1;
}
.register-panel {
  width: min(440px, calc(100vw - 32px));
  padding: 28px;
  border-radius: 12px;
}
.register-panel .modal-head {
  text-align: left;
  margin-bottom: 22px;
}
.register-panel .modal-head h2 {
  color: var(--gray-900);
  font-size: 22px;
}
.register-panel .form-group {
  margin-bottom: 16px;
}
.register-panel .form-group label {
  display: block;
  margin-bottom: 6px;
  font-size: 12px;
  font-weight: 700;
  color: var(--gray-600);
}
.register-panel .form-group input {
  width: 100%;
  padding: 11px 12px;
  border: 1px solid var(--gray-300);
  border-radius: 8px;
  outline: none;
}
.register-panel .form-group input:focus {
  border-color: var(--primary);
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.12);
}
.register-panel .error-text {
  min-height: 20px;
  color: var(--danger);
  font-size: 13px;
  margin-top: 10px;
}

/* Fact Foundation / GEO Assistant */

.geo-service-console { margin-bottom: 20px; overflow: hidden; }
.geo-service-console-head { align-items: flex-start; }
.geo-service-progress { height: 10px; border-radius: 999px; background: var(--gray-100); overflow: hidden; }
.geo-service-progress span { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #2563eb, #14b8a6); transition: width .25s ease; }
.geo-service-progress-meta { display: flex; justify-content: space-between; gap: 12px; margin: 8px 0 18px; color: var(--gray-600); font-size: 13px; }
.geo-service-progress-meta strong { color: var(--gray-900); }
.geo-service-metrics { margin-bottom: 16px; }
.geo-service-action-grid { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); gap: 16px; }
.geo-service-next-action, .geo-service-deliverables { border: 1px solid var(--gray-200); border-radius: 14px; padding: 18px; background: #fff; }
.geo-service-next-action h3, .geo-service-deliverables h3 { margin: 5px 0 8px; }
.geo-approval-notice { display: flex; gap: 9px; align-items: flex-start; margin: 14px 0; padding: 12px; border-radius: 10px; background: #fff7ed; color: #9a3412; line-height: 1.6; font-size: 13px; }
.geo-approval-notice input { margin-top: 4px; }
.geo-cycle-preview-result { min-height: 22px; margin-top: 10px; color: var(--gray-700); font-size: 13px; }
.geo-deliverable-list { display: grid; gap: 10px; }
.geo-deliverable-list > div { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; align-items: center; gap: 10px; padding: 10px 0; border-bottom: 1px solid var(--gray-100); }
.geo-deliverable-list > div:last-child { border-bottom: 0; }
.geo-deliverable-list a { color: var(--primary); font-size: 13px; }
.geo-service-blockers { margin-top: 14px; padding: 11px 13px; border-radius: 10px; background: #fef2f2; color: #991b1b; font-size: 13px; line-height: 1.6; }
@media (max-width: 900px) { .geo-service-action-grid { grid-template-columns: 1fr; } }
.fact-foundation-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 360px;
  gap: 16px;
  margin-bottom: 20px;
}
.fact-foundation-agent-layout {
  grid-template-columns: minmax(0, 1.18fr) minmax(520px, 608px);
  gap: 18px;
  align-items: start;
}
.fact-foundation-center-layout {
  display: block;
  max-width: 1280px;
  margin: 0 auto;
}
.fact-knowledge-main {
  display: grid;
  gap: 18px;
  min-width: 0;
}
.fact-knowledge-summary-panel,
.fact-list-panel,
.fact-public-assets-panel {
  overflow: hidden;
}
.fact-summary-stats-wide {
  padding: 0 16px 14px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.fact-next-gap-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  padding: 0 16px 14px;
}
.fact-center-control-panel {
  display: grid;
  gap: 16px;
  padding: 0 16px 14px;
}
.fact-center-metrics {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
}
.fact-center-metrics > div {
  min-width: 0;
  padding: 13px 14px;
  border: 1px solid var(--gray-100);
  border-radius: 8px;
  background: #f8fafc;
}
.fact-center-metrics strong {
  display: block;
  color: var(--gray-900);
  font-size: 24px;
  line-height: 1.1;
}
.fact-center-metrics span {
  display: block;
  margin-top: 6px;
  color: var(--gray-500);
  font-size: 12px;
  font-weight: 800;
}
.fact-center-filterbar {
  display: grid;
  grid-template-columns: minmax(260px, 1fr) minmax(180px, 240px) auto auto;
  gap: 10px;
  align-items: end;
}
.fact-center-search,
.fact-center-select {
  display: grid;
  gap: 6px;
  min-width: 0;
}
.fact-center-search span,
.fact-center-select span {
  color: var(--gray-500);
  font-size: 12px;
  font-weight: 900;
}
.fact-center-search input,
.fact-center-select select {
  width: 100%;
  min-height: 38px;
  border: 1px solid var(--gray-200);
  border-radius: 8px;
  padding: 8px 10px;
  color: var(--gray-900);
  background: #fff;
  font: inherit;
}
.fact-center-search input:focus,
.fact-center-select select:focus {
  outline: 2px solid rgba(37, 99, 235, 0.18);
  border-color: #93c5fd;
}
.fact-knowledge-note {
  margin: 0 16px 16px;
}
.fact-page-agent-side {
  align-self: start;
}
.fact-page-agent-card {
  overflow: hidden;
  padding: 0;
}
.fact-page-agent-card .fact-chat-head {
  margin: 0;
  align-items: flex-start;
  padding: 18px;
}
.fact-page-agent-card .fact-mode-switch {
  margin: 0 16px 14px;
}
.fact-page-agent-card .fact-chat-messages {
  min-height: 360px;
  max-height: 540px;
  margin: 0;
  padding: 0 16px 14px;
}
.fact-page-agent-card .fact-quick-prompts {
  padding: 0 16px;
}
.fact-page-agent-card .fact-chat-input {
  margin: 0 16px 16px;
}
.fact-chat-card,
.fact-progress-card {
  background: #fff;
  border: 1px solid var(--gray-200);
  border-radius: 12px;
  box-shadow: var(--shadow-sm);
  padding: 18px;
}
.fact-chat-head {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 14px;
}
.fact-assistant-avatar {
  width: 42px;
  height: 42px;
  border-radius: 11px;
  display: grid;
  place-items: center;
  color: #fff;
  font-weight: 900;
  background: linear-gradient(135deg, var(--primary), #0891b2);
}
.fact-chat-head h2,
.fact-result-head h2 {
  margin: 0;
  color: var(--gray-900);
}
.fact-chat-head p,
.fact-result-head p {
  margin: 4px 0 0;
  color: var(--gray-500);
  font-size: 13px;
  line-height: 1.6;
}
.fact-mode-switch {
  display: inline-flex;
  gap: 4px;
  padding: 4px;
  border: 1px solid var(--gray-200);
  border-radius: 999px;
  margin-bottom: 14px;
  background: #fff;
}
.fact-mode-pill {
  border: 0;
  border-radius: 999px;
  background: transparent;
  min-height: 34px;
  padding: 0 14px;
  font-size: 13px;
  font-weight: 800;
  color: var(--gray-700);
}
.fact-mode-pill.active {
  color: var(--primary);
  background: #eff6ff;
  box-shadow: inset 0 0 0 1px #bfdbfe;
}
.fact-chat-messages {
  display: grid;
  gap: 10px;
  max-height: 300px;
  overflow: auto;
  padding-right: 6px;
  margin-bottom: 12px;
}
.fact-chat-message {
  display: grid;
  gap: 5px;
  max-width: 760px;
  border: 1px solid var(--gray-200);
  border-radius: 10px;
  padding: 11px 12px;
  line-height: 1.7;
  background: #fff;
}
.fact-chat-message span {
  color: var(--gray-400);
  font-size: 11px;
  font-weight: 900;
}
.fact-chat-message.user {
  justify-self: end;
  color: #fff;
  border-color: var(--primary);
  background: var(--primary);
}
.fact-chat-message.user span {
  color: rgba(255,255,255,.72);
}
.fact-chat-body {
  min-width: 0;
}
.fact-chat-markdown {
  color: var(--gray-800);
}
.fact-chat-markdown h3,
.fact-chat-markdown h4,
.fact-chat-markdown h5 {
  margin: 4px 0 8px;
  color: var(--gray-900);
  line-height: 1.35;
}
.fact-chat-markdown h3 {
  font-size: 18px;
}
.fact-chat-markdown h4 {
  font-size: 15px;
  padding-top: 6px;
}
.fact-chat-markdown h5 {
  font-size: 13px;
}
.fact-chat-markdown p {
  margin: 0 0 8px;
}
.fact-chat-markdown ul,
.fact-chat-markdown ol {
  margin: 0 0 10px 18px;
  padding: 0;
}
.fact-chat-markdown li {
  margin: 4px 0;
}
.fact-chat-markdown strong {
  color: var(--gray-900);
}
.fact-chat-markdown a {
  color: var(--primary);
  font-weight: 800;
  word-break: break-all;
}
.fact-chat-sources {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 8px;
  margin-top: 10px;
}
.fact-source-card {
  border: 1px solid var(--gray-200);
  border-radius: 8px;
  padding: 9px 10px;
  background: #fff;
}
.fact-source-card.grade-a {
  border-color: #bbf7d0;
  background: #f0fdf4;
}
.fact-source-card.grade-b {
  border-color: #bfdbfe;
  background: #eff6ff;
}
.fact-source-card.grade-c {
  border-color: #e5e7eb;
  background: #f8fafc;
}
.fact-source-card-head {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  align-items: center;
  margin-bottom: 6px;
}
.fact-source-card-head span {
  color: #047857;
  font-size: 11px;
  font-weight: 900;
}
.fact-source-card-head small {
  color: var(--gray-400);
  font-size: 11px;
  font-weight: 800;
}
.fact-source-card a {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  color: var(--primary);
  font-size: 12px;
  font-weight: 900;
  line-height: 1.45;
}
.fact-source-card p {
  margin: 6px 0 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  color: var(--gray-600);
  font-size: 12px;
  line-height: 1.55;
}
.fact-source-card em {
  display: block;
  margin-top: 6px;
  color: var(--gray-400);
  font-size: 11px;
  font-style: normal;
  line-height: 1.4;
}
.fact-chat-actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 10px;
}
.fact-quick-prompts {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 12px;
}
.fact-quick-prompts button {
  border: 1px solid #bfdbfe;
  border-radius: 999px;
  background: #fff;
  color: var(--primary);
  padding: 7px 10px;
  font-size: 12px;
  font-weight: 800;
}
.fact-chat-input {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 42px;
  gap: 12px;
  align-items: end;
  border: 1px solid var(--gray-200);
  border-radius: 22px;
  background: #fff;
  padding: 14px;
  box-shadow: 0 12px 28px rgba(15,23,42,.08);
}
.fact-chat-input textarea {
  min-height: 84px;
  border: 0;
  padding: 4px 0;
  font-size: 15px;
  background: transparent;
  box-shadow: none;
}
.fact-chat-input textarea:focus {
  border: 0;
  box-shadow: none;
}
.fact-chat-input .btn {
  width: 40px;
  height: 40px;
  min-height: 40px;
  border-radius: 50%;
  padding: 0;
  font-size: 20px;
}
.fact-progress-card {
  display: grid;
  align-content: start;
  gap: 14px;
}
.fact-summary-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}
.fact-summary-stats div {
  border: 1px solid var(--gray-200);
  border-radius: 10px;
  padding: 10px;
  background: var(--gray-50);
}
.fact-summary-stats strong {
  display: block;
  font-size: 22px;
  line-height: 1;
  color: var(--gray-900);
}
.fact-summary-stats span {
  display: block;
  margin-top: 6px;
  color: var(--gray-500);
  font-size: 12px;
}
.fact-progress-list {
  display: grid;
  gap: 10px;
}
.fact-progress-item {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  gap: 10px;
  align-items: start;
  border: 1px solid var(--gray-200);
  border-radius: 10px;
  padding: 10px;
  background: var(--gray-50);
}
.fact-progress-item span {
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  border-radius: 8px;
  color: #fff;
  font-size: 12px;
  font-weight: 900;
  background: var(--primary);
}
.fact-progress-item.must {
  border-color: #fed7aa;
  background: #fff7ed;
}
.fact-progress-item.must span {
  color: #c2410c;
  border: 1px solid #fed7aa;
  background: #ffedd5;
}
.fact-progress-item.done {
  border-color: #bbf7d0;
  background: #f0fdf4;
}
.fact-progress-item strong {
  display: block;
  margin-bottom: 3px;
  font-size: 13px;
  color: var(--gray-900);
}
.fact-progress-item small {
  display: block;
  color: var(--gray-500);
  line-height: 1.55;
}
.fact-friendly-note {
  border: 1px dashed #bfdbfe;
  border-radius: 10px;
  padding: 11px 12px;
  color: #1d4ed8;
  background: #eff6ff;
  font-size: 12px;
  line-height: 1.7;
}
.fact-result-actions {
  display: grid;
  gap: 9px;
}
.fact-result-actions .btn {
  width: 100%;
}
.fact-table-groups {
  display: grid;
  gap: 12px;
  padding: 14px;
}
.fact-library-tabs {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 4px;
  width: fit-content;
  max-width: 100%;
  padding: 4px;
  border: 1px solid var(--gray-200);
  border-radius: 10px;
  background: var(--gray-50);
}
.fact-library-tab {
  border: 0;
  border-radius: 8px;
  min-height: 34px;
  padding: 0 14px;
  color: var(--gray-600);
  background: transparent;
  font-size: 13px;
  font-weight: 900;
}
.fact-library-tab span {
  display: inline-grid;
  place-items: center;
  min-width: 20px;
  height: 20px;
  margin-left: 6px;
  border-radius: 999px;
  color: var(--gray-500);
  background: #fff;
  font-size: 11px;
}
.fact-library-tab.active {
  color: var(--primary);
  background: #fff;
  box-shadow: 0 1px 3px rgba(15,23,42,.08);
}
.fact-library-tab.active span {
  color: #fff;
  background: var(--primary);
}
.fact-library-pane {
  min-width: 0;
}
.fact-table-block {
  min-width: 0;
  border: 1px solid var(--gray-200);
  border-radius: 8px;
  background: #fff;
  overflow: hidden;
}
.fact-table-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 14px;
  border-bottom: 1px solid var(--gray-200);
  background: #f8fafc;
}
.fact-table-title h3 {
  margin: 0;
  color: var(--gray-900);
  font-size: 16px;
}
.fact-table-title span {
  color: var(--gray-500);
  font-size: 12px;
  font-weight: 800;
}
.fact-list-real {
  display: grid;
  gap: 0;
  overflow-x: visible;
}
.fact-table-head,
.fact-row-real {
  display: grid;
  grid-template-columns: minmax(92px, .68fr) minmax(230px, 1.5fr) minmax(118px, .65fr) minmax(122px, .62fr) minmax(160px, .75fr);
  gap: 12px;
  align-items: start;
  min-width: 0;
  width: 100%;
}
.fact-table-head {
  padding: 10px 12px;
  border-bottom: 1px solid var(--gray-200);
  color: var(--gray-400);
  background: #fff;
  font-size: 12px;
  font-weight: 900;
}
.fact-row-real {
  border-bottom: 1px solid var(--gray-100);
  padding: 12px;
  background: #fff;
  cursor: pointer;
}
.fact-row-real:last-child {
  border-bottom: 0;
}
.fact-row-real:hover {
  background: #f8fafc;
}
.fact-row-real.expanded {
  background: #f8fafc;
}
.fact-row-type {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--gray-600);
  font-size: 12px;
  font-weight: 900;
}
.fact-row-type span {
  flex: 0 0 auto;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--primary);
}
.fact-row-type b {
  min-width: 0;
  font: inherit;
}
.fact-row-main strong {
  display: block;
  margin-bottom: 5px;
  color: var(--gray-900);
  line-height: 1.5;
}
.fact-row-main p {
  margin: 0;
  color: var(--gray-600);
  line-height: 1.7;
  word-break: break-word;
}
.fact-row-main a {
  display: inline-block;
  margin-top: 6px;
  max-width: 100%;
  font-size: 12px;
  word-break: break-all;
}
.fact-row-source {
  min-width: 0;
  color: var(--gray-600);
  font-size: 12px;
  line-height: 1.7;
}
.fact-row-source a {
  display: block;
  max-width: 100%;
  color: var(--primary);
  font-weight: 800;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.fact-row-state {
  display: grid;
  gap: 6px;
  min-width: 0;
}
.fact-row-state small {
  color: var(--gray-400);
}
.fact-row-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  justify-content: stretch;
  align-items: flex-start;
}
.fact-row-actions .btn {
  width: 100%;
  min-width: 0;
  padding-left: 8px;
  padding-right: 8px;
  white-space: nowrap;
}
.fact-cell-clamp {
  min-width: 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.fact-row-detail {
  display: none;
  grid-column: 1 / -1;
  min-width: 0;
  cursor: default;
}
.fact-row-real.expanded .fact-row-detail {
  display: block;
}
.fact-row-detail-card {
  margin-top: 2px;
  padding: 14px;
  border: 1px solid #dbeafe;
  border-radius: 10px;
  background: #f8fbff;
}
.fact-row-detail-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 8px;
}
.fact-row-detail-head strong {
  min-width: 0;
  color: var(--gray-900);
  font-size: 14px;
  line-height: 1.5;
}
.fact-row-detail-head span {
  flex: 0 0 auto;
  padding: 3px 8px;
  border-radius: 999px;
  background: #dbeafe;
  color: var(--primary);
  font-size: 12px;
  font-weight: 800;
}
.fact-row-detail-card p {
  max-height: 300px;
  margin: 0;
  overflow: auto;
  color: var(--gray-700);
  font-size: 13px;
  line-height: 1.8;
  white-space: pre-wrap;
  word-break: break-word;
}
.fact-row-detail-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 10px;
}
.fact-row-detail-meta span {
  min-width: 0;
  max-width: 100%;
  padding: 5px 9px;
  border: 1px solid var(--gray-200);
  border-radius: 999px;
  background: #fff;
  color: var(--gray-500);
  font-size: 12px;
  line-height: 1.4;
}
.fact-row-detail-meta a {
  color: var(--primary);
  font-weight: 800;
  word-break: break-all;
}
.fact-edit-mask {
  position: fixed;
  inset: 0;
  z-index: 1200;
  display: grid;
  place-items: center;
  padding: 20px;
  background: rgba(15,23,42,.46);
}
body.fact-editor-open {
  overflow: hidden;
}
.fact-edit-mask.hidden {
  display: none;
}
.fact-edit-panel {
  width: min(760px, 100%);
  max-height: calc(100vh - 40px);
  overflow: auto;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 24px 70px rgba(15,23,42,.24);
  padding: 18px;
}
.fact-edit-head {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  align-items: flex-start;
  padding-bottom: 14px;
  border-bottom: 1px solid var(--gray-200);
}
.fact-edit-head h2 {
  margin: 0 0 5px;
  color: var(--gray-900);
  font-size: 20px;
}
.fact-edit-head p {
  margin: 0;
  color: var(--gray-500);
  font-size: 13px;
  line-height: 1.6;
}
.fact-edit-close {
  flex: 0 0 auto;
  width: 34px;
  height: 34px;
  border: 1px solid var(--gray-200);
  border-radius: 8px;
  background: #fff;
  color: var(--gray-500);
  font-size: 22px;
  line-height: 1;
  cursor: pointer;
}
.fact-edit-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin-top: 14px;
}
.fact-edit-field,
.fact-edit-grid label {
  display: grid;
  gap: 7px;
  margin-top: 12px;
}
.fact-edit-field span,
.fact-edit-grid span {
  color: var(--gray-600);
  font-size: 12px;
  font-weight: 800;
}
.fact-edit-field input,
.fact-edit-field textarea,
.fact-edit-grid select {
  width: 100%;
  border: 1px solid var(--gray-300);
  border-radius: 8px;
  padding: 10px 12px;
  color: var(--gray-900);
  background: #fff;
  font-size: 14px;
  line-height: 1.6;
  pointer-events: auto;
  user-select: text;
  cursor: text;
}
.fact-edit-grid select {
  cursor: pointer;
}
.fact-edit-field input:focus,
.fact-edit-field textarea:focus,
.fact-edit-grid select:focus {
  border-color: var(--primary);
  outline: 3px solid rgba(37, 99, 235, .12);
  box-shadow: 0 0 0 1px rgba(37, 99, 235, .08);
}
.fact-edit-field textarea {
  resize: vertical;
  min-height: 160px;
}
.fact-edit-actions {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 16px;
  padding-top: 14px;
  border-top: 1px solid var(--gray-200);
}
.fact-edit-feedback {
  margin: 12px 0 0;
  padding: 9px 11px;
  border: 1px solid var(--gray-200);
  border-radius: 8px;
  background: var(--gray-50);
  color: var(--gray-500);
  font-size: 12px;
  line-height: 1.5;
}
.fact-edit-feedback.is-dirty {
  border-color: #93c5fd;
  background: #eff6ff;
  color: #1d4ed8;
  font-weight: 700;
}
.fact-public-assets-panel {
  margin-top: 20px;
}
.fact-asset-stats {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}
.fact-asset-stats span {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  border: 1px solid var(--gray-200);
  border-radius: 999px;
  padding: 6px 10px;
  color: var(--gray-500);
  background: var(--gray-50);
  font-size: 12px;
  font-weight: 700;
}
.fact-asset-stats strong {
  color: var(--gray-900);
}
.fact-public-list {
  display: grid;
  gap: 10px;
  padding: 14px;
}
.fact-pagination {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 14px;
  border-top: 1px solid var(--gray-100);
  background: #fff;
  color: var(--gray-500);
  font-size: 12px;
}
.fact-pagination div {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.fact-pagination-static {
  justify-content: flex-end;
}
.fact-pagination .btn[disabled] {
  opacity: .45;
  cursor: not-allowed;
}
.fact-public-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 220px;
  gap: 14px;
  align-items: start;
  border: 1px solid var(--gray-200);
  border-radius: 10px;
  padding: 12px;
  background: #fff;
}
.fact-public-row strong {
  display: block;
  margin: 8px 0 5px;
  color: var(--gray-900);
}
.fact-public-row p {
  margin: 0;
  color: var(--gray-600);
  line-height: 1.7;
}
.fact-public-url {
  display: grid;
  gap: 4px;
  justify-items: end;
  min-width: 0;
  color: var(--gray-500);
  font-size: 12px;
}
.fact-public-url a {
  max-width: 100%;
  color: var(--primary);
  font-weight: 800;
  overflow-wrap: anywhere;
}
.fact-public-url small {
  color: var(--gray-400);
}
.fact-public-url .fact-public-remove-btn {
  margin-top: 6px;
  white-space: nowrap;
}
.fact-workbench-note {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  border-color: #bfdbfe;
  background: #eff6ff;
  box-shadow: none;
}
.fact-workbench-note strong {
  color: #1d4ed8;
}

/* Website strategy agent */
.strategy-welcome {
  position: relative;
  display: grid;
  grid-template-columns: 96px minmax(0, 1fr);
  gap: 30px;
  align-items: start;
  max-width: 980px;
  padding: 34px;
  overflow: hidden;
  border: 1px solid #dbe7ef;
  border-radius: 22px;
  background: linear-gradient(145deg, #ffffff 12%, #f3f8fb 100%);
  box-shadow: 0 20px 55px rgba(15, 40, 64, .08);
}
.strategy-welcome::after {
  content: "";
  position: absolute;
  width: 260px;
  height: 260px;
  right: -110px;
  bottom: -150px;
  border-radius: 50%;
  background: rgba(13, 148, 136, .09);
}
.strategy-welcome-mark {
  position: relative;
  z-index: 1;
  width: 78px;
  height: 78px;
  border-radius: 24px;
  display: grid;
  place-items: center;
  background: #102a43;
  color: #fff;
  box-shadow: 0 14px 28px rgba(16, 42, 67, .22);
  font-size: 30px;
  font-weight: 900;
}
.strategy-welcome h2 { margin: 15px 0 11px; max-width: 720px; font-size: 29px; line-height: 1.35; letter-spacing: -.5px; color: #102a43; }
.strategy-welcome p { max-width: 760px; color: #52677b; line-height: 1.85; font-size: 15px; }
.strategy-flow { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; margin: 22px 0; }
.strategy-flow span { padding: 8px 12px; border: 1px solid #d7e7ed; border-radius: 999px; background: rgba(255,255,255,.82); color: #155e75; font-weight: 700; font-size: 12px; }
.strategy-flow b { color: #94a3b8; font-weight: 500; }

.strategy-header-actions { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }
.strategy-stats {
  display: grid;
  grid-template-columns: minmax(220px, 1.7fr) repeat(4, minmax(100px, 1fr));
  margin-bottom: 22px;
  border: 1px solid #e1e8ef;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 8px 24px rgba(15, 40, 64, .045);
  overflow: hidden;
}
.strategy-stats > div { min-width: 0; padding: 17px 20px; border-left: 1px solid #edf1f5; }
.strategy-stats > div:first-child { border-left: 0; background: linear-gradient(135deg, #102a43, #184b5d); }
.strategy-stats small { display: block; margin-bottom: 6px; color: #738295; font-size: 11px; font-weight: 700; letter-spacing: .06em; }
.strategy-stats strong { display: block; overflow: hidden; color: #102a43; font-size: 21px; line-height: 1.25; text-overflow: ellipsis; white-space: nowrap; }
.strategy-stats > div:first-child small { color: #a9c9d1; }
.strategy-stats > div:first-child strong { color: #fff; font-size: 17px; }

.strategy-workspace { display: grid; grid-template-columns: 210px minmax(520px, 1fr) 340px; gap: 22px; align-items: start; }
.strategy-workspace > .panel { border: 1px solid #e1e8ef; border-radius: 18px; box-shadow: 0 10px 30px rgba(15, 40, 64, .05); }
.strategy-stages, .strategy-results { position: sticky; top: 16px; }
.strategy-stages { padding: 18px 12px; background: #f8fafc; }
.strategy-stages h2 { margin: 0 10px 15px; color: #738295; font-size: 11px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.strategy-stage {
  position: relative;
  width: 100%;
  display: grid;
  grid-template-columns: 31px 1fr;
  gap: 10px;
  text-align: left;
  border: 0;
  background: transparent;
  padding: 10px;
  border-radius: 12px;
  color: #617286;
  cursor: pointer;
  transition: background .18s ease, color .18s ease, transform .18s ease;
}
.strategy-stage:hover { background: #edf4f7; color: #183b4e; transform: translateX(2px); }
.strategy-stage.active { background: #fff; color: #0f5964; box-shadow: 0 6px 20px rgba(15, 89, 100, .09); }
.strategy-stage > span { width: 28px; height: 28px; border: 1px solid #dce5eb; border-radius: 9px; display: grid; place-items: center; background: #fff; font-size: 11px; font-weight: 800; }
.strategy-stage.active > span { border-color: #0f766e; background: #0f766e; color: #fff; }
.strategy-stage strong, .strategy-stage small { display: block; }
.strategy-stage strong { padding-top: 1px; font-size: 13px; line-height: 1.35; }
.strategy-stage small { margin-top: 4px; color: #94a3b8; font-size: 10px; }

.strategy-main-column { display: grid; gap: 22px; }
.strategy-main-column > .panel { border: 1px solid #e1e8ef; border-radius: 18px; background: #fff; box-shadow: 0 10px 30px rgba(15, 40, 64, .05); }
.strategy-chat { padding: 0 22px 18px; overflow: hidden; }
.strategy-chat > .panel-header { margin: 0 -22px 20px; padding: 20px 22px 18px; border-bottom: 1px solid #edf1f5; background: linear-gradient(180deg, #fbfdfe, #fff); }
.strategy-chat > .panel-header h2 { color: #102a43; font-size: 19px; }
.strategy-chat > .panel-header .helper { margin-top: 5px; color: #718196; }
.strategy-stage-guide { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 18px; align-items: center; margin: 0 0 18px; padding: 17px 18px; border: 1px solid #bfe0d8; border-radius: 15px; background: linear-gradient(135deg, #f0fdfa, #f7fbff); }
.strategy-stage-guide > div { min-width: 0; }
.strategy-stage-guide span { display: block; margin-bottom: 5px; color: #0f766e; font-size: 12px; font-weight: 800; letter-spacing: .06em; }
.strategy-stage-guide strong { display: block; color: #12384a; font-size: 17px; line-height: 1.45; }
.strategy-stage-guide p { margin: 6px 0 0; color: #52697a; font-size: 14px; line-height: 1.65; }
.strategy-stage-guide .btn { min-width: 148px; min-height: 44px; white-space: nowrap; }
.strategy-messages { max-height: 500px; overflow: auto; display: grid; gap: 18px; padding: 3px 4px 22px; scrollbar-width: thin; scrollbar-color: #d5dee7 transparent; }
.strategy-message-placeholder { display: grid; gap: 5px; padding: 18px; border: 1px dashed #ccd9e2; border-radius: 14px; background: #fbfcfd; text-align: center; }
.strategy-message-placeholder span { color: #52697a; font-size: 15px; font-weight: 700; }
.strategy-message-placeholder small { color: #8291a1; font-size: 13px; line-height: 1.6; }
.strategy-message { position: relative; max-width: 92%; border-radius: 16px; padding: 16px 19px; }
.strategy-message strong { display: block; margin-bottom: 8px; font-size: 13px; letter-spacing: .02em; }
.strategy-message p { margin: 0; line-height: 1.78; font-size: 16px; overflow-wrap: anywhere; }
.strategy-message.is-agent { padding-left: 18px; border: 1px solid #e4eaef; border-top-left-radius: 5px; background: #f8fafc; color: #2b3d4f; }
.strategy-message.is-agent strong { color: #0f766e; }
.strategy-message.is-user { justify-self: end; border-bottom-right-radius: 5px; background: #173b50; color: #fff; box-shadow: 0 8px 18px rgba(23, 59, 80, .16); }
.strategy-message.is-user strong { color: #b9d8df; }
.strategy-chat-compose { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 10px; align-items: stretch; padding: 10px; border: 1px solid #dce5eb; border-radius: 15px; background: #f8fafc; transition: border-color .18s ease, box-shadow .18s ease; }
.strategy-chat-compose:focus-within { border-color: #5ca6a1; box-shadow: 0 0 0 4px rgba(15, 118, 110, .09); }
.strategy-chat-compose textarea { min-height: 84px; padding: 9px 10px; resize: vertical; border: 0; outline: 0; background: transparent; color: #24364a; font-size: 16px; line-height: 1.7; }
.strategy-chat-compose .btn { align-self: end; min-width: 86px; min-height: 42px; border-radius: 11px; background: #0f766e; border-color: #0f766e; box-shadow: none; }
.strategy-chat > .helper { display: block; padding: 12px 4px 0; color: #8a98a8; font-size: 11px; line-height: 1.6; }

.strategy-decisions { display: grid; gap: 14px; }
.strategy-decision-card { position: relative; border: 1px solid #e3e9ef; border-radius: 15px; padding: 18px 19px 17px 22px; background: #fff; overflow: hidden; }
.strategy-decision-card::before { content: ""; position: absolute; inset: 0 auto 0 0; width: 4px; background: #8aa4b4; }
.strategy-decision-card.is-confirmed { border-color: #b9dfd0; background: #f7fcfa; }
.strategy-decision-card.is-confirmed::before { background: #059669; }
.strategy-decision-head { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.strategy-decision-head small { color: #9aa7b6; font-size: 11px; }
.strategy-decision-card h3 { margin: 13px 0 8px; color: #142f43; font-size: 17px; line-height: 1.4; }
.strategy-conclusion { color: #31485b; font-weight: 650; line-height: 1.75; }
.strategy-decision-card dl { display: grid; grid-template-columns: 78px 1fr; gap: 10px; margin: 14px 0 0; padding-top: 12px; border-top: 1px solid #edf1f4; font-size: 13px; }
.strategy-decision-card dt { color: #617286; font-weight: 800; }
.strategy-decision-card dd { margin: 0; color: #627286; line-height: 1.7; }
.strategy-risk dt { color: #a16207; }
.strategy-decision-actions { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 16px; padding-top: 14px; border-top: 1px solid #edf1f4; }

.strategy-results { max-height: calc(100vh - 32px); overflow: auto; padding: 19px; background: #f8fafc; scrollbar-width: thin; }
.strategy-results .panel-header { margin-bottom: 14px; }
.strategy-results .panel-header h2 { color: #102a43; font-size: 17px; }
.strategy-result-tabs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; }
.strategy-result-tab { min-height: 36px; border: 1px solid #dfe7ed; background: #fff; border-radius: 10px; padding: 7px 9px; color: #637487; font-size: 11px; font-weight: 700; cursor: pointer; transition: all .18s ease; }
.strategy-result-tab:hover { border-color: #9fb8c5; color: #183b4e; }
.strategy-result-tab.active { background: #173b50; color: #fff; border-color: #173b50; box-shadow: 0 5px 14px rgba(23, 59, 80, .15); }
.strategy-result-body { display: grid; gap: 10px; margin-top: 14px; }
.strategy-result-body pre { white-space: pre-wrap; font-size: 12px; line-height: 1.65; background: #102a43; color: #dbeafe; border-radius: 12px; padding: 14px; }
.strategy-result-item { border: 1px solid #e1e8ee; border-radius: 12px; padding: 13px; background: #fff; }
.strategy-result-item strong { display: block; margin: 9px 0 6px; color: #20384c; font-size: 13px; line-height: 1.45; }
.strategy-result-item p { margin: 0; color: #66778a; font-size: 12px; line-height: 1.7; }
.strategy-result-item small { display: block; margin-top: 9px; color: #94a3b8; font-size: 10px; }

@media (max-width: 1320px) {
  .strategy-workspace { grid-template-columns: 200px minmax(0, 1fr); }
  .strategy-results { position: static; grid-column: 1 / -1; max-height: none; }
  .strategy-result-tabs { grid-template-columns: repeat(5, minmax(0, 1fr)); }
}
@media (max-width: 920px) {
  .strategy-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .strategy-stats > div { border-top: 1px solid #edf1f5; }
  .strategy-stats > div:first-child { grid-column: 1 / -1; border-top: 0; }
  .strategy-workspace { grid-template-columns: 1fr; }
  .strategy-stages { position: static; display: flex; gap: 6px; overflow: auto; padding: 10px; }
  .strategy-stages h2 { display: none; }
  .strategy-stage { min-width: 158px; }
  .strategy-result-tabs { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 620px) {
  .strategy-welcome { grid-template-columns: 1fr; gap: 18px; padding: 24px 20px; }
  .strategy-welcome h2 { font-size: 24px; }
  .strategy-welcome-mark { width: 62px; height: 62px; border-radius: 18px; }
  .strategy-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .strategy-stats > div { padding: 14px; }
  .strategy-chat { padding: 0 14px 14px; }
  .strategy-chat > .panel-header { margin: 0 -14px 16px; padding: 17px 14px; }
  .strategy-chat > .panel-header .badge { display: none; }
  .strategy-message { max-width: 96%; }
  .strategy-stage-guide { grid-template-columns: 1fr; }
  .strategy-stage-guide .btn { width: 100%; }
  .strategy-chat-compose { grid-template-columns: 1fr; }
  .strategy-chat-compose .btn { width: 100%; }
  .strategy-result-tabs { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .strategy-decision-card dl { grid-template-columns: 1fr; gap: 5px; }
}
.fact-workbench-note span {
  color: #1e40af;
  line-height: 1.65;
}
.fact-profile-preview {
  margin-top: 20px;
}
.fact-profile-frame {
  width: 100%;
  min-height: 620px;
  border: 1px solid var(--gray-200);
  border-radius: 10px;
  background: #fff;
}
.agent-center-card {
  min-height: 420px;
}
.agent-center-card .compact-note {
  border-color: #bfdbfe;
  background: #eff6ff;
}
.agent-center-chain {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
  gap: 10px;
  align-items: stretch;
  margin-top: 14px;
}
.agent-chain-step {
  min-width: 0;
  min-height: 52px;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px;
  border: 1px solid #dbeafe;
  border-radius: 8px;
  background: linear-gradient(180deg, #eff6ff 0%, #ffffff 100%);
  color: #0f172a;
}
.agent-chain-step span {
  flex: 0 0 auto;
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  background: #2563eb;
  color: #fff;
  font-weight: 900;
  font-size: 13px;
}
.agent-chain-step strong {
  min-width: 0;
  color: #0f172a;
  font-size: 15px;
  line-height: 1.35;
  overflow-wrap: anywhere;
}
.agent-architecture-panel {
  margin-bottom: 20px;
  padding: 22px;
  border: 1px solid #dbeafe;
  border-radius: 10px;
  background: linear-gradient(180deg, #f8fbff 0%, #ffffff 100%);
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.05);
}
.agent-architecture-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 18px;
  align-items: start;
}
.agent-layer-title {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: flex-start;
  margin-bottom: 12px;
}
.agent-layer-title h3 {
  margin: 0 0 4px;
  font-size: 18px;
}
.agent-layer-grid,
.rule-engine-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 10px;
}
.agent-layer-card,
.rule-engine-card {
  min-width: 0;
  padding: 14px;
  border: 1px solid var(--gray-200);
  border-radius: 8px;
  background: #fff;
}
.agent-layer-card-head,
.rule-engine-card-head {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: flex-start;
  margin-bottom: 8px;
}
.agent-layer-card strong,
.rule-engine-card strong {
  color: var(--gray-900);
}
.agent-layer-card p,
.rule-engine-card p {
  margin: 0 0 10px;
  color: var(--gray-700);
  line-height: 1.65;
}
.agent-layer-meta {
  display: grid;
  gap: 4px;
  padding: 10px 12px;
  border-radius: 8px;
  background: #f8fafc;
  margin-bottom: 10px;
}
.agent-layer-meta span,
.rule-engine-facts span {
  color: var(--gray-500);
  font-size: 12px;
}
.agent-layer-meta strong,
.rule-engine-facts strong {
  font-size: 13px;
  line-height: 1.55;
}
.rule-engine-facts {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin: 10px 0;
}
.rule-engine-facts > div {
  display: grid;
  gap: 4px;
  padding: 10px 12px;
  border-radius: 8px;
  background: #f8fafc;
}
.agent-sandbox-form {
  display: grid;
  grid-template-columns: minmax(180px, 260px) minmax(0, 1fr);
  gap: 14px;
  align-items: start;
  margin-top: 12px;
}
.agent-sandbox-form label {
  display: grid;
  gap: 8px;
  color: #334155;
  font-weight: 700;
}

.agent-editor-panel {
  width: min(1120px, calc(100vw - 32px));
  max-width: 1120px;
}
.agent-editor-panel .modal-head {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: flex-start;
}
.agent-editor-meta {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 14px;
}
.agent-editor-label {
  display: grid;
  gap: 8px;
  margin-top: 14px;
  color: var(--gray-700);
  font-size: 14px;
  font-weight: 700;
}
.agent-editor-textarea {
  min-height: 420px;
  resize: vertical;
  font-family: Consolas, "SFMono-Regular", "Liberation Mono", monospace;
  font-size: 13px;
  line-height: 1.65;
  white-space: pre;
  tab-size: 2;
}
.agent-ab-panel {
  margin-top: 14px;
  padding: 14px;
  border: 1px solid #dbeafe;
  border-radius: 8px;
  background: #f8fbff;
}
.agent-ab-panel h3,
.agent-ab-panel h4 {
  margin: 0;
}
.agent-ab-controls {
  display: grid;
  grid-template-columns: minmax(160px, 220px) minmax(220px, 280px) minmax(0, 1fr);
  gap: 12px;
  align-items: start;
}
.agent-ab-controls label {
  display: grid;
  gap: 7px;
  color: #334155;
  font-size: 13px;
  font-weight: 700;
}
.agent-ab-controls select,
.agent-ab-controls input,
.agent-ab-controls textarea {
  width: 100%;
}
.agent-ab-sample textarea {
  min-height: 92px;
  resize: vertical;
}
.agent-ab-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 12px;
}
.agent-ab-column {
  min-width: 0;
  padding: 12px;
  border: 1px solid #dbeafe;
  border-radius: 8px;
  background: #fff;
}
.agent-ab-column-head {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  align-items: flex-start;
}
.agent-ab-metrics,
.agent-ab-checks {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin-top: 10px;
}
.agent-ab-checks {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.agent-ab-output {
  max-height: 220px;
  margin-top: 10px;
}
.agent-sandbox-form select,
.agent-sandbox-form input,
.agent-sandbox-form textarea {
  width: 100%;
}
.agent-sandbox-form textarea {
  min-height: 180px;
  resize: vertical;
  line-height: 1.7;
}
.agent-sandbox-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 12px;
}
.agent-sandbox-output {
  white-space: pre-wrap;
  background: #0f172a;
  color: #e5edf8;
  border-radius: 8px;
  padding: 14px;
  line-height: 1.75;
  max-height: 320px;
  overflow: auto;
  font-family: "Microsoft YaHei", Arial, sans-serif;
  font-size: 13px;
}
.auto-growth-policy-panel {
  border-color: #bfdbfe;
  background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
}
.auto-growth-grid {
  display: grid;
  grid-template-columns: minmax(240px, 320px) minmax(0, 1fr);
  gap: 16px;
  align-items: start;
}
.auto-growth-summary {
  display: grid;
  gap: 10px;
}
.auto-growth-summary > div,
.permission-mini-card {
  padding: 12px;
  border: 1px solid #dbeafe;
  border-radius: 8px;
  background: #fff;
}
.auto-growth-summary span {
  display: block;
  color: var(--gray-500);
  font-size: 12px;
  margin-bottom: 4px;
}
.auto-growth-summary strong {
  color: #0f172a;
  font-size: 18px;
}
.auto-growth-checklist {
  display: grid;
  gap: 8px;
}
.auto-growth-checklist > div {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  background: #fff;
  color: #64748b;
  font-size: 13px;
}
.auto-growth-checklist > div span {
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: #cbd5e1;
}
.auto-growth-checklist > div.done {
  border-color: #bbf7d0;
  background: #f0fdf4;
  color: #166534;
  font-weight: 700;
}
.auto-growth-checklist > div.done span {
  background: #10b981;
}
.auto-growth-form {
  display: grid;
  gap: 12px;
}
.permission-mini-card {
  background: #fffbeb;
  border-color: #fde68a;
}
.permission-mini-card p {
  margin: 6px 0 0;
  color: #92400e;
  line-height: 1.6;
}
.search-engine-tabs {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin: 16px 0;
}
.search-engine-tab {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 40px;
  padding: 8px 14px;
  border: 1px solid var(--gray-200);
  border-radius: 8px;
  background: #fff;
  color: var(--gray-700);
  font-weight: 800;
}
.search-engine-tab small {
  padding: 2px 8px;
  border-radius: 999px;
  background: var(--gray-100);
  color: var(--gray-500);
  font-size: 11px;
  font-weight: 800;
}
.search-engine-tab.active {
  border-color: rgba(37, 99, 235, .35);
  background: #eff6ff;
  color: var(--primary);
}
.search-engine-tab.active small {
  background: #dbeafe;
  color: var(--primary-dark);
}
.search-engine-tab.is-disabled {
  opacity: .72;
  cursor: not-allowed;
}
.search-engine-config-card {
  display: grid;
  gap: 12px;
  padding: 16px;
}
.search-engine-card-title {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: flex-start;
}
.search-engine-card-title strong {
  color: #0f172a;
  font-size: 16px;
}
.search-engine-check {
  display: flex;
  gap: 8px;
  align-items: center;
  color: #334155;
  font-weight: 800;
}
.search-engine-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  align-items: center;
}
.search-engine-placeholder {
  margin-top: 12px;
  padding: 14px;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  background: #f8fafc;
}
.search-engine-placeholder p {
  margin: 6px 0 0;
  color: var(--gray-600);
  line-height: 1.6;
}
.search-engine-placeholder-list {
  margin: 10px 0 12px;
  padding-left: 18px;
  color: #475569;
  line-height: 1.7;
}
.overflow-table {
  width: 100%;
  overflow-x: auto;
}
.mini-table {
  width: 100%;
  min-width: 760px;
  border-collapse: separate;
  border-spacing: 0;
  border: 1px solid var(--gray-200);
  border-radius: 8px;
  overflow: hidden;
  background: #fff;
}
.mini-table th,
.mini-table td {
  padding: 10px 12px;
  border-bottom: 1px solid var(--gray-100);
  color: #334155;
  font-size: 12px;
  line-height: 1.6;
  text-align: left;
  vertical-align: top;
}
.mini-table th {
  background: #f8fafc;
  color: #64748b;
  font-weight: 900;
  white-space: nowrap;
}
.mini-table tbody tr:last-child td {
  border-bottom: 0;
}
.mini-table td strong {
  display: block;
  color: #0f172a;
  font-size: 13px;
}
.mini-table td small {
  display: block;
  margin-top: 3px;
  color: #64748b;
  font-size: 11px;
  line-height: 1.45;
}
.search-engine-channel-table th:nth-child(1),
.search-engine-channel-table td:nth-child(1) {
  min-width: 150px;
}
.overseas-config-table th:nth-child(3),
.overseas-config-table td:nth-child(3),
.overseas-config-table th:nth-child(4),
.overseas-config-table td:nth-child(4) {
  min-width: 210px;
}
.table-mini-field,
.table-mini-check {
  display: grid;
  gap: 6px;
  margin: 6px 0;
  color: #334155;
  font-size: 12px;
  font-weight: 700;
}
.table-mini-field input {
  min-width: 88px;
  height: 34px;
  padding: 6px 8px;
}
.table-mini-check {
  grid-template-columns: auto 1fr;
  align-items: center;
}
.search-proof-mini {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 8px;
}
.search-proof-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  max-width: 100%;
  padding: 4px 8px;
  border: 1px solid #dbeafe;
  border-radius: 999px;
  background: #f8fbff;
  color: #334155;
  font-size: 12px;
  line-height: 1.3;
}
button.search-proof-chip {
  appearance: none;
  font: inherit;
}
.search-proof-chip.is-action {
  cursor: pointer;
  transition: transform .16s ease, box-shadow .16s ease;
}
.search-proof-chip.is-action:hover,
.search-proof-chip.is-action:focus-visible {
  transform: translateY(-1px);
  box-shadow: 0 0 0 3px rgba(245, 158, 11, .16);
  outline: none;
}
.search-proof-chip span,
.search-proof-chip strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.search-proof-chip strong {
  color: #0f172a;
}
.search-proof-chip.pass {
  border-color: #bbf7d0;
  background: #ecfdf5;
  color: #047857;
}
.search-proof-chip.warn {
  border-color: #fde68a;
  background: #fffbeb;
  color: #92400e;
}
.search-proof-chip.blocked {
  border-color: #fecaca;
  background: #fef2f2;
  color: #b91c1c;
}
.search-discovery-guide {
  margin-top: 10px;
  padding: 10px;
  border: 1px solid #dbeafe;
  border-radius: 8px;
  background: #f8fbff;
  color: #334155;
  font-size: 12px;
  line-height: 1.55;
}
.search-discovery-guide.warning {
  border-color: #fde68a;
  background: #fffbeb;
}
.search-discovery-guide.danger {
  border-color: #fecaca;
  background: #fef2f2;
}
.search-discovery-guide.info {
  border-color: #bfdbfe;
  background: #eff6ff;
}
.search-discovery-guide.success {
  border-color: #bbf7d0;
  background: #ecfdf5;
}
.search-discovery-guide-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 5px;
}
.search-discovery-guide-head strong {
  color: #0f172a;
  font-size: 13px;
}
.search-discovery-guide p {
  margin: 0 0 8px;
  color: #475569;
}
.search-discovery-guide-steps {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.search-discovery-guide-steps span,
.search-discovery-guide-action {
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  padding: 4px 8px;
  border-radius: 999px;
  background: #fff;
  border: 1px solid rgba(148, 163, 184, 0.35);
  color: #334155;
  font-weight: 700;
}
.search-discovery-guide-action {
  border-color: #bfdbfe;
  color: #1d4ed8;
  white-space: nowrap;
}
@media (max-width: 1180px) {
  .fact-foundation-hero {
    grid-template-columns: 1fr;
  }
  .fact-row-real {
    grid-template-columns: 1fr;
  }
  .fact-table-head {
    display: none;
  }
  .fact-row-actions {
    justify-content: flex-start;
  }
  .fact-edit-grid {
    grid-template-columns: 1fr;
  }
  .fact-edit-actions {
    display: grid;
  }
  .fact-edit-actions .btn {
    width: 100%;
  }
  .fact-public-row,
  .fact-workbench-note {
    grid-template-columns: 1fr;
  }
  .fact-center-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .fact-center-filterbar {
    grid-template-columns: 1fr;
  }
  .fact-public-url {
    justify-items: start;
  }
  .fact-asset-stats {
    justify-content: flex-start;
  }
  .agent-center-chain {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .agent-architecture-grid,
  .rule-engine-facts {
    grid-template-columns: 1fr;
  }
  .agent-sandbox-form {
    grid-template-columns: 1fr;
  }
  .agent-ab-controls,
  .agent-ab-grid,
  .agent-ab-metrics,
  .agent-ab-checks {
    grid-template-columns: 1fr;
  }
  .agent-editor-meta {
    grid-template-columns: 1fr;
  }
  .agent-editor-panel .modal-head {
    display: grid;
  }
  .agent-editor-textarea {
    min-height: 320px;
  }
  .auto-growth-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 1180px) {
  .assessment-page-agent-layout .assessment-cognition-map-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .page-agent-composer {
    display: block;
  }
  .page-agent-composer .agent-send-icon-btn {
    width: 38px;
    min-width: 38px;
    height: 38px;
    min-height: 38px;
  }
  .assessment-page-agent-layout .assessment-cognition-map-grid {
    grid-template-columns: 1fr;
  }
  .assessment-page-agent-card .assessment-cognition-composer {
    display: block;
  }
  .assessment-page-agent-card .assessment-cognition-composer .agent-send-icon-btn {
    width: 38px;
    min-width: 38px;
    height: 38px;
    min-height: 38px;
  }
  .fact-summary-stats-wide {
    grid-template-columns: 1fr;
  }
  .fact-center-metrics {
    grid-template-columns: 1fr;
  }
  .fact-workbench-note.fact-knowledge-note {
    grid-template-columns: 1fr;
  }
  .fact-page-agent-card .fact-chat-input {
    grid-template-columns: 1fr;
    border-radius: 12px;
  }
  .fact-page-agent-card .fact-chat-input .btn {
    width: 100%;
    border-radius: 8px;
  }
  .growth-score-report-actions {
    align-items: stretch;
    flex-direction: column;
  }
  .growth-score-report-actions div,
  .growth-score-report-actions .btn {
    width: 100%;
  }
}
.website-connector-layout {
  display: grid;
  grid-template-columns: minmax(280px, .8fr) minmax(360px, 1.2fr);
  gap: 18px;
  padding: 16px;
}

.website-connector-pairing,
.website-connector-card,
.website-builder-card {
  border: 1px solid var(--gray-200);
  border-radius: 12px;
  background: #fff;
  padding: 16px;
}

.website-connector-pairing textarea,
.website-blueprint-editor textarea {
  width: 100%;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 12px;
}

.website-connector-list {
  display: grid;
  gap: 12px;
}

.website-connector-card-head,
.website-builder-card-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}

.website-connector-card-head div,
.website-builder-card-head div {
  display: grid;
  gap: 3px;
}

.website-connector-card-head small,
.website-builder-card-head small {
  color: var(--gray-500);
}

.website-connector-meta {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin-bottom: 14px;
  color: var(--gray-600);
  font-size: 12px;
}

.website-connector-inventory {
  border-top: 1px solid var(--gray-200);
  padding: 16px;
}

.website-connector-discovery {
  border-top: 1px solid var(--gray-200);
  padding: 18px;
  background: linear-gradient(145deg, #f8fbff, #f5fbf9);
}

.website-discovery-score {
  display: grid;
  justify-items: center;
  min-width: 86px;
  padding: 10px 14px;
  border-radius: 12px;
  background: #fff;
  border: 1px solid #d7e6e2;
}

.website-discovery-score strong { font-size: 28px; color: #0f766e; line-height: 1; }
.website-discovery-score span { margin-top: 5px; color: var(--gray-500); font-size: 11px; }

.website-discovery-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin: 14px 0;
}

.website-discovery-summary > div {
  display: grid;
  gap: 5px;
  padding: 12px;
  border-radius: 10px;
  background: #fff;
  border: 1px solid var(--gray-200);
}

.website-discovery-summary span { color: var(--gray-500); font-size: 11px; }
.website-discovery-summary strong { font-size: 13px; overflow-wrap: anywhere; }

.website-discovery-checks {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
}

.website-discovery-checks article {
  display: grid;
  grid-template-columns: 28px 1fr;
  gap: 9px;
  align-items: center;
  padding: 11px;
  border-radius: 10px;
  background: #fff;
  border: 1px solid var(--gray-200);
}

.website-discovery-checks article > span {
  display: grid;
  place-items: center;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  font-weight: 700;
}

.website-discovery-checks article > div { display: grid; gap: 3px; }
.website-discovery-checks small { color: var(--gray-500); }
.website-discovery-checks .is-ready > span { background: #dcfce7; color: #15803d; }
.website-discovery-checks .needs-action > span { background: #fef3c7; color: #b45309; }

.website-discovery-resources,
.website-discovery-actions {
  display: flex;
  align-items: center;
  gap: 9px;
  flex-wrap: wrap;
  margin-top: 14px;
}

.website-discovery-resources a {
  padding: 6px 9px;
  border-radius: 999px;
  background: #e6f0f6;
  color: #29465b;
  font-size: 11px;
  text-decoration: none;
}

.website-discovery-actions { justify-content: space-between; }
.website-discovery-actions label { display: flex; align-items: center; gap: 7px; }

.website-discovery-history { display: grid; gap: 8px; }
.website-discovery-history article {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 10px;
  padding: 11px 12px;
  border: 1px solid var(--gray-200);
  border-radius: 10px;
  background: #fff;
}
.website-discovery-history article > div { display: grid; gap: 3px; }
.website-discovery-history article small { color: var(--gray-500); }
.website-discovery-history article p { grid-column: 1 / -1; margin: 0; color: var(--danger); font-size: 12px; }

.website-builder {
  margin-top: 20px;
}

.website-builder-grid {
  display: grid;
  grid-template-columns: minmax(260px, .7fr) minmax(420px, 1.3fr);
  gap: 16px;
}

.website-builder-pages {
  display: grid;
  gap: 9px;
  margin: 14px 0;
}

.website-builder-page {
  display: grid;
  grid-template-columns: 28px 1fr auto;
  align-items: center;
  gap: 10px;
  padding: 10px;
  border-radius: 9px;
  background: var(--gray-50);
}

.website-builder-page > span:first-child {
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: var(--primary-100);
  color: var(--primary-700);
  font-weight: 700;
}

.website-design-swatches {
  display: flex;
  gap: 8px;
  margin: 10px 0 14px;
}

.website-design-swatches span {
  width: 30px;
  height: 30px;
  border-radius: 8px;
  border: 1px solid rgba(15, 23, 42, .12);
}

.website-deployment-result {
  margin-top: 14px;
  padding: 14px;
  border-radius: 10px;
  background: var(--gray-50);
}

@media (max-width: 900px) {
  .website-connector-layout,
  .website-builder-grid {
    grid-template-columns: 1fr;
  }
  .website-discovery-summary,
  .website-discovery-checks { grid-template-columns: 1fr; }
}
.website-publish-approval,.website-version-history{margin-top:16px;padding:16px;border:1px solid #dbe6f1;border-radius:12px;background:#f8fbff}.website-publish-approval{display:flex;align-items:center;justify-content:space-between;gap:16px}.website-confirm-row{display:flex;align-items:center;gap:8px}.website-confirm-row input{min-width:190px}.website-version-history h3{margin:0 0 10px}.website-version-history article{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;border-top:1px solid #e3ebf3}.website-version-history article:first-of-type{border-top:0}.website-version-history article>div:first-child{display:grid;gap:4px}.website-version-history small{color:#6b7c8f}@media(max-width:760px){.website-publish-approval,.website-version-history article,.website-confirm-row{align-items:stretch;flex-direction:column}.website-confirm-row input{min-width:0;width:100%}}
.website-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.website-section-heading>div{display:flex;align-items:center;gap:8px}.website-nested-editor{display:grid;gap:10px;margin-top:12px;padding:12px;border:1px solid #e2eaf2;border-radius:10px;background:#f8fbfd}.website-nested-row,.website-button-row{display:flex;align-items:flex-start;gap:8px}.website-nested-row textarea{flex:1}.website-button-row input{flex:1}.website-nested-card{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:12px;border-radius:9px;background:#fff;border:1px solid #e5ebf1}.website-nested-card label{display:grid;gap:5px}.website-nested-card label:has(textarea){grid-column:1/-1}.website-add-section{display:flex;gap:10px;align-items:center;padding:14px;border:1px dashed #a9bfd4;border-radius:10px;background:#f8fbff}.website-add-section select{min-width:180px}@media(max-width:760px){.website-nested-card{grid-template-columns:1fr}.website-nested-card label:has(textarea){grid-column:auto}.website-nested-row,.website-button-row,.website-add-section{flex-direction:column;align-items:stretch}}
.website-template-recommendation{border-color:#bfd6e8;background:linear-gradient(150deg,#f7fbff,#f3faf8)}.website-template-recommendation>label{display:grid;gap:6px;margin-top:12px}.website-template-reason{margin-top:12px;padding:12px;border-radius:10px;background:#fff;border:1px solid #dce8f0}.website-template-reason p{margin:6px 0 0;color:#526477;font-size:13px}.website-template-contract{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.website-template-contract span{padding:5px 8px;border-radius:999px;background:#e8f1f7;color:#29465b;font-size:12px}
.website-standard-navigation{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:14px 0}.website-standard-navigation span{display:flex;align-items:center;justify-content:center;gap:6px;min-height:42px;padding:8px;border:1px solid #d8e6f0;border-radius:10px;background:#fff;color:#17324d;font-size:13px;font-weight:700;text-align:center}.website-standard-navigation b{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#1677ff;color:#fff;font-size:11px}.website-template-secondary{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px;padding:10px 12px;border:1px dashed #bfd2df;border-radius:10px;background:rgba(255,255,255,.72)}.website-template-secondary span{padding:4px 8px;border-radius:999px;background:#eef5f9;color:#35546a;font-size:12px}.website-template-secondary small{width:100%;color:#60758a}
@media(max-width:720px){.website-standard-navigation{grid-template-columns:repeat(2,minmax(0,1fr))}.website-standard-navigation span:first-child{grid-column:1/-1}}

/* Two-step AI website builder */
.website-builder-onboarding{max-width:1040px;margin:34px auto;padding:42px;border:1px solid #d8e7ef;border-radius:22px;background:linear-gradient(145deg,#f8fbff 0%,#f3fbf8 100%);box-shadow:0 18px 48px rgba(28,62,84,.1)}.website-builder-onboarding-badge{display:inline-flex;padding:7px 11px;border-radius:999px;background:#dff6ed;color:#14785a;font-size:12px;font-weight:800}.website-builder-onboarding h1{max-width:680px;margin:16px 0 10px;color:#153247;font-size:30px;line-height:1.25}.website-builder-onboarding-lead{max-width:760px;margin:0;color:#607688;font-size:16px;line-height:1.8}.website-builder-onboarding-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:28px 0}.website-builder-onboarding-steps article{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;padding:16px;border:1px solid #dce8ef;border-radius:14px;background:rgba(255,255,255,.86)}.website-builder-onboarding-steps article>span{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#e7f1ff;color:#1769aa;font-weight:900}.website-builder-onboarding-steps article>div{display:grid;gap:5px}.website-builder-onboarding-steps strong{color:#243e52;font-size:14px}.website-builder-onboarding-steps small{color:#718291;line-height:1.55}.website-builder-onboarding-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.website-builder-onboarding-actions span{color:#718291;font-size:13px}@media(max-width:900px){.website-builder-onboarding-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.website-builder-onboarding{margin:16px 0;padding:24px}.website-builder-onboarding h1{font-size:24px}.website-builder-onboarding-steps{grid-template-columns:1fr}}
.website-simple-builder{display:grid;gap:18px}.website-simple-intro{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px;border-radius:18px;background:linear-gradient(135deg,#102f4a,#176b72);color:#fff;box-shadow:0 16px 38px rgba(20,57,80,.16)}.website-simple-intro span{font-size:12px;font-weight:800;letter-spacing:.08em;color:#9be8d4}.website-simple-intro h2{margin:6px 0 8px;font-size:28px}.website-simple-intro p{margin:0;color:#d7e9ed}.website-simple-nav{display:flex;align-items:center;gap:10px;white-space:nowrap}.website-simple-nav small{color:#c9e0e5;font-size:12px}.website-simple-nav span{padding:9px 13px;border:1px solid rgba(255,255,255,.25);border-radius:999px;color:#d7e9ed;font-size:13px;font-weight:700}.website-simple-nav span.active{border-color:#6ee7c0;background:#6ee7c0;color:#123d43}.website-simple-nav i{width:34px;height:1px;background:rgba(255,255,255,.32)}
.website-unified-flow{padding:26px;border:1px solid #d8e6ee;border-radius:20px;background:linear-gradient(150deg,#fff 0%,#f7fbff 58%,#f2fbf7 100%);box-shadow:0 12px 34px rgba(28,62,84,.08)}.website-unified-flow-head{display:flex;align-items:flex-start;justify-content:space-between;gap:22px;margin-bottom:20px}.website-unified-flow-head>div>span{color:#14785a;font-size:12px;font-weight:900;letter-spacing:.08em}.website-unified-flow-head h2{margin:5px 0 7px;color:#173349;font-size:25px}.website-unified-flow-head p{margin:0;color:#667b8b;line-height:1.7}.website-unified-flow-head>small{max-width:290px;padding:9px 12px;border-radius:10px;background:#eef6ff;color:#4f6b80;line-height:1.55}.website-unified-flow-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.website-unified-flow-grid article{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;min-height:168px;padding:15px;border:1px solid #dbe6ed;border-radius:14px;background:#fff}.website-unified-flow-grid article>span{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#e7f1ff;color:#1769aa;font-weight:900}.website-unified-flow-grid article.is-done{border-color:#b9e4d7;background:#fbfffd}.website-unified-flow-grid article.is-done>span{background:#ddf6ed;color:#17845f}.website-unified-flow-grid article>div{display:flex;min-width:0;flex-direction:column;align-items:flex-start}.website-unified-flow-grid strong{color:#203b50;font-size:14px;line-height:1.45}.website-unified-flow-grid p{flex:1;margin:7px 0 12px;color:#718392;font-size:12px;line-height:1.6}.website-report-side-effect{display:inline-flex;margin-top:10px;padding:6px 9px;border-radius:8px;background:#eef6ff;color:#42657d;font-weight:700}
.website-simple-step{display:grid;grid-template-columns:48px minmax(0,1fr);gap:18px;padding:24px;border:1px solid #dce7ee;border-radius:18px;background:#fff;box-shadow:0 8px 24px rgba(28,62,84,.06)}.website-simple-step.is-complete{border-color:#b9e4d7}.website-simple-step-number{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:#eaf3ff;color:#1769aa;font-size:20px;font-weight:900}.website-simple-step.is-complete .website-simple-step-number{background:#ddf6ed;color:#17845f}.website-simple-step-body{min-width:0}.website-simple-step-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.website-simple-step-head h2{margin:0 0 5px;font-size:20px;color:#172f43}.website-simple-step-head p{margin:0;color:#647789}.website-content-percent{font-size:24px;font-weight:900;color:#176b72}
.website-setup-checks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:20px}.website-setup-checks>div{display:grid;grid-template-columns:24px minmax(0,1fr);gap:2px 8px;padding:13px;border:1px solid #e3ebf1;border-radius:12px;background:#f8fafc}.website-setup-checks>div>span{grid-row:1/3;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#edf1f4;color:#7a8895;font-weight:900}.website-setup-checks>div.done>span{background:#d9f4ea;color:#17845f}.website-setup-checks strong{font-size:13px;color:#243e52}.website-setup-checks small{color:#718291;line-height:1.35}
.website-plugin-install{display:grid;grid-template-columns:minmax(180px,.8fr) minmax(320px,1.8fr) auto;align-items:center;gap:18px;margin-top:20px;padding:16px 18px;border:1px solid #cfe1ed;border-radius:14px;background:linear-gradient(135deg,#f7fbff,#f4fbf8)}.website-plugin-install>div{display:grid;gap:4px}.website-plugin-install>div strong{color:#17364d}.website-plugin-install>div small{color:#658094}.website-plugin-install ol{display:grid;gap:5px;margin:0;padding-left:20px;color:#526b7c;font-size:13px}.website-plugin-install .btn{white-space:nowrap}
.website-inline-connector-pair{display:grid;gap:12px;margin-top:16px;padding:17px 18px;border:1px solid #f0d4a7;border-radius:14px;background:#fffaf2}.website-inline-connector-pair>div:first-child{display:grid;gap:4px}.website-inline-connector-pair strong{color:#694714}.website-inline-connector-pair small{color:#7c705f;line-height:1.5}.website-inline-connector-pair textarea{width:100%;min-height:112px;resize:vertical;padding:12px 14px;border:1px solid #dac9ad;border-radius:10px;background:#fff;font:12px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;color:#314558}.website-inline-connector-pair textarea:focus{outline:0;border-color:#2c9c7b;box-shadow:0 0 0 3px rgba(44,156,123,.12)}.website-inline-connector-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.website-simple-action{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:18px}.website-simple-action>small{color:#6b7e8e}.website-progress-track{height:8px;margin:18px 0;border-radius:999px;background:#e8eef2;overflow:hidden}.website-progress-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#23a87d,#3cc5a0);transition:width .3s ease}.website-simple-pages{display:grid;gap:8px}.website-simple-pages article{display:grid;grid-template-columns:34px minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:13px 14px;border:1px solid #e4ebf0;border-radius:12px;transition:.2s ease}.website-simple-pages article:hover,.website-simple-pages article.is-focus{border-color:#62bba4;background:#f3fbf8;box-shadow:0 0 0 3px rgba(35,168,125,.1)}.website-page-index{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#edf4f8;color:#37586d;font-weight:800}.website-simple-pages article>div{display:grid;gap:3px}.website-simple-pages small{color:#748593}.website-page-materials{margin:5px 0 0;color:#9a5b13;font-size:13px;line-height:1.55}.website-page-materials b{color:#7d470c}.website-page-done{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#dcf6ec;color:#17845f;font-weight:900}
.website-batch-status{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 16px;margin:-4px 0 14px;padding:13px 15px;border:1px solid #cde8df;border-radius:12px;background:#f3fbf8;color:#285a4c}.website-batch-status strong{font-size:14px}.website-batch-status span{font-size:13px;font-weight:750}.website-batch-status small{grid-column:1/-1;color:#647789}.website-batch-status.is-running{border-color:#c9def0;background:#f4f9fd;color:#245b83}.website-batch-status.has-error{border-color:#f0d49d;background:#fff9ed;color:#8a5a09}
.website-content-auto-flow{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:18px;color:#607687;font-size:12px}.website-content-auto-flow span{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;background:#f3f7fa}.website-content-auto-flow b{display:grid;place-items:center;width:19px;height:19px;border-radius:50%;background:#dcebf3;color:#245b74;font-size:11px}.website-content-auto-flow i{color:#9aacb8;font-style:normal}.website-action-explain{margin:10px 0 0;color:#748593;font-size:12px;line-height:1.6}
.website-advanced-panel{border:1px solid #dfe8ee;border-radius:14px;background:#f9fbfc}.website-advanced-panel>summary{padding:16px 18px;cursor:pointer;color:#496274;font-weight:800;list-style:none}.website-advanced-panel>summary::after{content:'展开';float:right;color:#7d8d99;font-size:12px}.website-advanced-panel[open]>summary::after{content:'收起'}.website-advanced-content{display:grid;gap:14px;padding:0 18px 18px}.website-advanced-content>.website-builder-card{background:#fff}
@media(max-width:900px){.website-simple-intro{align-items:flex-start;flex-direction:column}.website-setup-checks{grid-template-columns:repeat(2,minmax(0,1fr))}.website-plugin-install{grid-template-columns:1fr auto}.website-plugin-install ol{grid-column:1/-1;grid-row:2}}@media(max-width:620px){.website-simple-step{grid-template-columns:1fr;padding:18px}.website-simple-step-number{width:38px;height:38px}.website-setup-checks{grid-template-columns:1fr}.website-plugin-install{grid-template-columns:1fr}.website-plugin-install ol{grid-column:auto;grid-row:auto}.website-plugin-install .btn{width:100%}.website-simple-pages article{grid-template-columns:34px minmax(0,1fr) auto}.website-simple-pages article>.btn{grid-column:2/-1}.website-simple-nav{width:100%;justify-content:space-between}.website-simple-nav i{flex:1}.website-simple-intro h2{font-size:23px}}
@media(max-width:1000px){.website-unified-flow-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.website-unified-flow{padding:18px}.website-unified-flow-head{flex-direction:column}.website-unified-flow-grid{grid-template-columns:1fr}.website-unified-flow-grid article{min-height:0}.website-simple-nav{align-items:flex-start;flex-direction:column;white-space:normal}}
.customer-service-layout{display:grid;grid-template-columns:330px minmax(0,1fr);min-height:620px;border:1px solid var(--border);border-radius:14px;overflow:hidden;background:#fff}.customer-service-layout>aside{border-right:1px solid var(--border);background:#f8fafc}.customer-service-list-head,.customer-service-layout>main>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;border-bottom:1px solid var(--border)}.customer-service-list{display:grid;max-height:680px;overflow:auto}.customer-service-session{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;width:100%;padding:14px 16px;border:0;border-bottom:1px solid var(--border);background:transparent;text-align:left}.customer-service-session:hover,.customer-service-session.active{background:#fff}.customer-service-session span{min-width:0}.customer-service-session strong,.customer-service-session small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customer-service-session small{margin-top:5px;color:var(--muted);font-size:12px}.chat-status{flex:0 0 auto;border-radius:999px;padding:4px 8px;background:#e8eef3;color:#526577;font-size:11px;font-style:normal}.chat-status.human_requested{background:#fff1d6;color:#9a5a00}.chat-status.human_active{background:#dcf7ec;color:#087354}.customer-service-layout>main{display:flex;min-width:0;flex-direction:column}.customer-service-layout>main>header small{display:block;margin-top:4px;color:var(--muted)}.customer-service-actions{display:flex;gap:8px}.customer-service-transcript{flex:1;max-height:540px;overflow:auto;padding:20px;background:#f5f8fa}.customer-service-message{max-width:78%;margin:0 0 14px;padding:12px 14px;border:1px solid var(--border);border-radius:13px;background:#fff}.customer-service-message.visitor{margin-left:auto;background:#0f766e;color:#fff;border-color:#0f766e}.customer-service-message.system{max-width:100%;border:0;background:transparent;text-align:center;color:var(--muted)}.customer-service-message>div{display:flex;justify-content:space-between;gap:10px;font-size:12px}.customer-service-message p{margin:7px 0 0;white-space:pre-wrap;line-height:1.65}.customer-service-message section{display:grid;gap:4px;margin-top:9px;padding-top:8px;border-top:1px solid var(--border)}.customer-service-message section a{font-size:12px}.customer-service-reply{display:flex;gap:10px;padding:14px;border-top:1px solid var(--border)}.customer-service-reply textarea{flex:1;min-height:76px;resize:vertical}.customer-service-empty{padding:36px 20px;text-align:center;color:var(--muted)}@media(max-width:900px){.customer-service-layout{grid-template-columns:1fr}.customer-service-layout>aside{border-right:0;border-bottom:1px solid var(--border)}.customer-service-list{max-height:240px}.customer-service-transcript{min-height:380px}}
.customer-service-translation{margin-right:8px;border-radius:999px;padding:2px 7px;background:#e8f3ff;color:#1662a8;font-style:normal}.customer-service-message.visitor .customer-service-translation{background:rgba(255,255,255,.18);color:#fff}.customer-service-message details{margin-top:9px;padding-top:7px;border-top:1px dashed currentColor;font-size:12px;opacity:.86}.customer-service-message details summary{cursor:pointer}.customer-service-translation-note{display:block;margin-top:8px;color:var(--muted)}
.customer-service-unread{display:inline-grid;place-items:center;min-width:18px;height:18px;margin-right:6px;padding:0 5px;border-radius:999px;background:#e33d55;color:#fff;font-size:11px;font-style:normal}
.website-one-click{max-width:920px;margin:32px auto;padding:0 20px}
.website-one-click-card{min-height:360px;padding:56px;border:1px solid #e2e8f0;border-radius:28px;background:linear-gradient(145deg,#fff 0%,#f8fbff 100%);box-shadow:0 24px 70px rgba(15,23,42,.08);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.website-one-click-card h2{margin:14px 0 12px;font-size:34px;line-height:1.25;color:#0f172a}
.website-one-click-card p{max-width:650px;margin:0 auto 26px;font-size:17px;line-height:1.8;color:#526174}
.website-one-click-kicker{font-size:13px;font-weight:700;letter-spacing:.08em;color:#2563eb;text-transform:uppercase}
.website-one-click-actions{display:flex;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap}
.website-one-click-card>small{margin-top:18px;color:#718096}
.website-one-click-success{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#dcfce7;color:#15803d;font-size:30px;font-weight:800}
.website-one-click-card .website-batch-status{width:min(620px,100%);margin:4px auto 14px}
.website-one-click-card .website-progress-track{width:min(620px,100%);margin:0 auto 24px}
@media(max-width:720px){.website-one-click{margin:18px auto;padding:0 12px}.website-one-click-card{min-height:320px;padding:36px 22px;border-radius:22px}.website-one-click-card h2{font-size:28px}.website-one-click-card p{font-size:16px}}
.website-result-section{display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:18px;padding:22px 24px;border:1px solid #d8e6ee;border-radius:18px;background:linear-gradient(135deg,#fff,#f7fbff);box-shadow:0 10px 28px rgba(28,62,84,.07)}.website-result-section.is-success{border-color:#b9e4d7;background:linear-gradient(135deg,#fbfffd,#f2fbf7)}.website-result-section.is-running{border-color:#c9def0;background:linear-gradient(135deg,#fff,#f4f9fd)}.website-result-icon{display:grid;place-items:center;width:50px;height:50px;border-radius:15px;background:#eaf3ff;color:#1769aa;font-size:18px;font-weight:900}.website-result-section.is-success .website-result-icon{background:#dcf6ec;color:#17845f;font-size:25px}.website-result-section>div:nth-child(2){min-width:0}.website-result-section>div>small:first-child{color:#14785a;font-size:12px;font-weight:800;letter-spacing:.04em}.website-result-section h2{margin:4px 0 5px;color:#173349;font-size:21px}.website-result-section p{margin:0;color:#667b8b;line-height:1.65}.website-result-section #websitePreviewStatus{display:block;margin-top:6px;color:#718291}.website-result-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-wrap:wrap}.website-result-section .website-progress-track{margin:12px 0 0}.website-cognition-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:20px}.website-cognition-summary article{display:grid;gap:5px;min-width:0;padding:14px;border:1px solid #e3ebf1;border-radius:12px;background:#f8fafc}.website-cognition-summary small{color:#718291}.website-cognition-summary strong{overflow:hidden;color:#243e52;font-size:14px;line-height:1.55;text-overflow:ellipsis}.website-setup-checks{grid-template-columns:repeat(2,minmax(0,1fr))}
.website-result-section .website-live-site-url{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:10px}.website-live-site-url span{padding:3px 7px;border-radius:999px;background:#dcf6ec;color:#14785a;font-size:11px;font-weight:800}.website-live-site-url a{color:#1769aa;font-weight:750;word-break:break-all}
.website-flow-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.website-flow-card{display:flex;min-height:210px;flex-direction:column;gap:12px;padding:20px;border:1px solid #dce5eb;border-radius:16px;background:#f7f9fb}.website-flow-card.is-success{border-color:#8bd3b8;background:#eefaf5}.website-flow-card.is-warning{border-color:#e9c96d;background:#fff9e8}.website-flow-card.is-error{border-color:#ef9b9b;background:#fff1f1}.website-flow-card.is-neutral{border-color:#dce5eb;background:#f7f9fb}.website-flow-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.website-flow-card-head span{color:#263f53;font-size:18px;font-weight:900}.website-flow-card-head strong{padding:4px 8px;border-radius:999px;background:#e7edf2;color:#5a6d7d;font-size:12px}.website-flow-card.is-success .website-flow-card-head strong{background:#d6f3e7;color:#14785a}.website-flow-card.is-warning .website-flow-card-head strong{background:#ffedb6;color:#8b6500}.website-flow-card.is-error .website-flow-card-head strong{background:#ffdede;color:#b42318}.website-flow-card p{margin:0;color:#617687;font-size:13px;line-height:1.65}.website-flow-card .website-publish-error{color:#c62828;font-weight:700}.website-flow-card .website-flow-btn{width:100%;margin-top:auto;border-color:#b8c7d2;background:#fff;color:#324b5f;font-weight:850}.website-flow-card.is-success .website-flow-btn{border-color:#17845f;background:#17845f;color:#fff}.website-flow-card.is-warning .website-flow-btn{border-color:#d9a514;background:#f2bd27;color:#4d3900}.website-flow-card.is-error .website-flow-btn{border-color:#d64545;background:#d64545;color:#fff}.website-flow-card .website-flow-btn:disabled{border-color:#d7dfe5;background:#e9eef2;color:#98a6b1;cursor:not-allowed}.website-content-step{grid-template-columns:minmax(0,1fr)}.website-simple-pages article.is-success{border-color:#b9e4d7;background:#f4fcf8}.website-simple-pages article.is-warning{border-color:#ecd27e;background:#fffaf0}.website-simple-pages article.is-error{border-color:#efaaaa;background:#fff4f4}.website-simple-pages article.is-warning .website-page-materials{color:#8b6500}.website-simple-pages article.is-error .website-page-materials{color:#c62828;font-weight:700}
.website-partial-load-notice{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 18px;border:1px solid #f0d49d;border-radius:14px;background:#fff9ed;color:#765018}.website-partial-load-notice>div{display:grid;gap:4px}.website-partial-load-notice strong{font-size:14px}.website-partial-load-notice p{margin:0;color:#715f43;font-size:13px;line-height:1.55}.website-partial-load-notice small{color:#90764d}.website-partial-load-notice .btn{flex:0 0 auto}
.website-site-selector{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 20px;border:1px solid #cfe4e0;border-radius:16px;background:#f5fbfa}.website-site-selector>div{display:grid;gap:5px}.website-site-selector strong{font-size:15px;color:#183d42}.website-site-selector small{color:#527178;line-height:1.5}.website-site-selector select{min-width:280px;max-width:48%;padding:11px 38px 11px 13px;border:1px solid #aacdc7;border-radius:10px;background:#fff;color:#183d42;font:inherit}
.website-generation-details{border:1px solid #dfe8ee;border-radius:16px;background:#f9fbfc;overflow:hidden}.website-generation-details>summary{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;cursor:pointer;color:#496274;font-size:14px;font-weight:800;list-style:none}.website-generation-details>summary::-webkit-details-marker{display:none}.website-generation-details>summary::after{content:'展开';color:#7d8d99;font-size:12px;font-weight:700}.website-generation-details[open]>summary{border-bottom:1px solid #e5edf2;background:#fff}.website-generation-details[open]>summary::after{content:'收起'}.website-generation-details>.website-simple-step{border:0;border-radius:0;box-shadow:none}
@media(max-width:900px){.website-flow-board{grid-template-columns:1fr}}@media(max-width:760px){.website-result-section{grid-template-columns:42px minmax(0,1fr);padding:18px}.website-result-icon{width:42px;height:42px}.website-result-actions{grid-column:1/-1;justify-content:flex-start}.website-result-actions .btn{flex:1}.website-cognition-summary{grid-template-columns:1fr}}
@media(max-width:620px){.website-partial-load-notice,.website-site-selector{align-items:stretch;flex-direction:column}.website-partial-load-notice .btn{width:100%}.website-site-selector select{min-width:0;max-width:none;width:100%}.website-generation-details>summary{padding:14px 16px}}
.website-plugin-help-link{display:inline-flex;align-items:center;width:max-content;color:#b42318;font-size:13px;font-weight:850;text-decoration:none}.website-plugin-help-link:hover{text-decoration:underline}
/* GEO article writer agent management */
.admin-kicker{color:var(--primary,#2563eb);font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.writer-agent-page-head{align-items:flex-end}
.writer-agent-head-actions{display:flex;gap:10px;flex-wrap:wrap}
.writer-agent-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 18px}
.writer-agent-list-panel{padding:0;overflow:hidden}
.writer-agent-toolbar{display:grid;grid-template-columns:minmax(240px,1fr) 170px 150px;gap:10px;padding:18px;border-bottom:1px solid var(--gray-200,#e5e7eb)}
.writer-agent-toolbar input,.writer-agent-toolbar select{width:100%;padding:10px 12px;border:1px solid var(--gray-300,#d1d5db);border-radius:9px;background:#fff}
.writer-agent-table-wrap{overflow:auto}
.writer-agent-table{width:100%;min-width:1050px;border-collapse:collapse}
.writer-agent-table th,.writer-agent-table td{padding:15px 14px;border-bottom:1px solid var(--gray-100,#f1f5f9);text-align:left;vertical-align:middle;font-size:13px}
.writer-agent-table th{color:var(--gray-500,#64748b);background:#f8fafc;font-size:11px;white-space:nowrap}
.writer-agent-name-cell{display:flex;align-items:center;gap:11px;min-width:220px}
.writer-agent-name-cell>span{display:grid;place-items:center;flex:0 0 42px;height:42px;border-radius:12px;color:#fff;font-weight:800}
.writer-agent-name-cell strong,.writer-agent-name-cell small{display:block}.writer-agent-name-cell small{max-width:230px;margin-top:4px;color:var(--gray-500,#64748b);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.writer-agent-tags{display:flex;gap:4px;flex-wrap:wrap;margin-top:6px}.writer-agent-tags span{padding:3px 7px;border-radius:12px;color:#52647d;background:#eef2f7;font-size:10px}
.writer-agent-status{border:0;border-radius:14px;padding:5px 9px;color:#8b5a16;background:#fff3d6;cursor:pointer;font-size:11px}.writer-agent-status.active{color:#087a59;background:#def7ed}
.writer-agent-row-actions{display:flex;gap:8px;flex-wrap:wrap}.writer-agent-row-actions button{border:0;padding:0;color:#2864d8;background:transparent;cursor:pointer;font-size:12px}.writer-agent-row-actions button.danger{color:#c84242}
.writer-agent-drawer{display:none;position:fixed;inset:0;z-index:200}.writer-agent-drawer.open{display:block}.writer-agent-drawer-mask{position:absolute;inset:0;width:100%;border:0;background:rgba(8,20,38,.52);cursor:default}
.writer-agent-drawer-panel{position:absolute;right:0;top:0;display:flex;flex-direction:column;width:min(650px,100%);height:100%;background:#f5f7fb;box-shadow:-24px 0 70px rgba(8,20,38,.22)}
.writer-agent-drawer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:22px 24px;border-bottom:1px solid var(--gray-200,#e5e7eb);background:#fff}.writer-agent-drawer-head h2{margin:6px 0}.writer-agent-drawer-head p{margin:0;color:var(--gray-500,#64748b);font-size:13px}
.writer-agent-close{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--gray-200,#e5e7eb);border-radius:9px;color:#617087;background:#fff;cursor:pointer;font-size:22px}
.writer-agent-form-body{flex:1;overflow:auto;padding:17px}.writer-agent-form-section{padding:18px;border:1px solid var(--gray-200,#e5e7eb);border-radius:14px;background:#fff}.writer-agent-form-section+.writer-agent-form-section{margin-top:12px}.writer-agent-form-section h3{margin:0 0 15px;font-size:15px}
.writer-agent-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.writer-agent-form-grid .span-2{grid-column:1/-1}.writer-agent-form-section .form-group{margin:0}.writer-agent-form-section input,.writer-agent-form-section select,.writer-agent-form-section textarea{width:100%}
.writer-agent-platforms{display:flex;gap:13px;flex-wrap:wrap}.writer-agent-platforms label{display:flex;align-items:center;gap:5px;color:var(--gray-600,#475569);font-size:12px}.writer-agent-platforms input{width:auto}
.writer-agent-settings{display:grid;gap:0;margin-top:14px;border-top:1px solid var(--gray-100,#f1f5f9)}.writer-agent-settings>label{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:13px 0;border-bottom:1px solid var(--gray-100,#f1f5f9)}.writer-agent-settings strong,.writer-agent-settings small{display:block}.writer-agent-settings small{margin-top:3px;color:var(--gray-500,#64748b);font-size:11px}.writer-agent-settings input{width:auto}
.writer-agent-drawer-foot{display:flex;justify-content:flex-end;gap:9px;padding:15px 22px;border-top:1px solid var(--gray-200,#e5e7eb);background:#fff}
@media(max-width:1100px){.writer-agent-stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.writer-agent-page-head{align-items:flex-start}.writer-agent-head-actions,.writer-agent-head-actions .btn{width:100%}.writer-agent-stats{grid-template-columns:1fr 1fr}.writer-agent-toolbar,.writer-agent-form-grid{grid-template-columns:1fr}.writer-agent-form-grid .span-2{grid-column:auto}}

/* System configuration: task-first layout */
.system-config-shell{max-width:1320px;margin:0 auto;padding-bottom:36px}.system-config-hero{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-bottom:18px;padding:30px 32px;border:1px solid #dfe9f5;border-radius:22px;background:linear-gradient(135deg,#f8fbff 0%,#eef6ff 54%,#f2fbf8 100%);box-shadow:0 14px 34px rgba(33,66,112,.07)}.system-config-kicker{display:block;margin-bottom:8px;color:#2563eb;font-size:11px;font-weight:800;letter-spacing:.14em}.system-config-hero h1{margin:0 0 8px;color:#172b4d;font-size:30px}.system-config-hero p{max-width:760px;margin:0;color:#607086;font-size:14px;line-height:1.75}.system-config-hero-actions{display:flex;align-items:flex-end;gap:10px;flex:0 0 auto}.system-config-hero-actions label{display:grid;gap:6px}.system-config-hero-actions label>span{color:#718096;font-size:11px;font-weight:700}.system-config-hero-actions select{min-width:240px;background:#fff}.system-config-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:14px}.system-config-overview article{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr);gap:13px;align-items:center;min-height:108px;padding:19px 20px;border:1px solid #e4ebf4;border-radius:17px;background:#fff;box-shadow:0 8px 24px rgba(32,55,90,.045)}.system-config-overview small,.system-config-overview strong,.system-config-overview p{display:block}.system-config-overview small{margin-bottom:4px;color:#8693a4;font-size:11px}.system-config-overview strong{overflow:hidden;color:#1f334f;font-size:15px;text-overflow:ellipsis;white-space:nowrap}.system-config-overview p{overflow:hidden;margin:5px 0 0;color:#778699;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.system-config-status-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;font-size:13px;font-weight:900}.system-config-status-icon.is-blue{color:#225fd1;background:#e8f1ff}.system-config-status-icon.is-green{color:#16835f;background:#e3f8ef}.system-config-status-icon.is-amber{color:#9b640a;background:#fff3d9}.system-config-status-icon.is-red{color:#be3c48;background:#ffe8eb}.system-config-inline-link{position:absolute;right:14px;top:12px;padding:3px 8px;border:0;background:transparent;color:#2563eb;font-size:11px;font-weight:700;cursor:pointer}.system-config-shortcuts{position:sticky;top:0;z-index:4;display:flex;gap:6px;margin:0 0 18px;padding:7px;border:1px solid #e1e9f2;border-radius:13px;background:rgba(255,255,255,.94);box-shadow:0 7px 20px rgba(31,51,79,.06);backdrop-filter:blur(10px)}.system-config-shortcuts a{padding:8px 14px;border-radius:9px;color:#56677d;font-size:12px;font-weight:700;text-decoration:none}.system-config-shortcuts a:hover{color:#1d5fd1;background:#edf4ff}.system-config-primary-card{overflow:hidden;border-color:#e1e9f3;box-shadow:0 10px 28px rgba(33,57,90,.05)}.system-config-primary-card>.panel-header{padding:20px 22px;background:linear-gradient(180deg,#fff,#fbfdff)}.system-config-section{margin-top:16px;border:1px solid #e1e9f3;border-radius:17px;background:#fff;box-shadow:0 9px 26px rgba(33,57,90,.045)}.system-config-section>summary{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 22px;cursor:pointer;list-style:none}.system-config-section>summary::-webkit-details-marker{display:none}.system-config-section>summary span{display:grid;gap:5px}.system-config-section>summary b{color:#1f334f;font-size:16px}.system-config-section>summary small{color:#738196;font-size:12px;font-weight:400}.system-config-section>summary i{color:#2563eb;font-size:11px;font-style:normal;font-weight:700}.system-config-section[open]>summary{border-bottom:1px solid #e8eef5}.system-config-section[open]>summary i::before{content:'收起 · '}.system-config-section-body{padding:18px}.system-config-section-body>.panel,.system-config-section-body>.auto-growth-policy-panel{margin:0;border:0;box-shadow:none}.system-config-section-body>.panel>.panel-header{padding-left:0;padding-right:0}.system-config-section-body>.panel>.panel-header h2{font-size:15px}
@media(max-width:960px){.system-config-hero{align-items:flex-start;flex-direction:column}.system-config-hero-actions{width:100%}.system-config-hero-actions label{flex:1}.system-config-hero-actions select{width:100%;min-width:0}.system-config-overview{grid-template-columns:1fr}.system-config-shortcuts{overflow-x:auto;position:static}.system-config-shortcuts a{white-space:nowrap}}
@media(max-width:620px){.system-config-hero{padding:22px 18px}.system-config-hero-actions{align-items:stretch;flex-direction:column}.system-config-overview article{min-height:96px}.system-config-shortcuts{margin-left:-4px;margin-right:-4px}.system-config-section>summary{align-items:flex-start}.system-config-section-body{padding:12px}}

/* Unified product release notes */
.release-notes-page,.admin-release-page{display:grid;gap:20px}
.release-notes-hero{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:34px 38px;border-radius:24px;color:#fff;background:linear-gradient(135deg,#0d2e4a 0%,#155e75 58%,#0f766e 100%);box-shadow:0 18px 44px rgba(15,76,92,.18)}
.release-notes-hero h1{margin:8px 0 10px;font-size:36px;letter-spacing:-.02em}.release-notes-hero p{max-width:760px;margin:0;color:rgba(255,255,255,.82);line-height:1.8}
.release-notes-kicker{font-size:12px;letter-spacing:.16em;color:#99f6e4}.release-notes-total{display:grid;min-width:140px;text-align:center;font-size:42px;font-weight:800}.release-notes-total small{font-size:13px;font-weight:500;color:rgba(255,255,255,.72)}
.release-latest-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.release-latest-grid article{display:grid;gap:8px;padding:20px;border:1px solid #dbe7ef;border-radius:16px;background:#fff}.release-latest-grid article span{color:#64748b;font-size:13px}.release-latest-grid article strong{font-size:28px;color:#0f2f49}.release-latest-grid article small{color:#94a3b8}
.release-notes-toolbar{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:16px 18px;border:1px solid #e2e8f0;border-radius:16px;background:#fff}.release-filter-buttons{display:flex;gap:8px;flex-wrap:wrap}.release-notes-toolbar input{max-width:320px}
.release-timeline{position:relative;display:grid;gap:16px}.release-timeline-item{display:grid;grid-template-columns:150px minmax(0,1fr);gap:18px}.release-timeline-date{display:grid;align-content:start;gap:4px;padding-top:20px;text-align:right}.release-timeline-date strong{font-size:15px;color:#334155}.release-timeline-date span{font-size:12px;color:#94a3b8}.release-timeline-card{padding:22px 24px;border:1px solid #dbe7ef;border-radius:18px;background:#fff;box-shadow:0 8px 26px rgba(15,23,42,.05)}
.release-timeline-title{display:flex;justify-content:space-between;gap:14px;align-items:start}.release-timeline-title span:first-child{font-size:13px;color:#64748b}.release-timeline-title h2{margin:4px 0 0;font-size:24px;color:#0f2f49}.release-timeline-notes{margin:16px 0;color:#334155;line-height:1.85}.release-timeline-card>a{font-weight:700;text-decoration:none;color:#2563eb}
.admin-release-editor{padding-bottom:20px}.release-admin-note-preview{max-width:620px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.admin-release-page .form-grid{padding:0 20px}.admin-release-page .form-group{padding-left:20px;padding-right:20px}.admin-release-page .admin-release-editor>div:last-child{padding:0 20px}
@media(max-width:900px){.release-latest-grid{grid-template-columns:1fr}.release-notes-hero{align-items:flex-start}.release-notes-toolbar{align-items:stretch;flex-direction:column}.release-notes-toolbar input{max-width:none}.release-timeline-item{grid-template-columns:1fr}.release-timeline-date{text-align:left;padding:0}.release-notes-total{font-size:32px}.release-notes-hero{padding:26px}.release-notes-hero h1{font-size:30px}}