/* ──────────────────────────────────────────────────────────────
   STATICSWIFT ADMIN — FIELD-GUIDE THEME OVERLAY
   Loaded AFTER admin.css. Re-skins the entire dashboard in the
   Sentient + Switzer + JetBrains Mono editorial language used on
   the marketing site. Every class, ID, and JS binding from
   admin.css is preserved — this file only overrides surfaces,
   colors, type, and density.
   ────────────────────────────────────────────────────────────── */

/* ── 1. TOKEN OVERRIDES ─────────────────────────────────────── */
:root{
  --paper:#F2EFE7;
  --paper-deep:#EBE7DD;
  --paper-soft:#F6F3EB;
  --ink:#0E0B07;
  --ink-soft:#29221C;
  --ink-mid:#5A4E40;
  --bronze:#8A7B62;
  --bronze-dim:#BFB4A0;
  --signal:#9C2615;
  --signal-deep:#7A1D10;
  --signal-soft:#FBEDE9;
  --olive:#5C5E2E;
  --teal:#1F6C6F;
  --hair-ink:rgba(14,11,7,.22);
  --hair-soft:rgba(14,11,7,.10);
  --hair-faint:rgba(14,11,7,.05);

  /* Repaint admin.css's own tokens so unmodified rules adopt the cream theme */
  --cyan:#9C2615;
  --cyan-soft:rgba(156,38,21,.08);
  --cyan-glow:rgba(156,38,21,.18);
  --dark:#F2EFE7;
  --dark2:#EBE7DD;
  --dark3:#F6F3EB;
  --surface:#FBFBF6;
  --surface2:#F6F3EB;
  --surface3:#EBE7DD;
  --text:#0E0B07;
  --text-soft:#29221C;
  --muted:#8A7B62;
  --dim:#BFB4A0;
  --border:rgba(14,11,7,.10);
  --border-strong:rgba(14,11,7,.22);
  --green:#347537;
  --red:#9C2615;
  --amber:#A86C00;
  --purple:#5A4E40;
  --pink:#9C2615;
  --shadow-sm:0 1px 2px rgba(14,11,7,.05);
  --shadow:0 2px 12px rgba(14,11,7,.04);
  --shadow-lg:0 20px 50px rgba(14,11,7,.08);

  --serif:'Sentient','PP Editorial New',Georgia,serif;
  --sans:'Switzer','Söhne','Helvetica Neue',system-ui,sans-serif;
  --mono:'JetBrains Mono','IBM Plex Mono',ui-monospace,monospace;
}

