/* Solid surfaces and predictable spacing across the original modules. */
html[data-appearance] .sidebar,html[data-appearance] .workspace>aside{background:color-mix(in srgb,var(--sc-accent) 30%,var(--sc-tone-152234))!important}
html[data-appearance] .access-story,html[data-appearance] .welcome-banner,html[data-appearance] .auth-premium{background:color-mix(in srgb,var(--sc-accent) 65%,var(--sc-tone-142b45))!important}
html[data-appearance] .btn-primary,html[data-appearance] .nav button.active,html[data-appearance] .user-avatar,html[data-appearance] .top-avatar,html[data-appearance] .total-final{background:var(--sc-accent)!important;background-image:none!important}
.hero:after,.v2-hero:after{display:none!important}
html[data-appearance] .search-wrap{background:var(--sc-soft)!important;border:1px solid var(--sc-border)!important;box-shadow:none;min-width:160px;max-width:440px;height:44px;padding:0 14px;border-radius:10px;gap:10px}
html[data-appearance] .search-wrap .search-input,html[data-appearance] .filter-search input{background:transparent!important;color:var(--sc-text)!important;border:0!important;box-shadow:none!important;min-width:0;padding:0;line-height:1.4;outline:none}
.search-wrap .search-input::placeholder,.filter-search input::placeholder{color:var(--muted,var(--sc-tone-6b7f99));opacity:1}.search-wrap svg{stroke:var(--sc-accent)!important;flex-shrink:0}.search-wrap:focus-within{outline:2px solid color-mix(in srgb,var(--sc-accent) 35%,transparent);outline-offset:2px}
.topbar{gap:16px;box-shadow:none;border-bottom:1px solid var(--sc-border)}
.card{min-width:0;box-shadow:0 2px 9px var(--sc-tone-10264206)!important;border-radius:14px}
.cloud-two,.cloud-kpis,.dashboard-kpis,.grid,.invoice-builder,.invoice-bottom-grid{gap:20px}
.cloud-two>.card,.cloud-kpis>.card,.grid>.card,.invoice-builder>.card{margin:0!important}
#content>.card+.card,#content>.cloud-two+.card,#content>.grid+.card{margin-top:20px!important}
.card>h2,.card>h3{margin:0 0 18px}.card>.actions{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 20px}.card>.table-wrap{margin-top:16px}.card>table{margin-top:20px}
.card>form{display:flex;flex-direction:column;align-items:stretch;gap:18px}.card>form>.field{margin:0}.card>form>.btn{align-self:flex-start}.card>form+.btn,.card>form+button{margin-top:20px}
.field{min-width:0}.form-grid,.form-grid-3{gap:18px}.field label{display:block;margin-bottom:8px}.field>small{display:block;margin-top:8px;line-height:1.5}.section-title{gap:16px;flex-wrap:wrap;margin-bottom:20px}
.invoice-builder{align-items:start;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.invoice-items{grid-column:1/-1}.invoice-bottom-grid{grid-template-columns:minmax(0,1fr) minmax(260px,.65fr)}
.cloud-note{margin-top:20px;line-height:1.6}.cloud-section-tabs{gap:12px;margin-bottom:20px}.actions,.row-actions{gap:10px}.btn{max-width:100%}.table-wrap{max-width:100%;overflow-x:auto}.sc-venture-label{display:block;margin-top:6px;color:var(--sc-accent);font-weight:600}
.sc-tools[hidden],.sc-tools button[hidden]{display:none!important}.sc-tools{bottom:24px;right:92px}.sc-tools button{box-shadow:0 2px 9px var(--sc-tone-1026420d)}
#v23QuickMenu{bottom:94px!important;max-height:calc(100vh - 150px);overflow-y:auto;box-shadow:0 8px 28px var(--sc-tone-10264214)}#v23QuickMenu button{min-height:48px}#v23QuickBtn{bottom:24px!important}
@media(max-width:1100px){.invoice-builder,.cloud-two{grid-template-columns:1fr}.invoice-bottom-grid{grid-template-columns:1fr}.topbar{gap:10px}.cloud-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.cloud-kpis{grid-template-columns:1fr}.form-grid-3{grid-template-columns:1fr}.form-grid-3 .span3,.form-grid .span2{grid-column:1/-1}.card .actions .btn{flex:1 1 auto}.search-wrap{flex:1;min-width:0!important}.top-users{display:none!important}.sc-tools{right:84px;bottom:24px}}

html[data-appearance] .dashboard-rail{background:transparent!important;display:grid;gap:20px;align-content:start;min-width:0}.dashboard-maincol{display:grid;gap:20px;min-width:0}.dashboard-rail>.card{margin:0!important}.cloud-kpis strong{color:var(--sc-accent)!important}

#v23QuickBtn{background:var(--sc-accent)!important;background-image:none!important;box-shadow:0 3px 12px var(--sc-tone-10264214)!important}

html,body{overflow-x:clip}.cloud-two .card table{min-width:0!important}.cloud-two .card th,.cloud-two .card td{white-space:normal;overflow-wrap:anywhere}html[data-appearance] .detail-panel{background:var(--sc-paper)!important}.detail-panel:not(.open){visibility:hidden}

/* Hidden plan features must stay hidden even when component styles set display. */
[hidden]{display:none!important}

html body #app #sidebar #nav [hidden],html body #app #sidebar #nav .nav-children>button[hidden]{display:none!important}

.sc-sync-status{position:fixed;left:50%;bottom:10px;transform:translateX(-50%);z-index:80;max-width:calc(100vw - 30px);font-size:12px;white-space:normal}.sc-sync-status[data-warning="true"]{border-color:#b7791f;color:#7a4c00;background:#fff8e7}.content{padding-bottom:85px!important}

@media(max-width:600px){.sc-sync-status{bottom:78px}.content{padding-bottom:145px!important}}

/* Device revision: children may shrink; buttons and cards always reserve space. */
.main,#content,.card,.grid>*,.dashboard-layout>*,.dashboard-maincol>*,.dashboard-rail>*,.invoice-builder>*{min-width:0}
#content>.card,#content>section.card{margin-bottom:20px}.page-head>*,.section-title>*{min-width:0}.page-head h1,.page-head h2{overflow-wrap:anywhere}.page-head .actions{margin-bottom:0}
.card button,.card .btn{white-space:normal;height:auto;min-height:42px;line-height:1.4}.card form button+.btn,.card form .btn+button{margin-top:0}.card form:not(.form-grid):not(.form-grid-3){gap:16px}
.form-grid,.form-grid-3{grid-auto-rows:minmax(min-content,auto);align-items:start}.form-grid>*,.form-grid-3>*{min-width:0}.input,.select,.textarea,input,select,textarea{max-width:100%}input[type=date],input[type=time]{min-width:0}.check-row{align-items:flex-start;gap:10px;line-height:1.5}.check-row input{flex:0 0 auto;margin-top:4px}
#sidebar .brand{min-height:86px;padding:12px 0;justify-content:center;gap:10px}#sidebar .brand .sc-brand-full{display:block!important;max-width:100%!important;width:210px!important;height:65px!important;object-fit:contain}#sidebar .brand .sc-brand-icon{display:none!important}
html body #sidebar.collapsed .brand{min-height:70px;padding:8px 0!important;align-items:center!important}html body #sidebar.collapsed .brand .sc-brand-full{display:none!important}html body #sidebar.collapsed .brand .sc-brand-icon{display:block!important;width:44px!important;height:44px!important;max-width:44px!important;object-fit:contain}html body #sidebar.collapsed .brand small{display:none!important}
.sc-logo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.sc-logo-grid form{display:flex;flex-direction:column;gap:14px;padding:16px;border:1px solid var(--sc-border);border-radius:12px;min-width:0}.sc-logo-grid label{display:flex;flex-direction:column;gap:12px}.sc-logo-grid button{align-self:flex-start}.sc-logo-preview{display:flex;align-items:center;justify-content:center;min-height:105px;padding:12px;border-radius:8px;background:repeating-conic-gradient(var(--sc-tone-f0f2f5) 0 25%,#fff 0 50%) 0/16px 16px;color:var(--sc-tone-34445a)}.sc-logo-preview img{display:block;width:100%;height:90px;object-fit:contain}
.sc-scan{padding:16px;margin:10px 0 20px;border:1px solid var(--sc-border);border-radius:12px;background:var(--sc-soft)}.sc-scan>label{display:block;font-weight:700;margin-bottom:10px}.sc-scan-row{display:flex;gap:12px;align-items:stretch}.sc-scan-row .input{min-width:0;flex:1}.sc-scan>small{display:block;margin-top:10px;line-height:1.5}.sc-scan [role=status]{margin:10px 0 0;overflow-wrap:anywhere}
.sc-pos-touch #content .btn,.sc-pos-touch #content button,.sc-pos-touch #content input,.sc-pos-touch #content select{min-height:48px}
#dialogBody form{display:grid;gap:18px}#dialogBody form label{display:grid;gap:8px}#dialogBody form label.check{display:flex;align-items:flex-start}.workspace button.danger,#dialog button.danger{background:#a72436!important;color:white!important;border-color:#a72436!important}#dialogBody p{line-height:1.6;overflow-wrap:anywhere}
@media(max-width:1200px){.sc-logo-grid{grid-template-columns:1fr}.dashboard-layout{grid-template-columns:minmax(0,1fr)!important}.dashboard-rail{grid-template-columns:repeat(2,minmax(0,1fr))!important}.dashboard-rail>.card:only-child{grid-column:1/-1}}
@media(max-width:1100px){html body .shell,html body .shell.sidebar-collapsed{display:block!important}html body .main,html body .shell.sidebar-collapsed .main{margin-left:0!important;width:100%!important}html body #sidebar{position:fixed!important;top:0!important;bottom:0;left:-300px!important;width:278px!important;max-width:85vw;z-index:130!important;overflow-y:auto!important}html body #sidebar.open{left:0!important}html body #sidebar.collapsed .brand .sc-brand-full{display:block!important;width:210px!important;height:65px!important}html body #sidebar.collapsed .brand .sc-brand-icon{display:none!important}html body #sidebar.collapsed .nav-group-label,html body #sidebar.collapsed .nav-children span:not(.ico){display:inline!important}html body #sidebar.collapsed .nav-group-head{justify-content:flex-start!important}html body #sidebar.collapsed .nav-group.open .nav-children{position:static!important;max-height:1500px!important;opacity:1!important}html body #sidebarCollapse{display:none!important}#app .topbar{position:sticky!important;top:0!important;height:auto!important;min-height:72px;flex-wrap:wrap!important;padding:12px 16px!important;gap:10px!important}#menuBtn{display:inline-flex!important;flex:0 0 42px}#app .search-wrap{flex:1 1 200px!important;min-width:0!important;width:auto!important;max-width:none!important}#app .topbar-spacer,#app .today-card,#app .top-users{display:none!important}#app .top-sale{flex:0 0 auto!important}.sc-top-controls-fixed{margin-left:auto!important}.g2,.cloud-two,.invoice-builder,.invoice-bottom-grid{grid-template-columns:minmax(0,1fr)!important}.workspace>main{min-width:0}.workspace #content .actions{flex-wrap:wrap}.workspace .table-wrap{overflow:auto}}
@media(max-width:760px){.dashboard-rail{grid-template-columns:minmax(0,1fr)!important}.dashboard-kpis,.g4,.g3,.business-health,.storage-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}.form-grid,.form-grid-3,.profile-grid,.payment-row,.purchase-line{grid-template-columns:minmax(0,1fr)!important}.form-grid .span2,.form-grid-3 .span3,.form-grid-3 .span2{grid-column:1/-1!important}.page-head,.section-title{align-items:stretch!important;flex-wrap:wrap!important}.page-head>.actions,.section-title>.actions{width:100%}.modal{padding:12px!important;align-items:flex-start!important;padding-top:max(12px,env(safe-area-inset-top))!important}.modal-card{width:100%!important;max-width:100%!important;max-height:calc(100dvh - 24px)!important;overflow:auto!important;padding:18px!important}.modal-head{gap:12px;align-items:flex-start}.modal-head h2{font-size:20px;overflow-wrap:anywhere;min-width:0}.sticky-form-actions{position:static!important;flex-wrap:wrap!important}.report-filter{flex-wrap:wrap}.report-filter>*{min-width:0;flex:1 1 150px}.sc-company-identity{align-items:flex-start;font-size:12px}.sc-company-identity span{overflow-wrap:anywhere;min-width:0}.sc-company-identity button{flex:0 0 90px}.sc-scan-row{flex-direction:column}.sc-scan-row button{align-self:flex-start}#devicePOS .actions{margin-bottom:0}}
@media(max-width:480px){#app .topbar{gap:8px!important;padding:10px 12px!important}#app .search-wrap{order:10;flex-basis:100%!important}#app .top-sale{margin-left:0!important;font-size:13px!important}.sc-top-controls-fixed{gap:4px!important}#scTopControls .icon-btn{width:34px!important;height:38px!important}.dashboard-kpis,.g4,.g3,.business-health,.cloud-kpis,.storage-metrics{grid-template-columns:minmax(0,1fr)!important}.content{padding:16px 12px 150px!important}.card{padding:16px!important}.sc-sync-status{font-size:11px}.sc-logo-grid form{padding:12px}.sc-company-identity{padding:8px 12px}.page-head h1{font-size:26px}.actions .btn{flex:1 1 auto}.thermal-picker{grid-template-columns:repeat(2,minmax(0,1fr))!important}.success-actions{display:flex!important;flex-direction:column!important}}
#sandovalAiFab{display:none!important}#sidebar .sc-cloud-brand{filter:brightness(0) invert(1)}.v23-card,.v23-kpis article{min-width:0}.v23-action-row,.v23-hero-actions{flex-wrap:wrap}.v23-action-row button{min-width:100px;min-height:40px}.v23-card-head{gap:12px;flex-wrap:wrap}.v23-money-grid b,.v23-metric-list b,.v23-kpis b{overflow-wrap:anywhere}.sc-sidebar-shade{display:none}
@media(max-width:1100px){.sc-sidebar-shade:not([hidden]){display:block;position:fixed;inset:0;z-index:125;background:var(--sc-tone-061d3280);border:0;width:100%;height:100%}}
@media(max-width:760px){.v23-dashboard-grid{grid-template-columns:minmax(0,1fr)!important}.v23-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}.v23-hero{grid-template-columns:minmax(0,1fr)!important}.v23-hero-actions{justify-content:flex-start}.v23-hero h1{font-size:25px}.v23-card-head>*,.v23-mini-ranking>*{min-width:0}}
@media(max-width:380px){.v23-kpis{grid-template-columns:minmax(0,1fr)!important}.v23-money-grid,.v23-metric-list{grid-template-columns:minmax(0,1fr)!important}}
.invoice-builder{display:grid!important;gap:20px!important}.invoice-builder>.card{margin:0!important}.invoice-builder .invoice-items{grid-column:1/-1}
@media(max-width:600px){.sc-sync-status{left:12px;bottom:22px;transform:none;max-width:calc(100vw - 230px);padding:8px;font-size:10px}.sc-tools{right:74px;bottom:18px}.sc-tools button{padding:10px 12px}#v23Quick{right:12px;bottom:16px}}
.sc-print-open{overflow:hidden!important}.sc-print-preview{position:fixed;inset:0;z-index:1000;background:var(--sc-tone-edf1f6);display:flex;flex-direction:column}.sc-print-preview>header{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:12px;background:var(--sc-paper,#fff);color:var(--sc-text,var(--sc-tone-16344f));border-bottom:1px solid var(--sc-border,var(--sc-tone-ccd6e2));flex:0 0 auto}.sc-print-preview>header span{font-size:12px}.sc-print-preview>iframe{width:100%;flex:1 1 auto;min-height:0;border:0;background:var(--sc-tone-edf1f6)}
html body #sidebar.collapsed .nav-group:hover .nav-children{display:none!important}
@media(max-width:760px){#content input:not([type=checkbox]):not([type=radio]),#content select,#content textarea,#modal input:not([type=checkbox]):not([type=radio]),#modal select,#modal textarea{font-size:16px!important}}

/* Solid neutral surfaces; the selected color remains an accent. */
html[data-appearance] #sidebar{background:var(--sc-tone-1b2739)!important;background-image:none!important}
html[data-appearance="light"] #sidebar{background:var(--sc-tone-233248)!important}
html[data-appearance] .v23-hero,html[data-appearance] .reference-hero,html[data-appearance] .welcome-banner{background:var(--sc-tone-22344b)!important;background-image:none!important}
html[data-appearance] .v23-hero:after{display:none!important}
html[data-appearance] .cloud-kpis strong,html[data-appearance] .card .value,html[data-appearance] .search-wrap svg{color:var(--sc-accent-readable,var(--sc-accent))!important}
html[data-appearance] .cloud-kpis strong{color:var(--sc-accent-readable,var(--sc-accent))!important}
html[data-appearance] .btn-primary{box-shadow:none!important;background-image:none!important}

/* Los botones flotantes (Instalar app, acciones rápidas) no deben tapar el final del contenido. */
body:has(.sc-tools button:not([hidden])) main::after,body:has(#v23Quick) main::after{content:"";display:block;height:72px}
/* El vencimiento solo aplica a ventas a crédito. */
body:not(:has(#invType option[value="CREDITO"]:checked)) .field:has(> #invDue){display:none}