/* ═══════════════════════════════════════════════════════════
   CATHOLICSAY UNIFIED ADMIN — v2.6.0
   Modern flat admin. Top-bar ops + flat sidebar.
   Parchment · Gold · Ink.
═══════════════════════════════════════════════════════════ */
/* Fonts loaded via wp_enqueue_style in PHP */

:root {
  --cs-ink:       #1A1510;
  --cs-ink-2:     #2E2A1E;
  --cs-ink-3:     #48432E;
  --cs-ink-4:     #6B6050;
  --cs-ink-5:     #9C9080;
  --cs-parch:     #FAF8F4;
  --cs-parch-2:   #F3EFE7;
  --cs-parch-3:   #E8E1D3;
  --cs-gold:      #B8922A;
  --cs-gold-l:    #D4AE52;
  --cs-gold-bg:   rgba(184,146,42,.06);
  --cs-border:    rgba(26,21,16,.08);
  --cs-border-2:  rgba(26,21,16,.04);
  --cs-shadow:    0 1px 3px rgba(26,21,16,.04);
  --cs-shadow-2:  0 3px 10px rgba(26,21,16,.06);
  --cs-shadow-3:  0 8px 30px rgba(26,21,16,.1);
  --cs-teal:      #1D8A6A;
  --cs-coral:     #C04420;
  --cs-amber:     #A06010;
  --cs-violet:    #5A4AAA;
  --cs-red:       #8B2020;
  --cs-green:     #1A6A38;
  --cs-blue:      #185FA5;
  --cs-radius:    8px;
  --cs-radius-lg: 10px;
  --cs-font:      'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --cs-font-d:    'DM Serif Display', Georgia, serif;
  --cs-font-m:    'JetBrains Mono', 'SFMono-Regular', Consolas, monospace;
  --cs-sidebar-w: 210px;
  --cs-topbar-h:  53px;
  /* Sidebar palette — warm charcoal: matches parchment-gold-ink identity */
  --cs-sb-bg:     #F7F3EC;
  --cs-sb-bg-2:   #EDE8DF;
  --cs-sb-accent: #B8922A;
  --cs-sb-gold:   #B8922A;
}

/* ── WP SIDEBAR COLLAPSE ────────────────────────────────── */
body.cs-wp-collapsed #adminmenuwrap,
body.cs-wp-collapsed #adminmenuback { transform: translateX(-160px); opacity: 0; pointer-events: none; width: 0; overflow: hidden; transition: transform .3s ease, opacity .2s ease; }
body.cs-wp-collapsed #wpcontent,
body.cs-wp-collapsed #wpfooter { margin-left: 0 !important; transition: margin-left .3s ease; }
body.cs-wp-collapsed .cs-wrap { margin-left: -2px; }

.cs-wrap .update-nag, .cs-wrap .notice:not(.cs-notice) { display: none !important; }

/* ── OUTER WRAP ─────────────────────────────────────────── */
.cs-wrap {
  font-family: var(--cs-font);
  color: var(--cs-ink);
  background: #EDEAE3;
  min-height: 100vh;
  margin: 0 -20px -10px -2px;
  font-size: 13px;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}
.cs-layout { display: flex; min-height: 100vh; }

/* ═══════════════════════════════════════════════════════════
   SIDEBAR — flat groups, no accordion
═══════════════════════════════════════════════════════════ */
.cs-sidebar {
  width: var(--cs-sidebar-w);
  flex-shrink: 0;
  background: var(--cs-sb-bg);
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  position: sticky; top: 0; height: 100vh;
  overflow-y: auto; overflow-x: hidden;
  scrollbar-width: thin;
  scrollbar-color: rgba(184,146,42,.3) transparent;
  z-index: 100;
  transition: width .25s ease;
}
.cs-sidebar::-webkit-scrollbar { width: 3px; }
.cs-sidebar::-webkit-scrollbar-thumb { background: rgba(184,146,42,.25); border-radius: 3px; }