/* ── 2. GLOBAL TYPE + BACKGROUND ─────────────────────────────── */
html, body{
  background:var(--paper) !important;
  color:var(--ink) !important;
  font-family:var(--sans) !important;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
::selection{background:var(--ink); color:var(--paper)}

/* Grain texture overlay — adds magazine paper feel */
body::before{
  content:'';
  position:fixed; inset:0; pointer-events:none; z-index:1;
  background-image:
    radial-gradient(circle at 30% 20%, rgba(14,11,7,.012) 1px, transparent 1px),
    radial-gradient(circle at 70% 60%, rgba(14,11,7,.012) 1px, transparent 1px);
  background-size:3px 3px, 5px 5px;
  opacity:.5;
}

#app > *, .topbar, .sidebar, .page, .panel, .modal, .qa-btn, .nav-tab,
.client-card, .pipeline-col, .dash-tile, .login-card, .modal-box{
  position:relative; z-index:2;
}

h1, h2, h3, h4, h5, h6{
  font-family:var(--serif) !important;
  font-style:italic !important;
  font-weight:500 !important;
  letter-spacing:-.02em !important;
  color:var(--ink) !important;
}
.h-eyebrow, .eyebrow, .section-eyebrow, .topbar-search input, .nav-tab span,
.kbd, .badge, .pill, .tag, .status, .stage, code, kbd{
  font-family:var(--mono) !important;
  letter-spacing:.04em;
}

/* ── 3. LOGIN ────────────────────────────────────────────────── */
#login-screen{
  background:var(--paper) !important;
  display:flex; align-items:center; justify-content:center;
}
.login-card{
  background:var(--paper-soft) !important;
  border:1px solid var(--hair-ink) !important;
  box-shadow:none !important;
  border-radius:0 !important;
  padding:48px 40px !important;
}
.login-logo{
  font-family:var(--serif) !important; font-style:italic !important; font-weight:500 !important;
  color:var(--ink) !important; font-size:32px !important; letter-spacing:-.02em !important;
}
.login-logo span{color:var(--signal) !important; font-style:italic !important}
.login-card h2{
  font-family:var(--serif) !important; font-style:italic !important; font-weight:500 !important;
  font-size:28px !important; color:var(--ink) !important;
}
.login-card p{font-family:var(--sans) !important; font-style:normal !important; color:var(--ink-mid) !important}
.login-input{
  background:transparent !important;
  border:0 !important; border-bottom:1px solid var(--ink) !important;
  border-radius:0 !important;
  padding:12px 0 !important;
  font-family:var(--serif) !important; font-size:20px !important; font-style:italic !important;
  color:var(--ink) !important;
}
.login-input:focus{border-bottom-color:var(--signal) !important; outline:none !important}
.login-btn{
  background:var(--ink) !important; color:var(--paper) !important;
  border:0 !important; border-radius:0 !important;
  padding:16px 28px !important;
  font-family:var(--sans) !important; font-weight:500 !important; letter-spacing:.02em !important;
  text-transform:none !important; font-size:14px !important;
  transition:background .2s, transform .2s !important;
}
.login-btn:hover{background:var(--signal) !important; transform:translateY(-2px) !important}
.login-err{color:var(--signal) !important; font-family:var(--mono) !important; font-size:11px !important; letter-spacing:.08em !important; text-transform:uppercase !important}

/* ── 4. APP SHELL + SIDEBAR ──────────────────────────────────── */
#app{background:var(--paper) !important}
.sidebar{
  background:var(--paper-soft) !important;
  border-right:1px solid var(--hair-ink) !important;
  padding:24px 18px !important;
}
.sidebar-brand{
  display:flex; align-items:center; gap:12px;
  padding:8px 8px 24px !important;
  border-bottom:1px solid var(--hair-soft) !important;
  margin-bottom:20px !important;
}
.sidebar-brand .dot{
  width:8px; height:8px; border-radius:50%;
  background:var(--signal) !important;
  box-shadow:none !important;
}
.brand-name{
  font-family:var(--serif) !important;
  font-style:italic !important;
  font-weight:500 !important;
  font-size:20px !important;
  letter-spacing:-.015em !important;
  color:var(--ink) !important;
}
.brand-name i{color:var(--signal) !important; font-style:italic !important}
.sidebar-section{
  font-family:var(--mono) !important;
  font-size:10px !important;
  letter-spacing:.16em !important;
  text-transform:uppercase !important;
  color:var(--bronze) !important;
  padding:18px 8px 8px !important;
  margin:0 !important;
  display:flex; align-items:center; gap:10px;
}
.sidebar-section::before{
  content:''; width:16px; height:1px; background:var(--ink);
}
.nav-tab{
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  padding:11px 12px !important;
  font-family:var(--sans) !important;
  font-size:14px !important;
  font-weight:400 !important;
  color:var(--ink-soft) !important;
  display:flex; align-items:center; gap:12px;
  width:100% !important;
  position:relative;
  transition:padding-left .25s var(--ease,cubic-bezier(.16,1,.3,1)), color .2s !important;
  cursor:pointer;
}
.nav-tab:hover{
  background:transparent !important;
  padding-left:18px !important;
  color:var(--ink) !important;
}
.nav-tab:hover::before{
  content:''; position:absolute; left:8px; top:50%;
  width:6px; height:1px; background:var(--signal);
  transform:translateY(-50%);
}
.nav-tab.active{
  background:transparent !important;
  color:var(--signal) !important;
  font-weight:500 !important;
  font-style:italic !important;
  font-family:var(--serif) !important;
  font-size:16px !important;
}
.nav-tab.active::before{
  content:''; position:absolute; left:8px; top:50%;
  width:14px; height:1px; background:var(--signal);
  transform:translateY(-50%);
}
.nav-tab .ico{
  font-family:var(--mono) !important;
  font-size:13px !important;
  color:var(--bronze) !important;
  width:18px; text-align:center;
}
.nav-tab.active .ico{color:var(--signal) !important}
.nav-badge{
  background:var(--signal) !important; color:var(--paper) !important;
  font-family:var(--mono) !important; font-size:10px !important;
  font-weight:500 !important;
  padding:2px 6px !important;
  border-radius:0 !important;
  letter-spacing:.04em;
}
.sidebar-footer{
  margin-top:auto; padding-top:24px !important;
  border-top:1px solid var(--hair-soft) !important;
}
.live-indicator{
  font-family:var(--mono) !important; font-size:10px !important;
  letter-spacing:.12em !important; text-transform:uppercase !important;
  color:var(--bronze) !important;
  display:flex; align-items:center; gap:10px;
  padding:8px;
}
.live-indicator .pulse{
  background:var(--green) !important;
  box-shadow:0 0 0 4px rgba(52,117,55,.15) !important;
}
.sidebar-logout{
  background:transparent !important;
  color:var(--ink-soft) !important;
  border:1px solid var(--hair-ink) !important;
  border-radius:0 !important;
  padding:10px 14px !important;
  margin-top:8px !important;
  font-family:var(--sans) !important; font-size:13px !important;
  width:100%;
  transition:background .2s, color .2s !important;
}
.sidebar-logout:hover{background:var(--ink) !important; color:var(--paper) !important}

