
/* ==========================================================================
   ASHKA DESK V46.1 — SIGNATURE UI
   Staging-only visual redesign.
   No JS, API, database, auth, save/update/delete logic changes.
   ========================================================================== */

body.v46-design-system{
  --bg:#f1f1ee;
  --surface:#ffffff;
  --surface-soft:#f7f6f2;
  --ink:#14171b;
  --muted:#7f858d;
  --line:rgba(18,22,28,.075);
  --line-strong:rgba(18,22,28,.12);
  --obsidian:#0f141a;
  --obsidian-2:#171d25;
  --gold:#b88b43;
  --gold-soft:#e0c481;
  --gold-wash:#f3ead8;
  --purple:#5f4c8d;
  --green:#2f7a5b;
  --red:#a54f47;
  --shadow-xs:0 5px 16px rgba(18,22,28,.035);
  --shadow:0 16px 42px rgba(18,22,28,.055);
  --shadow-lg:0 28px 80px rgba(12,15,20,.11);
  --r-sm:10px;
  --r:16px;
  --r-lg:22px;
  background:
    radial-gradient(circle at 85% -10%,rgba(184,139,67,.065),transparent 28%),
    linear-gradient(180deg,#eff2f4 0%,#f7f6f2 55%,#f2f2ef 100%)!important;
  color:var(--ink)!important;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

body.v46-design-system *{box-sizing:border-box}

/* =========================================================
   MAIN STRUCTURE
   ========================================================= */
@media (min-width:1101px){
  body.v46-design-system.v30-redesign .app-shell{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:18px 24px 44px 278px!important;
    display:block!important;
  }
  body.v46-design-system .premium-sidebar{
    position:fixed!important;
    left:18px!important;
    top:18px!important;
    bottom:18px!important;
    width:232px!important;
    height:auto!important;
    max-height:none!important;
    z-index:90!important;
    overflow:auto!important;
  }
  body.v46-design-system .topbar,
  body.v46-design-system .dashboard-intro,
  body.v46-design-system .dashboard-rangebar,
  body.v46-design-system .metrics-grid,
  body.v46-design-system .receivables-alert,
  body.v46-design-system .smart-center,
  body.v46-design-system .executive-dashboard-grid,
  body.v46-design-system .workspace,
  body.v46-design-system .app-footer{
    width:100%!important;
    max-width:1560px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
}

body.v46-design-system .workspace{gap:16px!important}
body.v46-design-system h1,
body.v46-design-system h2,
body.v46-design-system h3{
  letter-spacing:-.038em!important;
}
body.v46-design-system .eyebrow{
  font-size:.53rem!important;
  font-weight:850!important;
  letter-spacing:.17em!important;
  color:var(--gold)!important;
  text-transform:uppercase!important;
}

/* =========================================================
   SIDEBAR — ASHKA SIGNATURE
   ========================================================= */
body.v46-design-system .premium-sidebar{
  padding:15px 12px!important;
  border-radius:24px!important;
  background:
    radial-gradient(circle at 20% 0%,rgba(224,196,129,.09),transparent 26%),
    linear-gradient(180deg,#11161d 0%,#0b0f14 100%)!important;
  border:1px solid rgba(255,255,255,.055)!important;
  box-shadow:0 28px 68px rgba(11,14,19,.17)!important;
}
body.v46-design-system .premium-sidebar::after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:0;
  height:150px;
  pointer-events:none;
  border-radius:0 0 24px 24px;
  background:linear-gradient(180deg,transparent,rgba(184,139,67,.028));
}
body.v46-design-system .premium-sidebar-head{
  padding:7px 8px 19px!important;
  border-bottom:1px solid rgba(255,255,255,.065)!important;
}
body.v46-design-system .premium-sidebar-logo{
  width:44px!important;height:44px!important;
  border-radius:13px!important;
  box-shadow:none!important;
}
body.v46-design-system .premium-sidebar-head span{
  color:#757e89!important;
  font-size:.50rem!important;
  letter-spacing:.26em!important;
}
body.v46-design-system .premium-sidebar-head strong{
  color:#f4f5f6!important;
  font-size:.95rem!important;
  letter-spacing:.085em!important;
}
body.v46-design-system .premium-sidebar-caption{
  margin:18px 9px 10px!important;
  color:#59626e!important;
  font-size:.48rem!important;
  letter-spacing:.20em!important;
}
body.v46-design-system .premium-side-nav{gap:4px!important}
body.v46-design-system .premium-side-nav .tab{
  position:relative!important;
  min-height:42px!important;
  padding:0 10px!important;
  border-radius:11px!important;
  border:1px solid transparent!important;
  color:#a3aab3!important;
  font-size:.69rem!important;
  font-weight:700!important;
  background:transparent!important;
  transition:background .15s ease,color .15s ease,border-color .15s ease!important;
}
body.v46-design-system .premium-side-nav .tab:hover{
  color:#fff!important;
  background:rgba(255,255,255,.042)!important;
}
body.v46-design-system .premium-side-nav .tab.active{
  color:#fff!important;
  background:linear-gradient(90deg,rgba(184,139,67,.13),rgba(255,255,255,.025))!important;
  border-color:rgba(224,196,129,.10)!important;
  box-shadow:none!important;
}
body.v46-design-system .premium-side-nav .tab.active::before{
  content:"";
  position:absolute;
  left:-1px;top:9px;bottom:9px;
  width:3px;border-radius:3px;
  background:linear-gradient(180deg,var(--gold-soft),var(--gold));
}
body.v46-design-system .premium-side-nav .tab .side-icon{
  width:29px!important;height:29px!important;
  border-radius:9px!important;
  background:rgba(255,255,255,.045)!important;
  color:#818995!important;
}
body.v46-design-system .premium-side-nav .tab.active .side-icon{
  background:rgba(184,139,67,.12)!important;
  color:#dfc47f!important;
  box-shadow:none!important;
}
body.v46-design-system .premium-sidebar-foot{
  padding:15px 8px 5px!important;
  border-top:1px solid rgba(255,255,255,.055)!important;
}

/* =========================================================
   TOP BAR — CLEAN COMMAND STRIP
   ========================================================= */
body.v46-design-system .topbar{
  min-height:76px!important;
  padding:11px 14px 11px 16px!important;
  margin-bottom:14px!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.93)!important;
  backdrop-filter:blur(18px)!important;
  border:1px solid var(--line)!important;
  box-shadow:0 10px 34px rgba(17,21,27,.04)!important;
}
body.v46-design-system .brand-mark{
  width:46px!important;height:46px!important;
  border-radius:13px!important;
  border:1px solid var(--line)!important;
  box-shadow:none!important;
}
body.v46-design-system .topbar .brand-block h1{
  font-size:1rem!important;
  font-weight:820!important;
  color:#181b20!important;
}
body.v46-design-system .topbar .brand-subtitle{
  color:#8b9097!important;
  font-size:.62rem!important;
}
body.v46-design-system .top-actions{
  gap:5px!important;
  align-items:center!important;
}
body.v46-design-system .top-actions .button,
body.v46-design-system .v33-search-trigger,
body.v46-design-system .v31-notification-trigger,
body.v46-design-system .theme-toggle,
body.v46-design-system .user-chip{
  min-height:35px!important;
  border-radius:10px!important;
  padding-left:10px!important;
  padding-right:10px!important;
  background:#faf9f6!important;
  border:1px solid var(--line)!important;
  color:#34383e!important;
  box-shadow:none!important;
  font-size:.62rem!important;
}
body.v46-design-system .top-actions .button:hover,
body.v46-design-system .v33-search-trigger:hover,
body.v46-design-system .v31-notification-trigger:hover{
  background:#f5f0e6!important;
  border-color:rgba(184,139,67,.18)!important;
}
body.v46-design-system .user-chip{
  background:#161a20!important;
  color:#fff!important;
  border-color:#161a20!important;
}

/* =========================================================
   DASHBOARD — EDITORIAL / FINTECH
   ========================================================= */
body.v46-design-system.dashboard-mode .dashboard-intro{
  position:relative!important;
  overflow:hidden!important;
  min-height:196px!important;
  padding:32px 34px!important;
  border-radius:24px!important;
  border:1px solid rgba(255,255,255,.055)!important;
  background:
    radial-gradient(circle at 88% 14%,rgba(221,187,111,.12),transparent 22%),
    radial-gradient(circle at 78% 112%,rgba(95,76,141,.19),transparent 34%),
    linear-gradient(126deg,#10151c 0%,#171d26 57%,#29243a 100%)!important;
  box-shadow:0 24px 58px rgba(20,22,30,.14)!important;
}
body.v46-design-system.dashboard-mode .dashboard-intro::before{
  content:"";
  position:absolute;
  right:-98px;top:-138px;
  width:305px;height:305px;
  border:1px solid rgba(224,196,129,.095);
  border-radius:50%;
  box-shadow:
    0 0 0 44px rgba(224,196,129,.012),
    0 0 0 88px rgba(224,196,129,.008);
}
body.v46-design-system.dashboard-mode .dashboard-intro::after{
  content:"ASHKA";
  position:absolute;
  right:31px;bottom:18px;
  font-size:3.1rem;
  font-weight:950;
  letter-spacing:.10em;
  color:rgba(255,255,255,.024);
}
body.v46-design-system.dashboard-mode .dashboard-intro h2{
  margin:8px 0 10px!important;
  color:#fff!important;
  font-size:2.9rem!important;
  line-height:.96!important;
  font-weight:850!important;
}
body.v46-design-system.dashboard-mode .dashboard-intro p:not(.eyebrow){
  max-width:635px!important;
  color:#b8bec7!important;
  font-size:.78rem!important;
  line-height:1.58!important;
}
body.v46-design-system .v45-hero-chips{
  margin-top:16px!important;
  gap:5px!important;
}
body.v46-design-system .v45-hero-chips span{
  min-height:26px!important;
  padding:0 10px!important;
  border-radius:999px!important;
  color:#d6d9de!important;
  background:rgba(255,255,255,.035)!important;
  border:1px solid rgba(224,196,129,.105)!important;
  font-size:.54rem!important;
  font-weight:760!important;
}
body.v46-design-system .dashboard-new-button{
  min-height:50px!important;
  padding:0 21px!important;
  border-radius:13px!important;
  background:linear-gradient(135deg,#e2c77f,#b48943)!important;
  color:#171717!important;
  border:1px solid rgba(239,215,160,.82)!important;
  box-shadow:0 14px 32px rgba(164,121,54,.17)!important;
  font-weight:900!important;
}

/* date controls feel like a terminal command strip */
body.v46-design-system .dashboard-rangebar{
  min-height:55px!important;
  margin:12px auto 13px!important;
  padding:7px 10px 7px 16px!important;
  border-radius:15px!important;
  background:#fff!important;
  border:1px solid var(--line)!important;
  box-shadow:var(--shadow-xs)!important;
}
body.v46-design-system .dashboard-range-options{
  padding:4px!important;
  border-radius:10px!important;
  background:#f2f1ed!important;
}
body.v46-design-system .dashboard-range-options button{
  min-height:32px!important;
  border-radius:8px!important;
  padding:0 10px!important;
  font-size:.60rem!important;
}
body.v46-design-system .dashboard-range-options button.active{
  background:#171b21!important;
  color:#fff!important;
  box-shadow:none!important;
}

/* KPI cards */
body.v46-design-system.dashboard-mode .metrics-grid{
  gap:11px!important;
  margin-bottom:13px!important;
}
body.v46-design-system.dashboard-mode .metrics-grid .metric{
  position:relative!important;
  overflow:hidden!important;
  min-height:128px!important;
  padding:17px 17px 15px 18px!important;
  border-radius:18px!important;
  background:#fff!important;
  border:1px solid var(--line)!important;
  box-shadow:0 12px 30px rgba(18,22,28,.04)!important;
}
body.v46-design-system.dashboard-mode .metrics-grid .metric::before{
  width:3px!important;
  top:18px!important;bottom:18px!important;
  border-radius:3px!important;
  background:linear-gradient(180deg,var(--gold-soft),var(--gold))!important;
}
body.v46-design-system.dashboard-mode .metrics-grid .metric::after{
  content:"";
  position:absolute;
  right:-28px;bottom:-34px;
  width:104px;height:104px;border-radius:50%;
  border:1px solid rgba(184,139,67,.065);
}
body.v46-design-system.dashboard-mode .metric strong{
  margin-top:10px!important;
  color:#171a1f!important;
  font-size:1.62rem!important;
  font-weight:820!important;
  letter-spacing:-.038em!important;
}
body.v46-design-system.dashboard-mode .metric small{
  margin-top:6px!important;
  color:#92979d!important;
  font-size:.58rem!important;
}
body.v46-design-system.dashboard-mode .metric-icon{
  width:30px!important;height:30px!important;
  border-radius:9px!important;
  background:var(--gold-wash)!important;
  color:#8e6a31!important;
}

/* smart blocks */
body.v46-design-system.dashboard-mode .focus-card,
body.v46-design-system.dashboard-mode .smart-card,
body.v46-design-system.dashboard-mode .executive-card{
  border-radius:19px!important;
  border:1px solid var(--line)!important;
  background:#fff!important;
  box-shadow:0 11px 28px rgba(18,22,28,.035)!important;
}

/* =========================================================
   SECONDARY NAV — REMOVE DUPLICATE FEEL
   ========================================================= */
@media(min-width:901px){
  body.v46-design-system .main-panel > .tabs{
    display:none!important;
  }
}

/* =========================================================
   MODULE HERO HEADERS
   ========================================================= */
body.v46-design-system .orders-command-header,
body.v46-design-system .analytics-hero,
body.v46-design-system .client-hub-head,
body.v46-design-system .admin-head,
body.v46-design-system .report-title-row{
  position:relative!important;
  overflow:hidden!important;
  padding:22px 24px!important;
  margin-bottom:13px!important;
  border-radius:20px!important;
  background:
    radial-gradient(circle at 94% 0%,rgba(211,177,104,.10),transparent 28%),
    linear-gradient(125deg,#11161d,#1a2029 62%,#252132)!important;
  border:1px solid rgba(255,255,255,.055)!important;
  box-shadow:0 16px 38px rgba(18,21,27,.09)!important;
}
body.v46-design-system .orders-command-header::after,
body.v46-design-system .analytics-hero::after,
body.v46-design-system .client-hub-head::after,
body.v46-design-system .admin-head::after,
body.v46-design-system .report-title-row::after{
  content:"";
  position:absolute;
  width:174px;height:174px;
  right:-65px;top:-84px;
  border:1px solid rgba(224,196,129,.09);
  border-radius:50%;
  box-shadow:0 0 0 33px rgba(224,196,129,.012);
}
body.v46-design-system .orders-command-header h2,
body.v46-design-system .analytics-hero h2,
body.v46-design-system .client-hub-head h2,
body.v46-design-system .admin-head h2,
body.v46-design-system .report-title-row h2{
  color:#fff!important;
  font-size:1.62rem!important;
  font-weight:830!important;
}
body.v46-design-system .orders-command-header p,
body.v46-design-system .analytics-hero p,
body.v46-design-system .client-hub-head p,
body.v46-design-system .admin-head p,
body.v46-design-system .report-title-row p{
  color:#adb4bd!important;
}

/* =========================================================
   BUTTONS / FORMS / FILTERS
   ========================================================= */
body.v46-design-system .panel-toolbar,
body.v46-design-system .analytics-filters,
body.v46-design-system .v34-saved-views,
body.v46-design-system .bulk-toolbar,
body.v46-design-system .tracking-selection-bar{
  padding:10px 12px!important;
  border-radius:15px!important;
  background:rgba(255,255,255,.95)!important;
  border:1px solid var(--line)!important;
  box-shadow:0 8px 22px rgba(18,21,26,.03)!important;
}
body.v46-design-system label{
  color:#747980!important;
  font-size:.63rem!important;
  font-weight:690!important;
}
body.v46-design-system input,
body.v46-design-system select,
body.v46-design-system textarea{
  min-height:40px!important;
  border-radius:10px!important;
  border:1px solid rgba(20,24,30,.095)!important;
  background:#fbfbf9!important;
  color:#22252a!important;
  box-shadow:none!important;
  transition:border-color .15s ease,box-shadow .15s ease,background .15s ease!important;
}
body.v46-design-system textarea{
  min-height:88px!important;
  padding-top:10px!important;
}
body.v46-design-system input:focus,
body.v46-design-system select:focus,
body.v46-design-system textarea:focus{
  outline:none!important;
  background:#fff!important;
  border-color:rgba(184,139,67,.46)!important;
  box-shadow:0 0 0 3px rgba(184,139,67,.08)!important;
}
body.v46-design-system .button,
body.v46-design-system .orders-new-button{
  min-height:38px!important;
  border-radius:10px!important;
  font-size:.65rem!important;
  font-weight:760!important;
  box-shadow:none!important;
}
body.v46-design-system .button.primary,
body.v46-design-system .orders-new-button{
  background:linear-gradient(135deg,#dec27f,#b78d45)!important;
  color:#181818!important;
  border:1px solid rgba(236,211,154,.88)!important;
}
body.v46-design-system .button.secondary{
  background:#f8f7f3!important;
  color:#34383e!important;
  border:1px solid var(--line)!important;
}
body.v46-design-system .button.danger{
  background:#fff7f5!important;
  color:#a24a42!important;
  border:1px solid rgba(162,74,66,.13)!important;
}

/* =========================================================
   ORDERS
   ========================================================= */
body.v46-design-system #ordersPanel .orders-command-header{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
}
body.v46-design-system #ordersPanel .orders-new-button{
  min-height:46px!important;
  padding:0 17px!important;
}
body.v46-design-system .v34-view-chips .chip-button,
body.v46-design-system .analytics-presets .chip-button{
  min-height:31px!important;
  padding:0 10px!important;
  border-radius:999px!important;
  background:#f7f6f2!important;
  color:#6d7279!important;
  border:1px solid var(--line)!important;
  font-size:.59rem!important;
}
body.v46-design-system .v34-view-chips .chip-button.active,
body.v46-design-system .analytics-presets .chip-button.active{
  background:#171b21!important;
  color:#fff!important;
  border-color:#171b21!important;
}

/* =========================================================
   TABLES — STRIPE / LINEAR FEEL
   ========================================================= */
body.v46-design-system .table-wrap,
body.v46-design-system .tracking-table-shell{
  overflow:auto!important;
  border-radius:17px!important;
  border:1px solid var(--line)!important;
  background:#fff!important;
  box-shadow:0 10px 27px rgba(18,21,26,.035)!important;
}
body.v46-design-system table{
  border-collapse:separate!important;
  border-spacing:0!important;
  font-variant-numeric:tabular-nums!important;
}
body.v46-design-system table thead th{
  position:sticky!important;
  top:0!important;
  z-index:3!important;
  height:45px!important;
  padding-top:0!important;
  padding-bottom:0!important;
  background:#f6f5f1!important;
  color:#747980!important;
  border-bottom:1px solid var(--line)!important;
  font-size:.53rem!important;
  font-weight:850!important;
  letter-spacing:.115em!important;
  white-space:nowrap!important;
}
body.v46-design-system table tbody td{
  padding-top:12px!important;
  padding-bottom:12px!important;
  color:#33373d!important;
  border-bottom-color:rgba(20,24,30,.045)!important;
  font-size:.66rem!important;
}
body.v46-design-system table tbody tr{
  transition:background .12s ease!important;
}
body.v46-design-system table tbody tr:hover td{
  background:#faf7ef!important;
}
body.v46-design-system .status-pill,
body.v46-design-system .status-inline{
  border-radius:999px!important;
  padding:5px 9px!important;
  border:1px solid rgba(20,24,30,.05)!important;
  font-size:.57rem!important;
  font-weight:760!important;
}

/* =========================================================
   CARD SURFACES ACROSS ALL MODULES
   ========================================================= */
body.v46-design-system .analytics-card,
body.v46-design-system .tracking-editor,
body.v46-design-system .tracking-bulk-panel,
body.v46-design-system .statement-section,
body.v46-design-system .pnl-entry-form,
body.v46-design-system .profit-layout > *,
body.v46-design-system .settings-form fieldset,
body.v46-design-system .admin-user-form,
body.v46-design-system .admin-security-card,
body.v46-design-system .admin-control-center,
body.v46-design-system .admin-billing-center,
body.v46-design-system .admin-log-center,
body.v46-design-system .admin-recurring-center,
body.v46-design-system .admin-security-center,
body.v46-design-system .admin-leads-center{
  border-radius:18px!important;
  border:1px solid var(--line)!important;
  background:#fff!important;
  box-shadow:0 10px 28px rgba(18,21,26,.035)!important;
}
body.v46-design-system .analytics-card-head,
body.v46-design-system .tracking-editor-head,
body.v46-design-system .statement-section-head{
  padding-bottom:11px!important;
  margin-bottom:12px!important;
  border-bottom:1px solid rgba(20,24,30,.055)!important;
}

/* =========================================================
   TRACKING
   ========================================================= */
body.v46-design-system .tracking-summary{
  gap:10px!important;
  margin:12px 0!important;
}
body.v46-design-system .tracking-summary > *{
  border-radius:15px!important;
  background:#fff!important;
  border:1px solid var(--line)!important;
  box-shadow:0 8px 22px rgba(18,21,26,.03)!important;
}
body.v46-design-system .tracking-editor-head span{
  color:#a17d42!important;
  text-transform:uppercase!important;
  letter-spacing:.14em!important;
  font-size:.51rem!important;
}

/* =========================================================
   INVOICE
   ========================================================= */
body.v46-design-system .invoice-paper{
  border-radius:18px!important;
  background:#fff!important;
  border:1px solid var(--line)!important;
  box-shadow:0 22px 54px rgba(18,21,26,.065)!important;
  font-variant-numeric:tabular-nums!important;
}
body.v46-design-system .invoice-inline-preview{
  border-radius:20px!important;
  background:#f5f4f0!important;
  border:1px solid var(--line)!important;
  padding:18px!important;
}
body.v46-design-system .invoice-inline-preview-head{
  border-radius:15px!important;
  background:linear-gradient(125deg,#11161d,#1d232d)!important;
  color:#fff!important;
}

/* =========================================================
   ANALYTICS / FINANCE
   ========================================================= */
body.v46-design-system .analytics-kpis{
  gap:10px!important;
  margin:13px 0!important;
}
body.v46-design-system .analytics-kpis > *,
body.v46-design-system .client-kpis > *,
body.v46-design-system .statement-kpis > *{
  border-radius:15px!important;
  background:#fff!important;
  border:1px solid var(--line)!important;
  box-shadow:0 8px 22px rgba(18,21,26,.03)!important;
}
body.v46-design-system .analytics-chart{
  border-radius:15px!important;
  background:
    linear-gradient(180deg,rgba(184,139,67,.026),transparent 42%),
    #fff!important;
}
body.v46-design-system .finance-chart-shell{
  padding:2px 0 0!important;
}
body.v46-design-system .finance-line-chart{
  color:#b58a43!important;
}

/* =========================================================
   DIALOGS / EMPTY STATES
   ========================================================= */
body.v46-design-system dialog,
body.v46-design-system .invoice-preview-dialog{
  border-radius:20px!important;
  border:1px solid var(--line-strong)!important;
  box-shadow:0 32px 88px rgba(10,13,17,.23)!important;
}
body.v46-design-system dialog::backdrop{
  background:rgba(9,12,16,.50)!important;
  backdrop-filter:blur(5px)!important;
}
body.v46-design-system .analytics-empty,
body.v46-design-system .empty-state{
  min-height:130px!important;
  display:grid!important;
  place-items:center!important;
  text-align:center!important;
  border-radius:14px!important;
  border:1px dashed rgba(20,24,30,.12)!important;
  background:#faf9f6!important;
  color:#8d9299!important;
}

/* =========================================================
   FOOTER
   ========================================================= */
body.v46-design-system .app-footer{
  opacity:.76!important;
  font-size:.61rem!important;
}
body.v46-design-system .version-badge{
  background:#f3ecde!important;
  color:#8e6e39!important;
  border-color:rgba(184,139,67,.15)!important;
}

/* =========================================================
   DARK MODE
   ========================================================= */
html[data-theme="dark"] body.v46-design-system{
  --surface:#151a21;
  --surface-soft:#191e25;
  --line:rgba(255,255,255,.065);
  --line-strong:rgba(255,255,255,.10);
  background:
    radial-gradient(circle at 84% -8%,rgba(184,139,67,.055),transparent 28%),
    #0c1015!important;
  color:#e9ebee!important;
}
html[data-theme="dark"] body.v46-design-system .topbar,
html[data-theme="dark"] body.v46-design-system .panel-toolbar,
html[data-theme="dark"] body.v46-design-system .analytics-filters,
html[data-theme="dark"] body.v46-design-system .v34-saved-views,
html[data-theme="dark"] body.v46-design-system .bulk-toolbar,
html[data-theme="dark"] body.v46-design-system .tracking-selection-bar,
html[data-theme="dark"] body.v46-design-system .table-wrap,
html[data-theme="dark"] body.v46-design-system .tracking-table-shell,
html[data-theme="dark"] body.v46-design-system .analytics-card,
html[data-theme="dark"] body.v46-design-system .tracking-editor,
html[data-theme="dark"] body.v46-design-system .tracking-bulk-panel,
html[data-theme="dark"] body.v46-design-system .statement-section,
html[data-theme="dark"] body.v46-design-system .pnl-entry-form,
html[data-theme="dark"] body.v46-design-system .profit-layout > *,
html[data-theme="dark"] body.v46-design-system .settings-form fieldset{
  background:#151a21!important;
  border-color:var(--line)!important;
  box-shadow:0 14px 34px rgba(0,0,0,.15)!important;
}
html[data-theme="dark"] body.v46-design-system input,
html[data-theme="dark"] body.v46-design-system select,
html[data-theme="dark"] body.v46-design-system textarea{
  background:#101419!important;
  color:#e8eaed!important;
  border-color:rgba(255,255,255,.075)!important;
}
html[data-theme="dark"] body.v46-design-system table thead th{
  background:#1a2027!important;
  color:#9aa1aa!important;
}
html[data-theme="dark"] body.v46-design-system table tbody td{
  color:#d9dde2!important;
  border-bottom-color:rgba(255,255,255,.045)!important;
}
html[data-theme="dark"] body.v46-design-system table tbody tr:hover td{
  background:#1a2027!important;
}
html[data-theme="dark"] body.v46-design-system.dashboard-mode .metrics-grid .metric,
html[data-theme="dark"] body.v46-design-system .analytics-kpis > *,
html[data-theme="dark"] body.v46-design-system .client-kpis > *,
html[data-theme="dark"] body.v46-design-system .statement-kpis > *,
html[data-theme="dark"] body.v46-design-system .tracking-summary > *{
  background:#151a21!important;
  border-color:rgba(255,255,255,.065)!important;
}
html[data-theme="dark"] body.v46-design-system.dashboard-mode .metric strong{
  color:#f2f4f6!important;
}

/* =========================================================
   RESPONSIVE
   ========================================================= */
@media(max-width:1100px){
  body.v46-design-system.v30-redesign .app-shell{
    padding:14px!important;
  }
}
@media(max-width:900px){
  body.v46-design-system .main-panel > .tabs{
    display:flex!important;
  }
  body.v46-design-system .orders-command-header,
  body.v46-design-system .analytics-hero,
  body.v46-design-system .client-hub-head,
  body.v46-design-system .invoice-workspace-toolbar{
    flex-direction:column!important;
    align-items:flex-start!important;
  }
}
@media(max-width:760px){
  body.v46-design-system.dashboard-mode .dashboard-intro{
    padding:22px 18px!important;
    min-height:auto!important;
    border-radius:17px!important;
  }
  body.v46-design-system.dashboard-mode .dashboard-intro h2{
    font-size:2.05rem!important;
  }
  body.v46-design-system .orders-command-header,
  body.v46-design-system .analytics-hero,
  body.v46-design-system .client-hub-head,
  body.v46-design-system .admin-head,
  body.v46-design-system .report-title-row{
    padding:18px!important;
    border-radius:16px!important;
  }
}


/* V46.1.1 — Footer spacing hotfix */
body.v46-design-system .app-footer{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex-wrap:wrap!important;
  gap:10px!important;
  padding:20px 12px!important;
  color:#7f858d!important;
}
body.v46-design-system .app-footer .footer-separator{
  display:inline-block!important;
  width:3px!important;
  height:3px!important;
  border-radius:50%!important;
  background:#c5c8cd!important;
  margin:0 2px!important;
}
body.v46-design-system .app-footer > span{
  display:inline-flex!important;
  align-items:center!important;
  gap:4px!important;
}
body.v46-design-system .app-footer .app-build-tag{
  margin-left:4px!important;
  padding:5px 10px!important;
  border-radius:999px!important;
  border:1px solid rgba(184,139,67,.15)!important;
  background:#f3ecde!important;
  color:#8e6e39!important;
  font-weight:760!important;
}
