/* ==========================================================================
   style.css — سامانهٔ جامع مدیریت فروش، مطالبات و وصول (نوبت یازدهم)
   تم روشن (پیش‌فرض :root) + تم تیره (html[data-ras-theme="dark"]) با متغیرها.
   چاپ (@media print) همیشه روشن است: قاعده‌های تم تیره زیر @media screen هستند.
   واحد پول: ریال؛ جهت: RTL؛ قلم: وزیرمتن.
   ========================================================================== */
/* ===== ۰. رفتار آیکون‌ها هنگام لودنشدن فونت‌آوسام ===== */
/* اگر فونت‌آوسام لود نشود، آیکون‌ها مخفی و متن باقی می‌ماند */
    .fa-solid:not(:empty), .fa-regular:not(:empty) { font-family: var(--font-family); }

/* ===== ۱. ابزارهای طرح‌بندی (جایگزین شیم Tailwind؛ نام‌های u-* متعلق به همین سامانه‌اند) ===== */
.u-row{display:flex}
.u-grid{display:grid}
.u-items-center{align-items:center}
.u-justify-center{justify-content:center}
.u-text-center{text-align:center}
.u-align-left{text-align:left}
.u-fs-sm{font-size:12px}
.u-fs-lg{font-size:16px}
.u-fs-xl{font-size:18px}
.u-strong{font-weight:700}
.u-text-muted{color:var(--text-muted)}
.u-text-ok{color:var(--success)}
.u-text-bad{color:var(--danger)}
.u-ic-indigo-l{color:#818cf8}.u-ic-indigo{color:#6366f1}.u-ic-indigo-d{color:#4f46e5}
.u-ic-blue-l{color:#60a5fa}.u-ic-blue-d{color:#2563eb}
.u-ic-emerald-l{color:#34d399}.u-ic-emerald{color:#10b981}.u-ic-emerald-d{color:#059669}
.u-ic-teal{color:#2dd4bf}.u-ic-purple{color:#c084fc}
.u-ic-amber-l{color:#fbbf24}.u-ic-amber{color:#f59e0b}.u-ic-amber-d{color:#d97706}
.u-ic-rose-l{color:#fb7185}.u-ic-rose{color:#f43f5e}.u-ic-rose-d{color:#e11d48}
.u-ic-pink{color:#f472b6}.u-ic-sky{color:#38bdf8}
.u-ic-slate-l{color:#94a3b8}.u-ic-slate{color:#64748b}.u-ic-slate-d{color:#475569}
.u-bg-indigo{background:#eef2ff}.u-bg-blue{background:#eff6ff}.u-bg-emerald{background:#ecfdf5}
.u-bg-amber{background:#fffbeb}.u-bg-rose{background:#fff1f2}.u-bg-slate{background:#f1f5f9}
.u-bordered{border:1px solid var(--border-color)}
.u-r-lg{border-radius:8px}.u-r-xl{border-radius:12px}.u-r-2xl{border-radius:16px}
.u-shadow-xs{box-shadow:0 1px 2px rgba(0,0,0,.05)}
.u-h-8{height:32px}.u-h-9{height:36px}.u-h-10{height:40px}.u-h-12{height:48px}
.u-w-8{width:32px}.u-w-9{width:36px}.u-w-10{width:40px}.u-w-12{width:48px}
/* فاصلهٔ ۴/۸ پیکسلی نشان‌ها؛ فیزیکی (margin-left) نگه داشته شد تا چیدمان RTL دقیقاً مثل قبل بماند */
.u-ms-1{margin-left:4px}.u-ms-2{margin-left:8px}
.fa-solid,.fa-regular{font-style:normal}

/* ===== ۲. تم روشن — توکن‌ها و اجزا (بدون تغییر رفتاری) ===== */
:root {
      color-scheme: light;
      --primary: #1e3a8a;
      --primary-hover: #1e40af;
      --primary-light: #eff6ff;
      --secondary: #475569;
      --success: #15803d;
      --success-bg: #dcfce7;
      --warning: #b45309;
      --warning-bg: #fef3c7;
      --danger: #b91c1c;
      --danger-bg: #fee2e2;
      --bg-page: #f8fafc;
      --bg-card: #ffffff;
      --border-color: #e2e8f0;
      --text-main: #0f172a;
      --text-muted: #64748b;
      --font-family: 'Vazirmatn FD', 'Vazirmatn', 'Vazir FD', 'Vazir', 'Tahoma', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
      font-feature-settings: "ss01" 1, "tnum" 1;
      -webkit-font-feature-settings: "ss01" 1, "tnum" 1;
      font-variant-numeric: tabular-nums;
    }

    * {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
      font-family: var(--font-family);
      font-feature-settings: "ss01" 1, "tnum" 1;
      -webkit-font-feature-settings: "ss01" 1, "tnum" 1;
      font-variant-numeric: tabular-nums;
    }

    body {
      background-color: var(--bg-page);
      color: var(--text-main);
      display: flex;
      min-height: 100vh;
      direction: rtl;
      font-family: var(--font-family);
      font-feature-settings: "ss01" 1, "tnum" 1;
      -webkit-font-feature-settings: "ss01" 1, "tnum" 1;
      font-variant-numeric: tabular-nums;
    }

    table, th, td, tr, input, select, textarea, button, span, div, p, strong, b, h1, h2, h3, h4, h5, h6,
    .font-num, .kpi-val, .metric-val, .kpi-min-val, .badge, .chip {
      /* بدون !important تا استایل‌های صریح monospace (جعبه DDL، کادر پیست اکسل) بر این قانون غالب بمانند */
      font-family: var(--font-family);
      font-feature-settings: "ss01" 1, "tnum" 1;
      -webkit-font-feature-settings: "ss01" 1, "tnum" 1;
      font-variant-numeric: tabular-nums;
    }

    /* نکته: تعریف اصلی/کامل‌تر .sidebar در بلوک «سایدبار تاشو» (حدود خط ۸۵۶) قرار دارد؛ تعریف تکراری قبلی حذف شد */

    .sidebar-header {
      padding: 20px 16px;
      border-bottom: 1px solid #1e293b;
      display: flex;
      align-items: center;
      gap: 12px;
    }

    .sidebar-logo {
      width: 38px;
      height: 38px;
      background: linear-gradient(135deg, #3b82f6, #1d4ed8);
      border-radius: 8px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-weight: bold;
      font-size: 18px;
      color: #fff;
    }

    .sidebar-title h1 {
      font-size: 13px;
      font-weight: 700;
      color: #ffffff;
      line-height: 1.3;
    }

    .sidebar-title p {
      font-size: 11px;
      color: #94a3b8;
    }

    .sidebar-menu {
      list-style: none;
      padding: 12px 8px;
      flex: 1;
      overflow-y: auto;
      overflow-x: hidden;
      scrollbar-width: thin;
      scrollbar-color: #334155 #0f172a;
    }
    .sidebar-menu::-webkit-scrollbar {
      width: 5px;
    }
    .sidebar-menu::-webkit-scrollbar-track {
      background: #0f172a;
    }
    .sidebar-menu::-webkit-scrollbar-thumb {
      background: #334155;
      border-radius: 4px;
    }
    .sidebar-menu::-webkit-scrollbar-thumb:hover {
      background: #475569;
    }

    .sidebar-item {
      padding: 10px 14px;
      border-radius: 6px;
      margin-bottom: 4px;
      cursor: pointer;
      display: flex;
      align-items: center;
      gap: 10px;
      font-size: 13px;
      color: #cbd5e1;
      transition: all 0.2s;
    }

    .sidebar-item:hover {
      background-color: #1e293b;
      color: #ffffff;
    }

    .sidebar-item.active {
      background-color: var(--primary);
      color: #ffffff;
      font-weight: 600;
    }

    .sidebar-footer {
      padding: 16px;
      border-top: 1px solid #1e293b;
      font-size: 11px;
      color: #64748b;
      text-align: center;
    }

    /* بدنه اصلی */
    .main-content {
      flex: 1;
      display: flex;
      flex-direction: column;
      overflow-x: hidden;
    }

    /* نکته: تعریف اصلی/کامل‌تر .top-navbar (z-index بالاتر) در بلوک «نوار هدر و جستجوی سراسری» قرار دارد؛ تعریف تکراری حذف شد */

    .nav-search {
      display: flex;
      align-items: center;
      background-color: var(--bg-page);
      border: 1px solid var(--border-color);
      border-radius: 8px;
      padding: 6px 12px;
      width: 340px;
    }

    .nav-search input {
      border: none;
      background: transparent;
      outline: none;
      font-size: 13px;
      width: 100%;
      margin-right: 8px;
    }

    .nav-user {
      display: flex;
      align-items: center;
      gap: 12px;
      font-size: 13px;
    }

    .badge-today {
      background-color: var(--primary-light);
      color: var(--primary);
      padding: 4px 10px;
      border-radius: 6px;
      font-size: 12px;
      font-weight: 600;
    }

    /* ---------- پایهٔ نشان‌ها (Badge) در حالت روشن — پیش‌تر فقط داخل تم تیره تعریف شده بود ---------- */
    .badge {
      display: inline-block;
      padding: 3px 9px;
      border-radius: 6px;
      font-size: 11px;
      font-weight: 700;
      line-height: 1.5;
      white-space: nowrap;
      background: #eef2ff;
      color: #3730a3;
      border: 1px solid transparent;
    }
    .badge-success { background: #dcfce7; color: #166534; border: 1px solid #86efac; }
    .badge-danger  { background: #fee2e2; color: #991b1b; border: 1px solid #fca5a5; }
    .badge-warning { background: #fef3c7; color: #92400e; border: 1px solid #fcd34d; }
    .badge-info    { background: #e0f2fe; color: #075985; border: 1px solid #7dd3fc; }
    .badge-secondary { background: #f1f5f9; color: #475569; border: 1px solid #cbd5e1; }
    .badge-outline { background: transparent; color: #475569; border: 1px solid #cbd5e1; }

    .content-body {
      padding: 24px;
      flex: 1;
      overflow-y: auto;
    }

    /* کارت‌های KPI */
    .kpi-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
      gap: 16px;
      margin-bottom: 24px;
    }

    .kpi-card {
      background-color: var(--bg-card);
      border: 1px solid var(--border-color);
      border-radius: 10px;
      padding: 16px;
      box-shadow: 0 1px 3px rgba(0,0,0,0.03);
      cursor: pointer;
      transition: transform 0.15s, box-shadow 0.15s;
    }

    .kpi-card:hover {
      transform: translateY(-2px);
      box-shadow: 0 4px 8px rgba(0,0,0,0.06);
    }

    .kpi-title {
      font-size: 12px;
      color: var(--text-muted);
      font-weight: 500;
      margin-bottom: 8px;
    }

    .kpi-value {
      font-size: 20px;
      font-weight: 700;
      color: var(--text-main);
      margin-bottom: 6px;
    }

    .kpi-meta {
      font-size: 11px;
      display: flex;
      align-items: center;
      gap: 6px;
    }

    .meta-tag {
      padding: 2px 6px;
      border-radius: 4px;
      font-weight: 600;
    }

    .meta-tag.success { background: var(--success-bg); color: var(--success); }
    .meta-tag.warning { background: var(--warning-bg); color: var(--warning); }
    .meta-tag.danger { background: var(--danger-bg); color: var(--danger); }
    .meta-tag.info { background: var(--primary-light); color: var(--primary); }

    /* پنل‌ها و فرم‌ها با استایل مدرن سازمانی (Enterprise Luxury) */
    .panel-card {
      background-color: #ffffff;
      border: 1px solid rgba(226, 232, 240, 0.85);
      border-radius: 16px;
      padding: 22px 24px;
      margin-bottom: 24px;
      box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.03), 0 1px 2px -1px rgba(0, 0, 0, 0.03);
      transition: box-shadow 0.2s ease, border-color 0.2s ease;
    }
    .panel-card:hover {
      box-shadow: 0 6px 18px -2px rgba(15, 23, 42, 0.05);
    }

    .panel-header {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 18px;
      border-bottom: 1px solid #f1f5f9;
      padding-bottom: 14px;
    }

    .panel-title {
      font-size: 15.5px;
      font-weight: 800;
      color: #0f172a;
      letter-spacing: -0.3px;
    }

    .panel-actions {
      display: flex;
      gap: 8px;
      flex-wrap: wrap;
      align-items: center;
    }

    .btn {
      padding: 8px 16px;
      border-radius: 10px;
      font-size: 12px;
      font-weight: 700;
      cursor: pointer;
      border: none;
      transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
      display: inline-flex;
      align-items: center;
      gap: 6px;
      box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    }
    .btn:active {
      transform: scale(0.98);
    }

    .btn-primary {
      background: linear-gradient(135deg, #4f46e5 0%, #4338ca 100%);
      color: #ffffff;
      border: 1px solid rgba(79, 70, 229, 0.3);
    }
    .btn-primary:hover {
      background: linear-gradient(135deg, #4338ca 0%, #3730a3 100%);
      box-shadow: 0 4px 12px -1px rgba(79, 70, 229, 0.35);
    }
    .btn-outline {
      background: #ffffff;
      border: 1px solid #cbd5e1;
      color: #334155;
    }
    .btn-outline:hover {
      background: #f8fafc;
      border-color: #94a3b8;
      color: #0f172a;
    }
    .btn-success {
      background: linear-gradient(135deg, #10b981 0%, #059669 100%);
      color: #ffffff;
    }
    .btn-success:hover {
      background: linear-gradient(135deg, #059669 0%, #047857 100%);
      box-shadow: 0 4px 12px -1px rgba(16, 185, 129, 0.35);
    }
    .btn-danger {
      background: linear-gradient(135deg, #f43f5e 0%, #e11d48 100%);
      color: #ffffff;
    }
    .btn-danger:hover {
      background: linear-gradient(135deg, #e11d48 0%, #be123c 100%);
      box-shadow: 0 4px 12px -1px rgba(244, 63, 94, 0.35);
    }

    .form-input, .form-select, .form-textarea {
      padding: 9px 14px;
      border-radius: 10px;
      border: 1px solid #cbd5e1;
      font-size: 13px;
      outline: none;
      background: #ffffff;
      transition: all 0.2s ease;
      color: #0f172a;
    }

    .form-input:focus, .form-select:focus, .form-textarea:focus {
      border-color: #6366f1;
      box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.15);
    }

    th {
      background-color: #f8fafc;
      color: #475569;
      font-weight: 700;
      padding: 12px 14px;
      border-bottom: 2px solid #e2e8f0;
      white-space: nowrap;
      font-size: 12px;
    }

    td {
      padding: 12px 14px;
      border-bottom: 1px solid #f1f5f9;
      color: #1e293b;
      white-space: nowrap;
    }

    tr:hover td {
      background-color: #f8fafc;
    }

    .modal-overlay {
      position: fixed;
      top: 0; left: 0; right: 0; bottom: 0;
      background: rgba(15, 23, 42, 0.62);
      display: none;
      align-items: center;
      justify-content: center;
      z-index: 1000;
      backdrop-filter: blur(6px);
      -webkit-backdrop-filter: blur(6px);
    }

    .modal-card {
      background: #ffffff;
      border-radius: 20px;
      width: 92%;
      max-width: 850px;
      max-height: 88vh;
      overflow-y: auto;
      padding: 26px 28px;
      box-shadow: 0 25px 50px -12px rgba(15, 23, 42, 0.25), 0 0 0 1px rgba(226, 232, 240, 0.8);
      position: relative;
    }

    .modal-box {
      background: #ffffff;
      border-radius: 20px;
      box-shadow: 0 25px 50px -12px rgba(15, 23, 42, 0.25), 0 0 0 1px rgba(226, 232, 240, 0.8);
      overflow: hidden;
      width: 92%;
      max-width: 720px;
      max-height: 88vh;
    }
    .modal-box.modal-lg { max-width: 960px; }
    .modal-box.modal-sm { max-width: 460px; }

    .modal-header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      border-bottom: 1px solid var(--border-color);
      padding-bottom: 12px;
      margin-bottom: 16px;
    }

    .modal-close {
      cursor: pointer;
      background: none;
      border: none;
      font-size: 20px;
      color: var(--text-muted);
    }

    .progress-bar {
      height: 8px;
      background: #e2e8f0;
      border-radius: 4px;
      overflow: hidden;
      margin-top: 4px;
    }

    .progress-fill {
      height: 100%;
      border-radius: 4px;
      background: var(--primary);
    }

    .toast-notification {
      position: fixed;
      bottom: 24px;
      left: 24px;
      background: #15803d;
      color: #fff;
      padding: 12px 20px;
      border-radius: 8px;
      font-size: 13px;
      box-shadow: 0 4px 12px rgba(0,0,0,0.15);
      z-index: 2000;
      display: none;
      align-items: center;
      gap: 10px;
      animation: fadeIn 0.3s;
    }

    @keyframes fadeIn {
      from { opacity: 0; transform: translateY(10px); }
      to { opacity: 1; transform: translateY(0); }
    }
  
    /* استایل‌های اختصاصی مرکز فرماندهی و داشبورد مدیریتی */
    .dash-header-card {
      background: linear-gradient(135deg, #0f172a 0%, #1e3a8a 50%, #1e40af 100%);
      color: #ffffff;
      padding: 20px 24px;
      border-radius: 12px;
      margin-bottom: 20px;
      box-shadow: 0 4px 14px rgba(15, 23, 42, 0.18);
      display: flex;
      justify-content: space-between;
      align-items: center;
      flex-wrap: wrap;
      gap: 16px;
    }
    .dash-role-selector {
      display: flex;
      background: rgba(255, 255, 255, 0.12);
      padding: 4px;
      border-radius: 10px;
      border: 1px solid rgba(255, 255, 255, 0.2);
      gap: 4px;
    }
    .dash-role-btn {
      padding: 8px 14px;
      border-radius: 7px;
      border: none;
      background: transparent;
      color: rgba(255, 255, 255, 0.85);
      font-size: 12px;
      font-weight: 600;
      cursor: pointer;
      transition: all 0.2s ease;
      display: flex;
      align-items: center;
      gap: 6px;
    }
    .dash-role-btn:hover {
      color: #ffffff;
      background: rgba(255, 255, 255, 0.15);
    }
    .dash-role-btn.active {
      background: #ffffff;
      color: #1e3a8a;
      box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);
    }
    .preset-chip {
      padding: 5px 12px;
      border-radius: 20px;
      background: #ffffff;
      border: 1px solid var(--border-color);
      font-size: 11px;
      font-weight: 500;
      color: var(--text-main);
      cursor: pointer;
      transition: all 0.15s ease;
    }
    .preset-chip:hover {
      border-color: var(--primary);
      color: var(--primary);
      background: var(--primary-light);
    }
    .preset-chip.active {
      background: var(--primary);
      color: #ffffff;
      border-color: var(--primary);
      box-shadow: 0 2px 5px rgba(30, 58, 138, 0.2);
    }
    .kpi-card.interactive {
      cursor: pointer;
      transition: transform 0.2s ease, box-shadow 0.2s ease;
      position: relative;
    }
    .kpi-card.interactive:hover {
      transform: translateY(-2px);
      box-shadow: 0 6px 16px rgba(0, 0, 0, 0.08);
      border-color: var(--primary);
    }
    .kpi-drilldown-hint {
      font-size: 10px;
      color: var(--primary);
      margin-top: 6px;
      display: flex;
      align-items: center;
      gap: 4px;
      font-weight: 600;
    }
    .pipeline-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(135px, 1fr));
      gap: 10px;
      margin-top: 12px;
    }
    .pipeline-card {
      background: #ffffff;
      border: 1px solid var(--border-color);
      border-radius: 8px;
      padding: 12px 14px;
      cursor: pointer;
      transition: all 0.2s ease;
    }
    .pipeline-card:hover {
      border-color: var(--primary);
      transform: translateY(-2px);
      box-shadow: 0 4px 10px rgba(0,0,0,0.05);
    }
    .pipeline-title {
      font-size: 11px;
      color: var(--text-muted);
      margin-bottom: 4px;
    }
    .pipeline-val {
      font-size: 15px;
      font-weight: 700;
      margin-bottom: 2px;
    }
    .pipeline-count {
      font-size: 11px;
      color: var(--text-muted);
    }
    .alert-card-item {
      padding: 12px 16px;
      border-radius: 8px;
      margin-bottom: 8px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      border-right: 4px solid;
      background: #ffffff;
      box-shadow: 0 1px 3px rgba(0,0,0,0.03);
    }
    .alert-card-item.critical {
      background: #fff5f5;
      border-right-color: var(--danger);
    }
    .alert-card-item.warning {
      background: #fffbeb;
      border-right-color: var(--warning);
    }
    .alert-card-item.info {
      background: #f0fdf4;
      border-right-color: var(--success);
    }
    .trace-breadcrumb {
      display: flex;
      align-items: center;
      gap: 8px;
      font-size: 12px;
      color: var(--text-muted);
      background: #f8fafc;
      padding: 8px 14px;
      border-radius: 6px;
      margin-bottom: 14px;
      flex-wrap: wrap;
    }
    .trace-breadcrumb-item.active {
      font-weight: 700;
      color: var(--primary);
    }

    @media print {
      @page { size: A4 portrait; margin: 9mm 8mm; }
      /* نوبت ۱۳: گزارش‌های ماتریسی عریض (ارزش افزوده ۱۳ستونه، تحلیل سنی) در حالت افقی
         چاپ می‌شوند تا ستون‌ها در ابعاد عمودی فشرده و ناخوانا نشوند. */
      @page wide-matrix { size: A4 landscape; margin: 8mm 7mm; }
      body.print-wide-matrix { page: wide-matrix; }
      body * {
        visibility: hidden;
      }
      #tab-dashboard, #tab-dashboard * {
        visibility: visible;
      }
      #tab-dashboard {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        background: #ffffff !important;
        padding: 0 !important;
      }
      .dash-role-selector, .filter-toolbar, .no-print, button, .panel-card > div:first-child button {
        display: none !important;
      }
      /* --- جا شدن جدول‌ها و کارت‌ها در کاغذ عمودی (portrait) --- */
      #tab-dashboard .table-container {
        overflow: visible !important;
        max-height: none !important;
        border: none !important;
      }
      #tab-dashboard table {
        width: 100% !important;
        table-layout: auto !important;
        font-size: 8.5px !important;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
      }
      #tab-dashboard thead { display: table-header-group !important; }
      #tab-dashboard tr { page-break-inside: avoid; }
      #tab-dashboard th, #tab-dashboard td {
        padding: 3px 4px !important;
        white-space: normal !important;
        word-break: break-word;
        overflow-wrap: anywhere;
      }
      #tab-dashboard div[style*="grid-template-columns"] {
        grid-template-columns: 1fr 1fr !important;
      }
      #tab-dashboard .panel-card {
        break-inside: avoid;
        box-shadow: none !important;
      }
      #tab-dashboard svg { max-width: 100% !important; height: auto !important; }
      body.board-printing .sidebar, body.board-printing .top-navbar { display: none !important; }
      body.board-printing #tab-dashboard { position: static !important; }

      /* چاپ سایر سربرگ‌ها: هر سکشن فعال (که switchTab آن را display:block کرده) نیز قابل چاپ است */
      main > section[style*="display: block"] { visibility: visible !important; position: static !important; width: 100% !important; background: #ffffff !important; padding: 0 !important; }
      main > section[style*="display: block"] * { visibility: visible !important; }
      main > section[style*="display: block"] .table-container { overflow: visible !important; max-height: none !important; border: none !important; }
      main > section[style*="display: block"] table { width: 100% !important; font-size: 8.5px !important; -webkit-print-color-adjust: exact; print-color-adjust: exact; }
      main > section[style*="display: block"] thead { display: table-header-group !important; }
      main > section[style*="display: block"] tr { page-break-inside: avoid; }
      main > section[style*="display: block"] svg { max-width: 100% !important; height: auto !important; }
      .sidebar, .top-navbar, .no-print { display: none !important; }
    }

  
    /* --- تم بصری مینیمال و شرکتی داشبورد مدیریتی --- */
    :root {
      --dash-bg-main: #f8fafc;
      --dash-card-bg: #ffffff;
      --dash-border: #e2e8f0;
      --dash-text-dark: #0f172a;
      --dash-text-muted: #64748b;
      --dash-primary: #1e40af;
      --dash-primary-light: #eff6ff;
      --dash-success: #16a34a;
      --dash-warning: #d97706;
      --dash-danger: #dc2626;
      --dash-info: #0284c7;
    }

    /* سایدبار تاشو و منوهای فرعی - چسبان (Sticky) با همراهی اسکرول صفحه */
    .sidebar {
      width: 270px;
      background-color: #0f172a;
      color: #f8fafc;
      display: flex;
      flex-direction: column;
      flex-shrink: 0;
      border-left: 1px solid #1e293b;
      transition: width 0.25s cubic-bezier(0.4, 0, 0.2, 1);
      position: sticky;
      top: 0;
      height: 100vh;
      max-height: 100vh;
      align-self: flex-start;
      overflow-y: hidden;
      z-index: 100;
      box-shadow: -2px 0 12px rgba(0, 0, 0, 0.15);
    }
    .sidebar.is-collapsed {
      width: 72px;
    }
    .sidebar.is-collapsed .sidebar-title,
    .sidebar.is-collapsed .sidebar-submenu,
    .sidebar.is-collapsed .menu-arrow,
    .sidebar.is-collapsed .menu-text,
    .sidebar.is-collapsed .sidebar-footer {
      display: none !important;
    }
    .sidebar.is-collapsed .sidebar-header {
      padding: 16px 8px;
      justify-content: center;
    }
    .sidebar.is-collapsed .sidebar-item {
      justify-content: center;
      padding: 14px 8px;
      position: relative;
    }
    .sidebar.is-collapsed .menu-icon {
      margin: 0 !important;
      font-size: 20px;
    }
    .sidebar-menu-parent {
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: 100%;
    }
    .sidebar-submenu {
      list-style: none;
      padding: 4px 18px 4px 10px;
      margin: 2px 0 8px 0;
      background: rgba(15, 23, 42, 0.45);
      border-right: 2px solid #3b82f6;
    }
    .sidebar-subitem {
      padding: 7px 12px;
      font-size: 12px;
      color: #94a3b8;
      cursor: pointer;
      border-radius: 6px;
      transition: all 0.15s ease;
      display: flex;
      align-items: center;
      gap: 8px;
    }
    .sidebar-subitem:hover {
      color: #ffffff;
      background: rgba(255, 255, 255, 0.08);
    }
    .sidebar-subitem.active {
      color: #60a5fa;
      font-weight: 700;
      background: rgba(59, 130, 246, 0.12);
    }

    /* نوار هدر و جستجوی سراسری Omnibar */
    .top-navbar {
      height: 64px;
      background: #ffffff;
      border-bottom: 1px solid var(--dash-border);
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 0 20px;
      position: sticky;
      top: 0;
      z-index: 50;
      box-shadow: 0 1px 3px rgba(0,0,0,0.02);
    }
    .omnibar-wrapper {
      position: relative;
      width: 440px;
      max-width: 100%;
    }
    .omnibar-input {
      width: 100%;
      height: 38px;
      background: #f1f5f9;
      border: 1px solid #cbd5e1;
      border-radius: 8px;
      padding: 0 14px 0 36px;
      font-size: 12px;
      color: #0f172a;
      outline: none;
      transition: all 0.2s ease;
    }
    .omnibar-input:focus {
      background: #ffffff;
      border-color: #3b82f6;
      box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.15);
    }
    .omnibar-icon {
      position: absolute;
      left: 12px;
      top: 50%;
      transform: translateY(-50%);
      color: #64748b;
      pointer-events: none;
      font-size: 14px;
    }
    .omnibar-dropdown {
      position: absolute;
      top: 44px;
      right: 0;
      left: 0;
      background: #ffffff;
      border: 1px solid #e2e8f0;
      border-radius: 10px;
      box-shadow: 0 10px 25px rgba(0, 0, 0, 0.12);
      max-height: 400px;
      overflow-y: auto;
      z-index: 1000;
      padding: 8px;
    }
    .omnibar-cat-header {
      font-size: 11px;
      font-weight: 700;
      color: #64748b;
      padding: 5px 8px;
      background: #f8fafc;
      border-radius: 4px;
      margin: 4px 0;
    }
    .omnibar-row {
      padding: 8px 10px;
      border-radius: 6px;
      cursor: pointer;
      display: flex;
      justify-content: space-between;
      align-items: center;
      font-size: 12px;
      transition: background 0.15s ease;
    }
    .omnibar-row:hover {
      background: #eff6ff;
    }

    /* مشخصات پروفایل و اعلان‌های هدر */
    .user-profile-badge {
      display: flex;
      align-items: center;
      gap: 10px;
      padding: 4px 12px;
      border-radius: 8px;
      background: #f8fafc;
      border: 1px solid #e2e8f0;
    }
    .user-avatar-circle {
      width: 32px;
      height: 32px;
      border-radius: 50%;
      background: #e2e8f0;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 15px;
    }

    /* نوار عنوان داشبورد مدیریتی */
    .dash-title-section {
      display: flex;
      justify-content: space-between;
      align-items: center;
      flex-wrap: wrap;
      gap: 14px;
      margin-bottom: 20px;
      padding-bottom: 14px;
      border-bottom: 1px solid #e2e8f0;
    }
    .dash-title-section h1 {
      font-size: 22px;
      font-weight: 800;
      color: var(--text-main);
      margin: 0 0 4px 0;
    }
    .dash-title-section p {
      font-size: 13px;
      color: #64748b;
      margin: 0;
    }

    /* کارت‌های KPI مینیمال شرکتی */
    .kpi-card-minimal {
      background: #ffffff;
      border: 1px solid var(--dash-border);
      border-radius: 10px;
      padding: 16px;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      cursor: pointer;
      transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
      position: relative;
    }
    .kpi-card-minimal:hover {
      transform: translateY(-2px);
      box-shadow: 0 6px 16px rgba(0, 0, 0, 0.06);
      border-color: #3b82f6;
    }
    .kpi-min-header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      font-size: 12px;
      color: var(--dash-text-muted);
      font-weight: 600;
      margin-bottom: 8px;
    }
    .kpi-min-val {
      font-size: 22px;
      font-weight: 800;
      color: var(--dash-text-dark);
      letter-spacing: -0.5px;
      margin-bottom: 4px;
    }
    .kpi-min-unit {
      font-size: 12px;
      font-weight: normal;
      color: var(--dash-text-muted);
      margin-right: 4px;
    }
    .kpi-min-footer {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-top: 10px;
      padding-top: 8px;
      border-top: 1px dashed #f1f5f9;
      font-size: 11px;
    }
    .sparkline-text {
      letter-spacing: 2px;
      font-size: 13px;
      font-family: monospace;
    }

    /* پنل وضعیت مالی در یک نگاه */
    .glance-bar-container {
      display: flex;
      flex-direction: column;
      gap: 12px;
    }
    .glance-bar-item {
      display: flex;
      flex-direction: column;
      gap: 4px;
    }
    .glance-bar-label {
      display: flex;
      justify-content: space-between;
      font-size: 12px;
      font-weight: 600;
    }
    .glance-bar-track {
      height: 10px;
      background: #e2e8f0;
      border-radius: 5px;
      overflow: hidden;
    }
    .glance-bar-fill {
      height: 100%;
      border-radius: 5px;
      transition: width 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    }

    /* نمودار SVG روند فروش و وصول */
    .chart-container-box {
      background: #ffffff;
      border: 1px solid rgba(226, 232, 240, 0.85);
      border-radius: 16px;
      padding: 20px 22px;
      box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.03), 0 1px 2px -1px rgba(0, 0, 0, 0.03);
      transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    }
    .chart-container-box:hover {
      box-shadow: 0 10px 25px -3px rgba(15, 23, 42, 0.06);
      border-color: rgba(99, 102, 241, 0.3);
    }
    .chart-tooltip {
      position: absolute;
      background: rgba(15, 23, 42, 0.92);
      color: #ffffff;
      padding: 8px 12px;
      border-radius: 6px;
      font-size: 11px;
      pointer-events: none;
      z-index: 100;
      box-shadow: 0 4px 12px rgba(0,0,0,0.15);
      line-height: 1.4;
      display: none;
    }

    /* گیج سلامت وصول */
    .health-gauge-box {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      padding: 16px;
      text-align: center;
    }
    .health-gauge-circle {
      position: relative;
      width: 140px;
      height: 140px;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    /* تقویم وصول چک‌ها */
    .due-cal-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 10px;
    }
    .due-cal-card {
      background: #f8fafc;
      border: 1px solid var(--dash-border);
      border-radius: 8px;
      padding: 12px;
      cursor: pointer;
      transition: all 0.15s ease;
    }
    .due-cal-card:hover {
      border-color: #3b82f6;
      background: #ffffff;
      transform: translateY(-2px);
    }

    /* اسکلتون بارگذاری Skeleton Loading */
    .skeleton {
      background: linear-gradient(90deg, #f1f5f9 25%, #e2e8f0 50%, #f1f5f9 75%);
      background-size: 200% 100%;
      animation: skeleton-shimmer 1.5s infinite;
      border-radius: 6px;
    }
    @keyframes skeleton-shimmer {
      0% { background-position: 200% 0; }
      100% { background-position: -200% 0; }
    }

  
    /* سوئیچ واحد پول (ریال / ریال) */
    .currency-switcher-bar {
      display: inline-flex;
      align-items: center;
      background: #f8fafc;
      border: 1px solid #cbd5e1;
      border-radius: 8px;
      padding: 2px 4px;
    }
    .btn-currency-toggle {
      border: none;
      background: transparent;
      padding: 3px 10px;
      border-radius: 6px;
      font-size: 11px;
      font-weight: 700;
      cursor: pointer;
      color: #64748b;
      transition: all 0.2s ease;
    }
    .btn-currency-toggle.active {
      background: #2563eb;
      color: #ffffff;
      box-shadow: 0 1px 3px rgba(37, 99, 235, 0.3);
    }
    .btn-currency-toggle:hover:not(.active) {
      background: #e2e8f0;
      color: #0f172a;
    }

    /* چیدمان کاملاً افقی، متوازن و ریسپانسیو نوار فیلترهای سراسری داشبورد */
    .dash-filters-horizontal-grid {
      display: grid !important;
      grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
      gap: 12px 14px !important;
      align-items: flex-end !important;
      width: 100% !important;
      box-sizing: border-box !important;
    }
    .dash-filter-item {
      display: flex !important;
      flex-direction: column !important;
      width: 100% !important;
      min-width: 0 !important;
    }
    .dash-filter-item .form-label {
      font-size: 11px !important;
      font-weight: 700 !important;
      color: #334155 !important;
      margin-bottom: 4px !important;
      display: block !important;
      white-space: nowrap !important;
    }
    .dash-filter-item .form-input,
    .dash-filter-item .form-select {
      width: 100% !important;
      height: 35px !important;
      font-size: 11.5px !important;
      padding: 6px 10px !important;
      border: 1px solid #cbd5e1 !important;
      border-radius: 7px !important;
      background-color: #ffffff !important;
      box-sizing: border-box !important;
      color: #0f172a !important;
      font-family: inherit !important;
      transition: all 0.15s ease !important;
    }
    .dash-filter-item .form-input:focus,
    .dash-filter-item .form-select:focus {
      border-color: #2563eb !important;
      box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.15) !important;
      outline: none !important;
    }
    .dash-filter-btn-reset {
      width: 100% !important;
      height: 35px !important;
      font-size: 11.5px !important;
      font-weight: 700 !important;
      padding: 6px 12px !important;
      display: inline-flex !important;
      align-items: center !important;
      justify-content: center !important;
      gap: 6px !important;
      background: #f8fafc !important;
      border: 1px solid #cbd5e1 !important;
      color: #334155 !important;
      border-radius: 7px !important;
      cursor: pointer !important;
      box-sizing: border-box !important;
      font-family: inherit !important;
      transition: all 0.15s ease !important;
    }
    .dash-filter-btn-reset:hover {
      background: #f1f5f9 !important;
      border-color: #94a3b8 !important;
      color: #0f172a !important;
    }
    @media (max-width: 1180px) {
      .dash-filters-horizontal-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
      }
    }
    @media (max-width: 768px) {
      .dash-filters-horizontal-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
      }
      /* نوار هدر و جستجوی سراسری در موبایل: جستجو تمام‌عرض و هدر جمع‌وجور */
      .top-navbar { padding: 0 12px !important; gap: 8px; }
      .omnibar-wrapper { width: 100% !important; max-width: none !important; }
      .nav-search { width: 100% !important; }
      .sidebar {
        position: fixed !important;
        inset-inline-start: 0;
        top: 0;
        height: 100vh;
        transform: translateX(100%);
        transition: transform 0.25s ease;
        box-shadow: -12px 0 40px -18px rgba(0, 0, 0, 0.5);
      }
      body.sidebar-open .sidebar { transform: translateX(0); }
      .sidebar.is-collapsed { width: 270px; }
      .sidebar.is-collapsed .menu-text, .sidebar.is-collapsed .sidebar-footer-text { display: inline !important; }
      .main-content { width: 100% !important; max-width: 100% !important; }
    }
    @media (min-width: 769px) {
      body.sidebar-open .sidebar { transform: none; }
    }
    @media (max-width: 480px) {
      .dash-filters-horizontal-grid {
        grid-template-columns: 1fr !important;
      }
    }
    @media (max-width: 768px) {
      /* جدول‌های عریض: اسکرول افقی + ستون اول چسبان */
      .table-container { overflow-x: auto !important; }
      .table-container table { min-width: 900px; }
      .table-container table th:first-child, .table-container table td:first-child {
        position: sticky !important;
        right: 0;
        z-index: 3;
        background: inherit;
        box-shadow: -1px 0 0 var(--dash-border, #e2e8f0);
      }
      .table-container table thead th:first-child { z-index: 4; }
    }

  
    /* چیدمان منعطف و بدون سرریز بخش سودآوری و جدول‌های دوقلو (تسک ۷۶) */
    .profitability-tables-grid {
      display: grid;
      grid-template-columns: 1fr;
      gap: 16px;
      margin-bottom: 20px;
    }
    .profit-table-card {
      background: #ffffff;
      border-radius: 8px;
      padding: 12px;
      min-width: 0;
      overflow: hidden;
      display: flex;
      flex-direction: column;
    }
    .profit-table-card .table-container {
      max-height: 250px;
      overflow-x: auto;
      overflow-y: auto;
      width: 100%;
      max-width: 100%;
      border-radius: 6px;
      border: 1px solid #f1f5f9;
    }
    .profit-table-card table {
      width: 100%;
      border-collapse: collapse;
      font-size: 11px;
    }
    .profit-table-card th {
      padding: 7px 10px;
      background-color: #f8fafc;
      white-space: nowrap;
      font-size: 11px;
    }
    .profit-table-card td {
      padding: 7px 10px;
      font-size: 11px;
      vertical-align: middle;
    }

/* ===== ۳. جدول‌های عریض و ریسپانسیو (حفظ‌شده) ===== */
/* وصله سراسری جدول‌های عریض: اسکرول افقی داخل کارت، بدون بیرون‌زدگی */
    .panel-card, .kpi-card, .kpi-card-minimal, .profit-table-card {
      min-width: 0;
      overflow: hidden;
    }
    .panel-card .table-container, .panel-card > div[style*="overflow"] {
      max-width: 100%;
      overflow-x: auto !important;
    }
    /* نوبت ۱۳: خاصیت طبیعی جدول حفظ می‌شود (display: table)؛ پیمایش افقی فقط از والد
       .table-container مدیریت می‌شود تا چیدمان ستون‌ها در صفحات کوچک مخدوش نشود. */
    .panel-card table, .profit-table-card table {
      display: table;
      width: 100%;
      max-width: none;
    }
    .panel-card .table-container, .profit-table-card .table-container {
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
    }

/* ===== ۴. تم تیره — همه‌چیز زیر @media screen تا چاپ روشن بماند ===== */
@media screen {
html[data-ras-theme="dark"] {
    color-scheme: dark;
    --primary: #2dd4bf;
    --primary-hover: #5eead4;
    --primary-light: rgba(45, 212, 191, 0.12);
    --secondary: #93a3c4;
    --success: #34d399;
    --success-bg: rgba(52, 211, 153, 0.13);
    --warning: #fbbf24;
    --warning-bg: rgba(251, 191, 36, 0.13);
    --danger: #fb7185;
    --danger-bg: rgba(251, 113, 133, 0.13);
    --bg-page: #070d1f;
    --bg-card: rgba(15, 25, 49, 0.66);
    --border-color: rgba(148, 184, 255, 0.14);
    --text-main: #e9f0fd;
    --text-muted: #9db0d4;
    --dash-bg-main: #070d1f;
    --dash-card-bg: rgba(15, 25, 49, 0.66);
    --dash-border: rgba(148, 184, 255, 0.14);
    --dash-text-dark: #e9f0fd;
    --dash-text-muted: #9db0d4;
    --dash-primary: #2dd4bf;
    --dash-primary-light: rgba(45, 212, 191, 0.12);
    --dash-success: #34d399;
    --dash-warning: #fbbf24;
    --dash-danger: #fb7185;
    --dash-info: #38bdf8;
    --glass-blur: blur(18px) saturate(1.25);
    --glow-teal: 0 0 24px -6px rgba(45, 212, 191, 0.45);
  }
html[data-ras-theme="dark"] body {
    background-color: #070d1f ;
    color: var(--text-main) ;
    isolation: isolate;
  }
html[data-ras-theme="dark"] body::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background:
      radial-gradient(900px 480px at 88% -8%, rgba(45, 212, 191, 0.14), transparent 62%),
      radial-gradient(760px 520px at 8% 12%, rgba(37, 99, 235, 0.20), transparent 60%),
      radial-gradient(1000px 700px at 50% 115%, rgba(14, 116, 144, 0.16), transparent 65%),
      linear-gradient(180deg, #081026 0%, #070d1f 55%, #060b1a 100%);
  }
html[data-ras-theme="dark"] .sidebar {
    background: linear-gradient(180deg, rgba(11, 20, 42, 0.88), rgba(7, 13, 29, 0.94)) ;
    -webkit-backdrop-filter: var(--glass-blur);
    backdrop-filter: var(--glass-blur);
    border-left: 1px solid rgba(45, 212, 191, 0.16) ;
    box-shadow: -12px 0 40px -18px rgba(0, 0, 0, 0.7);
  }
html[data-ras-theme="dark"] .sidebar-item { color: #b9c6e4 ; border: 1px solid transparent; }
html[data-ras-theme="dark"] .sidebar-item:hover { background: rgba(45, 212, 191, 0.10) ; color: #fff ; }
html[data-ras-theme="dark"] .sidebar-item.active {
    background: linear-gradient(135deg, #0e7490 0%, #2563eb 100%) ;
    color: #fff ;
    border-color: rgba(45, 212, 191, 0.4);
    box-shadow: var(--glow-teal);
  }
html[data-ras-theme="dark"] .sidebar-subitem { color: #9db0d4 ; }
html[data-ras-theme="dark"] .sidebar-subitem:hover { background: rgba(45, 212, 191, 0.10) ; color: #fff ; }
html[data-ras-theme="dark"] .sidebar-subitem.active {
    background: rgba(45, 212, 191, 0.16) ;
    color: #5eead4 ;
  }
html[data-ras-theme="dark"] .top-navbar, html[data-ras-theme="dark"] .top-navbar[class] {
    background: rgba(9, 16, 35, 0.72) ;
    -webkit-backdrop-filter: var(--glass-blur);
    backdrop-filter: var(--glass-blur);
    border-bottom: 1px solid rgba(148, 184, 255, 0.12) ;
  }
html[data-ras-theme="dark"] .nav-search {
    background: rgba(13, 24, 48, 0.7) ;
    border-color: rgba(148, 184, 255, 0.16) ;
  }
html[data-ras-theme="dark"] .nav-search input { color: var(--text-main) ; }
html[data-ras-theme="dark"] .nav-search input::placeholder { color: #6b7fa6 ; }
html[data-ras-theme="dark"] .badge-today {
    background: rgba(45, 212, 191, 0.14) ;
    color: #5eead4 ;
    border: 1px solid rgba(45, 212, 191, 0.3);
  }
html[data-ras-theme="dark"] .panel-card, html[data-ras-theme="dark"] .kpi-card, html[data-ras-theme="dark"] .kpi-card-minimal, html[data-ras-theme="dark"] .profit-table-card, html[data-ras-theme="dark"] .pipeline-card, html[data-ras-theme="dark"] .due-cal-card, html[data-ras-theme="dark"] .glance-bar-container, html[data-ras-theme="dark"] .health-gauge-box {
    background: linear-gradient(180deg, rgba(23, 36, 68, 0.72), rgba(13, 22, 44, 0.72)) ;
    -webkit-backdrop-filter: var(--glass-blur);
    backdrop-filter: var(--glass-blur);
    border: 1px solid rgba(148, 184, 255, 0.14) ;
    border-radius: 18px ;
    box-shadow: 0 18px 44px -20px rgba(0, 0, 0, 0.65) ;
    color: var(--text-main) ;
    position: relative;
  }
html[data-ras-theme="dark"] .kpi-card::before, html[data-ras-theme="dark"] .panel-card::before {
    content: "";
    position: absolute;
    top: 0; right: 10%; left: 10%;
    height: 2px;
    border-radius: 2px;
    background: linear-gradient(90deg, transparent, rgba(45, 212, 191, 0.75), rgba(96, 165, 250, 0.75), transparent);
    pointer-events: none;
  }
html[data-ras-theme="dark"] .kpi-card:hover, html[data-ras-theme="dark"] .kpi-card-minimal:hover {
    transform: translateY(-3px) ;
    box-shadow: 0 22px 50px -18px rgba(0, 0, 0, 0.7), var(--glow-teal) ;
    border-color: rgba(45, 212, 191, 0.35) ;
  }
html[data-ras-theme="dark"] .kpi-title, html[data-ras-theme="dark"] .kpi-min-header, html[data-ras-theme="dark"] .pipeline-title, html[data-ras-theme="dark"] .glance-bar-label { color: var(--text-muted) ; }
html[data-ras-theme="dark"] .kpi-value, html[data-ras-theme="dark"] .kpi-min-val, html[data-ras-theme="dark"] .pipeline-val, html[data-ras-theme="dark"] .metric-val { color: #f2f6ff ; }
html[data-ras-theme="dark"] .kpi-meta, html[data-ras-theme="dark"] .kpi-min-footer { color: var(--text-muted) ; }
html[data-ras-theme="dark"] .panel-header { border-bottom-color: rgba(148, 184, 255, 0.12) ; }
html[data-ras-theme="dark"] .panel-title {
    color: #f2f6ff ;
    letter-spacing: -0.3px;
  }
html[data-ras-theme="dark"] .meta-tag.success { background: var(--success-bg) ; color: #6ee7b7 ; border: 1px solid rgba(52, 211, 153, 0.3); }
html[data-ras-theme="dark"] .meta-tag.warning { background: var(--warning-bg) ; color: #fcd34d ; border: 1px solid rgba(251, 191, 36, 0.3); }
html[data-ras-theme="dark"] .meta-tag.danger { background: var(--danger-bg) ; color: #fda4af ; border: 1px solid rgba(251, 113, 133, 0.3); }
html[data-ras-theme="dark"] .meta-tag.info { background: var(--primary-light) ; color: #5eead4 ; border: 1px solid rgba(45, 212, 191, 0.3); }
html[data-ras-theme="dark"] .btn-primary {
    background: linear-gradient(135deg, #0e7490 0%, #2563eb 100%) ;
    border: 1px solid rgba(45, 212, 191, 0.45) ;
    box-shadow: var(--glow-teal) ;
  }
html[data-ras-theme="dark"] .btn-primary:hover { filter: brightness(1.12); box-shadow: 0 0 30px -6px rgba(45, 212, 191, 0.6) ; }
html[data-ras-theme="dark"] .btn-outline {
    background: rgba(13, 24, 48, 0.6) ;
    border-color: rgba(148, 184, 255, 0.22) ;
    color: #cdd9f2 ;
  }
html[data-ras-theme="dark"] .btn-outline:hover { background: rgba(45, 212, 191, 0.12) ; color: #fff ; border-color: rgba(45, 212, 191, 0.4) ; }
html[data-ras-theme="dark"] .btn-success {
    background: linear-gradient(135deg, #059669 0%, #0d9488 100%) ;
    box-shadow: 0 0 24px -6px rgba(52, 211, 153, 0.45) ;
  }
html[data-ras-theme="dark"] .btn-danger {
    background: linear-gradient(135deg, #e11d48 0%, #9f1239 100%) ;
    box-shadow: 0 0 24px -6px rgba(251, 113, 133, 0.45) ;
  }
html[data-ras-theme="dark"] .form-input, html[data-ras-theme="dark"] .form-select, html[data-ras-theme="dark"] .form-textarea, html[data-ras-theme="dark"] select, html[data-ras-theme="dark"] input[type="text"], html[data-ras-theme="dark"] input[type="number"], html[data-ras-theme="dark"] input[type="date"], html[data-ras-theme="dark"] textarea {
    background: rgba(8, 15, 33, 0.75) ;
    border: 1px solid rgba(148, 184, 255, 0.18) ;
    color: var(--text-main) ;
  }
html[data-ras-theme="dark"] .form-input:focus, html[data-ras-theme="dark"] .form-select:focus, html[data-ras-theme="dark"] .form-textarea:focus, html[data-ras-theme="dark"] input:focus, html[data-ras-theme="dark"] select:focus, html[data-ras-theme="dark"] textarea:focus {
    border-color: rgba(45, 212, 191, 0.6) ;
    box-shadow: 0 0 0 3px rgba(45, 212, 191, 0.16) ;
    outline: none ;
  }
html[data-ras-theme="dark"] select option { background: #0d1730; color: #e9f0fd; }
html[data-ras-theme="dark"] .form-label, html[data-ras-theme="dark"] label { color: #b9c6e4 ; }
html[data-ras-theme="dark"] table { color: var(--text-main) ; }
html[data-ras-theme="dark"] th {
    background: rgba(10, 19, 40, 0.9) ;
    color: #8fd8cd ;
    border-bottom: 1px solid rgba(45, 212, 191, 0.25) ;
  }
html[data-ras-theme="dark"] td {
    color: #dbe4f7 ;
    border-bottom: 1px solid rgba(148, 184, 255, 0.08) ;
  }
html[data-ras-theme="dark"] tr:hover td { background: rgba(45, 212, 191, 0.06) ; }
html[data-ras-theme="dark"] .table-container {
    border: 1px solid rgba(148, 184, 255, 0.12) ;
    border-radius: 12px ;
    background: rgba(8, 15, 33, 0.4) ;
  }
html[data-ras-theme="dark"] .modal-overlay { background: rgba(3, 6, 16, 0.72) ; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); }
html[data-ras-theme="dark"] .modal-card, html[data-ras-theme="dark"] .modal-box {
    background: linear-gradient(180deg, rgba(22, 34, 64, 0.96), rgba(11, 19, 39, 0.97)) ;
    border: 1px solid rgba(45, 212, 191, 0.22) ;
    border-radius: 20px ;
    box-shadow: 0 30px 80px -20px rgba(0, 0, 0, 0.8), var(--glow-teal) ;
    color: var(--text-main) ;
  }
html[data-ras-theme="dark"] .modal-header { border-bottom-color: rgba(148, 184, 255, 0.12) ; }
html[data-ras-theme="dark"] .toast-notification {
    background: rgba(13, 23, 47, 0.92) ;
    border: 1px solid rgba(45, 212, 191, 0.3) ;
    color: var(--text-main) ;
    -webkit-backdrop-filter: var(--glass-blur);
    backdrop-filter: var(--glass-blur);
    box-shadow: 0 18px 50px -12px rgba(0, 0, 0, 0.7) ;
  }
html[data-ras-theme="dark"] .progress-bar, html[data-ras-theme="dark"] .glance-bar-track {
    background: rgba(148, 184, 255, 0.12) ;
  }
html[data-ras-theme="dark"] .progress-fill, html[data-ras-theme="dark"] .glance-bar-fill {
    background: linear-gradient(90deg, #0ea5a4, #38bdf8) ;
    box-shadow: 0 0 12px rgba(45, 212, 191, 0.5);
  }
html[data-ras-theme="dark"] .apexcharts-text, html[data-ras-theme="dark"] .apexcharts-legend-text, html[data-ras-theme="dark"] .apexcharts-datalabel {
    fill: #b9c6e4 ;
    color: #b9c6e4 ;
  }
html[data-ras-theme="dark"] .apexcharts-gridline { stroke: rgba(148, 184, 255, 0.10) ; }
html[data-ras-theme="dark"] .apexcharts-tooltip, html[data-ras-theme="dark"] .apexcharts-xaxistooltip {
    background: rgba(10, 18, 38, 0.95) ;
    border: 1px solid rgba(45, 212, 191, 0.3) ;
    color: #e9f0fd ;
  }
html[data-ras-theme="dark"] .apexcharts-tooltip-title { background: rgba(45, 212, 191, 0.12) ; color: #5eead4 ; }
html[data-ras-theme="dark"] ::-webkit-scrollbar { width: 9px; height: 9px; }
html[data-ras-theme="dark"] ::-webkit-scrollbar-track { background: rgba(8, 14, 30, 0.6); }
html[data-ras-theme="dark"] ::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #0e7490, #1d4ed8);
    border-radius: 8px;
    border: 2px solid rgba(8, 14, 30, 0.6);
  }
html[data-ras-theme="dark"] [style*="background: #f8fafc"], html[data-ras-theme="dark"] [style*="background:#f8fafc"], html[data-ras-theme="dark"] [style*="background: #f1f5f9"], html[data-ras-theme="dark"] [style*="background:#f1f5f9"], html[data-ras-theme="dark"] [style*="background: #fff;"], html[data-ras-theme="dark"] [style*="background:#fff;"], html[data-ras-theme="dark"] [style*="background: #ffffff"], html[data-ras-theme="dark"] [style*="background:#ffffff"], html[data-ras-theme="dark"] [style*="background: #fdfefe"], html[data-ras-theme="dark"] [style*="background:#fdfefe"], html[data-ras-theme="dark"] [style*="background-color: #fff"], html[data-ras-theme="dark"] [style*="background-color:#fff"], html[data-ras-theme="dark"] [style*="background-color: #f8fafc"], html[data-ras-theme="dark"] [style*="background-color:#f8fafc"] {
    background: rgba(13, 24, 48, 0.66) !important;
    background-color: rgba(13, 24, 48, 0.66) !important;
    border-color: rgba(148, 184, 255, 0.14) !important;
    color: var(--text-main) !important;
  }
html[data-ras-theme="dark"] [style*="background: #f0fdf4"], html[data-ras-theme="dark"] [style*="background:#f0fdf4"], html[data-ras-theme="dark"] [style*="background: #dcfce7"], html[data-ras-theme="dark"] [style*="background:#dcfce7"] {
    background: rgba(52, 211, 153, 0.13) !important;
    border-color: rgba(52, 211, 153, 0.32) !important;
  }
html[data-ras-theme="dark"] [style*="background: #fef2f2"], html[data-ras-theme="dark"] [style*="background:#fef2f2"], html[data-ras-theme="dark"] [style*="background: #fee2e2"], html[data-ras-theme="dark"] [style*="background:#fee2e2"] {
    background: rgba(251, 113, 133, 0.13) !important;
    border-color: rgba(251, 113, 133, 0.32) !important;
  }
html[data-ras-theme="dark"] [style*="background: #fffbeb"], html[data-ras-theme="dark"] [style*="background:#fffbeb"], html[data-ras-theme="dark"] [style*="background: #fef3c7"], html[data-ras-theme="dark"] [style*="background:#fef3c7"], html[data-ras-theme="dark"] [style*="background: #fff7ed"], html[data-ras-theme="dark"] [style*="background:#fff7ed"] {
    background: rgba(251, 191, 36, 0.12) !important;
    border-color: rgba(251, 191, 36, 0.32) !important;
  }
html[data-ras-theme="dark"] [style*="background: #eff6ff"], html[data-ras-theme="dark"] [style*="background:#eff6ff"] {
    background: rgba(56, 189, 248, 0.12) !important;
    border-color: rgba(56, 189, 248, 0.32) !important;
  }
html[data-ras-theme="dark"] [style*="color: #0f172a"], html[data-ras-theme="dark"] [style*="color:#0f172a"], html[data-ras-theme="dark"] [style*="color: #1e293b"], html[data-ras-theme="dark"] [style*="color:#1e293b"], html[data-ras-theme="dark"] [style*="color: #334155"], html[data-ras-theme="dark"] [style*="color:#334155"], html[data-ras-theme="dark"] [style*="color: #475569"], html[data-ras-theme="dark"] [style*="color:#475569"] {
    color: #e9f0fd !important;
  }
html[data-ras-theme="dark"] [style*="color: #64748b"], html[data-ras-theme="dark"] [style*="color:#64748b"] { color: #9db0d4 !important; }
html[data-ras-theme="dark"] [style*="color: #1e40af"], html[data-ras-theme="dark"] [style*="color:#1e40af"], html[data-ras-theme="dark"] [style*="color: #1e3a8a"], html[data-ras-theme="dark"] [style*="color:#1e3a8a"], html[data-ras-theme="dark"] [style*="color: #2563eb"], html[data-ras-theme="dark"] [style*="color:#2563eb"] { color: #7dd3fc !important; }
html[data-ras-theme="dark"] [style*="color: #15803d"], html[data-ras-theme="dark"] [style*="color:#15803d"], html[data-ras-theme="dark"] [style*="color: #166534"], html[data-ras-theme="dark"] [style*="color:#166534"], html[data-ras-theme="dark"] [style*="color: #16a34a"], html[data-ras-theme="dark"] [style*="color:#16a34a"] { color: #6ee7b7 !important; }
html[data-ras-theme="dark"] [style*="color: #b91c1c"], html[data-ras-theme="dark"] [style*="color:#b91c1c"], html[data-ras-theme="dark"] [style*="color: #991b1b"], html[data-ras-theme="dark"] [style*="color:#991b1b"], html[data-ras-theme="dark"] [style*="color: #dc2626"], html[data-ras-theme="dark"] [style*="color:#dc2626"] { color: #fda4af !important; }
html[data-ras-theme="dark"] [style*="color: #b45309"], html[data-ras-theme="dark"] [style*="color:#b45309"], html[data-ras-theme="dark"] [style*="color: #92400e"], html[data-ras-theme="dark"] [style*="color:#92400e"], html[data-ras-theme="dark"] [style*="color: #d97706"], html[data-ras-theme="dark"] [style*="color:#d97706"] { color: #fcd34d !important; }
html[data-ras-theme="dark"] [style*="color: #0284c7"], html[data-ras-theme="dark"] [style*="color:#0284c7"] { color: #7dd3fc !important; }
html[data-ras-theme="dark"] [style*="254, 242, 242"], html[data-ras-theme="dark"] [style*="255, 241, 242"] {
    background: rgba(251, 113, 133, 0.13) !important;
    background-color: rgba(251, 113, 133, 0.13) !important;
    border-color: rgba(251, 113, 133, 0.35) !important;
  }
html[data-ras-theme="dark"] [style*="255, 247, 237"], html[data-ras-theme="dark"] [style*="255, 251, 235"], html[data-ras-theme="dark"] [style*="254, 252, 232"] {
    background: rgba(251, 191, 36, 0.12) !important;
    background-color: rgba(251, 191, 36, 0.12) !important;
    border-color: rgba(251, 191, 36, 0.35) !important;
  }
html[data-ras-theme="dark"] [style*="240, 253, 244"] {
    background: rgba(52, 211, 153, 0.13) !important;
    background-color: rgba(52, 211, 153, 0.13) !important;
    border-color: rgba(52, 211, 153, 0.35) !important;
  }
html[data-ras-theme="dark"] [style*="239, 246, 255"] {
    background: rgba(56, 189, 248, 0.12) !important;
    background-color: rgba(56, 189, 248, 0.12) !important;
    border-color: rgba(56, 189, 248, 0.35) !important;
  }
html[data-ras-theme="dark"] [style*="248, 250, 252"], html[data-ras-theme="dark"] [style*="241, 245, 249"], html[data-ras-theme="dark"] [style*="255, 248, 246"], html[data-ras-theme="dark"] [style*="255, 245, 245"] {
    background: rgba(13, 24, 48, 0.66) !important;
    background-color: rgba(13, 24, 48, 0.66) !important;
    border-color: rgba(148, 184, 255, 0.14) !important;
  }
html[data-ras-theme="dark"] [style*="background: #fff1f2"], html[data-ras-theme="dark"] [style*="background:#fff1f2"], html[data-ras-theme="dark"] [style*="background: #fefce8"], html[data-ras-theme="dark"] [style*="background:#fefce8"], html[data-ras-theme="dark"] [style*="background: #fff8f6"], html[data-ras-theme="dark"] [style*="background:#fff8f6"], html[data-ras-theme="dark"] [style*="background: #fff5f5"], html[data-ras-theme="dark"] [style*="background:#fff5f5"] {
    background: rgba(251, 113, 133, 0.13) !important;
    border-color: rgba(251, 113, 133, 0.35) !important;
  }
html[data-ras-theme="dark"] [style*="15, 23, 42"], html[data-ras-theme="dark"] [style*="30, 41, 59"], html[data-ras-theme="dark"] [style*="51, 65, 85"], html[data-ras-theme="dark"] [style*="71, 85, 105"] {
    color: #e9f0fd !important;
  }
html[data-ras-theme="dark"] [style*="100, 116, 139"] { color: #9db0d4 !important; }
html[data-ras-theme="dark"] [style*="30, 64, 175"], html[data-ras-theme="dark"] [style*="30, 58, 138"], html[data-ras-theme="dark"] [style*="37, 99, 235"], html[data-ras-theme="dark"] [style*="79, 70, 229"], html[data-ras-theme="dark"] [style*="2, 132, 199"] { color: #7dd3fc !important; }
html[data-ras-theme="dark"] [style*="21, 128, 61"], html[data-ras-theme="dark"] [style*="22, 101, 52"], html[data-ras-theme="dark"] [style*="22, 163, 74"], html[data-ras-theme="dark"] [style*="20, 83, 45"], html[data-ras-theme="dark"] [style*="16, 185, 129"] { color: #6ee7b7 !important; }
html[data-ras-theme="dark"] [style*="185, 28, 28"], html[data-ras-theme="dark"] [style*="153, 27, 27"], html[data-ras-theme="dark"] [style*="220, 38, 38"], html[data-ras-theme="dark"] [style*="127, 29, 29"], html[data-ras-theme="dark"] [style*="239, 68, 68"] { color: #fda4af !important; }
html[data-ras-theme="dark"] [style*="180, 83, 9"], html[data-ras-theme="dark"] [style*="146, 64, 14"], html[data-ras-theme="dark"] [style*="217, 119, 6"] { color: #fcd34d !important; }
html[data-ras-theme="dark"] [style*="color: #4f46e5"], html[data-ras-theme="dark"] [style*="color:#4f46e5"], html[data-ras-theme="dark"] [style*="color: #7f1d1d"], html[data-ras-theme="dark"] [style*="color:#7f1d1d"], html[data-ras-theme="dark"] [style*="color: #14532d"], html[data-ras-theme="dark"] [style*="color:#14532d"], html[data-ras-theme="dark"] [style*="color: #ef4444"], html[data-ras-theme="dark"] [style*="color:#ef4444"], html[data-ras-theme="dark"] [style*="color: #10b981"], html[data-ras-theme="dark"] [style*="color:#10b981"] { color: #e9f0fd !important; }
html[data-ras-theme="dark"] [style*="254, 242, 242"] strong, html[data-ras-theme="dark"] [style*="255, 241, 242"] strong, html[data-ras-theme="dark"] [style*="255, 247, 237"] strong, html[data-ras-theme="dark"] [style*="255, 251, 235"] strong, html[data-ras-theme="dark"] [style*="254, 252, 232"] strong, html[data-ras-theme="dark"] [style*="240, 253, 244"] strong, html[data-ras-theme="dark"] [style*="239, 246, 255"] strong, html[data-ras-theme="dark"] [style*="248, 250, 252"] strong, html[data-ras-theme="dark"] [style*="241, 245, 249"] strong, html[data-ras-theme="dark"] [style*="255, 248, 246"] strong, html[data-ras-theme="dark"] [style*="255, 245, 245"] strong { color: #f2f6ff !important; }
html[data-ras-theme="dark"] [style*="254, 242, 242"] div, html[data-ras-theme="dark"] [style*="255, 241, 242"] div, html[data-ras-theme="dark"] [style*="255, 247, 237"] div, html[data-ras-theme="dark"] [style*="255, 251, 235"] div, html[data-ras-theme="dark"] [style*="254, 252, 232"] div, html[data-ras-theme="dark"] [style*="240, 253, 244"] div, html[data-ras-theme="dark"] [style*="239, 246, 255"] div, html[data-ras-theme="dark"] [style*="248, 250, 252"] div, html[data-ras-theme="dark"] [style*="241, 245, 249"] div, html[data-ras-theme="dark"] [style*="255, 248, 246"] div, html[data-ras-theme="dark"] [style*="255, 245, 245"] div { color: #9db0d4 !important; }
html[data-ras-theme="dark"] .alert-card-item { background: rgba(13, 24, 48, 0.66) ; border-color: rgba(148, 184, 255, 0.16) ; color: var(--text-main) ; }
html[data-ras-theme="dark"] .alert-card-item.critical { background: rgba(251, 113, 133, 0.13) ; border-right-color: #fb7185 ; }
html[data-ras-theme="dark"] .alert-card-item.warning { background: rgba(251, 191, 36, 0.12) ; border-right-color: #fbbf24 ; }
html[data-ras-theme="dark"] .alert-card-item.info { background: rgba(52, 211, 153, 0.12) ; border-right-color: #34d399 ; }
html[data-ras-theme="dark"] .badge { background: rgba(148, 163, 184, 0.14) ; color: #cbd5e1 ; border: 1px solid rgba(148, 163, 184, 0.3); }
html[data-ras-theme="dark"] .badge-danger { background: rgba(251, 113, 133, 0.18) ; color: #fda4af ; border: 1px solid rgba(251, 113, 133, 0.4); }
html[data-ras-theme="dark"] .badge-warning { background: rgba(251, 191, 36, 0.16) ; color: #fcd34d ; border: 1px solid rgba(251, 191, 36, 0.4); }
html[data-ras-theme="dark"] .badge-success { background: rgba(52, 211, 153, 0.16) ; color: #6ee7b7 ; border: 1px solid rgba(52, 211, 153, 0.4); }
html[data-ras-theme="dark"] .badge-info { background: rgba(45, 212, 191, 0.14) ; color: #5eead4 ; border: 1px solid rgba(45, 212, 191, 0.4); }
html[data-ras-theme="dark"] .badge-secondary { background: rgba(148, 163, 184, 0.12) ; color: #cbd5e1 ; border: 1px solid rgba(148, 163, 184, 0.28); }
html[data-ras-theme="dark"] .badge-outline { background: transparent ; color: #cbd5e1 ; border: 1px solid rgba(148, 163, 184, 0.35); }
html[data-ras-theme="dark"] [style*="#fafafa"] { background: rgba(13, 22, 44, 0.85) !important; }
html[data-ras-theme="dark"] svg line[stroke="#f1f5f9"] { stroke: rgba(148, 184, 255, 0.12) ; }
html[data-ras-theme="dark"] svg text[fill="#475569"] { fill: #9db0d0 ; }
html[data-ras-theme="dark"] svg text[fill="#64748b"] { fill: #9db0d0 ; }
html[data-ras-theme="dark"] svg text[fill="#94a3b8"] { fill: #a8b8d6 ; }
html[data-ras-theme="dark"] [style*="color: #9a3412"], html[data-ras-theme="dark"] [style*="color:#9a3412"], html[data-ras-theme="dark"] [style*="color: #c2410c"], html[data-ras-theme="dark"] [style*="color:#c2410c"] { color: #fdba74 !important; }
html[data-ras-theme="dark"] [style*="154, 52, 18"], html[data-ras-theme="dark"] [style*="194, 65, 12"] { color: #fdba74 !important; }
html[data-ras-theme="dark"] [style*="#f1f5f9"] {
    background: rgba(13, 24, 48, 0.66) !important;
    background-color: rgba(13, 24, 48, 0.66) !important;
    border-color: rgba(148, 184, 255, 0.16) !important;
  }
html[data-ras-theme="dark"] [style*="#dbeafe"] {
    background: rgba(56, 189, 248, 0.12) !important;
    background-color: rgba(56, 189, 248, 0.12) !important;
    border-color: rgba(56, 189, 248, 0.35) !important;
  }
html[data-ras-theme="dark"] [style*="#dcfce7"] {
    background: rgba(52, 211, 153, 0.13) !important;
    background-color: rgba(52, 211, 153, 0.13) !important;
    border-color: rgba(52, 211, 153, 0.35) !important;
  }
html[data-ras-theme="dark"] [style*="#ffedd5"] {
    background: rgba(251, 191, 36, 0.12) !important;
    background-color: rgba(251, 191, 36, 0.12) !important;
    border-color: rgba(251, 191, 36, 0.35) !important;
  }
html[data-ras-theme="dark"] .chart-container-box {
    background: linear-gradient(180deg, rgba(23, 36, 68, 0.72), rgba(13, 22, 44, 0.72)) ;
    -webkit-backdrop-filter: var(--glass-blur);
    backdrop-filter: var(--glass-blur);
    border: 1px solid rgba(148, 184, 255, 0.14) ;
    border-radius: 18px ;
    box-shadow: 0 18px 44px -20px rgba(0, 0, 0, 0.65) ;
    color: var(--text-main) ;
  }
html[data-ras-theme="dark"] .chart-container-box:hover {
    box-shadow: 0 22px 50px -18px rgba(0, 0, 0, 0.7), var(--glow-teal) ;
    border-color: rgba(45, 212, 191, 0.35) ;
  }
html[data-ras-theme="dark"] .chart-container-box .u-bg-indigo {
    background: rgba(79, 70, 229, 0.16) ;
    border-color: rgba(129, 140, 248, 0.4) ;
  }
html[data-ras-theme="dark"] .chart-container-box .u-bg-emerald {
    background: rgba(52, 211, 153, 0.14) ;
    border-color: rgba(52, 211, 153, 0.4) ;
  }
html[data-ras-theme="dark"] .chart-container-box .u-ic-indigo-d { color: #a5b4fc ; }
html[data-ras-theme="dark"] .chart-container-box .u-ic-emerald-d { color: #6ee7b7 ; }
html[data-ras-theme="dark"] #svgSalesColChart line { stroke: rgba(148, 184, 255, 0.10) ; }
html[data-ras-theme="dark"] #svgSalesColChart text { fill: #9db0d4 ; }
html[data-ras-theme="dark"] #svgReceivablesDonut + div, html[data-ras-theme="dark"] #dashDonutCenterOverlay { color: #9db0d4 ; }
html[data-ras-theme="dark"] .preset-chip {
    background: rgba(13, 24, 48, 0.7) ;
    border-color: rgba(148, 184, 255, 0.22) ;
    color: #cdd9f2 ;
  }
html[data-ras-theme="dark"] .preset-chip:hover {
    border-color: rgba(45, 212, 191, 0.5) ;
    color: #5eead4 ;
    background: rgba(45, 212, 191, 0.12) ;
  }
html[data-ras-theme="dark"] .preset-chip.active {
    background: linear-gradient(135deg, #0e7490 0%, #2563eb 100%) ;
    color: #fff ;
    border-color: rgba(45, 212, 191, 0.45) ;
    box-shadow: var(--glow-teal) ;
  }
html[data-ras-theme="dark"] .dash-filter-item .form-label { color: #b9c6e4 ; }
html[data-ras-theme="dark"] .dash-filter-item .form-input, html[data-ras-theme="dark"] .dash-filter-item .form-select {
    background-color: rgba(8, 15, 33, 0.75) ;
    border-color: rgba(148, 184, 255, 0.18) ;
    color: var(--text-main) ;
  }
html[data-ras-theme="dark"] .dash-filter-item .form-input::placeholder { color: #6b7fa6 ; }
html[data-ras-theme="dark"] .dash-filter-item .form-input:focus, html[data-ras-theme="dark"] .dash-filter-item .form-select:focus {
    border-color: rgba(45, 212, 191, 0.6) ;
    box-shadow: 0 0 0 3px rgba(45, 212, 191, 0.16) ;
  }
html[data-ras-theme="dark"] .dash-filter-btn-reset {
    background: rgba(13, 24, 48, 0.6) ;
    border-color: rgba(148, 184, 255, 0.22) ;
    color: #cdd9f2 ;
  }
html[data-ras-theme="dark"] .dash-filter-btn-reset:hover {
    background: rgba(45, 212, 191, 0.12) ;
    color: #fff ;
    border-color: rgba(45, 212, 191, 0.4) ;
  }
html[data-ras-theme="dark"] :focus-visible { outline: 2px solid rgba(45, 212, 191, 0.7) !important; outline-offset: 2px; }
@keyframes dg-rise {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
  }
html[data-ras-theme="dark"] .panel-card, html[data-ras-theme="dark"] .kpi-card, html[data-ras-theme="dark"] .kpi-card-minimal { animation: dg-rise 0.45s ease both; }
@media (prefers-reduced-motion: reduce) {html[data-ras-theme="dark"] .panel-card, html[data-ras-theme="dark"] .kpi-card, html[data-ras-theme="dark"] .kpi-card-minimal { animation: none; }
html[data-ras-theme="dark"] * { transition-duration: 0.01ms !important; }}
}