/* ZarModir v0.4.16: universal readability improvements and due account UI.
   Decorative layout remains unchanged. The selected theme retains its identity. */
:root {--zm-focus-outline:#97661c;}
.shell .topbar h2,.shell .section-head h3,.shell .form-group-head,.shell .panel h3 {font-weight:850;line-height:1.65;}
.shell .form-label,.shell .form-label>small {line-height:1.85;}
.shell .form-field,.shell .control,.shell input,.shell select,.shell textarea {font-family:inherit;}
.shell input:focus-visible,.shell select:focus-visible,.shell textarea:focus-visible,.shell button:focus-visible,.shell a:focus-visible {outline:2px solid var(--gold,#97703c);outline-offset:3px;}
.shell :is(.topbar p,.section-head p,.tiny-caption,.hint,.form-label small,.product-meta,.mini-item small) {line-height:1.8;}
[data-theme="light"] .shell {--ink:#242321;--muted:#554f49;}
[data-theme="light"] .shell :is(.hint,.tiny-caption,.stat label,.stat small,.product-meta,.form-label small,.mini-item small,.entry-date,.footer-note) {color:#56514a!important;}
[data-theme="light"] .shell :is(.form-field,.control) {color:#292620;background:#fffcf7;border-color:#bfb1a0;}
[data-theme="light"] .shell :is(.form-field,.control)::placeholder {color:#645b52;opacity:1;}
[data-theme="dark"] .shell :is(.hint,.tiny-caption,.stat label,.stat small,.product-meta,.form-label small,.mini-item small) {color:#d1c8bb!important;}
[data-theme="dark"] .shell :is(.form-field,.control)::placeholder {color:#c2b9a8;opacity:1;}
/* Three marble orbit layouts must stay LIGHT and legible even if saved palette is dark. */
html[data-workspace-layout^="orbit-"] {color-scheme:light;--ink:#27241f;--muted:#544e43;--cream:#f8f5ef;--white:#fffdf9;--line:#dbcab1;--gold3:#f6ead7;}
html[data-workspace-layout^="orbit-"] body {background:#f8f5ef!important;color:#27241f!important;}
html[data-workspace-layout^="orbit-"] .shell :is(.panel,.stat,.rate,.filters,.account-card,.product-card,.suite-card,.suite-stat,.tray-box,.tray-stat,.modal,.storefront-top) {color:#29251f!important;background:#fffdfa!important;border-color:#dfcdae!important;}
html[data-workspace-layout^="orbit-"] .shell :is(.panel,.stat,.rate,.filters,.account-card,.product-card,.suite-card,.tray-box,.tray-stat) :is(h1,h2,h3,h4,strong,b,label) {color:#27231e;}
html[data-workspace-layout^="orbit-"] .shell :is(.section-head p,.topbar p,.hint,.tiny-caption,.stat label,.stat small,.rate small,.form-label small,.product-meta,.mini-item small,.entry-date,.footer-note) {color:#5d5549!important;opacity:1!important;}
html[data-workspace-layout^="orbit-"] .shell :is(input,select,textarea,.form-field,.control,.zms-field input,.zms-field select,.zms-field textarea,.zi-input) {background:#fffdf9!important;color:#211d18!important;border:1px solid #c8b696!important;box-shadow:none;opacity:1!important;}
html[data-workspace-layout^="orbit-"] .shell :is(input,textarea)::placeholder {color:#6b6256!important;opacity:1!important;}
html[data-workspace-layout^="orbit-"] .shell :is(.form-field,.control):focus {border-color:#ad792d!important;outline:2px solid #b58d4b65!important;outline-offset:1px;}
html[data-workspace-layout^="orbit-"] .shell :is(.btn.light,.btn.ghost,.demo-switch,.filters button) {background:#faf1e4!important;border:1px solid #d4b788!important;color:#402f19!important;}
html[data-workspace-layout^="orbit-"] .shell :is(.btn.gold,.zi-action-primary) {background:#8a5d1e!important;color:white!important;border-color:#825619!important;text-shadow:none;}
html[data-workspace-layout^="orbit-"] .shell :is(.pill:not(.red):not(.green),.notice.gray) {background:#f6e8d1!important;border-color:#e0c7a0!important;color:#503f27!important;}
html[data-workspace-layout^="orbit-"] .shell :is(.notice,.tray-banner) {color:#4b3920!important;}
html[data-workspace-layout^="orbit-"] .shell :is(.tray-hero,.tray-hero *) {color:#fffdf9!important;}
html[data-workspace-layout^="orbit-"] .shell :is(.text-red,.pill.red) {color:#a72d2c!important;}
html[data-workspace-layout^="orbit-"] .shell :is(.text-green,.pill.green) {color:#1e6a43!important;}
html[data-workspace-layout^="orbit-"] .shell .modal {color:#231e17!important;background:#fffefa!important;}
html[data-workspace-layout^="orbit-"] .shell .modal :is(.form-label,.form-group-head) {color:#2d2821!important;}
html[data-workspace-layout^="orbit-"] .shell .entry-line {border-color:#e4d5c0!important;}
html[data-workspace-layout^="orbit-"] .shell .entry-line small {color:#625749!important;}
html[data-workspace-layout^="orbit-"] .shell :is(.stat,.panel) strong {opacity:1;}
/* Maintain legible dark controls for the three non-orbit dark layouts. */
[data-theme="dark"] .shell :is(.form-field,.control) {color:#f7f2e8!important;border-color:#7b6d58!important;}
[data-theme="dark"] .shell :is(.form-label,.form-group-head) {color:#f5eee2!important;}
/* Cross-layout debt reminders. */
.zd-root {direction:rtl;max-width:1680px;margin:18px auto 32px;color:var(--ink,#29251e);}
.zd-heading {display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 16px;border:1px solid var(--line,#d7c8b5);border-radius:18px;padding:18px 22px;background:var(--white,#fffdf9);}
.zd-heading span {font:700 10px system-ui,sans-serif;letter-spacing:1px;color:#906221;}
.zd-heading h2 {font-size:23px;font-weight:900;margin:6px 0;}
.zd-heading p {font-size:13px;line-height:1.8;color:var(--muted,#635d52);margin:0;}
.zd-heading-mark {font:700 33px system-ui,sans-serif!important;}
.zd-loading,.zd-empty {background:var(--white,#fffdfa);color:var(--muted,#5e5449);border:1px dashed var(--line,#d7c8b5);border-radius:12px;padding:18px;font-size:13px;}
.zd-stats {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px;}
.zd-stats>div {border:1px solid var(--line,#dac9b1);background:var(--white,#fffefa);padding:18px;border-radius:16px;display:grid;gap:7px;min-width:0;}
.zd-stats small {font-size:12px;color:var(--muted,#5e5549);font-weight:650;}
.zd-stats strong {font-size:19px;color:var(--ink,#31251b);font-weight:900;overflow-wrap:anywhere;}
.zd-stats span {font-size:11px;color:var(--muted,#5e5549);}
.zd-columns {display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,.84fr);gap:16px;align-items:start;}
.zd-main {display:grid;gap:15px;min-width:0;}
.zd-card {border:1px solid var(--line,#d4c6b6);background:var(--white,#fffdfa);border-radius:17px;padding:18px;box-shadow:0 7px 25px #55401812;min-width:0;}
.zd-card-title {display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px;}
.zd-card-title h3,.zd-create h3 {margin:0;font-size:17px;font-weight:850;}
.zd-card-title>span,.zd-create>p {font-size:11px;line-height:1.9;color:var(--muted,#5e5549);}
.zd-alerts,.zd-account-list {display:grid;gap:9px;}
.zd-alert,.zd-account {border:1px solid var(--line,#d8cab9);border-radius:14px;padding:12px 14px;background:var(--cream,#faf7f0);}
.zd-alert {display:flex;justify-content:space-between;align-items:center;gap:12px;}
.zd-alert.today {border-right:4px solid #a06c20;}
.zd-alert.overdue {border-right:4px solid #ae4139;}
.zd-alert.tomorrow {border-right:4px solid #53745d;}
.zd-alert b,.zd-account-top strong {display:inline-flex;gap:8px;flex-wrap:wrap;align-items:center;font-size:12px;}
.zd-alert small,.zd-account small {display:block;margin-top:6px;color:var(--muted,#5e5549);font-size:11px;line-height:1.7;}
.zd-state {padding:4px 8px;border-radius:8px;font-size:11px!important;font-weight:800!important;letter-spacing:0!important;font-family:inherit!important;}
.zd-state.receivable {background:#f8e0cf;color:#763b22!important;}
.zd-state.payable {background:#e4eefb;color:#204b70!important;}
.zd-alert-amount {text-align:left;white-space:nowrap;}
.zd-alert-amount strong {display:block;font-size:13px;}
.zd-account-top {display:flex;align-items:flex-start;justify-content:space-between;gap:10px;}
.zd-account-top small {max-width:490px;overflow-wrap:anywhere;}
.zd-day {padding:5px 9px;background:#e9e0d0;border-radius:8px;font-size:11px;font-weight:850;white-space:nowrap;color:#4c3e2b;}
.zd-day.overdue {background:#f9dedb;color:#9c2426;}
.zd-day.today {background:#fdeacd;color:#805217;}
.zd-day.tomorrow {background:#e2eedf;color:#255b3c;}
.zd-money-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:13px 0;}
.zd-money-grid>div {background:color-mix(in srgb,var(--white,#fffefa) 90%,#dbc49e);border:1px solid var(--line,#d9c7ac);border-radius:10px;padding:10px;min-width:0;}
.zd-money-grid b {display:block;font-weight:850;font-size:12px;color:var(--ink,#26221e);overflow-wrap:anywhere;margin-top:5px;}
.zd-settle summary {cursor:pointer;background:var(--gold3,#eadcc6);color:var(--ink,#30281e);font-weight:800;padding:10px 13px;border-radius:10px;font-size:12px;}
.zd-settle[open] summary {margin-bottom:12px;}
.zd-create {position:sticky;top:15px;}
.zd-form {display:grid;gap:12px;margin-top:13px;}
.zd-form label {display:grid;gap:6px;font-size:12px;font-weight:800;color:var(--ink,#322b20);}
.zd-form :is(input,select,textarea) {width:100%;min-width:0;padding:11px 12px!important;border-radius:10px!important;border:1px solid #bda889!important;color:#28221b!important;background:#fffefa!important;font:inherit;font-size:13px!important;line-height:1.5;}
.zd-form :is(input,textarea)::placeholder {color:#78695a!important;opacity:1;}
.zd-form-row {display:grid;grid-template-columns:minmax(0,1.9fr) minmax(100px,.8fr);gap:10px;}
.zd-button {border:1px solid #77511b;border-radius:11px;background:#83591e;color:#fff;font-weight:850;min-height:45px;padding:10px 15px;cursor:pointer;}
.zd-button:disabled {opacity:.7;cursor:wait;}
.zd-form-error,.zd-error {display:block;background:#fff0ef;border:1px solid #d8867f;border-radius:9px;color:#8d2924;padding:10px;font-size:12px;font-weight:750;}
.zd-form-error[hidden] {display:none;}
.zd-note {margin-top:16px;font-size:11px;color:var(--muted,#695b4a);line-height:1.9;}
.zd-notify {background:transparent;border:1px solid var(--line,#bc9d6e);border-radius:9px;padding:9px 12px;color:var(--ink,#47351c);font-size:11px;cursor:pointer;}
.zd-ribbon {display:flex;justify-content:space-between;align-items:center;gap:12px;margin:12px auto 18px;padding:13px 18px;border:1px solid #d2ab71;border-radius:13px;background:#fff3dc;color:#503319!important;max-width:1680px;}
.zd-ribbon strong {font-size:13px;}
.zd-ribbon p {font-size:12px;margin:4px 0 0;color:#64492b!important;}
.zd-ribbon button {border:1px solid #926b30;border-radius:9px;background:#83591e;color:#fff;padding:10px 14px;font-weight:800;cursor:pointer;}
[data-theme="dark"] .zd-root {--ink:#ece6d8;--muted:#c8bcaa;}
[data-theme="dark"] .zd-form label {color:var(--ink,#eee)!important;}
[data-theme="dark"] .zd-money-grid>div {background:#2a2823;}
[data-theme="dark"] .zd-money-grid b {color:#f2e8d8;}
[data-theme="dark"] .zd-create .zd-form :is(input,select,textarea) {color:#24211c!important;background:#fffcf8!important;}
[data-theme="dark"] .zd-form-error {color:#982e2c!important;}
html[data-workspace-layout^="orbit-"] .zd-root {--ink:#27231c;--muted:#575044;}
html[data-workspace-layout^="orbit-"] :is(.zd-card,.zd-stats>div,.zd-heading) {background:#fffdfa!important;color:#29241e!important;}
html[data-workspace-layout^="orbit-"] .zd-form label {color:#31281d!important;}
html[data-workspace-layout^="orbit-"] .zd-money-grid>div {background:#fff7eb!important;}
html[data-workspace-layout^="orbit-"] .zd-money-grid b {color:#2c2218!important;}
@media(max-width:1000px){.zd-columns {grid-template-columns:1fr}.zd-create{position:static}.zd-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:590px){.zd-stats{gap:8px}.zd-stats>div{padding:12px}.zd-stats strong{font-size:15px}.zd-card{padding:13px}.zd-heading h2{font-size:19px}.zd-alert{flex-wrap:wrap}.zd-alert-amount{text-align:right;white-space:normal}.zd-money-grid{grid-template-columns:1fr 1fr}.zd-ribbon{flex-wrap:wrap}.zd-ribbon button{width:100%}}