.cs-sidebar__brand {
  display: flex; align-items: center; gap: 10px;
  padding: 16px 14px; border-bottom: 1px solid rgba(184,146,42,.18); flex-shrink: 0;
}
.cs-sidebar__brand-icon {
  width: 28px; height: 28px; border-radius: 7px;
  background: linear-gradient(135deg, #C9A84C 0%, #8A6418 100%);
  display: flex; align-items: center; justify-content: center; flex-shrink: 0;
}
.cs-sidebar__brand-icon svg { width: 14px; height: 14px; display: block; }
.cs-sidebar__mark svg { display: block; flex-shrink: 0; }
.cs-sidebar__title { font-family: var(--cs-font-d); font-size: 13px; color: #2E2A1E; line-height: 1.2; }
.cs-sidebar__sub { font-size: 9px; color: rgba(46,42,30,.5); letter-spacing: .12em; text-transform: uppercase; margin-top: 1px; }

.cs-sidebar__section-label {
  font-size: 9px; letter-spacing: .16em; text-transform: uppercase;
  color: rgba(46,42,30,.45); font-weight: 700; padding: 14px 14px 5px;
}

.cs-sidebar__item {
  display: flex; align-items: center; gap: 9px;
  padding: 7px 14px; font-size: 12.5px; font-weight: 400;
  color: rgba(46,42,30,.75); text-decoration: none;
  border-left: 2px solid transparent; transition: all .12s; white-space: nowrap;
}
.cs-sidebar__item:hover { color: #1A1510; background: rgba(184,146,42,.12); }
.cs-sidebar__item.active { color: #1A1510; border-left-color: var(--cs-sb-accent); background: rgba(184,146,42,.2); font-weight: 600; }
.cs-sidebar__icon { display: flex; align-items: center; justify-content: center; opacity: .55; width: 16px; height: 16px; flex-shrink: 0; }
.cs-sidebar__icon svg { display: block; width: 15px; height: 15px; }
.cs-sidebar__item.active .cs-sidebar__icon { opacity: 1; color: var(--cs-sb-accent); }

.cs-sidebar__bottom { margin-top: auto; border-top: 1px solid rgba(184,146,42,.15); padding: 8px 0; flex-shrink: 0; }

.cs-sidebar__collapse {
  display: flex; align-items: center; justify-content: center; gap: 7px;
  padding: 10px 14px; background: none; border: none; width: 100%;
  color: rgba(46,42,30,.4); font-size: 11px; cursor: pointer; font-family: var(--cs-font);
  transition: color .15s;
}
.cs-sidebar__collapse:hover { color: rgba(46,42,30,.8); }
.cs-sidebar__collapse svg { flex-shrink: 0; transition: transform .25s ease; }

/* Collapsed state */
.cs-sidebar.is-collapsed { width: 52px; }
.cs-sidebar.is-collapsed .cs-sidebar__brand > div,
.cs-sidebar.is-collapsed .cs-sidebar__section-label,
.cs-sidebar.is-collapsed .cs-sidebar__sub,
.cs-sidebar.is-collapsed .cs-sidebar__collapse span { display: none; }
.cs-sidebar.is-collapsed .cs-sidebar__brand { justify-content: center; padding: 16px 6px; }
.cs-sidebar.is-collapsed .cs-sidebar__item { justify-content: center; padding: 9px 0; border-left: none; }
.cs-sidebar.is-collapsed .cs-sidebar__item span:not(.cs-sidebar__icon) { display: none; }
.cs-sidebar.is-collapsed .cs-sidebar__icon { width: 16px; height: 16px; }
.cs-sidebar.is-collapsed .cs-sidebar__icon svg { width: 16px; height: 16px; }
.cs-sidebar.is-collapsed .cs-sidebar__collapse { padding: 10px 0; }
.cs-sidebar.is-collapsed .cs-sidebar__collapse svg { transform: rotate(180deg); }

/* Legacy accordion compat — still works if groups exist */
.cs-sidebar__group { padding: 0; }
.cs-sidebar__group--solo { padding: 4px 0 2px; border-bottom: 1px solid rgba(184,146,42,.1); }
.cs-sidebar__group--accordion { border-bottom: 1px solid rgba(255,255,255,.03); }
.cs-sidebar__group-toggle { display: flex; align-items: center; justify-content: space-between; width: 100%; background: none; border: none; cursor: pointer; padding: 9px 14px; text-align: left; transition: background .12s; }
.cs-sidebar__group-toggle:hover { background: rgba(255,255,255,.03); }
.cs-sidebar__group-toggle .cs-sidebar__group-label { padding: 0; display: block; }
.cs-sidebar__group-label { font-size: 9px; letter-spacing: .16em; text-transform: uppercase; color: rgba(46,42,30,.45); font-weight: 700; }
.cs-sidebar__chevron { font-size: 14px; color: rgba(46,42,30,.35); transition: transform .2s ease; transform: rotate(0deg); flex-shrink: 0; }
.cs-sidebar__group--accordion.is-open .cs-sidebar__chevron { transform: rotate(90deg); color: rgba(46,42,30,.6); }
.cs-sidebar__group-items { overflow: hidden; max-height: 0; transition: max-height .22s ease; }
.cs-sidebar__group--accordion.is-open .cs-sidebar__group-items { max-height: 700px; }

/* ═══════════════════════════════════════════════════════════
   MAIN COLUMN
═══════════════════════════════════════════════════════════ */
.cs-main { flex: 1; min-width: 0; display: flex; flex-direction: column; }

/* ═══════════════════════════════════════════════════════════
   STATUS BAR — narrow strip above the nav bar
═══════════════════════════════════════════════════════════ */
.cs-statusbar {
  background: #131110; display: flex; align-items: center; justify-content: space-between;
  padding: 0 14px; height: 28px; flex-shrink: 0;
  border-bottom: 1px solid rgba(184,146,42,.12);
  position: sticky; top: 0; z-index: 91;
}
.cs-statusbar__left { display: flex; align-items: center; gap: 6px; }
.cs-statusbar__right { display: flex; align-items: center; gap: 4px; }
.cs-statusbar__pill {
  display: inline-flex; align-items: center; gap: 4px;
  font-size: 10px; font-weight: 500; padding: 2px 8px; border-radius: 10px;
  letter-spacing: .02em;
}
.cs-statusbar__pill--green { background: rgba(29,138,106,.18); color: #4ADB99; }
.cs-statusbar__pill--amber { background: rgba(160,96,16,.22); color: #F0B060; }
.cs-statusbar__pill--ink   { background: rgba(255,255,255,.08); color: rgba(255,255,255,.55); }
.cs-statusbar__dot { width: 5px; height: 5px; border-radius: 50%; background: currentColor; display: inline-block; }
.cs-statusbar__alerts { display: flex; align-items: center; gap: 4px; margin-right: 6px; }
.cs-statusbar__alert {
  display: inline-flex; align-items: center; gap: 4px;
  font-size: 10px; font-weight: 600; padding: 2px 8px; border-radius: 10px;
  background: rgba(176,92,32,.3); color: #F0A860; text-decoration: none;
  border: 1px solid rgba(176,92,32,.4); transition: background .12s;
}
.cs-statusbar__alert:hover { background: rgba(176,92,32,.5); color: #FFc078; }
.cs-statusbar__alert--feedback { background: rgba(90,74,170,.25); color: #A898E8; border-color: rgba(90,74,170,.35); }
.cs-statusbar__alert--feedback:hover { background: rgba(90,74,170,.4); color: #C0B4F8; }
.cs-statusbar__search {
  height: 22px; padding: 0 8px; font-size: 10.5px; border-color: rgba(255,255,255,.1);
  background: rgba(255,255,255,.06); color: rgba(255,255,255,.45);
}
.cs-statusbar__search:hover { border-color: rgba(255,255,255,.25); color: rgba(255,255,255,.7); }
.cs-statusbar__search kbd { font-family: var(--cs-font); font-size: 9px; background: rgba(255,255,255,.1); border-color: rgba(255,255,255,.12); color: rgba(255,255,255,.4); }
.cs-statusbar .cs-topbar__gear { color: rgba(255,255,255,.4); }
.cs-statusbar .cs-topbar__gear:hover { background: rgba(255,255,255,.07); color: rgba(255,255,255,.8); }
.cs-statusbar .cs-topbar__user { background: rgba(255,255,255,.1); color: rgba(255,255,255,.7); width: 24px; height: 24px; font-size: 10px; }

/* ═══════════════════════════════════════════════════════════
   TOP BAR — operational tabs + search + settings
═══════════════════════════════════════════════════════════ */
.cs-topbar {
  background: #fff; display: flex; align-items: center;
  padding: 0 10px; height: var(--cs-topbar-h);
  border-bottom: 1px solid var(--cs-border); flex-shrink: 0; gap: 0;
  position: sticky; top: 28px; z-index: 90;
  overflow-x: auto; overflow-y: hidden;
  scrollbar-width: none;
}
.cs-topbar::-webkit-scrollbar { display: none; }

.cs-topbar__toggle {
  width: 30px; height: 30px; border-radius: 6px;
  border: 1px solid var(--cs-border); background: var(--cs-parch);
  display: flex; align-items: center; justify-content: center;
  cursor: pointer; margin-right: 12px; color: var(--cs-ink-4); flex-shrink: 0;
}
.cs-topbar__toggle:hover { background: var(--cs-parch-2); border-color: var(--cs-ink-5); }

.cs-topbar__sep { width: 1px; height: 24px; background: var(--cs-border); margin: 0 4px; flex-shrink: 0; }

.cs-topbar__tab {
  display: flex; align-items: center; gap: 6px;
  padding: 0 12px; height: 100%; font-size: 12.5px; font-weight: 500;
  color: var(--cs-ink-5); border-bottom: 2px solid transparent;
  cursor: pointer; transition: all .12s; white-space: nowrap;
  text-decoration: none; background: none; border-top: none; border-left: none; border-right: none;
  font-family: var(--cs-font); flex-shrink: 0;
}
.cs-topbar__tab:hover { color: var(--cs-ink-3); background: rgba(250,248,244,.6); }
.cs-topbar__tab.active { color: var(--cs-ink); border-bottom-color: var(--cs-gold); font-weight: 600; }
.cs-topbar__tab-icon { display: inline-flex; align-items: center; opacity: .45; }
.cs-topbar__tab-icon svg { width: 13px; height: 13px; display: block; }
.cs-topbar__tab.active .cs-topbar__tab-icon { opacity: .75; }

/* Notification badge on topbar tabs */
.cs-topbar__badge {
  display: inline-flex; align-items: center; justify-content: center;
  min-width: 16px; height: 16px; padding: 0 4px;
  background: var(--cs-coral); color: #fff; border-radius: 8px;
  font-size: 9.5px; font-weight: 700; line-height: 1;
}

.cs-topbar__right { margin-left: auto; display: flex; align-items: center; gap: 6px; flex-shrink: 0; }

.cs-topbar__search {
  display: flex; align-items: center; gap: 6px;
  padding: 5px 10px; border-radius: 6px;
  border: 1px solid var(--cs-border); background: var(--cs-parch);
  color: var(--cs-ink-5); font-size: 12px; cursor: pointer; font-family: var(--cs-font);
  transition: all .12s;
}
.cs-topbar__search:hover { border-color: var(--cs-ink-5); }
.cs-topbar__search kbd { font-family: var(--cs-font); font-size: 10px; padding: 0 4px; border-radius: 3px; background: #fff; border: 1px solid var(--cs-border); color: #B0A898; }

.cs-topbar__gear {
  width: 30px; height: 30px; border-radius: 6px;
  display: flex; align-items: center; justify-content: center;
  cursor: pointer; color: var(--cs-ink-5); transition: all .12s; text-decoration: none;
}
.cs-topbar__gear:hover { background: var(--cs-parch-2); color: var(--cs-ink-3); }

.cs-topbar__user {
  width: 28px; height: 28px; border-radius: 50%;
  background: var(--cs-parch-3); display: flex; align-items: center; justify-content: center;
  font-size: 11px; font-weight: 600; color: var(--cs-ink-4); margin-left: 2px;
}

/* Old header compat */
.cs-header { display: none; }

/* ═══════════════════════════════════════════════════════════
   BODY
═══════════════════════════════════════════════════════════ */
.cs-body { padding: 22px 26px; max-width: 1440px; flex: 1; }

/* External plugin pages rendered inside cs-body — reset WP's .wrap padding
   and make their h1/h2 titles match the FGA design language */
.cs-body .wrap { margin: 0; padding: 0; }
.cs-body .wrap h1.wp-heading-inline,
.cs-body .wrap h1 { font-family: var(--cs-font-d); font-size: 22px; color: var(--cs-ink); font-weight: 400; margin-bottom: 4px; }
.cs-body .wrap .page-title-action { margin-left: 10px; }
.cs-body .wrap .tablenav { margin: 8px 0; }
.cs-body .wrap .wp-list-table { background: #fff; border-radius: var(--cs-radius-lg); border: 1px solid var(--cs-border); overflow: hidden; }
.cs-body .wrap .widefat th { background: var(--cs-parch); font-size: 12px; font-weight: 600; color: var(--cs-ink-3); }
.cs-body .wrap .widefat td { font-size: 12.5px; color: var(--cs-ink-2); }
.cs-body .wrap .widefat tr:hover td { background: var(--cs-parch); }

/* ── PAGE TITLE ─────────────────────────────────────────── */
.cs-page-title { font-family: var(--cs-font-d); font-size: 22px; color: var(--cs-ink); margin: 0 0 2px; line-height: 1.2; }
.cs-page-sub { font-size: 13px; color: var(--cs-ink-4); margin: 0 0 20px; }
.cs-page-header { display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 20px; gap: 16px; }
.cs-page-header__actions { display: flex; gap: 6px; align-items: center; flex-shrink: 0; }

/* ═══════════════════════════════════════════════════════════
   GRIDS
═══════════════════════════════════════════════════════════ */
.cs-grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.cs-grid-3 { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 14px; }
.cs-grid-4 { display: grid; grid-template-columns: repeat(4,1fr); gap: 12px; }
.cs-grid-6 { display: grid; grid-template-columns: repeat(6,1fr); gap: 12px; }
.cs-grid-sidebar { display: grid; grid-template-columns: 280px 1fr; gap: 18px; }
.cs-grid-sidebar-r { display: grid; grid-template-columns: 1fr 320px; gap: 18px; }

/* ═══════════════════════════════════════════════════════════
   CARDS
═══════════════════════════════════════════════════════════ */
.cs-card { background: #fff; border: 1px solid var(--cs-border); border-radius: var(--cs-radius-lg); box-shadow: var(--cs-shadow); overflow: hidden; }
.cs-card__head { display: flex; align-items: center; justify-content: space-between; padding: 12px 16px 10px; border-bottom: 1px solid var(--cs-border-2); background: var(--cs-parch); }
.cs-card__title { font-size: 13px; font-weight: 600; color: var(--cs-ink); display: flex; align-items: center; gap: 7px; margin: 0; }
.cs-card__icon { font-size: 13px; opacity: .5; }
.cs-card__action { font-size: 11px; color: var(--cs-gold); text-decoration: none; font-weight: 600; }
.cs-card__action:hover { color: var(--cs-coral); }
.cs-card__body { padding: 16px; }
.cs-card--flush .cs-card__body { padding: 0; }
.cs-card--gold   { border-top: 3px solid var(--cs-gold); }
.cs-card--teal   { border-top: 3px solid var(--cs-teal); }
.cs-card--coral  { border-top: 3px solid var(--cs-coral); }
.cs-card--violet { border-top: 3px solid var(--cs-violet); }
.cs-card--amber  { border-top: 3px solid var(--cs-amber); }
.cs-card--ink    { border-top: 3px solid var(--cs-ink); }

/* ═══════════════════════════════════════════════════════════
   STAT TILES
═══════════════════════════════════════════════════════════ */
.cs-stat-tile {
  background: #fff; border: 1px solid var(--cs-border); border-radius: var(--cs-radius-lg);
  padding: 16px 18px; position: relative; overflow: hidden; display: block;
  text-decoration: none; transition: transform .12s, box-shadow .12s;
}
.cs-stat-tile:hover { transform: translateY(-1px); box-shadow: var(--cs-shadow-2); }
.cs-stat-tile::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2.5px; background: var(--tile-color, var(--cs-gold)); }
.cs-stat-tile__top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 8px; }
.cs-stat-tile__icon { width: 28px; height: 28px; border-radius: 7px; display: flex; align-items: center; justify-content: center; font-size: 13px; }
.cs-stat-tile__trend { font-size: 10.5px; font-weight: 600; padding: 1px 6px; border-radius: 8px; }
.cs-stat-tile__num { display: block; font-family: var(--cs-font-d); font-size: 26px; color: var(--cs-ink); line-height: 1; margin-bottom: 3px; }
.cs-stat-tile__label { font-size: 11px; color: var(--cs-ink-5); text-transform: uppercase; letter-spacing: .06em; display: block; font-weight: 500; }
.cs-stat-tile__sub { font-size: 11px; color: var(--cs-ink-5); margin-top: 4px; display: block; }

/* ═══════════════════════════════════════════════════════════
   ENGINE CARDS — grid and compact row variants
═══════════════════════════════════════════════════════════ */
.cs-engine-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 1px; background: var(--cs-border); border-radius: var(--cs-radius); overflow: hidden; }
.cs-engine-card { background: #fff; padding: 18px 20px; display: flex; flex-direction: column; gap: 5px; position: relative; transition: background .12s; }
.cs-engine-card:hover { background: var(--cs-parch); }
.cs-engine-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: var(--engine-color, #9C9080); }
.cs-engine-card__header { display: flex; align-items: center; justify-content: space-between; }
.cs-engine-card__icon { font-size: 20px; color: var(--engine-color, #9C9080); line-height: 1; }
.cs-engine-card__name { font-weight: 600; font-size: 13px; color: var(--cs-ink); }
.cs-engine-card__layer { font-size: 10px; text-transform: uppercase; letter-spacing: .08em; color: var(--cs-ink-5); font-weight: 500; }
.cs-engine-card__desc { font-size: 12px; color: var(--cs-ink-4); line-height: 1.45; }
.cs-engine-card__foot { display: flex; align-items: center; justify-content: space-between; margin-top: auto; padding-top: 8px; border-top: 1px solid var(--cs-border-2); }
.cs-engine-card__version { font-family: var(--cs-font-m); font-size: 10.5px; color: var(--cs-ink-5); }

/* Compact engine row (for dashboard) */
.cs-engine-row { display: flex; align-items: center; justify-content: space-between; padding: 7px 0; border-bottom: 1px solid var(--cs-border-2); font-size: 12.5px; }
.cs-engine-row:last-child { border-bottom: none; }
.cs-engine-row__info { display: flex; align-items: center; gap: 8px; }
.cs-engine-row__dot { width: 7px; height: 7px; border-radius: 50%; flex-shrink: 0; }
.cs-engine-row__name { font-weight: 500; color: var(--cs-ink-2); }
.cs-engine-row__right { display: flex; align-items: center; gap: 8px; }
.cs-engine-row__ver { font-family: var(--cs-font-m); font-size: 10.5px; color: #B0A898; }

/* ═══════════════════════════════════════════════════════════
   PILLS / BADGES
═══════════════════════════════════════════════════════════ */
.cs-pill { display: inline-flex; align-items: center; gap: 4px; font-size: 11px; font-weight: 600; padding: 3px 9px; border-radius: 20px; white-space: nowrap; }
.cs-pill--green  { background: #DCFCE7; color: #14532D; }
.cs-pill--amber  { background: #FEF3C7; color: #78350F; }
.cs-pill--red    { background: #FEE2E2; color: #7F1D1D; }
.cs-pill--ink    { background: var(--cs-parch-2); color: var(--cs-ink-3); }
.cs-pill--gold   { background: rgba(184,146,42,.1); color: #8A6A18; }
.cs-pill--teal   { background: rgba(29,138,106,.08); color: var(--cs-teal); }
.cs-pill--violet { background: rgba(90,74,170,.08); color: var(--cs-violet); }
.cs-pill--blue   { background: rgba(37,99,235,.08); color: var(--cs-blue); }
.cs-pill--sm     { font-size: 10px; padding: 2px 7px; }
.cs-dot { width: 6px; height: 6px; border-radius: 50%; background: currentColor; flex-shrink: 0; }

/* ═══════════════════════════════════════════════════════════
   TABLES
═══════════════════════════════════════════════════════════ */
.cs-table-wrap { width: 100%; overflow-x: auto; }
.cs-table { width: 100%; border-collapse: collapse; font-size: 13px; }
.cs-table th { font-size: 10.5px; font-weight: 600; text-transform: uppercase; letter-spacing: .06em; color: var(--cs-ink-4); padding: 10px 14px; border-bottom: 2px solid var(--cs-border); background: var(--cs-parch); text-align: left; white-space: nowrap; }
.cs-table td { padding: 10px 14px; border-bottom: 1px solid var(--cs-border-2); vertical-align: middle; color: var(--cs-ink-2); }
.cs-table tr:last-child td { border-bottom: none; }
.cs-table tbody tr:hover td { background: var(--cs-parch); }
.cs-table td a { color: var(--cs-gold); text-decoration: none; font-weight: 600; }
.cs-table td a:hover { color: var(--cs-coral); }
.cs-table code { font-family: var(--cs-font-m); font-size: 11px; background: var(--cs-parch-2); padding: 2px 6px; border-radius: 4px; color: var(--cs-ink-2); }
.cs-table tr.cs-expandable { cursor: pointer; }
.cs-table tr.cs-expandable:hover td { background: var(--cs-parch); }
.cs-detail-row { display: none; }
.cs-detail-row.open { display: table-row; }
.cs-detail-row td { padding: 0; background: var(--cs-parch) !important; }
.cs-detail-inner { padding: 18px 20px; }

/* ═══════════════════════════════════════════════════════════
   VECTOR BARS
═══════════════════════════════════════════════════════════ */
.cs-vec-row { display: flex; align-items: center; gap: 10px; margin-bottom: 9px; }
.cs-vec-row:last-child { margin-bottom: 0; }
.cs-vec-label { width: 160px; font-size: 12px; color: var(--cs-ink-3); text-transform: capitalize; flex-shrink: 0; }
.cs-bar-track { flex: 1; background: var(--cs-parch-2); height: 7px; border-radius: 4px; overflow: hidden; }
.cs-bar-fill { height: 100%; border-radius: 4px; min-width: 2px; transition: width .4s ease; }
.cs-bar-purple { background: #7F77DD; }
.cs-bar-teal   { background: var(--cs-teal); }
.cs-bar-gold   { background: var(--cs-gold); }
.cs-bar-amber  { background: var(--cs-amber); }
.cs-bar-coral  { background: var(--cs-coral); }
.cs-vec-num { width: 40px; text-align: right; font-family: var(--cs-font-m); font-size: 11px; color: var(--cs-ink-4); }
.cs-mini-bar { display: flex; gap: 2px; align-items: flex-end; }
.cs-mini-seg { height: 14px; border-radius: 2px; min-width: 4px; }

/* ═══════════════════════════════════════════════════════════
   BUTTONS
═══════════════════════════════════════════════════════════ */
.cs-btn { display: inline-flex; align-items: center; gap: 6px; padding: 7px 14px; border-radius: var(--cs-radius); font-size: 12.5px; font-weight: 600; text-decoration: none; cursor: pointer; border: none; transition: all .12s; line-height: 1; font-family: var(--cs-font); }
.cs-btn--primary { background: var(--cs-ink); color: #fff !important; }
.cs-btn--primary:hover { background: #2a2018; color: #fff !important; }
.cs-btn--gold    { background: var(--cs-gold); color: #fff !important; }
.cs-btn--gold:hover { background: var(--cs-gold-l); }
.cs-btn--outline { background: #fff; border: 1px solid var(--cs-border); color: var(--cs-ink-3) !important; }
.cs-btn--outline:hover { background: var(--cs-parch); border-color: var(--cs-ink-5); }
.cs-btn--ghost   { background: transparent; color: var(--cs-ink-4) !important; }
.cs-btn--ghost:hover { color: var(--cs-ink) !important; background: var(--cs-parch); }
.cs-btn--danger  { background: #FEE2E2; color: #7F1D1D !important; border: 1px solid #FECACA; }
.cs-btn--danger:hover { background: #FEcaca; }
.cs-btn--sm      { padding: 5px 10px; font-size: 12px; }

/* ═══════════════════════════════════════════════════════════
   NOTICES
═══════════════════════════════════════════════════════════ */
.cs-notice { padding: 12px 16px; border-radius: var(--cs-radius); border-left: 3px solid; margin-bottom: 16px; font-size: 13px; line-height: 1.55; }
.cs-notice--info    { background: #EFF6FF; border-color: #3B82F6; color: #1E40AF; }
.cs-notice--success { background: #F0FDF4; border-color: var(--cs-teal); color: #14532D; }
.cs-notice--warn    { background: #FFFBEB; border-color: var(--cs-amber); color: #78350F; }
.cs-notice--error   { background: #FEF2F2; border-color: var(--cs-red); color: #7F1D1D; }

/* ═══════════════════════════════════════════════════════════
   SECTION LABEL
═══════════════════════════════════════════════════════════ */
.cs-section-title { font-size: 10px; font-weight: 600; text-transform: uppercase; letter-spacing: .1em; color: var(--cs-ink-5); margin: 18px 0 10px; display: flex; align-items: center; gap: 8px; }
.cs-section-title::after { content: ''; flex: 1; height: 1px; background: var(--cs-border); }
.cs-section-icon { font-size: 12px; }

/* ═══════════════════════════════════════════════════════════
   USER ELEMENTS
═══════════════════════════════════════════════════════════ */
.cs-avatar { width: 34px; height: 34px; border-radius: 50%; background: var(--cs-parch-2); border: 1px solid var(--cs-border); display: inline-flex; align-items: center; justify-content: center; font-weight: 600; font-size: 13px; color: var(--cs-ink-3); flex-shrink: 0; font-family: var(--cs-font-d); }
.cs-user-info { display: flex; align-items: center; gap: 10px; }
.cs-user-name { font-weight: 600; font-size: 13px; color: var(--cs-ink); }
.cs-user-email { font-size: 11px; color: var(--cs-ink-5); }
.cs-archetype-badge { display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px 4px 8px; border-radius: 20px; font-size: 12px; font-weight: 600; background: rgba(90,74,170,.08); color: var(--cs-violet); }

/* ═══════════════════════════════════════════════════════════
   TABS
═══════════════════════════════════════════════════════════ */
.cs-tabs { display: flex; gap: 0; border-bottom: 2px solid var(--cs-border); margin-bottom: 18px; }
.cs-tab { padding: 10px 18px; font-size: 13px; font-weight: 500; color: var(--cs-ink-4); border-bottom: 2px solid transparent; margin-bottom: -2px; cursor: pointer; background: none; border-top: none; border-left: none; border-right: none; transition: color .12s, border-color .12s; white-space: nowrap; display: flex; align-items: center; gap: 7px; font-family: var(--cs-font); }
.cs-tab:hover { color: var(--cs-ink); }
.cs-tab.active { color: var(--cs-ink); border-bottom-color: var(--cs-gold); font-weight: 600; }
.cs-tab__count { font-size: 10.5px; background: var(--cs-parch-2); color: var(--cs-ink-5); padding: 1px 6px; border-radius: 10px; font-weight: 500; }
.cs-tab-panel { display: none; }
.cs-tab-panel.active { display: block; }

/* ═══════════════════════════════════════════════════════════
   SEARCH BAR
═══════════════════════════════════════════════════════════ */
.cs-search-bar { display: flex; align-items: center; gap: 8px; margin-bottom: 16px; }
.cs-search-input { flex: 1; max-width: 340px; padding: 8px 12px; border: 1px solid var(--cs-border); border-radius: var(--cs-radius); font-size: 13px; color: var(--cs-ink); background: #fff; outline: none; transition: border-color .2s, box-shadow .2s; font-family: var(--cs-font); }
.cs-search-input:focus { border-color: var(--cs-gold); box-shadow: 0 0 0 2px rgba(184,146,42,.08); }
.cs-search-input::placeholder { color: var(--cs-ink-5); }

/* ═══════════════════════════════════════════════════════════
   VERDICTS
═══════════════════════════════════════════════════════════ */
.cs-verdict { display: inline-flex; align-items: center; gap: 5px; font-size: 12px; font-weight: 600; }
.cs-verdict--verified { color: var(--cs-teal); }
.cs-verdict--refuted  { color: var(--cs-red); }
.cs-verdict--disputed { color: #1862A8; }

/* ═══════════════════════════════════════════════════════════
   JSON EDITOR
═══════════════════════════════════════════════════════════ */
.cs-json-editor { background: #1E1E1E; border-radius: var(--cs-radius-lg); overflow: hidden; border: 1px solid rgba(255,255,255,.08); }
.cs-json-editor textarea { width: 100%; min-height: 400px; font-family: var(--cs-font-m); font-size: 12px; line-height: 1.6; background: transparent; color: #D4D4D4; border: none; padding: 16px; resize: vertical; outline: none; display: block; }
.cs-json-bar { display: flex; align-items: center; justify-content: space-between; padding: 10px 14px; background: rgba(255,255,255,.04); border-top: 1px solid rgba(255,255,255,.06); }
.cs-json-bar__label { font-family: var(--cs-font-m); font-size: 11px; color: rgba(255,255,255,.35); }
.cs-json-status { font-family: var(--cs-font-m); font-size: 11px; }
.cs-json-status--ok  { color: #4EC9B0; }
.cs-json-status--err { color: #F44747; }

/* ═══════════════════════════════════════════════════════════
   SETTINGS FORM
═══════════════════════════════════════════════════════════ */
.cs-settings-grid { display: grid; grid-template-columns: 200px 1fr; gap: 0; }
.cs-settings-nav { background: var(--cs-parch); border-right: 1px solid var(--cs-border); padding: 12px 0; border-radius: var(--cs-radius-lg) 0 0 var(--cs-radius-lg); }
.cs-settings-nav a { display: block; padding: 9px 18px; font-size: 12.5px; color: var(--cs-ink-4); text-decoration: none; border-left: 2px solid transparent; transition: color .12s, background .12s; font-weight: 500; }
.cs-settings-nav a:hover { background: rgba(26,21,16,.03); color: var(--cs-ink); }
.cs-settings-nav a.active { color: var(--cs-ink); border-left-color: var(--cs-gold); background: var(--cs-gold-bg); font-weight: 600; }
.cs-settings-panel { padding: 22px 26px; background: #fff; border-radius: 0 var(--cs-radius-lg) var(--cs-radius-lg) 0; }
.cs-field-row { display: grid; grid-template-columns: 180px 1fr; gap: 12px; align-items: flex-start; margin-bottom: 18px; padding-bottom: 18px; border-bottom: 1px solid var(--cs-border-2); }
.cs-field-row:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; }
.cs-field-label { font-size: 13px; font-weight: 600; color: var(--cs-ink-2); padding-top: 8px; line-height: 1.3; }
.cs-field-desc { font-size: 11px; color: var(--cs-ink-5); margin-top: 3px; line-height: 1.5; }
.cs-field-wrap input[type="text"], .cs-field-wrap input[type="url"], .cs-field-wrap input[type="email"], .cs-field-wrap textarea { width: 100%; padding: 8px 12px; border: 1px solid var(--cs-border); border-radius: var(--cs-radius); font-size: 13px; color: var(--cs-ink); background: #fff; outline: none; transition: border-color .2s; font-family: var(--cs-font); }
.cs-field-wrap input:focus, .cs-field-wrap textarea:focus { border-color: var(--cs-gold); box-shadow: 0 0 0 2px rgba(184,146,42,.08); }
.cs-field-wrap textarea { min-height: 80px; resize: vertical; line-height: 1.55; }

/* ═══════════════════════════════════════════════════════════
   CHARTS & FEED
═══════════════════════════════════════════════════════════ */
.cs-bar-chart { display: flex; align-items: flex-end; gap: 6px; height: 80px; padding-top: 8px; }
.cs-bar-chart__col { flex: 1; display: flex; flex-direction: column; align-items: center; gap: 4px; }
.cs-bar-chart__bar { width: 100%; border-radius: 3px 3px 0 0; min-height: 4px; }
.cs-bar-chart__label { font-size: 9.5px; color: var(--cs-ink-5); text-align: center; }

.cs-feed { display: flex; flex-direction: column; }
.cs-feed-item { display: flex; align-items: flex-start; gap: 10px; padding: 8px 0; border-bottom: 1px solid var(--cs-border-2); }
.cs-feed-item:last-child { border-bottom: none; }
.cs-feed-dot { width: 6px; height: 6px; border-radius: 50%; margin-top: 6px; flex-shrink: 0; }
.cs-feed-body { flex: 1; }
.cs-feed-event { font-size: 12.5px; color: var(--cs-ink-2); }
.cs-feed-event strong { font-weight: 600; }
.cs-feed-meta { font-size: 11px; color: #B0A898; margin-top: 1px; }

/* ═══════════════════════════════════════════════════════════
   ATTENTION ITEMS (dashboard)
═══════════════════════════════════════════════════════════ */
.cs-attention-item { display: flex; align-items: center; gap: 10px; padding: 8px 0; border-bottom: 1px solid var(--cs-border-2); }
.cs-attention-item:last-child { border-bottom: none; }
.cs-attention-icon { width: 24px; height: 24px; border-radius: 6px; display: flex; align-items: center; justify-content: center; font-size: 11px; flex-shrink: 0; }
.cs-attention-text { font-size: 12.5px; color: var(--cs-ink-2); flex: 1; }
.cs-attention-meta { font-size: 11px; color: #B0A898; white-space: nowrap; }

/* ═══════════════════════════════════════════════════════════
   QUICK ACTIONS GRID (dashboard)
═══════════════════════════════════════════════════════════ */
.cs-quick-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; }
.cs-quick-btn { display: flex; align-items: center; gap: 8px; padding: 9px 12px; border-radius: 7px; background: var(--cs-parch); font-size: 12px; font-weight: 500; color: var(--cs-ink-2); cursor: pointer; text-decoration: none; transition: all .12s; border: 1px solid transparent; }
.cs-quick-btn:hover { background: var(--cs-parch-2); border-color: var(--cs-border); color: var(--cs-ink); }
.cs-quick-btn__icon { width: 26px; height: 26px; border-radius: 6px; display: flex; align-items: center; justify-content: center; font-size: 12px; flex-shrink: 0; }

/* ═══════════════════════════════════════════════════════════
   EMPTY STATE / DIVIDER
═══════════════════════════════════════════════════════════ */
.cs-empty { text-align: center; padding: 40px 20px; }
.cs-empty__icon { font-size: 32px; opacity: .25; margin-bottom: 10px; }
.cs-empty__text { font-size: 13px; color: var(--cs-ink-4); line-height: 1.6; }
.cs-divider { border: none; border-top: 1px solid var(--cs-border-2); margin: 18px 0; }

/* ═══════════════════════════════════════════════════════════
   COMMAND PALETTE (Cmd+K)
═══════════════════════════════════════════════════════════ */
.cs-cmdk { position: fixed; inset: 0; z-index: 999999; display: none; align-items: flex-start; justify-content: center; padding-top: 15vh; }
.cs-cmdk.is-open { display: flex; }
.cs-cmdk__backdrop { position: absolute; inset: 0; background: rgba(26,21,16,.4); backdrop-filter: blur(3px); }
.cs-cmdk__box { position: relative; z-index: 1; background: #fff; border-radius: var(--cs-radius-lg); box-shadow: var(--cs-shadow-3); width: 480px; max-width: calc(100vw - 40px); overflow: hidden; }
.cs-cmdk__input-wrap { display: flex; align-items: center; gap: 10px; padding: 12px 16px; border-bottom: 1px solid var(--cs-border); }
.cs-cmdk__input-wrap svg { flex-shrink: 0; color: var(--cs-ink-5); }
.cs-cmdk__input { flex: 1; border: none; outline: none; font-size: 14px; color: var(--cs-ink); background: transparent; font-family: var(--cs-font); }
.cs-cmdk__input::placeholder { color: var(--cs-ink-5); }
.cs-cmdk__results { max-height: 300px; overflow-y: auto; padding: 6px; }
.cs-cmdk__group-label { font-size: 10px; font-weight: 600; text-transform: uppercase; letter-spacing: .1em; color: var(--cs-ink-5); padding: 8px 10px 4px; }
.cs-cmdk__item { display: flex; align-items: center; gap: 9px; padding: 8px 10px; border-radius: 6px; cursor: pointer; text-decoration: none; color: var(--cs-ink); font-size: 13px; transition: background .08s; }
.cs-cmdk__item:hover, .cs-cmdk__item.is-selected { background: var(--cs-parch); }
.cs-cmdk__item-icon { width: 18px; display: inline-flex; align-items: center; justify-content: center; opacity: .5; flex-shrink: 0; }
.cs-cmdk__item-icon svg { width: 14px; height: 14px; display: block; }
.cs-cmdk__hint { padding: 8px 16px; border-top: 1px solid var(--cs-border-2); font-size: 11px; color: var(--cs-ink-5); display: flex; align-items: center; gap: 12px; }
.cs-cmdk__hint kbd { font-family: var(--cs-font); font-size: 10px; padding: 1px 4px; border-radius: 3px; background: var(--cs-parch-2); border: 1px solid var(--cs-border); }

/* ═══════════════════════════════════════════════════════════
   RESPONSIVE
═══════════════════════════════════════════════════════════ */
@media (max-width: 1200px) { .cs-grid-6 { grid-template-columns: repeat(3,1fr); } .cs-engine-grid { grid-template-columns: repeat(2,1fr); } }
@media (max-width: 900px) {
  .cs-sidebar { width: 170px; } .cs-body { padding: 18px; }
  .cs-grid-3, .cs-grid-4 { grid-template-columns: 1fr 1fr; }
  .cs-grid-sidebar, .cs-grid-sidebar-r { grid-template-columns: 1fr; }
  .cs-settings-grid { grid-template-columns: 1fr; }
  .cs-settings-nav { border-right: none; border-bottom: 1px solid var(--cs-border); padding: 8px 0; display: flex; overflow-x: auto; border-radius: var(--cs-radius-lg) var(--cs-radius-lg) 0 0; }
  .cs-settings-nav a { padding: 7px 14px; border-left: none; border-bottom: 2px solid transparent; white-space: nowrap; }
  .cs-settings-nav a.active { border-left: none; border-bottom-color: var(--cs-gold); }
  .cs-field-row { grid-template-columns: 1fr; gap: 6px; } .cs-field-label { padding-top: 0; }
}
@media (max-width: 782px) {
  .cs-sidebar { position: fixed; left: 0; top: 0; z-index: 9999; transform: translateX(-100%); transition: transform .3s ease; }
  .cs-sidebar.mobile-open { transform: translateX(0); }
}
@media (max-width: 640px) {
  .cs-wrap { margin: 0 -10px; } .cs-body { padding: 14px; }
  .cs-grid-2, .cs-grid-3, .cs-grid-4 { grid-template-columns: 1fr; }
  .cs-topbar { padding: 0 4px; } .cs-topbar__tab { padding: 0 8px; font-size: 11.5px; }
  .cs-statusbar { padding: 0 10px; }
  .cs-statusbar__pill--ink { display: none; }
}

/* ═══════════════════════════════════════════════════════════
   META BOX STYLES
═══════════════════════════════════════════════════════════ */
.cs-mb-table { width: 100%; border-collapse: collapse; }
.cs-mb-table th { text-align: left; width: 170px; padding: 7px 12px 7px 0; vertical-align: top; font-size: 12.5px; font-weight: 600; color: #3A3020; }
.cs-mb-table td { padding: 5px 0; vertical-align: top; }
.cs-mb-table input[type="text"], .cs-mb-table input[type="number"], .cs-mb-table input[type="email"], .cs-mb-table select, .cs-mb-table textarea { border-color: #DDD5C0 !important; border-radius: 6px !important; font-family: var(--cs-font) !important; }
.cs-mb-table input:focus, .cs-mb-table textarea:focus, .cs-mb-table select:focus { border-color: #B8922A !important; box-shadow: 0 0 0 2px rgba(184,146,42,.15) !important; }
.cs-repeater { margin-top: 4px; }
.cs-repeater__rows { display: flex; flex-direction: column; margin-bottom: 12px; }
.cs-repeater__row { border: 1px solid #DDD5C0; border-radius: 6px; margin-bottom: 6px; background: #fff; overflow: hidden; }
.cs-repeater__handle { display: flex; align-items: center; justify-content: space-between; padding: 8px 12px; background: var(--cs-parch); border-bottom: 1px solid #DDD5C0; cursor: grab; }
.cs-repeater__handle:active { cursor: grabbing; }
.cs-repeater__handle span { font-size: 12px; font-weight: 600; color: #48432E; }
.cs-repeater__handle .cs-remove-row { color: var(--cs-coral) !important; font-size: 11px; }
.cs-repeater__row .form-table.cs-mb-table { padding: 10px 14px; margin: 0; }
.cs-add-row { background: var(--cs-parch) !important; border-color: var(--cs-gold) !important; color: #6B4A10 !important; font-size: 12px !important; border-radius: 6px !important; }
.cs-add-row:hover { background: var(--cs-parch-2) !important; }
.cs-quote-row { background: #fff; border: 1px solid #DDD5C0; border-radius: 6px; padding: 10px 12px; margin-bottom: 6px; }

/* ═══════════════════════════════════════════════════════════
   INLINE EDITOR MODAL + FORM PRIMITIVES
═══════════════════════════════════════════════════════════ */
.cs-label { display: block; font-size: 11.5px; font-weight: 600; color: var(--cs-ink-3); margin-bottom: 5px; }
.cs-label--check { display: flex; align-items: center; gap: 7px; cursor: pointer; }
.cs-req { color: var(--cs-coral); }
.cs-hint { font-size: 11px; color: var(--cs-ink-5); margin: 3px 0 0; line-height: 1.4; }
.cs-input { display: block; width: 100%; padding: 7px 10px; border: 1px solid var(--cs-border); border-radius: var(--cs-radius); font-size: 13px; color: var(--cs-ink); background: #fff; outline: none; font-family: var(--cs-font); transition: border-color .15s; box-sizing: border-box; }
.cs-input:focus { border-color: var(--cs-gold); box-shadow: 0 0 0 2px rgba(201,168,76,.08); }
.cs-input--sm { font-size: 12px; padding: 5px 9px; }
.cs-input--textarea { min-height: 72px; resize: vertical; line-height: 1.55; }
select.cs-input { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%239C9080'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 10px center; padding-right: 28px; appearance: none; cursor: pointer; }

.cs-modal { position: fixed; inset: 0; z-index: 99999; display: flex; align-items: center; justify-content: center; }
.cs-modal__backdrop { position: absolute; inset: 0; background: rgba(26,21,16,.5); backdrop-filter: blur(3px); }
.cs-modal__box { position: relative; z-index: 1; background: #fff; border-radius: var(--cs-radius-lg); box-shadow: var(--cs-shadow-3); width: 620px; max-width: calc(100vw - 40px); max-height: 88vh; display: flex; flex-direction: column; overflow: hidden; }
.cs-modal__head { display: flex; align-items: center; justify-content: space-between; padding: 16px 20px; border-bottom: 1px solid var(--cs-border-2); flex-shrink: 0; }
.cs-modal__title { font-family: var(--cs-font-d); font-size: 15px; color: var(--cs-ink); margin: 0; }
.cs-modal__close { background: none; border: none; font-size: 14px; color: var(--cs-ink-5); cursor: pointer; padding: 4px 6px; border-radius: 6px; transition: background .12s; }
.cs-modal__close:hover { background: var(--cs-parch); color: var(--cs-ink); }
.cs-modal__body { padding: 20px; overflow-y: auto; flex: 1; }
.cs-modal__foot { display: flex; align-items: center; justify-content: space-between; padding: 14px 20px; border-top: 1px solid var(--cs-border-2); flex-shrink: 0; background: var(--cs-parch); }
.cs-im__field-row { margin-bottom: 14px; }
.cs-im__field-row:last-child { margin-bottom: 0; }
.cs-im__section-label { font-size: 10px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: var(--cs-gold); margin: 18px 0 10px; padding-bottom: 6px; border-bottom: 1px solid var(--cs-border-2); }
.cs-im__loading { padding: 40px 20px; text-align: center; color: var(--cs-ink-5); font-style: italic; }
.cs-im__notice { padding: 8px 20px; font-size: 12.5px; font-weight: 600; flex-shrink: 0; }
.cs-im__notice--success { background: #F0FDF4; color: #14532D; border-left: 3px solid #1D8A6A; }
.cs-im__notice--error { background: #FEF2F2; color: #7F1D1D; border-left: 3px solid #9B3A20; }
.cs-form-subtab .cs-field-row { grid-template-columns: 1fr; gap: 4px; margin-bottom: 12px; padding-bottom: 0; border-bottom: none; }