/* MatchLab Gestión · UI Speed real · 2026-09-15 */
:root{
 --sp-bg:#090d12;--sp-panel:#111821;--sp-panel2:#172330;--sp-line:#263646;
 --sp-text:#f3f6f8;--sp-muted:#95a6b7;--sp-accent:#08a8f5;--sp-ok:#2fb344;
 --sp-warn:#f59f00;--sp-bad:#e03131;--sp-shadow:0 12px 32px rgba(0,0,0,.22);
 --bg:#090d12!important;--bg2:#0c1219!important;--panel:#111821!important;--panel2:#172330!important;
 --stroke:#263646!important;--stroke2:#35506a!important;--line:#263646!important;--text:#f3f6f8!important;
 --muted:#95a6b7!important;--accent:#08a8f5!important;--blue:#08a8f5!important;--green:#2fb344!important;--green2:#70e083!important;
}
*{box-sizing:border-box}
html,body{background:var(--sp-bg)!important;color:var(--sp-text)!important;font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif!important}
body{margin:0!important;background:var(--sp-bg)!important}.ambient{display:none!important}.hidden{display:none!important}
.topbar,header.topbar{height:62px!important;min-height:62px!important;padding:0 18px!important;position:sticky!important;top:0!important;z-index:50!important;background:#080c11!important;border-bottom:1px solid var(--sp-line)!important;box-shadow:none!important;backdrop-filter:none!important}
.brand,.brand-row{gap:10px!important}.brand strong,.brand-row strong{font-size:18px!important;letter-spacing:.1px!important}.brand small,.brand span,.brand-row span{color:var(--sp-muted)!important}
.mark,.ml-mark,.mini-mark{width:38px!important;height:38px!important;border-radius:10px!important;background:#101922!important;border:1px solid var(--sp-line)!important;color:var(--sp-accent)!important;box-shadow:none!important;display:grid!important;place-items:center!important;font-weight:900!important}
.club img,.login-crest{box-shadow:none!important}.top-link{color:#cdeafa!important;text-decoration:none!important}
main,.shell{width:min(1380px,100%)!important;margin:0 auto!important;padding:20px!important}
.hidden{display:none!important}
.login-screen,.login{min-height:100vh!important;display:grid!important;place-items:center!important;padding:18px!important;background:radial-gradient(circle at 50% 0,#102434 0,#090d12 46%)!important}
.login-screen.hidden,.login.hidden{display:none!important}
.login-card{width:min(420px,100%)!important;background:var(--sp-panel)!important;border:1px solid var(--sp-line)!important;border-radius:18px!important;padding:26px!important;box-shadow:var(--sp-shadow)!important}
.login-card h1{font-size:29px!important;line-height:1.1!important;margin:8px 0 10px!important}.login-card p{color:var(--sp-muted)!important}.login-brand{margin-bottom:18px!important}
.eyebrow{color:#7dcfff!important;font-size:11px!important;letter-spacing:1.15px!important;font-weight:750!important}
input,select,textarea,.pin,.pin-input{background:#0c131b!important;color:var(--sp-text)!important;border:1px solid var(--sp-line)!important;border-radius:9px!important;box-shadow:none!important;padding:10px 11px!important;outline:none!important}
input:focus,select:focus,textarea:focus,.pin:focus,.pin-input:focus{border-color:#32789c!important;box-shadow:0 0 0 2px rgba(8,168,245,.10)!important}
label,.field-label{color:#c8d4df!important}.muted,.help,.lead,.section-sub,.microcopy{color:var(--sp-muted)!important}
.btn,.back-btn,.back-button,.top-link,.x,.icon-close,.window-control{border-radius:9px!important;box-shadow:none!important;transform:none!important;font-weight:750!important}
.btn,.btn.ghost,.ghost,.back-btn,.top-link,.x,.icon-close,.window-control{background:var(--sp-panel2)!important;border:1px solid var(--sp-line)!important;color:var(--sp-text)!important}
.btn.primary,.primary{background:var(--sp-accent)!important;border-color:var(--sp-accent)!important;color:#fff!important}.btn.accent,.accent{background:#16658c!important;border-color:#2586b3!important;color:#fff!important}
.btn.danger,.danger{background:#3c1719!important;border-color:#713035!important;color:#ffb4b8!important}.btn.warning,.warning{background:#33280d!important;border-color:#6d5618!important;color:#ffe09a!important}
.btn:hover:not(:disabled){filter:brightness(1.08)!important;transform:none!important}.btn:disabled{opacity:.45!important}
.hero{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;padding:0!important;margin:0 0 16px!important;min-height:0!important}.hero h1,.hero h2{font-size:25px!important;line-height:1.2!important;margin:3px 0 4px!important;font-weight:750!important}.hero p{color:var(--sp-muted)!important}
.panel,.subpanel,.card,.confirm-card,.choice-card,.operator-big-card,.coord-module-card,.admin-card,.incident-card,.config-item,.workflow-note,.archive-warning,.issue-state-banner,.photo-preview,.task-photo-alert,.operator-product-panel{background:var(--sp-panel)!important;border:1px solid var(--sp-line)!important;border-radius:14px!important;box-shadow:none!important}
.panel{padding:15px!important;margin-bottom:14px!important}.subpanel{padding:13px!important}
.kpis,.hero-stats,.stats,.cash-kpis{gap:10px!important}.kpis>div,.hero-stat,.stats>div,.cash-kpis>div,.summary-grid>div{background:#0d141c!important;border:1px solid var(--sp-line)!important;border-radius:12px!important;box-shadow:none!important;padding:13px!important}.kpis strong,.hero-stat strong,.stats strong,.cash-kpis strong{color:var(--sp-text)!important}
.user-pill,.pill,.badge,.status-chip{background:#10202b!important;border:1px solid var(--sp-line)!important;border-radius:999px!important;color:#cdeafa!important;box-shadow:none!important}
.section-head{gap:12px!important}.section-head h2,.section-head h3{font-size:17px!important;margin:0!important}.section-head h4{margin:0!important}
.admin-nav,.tabs,.admin-menu{gap:3px!important}.admin-nav .module,.tabs button,.admin-menu button{background:transparent!important;border:0!important;color:var(--sp-text)!important;border-radius:10px!important;box-shadow:none!important;text-align:left!important}.admin-nav .module:hover,.admin-nav .module.active,.tabs button:hover,.tabs button.active,.admin-menu button:hover,.admin-menu button.active{background:var(--sp-panel2)!important;color:#fff!important}.admin-nav .module small,.tabs button small,.admin-menu small{color:var(--sp-muted)!important}
table{border-collapse:collapse!important;background:transparent!important}th,td{border-bottom:1px solid var(--sp-line)!important}th{color:var(--sp-muted)!important;background:#0d141c!important;font-weight:650!important}td{color:var(--sp-text)!important}
dialog{color:var(--sp-text)!important}dialog::backdrop{background:rgba(0,0,0,.72)!important;backdrop-filter:blur(3px)!important}.dialog-card{background:var(--sp-panel)!important;border:1px solid var(--sp-line)!important;border-radius:16px!important;box-shadow:0 24px 70px rgba(0,0,0,.45)!important}.dialog-head{border-bottom-color:var(--sp-line)!important}
.toast{border-radius:10px!important}.status-ok,.success-text{color:#70e083!important}.danger-text{color:#ff9ea3!important}
@media(max-width:800px){.topbar,header.topbar{height:58px!important;min-height:58px!important;padding:0 10px!important}main,.shell{padding:12px!important}.panel{border-radius:12px!important}.hero{margin-bottom:12px!important}.head-right .pill{display:none!important}}
@media(max-width:520px){.login-card{padding:20px!important;border-radius:14px!important}.btn{min-height:43px!important}}

/* Cobros */
.version{background:#0c1219!important;border:1px solid var(--sp-line)!important;color:var(--sp-muted)!important;border-radius:999px!important}.login-logos{justify-content:flex-start!important;gap:10px!important}.login-logo{width:54px!important;height:54px!important;border-radius:12px!important}.brand-divider{color:var(--sp-muted)!important}.login h1{font-size:29px!important}.login-card .eyebrow{margin-top:10px!important}
.topbar .logo{width:38px!important;height:38px!important;border-radius:9px!important}.brand-logos{gap:6px!important}.brand strong{font-size:18px!important}.top-actions{gap:7px!important}
main{width:min(1380px,100%)!important;padding:20px!important}.stats div{min-width:110px!important;padding:13px!important}.stats strong{font-size:24px!important;color:var(--sp-text)!important}.sale-buttons{gap:12px!important}.sale-btn{min-height:150px!important;border-radius:14px!important;background:var(--sp-panel)!important;border:1px solid var(--sp-line)!important}.sale-btn em{color:#7dcfff!important}.last-card{background:var(--sp-panel)!important;border:1px solid var(--sp-line)!important;border-radius:14px!important}.last-card strong{color:#7dcfff!important}
#adminView{display:grid!important;grid-template-columns:230px minmax(0,1fr)!important;gap:14px!important;align-items:start!important}#adminView.hidden{display:none!important}#adminView>.hero{grid-column:1/-1!important}#adminView>.module-grid{grid-column:1!important;grid-row:2/span 20!important;background:#0c1219!important;border:1px solid var(--sp-line)!important;border-radius:14px!important;padding:10px!important;position:sticky!important;top:76px!important;display:flex!important;flex-direction:column!important;gap:2px!important;margin:0!important;height:max-content!important}#adminView>.module-grid .module{width:100%!important;min-height:auto!important;background:transparent!important;border:0!important;border-radius:10px!important;padding:11px 12px!important;margin:1px 0!important;text-align:left!important;color:var(--sp-text)!important}#adminView>.module-grid .module:hover,#adminView>.module-grid .module.active{background:var(--sp-panel2)!important}#adminView>.module-grid .module strong{display:block!important;font-size:13px!important;margin:0!important}#adminView>.module-grid .module span{display:block!important;color:var(--sp-muted)!important;font-size:11px!important;margin-top:2px!important}#adminView>.panel{grid-column:2!important;margin:0 0 14px!important}.panel h3{font-size:18px!important}.panel h4{font-size:15px!important}.row,.item-row,.reconcile-book{background:#0d141c!important;border:1px solid var(--sp-line)!important;border-radius:10px!important}.inline-message{border-radius:10px!important}.cash-kpis>div{background:#0d141c!important}.cash-kpis strong{color:var(--sp-text)!important}
.status-chip.open,.badge.open{color:#91e6a2!important;background:#12371b!important;border-color:#265b31!important}.status-chip.closed,.badge.closed{color:#ffabab!important;background:#491617!important;border-color:#713035!important}
@media(max-width:850px){#adminView{display:block!important}#adminView.hidden{display:none!important}#adminView>.module-grid{position:sticky!important;top:58px!important;z-index:20!important;display:flex!important;flex-direction:row!important;overflow:auto!important;border-radius:0!important;margin:0 -12px 12px!important;padding:7px 10px!important;border-left:0!important;border-right:0!important}#adminView>.module-grid .module{min-width:max-content!important;width:auto!important;padding:9px 11px!important}#adminView>.module-grid .module span{display:none!important}.stats{flex-wrap:wrap!important}.seller-bottom{grid-template-columns:1fr!important}}