/* os-22 — Desktop (≥900px) Shopify-admin style chrome, KarobarOS colors:
   near-black sidebar, WHITE header, light-gray content ground, white cards.
   Mobile (≤899px) is NOT touched here — it keeps the approved DigiKhata look. */
@media (min-width:900px){
  body{background:#f4f4f5}

  /* ── Sidebar: near-black, light text, orange active ─────────────── */
  aside{background:#111;border-right:1px solid #000;color:#e8e8e8}
  .brand .brand-name{color:#fff}
  .brand .brand-name b{color:#fb542b}
  .brand .brand-name i{color:#9a9a9a}
  aside .business{background:#1e1e1e;color:#f2f2f2}
  aside .business small{color:#a8a8a8}
  aside nav a{color:#c6c6c6}
  aside nav a:hover{background:#1f1f1f;color:#fff}
  aside nav a.active{background:#ed612d;color:#fff}
  aside nav label{color:#8b8b8b}
  aside .foot{color:#9a9a9a;border-top:1px solid #262626}
  aside .foot a{color:#fb542b}

  /* ── Header: white bar, black text, hairline border ─────────────── */
  main>header{background:#fff!important;color:#111;border-bottom:1px solid #e3e3e3;box-shadow:none!important}
  main>header #crumb{color:#111}
  main>header .header-brand .brand-name{color:#111!important}
  main>header .header-brand .brand-name b{color:#ed612d!important}
  main>header .support-icon{color:#111!important}
  main>header .page-options>summary{color:#111}
  .header-parcel-pro{border-color:#e3e3e3;background:#f4f4f5;color:#111}
  main>header .pill{background:#f0f0f0;color:#333}

  /* ── Content: white cards on neutral gray ───────────────────────── */
  .notice{background:#fff;border:1px solid #e3e3e3;color:#444}
  .panel,.card{background:#fff;border:1px solid #e3e3e3;border-radius:13px;box-shadow:0 1px 3px rgba(0,0,0,.05)}
  .module{background:#fff;border-color:#e3e3e3;border-radius:13px}
  th{background:#f7f7f7;color:#5c5c5c}
  main>footer{color:#8a8a8a}
}