:root[data-tawsill-theme=light]{--tw-page:#f0f4fa;--tw-surface:#ffffff;--tw-raised:#f6f8fc;--tw-input:#f8fafd;--tw-ink:#243b58;--tw-muted:#687e99;--tw-border:#d5dfec;--tw-accent:#3e6dad;--tw-accent-soft:#e7effc;--tw-shadow:0 8px 30px #243b580c;color-scheme:light}
:root[data-tawsill-theme=dark]{--tw-page:#0c1422;--tw-surface:#152132;--tw-raised:#1c2a3e;--tw-input:#101c2d;--tw-ink:#e3ecf8;--tw-muted:#a0b2cb;--tw-border:#33465f;--tw-accent:#9bc6fa;--tw-accent-soft:#233d5e;--tw-shadow:0 8px 30px #0002;color-scheme:dark}
html[data-tawsill-theme] body{background-color:var(--tw-page)!important;color:var(--tw-ink)!important}
html[data-tawsill-theme] :is(.catalog-sidebar,.catalog-topbar,.catalog-content,.catalog-table-panel,.credit-panel,.fs-card,.fs-header,.panel,.tool-card){background-color:var(--tw-surface);color:var(--tw-ink);border-color:var(--tw-border)}
.tawsill-theme-control{display:inline-flex!important;align-items:center!important;gap:3px!important;flex-shrink:0;padding:4px!important;border:1px solid var(--tw-border)!important;border-radius:11px!important;background:var(--tw-raised)!important;color:var(--tw-muted)!important;font-family:inherit!important;line-height:1!important;z-index:40}
.tawsill-theme-control button{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;border:0!important;border-radius:7px!important;padding:8px!important;min-width:32px!important;min-height:32px!important;margin:0!important;background:transparent!important;color:var(--tw-muted)!important;cursor:pointer;font:inherit!important;font-size:12px!important;font-weight:400!important;text-transform:none!important;box-shadow:none!important}
.tawsill-theme-control button[aria-pressed=true]{background:var(--tw-accent-soft)!important;color:var(--tw-accent)!important}
.tawsill-theme-control button:focus-visible{outline:2px solid var(--tw-accent)!important;outline-offset:2px!important}
.tawsill-theme-control svg{width:17px!important;height:17px!important;flex-shrink:0;fill:none!important;stroke:currentColor!important;stroke-width:1.7!important}
.tawsill-theme-control.floating{position:fixed!important;right:18px!important;top:16px!important;box-shadow:var(--tw-shadow)}
.catalog-topbar .tawsill-theme-control{margin-left:auto}
.catalog-topbar:has(.tawsill-theme-control){gap:12px}
.catalog-topbar:has(.tawsill-theme-control) .catalog-account{margin-left:0}
html[data-tawsill-theme] input::placeholder,html[data-tawsill-theme] textarea::placeholder{color:var(--tw-muted)!important;opacity:.85}
@media(max-width:750px){.tawsill-theme-control button span{display:none!important}.catalog-topbar:has(.tawsill-theme-control){gap:7px}.catalog-topbar:has(.tawsill-theme-control) .catalog-navigation-search{min-width:0;flex:1;width:auto}.catalog-topbar:has(.tawsill-theme-control) .catalog-account{display:none}.tawsill-theme-control.floating{right:10px!important;top:10px!important}}
@media print{.tawsill-theme-control{display:none!important}html[data-tawsill-theme]{--tw-page:#fff;--tw-surface:#fff;--tw-raised:#f6f8fc;--tw-input:#fff;--tw-ink:#172d49;--tw-muted:#536780;--tw-border:#ccc;color-scheme:light}}
.categories-workspace .tawsill-table-toolbar{display:flex!important;align-items:center!important;justify-content:space-between!important;flex-wrap:wrap;gap:12px;padding:0!important;margin:0 0 18px!important}
.categories-workspace .tawsill-table-tools{display:flex!important;align-items:center!important;flex:1 1 520px!important;width:auto!important;gap:12px!important;margin:0!important;min-width:0}
.categories-workspace .tawsill-table-tools>*{margin:0!important;flex-shrink:0}
.categories-workspace .tawsill-table-tools>.flex{flex:1 1 240px!important;min-width:160px;max-width:460px;height:44px!important}
.categories-workspace .tawsill-table-tools>button{width:auto!important;white-space:nowrap}
.categories-workspace .tawsill-table-options{display:flex!important;align-items:center!important;gap:10px!important;margin:0!important;flex-shrink:0}
.categories-workspace .tawsill-table-toolbar button,.categories-workspace .tawsill-table-toolbar input,.categories-workspace .tawsill-table-toolbar select{height:44px!important;min-height:44px!important;max-height:44px!important;margin-top:0!important;margin-bottom:0!important;font-size:13px!important;font-weight:400!important;box-sizing:border-box!important;border-radius:9px!important}
.categories-workspace .tawsill-table-toolbar button{display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:0 15px!important}
.categories-workspace .tawsill-table-toolbar input{padding:0 14px!important}
.categories-workspace .tawsill-table-toolbar [id=filters-menu]{min-width:104px}
@media(max-width:650px){.categories-workspace .tawsill-table-tools{flex-wrap:wrap}.categories-workspace .tawsill-table-tools>.flex{flex-basis:100%!important;max-width:none;order:-1}.categories-workspace .tawsill-table-options{flex-wrap:wrap}}

/* Shared form design: light panels, navy controls, regular typography. */
:root[data-tawsill-theme]{--form-bg:#0d1b32;--form-text:#e7effb;--form-placeholder:#a0b2ce;--form-border:#526681;--form-accent:#367f85;--form-tint:#e1f2ef}
:root[data-tawsill-theme=dark]{--form-bg:#0b1729;--form-border:#405673;--form-tint:#1b3b3c;--form-accent:#9fd9d5}
html[data-tawsill-theme] :is(h1,h2,h3,h4,h5,h6,label,legend,th,button,strong,b,[class*=font-bold],[class*=font-semibold]){font-weight:400!important}
html[data-tawsill-theme] :is(input:not(.catalog-topbar input):not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]):not([type=color]):not([type=submit]):not([type=button]):not([type=file]),select,textarea){background-color:var(--form-bg)!important;color:var(--form-text)!important;border:1px solid var(--form-border)!important;border-radius:7px!important;font-family:inherit!important;font-size:13px!important;font-weight:400!important;line-height:1.45!important;box-sizing:border-box;min-width:0;max-width:100%;color-scheme:dark;padding:9px 12px!important;box-shadow:none!important}
html[data-tawsill-theme] :is(input:not(.catalog-topbar input):not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]):not([type=color]):not([type=submit]):not([type=button]):not([type=file]),select:not([multiple])){height:40px;min-height:40px}
html[data-tawsill-theme] textarea{min-height:100px;resize:vertical}
html[data-tawsill-theme] :is(input,textarea)::placeholder{color:var(--form-placeholder)!important;opacity:1}
html[data-tawsill-theme] select option{background:var(--form-bg);color:var(--form-text)}
html[data-tawsill-theme] :is(input,select,textarea):disabled{opacity:.55;cursor:not-allowed}
html[data-tawsill-theme] :is(input,select,textarea):focus-visible{outline:2px solid #6eaeb8!important;outline-offset:2px!important}
html[data-tawsill-theme] :is(input[type=checkbox],input[type=radio]){accent-color:#4f9d89;width:18px;height:18px;flex-shrink:0;vertical-align:middle}
html[data-tawsill-theme] input[type=file]{font:inherit;font-size:13px;padding:6px!important;border:1px dashed var(--tw-border);border-radius:8px;background:var(--tw-raised);max-width:100%}
html[data-tawsill-theme] input::file-selector-button{background:var(--form-tint);color:var(--form-accent);border:1px solid #81b9b5;border-radius:6px;padding:8px 14px;margin-inline-end:12px;font:inherit;cursor:pointer}
html[data-tawsill-theme] :is(.tawsill-form-field,.field,.fs-field,.credit-field){min-width:0;margin-top:0!important;gap:8px}
html[data-tawsill-theme] :is(.tawsill-form-field>label,.tawsill-form-field>span:first-child,.field>span:first-child,.fs-field>label,.credit-field>label){display:block;font-size:13px!important;line-height:1.5;margin-bottom:8px!important;color:var(--tw-ink)!important;font-weight:400!important}
html[data-tawsill-theme] :is(.tawsill-form-field,.field) :is(small,.text-xs){line-height:1.5;font-size:12px!important;margin-top:6px}
html[data-tawsill-theme] :is(form.panel,.catalog-create-panel,.operations-create-form,.fs-card,.credit-panel,.vm-panel){border:1px solid var(--tw-border)!important;border-radius:14px!important;box-shadow:none!important;padding:24px}
html[data-tawsill-theme] :is(.fields,.wallet-adjustment-grid,.operations-form-grid){gap:22px 20px!important}
html[data-tawsill-theme] :is(form h2,form h3,.operations-form-heading){margin-bottom:20px!important}
html[data-tawsill-theme] .catalog-sidebar :is(.is-current,.is-current *){color:var(--tw-accent)!important}
html[data-tawsill-theme] :is(.wallet-transactions-workspace,.wallet-adjustment-workspace,.voucher-workspace){width:100%;max-width:none;margin:0}
html[data-tawsill-theme] :is(.wallet-intro,.wallet-adjustment-notice){background:var(--form-tint)!important;color:var(--form-accent)!important;border-color:#82b4b0!important}
html[data-tawsill-theme] .wallet-intro :is(p,h2){color:inherit!important}
html[data-tawsill-theme] :is(.wallet-transactions-workspace,.wallet-adjustment-workspace) :is(h1,h2,p){font-weight:400!important}
html[data-tawsill-theme] .wallet-adjustment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
html[data-tawsill-theme] .wallet-current-balance{background:var(--tw-raised)!important;border-color:var(--tw-border)!important}
html[data-tawsill-theme] .wallet-adjustment-workspace .catalog-create-panel{max-width:none;width:100%}
@media(min-width:1200px){html[data-tawsill-theme] form .tawsill-form-field:not([style*="display: none"]):not(:has(textarea)):not(:has(input[type=file])){display:grid!important;grid-template-columns:minmax(90px,28%) minmax(0,1fr);align-items:center;column-gap:14px;row-gap:6px}html[data-tawsill-theme] form .tawsill-form-field>label{margin:0!important}html[data-tawsill-theme] form .tawsill-form-field>input{margin-top:0!important}html[data-tawsill-theme] form .tawsill-form-field :is(.text-xs,small){grid-column:2}}
@media(max-width:700px){html[data-tawsill-theme] :is(form.panel,.catalog-create-panel,.operations-create-form,.fs-card,.credit-panel,.vm-panel){padding:18px}html[data-tawsill-theme] .wallet-adjustment-grid{grid-template-columns:1fr}}
/* Wallet vouchers use the same shell and full-width surface as the newer pages. */
.voucher-workspace{font-size:14px}.voucher-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.voucher-heading h1{font-size:27px;margin:0 0 8px}.voucher-heading p{color:var(--tw-muted);margin:0;line-height:1.6}.voucher-link{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;border:1px solid var(--tw-border);border-radius:8px;color:var(--tw-ink);white-space:nowrap}.voucher-panel{background:var(--tw-surface);border:1px solid var(--tw-border);border-radius:14px;padding:24px}.voucher-toolbar{display:flex;align-items:end;gap:16px;margin-bottom:24px;flex-wrap:wrap}.voucher-toolbar label{display:grid;gap:8px;font-size:13px}.voucher-toolbar label:first-child{flex:1;min-width:200px}.voucher-toolbar input{width:100%}.voucher-toolbar button{height:40px;padding:0 22px;border:1px solid #81b9b5;background:var(--form-tint);color:var(--form-accent);border-radius:7px}.voucher-table{overflow-x:auto}.voucher-table table{width:100%;white-space:nowrap;font-size:13px;border-collapse:collapse}.voucher-table th,.voucher-table td{padding:17px 14px;text-align:start;border-bottom:1px solid var(--tw-border)}.voucher-table th{background:var(--tw-raised);color:var(--tw-muted)}.voucher-empty{text-align:center!important;padding:64px 24px!important;white-space:normal}.voucher-empty svg{width:40px;height:40px;margin:0 auto 16px;color:var(--tw-accent)}.voucher-empty h2{font-size:19px;margin:0 0 10px}.voucher-empty p{color:var(--tw-muted);margin:0}.voucher-status{padding:5px 10px;border-radius:20px;background:var(--tw-raised);border:1px solid var(--tw-border);font-size:12px}.voucher-status.active{background:#e1f2ef;color:#286b5b}.voucher-status.expired,.voucher-status.cancelled{background:#fbe8e8;color:#963d46}.voucher-meta{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:22px;color:var(--tw-muted);font-size:13px}.voucher-workspace code{font-family:monospace}@media(max-width:700px){.voucher-heading{align-items:start;flex-direction:column}.voucher-panel{padding:16px}.voucher-toolbar label{flex:1}.voucher-toolbar button{width:100%}}

html[data-tawsill-theme] .tawsill-form-field{margin-block:16px!important}html[data-tawsill-theme] :is(.grid,.fields,.wallet-adjustment-grid,.operations-form-grid)>.tawsill-form-field{margin-block:0!important}

html[data-tawsill-theme] .catalog-navigation-search input{background:transparent!important;color:var(--tw-ink)!important;border:0!important;padding:0!important;height:32px!important;min-height:32px!important;box-shadow:none!important}
html[data-tawsill-theme] .catalog-navigation-search input::placeholder{color:var(--tw-muted)!important}
html[data-tawsill-theme] select:not([multiple]){appearance:auto!important;background-image:none!important;padding-right:26px!important}
html[data-tawsill-theme] .wallet-current-balance{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:62px;padding:14px 18px}
html[data-tawsill-theme] .wallet-current-balance p:last-child{color:var(--tw-ink)!important;font-size:22px;margin:0}
html[data-tawsill-theme] .wallet-current-balance p:first-child{color:var(--tw-muted)!important;margin:0}
html[data-tawsill-theme] .wallet-adjustment-note textarea{height:100px!important}
html[data-tawsill-theme] .wallet-adjustment-customer label{display:grid;gap:8px}

html[data-tawsill-theme] .vendor-money{--vm-panel:var(--tw-surface);--vm-border:var(--tw-border);--vm-muted:var(--tw-muted);--vm-accent:var(--tw-accent);color:var(--tw-ink)!important}
html[data-tawsill-theme] .vendor-money :is(h1,h2,h3,.vm-price,.vm-tabs a,.vm-method strong,.vm-button:not(.primary)){color:var(--tw-ink)!important;font-weight:400!important}
html[data-tawsill-theme] .vendor-money .vm-tabs a.active{background:var(--tw-accent-soft)!important;color:var(--tw-accent)!important}
html[data-tawsill-theme] .vendor-money .vm-method:has(input:checked){background:var(--tw-accent-soft)!important;border-color:var(--tw-accent)!important}

/* Operations Field Spacing */
/* Maintain readable separation between controls and their supporting text. */
html[data-tawsill-theme] .tawsill-settings-help{margin-top:14px;padding:14px 16px;line-height:1.75;border:1px solid var(--tw-border);border-radius:12px;background:var(--tw-raised)}
html[data-tawsill-theme] .tawsill-settings-help p+p{margin-top:8px!important}
html[data-tawsill-theme] .tawsill-form-field>:is(span.text-xs,small){display:block;margin-top:8px!important;line-height:1.6!important}
html[data-tawsill-theme] .tawsill-field-label>p{margin-bottom:10px!important;line-height:1.6!important}
html[data-tawsill-theme] .tawsill-form-field>label{line-height:1.6!important}
@media(max-width:1199px){html[data-tawsill-theme] .tawsill-form-field>label{margin-bottom:10px!important}}
@media(min-width:1200px){html[data-tawsill-theme] form .tawsill-form-field{column-gap:20px!important;row-gap:10px!important}}

/* Scoped auth fields retain icon clearance and follow the selected theme. */
html[data-tawsill-theme] #auth-email, html[data-tawsill-theme] #auth-password{padding-inline:50px!important;height:54px!important;min-height:54px!important;border-radius:14px!important;background:var(--tw-input)!important;color:var(--tw-ink)!important;border-color:var(--tw-border)!important;color-scheme:inherit!important}
html[data-tawsill-theme] .auth-input>svg{z-index:1;inset-inline-start:17px;width:20px;height:20px}
.auth-form-top{flex-wrap:wrap;row-gap:14px!important}
.auth-form-top>.auth-portal-label{margin-inline-end:auto}
.auth-form-top>.tawsill-theme-control{position:static!important;flex-shrink:0;order:2}
.auth-form-top>div:not(.tawsill-theme-control){order:3}
html[data-tawsill-theme] #auth-email::placeholder, html[data-tawsill-theme] #auth-password::placeholder{color:var(--tw-muted)!important}
.auth-signup-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
.auth-signup-links a{flex:1;min-width:140px;text-align:center;padding:12px 16px;border:1px solid var(--tw-border);border-radius:12px;color:var(--tw-ink);background:var(--tw-surface);font-size:13px;font-weight:600}
html[data-tawsill-theme] #tawsill-registration-page .field :is(input,select,textarea){background:var(--tw-input)!important;color:var(--tw-ink)!important;border-color:var(--tw-border)!important;color-scheme:inherit!important;padding:12px 14px!important;min-height:46px!important}
html[data-tawsill-theme] .public{max-width:none;width:100%;padding:32px clamp(20px,4vw,72px)}
html[data-tawsill-theme] .public-layout{max-width:none;width:100%;grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);gap:clamp(32px,5vw,90px)}
html[data-tawsill-theme] .public-top{padding-inline-end:225px;min-height:48px}
.public .brand img{display:block;width:180px;max-width:100%;height:auto;object-fit:contain}
@media(max-width:1000px){html[data-tawsill-theme] .public-layout{grid-template-columns:1fr}}
@media(max-width:650px){html[data-tawsill-theme] .public-top{padding-inline-end:0;padding-top:48px}.auth-form-top>.auth-portal-label{flex-basis:100%}}

.auth-form-top{justify-content:flex-end!important}.auth-form-top>.auth-portal-label{flex-basis:100%;order:1}.auth-form-top>.tawsill-theme-control{order:2}

/* Shared portal typography: keep semantic emphasis, render all UI text regular.
   Icon-font glyphs retain their required weight so action icons stay visible. */
html body,
html body *:not(i):not(svg):not(path):not(.fa):not(.fas):not(.far):not(.fab):not(.fal):not(.fad):not(.fat):not(.fass):not(.las):not(.lar):not(.lab):not([class*="fa-"]):not(.material-icons):not(.material-icons-outlined):not(.material-symbols-outlined):not(.material-symbols-rounded):not(.material-symbols-sharp) {
  font-weight: 400 !important;
}