/* =====================================================================
   FIXER SERVIS — CORPORATE LIGHT / DARK THEME v8
   Color-only final override. Layout from v7 is intentionally preserved.
   ===================================================================== */
:root{
  --fx8-primary:#55758f;
  --fx8-primary-strong:#405e77;
  --fx8-primary-deep:#31495e;
  --fx8-primary-soft:#eaf1f6;
  --fx8-sidebar:#e2eaf0;
  --fx8-sidebar-2:#d8e3eb;
  --fx8-sidebar-border:#cbd8e2;
  --fx8-bg:#f4f7f9;
  --fx8-surface:#ffffff;
  --fx8-surface-soft:#f8fafb;
  --fx8-border:#dce4ea;
  --fx8-text:#263442;
  --fx8-muted:#6f7e8c;
  --fx8-shadow:0 7px 22px rgba(48,67,84,.06);
}

/* ---------- LIGHT MODE ---------- */
html[data-fixer-theme="light"] body,
html[data-fixer-theme="light"] body .layout,
html[data-fixer-theme="light"] body .fixer-shell{
  background:var(--fx8-bg)!important;
  color:var(--fx8-text)!important;
}
html[data-fixer-theme="light"] body .sidebar,
html[data-fixer-theme="light"] body .sidebar.et-theme-sidebar,
html[data-fixer-theme="light"] body aside.sidebar{
  background:linear-gradient(180deg,var(--fx8-sidebar) 0%,#e7eef3 56%,var(--fx8-sidebar-2) 100%)!important;
  color:var(--fx8-text)!important;
  border-right:1px solid var(--fx8-sidebar-border)!important;
  box-shadow:4px 0 18px rgba(52,72,88,.055)!important;
}
html[data-fixer-theme="light"] body .et-brand-name b{color:#263746!important}
html[data-fixer-theme="light"] body .et-brand-name small{color:#6d7e8c!important}
html[data-fixer-theme="light"] body .et-logo,
html[data-fixer-theme="light"] body .sidebar .logo,
html[data-fixer-theme="light"] body .logo{
  background:var(--fx8-primary)!important;
  color:#fff!important;
  border-color:var(--fx8-primary)!important;
  box-shadow:none!important;
}
html[data-fixer-theme="light"] body .et-menu-btn{
  background:rgba(255,255,255,.72)!important;
  border-color:#c9d5de!important;
  color:#526779!important;
}
html[data-fixer-theme="light"] body .et-menu-btn:hover{background:#fff!important;color:var(--fx8-primary-deep)!important}
html[data-fixer-theme="light"] body .et-side-nav a,
html[data-fixer-theme="light"] body .et-side-bottom a,
html[data-fixer-theme="light"] body .et-menu-group summary,
html[data-fixer-theme="light"] body .sidebar a{
  color:#455969!important;
  background:transparent!important;
  border-color:transparent!important;
  box-shadow:none!important;
}
html[data-fixer-theme="light"] body .et-side-nav a span,
html[data-fixer-theme="light"] body .et-side-bottom a span,
html[data-fixer-theme="light"] body .et-menu-group summary span{color:#718594!important}
html[data-fixer-theme="light"] body .et-side-nav a:hover,
html[data-fixer-theme="light"] body .et-menu-group summary:hover,
html[data-fixer-theme="light"] body .sidebar a:hover{
  background:rgba(255,255,255,.72)!important;
  color:#2f4658!important;
  border-color:rgba(160,180,195,.24)!important;
}
html[data-fixer-theme="light"] body .et-side-nav a.active,
html[data-fixer-theme="light"] body .sidebar a.active,
html[data-fixer-theme="light"] body .et-menu-group[open] summary{
  background:#fff!important;
  color:var(--fx8-primary-deep)!important;
  border:1px solid #c8d7e1!important;
  box-shadow:0 4px 13px rgba(65,87,104,.055)!important;
}
html[data-fixer-theme="light"] body .et-side-nav a.active span,
html[data-fixer-theme="light"] body .et-menu-group[open] summary span{color:var(--fx8-primary)!important}
html[data-fixer-theme="light"] body .et-menu-group a{
  background:rgba(255,255,255,.26)!important;
  border-left-color:#c2d0da!important;
}
html[data-fixer-theme="light"] body .et-menu-group a.active,
html[data-fixer-theme="light"] body .et-menu-group a:hover{
  background:rgba(255,255,255,.82)!important;
  border-left-color:var(--fx8-primary)!important;
  color:var(--fx8-primary-deep)!important;
}
html[data-fixer-theme="light"] body .et-side-bottom{border-top-color:#cbd7df!important}
html[data-fixer-theme="light"] body .et-side-bottom a{color:#546675!important}

/* top user bar */
html[data-fixer-theme="light"] body .et-user-chip{
  background:rgba(255,255,255,.97)!important;
  border-bottom-color:var(--fx8-border)!important;
  box-shadow:0 3px 12px rgba(50,70,86,.045)!important;
}
html[data-fixer-theme="light"] body .et-user-chip:before{color:#3d5365!important}
html[data-fixer-theme="light"] body .et-user-chip .et-avatar{background:var(--fx8-primary)!important}
html[data-fixer-theme="light"] body .et-user-chip .et-user-text b{color:#293b4a!important}
html[data-fixer-theme="light"] body .et-user-chip .et-user-text small{color:#7a8792!important}
html[data-fixer-theme="light"] body .et-user-chip a{
  background:#eef3f7!important;border-color:#d2dee6!important;color:#405c72!important;
}
html[data-fixer-theme="light"] body .et-user-chip a:hover{background:#e3ebf1!important;border-color:#c3d2dd!important}

/* surfaces */
html[data-fixer-theme="light"] body .card,
html[data-fixer-theme="light"] body .stat,
html[data-fixer-theme="light"] body .et-card,
html[data-fixer-theme="light"] body .et-panel,
html[data-fixer-theme="light"] body .et-studio-card,
html[data-fixer-theme="light"] body .es-card,
html[data-fixer-theme="light"] body .pe-card,
html[data-fixer-theme="light"] body .pe-box,
html[data-fixer-theme="light"] body .crm-panel,
html[data-fixer-theme="light"] body .crm-card,
html[data-fixer-theme="light"] body .ap-card,
html[data-fixer-theme="light"] body .bank-card,
html[data-fixer-theme="light"] body .stock-box,
html[data-fixer-theme="light"] body .sf-card,
html[data-fixer-theme="light"] body .cal-card,
html[data-fixer-theme="light"] body .eu-card,
html[data-fixer-theme="light"] body .services-card,
html[data-fixer-theme="light"] body .wo-edit,
html[data-fixer-theme="light"] body .et-mini-kpi,
html[data-fixer-theme="light"] body .et-insight,
html[data-fixer-theme="light"] body .et-service-month{
  background:var(--fx8-surface)!important;
  border-color:var(--fx8-border)!important;
  box-shadow:var(--fx8-shadow)!important;
}

/* hero / title bars — corporate and light */
html[data-fixer-theme="light"] body .es-hero,
html[data-fixer-theme="light"] body .et-pro-crm-strip,
html[data-fixer-theme="light"] body .et-pro-schema-head,
html[data-fixer-theme="light"] body .et-dashboard-hero,
html[data-fixer-theme="light"] body .et-big-note,
html[data-fixer-theme="light"] body .pe-head,
html[data-fixer-theme="light"] body .crm-hero,
html[data-fixer-theme="light"] body .services-hero,
html[data-fixer-theme="light"] body .ap-head,
html[data-fixer-theme="light"] body .stock-top,
html[data-fixer-theme="light"] body .eu-hero,
html[data-fixer-theme="light"] body .pro-top,
html[data-fixer-theme="light"] body .company-hero,
html[data-fixer-theme="light"] body .cal-hero{
  background:linear-gradient(110deg,#e6eef4 0%,#d9e6ef 100%)!important;
  border-color:#cbd9e3!important;
  color:#2d4354!important;
  box-shadow:none!important;
}
html[data-fixer-theme="light"] body .es-hero *,
html[data-fixer-theme="light"] body .et-pro-crm-strip *,
html[data-fixer-theme="light"] body .et-pro-schema-head *,
html[data-fixer-theme="light"] body .et-dashboard-hero *,
html[data-fixer-theme="light"] body .et-big-note *,
html[data-fixer-theme="light"] body .pe-head *,
html[data-fixer-theme="light"] body .crm-hero *,
html[data-fixer-theme="light"] body .services-hero *,
html[data-fixer-theme="light"] body .stock-top *,
html[data-fixer-theme="light"] body .eu-hero *{color:#2d4354!important;text-shadow:none!important}

/* form headers and controls */
html[data-fixer-theme="light"] body .erke-service-page .es-pro-flow>div{background:#fff!important;border-color:var(--fx8-border)!important}
html[data-fixer-theme="light"] body .erke-service-page .es-pro-flow b{background:var(--fx8-primary)!important;color:#fff!important}
html[data-fixer-theme="light"] body .erke-service-page .es-pro-flow span{color:#344b5c!important}
html[data-fixer-theme="light"] body .erke-service-page .es-head,
html[data-fixer-theme="light"] body .erke-service-page .es-summary-head{background:#f0f5f8!important;border-bottom-color:var(--fx8-border)!important}
html[data-fixer-theme="light"] body .erke-service-page .es-head h2,
html[data-fixer-theme="light"] body .erke-service-page .es-summary-head b{color:#385266!important}
html[data-fixer-theme="light"] body .erke-service-page .es-dot{background:#7897ad!important}
html[data-fixer-theme="light"] body input,
html[data-fixer-theme="light"] body select,
html[data-fixer-theme="light"] body textarea{color:#263746!important;background:#fff!important;border-color:#d4dfe6!important}
html[data-fixer-theme="light"] body input:focus,
html[data-fixer-theme="light"] body select:focus,
html[data-fixer-theme="light"] body textarea:focus{border-color:#7895aa!important;box-shadow:0 0 0 3px rgba(85,117,143,.09)!important}
html[data-fixer-theme="light"] body .erke-service-page .es-field input:focus,
html[data-fixer-theme="light"] body .erke-service-page .es-field select:focus,
html[data-fixer-theme="light"] body .erke-service-page .es-field textarea:focus{border-bottom-color:#6e8da4!important;box-shadow:0 1px 0 #6e8da4!important}

/* primary actions */
html[data-fixer-theme="light"] body .btn:not(.gray):not(.danger),
html[data-fixer-theme="light"] body .mini-btn.edit,
html[data-fixer-theme="light"] body .top-btn.dark,
html[data-fixer-theme="light"] body .stock-btn.dark,
html[data-fixer-theme="light"] body .crm-btn,
html[data-fixer-theme="light"] body .eu-btn.primary,
html[data-fixer-theme="light"] body .es-submit,
html[data-fixer-theme="light"] body button[type="submit"]:not(.danger):not(.gray):not(.cal-btn){
  background:var(--fx8-primary)!important;border-color:var(--fx8-primary)!important;color:#fff!important;box-shadow:none!important;
}
html[data-fixer-theme="light"] body .btn:not(.gray):not(.danger):hover,
html[data-fixer-theme="light"] body .es-submit:hover,
html[data-fixer-theme="light"] body button[type="submit"]:not(.danger):not(.gray):hover{background:var(--fx8-primary-strong)!important;border-color:var(--fx8-primary-strong)!important}

/* neutralize decorative color noise */
html[data-fixer-theme="light"] body .et-kpi,
html[data-fixer-theme="light"] body .et-stat{border-top-color:#c6d6e1!important}
html[data-fixer-theme="light"] body .et-stat:before{background:#89a3b6!important}
html[data-fixer-theme="light"] body .et-kpi b,
html[data-fixer-theme="light"] body .et-stat b,
html[data-fixer-theme="light"] body .et-mini-kpi b,
html[data-fixer-theme="light"] body .et-panel-head h2,
html[data-fixer-theme="light"] body .et-studio-head h2,
html[data-fixer-theme="light"] body .et-section-title{color:#304656!important}
html[data-fixer-theme="light"] body .et-profile-link,
html[data-fixer-theme="light"] body .et-studio-head a,
html[data-fixer-theme="light"] body .et-panel-head a,
html[data-fixer-theme="light"] body .et-chip:not(.green):not(.blue):not(.orange):not(.red):not(.purple),
html[data-fixer-theme="light"] body .et-break-count,
html[data-fixer-theme="light"] body .et-soft-chipline span{background:#eef3f6!important;border-color:#d8e2e8!important;color:#4d6679!important}
html[data-fixer-theme="light"] body th{background:#f0f4f7!important;color:#536675!important;border-color:var(--fx8-border)!important}
html[data-fixer-theme="light"] body td{color:#364755!important;border-color:#e7edf1!important}
html[data-fixer-theme="light"] body .fixer-software-credit{color:#8996a1!important}
html[data-fixer-theme="light"] body .fixer-software-credit b{color:#607482!important}

/* ---------- THEME SWITCH ---------- */
html body .fixer-theme-toggle{
  width:100%!important;min-height:44px!important;margin:0 0 7px!important;padding:6px 8px!important;
  border-radius:10px!important;display:grid!important;grid-template-columns:28px minmax(0,1fr) 36px!important;
  align-items:center!important;gap:7px!important;cursor:pointer!important;text-align:left!important;
  font-family:inherit!important;box-shadow:none!important;transition:.15s ease!important;
}
html[data-fixer-theme="light"] body .fixer-theme-toggle{background:rgba(255,255,255,.55)!important;border:1px solid #c9d6df!important;color:#415666!important}
html[data-fixer-theme="light"] body .fixer-theme-toggle:hover{background:#fff!important}
html body .fixer-theme-icon{font-size:17px!important;text-align:center!important;line-height:1!important}
html body .fixer-theme-copy{min-width:0!important;display:flex!important;flex-direction:column!important;gap:2px!important}
html body .fixer-theme-copy b{font-size:11px!important;font-weight:850!important;line-height:1.1!important}
html body .fixer-theme-copy small{font-size:9px!important;font-weight:650!important;opacity:.68!important;line-height:1.1!important}
html body .fixer-theme-switch{width:34px!important;height:19px!important;border-radius:999px!important;padding:2px!important;display:block!important;position:relative!important}
html[data-fixer-theme="light"] body .fixer-theme-switch{background:#c6d2db!important}
html body .fixer-theme-switch i{display:block!important;width:15px!important;height:15px!important;border-radius:50%!important;background:#fff!important;box-shadow:0 1px 3px rgba(0,0,0,.14)!important;transform:translateX(0)!important;transition:.2s ease!important}
html[data-fixer-theme="dark"] body .fixer-theme-switch i{transform:translateX(15px)!important}

/* ---------- DARK MODE ---------- */
html[data-fixer-theme="dark"]{
  --fx8-d-bg:#111820;
  --fx8-d-shell:#151e27;
  --fx8-d-surface:#1b2631;
  --fx8-d-surface-2:#202c38;
  --fx8-d-border:#31404d;
  --fx8-d-text:#e5edf3;
  --fx8-d-muted:#9babb8;
  --fx8-d-primary:#7899b0;
  --fx8-d-primary-strong:#8da9bc;
}
html[data-fixer-theme="dark"] body,
html[data-fixer-theme="dark"] body .layout,
html[data-fixer-theme="dark"] body .fixer-shell{background:var(--fx8-d-bg)!important;color:var(--fx8-d-text)!important}
html[data-fixer-theme="dark"] body .sidebar,
html[data-fixer-theme="dark"] body .sidebar.et-theme-sidebar,
html[data-fixer-theme="dark"] body aside.sidebar{background:linear-gradient(180deg,#1c2934 0%,#18242e 100%)!important;border-right-color:#31404c!important;box-shadow:none!important}
html[data-fixer-theme="dark"] body .et-brand-name b{color:#f0f5f8!important}
html[data-fixer-theme="dark"] body .et-brand-name small{color:#91a4b2!important}
html[data-fixer-theme="dark"] body .et-logo{background:#668aa4!important;border-color:#668aa4!important;color:#fff!important}
html[data-fixer-theme="dark"] body .et-menu-btn{background:#24333f!important;border-color:#394b59!important;color:#dbe6ed!important}
html[data-fixer-theme="dark"] body .et-side-nav a,
html[data-fixer-theme="dark"] body .et-side-bottom a,
html[data-fixer-theme="dark"] body .et-menu-group summary,
html[data-fixer-theme="dark"] body .sidebar a{color:#bdcbd5!important;background:transparent!important;border-color:transparent!important}
html[data-fixer-theme="dark"] body .et-side-nav a span,
html[data-fixer-theme="dark"] body .et-side-bottom a span,
html[data-fixer-theme="dark"] body .et-menu-group summary span{color:#8fa5b4!important}
html[data-fixer-theme="dark"] body .et-side-nav a:hover,
html[data-fixer-theme="dark"] body .et-menu-group summary:hover,
html[data-fixer-theme="dark"] body .sidebar a:hover{background:#24333f!important;color:#fff!important}
html[data-fixer-theme="dark"] body .et-side-nav a.active,
html[data-fixer-theme="dark"] body .sidebar a.active,
html[data-fixer-theme="dark"] body .et-menu-group[open] summary{background:#2b3c49!important;color:#fff!important;border-color:#405463!important;box-shadow:none!important}
html[data-fixer-theme="dark"] body .et-menu-group a{background:rgba(255,255,255,.018)!important;border-left-color:#3c4d59!important}
html[data-fixer-theme="dark"] body .et-menu-group a.active,
html[data-fixer-theme="dark"] body .et-menu-group a:hover{background:#263642!important;border-left-color:#7d9bae!important;color:#fff!important}
html[data-fixer-theme="dark"] body .et-side-bottom{border-top-color:#344450!important}
html[data-fixer-theme="dark"] body .fixer-theme-toggle{background:#22313c!important;border:1px solid #3a4c59!important;color:#d9e4ea!important}
html[data-fixer-theme="dark"] body .fixer-theme-toggle:hover{background:#293a46!important}
html[data-fixer-theme="dark"] body .fixer-theme-switch{background:#6f91a9!important}
html[data-fixer-theme="dark"] body .et-user-chip{background:rgba(25,35,44,.98)!important;border-bottom-color:#33434f!important;box-shadow:none!important}
html[data-fixer-theme="dark"] body .et-user-chip:before{color:#c8d7e1!important}
html[data-fixer-theme="dark"] body .et-user-chip .et-avatar{background:#668aa4!important}
html[data-fixer-theme="dark"] body .et-user-chip .et-user-text b{color:#e9f0f4!important}
html[data-fixer-theme="dark"] body .et-user-chip .et-user-text small{color:#92a4b1!important}
html[data-fixer-theme="dark"] body .et-user-chip a{background:#263742!important;border-color:#3b4f5e!important;color:#cbd9e2!important}
html[data-fixer-theme="dark"] body .card,
html[data-fixer-theme="dark"] body .stat,
html[data-fixer-theme="dark"] body .et-card,
html[data-fixer-theme="dark"] body .et-panel,
html[data-fixer-theme="dark"] body .et-studio-card,
html[data-fixer-theme="dark"] body .es-card,
html[data-fixer-theme="dark"] body .pe-card,
html[data-fixer-theme="dark"] body .pe-box,
html[data-fixer-theme="dark"] body .crm-panel,
html[data-fixer-theme="dark"] body .crm-card,
html[data-fixer-theme="dark"] body .ap-card,
html[data-fixer-theme="dark"] body .bank-card,
html[data-fixer-theme="dark"] body .stock-box,
html[data-fixer-theme="dark"] body .sf-card,
html[data-fixer-theme="dark"] body .cal-card,
html[data-fixer-theme="dark"] body .eu-card,
html[data-fixer-theme="dark"] body .services-card,
html[data-fixer-theme="dark"] body .wo-edit,
html[data-fixer-theme="dark"] body .et-mini-kpi,
html[data-fixer-theme="dark"] body .et-insight,
html[data-fixer-theme="dark"] body .et-service-month{background:var(--fx8-d-surface)!important;border-color:var(--fx8-d-border)!important;box-shadow:none!important;color:var(--fx8-d-text)!important}
html[data-fixer-theme="dark"] body .es-hero,
html[data-fixer-theme="dark"] body .et-pro-crm-strip,
html[data-fixer-theme="dark"] body .et-pro-schema-head,
html[data-fixer-theme="dark"] body .et-dashboard-hero,
html[data-fixer-theme="dark"] body .et-big-note,
html[data-fixer-theme="dark"] body .pe-head,
html[data-fixer-theme="dark"] body .crm-hero,
html[data-fixer-theme="dark"] body .services-hero,
html[data-fixer-theme="dark"] body .ap-head,
html[data-fixer-theme="dark"] body .stock-top,
html[data-fixer-theme="dark"] body .eu-hero,
html[data-fixer-theme="dark"] body .pro-top,
html[data-fixer-theme="dark"] body .company-hero,
html[data-fixer-theme="dark"] body .cal-hero{background:#23323e!important;border-color:#3b4d5a!important;color:#e6eef3!important}
html[data-fixer-theme="dark"] body .es-hero *,
html[data-fixer-theme="dark"] body .et-pro-crm-strip *,
html[data-fixer-theme="dark"] body .et-pro-schema-head *,
html[data-fixer-theme="dark"] body .et-dashboard-hero *,
html[data-fixer-theme="dark"] body .et-big-note *,
html[data-fixer-theme="dark"] body .pe-head *,
html[data-fixer-theme="dark"] body .crm-hero *,
html[data-fixer-theme="dark"] body .services-hero *,
html[data-fixer-theme="dark"] body .stock-top *,
html[data-fixer-theme="dark"] body .eu-hero *{color:#e6eef3!important}
html[data-fixer-theme="dark"] body .erke-service-page .es-pro-flow>div,
html[data-fixer-theme="dark"] body .erke-service-page .es-body,
html[data-fixer-theme="dark"] body .erke-service-page .es-summary-body,
html[data-fixer-theme="dark"] body .erke-service-page .es-savebar{background:var(--fx8-d-surface)!important;border-color:var(--fx8-d-border)!important}
html[data-fixer-theme="dark"] body .erke-service-page .es-pro-flow b{background:#6f91a9!important;color:#fff!important}
html[data-fixer-theme="dark"] body .erke-service-page .es-pro-flow span,
html[data-fixer-theme="dark"] body .erke-service-page .es-head h2,
html[data-fixer-theme="dark"] body .erke-service-page .es-summary-head b{color:#d3dfe7!important}
html[data-fixer-theme="dark"] body .erke-service-page .es-pro-flow small,
html[data-fixer-theme="dark"] body .erke-service-page .es-help,
html[data-fixer-theme="dark"] body .erke-service-page .es-savebar p{color:#96a8b5!important}
html[data-fixer-theme="dark"] body .erke-service-page .es-head,
html[data-fixer-theme="dark"] body .erke-service-page .es-summary-head{background:#202e39!important;border-bottom-color:#344652!important}
html[data-fixer-theme="dark"] body .erke-service-page .es-dot{background:#7899b0!important}
html[data-fixer-theme="dark"] body input,
html[data-fixer-theme="dark"] body select,
html[data-fixer-theme="dark"] body textarea{background:#16212a!important;color:#e7eef3!important;border-color:#3b4b57!important}
html[data-fixer-theme="dark"] body input::placeholder,
html[data-fixer-theme="dark"] body textarea::placeholder{color:#758794!important}
html[data-fixer-theme="dark"] body .erke-service-page .es-field input,
html[data-fixer-theme="dark"] body .erke-service-page .es-field select,
html[data-fixer-theme="dark"] body .erke-service-page .es-field textarea{background:transparent!important;color:#e6edf2!important;border-bottom-color:#42525e!important}
html[data-fixer-theme="dark"] body .erke-service-page .es-field{border-bottom-color:#293844!important}
html[data-fixer-theme="dark"] body .erke-service-page .es-field label{color:#adbdc8!important}
html[data-fixer-theme="dark"] body .erke-service-page .es-v230-box,
html[data-fixer-theme="dark"] body .erke-service-page .es-accessory-wrap,
html[data-fixer-theme="dark"] body .erke-service-page #warrantyBox,
html[data-fixer-theme="dark"] body .erke-service-page .es-filebox{background:#18232c!important;border-color:#354650!important;color:#dbe5eb!important}
html[data-fixer-theme="dark"] body .erke-service-page .es-check{background:#1b2832!important;border-color:#354752!important;color:#cbd7df!important}
html[data-fixer-theme="dark"] body th{background:#202d37!important;color:#adbec9!important;border-color:#34444f!important}
html[data-fixer-theme="dark"] body td{color:#d5e0e7!important;border-color:#2e3d48!important}
html[data-fixer-theme="dark"] body tr:hover td{background:#1e2a34!important}
html[data-fixer-theme="dark"] body .et-kpi b,
html[data-fixer-theme="dark"] body .et-stat b,
html[data-fixer-theme="dark"] body .et-mini-kpi b,
html[data-fixer-theme="dark"] body .et-panel-head h2,
html[data-fixer-theme="dark"] body .et-studio-head h2,
html[data-fixer-theme="dark"] body .et-section-title{color:#dbe5eb!important}
html[data-fixer-theme="dark"] body .et-profile-link,
html[data-fixer-theme="dark"] body .et-studio-head a,
html[data-fixer-theme="dark"] body .et-panel-head a,
html[data-fixer-theme="dark"] body .et-chip:not(.green):not(.blue):not(.orange):not(.red):not(.purple),
html[data-fixer-theme="dark"] body .et-break-count,
html[data-fixer-theme="dark"] body .et-soft-chipline span{background:#24323d!important;border-color:#394a56!important;color:#bac9d2!important}
html[data-fixer-theme="dark"] body .fixer-software-credit{color:#738590!important}
html[data-fixer-theme="dark"] body .fixer-software-credit b{color:#91a5b2!important}
html[data-fixer-theme="dark"] body .et-mobile-bottom-nav{background:#18242e!important;border-top-color:#34444f!important}
html[data-fixer-theme="dark"] body .et-mobile-bottom-nav .et-mobile-add{background:#6388a3!important}

/* Status colors stay semantic, but deliberately muted in both themes. */
html body .status-pill.b-new{background:#6f8597!important}
html body .status-pill.b-done{background:#698475!important}
html body .status-pill.b-wait,
html body .status-pill.b-part{background:#9a835f!important}
html body .status-pill.b-repair{background:#7d778f!important}
html body .status-pill.b-cancel{background:#986d72!important}

@media(max-width:850px){
  html body .fixer-theme-toggle{margin:8px 0!important}
}

/* =====================================================================
   FIXER SERVIS v9 — NAVY SIDEBAR REFINEMENT
   Only sidebar palette is changed. Page layout/content colors stay v8.
   ===================================================================== */
:root{
  --fx9-navy:#17324a;
  --fx9-navy-2:#122a40;
  --fx9-navy-3:#0d2235;
  --fx9-nav-text:#dbe7ef;
  --fx9-nav-muted:#8fa6b7;
  --fx9-nav-line:rgba(255,255,255,.085);
  --fx9-nav-hover:rgba(255,255,255,.075);
  --fx9-nav-active:rgba(118,157,185,.20);
  --fx9-nav-active-border:rgba(154,187,210,.24);
}

/* Light mode keeps the CONTENT light, but sidebar stays corporate navy. */
html[data-fixer-theme="light"] body .sidebar,
html[data-fixer-theme="light"] body .sidebar.et-theme-sidebar,
html[data-fixer-theme="light"] body aside.sidebar,
html[data-fixer-theme="light"] body .et-theme-sidebar{
  background:linear-gradient(180deg,var(--fx9-navy) 0%,var(--fx9-navy-2) 54%,var(--fx9-navy-3) 100%)!important;
  color:var(--fx9-nav-text)!important;
  border-right:1px solid rgba(12,31,47,.38)!important;
  box-shadow:7px 0 24px rgba(23,50,74,.10)!important;
}
html[data-fixer-theme="light"] body .et-brand-name b,
html[data-fixer-theme="light"] body .sidebar .brand b{color:#fff!important}
html[data-fixer-theme="light"] body .et-brand-name small,
html[data-fixer-theme="light"] body .sidebar .brand span{color:#aebfcc!important}
html[data-fixer-theme="light"] body .et-logo,
html[data-fixer-theme="light"] body .sidebar .logo,
html[data-fixer-theme="light"] body .sidebar .brand-icon,
html[data-fixer-theme="light"] body .logo{
  background:#52748e!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.16)!important;
  box-shadow:none!important;
}
html[data-fixer-theme="light"] body .et-menu-btn{
  background:rgba(255,255,255,.075)!important;
  border-color:rgba(255,255,255,.12)!important;
  color:#dbe7ef!important;
}
html[data-fixer-theme="light"] body .et-menu-btn:hover{background:rgba(255,255,255,.13)!important;color:#fff!important}
html[data-fixer-theme="light"] body .et-side-nav a,
html[data-fixer-theme="light"] body .et-side-bottom a,
html[data-fixer-theme="light"] body .et-menu-group summary,
html[data-fixer-theme="light"] body .sidebar a{
  color:var(--fx9-nav-text)!important;
  background:transparent!important;
  border-color:transparent!important;
  box-shadow:none!important;
}
html[data-fixer-theme="light"] body .et-side-nav a span,
html[data-fixer-theme="light"] body .et-side-bottom a span,
html[data-fixer-theme="light"] body .et-menu-group summary span{color:var(--fx9-nav-muted)!important}
html[data-fixer-theme="light"] body .et-side-nav a:hover,
html[data-fixer-theme="light"] body .et-menu-group summary:hover,
html[data-fixer-theme="light"] body .sidebar a:hover{
  background:var(--fx9-nav-hover)!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.055)!important;
}
html[data-fixer-theme="light"] body .et-side-nav a.active,
html[data-fixer-theme="light"] body .sidebar a.active,
html[data-fixer-theme="light"] body .et-menu-group[open] summary{
  background:var(--fx9-nav-active)!important;
  color:#fff!important;
  border:1px solid var(--fx9-nav-active-border)!important;
  box-shadow:none!important;
}
html[data-fixer-theme="light"] body .et-side-nav a.active span,
html[data-fixer-theme="light"] body .et-menu-group[open] summary span{color:#b9d1e2!important}
html[data-fixer-theme="light"] body .et-menu-group a{
  background:rgba(255,255,255,.018)!important;
  border-left-color:rgba(154,187,210,.18)!important;
}
html[data-fixer-theme="light"] body .et-menu-group a.active,
html[data-fixer-theme="light"] body .et-menu-group a:hover{
  background:rgba(255,255,255,.075)!important;
  border-left-color:#7fa3bd!important;
  color:#fff!important;
}
html[data-fixer-theme="light"] body .et-side-bottom{border-top-color:var(--fx9-nav-line)!important}
html[data-fixer-theme="light"] body .et-side-bottom a{color:#cfdae2!important}

/* Theme control also belongs visually to the navy sidebar. */
html[data-fixer-theme="light"] body .fixer-theme-toggle{
  background:rgba(255,255,255,.055)!important;
  border:1px solid rgba(255,255,255,.10)!important;
  color:#dbe7ef!important;
}
html[data-fixer-theme="light"] body .fixer-theme-toggle:hover{background:rgba(255,255,255,.095)!important}
html[data-fixer-theme="light"] body .fixer-theme-switch{background:#52748e!important}

/* Dark mode sidebar: same identity, one shade deeper. */
html[data-fixer-theme="dark"] body .sidebar,
html[data-fixer-theme="dark"] body .sidebar.et-theme-sidebar,
html[data-fixer-theme="dark"] body aside.sidebar,
html[data-fixer-theme="dark"] body .et-theme-sidebar{
  background:linear-gradient(180deg,#10283c 0%,#0d2132 58%,#091a28 100%)!important;
  border-right-color:#263d50!important;
}
html[data-fixer-theme="dark"] body .et-side-nav a.active,
html[data-fixer-theme="dark"] body .sidebar a.active,
html[data-fixer-theme="dark"] body .et-menu-group[open] summary{
  background:rgba(105,146,177,.19)!important;
  border-color:rgba(137,171,196,.20)!important;
}