.theme-preview{margin-top:18px;padding:20px;background:#f1e8d1;color:#4a332d;border:1px solid #e9d9b6;border-top:3px solid #d9c469;border-radius:6px;display:grid;gap:12px}
.theme-preview>strong{font-size:26px;font-weight:500}.theme-preview>span{font-size:13px}.theme-preview p{margin:0;max-width:65ch}
.theme-example-button{background:#4a332d;color:#faf6ec;border-radius:3px;padding:9px 16px;justify-self:start}
.theme-swatches{display:flex;flex-wrap:wrap;gap:6px}.theme-swatches span{padding:8px 12px;border:1px solid #805c53;border-radius:3px}
.theme-swatches span:nth-child(2){background:#805c53;color:#faf6ec}.theme-swatches span:nth-child(3){background:#91c5b5}.theme-swatches span:nth-child(4){background:#d9c469}
html[data-theme=sablee]{--radius:6px}
html[data-theme=sablee] body{font-family:Satoshi,"Segoe UI",Arial,sans-serif;font-size:15px}
html[data-theme=sablee] :is(h1,h2,h3,.brand){font-family:"New Order",Satoshi,"Segoe UI",Arial,sans-serif;letter-spacing:-.01em;font-weight:500}
html[data-theme=sablee] :is(.btn,.form-control,.form-select,.row-action,.table-pages a,.table-pages>span){border-radius:3px}
html[data-theme=sablee] :is(.card,.report-card,.record-dialog,#purchase-search){border-radius:6px;background:var(--surface);color:var(--ink)}
html[data-theme=sablee] :is(.record-dialog-header,.record-dialog-body){background:var(--surface);color:var(--ink)}
html[data-theme=sablee] .btn-primary{background:#4a332d;border-color:#4a332d;color:#faf6ec;font-weight:700}
html[data-theme=sablee] .btn-primary:hover{background:#805c53;border-color:#805c53}
html[data-theme=sablee] .btn-outline-primary{color:#4a332d;border-color:#805c53}
html[data-theme=sablee] .btn-outline-primary:hover{background:#4a332d;color:#faf6ec}
html[data-theme=sablee] :is(.compact-table th,.purchase-document .compact-table th,.purchase-items th){background:#e9d9b6;color:#4a332d}
html[data-theme=sablee] .compact-table tbody tr:hover{background:#f1e8d1}
html[data-theme=sablee] .row-action.edit{color:#805c53;border-color:#805c53}
html[data-theme=sablee] .table-pages [aria-current=page]{color:#faf6ec;background:#4a332d}
html[data-theme=sablee] .purchase-total{background:#91c5b5;color:#4a332d}
html[data-theme=sablee] .purchase-total>*{background:transparent;color:inherit}
html[data-theme=sablee] .app-sidebar nav a.active{background:#91c5b5;color:#4a332d}
html[data-theme=sablee] .card-header{border-top:2px solid #d9c469}
html[data-theme=sablee] :focus-visible{outline:2px solid #4a332d;outline-offset:3px;box-shadow:0 0 0 5px #d9c469}
html[data-theme=sablee] .app-sidebar :focus-visible{outline-color:#faf6ec;box-shadow:none}
html[data-theme=sablee] .login-story{background:#805c53;color:#faf6ec}

.login-brand-icon{display:block;object-fit:contain;margin-bottom:18px}.login-logo{width:min(320px,100%);height:auto;max-height:140px;object-fit:contain}

.profile{color:inherit}.profile-photo{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.profile-photo img,.profile img.avatar{border-radius:50%;object-fit:cover}.recovery-page{min-height:100vh;display:grid;place-items:center;padding:24px}.recovery-card{width:min(100%,560px)}.recovery-form{display:grid;gap:8px}.recovery-card h1{font-size:26px}.recovery-card .card-body{padding:24px}.topbar{flex-wrap:wrap}@media(max-width:600px){.recovery-page{padding:12px}.recovery-card .card-body{padding:16px}.topbar .breadcrumb{flex:1 1 100%}}

.recovery-card>.card-body{display:flex;flex-direction:column;gap:14px}.recovery-card hr{width:100%}

.topbar>.breadcrumb{margin-right:auto}.recovery-resend>summary{cursor:pointer;font-weight:600;margin-bottom:10px}

.app-sidebar{height:100dvh}.app-sidebar>.brand,.app-sidebar>.profile,.sidebar-product-brand{flex-shrink:0}.app-sidebar>.menu-scroll{min-height:0}.sidebar-brand{justify-content:center;margin-bottom:10px}.sidebar-horizontal-logo{width:100%;max-width:190px;height:66px;object-fit:contain}.sidebar-product-brand{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:15px 6px 0;color:var(--color-on-sidebar)}.sidebar-product-brand strong{font-size:19px;font-weight:600;line-height:1.2}.sidebar-product-brand small{font-size:8px;letter-spacing:1.3px;color:var(--sidebar-muted)}@media(max-height:600px){.app-sidebar{padding-top:12px;padding-bottom:10px}.sidebar-horizontal-logo{height:44px}.sidebar-product-brand{padding-top:8px}.sidebar-product-brand strong{font-size:17px}.app-sidebar>.profile{padding-top:8px}}

.login-password-field{position:relative}.login-password-field input{padding-right:50px}.password-toggle{position:absolute;right:1px;top:1px;bottom:1px;width:44px;display:grid;place-items:center;border:0;background:transparent;color:var(--ink);border-radius:3px;cursor:pointer}.password-toggle:hover{background:var(--mint)}.password-eye-slash{display:none}.password-toggle[aria-pressed=true] .password-eye-slash{display:block}

.general-settings-tabs{display:flex;flex-wrap:wrap;gap:4px;border-bottom:1px solid var(--bs-border-color,#d9dfdc);margin-bottom:16px}
.general-settings-tabs a{padding:9px 14px;text-decoration:none;color:inherit;border-bottom:3px solid transparent}
.general-settings-tabs a.active{border-bottom-color:var(--color-primary,currentColor);font-weight:700}
.general-settings-tabs a:hover{background:rgba(128,128,128,.08)}
.general-settings-tabs a:focus-visible{outline:2px solid currentColor;outline-offset:-2px}
@media(max-width:575px){.general-settings-tabs a{padding:8px 10px;font-size:13px}}

.profile-tab{border:0;border-bottom:3px solid transparent;background:transparent;color:inherit;padding:9px 14px}.profile-tab[aria-selected=true]{border-bottom-color:var(--color-primary);font-weight:700}[data-profile-panel][hidden],#profile-save[hidden]{display:none!important}#profile-save{justify-content:flex-end}

.state-badge{display:inline-flex;align-items:center;white-space:nowrap;border-radius:5px;padding:2px 7px;font-size:11px;font-weight:600;line-height:1.4;border:1px solid transparent;vertical-align:middle}.state-badge--success{background:#e0f2e7;color:#145c36;border-color:#aed5bd}.state-badge--warning{background:#fff0d5;color:#874500;border-color:#efc789}.state-badge--danger{background:#fce4e6;color:#9c2432;border-color:#edb5bd}.state-badge--info{background:#e3effc;color:#215b91;border-color:#b2cde8}