/* ── 5. MAIN COLUMN + TOPBAR ─────────────────────────────────── */
.main-col{background:var(--paper) !important}
.topbar{
  background:var(--paper) !important;
  border-bottom:1px solid var(--hair-ink) !important;
  padding:14px 32px !important;
  box-shadow:none !important;
}
.topbar-search{
  background:transparent !important;
  border:1px solid var(--hair-ink) !important;
  border-radius:0 !important;
  padding:0 14px !important;
}
.topbar-search input{
  background:transparent !important;
  color:var(--ink) !important;
  font-family:var(--serif) !important;
  font-style:italic !important;
  font-size:16px !important;
  padding:10px 0 !important;
}
.topbar-search input::placeholder{color:var(--bronze-dim) !important}
.kbd{
  background:var(--paper-deep) !important;
  border:1px solid var(--hair-ink) !important;
  border-radius:0 !important;
  color:var(--bronze) !important;
  font-family:var(--mono) !important;
  font-size:10px !important;
  padding:3px 6px !important;
}
.revenue-badge{
  background:var(--ink) !important;
  color:var(--paper) !important;
  border:0 !important;
  border-radius:0 !important;
  font-family:var(--mono) !important;
  font-size:11px !important;
  letter-spacing:.1em !important;
  text-transform:uppercase !important;
  padding:8px 14px !important;
}
.refresh-btn{
  background:transparent !important;
  border:1px solid var(--hair-ink) !important;
  border-radius:0 !important;
  color:var(--ink) !important;
  font-family:var(--mono) !important;
  font-size:11px !important;
  letter-spacing:.1em !important;
  text-transform:uppercase !important;
  padding:8px 14px !important;
  transition:background .2s, color .2s !important;
}
.refresh-btn:hover{background:var(--ink) !important; color:var(--paper) !important}

/* ── 6. PAGE / DASHBOARD ─────────────────────────────────────── */
.page{padding:32px !important; background:var(--paper) !important}
.page.active{display:block}

