/* =========================================================
   AKS / DOGTEK ERP — Unified Light / Dark Theme Final Layer
   Applied after every module and page stylesheet.
   Keeps all application sections visually consistent without
   changing printable PDF/report pages.
   ========================================================= */

html[data-theme="light"]{
  color-scheme:light;
  --ui-bg:#eef5ff;
  --ui-bg-2:#f8fbff;
  --ui-surface:#ffffff;
  --ui-surface-2:#f7faff;
  --ui-surface-3:#edf5ff;
  --ui-text:#0b1933;
  --ui-heading:#07142d;
  --ui-muted:#64748b;
  --ui-line:#d9e6f5;
  --ui-line-strong:#bfd3ec;
  --ui-input:#ffffff;
  --ui-input-disabled:#eef3f9;
  --ui-table-head:#eaf3ff;
  --ui-table-even:#f8fbff;
  --ui-table-hover:#edf6ff;
  --ui-primary:#1769e0;
  --ui-primary-2:#0ea5e9;
  --ui-success:#16803c;
  --ui-danger:#dc2626;
  --ui-warning:#d97706;
  --ui-info:#0369a1;
  --ui-shadow:0 16px 40px rgba(15,23,42,.09);
  --ui-shadow-soft:0 8px 24px rgba(15,23,42,.06);
}
html[data-theme="dark"]{
  color-scheme:dark;
  --ui-bg:#020817;
  --ui-bg-2:#071326;
  --ui-surface:#0d1a2f;
  --ui-surface-2:#11213a;
  --ui-surface-3:#172945;
  --ui-text:#e7eef9;
  --ui-heading:#f8fbff;
  --ui-muted:#aab9ce;
  --ui-line:#2b405e;
  --ui-line-strong:#3c587d;
  --ui-input:#09162a;
  --ui-input-disabled:#13233b;
  --ui-table-head:#172a47;
  --ui-table-even:#0a172b;
  --ui-table-hover:#162b49;
  --ui-primary:#3b82f6;
  --ui-primary-2:#22b8ee;
  --ui-success:#22c55e;
  --ui-danger:#f87171;
  --ui-warning:#fbbf24;
  --ui-info:#7dd3fc;
  --ui-shadow:0 18px 48px rgba(0,0,0,.34);
  --ui-shadow-soft:0 10px 28px rgba(0,0,0,.22);
}

html[data-theme] body{
  background:
    radial-gradient(circle at 10% 0%,rgba(14,165,233,.10),transparent 30%),
    radial-gradient(circle at 90% 20%,rgba(37,99,235,.10),transparent 34%),
    linear-gradient(145deg,var(--ui-bg),var(--ui-bg-2))!important;
  color:var(--ui-text)!important;
}
html[data-theme] .main{color:var(--ui-text)!important;background:transparent!important;}
html[data-theme] h1,
html[data-theme] h2,
html[data-theme] h3,
html[data-theme] h4,
html[data-theme] h5,
html[data-theme] h6,
html[data-theme] .title,
html[data-theme] .topbar-title,
html[data-theme] .section-title h3,
html[data-theme] .hr-card-title h3,
html[data-theme] .emp-card-title,
html[data-theme] .leave-section-heading,
html[data-theme] .summary-title{color:var(--ui-heading)!important;}
html[data-theme] body,
html[data-theme] p,
html[data-theme] td,
html[data-theme] .value,
html[data-theme] .val,
html[data-theme] .info,
html[data-theme] .label,
html[data-theme] .field-label{color:var(--ui-text);}
html[data-theme] .muted,
html[data-theme] .text-muted,
html[data-theme] small,
html[data-theme] .sub,
html[data-theme] .hint,
html[data-theme] .hr-search-hint,
html[data-theme] .login-sub,
html[data-theme] .login-foot{color:var(--ui-muted)!important;}

