/* Three blue/white layouts. Selection is saved separately per account by design-picker.js.
   Existing forms, IDs, accounting rules, device actions and permissions are preserved. */
@media screen {
  html[data-blue-white-option] { --primary:#1265d4; --primary-soft:#edf5ff; --blue:#1265d4; --blue2:#084aa2; --bg:#f4f8fe; --ink:#183657; --muted:#617d9f; --line:#dce8f7; }
  html[data-blue-white-option] body { background:#f4f8fe; }
  html[data-blue-white-option] .app>.sidebar,html[data-blue-white-option] .app-layout>.side { background:linear-gradient(170deg,#1b70d4,#11488f); border:0; color:#fff; }
  html[data-blue-white-option] :is(.sidebar .brand h1,.side-brand strong) { color:#fff; }
  html[data-blue-white-option] :is(.sidebar .brand p,.side-brand small,.workspace-nav-caption) { color:#d3e5ff; }
  html[data-blue-white-option] :is(.sidebar .brand-mark,.side .side-mark) { background:#fff; color:#1461c4; }
  html[data-blue-white-option] :is(.sidebar .nav button,.side .side-link) { color:#e5f0ff; }
  html[data-blue-white-option] :is(.sidebar .nav button .icon,.workspace-nav-icon) { color:#c3dcfb; }
  html[data-blue-white-option] :is(.sidebar .nav button:hover,.side .side-link:hover) { background:#ffffff16; color:#fff; }
  html[data-blue-white-option] :is(.sidebar .nav button.active,.side .side-link.active) { background:#fff; color:#135cc0; border-color:#fff; box-shadow:0 4px 12px #073c6810; }
  html[data-blue-white-option] :is(.sidebar .nav button.active .icon,.side .side-link.active .workspace-nav-icon) { color:#135cc0; }
  html[data-blue-white-option] .sidebar .nav button.active::after { background:#1265d4; }
  html[data-blue-white-option] .sidebar-scroll-control { background:#ffffff0b; border-color:#ffffff16; }
  html[data-blue-white-option] .sidebar-scroll-thumb { background:#abcff7; }
  html[data-blue-white-option] .sidebar .sidebar-mobile-close { color:#fff; background:#ffffff12; border-color:#ffffff26; }
  html[data-blue-white-option] .side-count { color:#deecff; background:#ffffff15; }
  html[data-blue-white-option] .side-link.active .side-count { color:#135cc0; background:#e9f3ff; }
  html[data-blue-white-option] .side-footer .side-link { color:#135cc0; background:#edf5ff; }
  html[data-blue-white-option] .btn.primary,html[data-blue-white-option] .filter-chip.active { background:#1265d4; border-color:#1265d4; color:#fff; }
  html[data-blue-white-option] .btn.primary:hover,html[data-blue-white-option] .filter-chip.active:hover { background:#0956bc; border-color:#0956bc; }
  html[data-blue-white-option] :is(.system-name-badge,.workspace-edition) { color:#185cb1; background:#eff6ff; border-color:#d9e8fa; }
  html[data-blue-white-option] :is(.workspace-edition i,.workspace-distribution-track [data-distribution=active]) { background:#73bdff; }
  html[data-blue-white-option] :is(.topbar,.workspace>.head) { background:#fff; }
  html[data-blue-white-option] :is(.section,.panel,.excel-sheet) { border-color:#dce8f7; }
  html[data-blue-white-option] :is(.excel-table th,.scroll th) { background:#edf5ff; color:#3d658f; }
  html[data-blue-white-option] .excel-table tbody tr:hover td { background:#f1f7ff; }
  html[data-blue-white-option] .excel-table tbody tr.selected td { background:#e8f2ff; }
  html[data-blue-white-option] :is(.input,.field input,.field select):focus { border-color:#669ce1; box-shadow:0 0 0 3px #1265d412; }
  html[data-blue-white-option] .login-shell .identity-panel { background:linear-gradient(150deg,#176dcc,#0e4c9e); }
  html[data-blue-white-option] #dashboardView .dashboard-count-card[data-dashboard-count=total] { background:#1265d4; border-color:#1265d4; }
  html[data-blue-white-option] #dashboardView .dashboard-count-card[data-dashboard-count=total] :is(.dashboard-count-note,.dashboard-count-link,.dashboard-count-label) { color:#e0efff; }
  html[data-blue-white-option] #dashboardView .dashboard-count-card[data-dashboard-count=towers] { background:#eaf3ff; border-color:#d5e6fa; }
  html[data-blue-white-option] #dashboardView .dashboard-count-card[data-dashboard-count=towers]::after { background-color:#dceafb; }
  html[data-blue-white-option] #dashboardView .metric:last-child { background:#1156ab; border-color:#1156ab; }
  html[data-blue-white-option] #dashboardView .workspace-welcome { margin-bottom:0; padding:22px 25px; border:1px solid #dbe8f8; background:#fff; border-radius:18px; }
  html[data-blue-white-option] #dashboardView .workspace-welcome h3 { font-size:29px; }
  html[data-blue-white-option] #dashboardView .workspace-welcome .workspace-edition { align-self:center; }
  html[data-blue-white-option] .workspace .notice { background:#eef6ff; border-color:#d6e7fb; color:#365d85; }
  html[data-blue-white-option] .workspace .stat b { color:#1259b2; }
  html[data-blue-white-option][data-mazaya-app] body { background:#f4f8fe!important; }
  html[data-blue-white-option][data-mazaya-app] .btn.primary { background:#1265d4!important; border-color:#1265d4!important; }
  html[data-blue-white-option][data-mazaya-app=tablet] .tablet-mark { background:#1265d4; }
  html[data-blue-white-option][data-mazaya-app=tablet] .tablet-tabs button[aria-current] { background:#e8f2ff; color:#1265d4; }

  /* 2: sidebar remains right; subscription workspace + separate vertical finance column. */
  html[data-blue-white-option="2"] :is(.app>.sidebar,.app-layout>.side) { background:#fff; border-inline-start:1px solid #dce8f7; }
  html[data-blue-white-option="2"] :is(.sidebar .brand h1,.side-brand strong) { color:#154fa0; }
  html[data-blue-white-option="2"] :is(.sidebar .brand p,.side-brand small,.workspace-nav-caption) { color:#657f9e; }
  html[data-blue-white-option="2"] :is(.sidebar .brand-mark,.side .side-mark) { background:#1265d4; color:#fff; }
  html[data-blue-white-option="2"] :is(.sidebar .nav button,.side .side-link) { color:#426487; }
  html[data-blue-white-option="2"] :is(.sidebar .nav button:hover,.side .side-link:hover) { background:#edf5ff; color:#135cc0; }
  html[data-blue-white-option="2"] :is(.sidebar .nav button .icon,.workspace-nav-icon) { color:#6b87a6; }
  html[data-blue-white-option="2"] :is(.sidebar .nav button.active,.side .side-link.active) { background:#1265d4; color:#fff; border-color:#1265d4; box-shadow:none; }
  html[data-blue-white-option="2"] :is(.sidebar .nav button.active .icon,.side .side-link.active .workspace-nav-icon) { color:#fff; }
  html[data-blue-white-option="2"] .sidebar .nav button.active::after { background:#fff; }
  html[data-blue-white-option="2"] .sidebar-scroll-control { background:#f5f9ff; border-color:#e0ebf8; }
  html[data-blue-white-option="2"] .sidebar .sidebar-mobile-close { color:#1265d4; background:#eef5ff; border-color:#d6e6fa; }
  html[data-blue-white-option="2"] .side-count { color:#3266a2; background:#e8f2ff; }
  html[data-blue-white-option="2"] .side-link.active .side-count { background:#ffffff28; color:#fff; }
  html[data-blue-white-option="2"] #dashboardView:not([hidden]) { display:grid; grid-template-columns:minmax(0,1.8fr) minmax(230px,1fr); gap:15px 22px; }
  html[data-blue-white-option="2"] #dashboardView .workspace-welcome { grid-row:1; grid-column:1 / -1; background:linear-gradient(110deg,#1a72dc,#1558ad); color:#fff; border:0; border-radius:14px; }
  html[data-blue-white-option="2"] #dashboardView .workspace-welcome :is(h3,p,.workspace-eyebrow) { color:#fff; }
  html[data-blue-white-option="2"] #dashboardView .system-live-status-bar { grid-row:2; grid-column:1 / -1; }
  html[data-blue-white-option="2"] #dashboardView .dashboard-overview-heading { grid-row:3; grid-column:1; margin-top:10px; }
  html[data-blue-white-option="2"] #dashboardView .workspace-finance-heading { grid-row:3; grid-column:2; flex-direction:column; align-items:start; justify-content:end; margin-top:10px; }
  html[data-blue-white-option="2"] #dashboardView .workspace-finance-heading>span { font-size:10px; }
  html[data-blue-white-option="2"] #dashboardView .dashboard-counts { grid-row:4; grid-column:1; grid-template-columns:repeat(2,minmax(0,1fr)); grid-template-rows:repeat(3,minmax(158px,1fr)); gap:13px; }
  html[data-blue-white-option="2"] #dashboardView .dashboard-count-card { grid-row:auto; grid-column:auto; min-height:158px; display:flex; flex-direction:column; padding:23px; justify-content:start; border-radius:13px; }
  html[data-blue-white-option="2"] #dashboardView .dashboard-count-card strong { font-size:40px; margin:8px 0 0; }
  html[data-blue-white-option="2"] #dashboardView .dashboard-count-card .dashboard-count-label { font-size:12px; }
  html[data-blue-white-option="2"] #dashboardView .dashboard-count-card .dashboard-count-note { font-size:11px; }
  html[data-blue-white-option="2"] #dashboardView .dashboard-count-card .dashboard-count-link { margin-top:auto; font-size:11px; }
  html[data-blue-white-option="2"] #dashboardView .dashboard-count-card[data-dashboard-count=total] { background:#fff; border-color:#dce8f7; }
  html[data-blue-white-option="2"] #dashboardView .dashboard-count-card[data-dashboard-count=total] :is(strong,.dashboard-count-label) { color:#1259b2; }
  html[data-blue-white-option="2"] #dashboardView .dashboard-count-card[data-dashboard-count=total] :is(.dashboard-count-note,.dashboard-count-link) { color:#637e9e; }
  html[data-blue-white-option="2"] #dashboardView .dashboard-count-card[data-dashboard-count=total]::before { display:none; }
  html[data-blue-white-option="2"] #dashboardView .dashboard-count-card[data-dashboard-count=total]::after { display:none; }
  html[data-blue-white-option="2"] #dashboardView .workspace-distribution { display:none; }
  html[data-blue-white-option="2"] #dashboardView .dashboard-count-card[data-dashboard-count=towers]::after { position:absolute; width:29px; height:29px; background-size:17px; top:17px; inset-inline-end:16px; order:0; margin:0; }
  html[data-blue-white-option="2"] #dashboardView .dashboard-count-card[data-dashboard-count=towers] .dashboard-count-label { padding-inline-end:28px; }
  html[data-blue-white-option="2"] #dashboardView .workspace-finance { grid-row:4; grid-column:2; display:grid; grid-template-columns:1fr; gap:12px; }
  html[data-blue-white-option="2"] #dashboardView .metric { padding:20px; border-radius:13px; gap:9px; }
  html[data-blue-white-option="2"] #dashboardView .metric:last-child { grid-row:1; }
  html[data-blue-white-option="2"] #dashboardView .metric .value { font-size:25px; }

  /* 3: wide, dense professional data layout, all original controls retained. */
  html[data-blue-white-option="3"] :is(.app>.sidebar,.app-layout>.side) { background:#135ab4; }
  html[data-blue-white-option="3"] :is(.section,.panel,.excel-sheet,.stat) { border-radius:8px; box-shadow:none; }
  html[data-blue-white-option="3"] .sidebar .nav button { border-radius:6px; }
  html[data-blue-white-option="3"] #dashboardView .workspace-welcome { border:0; border-radius:0; background:transparent; padding:6px 0 12px; }
  html[data-blue-white-option="3"] #dashboardView .workspace-welcome h3 { font-size:31px; }
  html[data-blue-white-option="3"] #dashboardView .dashboard-counts { grid-template-columns:repeat(6,minmax(0,1fr)); grid-template-rows:auto; gap:0; border:1px solid #dce8f7; background:#fff; border-radius:10px; overflow:hidden; }
  html[data-blue-white-option="3"] #dashboardView .dashboard-count-card { grid-row:auto; grid-column:auto; border:0; border-inline-end:1px solid #e4edf9; border-radius:0; background:#fff; box-shadow:none; padding:24px 17px; min-height:197px; display:flex; flex-direction:column; justify-content:start; }
  html[data-blue-white-option="3"] #dashboardView .dashboard-count-card:last-child { border-inline-end:0; }
  html[data-blue-white-option="3"] #dashboardView .dashboard-count-card::after,html[data-blue-white-option="3"] #dashboardView .dashboard-count-card::before { display:none; }
  html[data-blue-white-option="3"] #dashboardView .dashboard-count-card .dashboard-count-label { padding:0; font-size:12px; min-height:36px; }
  html[data-blue-white-option="3"] #dashboardView .dashboard-count-card strong { font-size:43px; margin:0; color:#174f94; }
  html[data-blue-white-option="3"] #dashboardView .dashboard-count-card .dashboard-count-note { color:#647f9e; font-size:11px; }
  html[data-blue-white-option="3"] #dashboardView .dashboard-count-card .dashboard-count-link { color:#35669e; font-size:11px; margin-top:auto; }
  html[data-blue-white-option="3"] #dashboardView .dashboard-count-card[data-dashboard-count=total] { background:#1265d4; }
  html[data-blue-white-option="3"] #dashboardView .dashboard-count-card[data-dashboard-count=total] :is(.dashboard-count-label,strong,.dashboard-count-note,.dashboard-count-link) { color:#fff; }
  html[data-blue-white-option="3"] #dashboardView .workspace-distribution { display:none; }
  html[data-blue-white-option="3"] #dashboardView .workspace-finance { gap:0; border:1px solid #dce8f7; border-radius:10px; background:#fff; overflow:hidden; }
  html[data-blue-white-option="3"] #dashboardView .metric { border:0; border-inline-end:1px solid #e4edf9; border-radius:0; box-shadow:none; padding:26px; }
  html[data-blue-white-option="3"] #dashboardView .metric .note { font-size:11px; }
  html[data-blue-white-option="3"] .excel-table td { padding-top:12px; padding-bottom:12px; }
  @media(max-width:1280px) {
    html[data-blue-white-option="3"] #dashboardView .dashboard-counts { grid-template-columns:repeat(3,minmax(0,1fr)); }
    html[data-blue-white-option="3"] #dashboardView .dashboard-count-card:nth-child(n+4) { border-top:1px solid #e4edf9; }
    html[data-blue-white-option="3"] #dashboardView .dashboard-count-card:nth-child(3) { border-inline-end:0; }
  }
  @media(max-width:900px) {
    html[data-blue-white-option="2"] #dashboardView:not([hidden]) { grid-template-columns:1fr; }
    html[data-blue-white-option="2"] #dashboardView .workspace-finance-heading { grid-row:5; grid-column:1; }
    html[data-blue-white-option="2"] #dashboardView .workspace-finance { grid-row:6; grid-column:1; grid-template-columns:repeat(2,minmax(0,1fr)); }
    html[data-blue-white-option="2"] #dashboardView .metric:last-child { grid-row:auto; }
  }
  @media(max-width:760px) {
    html[data-blue-white-option] #dashboardView .workspace-welcome { padding:19px; align-items:start; }
    html[data-blue-white-option] #dashboardView .workspace-welcome .workspace-edition { align-self:start; }
    html[data-blue-white-option] #dashboardView .workspace-welcome h3 { font-size:25px; }
    html[data-blue-white-option="2"] #dashboardView .dashboard-count-card { padding:18px 14px; min-height:175px; }
    html[data-blue-white-option="2"] #dashboardView .dashboard-count-card strong { font-size:34px; }
    html[data-blue-white-option="2"] #dashboardView .metric { padding:17px 14px; }
    html[data-blue-white-option="2"] #dashboardView .metric .value { font-size:21px; }
    html[data-blue-white-option="3"] #dashboardView .dashboard-counts { grid-template-columns:repeat(2,minmax(0,1fr)); }
    html[data-blue-white-option="3"] #dashboardView .dashboard-count-card { padding:20px 15px; min-height:191px; }
    html[data-blue-white-option="3"] #dashboardView .dashboard-count-card:nth-child(n+3) { border-top:1px solid #e4edf9; }
    html[data-blue-white-option="3"] #dashboardView .dashboard-count-card:nth-child(3) { border-inline-end:1px solid #e4edf9; }
    html[data-blue-white-option="3"] #dashboardView .dashboard-count-card:nth-child(even) { border-inline-end:0; }
    html[data-blue-white-option="3"] #dashboardView .metric { padding:19px 15px; }
  }
}

/* Appearance controls are separate from existing accounting forms and navigation. */
@media screen {
  .mz-design-mobile { display:none; }
  html[data-mazaya-app] .mz-design-mobile { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:8px 14px; background:#fff; border-bottom:1px solid #dce8f7; color:#426487; font-size:12px; }
  .mz-design-mobile .btn { min-height:42px; color:#125bc0; background:#eef5ff; }
  #mazayaDesignPicker { position:fixed; inset:0; margin:auto; width:min(760px,calc(100% - 28px)); max-width:760px; height:fit-content; max-height:calc(100dvh - 32px); padding:0; overflow:auto; background:#fff; color:#183657; border:1px solid #d6e4f5; border-radius:22px; box-shadow:0 24px 80px #12395d38; direction:rtl; text-align:right; font:14px/1.6 Tahoma,Arial,sans-serif; }
  #mazayaDesignPicker:not([open]) { display:none!important; }
  #mazayaDesignPicker[open] { display:block!important; }
  #mazayaDesignPicker::backdrop { background:#102c5266; backdrop-filter:blur(3px); }
  #mazayaDesignPicker * { box-sizing:border-box; }
  #mazayaDesignPicker .mz-design-heading { padding:24px 26px 18px; border-bottom:1px solid #e2ecf8; }
  #mazayaDesignPicker h2 { margin:0 0 5px; font-size:22px; color:#183657; }
  #mazayaDesignPicker p { margin:0; color:#617b99; }
  #mazayaDesignPicker fieldset { border:0; margin:0; padding:22px 24px; min-width:0; }
  #mazayaDesignPicker legend { padding-top:16px; font-weight:bold; }
  #mazayaDesignPicker .mz-design-options { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
  #mazayaDesignPicker .mz-design-option { display:block; cursor:pointer; padding:12px; border:2px solid #e0eaf7; border-radius:14px; background:#fff; color:#244766; }
  #mazayaDesignPicker .mz-design-option:has(input:checked) { border-color:#1265d4; background:#f1f7ff; }
  #mazayaDesignPicker .mz-design-choice-title { display:flex; align-items:center; gap:8px; margin-top:12px; }
  #mazayaDesignPicker input[type=radio] { margin:0; accent-color:#1265d4; flex:0 0 18px; width:18px; height:18px; min-height:18px; }
  #mazayaDesignPicker .mz-design-option small { display:block; color:#617b99; margin-top:5px; }
  #mazayaDesignPicker .mz-design-thumb { height:106px; display:grid; grid-template-columns:20px 1fr; gap:5px; padding:6px; border-radius:8px; background:#e9f1fb; }
  #mazayaDesignPicker .mz-design-thumb>i { background:#1265d4; border-radius:4px; }
  #mazayaDesignPicker .mz-design-thumb>span { display:grid; grid-template-columns:repeat(2,1fr); grid-template-rows:16px repeat(2,1fr); gap:5px; }
  #mazayaDesignPicker .mz-design-thumb b { background:#fff; border-radius:4px; }
  #mazayaDesignPicker .mz-design-thumb b:first-child { grid-column:1/-1; }
  #mazayaDesignPicker .mz-thumb-one b:nth-child(2) { grid-row:2/4; background:#1265d4; }
  #mazayaDesignPicker .mz-thumb-two>i { background:#fff; }
  #mazayaDesignPicker .mz-thumb-two b:first-child { background:#1265d4; }
  #mazayaDesignPicker .mz-thumb-two b:nth-child(3) { grid-row:2/4; grid-column:2; background:#bad8fb; }
  #mazayaDesignPicker .mz-thumb-three>span { grid-template-columns:repeat(3,1fr); }
  #mazayaDesignPicker .mz-thumb-three b:nth-child(2) { background:#1265d4; }
  #mazayaDesignPicker .mz-thumb-three b:last-child { grid-column:1/-1; }
  #mazayaDesignPicker .mz-design-footer { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px; padding:18px 24px; border-top:1px solid #e2ecf8; }
  #mazayaDesignPicker .mz-design-status { flex:1 1 250px; color:#526d8e; }
  #mazayaDesignPicker .mz-design-status[data-error=true] { color:#b42318; }
  #mazayaDesignPicker .mz-design-buttons { display:flex; gap:8px; }
  #mazayaDesignPicker button { min-height:44px; padding:10px 22px; border:1px solid #cfe0f5; border-radius:10px; cursor:pointer; font:inherit; color:#245781; background:#fff; }
  #mazayaDesignPicker button.mz-design-save { background:#1265d4; border-color:#1265d4; color:#fff; }
  #mazayaDesignPicker button:disabled { opacity:.55; cursor:wait; }
  @media(max-width:580px) {
    #mazayaDesignPicker { width:calc(100% - 20px); border-radius:16px; }
    #mazayaDesignPicker .mz-design-heading { padding:18px; }
    #mazayaDesignPicker fieldset { padding:12px 16px 18px; }
    #mazayaDesignPicker .mz-design-options { grid-template-columns:1fr; gap:9px; }
    #mazayaDesignPicker .mz-design-option { display:grid; grid-template-columns:90px 1fr; gap:0 14px; align-items:center; padding:10px; }
    #mazayaDesignPicker .mz-design-thumb { height:69px; grid-row:1/3; }
    #mazayaDesignPicker .mz-design-choice-title { margin:0; }
    #mazayaDesignPicker .mz-design-option small { margin:0; }
    #mazayaDesignPicker .mz-design-footer { padding:16px; }
    #mazayaDesignPicker .mz-design-buttons { width:100%; }
    #mazayaDesignPicker button { flex:1; }
  }
}
@media print { #mazayaDesignPicker,.mz-design-mobile,[data-mazaya-design-open] { display:none!important; } }