/* Quick actions row */
.quick-actions{
  display:flex !important; gap:8px !important; flex-wrap:wrap !important;
  padding:0 0 28px !important;
  border-bottom:1px solid var(--hair-soft) !important;
  margin-bottom:32px !important;
  align-items:center;
}
.qa-btn{
  background:transparent !important;
  color:var(--ink) !important;
  border:1px solid var(--ink) !important;
  border-radius:0 !important;
  padding:11px 18px !important;
  font-family:var(--sans) !important;
  font-size:13px !important;
  font-weight:500 !important;
  letter-spacing:.005em !important;
  cursor:pointer;
  transition:background .2s, color .2s, transform .2s !important;
}
.qa-btn:hover{background:var(--ink) !important; color:var(--paper) !important; transform:translateY(-2px) !important}
.qa-btn.primary{
  background:var(--signal) !important;
  color:var(--paper) !important;
  border-color:var(--signal) !important;
  font-weight:500 !important;
}
.qa-btn.primary:hover{background:var(--signal-deep) !important; border-color:var(--signal-deep) !important}
.qa-spacer{flex:1}
.qa-meta{
  font-family:var(--mono) !important; font-size:11px !important;
  letter-spacing:.08em !important; text-transform:uppercase !important;
  color:var(--bronze) !important;
}

/* Dashboard tiles */
.dash-top-row, .dash-bottom-row, .stats-grid, .grid, .cards{
  gap:16px !important;
}
.dash-tile, .stat-card, .stat-tile, .urgent-tile, .revenue-tile,
.card, .panel-card, .info-card{
  background:var(--paper-soft) !important;
  border:1px solid var(--hair-ink) !important;
  border-radius:0 !important;
  box-shadow:none !important;
  padding:24px !important;
  transition:transform .25s, border-color .25s !important;
}
.dash-tile:hover, .stat-card:hover, .stat-tile:hover{
  transform:translateY(-2px) !important;
  border-color:var(--ink) !important;
}

/* Tile typography */
.tile-label, .stat-label, .rev-tile-lbl, .urgent-tile-label, .meta-label{
  font-family:var(--mono) !important;
  font-size:10.5px !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
  color:var(--bronze) !important;
  margin-bottom:14px !important;
}
.tile-value, .stat-value, .stat-num, .rev-tile-num, .urgent-tile-count{
  font-family:var(--serif) !important;
  font-style:italic !important;
  font-weight:500 !important;
  font-size:clamp(34px, 4vw, 56px) !important;
  letter-spacing:-.025em !important;
  color:var(--ink) !important;
  line-height:.95 !important;
}
.tile-delta, .stat-delta, .delta{
  font-family:var(--mono) !important; font-size:11px !important;
  letter-spacing:.04em !important;
  margin-top:10px !important;
  color:var(--ink-mid) !important;
}
.tile-delta.up, .delta.up{color:var(--green) !important}
.tile-delta.down, .delta.down{color:var(--signal) !important}

/* ── 7. PIPELINE BOARD ───────────────────────────────────────── */
.pipeline-board, .board{
  background:var(--paper) !important;
  padding:0 !important;
  gap:14px !important;
}
.pipeline-col, .board-col{
  background:var(--paper-soft) !important;
  border:1px solid var(--hair-ink) !important;
  border-radius:0 !important;
  box-shadow:none !important;
}
.pipeline-col-head, .board-col-head{
  border-bottom:1px solid var(--hair-soft) !important;
  padding:14px 16px !important;
}
.pipeline-col-head h3, .board-col-head h3{
  font-family:var(--mono) !important;
  font-style:normal !important;
  font-weight:500 !important;
  font-size:11px !important;
  letter-spacing:.14em !important;
  text-transform:uppercase !important;
  color:var(--ink) !important;
}
.pipeline-col-count, .board-col-count{
  font-family:var(--mono) !important;
  background:var(--paper-deep) !important;
  color:var(--ink-mid) !important;
  border:1px solid var(--hair-soft) !important;
  border-radius:0 !important;
  padding:2px 8px !important;
  font-size:10px !important;
}

/* Pipeline / client cards */
.client-card, .pipeline-card, .lead-card{
  background:var(--paper) !important;
  border:1px solid var(--hair-soft) !important;
  border-radius:0 !important;
  box-shadow:none !important;
  padding:14px !important;
  transition:transform .2s, border-color .2s !important;
}
.client-card:hover, .pipeline-card:hover{
  transform:translateY(-2px) !important;
  border-color:var(--ink) !important;
}
.client-card h4, .pipeline-card h4, .lead-card h4{
  font-family:var(--serif) !important;
  font-style:italic !important;
  font-weight:500 !important;
  font-size:18px !important;
  letter-spacing:-.015em !important;
  color:var(--ink) !important;
  margin-bottom:6px !important;
}
.client-card .meta, .pipeline-card .meta{
  font-family:var(--mono) !important;
  font-size:11px !important;
  letter-spacing:.04em !important;
  color:var(--bronze) !important;
}