/* Main surfaces used throughout accounting, inventory, fuel, HR and administration. */
html[data-theme] .topbar,
html[data-theme] .page-head,
html[data-theme] .card,
html[data-theme] .form-card,
html[data-theme] .erp-card,
html[data-theme] .box,
html[data-theme] .panel,
html[data-theme] .smart-panel,
html[data-theme] .section,
html[data-theme] .summary,
html[data-theme] .advanced-box,
html[data-theme] .backup-box,
html[data-theme] .wa-box,
html[data-theme] .request-mini,
html[data-theme] .hr-main-card,
html[data-theme] .hr-side-card,
html[data-theme] .hr-chart-card,
html[data-theme] .hr-upload-box,
html[data-theme] .emp-card,
html[data-theme] .emp-side-card,
html[data-theme] .emp-form-section,
html[data-theme] .leave-form-section,
html[data-theme] .m-card,
html[data-theme] .eps-card,
html[data-theme] .perm-card,
html[data-theme] .kitchen-stat,
html[data-theme] .stat,
html[data-theme] .stat-card,
html[data-theme] .erp-stat-card,
html[data-theme] .hr-kpi,
html[data-theme] .emp-stat,
html[data-theme] .m-kpi,
html[data-theme] .ab-kpi,
html[data-theme] .eps-stat,
html[data-theme] .ebi-stat,
html[data-theme] .info-cell,
html[data-theme] .meta-box,
html[data-theme] .modal,
html[data-theme] .modal-content,
html[data-theme] .dropdown-menu{
  background:var(--ui-surface)!important;
  color:var(--ui-text)!important;
  border-color:var(--ui-line)!important;
  box-shadow:var(--ui-shadow-soft)!important;
}
html[data-theme] .topbar,
html[data-theme] .page-head,
html[data-theme] .card,
html[data-theme] .form-card,
html[data-theme] .erp-card{box-shadow:var(--ui-shadow)!important;}
html[data-theme] .card::before,
html[data-theme] .form-card::before,
html[data-theme] .erp-card::before{opacity:.95;}

/* Neutral nested surfaces. */
html[data-theme] .summary-line,
html[data-theme] .legend-row,
html[data-theme] .note-box,
html[data-theme] .info-grid,
html[data-theme] .emp-info-row,
html[data-theme] .leave-row,
html[data-theme] .payroll-envelope-row,
html[data-theme] .fuel-form,
html[data-theme] .m-form,
html[data-theme] .dept-field,
html[data-theme] .field-group,
html[data-theme] .filter-box,
html[data-theme] .filters,
html[data-theme] .hr-filters{
  background:var(--ui-surface-2)!important;
  color:var(--ui-text)!important;
  border-color:var(--ui-line)!important;
}

/* Form controls and labels. */
html[data-theme] label,
html[data-theme] .field label,
html[data-theme] .hr-field label,
html[data-theme] .emp-form-field label,
html[data-theme] .dept-field label,
html[data-theme] .m-field label,
html[data-theme] .leave-field-label,
html[data-theme] .fuel-label{
  color:var(--ui-text)!important;
  font-weight:900!important;
}
html[data-theme] input,
html[data-theme] select,
html[data-theme] textarea,
html[data-theme] .input,
html[data-theme] [contenteditable="true"]{
  background:var(--ui-input)!important;
  color:var(--ui-text)!important;
  border-color:var(--ui-line-strong)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 6px 16px rgba(15,23,42,.035)!important;
}
html[data-theme] input:hover,
html[data-theme] select:hover,
html[data-theme] textarea:hover{border-color:var(--ui-primary)!important;}
html[data-theme] input:focus,
html[data-theme] select:focus,
html[data-theme] textarea:focus,
html[data-theme] [contenteditable="true"]:focus{
  border-color:var(--ui-primary-2)!important;
  box-shadow:0 0 0 4px rgba(14,165,233,.16),0 10px 26px rgba(15,23,42,.08)!important;
  outline:0!important;
}
html[data-theme] input:disabled,
html[data-theme] select:disabled,
html[data-theme] textarea:disabled,
html[data-theme] input[readonly],
html[data-theme] textarea[readonly]{
  background:var(--ui-input-disabled)!important;
  color:var(--ui-muted)!important;
  opacity:1!important;
}
html[data-theme] input::placeholder,
html[data-theme] textarea::placeholder{color:var(--ui-muted)!important;opacity:.78!important;}
html[data-theme="dark"] input[type="date"]::-webkit-calendar-picker-indicator,
html[data-theme="dark"] input[type="time"]::-webkit-calendar-picker-indicator{filter:invert(1) brightness(1.65);opacity:.9;}
html[data-theme] input[type="file"]{padding:7px!important;}
html[data-theme] input[type="file"]::file-selector-button{
  border:0!important;border-radius:10px!important;padding:9px 12px!important;margin-inline-end:9px!important;
  background:linear-gradient(135deg,var(--ui-primary),var(--ui-primary-2))!important;color:#fff!important;font-weight:900!important;
}
html[data-theme] .upload-box,
html[data-theme] .upload-zone,
html[data-theme] .drop-zone,
html[data-theme] .attachment-box,
html[data-theme] [class*="upload-area"]{
  background:var(--ui-surface-2)!important;color:var(--ui-text)!important;border-color:var(--ui-primary)!important;
}