/* ── 8. BUTTONS + INPUTS (general) ───────────────────────────── */
button:not(.qa-btn):not(.nav-tab):not(.login-btn):not(.sidebar-logout):not(.refresh-btn):not(.qb-btn){
  font-family:var(--sans) !important;
  border-radius:0 !important;
  letter-spacing:.005em !important;
}
.btn-primary, button.primary, .action-btn.primary, .submit-btn{
  background:var(--signal) !important;
  color:var(--paper) !important;
  border:0 !important;
  border-radius:0 !important;
  padding:12px 22px !important;
  font-family:var(--sans) !important;
  font-weight:500 !important;
  letter-spacing:.005em !important;
  transition:background .2s, transform .2s !important;
}
.btn-primary:hover, button.primary:hover, .action-btn.primary:hover, .submit-btn:hover{
  background:var(--signal-deep) !important;
  transform:translateY(-2px) !important;
}
.btn-secondary, .action-btn, button.secondary{
  background:transparent !important;
  color:var(--ink) !important;
  border:1px solid var(--ink) !important;
  border-radius:0 !important;
  padding:11px 18px !important;
  font-family:var(--sans) !important;
  font-weight:500 !important;
  transition:background .2s, color .2s !important;
}
.btn-secondary:hover, .action-btn:hover, button.secondary:hover{
  background:var(--ink) !important;
  color:var(--paper) !important;
}
input[type="text"], input[type="email"], input[type="tel"], input[type="url"],
input[type="search"], input[type="number"], input[type="password"], select, textarea{
  background:var(--paper-soft) !important;
  border:1px solid var(--hair-ink) !important;
  border-radius:0 !important;
  color:var(--ink) !important;
  font-family:var(--sans) !important;
  font-size:14px !important;
  padding:10px 12px !important;
  transition:border-color .2s, box-shadow .2s !important;
}
input:focus, select:focus, textarea:focus{
  border-color:var(--ink) !important;
  outline:none !important;
  box-shadow:0 0 0 3px var(--hair-soft) !important;
}
label{
  font-family:var(--mono) !important;
  font-size:10.5px !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
  color:var(--bronze) !important;
}

/* ── 9. MODALS ───────────────────────────────────────────────── */
.modal, .modal-bg, .panel-overlay, [class*="modal"][class*="-bg"]{
  background:rgba(14,11,7,.6) !important;
  backdrop-filter:blur(10px) !important;
  -webkit-backdrop-filter:blur(10px) !important;
}
.modal-box, .modal-content, .panel-inner, .modal-card,
[id$="-modal"] > div, [class*="modal"][class*="-box"]{
  background:var(--paper) !important;
  border:1px solid var(--hair-ink) !important;
  border-radius:0 !important;
  box-shadow:0 30px 80px rgba(14,11,7,.25) !important;
  color:var(--ink) !important;
}
.modal-box h2, .modal-box h3, .modal-content h2, .modal-content h3,
.panel-inner h2, .panel-inner h3{
  font-family:var(--serif) !important;
  font-style:italic !important;
  font-weight:500 !important;
  color:var(--ink) !important;
}

/* Right-slide panel (open client) */
.panel{
  background:var(--paper) !important;
  border-left:1px solid var(--hair-ink) !important;
  box-shadow:-30px 0 60px rgba(14,11,7,.15) !important;
}
.panel-header{
  background:var(--paper-soft) !important;
  border-bottom:1px solid var(--hair-ink) !important;
}
.panel-header h2, .panel-header h3{
  font-family:var(--serif) !important;
  font-style:italic !important;
  color:var(--ink) !important;
}

/* ── 10. BADGES + STATUS PILLS ───────────────────────────────── */
.badge, .pill, .tag, .status-pill, .stage-pill, .lead-stage{
  background:var(--paper-deep) !important;
  color:var(--ink) !important;
  border:1px solid var(--hair-ink) !important;
  border-radius:0 !important;
  font-family:var(--mono) !important;
  font-size:10px !important;
  letter-spacing:.1em !important;
  text-transform:uppercase !important;
  padding:3px 8px !important;
  font-weight:500 !important;
}
.badge.success, .pill.success, .status-pill.success, .badge.green{
  background:var(--paper-soft) !important; color:var(--green) !important; border-color:rgba(52,117,55,.3) !important;
}
.badge.warning, .pill.warning, .status-pill.warning, .badge.amber{
  background:var(--paper-soft) !important; color:#A86C00 !important; border-color:rgba(168,108,0,.3) !important;
}
.badge.danger, .pill.danger, .status-pill.danger, .badge.red, .badge.urgent{
  background:var(--signal-soft) !important; color:var(--signal) !important; border-color:rgba(156,38,21,.3) !important;
}

/* ── 11. TABLES ──────────────────────────────────────────────── */
table{
  border:1px solid var(--hair-ink) !important;
  background:var(--paper-soft) !important;
  border-collapse:collapse !important;
}
th{
  background:var(--paper-deep) !important;
  color:var(--ink) !important;
  font-family:var(--mono) !important;
  font-size:10.5px !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
  font-weight:500 !important;
  padding:12px 14px !important;
  border-bottom:1px solid var(--hair-ink) !important;
  text-align:left !important;
}
td{
  padding:12px 14px !important;
  border-bottom:1px solid var(--hair-soft) !important;
  font-family:var(--sans) !important;
  font-size:14px !important;
  color:var(--ink-soft) !important;
}
tr:hover td{background:var(--paper) !important}

/* ── 12. SCROLLBARS ──────────────────────────────────────────── */
*::-webkit-scrollbar{width:8px; height:8px}
*::-webkit-scrollbar-track{background:transparent}
*::-webkit-scrollbar-thumb{background:var(--bronze-dim); border-radius:0}
*::-webkit-scrollbar-thumb:hover{background:var(--bronze)}

/* ── 13. FLOATING QUICKBAR — re-style ────────────────────────── */
#ss-quickbar{
  bottom:20px !important; right:20px !important;
  background:var(--paper) !important;
  border:1px solid var(--ink) !important;
  padding:6px !important;
  gap:0 !important;
  flex-wrap:nowrap !important;
}
#ss-quickbar button{
  background:transparent !important;
  color:var(--ink) !important;
  border:0 !important;
  border-radius:0 !important;
  padding:10px 14px !important;
  font-family:var(--mono) !important;
  font-size:10.5px !important;
  font-weight:500 !important;
  letter-spacing:.1em !important;
  text-transform:uppercase !important;
  box-shadow:none !important;
  border-right:1px solid var(--hair-soft) !important;
  transition:background .2s, color .2s !important;
}
#ss-quickbar button:last-child{border-right:0 !important}
#ss-quickbar button:hover{background:var(--ink) !important; color:var(--paper) !important}
@media(max-width:720px){
  #ss-quickbar{bottom:auto; top:8px; right:8px}
  #ss-quickbar button{padding:8px 10px; font-size:10px}
}

/* ── 14. AUTOPILOT ORB / SHIMMER (homepage-style decorative) ─── */
#autopilot-orb, .autopilot-orb{
  background:var(--signal) !important;
  box-shadow:0 0 0 6px rgba(156,38,21,.12) !important;
}
.autopilot-shimmer, #autopilot-shimmer{
  background:linear-gradient(90deg, transparent, rgba(156,38,21,.4), transparent) !important;
}

/* ── 15. ADD/HIDE: A FEW UX EASINGS ──────────────────────────── */
/* Bigger touch targets on primary actions for fewer mis-clicks */
.qa-btn{min-height:44px}
.nav-tab{min-height:42px}
.qa-btn.primary, .login-btn{min-height:48px}

/* Always-visible focus ring keeps keyboard nav usable */
*:focus-visible{outline:2px solid var(--signal) !important; outline-offset:3px !important; border-radius:0 !important}