/* Buttons remain clearly separated in both themes. */
html[data-theme] .btn,
html[data-theme] .hr-btn,
html[data-theme] .emp-btn,
html[data-theme] .m-btn,
html[data-theme] .ab-action,
html[data-theme] .m-action,
html[data-theme] .leave-action-btn{
  color:#fff!important;border-color:transparent!important;
}
html[data-theme] .btn.secondary,
html[data-theme] .secondary.btn,
html[data-theme] a.secondary,
html[data-theme] button.secondary{background:linear-gradient(135deg,#52657f,#334155)!important;color:#fff!important;}
html[data-theme] .btn.success,
html[data-theme] .success.btn{background:linear-gradient(135deg,#15803d,#22c55e)!important;color:#fff!important;}
html[data-theme] .btn.danger,
html[data-theme] .danger.btn{background:linear-gradient(135deg,#b91c1c,#ef4444)!important;color:#fff!important;}
html[data-theme] .btn.warn,
html[data-theme] .warn.btn,
html[data-theme] .warning.btn{background:linear-gradient(135deg,#d97706,#f59e0b)!important;color:#fff!important;}
html[data-theme] .actions{align-items:center;}

/* Data tables in every section. */
html[data-theme] .table-wrap,
html[data-theme] .auto-table-wrap,
html[data-theme] .table-responsive,
html[data-theme] .erp-table-wrap,
html[data-theme] .emp-table-wrap,
html[data-theme] .pontaj-wrap,
html[data-theme] .adv-table-wrap,
html[data-theme] .payroll-table-wrap{
  background:var(--ui-surface)!important;
  border-color:var(--ui-line)!important;
  box-shadow:var(--ui-shadow-soft)!important;
}
html[data-theme] table,
html[data-theme] .emp-table,
html[data-theme] .pontaj-table,
html[data-theme] .m-table{
  background:var(--ui-surface)!important;color:var(--ui-text)!important;border-color:var(--ui-line)!important;
}
html[data-theme] table th,
html[data-theme] .emp-table th,
html[data-theme] .pontaj-table th,
html[data-theme] .m-table th{
  background:var(--ui-table-head)!important;color:var(--ui-heading)!important;border-color:var(--ui-line)!important;
}
html[data-theme] table td,
html[data-theme] .emp-table td,
html[data-theme] .pontaj-table td,
html[data-theme] .m-table td{
  background:var(--ui-surface)!important;color:var(--ui-text)!important;border-color:var(--ui-line)!important;
}
html[data-theme] table tbody tr:nth-child(even) td,
html[data-theme] .emp-table tbody tr:nth-child(even) td,
html[data-theme] .pontaj-table tbody tr:nth-child(even) td{background:var(--ui-table-even)!important;}
html[data-theme] table tbody tr:hover td,
html[data-theme] .emp-table tbody tr:hover td,
html[data-theme] .pontaj-table tbody tr:hover td{background:var(--ui-table-hover)!important;}
html[data-theme] .employee-col,
html[data-theme] .col-employee,
html[data-theme] .col-actions,
html[data-theme] .action-col{background:var(--ui-surface)!important;color:var(--ui-text)!important;}
html[data-theme] .empty,
html[data-theme] .empty-row,
html[data-theme] .no-data{background:var(--ui-surface-2)!important;color:var(--ui-muted)!important;}

/* Statuses and financial emphasis. */
html[data-theme] .badge,
html[data-theme] .hr-status-pill,
html[data-theme] .leave-status-pill,
html[data-theme] .leave-paid-pill,
html[data-theme] .leave-type-pill{
  border:1px solid var(--ui-line)!important;
}
html[data-theme="dark"] .badge:not(.green):not(.red):not(.warn):not(.danger){background:#18304f!important;color:#dcecff!important;}
html[data-theme] .sum-green,
html[data-theme] .net-col,
html[data-theme] .net-amount{color:var(--ui-success)!important;}
html[data-theme] .sum-red,
html[data-theme] .advance-col,
html[data-theme] .advance-amount{color:var(--ui-danger)!important;}
html[data-theme] .sum-blue{color:var(--ui-primary)!important;}
html[data-theme] .sum-orange{color:var(--ui-warning)!important;}
html[data-theme="dark"] .advance-col,
html[data-theme="dark"] .advance-amount{background:#33161d!important;}
html[data-theme="dark"] .net-col,
html[data-theme="dark"] .net-amount{background:#0c2a1c!important;}
html[data-theme] .alert,
html[data-theme] .notice,
html[data-theme] .emp-alert,
html[data-theme] .dept-alert,
html[data-theme] .hr-alert{
  background:var(--ui-surface-3)!important;color:var(--ui-text)!important;border-color:var(--ui-line-strong)!important;
}
html[data-theme] .msg-ok,
html[data-theme] .ok{background:rgba(34,197,94,.12)!important;color:var(--ui-success)!important;border-color:rgba(34,197,94,.35)!important;}
html[data-theme] .bad,
html[data-theme] .error{background:rgba(239,68,68,.12)!important;color:var(--ui-danger)!important;border-color:rgba(239,68,68,.35)!important;}

/* Correct old inline neutral surfaces left in legacy sections. */
html[data-theme="dark"] .main [style*="background:#fff;"],
html[data-theme="dark"] .main [style*="background: #fff;"],
html[data-theme="dark"] .main [style*="background:white"],
html[data-theme="dark"] .main [style*="background: white"],
html[data-theme="dark"] .main [style*="background:#ffffff"],
html[data-theme="dark"] .main [style*="background: #ffffff"]{
  background:var(--ui-surface)!important;color:var(--ui-text)!important;border-color:var(--ui-line)!important;
}
html[data-theme="dark"] .main [style*="border:1px solid #e"],
html[data-theme="dark"] .main [style*="border: 1px solid #e"]{border-color:var(--ui-line)!important;}

/* Side navigation remains premium and readable in both modes. */
html[data-theme] .side{
  background:linear-gradient(175deg,#031126 0%,#0a2850 58%,#07365a 100%)!important;
  border-color:rgba(148,163,184,.20)!important;
}
html[data-theme="dark"] .side{background:linear-gradient(175deg,#020617 0%,#071a34 58%,#092847 100%)!important;}
html[data-theme] .menu-group,
html[data-theme] .lang-switch{border-color:rgba(255,255,255,.12)!important;}
html[data-theme] .menu-group-title,
html[data-theme] .menu-group-items a{color:#edf7ff!important;}
html[data-theme] .menu-group-items a:not(.active):hover{background:rgba(255,255,255,.10)!important;}

/* Login and employee modal follow the selected global theme. */
html[data-theme] .login-wrap,
html[data-theme] .emp360-modal-body{background:var(--ui-surface)!important;color:var(--ui-text)!important;border-color:var(--ui-line)!important;box-shadow:var(--ui-shadow)!important;}
html[data-theme] .login-lang-btn{background:var(--ui-surface-2)!important;color:var(--ui-text)!important;border-color:var(--ui-line)!important;}
html[data-theme] .login-lang-btn.active{background:linear-gradient(135deg,var(--ui-primary),var(--ui-primary-2))!important;color:#fff!important;}
html[data-theme] .theme-login-toggle{background:var(--ui-surface)!important;color:var(--ui-text)!important;border-color:var(--ui-line)!important;}

/* Mobile consistency. */
@media(max-width:900px){
  html[data-theme] body{background:var(--ui-bg)!important;}
  html[data-theme] .main{padding-inline:12px!important;}
  html[data-theme] .topbar,
  html[data-theme] .page-head,
  html[data-theme] .card,
  html[data-theme] .form-card,
  html[data-theme] .erp-card{border-radius:18px!important;}
  html[data-theme] .form-row,
  html[data-theme] .form-row-4,
  html[data-theme] .form-grid,
  html[data-theme] .smart-form,
  html[data-theme] .hr-modern-form,
  html[data-theme] .emp-form,
  html[data-theme] .fuel-form,
  html[data-theme] .m-form{gap:12px!important;}
  html[data-theme] input,
  html[data-theme] select,
  html[data-theme] textarea{font-size:16px!important;}
}

/* Printing is always white and independent from the selected screen theme. */
@media print{
  html[data-theme],html[data-theme] body{background:#fff!important;color:#111827!important;color-scheme:light!important;}
  html[data-theme] .main,
  html[data-theme] .card,
  html[data-theme] .form-card,
  html[data-theme] .erp-card,
  html[data-theme] table,
  html[data-theme] th,
  html[data-theme] td{background:#fff!important;color:#111827!important;border-color:#d1d5db!important;box-shadow:none!important;}
}

/* Leave ↔ Pontaj integration status card. */
html[data-theme] .leave-pontaj-link-note{
  display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:9px;
  margin:0 0 14px;padding:13px 15px;border:1px solid rgba(14,165,233,.35);
  border-radius:15px;background:linear-gradient(135deg,rgba(37,99,235,.10),rgba(14,165,233,.08));
  color:var(--ui-text);box-shadow:var(--ui-shadow-soft);line-height:1.65;
}
html[data-theme] .leave-pontaj-link-note b{color:var(--ui-heading)!important;white-space:nowrap;}
html[data-theme] .leave-pontaj-link-note span{color:var(--ui-muted)!important;font-size:12px;font-weight:800;}
@media(max-width:700px){
  html[data-theme] .leave-pontaj-link-note{grid-template-columns:auto 1fr;align-items:start;}
  html[data-theme] .leave-pontaj-link-note span{grid-column:1/-1;}
}

/* =========================================================
   Payroll page final theme harmonization
   Loaded last to override legacy high-specificity HR colors.
   ========================================================= */
html[data-theme] body.page-payroll .payroll-page{
  background:transparent!important;
  color:var(--ui-text)!important;
}
html[data-theme] body.page-payroll .payroll-hero,
html[data-theme] body.page-payroll .payroll-toolbar,
html[data-theme] body.page-payroll .payroll-kpi,
html[data-theme] body.page-payroll .payroll-table-card,
html[data-theme] body.page-payroll .payroll-side-grid .hr-side-card,
html[data-theme] body.page-payroll .payroll-charts .hr-chart-card{
  color:var(--ui-text)!important;
  border-color:var(--ui-line)!important;
}
html[data-theme="light"] body.page-payroll .payroll-hero{
  background:
    radial-gradient(circle at 8% 10%,rgba(14,165,233,.13),transparent 33%),
    linear-gradient(135deg,#ffffff,#f2f7ff)!important;
}
html[data-theme="dark"] body.page-payroll .payroll-hero{
  background:
    radial-gradient(circle at 8% 10%,rgba(34,184,238,.16),transparent 34%),
    linear-gradient(135deg,#0c1930,#122642)!important;
}
html[data-theme] body.page-payroll .payroll-hero h1,
html[data-theme] body.page-payroll .payroll-hero p,
html[data-theme] body.page-payroll .payroll-card-title h3,
html[data-theme] body.page-payroll .payroll-card-title span,
html[data-theme] body.page-payroll .payroll-kpi .label,
html[data-theme] body.page-payroll .payroll-side-grid .summary-line,
html[data-theme] body.page-payroll .payroll-side-grid .summary-line span{
  color:var(--ui-text)!important;
}
html[data-theme] body.page-payroll .payroll-hero p,
html[data-theme] body.page-payroll .payroll-card-title > div > span{
  color:var(--ui-muted)!important;
}
html[data-theme] body.page-payroll .payroll-filters,
html[data-theme] body.page-payroll .payroll-actions{
  background:transparent!important;
}
html[data-theme] body.page-payroll .payroll-filters .hr-field input,
html[data-theme] body.page-payroll .payroll-filters .hr-field select{
  background:var(--ui-input)!important;
  color:var(--ui-text)!important;
  border-color:var(--ui-line-strong)!important;
}
html[data-theme] body.page-payroll .payroll-actions .hr-btn:not(.primary):not(.green){
  background:var(--ui-surface-3)!important;
  color:var(--ui-text)!important;
  border-color:var(--ui-line)!important;
}
html[data-theme] body.page-payroll .payroll-actions .hr-btn:not(.primary):not(.green):hover{
  background:var(--ui-table-hover)!important;
  border-color:var(--ui-primary)!important;
}
html[data-theme] body.page-payroll .payroll-table-wrap,
html[data-theme] body.page-payroll .payroll-table,
html[data-theme] body.page-payroll .payroll-table td,
html[data-theme] body.page-payroll .payroll-table td.sticky-col,
html[data-theme] body.page-payroll .payroll-table td.sticky-col-2,
html[data-theme] body.page-payroll .payroll-table td.sticky-col-3,
html[data-theme] body.page-payroll .payroll-table td.sticky-col-4{
  background:var(--ui-surface)!important;
  color:var(--ui-text)!important;
  border-color:var(--ui-line)!important;
}
html[data-theme] body.page-payroll .payroll-table th,
html[data-theme] body.page-payroll .payroll-table th.sticky-col,
html[data-theme] body.page-payroll .payroll-table th.sticky-col-2,
html[data-theme] body.page-payroll .payroll-table th.sticky-col-3,
html[data-theme] body.page-payroll .payroll-table th.sticky-col-4{
  background:var(--ui-table-head)!important;
  color:var(--ui-heading)!important;
  border-color:var(--ui-line)!important;
}
html[data-theme] body.page-payroll .payroll-table tbody tr:nth-child(even) td,
html[data-theme] body.page-payroll .payroll-table tbody tr:nth-child(even) td.sticky-col,
html[data-theme] body.page-payroll .payroll-table tbody tr:nth-child(even) td.sticky-col-2,
html[data-theme] body.page-payroll .payroll-table tbody tr:nth-child(even) td.sticky-col-3,
html[data-theme] body.page-payroll .payroll-table tbody tr:nth-child(even) td.sticky-col-4{
  background:var(--ui-table-even)!important;
}
html[data-theme] body.page-payroll .payroll-table tbody tr:hover td,
html[data-theme] body.page-payroll .payroll-table tbody tr:hover td.sticky-col,
html[data-theme] body.page-payroll .payroll-table tbody tr:hover td.sticky-col-2,
html[data-theme] body.page-payroll .payroll-table tbody tr:hover td.sticky-col-3,
html[data-theme] body.page-payroll .payroll-table tbody tr:hover td.sticky-col-4{
  background:var(--ui-table-hover)!important;
}
html[data-theme] body.page-payroll .payroll-side-grid .summary-line{
  background:transparent!important;
  border-color:var(--ui-line)!important;
}
html[data-theme] body.page-payroll .payroll-selected-employee,
html[data-theme] body.page-payroll .payroll-net-summary{
  color:var(--ui-text)!important;
  border-color:var(--ui-line)!important;
}
html[data-theme] body.page-payroll .payroll-charts .chart-line{
  background:linear-gradient(180deg,var(--ui-surface-2),var(--ui-surface-3))!important;
  border-color:var(--ui-line)!important;
}
html[data-theme] body.page-payroll .payroll-charts .chart-point b{color:var(--ui-text)!important;}
html[data-theme] body.page-payroll .payroll-charts .donut-fake div{
  background:var(--ui-surface)!important;
  color:var(--ui-text)!important;
}
html[data-theme="dark"] body.page-payroll .payroll-kpi-icon{
  background:rgba(255,255,255,.055)!important;
  border-color:rgba(148,163,184,.23)!important;
}

/* Multi-company accounting context */
.company-context-switcher{margin:10px 10px 14px;padding:10px;border:1px solid color-mix(in srgb,var(--border,#dbe3ef) 80%,transparent);border-radius:14px;background:color-mix(in srgb,var(--card,#fff) 86%,transparent);display:grid;gap:7px}
.company-context-title{font-size:.78rem;font-weight:900;opacity:.72;padding:0 4px 4px}
.company-context-option{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;text-decoration:none;font-weight:800;font-size:.88rem;color:inherit;border:1px solid transparent}
.company-context-option:hover{background:color-mix(in srgb,var(--primary,#2563eb) 9%,transparent)}
.company-context-option.active{background:color-mix(in srgb,var(--primary,#2563eb) 16%,transparent);border-color:color-mix(in srgb,var(--primary,#2563eb) 35%,transparent);color:var(--primary,#1d4ed8)}
.company-context-badge{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border-radius:999px;font-weight:900;background:#eef6ff;color:#1d4ed8;border:1px solid #bfdbfe}

/* Company accounts selector: shown only inside the Accounting menu */
.menu-section-accounting .accounting-company-context{
  margin:2px 0 10px!important;
  padding:7px!important;
  gap:5px!important;
  border-radius:13px!important;
  background:rgba(255,255,255,.045)!important;
  border:1px solid rgba(255,255,255,.10)!important;
  box-shadow:none!important;
}
.menu-section-accounting .accounting-company-context .company-context-title{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  width:100%!important;
  min-height:38px!important;
  margin:0!important;
  padding:8px 10px!important;
  border-radius:10px!important;
  opacity:1!important;
  font-size:13px!important;
  color:#f8fbff!important;
  background:rgba(59,130,246,.16)!important;
  border:1px solid rgba(96,165,250,.20)!important;
  text-decoration:none!important;
  cursor:pointer!important;
}
.menu-section-accounting .accounting-company-context .company-context-title-label{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
}
.menu-section-accounting .accounting-company-context .company-context-title::before{
  content:none!important;
}
.menu-section-accounting .accounting-company-context .company-context-title::after{
  content:'▾'!important;
  font-size:12px!important;
  line-height:1!important;
  opacity:.95!important;
  transition:transform .2s ease!important;
}
.menu-section-accounting .accounting-company-context.open .company-context-title::after{
  transform:rotate(180deg)!important;
}
.menu-section-accounting .accounting-company-context .company-context-title.active,
.menu-section-accounting .accounting-company-context .company-context-title.menu-selected,
.menu-section-accounting .accounting-company-context .company-context-title.persist-active{
  background:linear-gradient(135deg,#2563eb,#0ea5e9)!important;
  border-color:rgba(255,255,255,.22)!important;
  color:#fff!important;
  transform:none!important;
  box-shadow:0 8px 18px rgba(37,99,235,.22)!important;
}
.menu-section-accounting .accounting-company-context .company-context-title.active::after,
.menu-section-accounting .accounting-company-context .company-context-title.menu-selected::after,
.menu-section-accounting .accounting-company-context .company-context-title.persist-active::after{
  content:'▾'!important;
}
.menu-section-accounting .accounting-company-context .company-context-options{
  display:none;
  gap:4px;
  padding:2px 3px 1px;
}
.menu-section-accounting .accounting-company-context.open .company-context-options{
  display:grid;
}
.menu-section-accounting .accounting-company-context .company-context-option{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  min-height:34px!important;
  margin:0!important;
  padding:7px 9px!important;
  border-radius:9px!important;
  font-size:12px!important;
  font-weight:800!important;
  color:#dcecff!important;
  background:transparent!important;
  border:1px solid transparent!important;
  box-shadow:none!important;
  transform:none!important;
}
.menu-section-accounting .accounting-company-context .company-context-option::before{
  content:none!important;
}
.menu-section-accounting .accounting-company-context .company-context-option:hover{
  background:rgba(255,255,255,.09)!important;
  border-color:rgba(255,255,255,.10)!important;
  transform:none!important;
}
.menu-section-accounting .accounting-company-context .company-context-option.active{
  background:rgba(37,99,235,.28)!important;
  border-color:rgba(96,165,250,.34)!important;
  color:#fff!important;
  box-shadow:inset 3px 0 0 #38bdf8!important;
}
html[dir="rtl"] .menu-section-accounting .accounting-company-context .company-context-option.active{
  box-shadow:inset -3px 0 0 #38bdf8!important;
}
@media(max-width:768px){
  .menu-section-accounting .accounting-company-context{margin-bottom:7px!important}
  .menu-section-accounting .accounting-company-context .company-context-title{font-size:12px!important}
  .menu-section-accounting .accounting-company-context .company-context-option{font-size:11.5px!important}
}