/* Quieter empty states — currently they shout */
.empty-state, .no-data, .empty{
  background:var(--paper-soft) !important;
  border:1px dashed var(--hair-ink) !important;
  color:var(--bronze) !important;
  font-family:var(--serif) !important;
  font-style:italic !important;
  padding:48px 24px !important;
  text-align:center;
  border-radius:0 !important;
}
.empty-state h3, .no-data h3, .empty h3{
  font-family:var(--serif) !important;
  font-style:italic !important;
  font-weight:500 !important;
  color:var(--ink) !important;
}

/* Make the dashboard breathe more */
.page#page-dashboard{padding:40px !important}
@media(max-width:880px){
  .page{padding:24px !important}
  .page#page-dashboard{padding:24px !important}
}

/* ── 16. SUCCESS / ERROR / TOAST ─────────────────────────────── */
.toast, .notification, .alert{
  border-radius:0 !important;
  font-family:var(--sans) !important;
  border:1px solid var(--hair-ink) !important;
  box-shadow:0 12px 30px rgba(14,11,7,.12) !important;
}
.toast.success, .alert.success{
  background:var(--paper-soft) !important; color:var(--green) !important;
  border-color:rgba(52,117,55,.3) !important;
}
.toast.error, .alert.error, .toast.danger{
  background:var(--signal-soft) !important; color:var(--signal) !important;
  border-color:rgba(156,38,21,.3) !important;
}

/* ── 17. NEW-ORDER FORM SPECIFICALLY ─────────────────────────── */
#page-new-order .form-card, #page-new-order .form-section{
  background:var(--paper-soft) !important;
  border:1px solid var(--hair-ink) !important;
  border-radius:0 !important;
  padding:32px !important;
}
#page-new-order h2, #page-new-order h3{
  font-family:var(--serif) !important;
  font-style:italic !important;
  font-weight:500 !important;
}

/* ── 18. INBOX / TICKETS / DRAFTS readable type ──────────────── */
.email-item, .ticket-card, .draft-card, .message-item{
  background:var(--paper-soft) !important;
  border:1px solid var(--hair-soft) !important;
  border-radius:0 !important;
  padding:18px !important;
}
.email-item:hover, .ticket-card:hover, .draft-card:hover{
  border-color:var(--ink) !important;
  background:var(--paper) !important;
}
.email-item .from, .ticket-card .from, .draft-card .from{
  font-family:var(--serif) !important;
  font-style:italic !important;
  font-weight:500 !important;
  font-size:16px !important;
  color:var(--ink) !important;
}
.email-item .subject, .ticket-card .subject, .draft-card .subject{
  font-family:var(--sans) !important;
  font-size:14px !important;
  color:var(--ink-soft) !important;
  margin-top:4px !important;
}
.email-item .preview, .ticket-card .preview{
  font-family:var(--serif) !important;
  font-size:14px !important;
  color:var(--ink-mid) !important;
  margin-top:8px !important;
  line-height:1.5;
}

/* ── 19. ENSURE EVERY CARD CORNER IS HARD (no rounded weirdness) ── */
[class*="card"], [class*="tile"], [class*="panel"], [class*="modal"]:not(.modal-bg),
[class*="-box"], [class*="-section"], button, input, select, textarea, .badge, .pill, .tag{
  border-radius:0 !important;
}

/* But keep pulse and small dots round */
.pulse, .dot, .sidebar-brand .dot, .live-indicator .pulse, .autopilot-orb,
.brand-name + *, [class*="-dot"]{
  border-radius:50% !important;
}

/* ── 20. SETTLE FINAL: links pick up signal ─────────────────── */
a:not(.nav-tab):not(.qa-btn):not(.login-btn):not(.sidebar-logout):not(.refresh-btn):not(.qb-btn){
  color:var(--ink) !important;
  border-bottom:1px solid var(--hair-soft);
  padding-bottom:1px;
  transition:color .2s, border-color .2s;
}
a:hover{color:var(--signal) !important; border-bottom-color:var(--signal) !important}