/* MatchLab Gestión · Mantenimiento · estética maestra Campos v3.4 */
:root{
  --bg:#06131d;--panel:#0a1823;--panel2:#0d2230;--stroke:#18384b;
  --text:#f4f9ff;--muted:#a9bfd4;--green:#1b8f52;--green2:#63e79a;
  --blue:#2d76bd;--red:#b34249;--yellow:#e7c557;
}
html,body{margin:0;min-height:100%;background:radial-gradient(circle at 88% 0,#0c3b2d 0,#06131d 28%,#04101a 62%,#020910 100%)!important;color:var(--text)!important;font-family:Inter,"Segoe UI",system-ui,sans-serif!important}
.hidden-version{display:none!important}

/* LOGIN: réplica del patrón maestro de Campos */
.login-screen.login{position:relative;min-height:100vh;display:grid;place-items:center;padding:34px 20px;background:radial-gradient(circle at 88% 8%,rgba(28,117,81,.26),transparent 34%),radial-gradient(circle at 5% 100%,rgba(20,86,116,.22),transparent 34%),#04111b!important}
.login-card.unified-login{width:min(470px,100%);padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;text-align:center}
.login-identity{display:flex;align-items:center;justify-content:center;gap:22px;margin-bottom:24px}
.ml-brand{display:flex;align-items:center;gap:14px;text-align:left}.ml-mark{width:72px;height:72px;border-radius:20px;background:linear-gradient(145deg,#102b43,#061522);border:1px solid #23516a;display:grid;place-items:center;box-shadow:inset 0 0 0 5px #0a2132}.ml-mark span{width:48px;height:48px;border:3px solid #63e58d;border-radius:50%;display:grid;place-items:center;font-size:24px;font-weight:950;letter-spacing:-1px;color:#f6fbff}.ml-name{display:flex;flex-direction:column;line-height:1}.ml-name strong{font-size:31px;letter-spacing:-1.2px;color:#f5f7f8}.ml-name em{font-style:normal;font-size:11px;letter-spacing:4px;color:#62eb91;font-weight:950;margin-top:8px}.login-divider{width:1px;height:66px;background:#25404f}.login-club{width:68px;height:68px;border-radius:18px;background:#f5f5f1;display:grid;place-items:center;overflow:hidden}.login-club img{width:86%;height:86%;object-fit:contain}.login-eyebrow{margin-top:2px;color:#56e58a!important;font-size:11px!important;letter-spacing:1.5px!important}.login h1{font-size:46px!important;line-height:1.02;margin:12px 0 12px!important;letter-spacing:-1.8px!important;color:#f5f7f8!important}.login-club-name{font-size:15px;font-weight:850;color:#e0e6eb;margin-bottom:24px}.login-pin-label{display:block!important;text-align:left;color:#e4ebf0!important;font-size:13px!important;font-weight:850!important;max-width:450px;margin:0 auto!important}.login-pin-label input{margin-top:8px;height:50px;background:#071725!important;border:1px solid #234154!important;border-radius:12px!important;color:#fff!important;font-size:16px;padding:0 16px!important;width:100%}.login .btn.primary.full{display:block;width:205px;max-width:100%;height:54px;margin:18px auto 0!important;border-radius:27px!important;background:linear-gradient(180deg,#205f43,#164b35)!important;border:1px solid #39a665!important;color:#fff!important;font-size:16px;font-weight:950;letter-spacing:.4px}.login .msg{min-height:24px;margin-top:12px}.login-footer{position:absolute;right:7vw;bottom:18px;color:#7e94a6;font-size:12px;display:flex;gap:9px;align-items:center}.login-footer span:nth-child(2){color:#5de88e}

/* CABECERA interna */
.topbar{position:sticky!important;top:0!important;z-index:30!important;display:flex!important;justify-content:space-between!important;align-items:center!important;gap:14px!important;padding:10px 18px!important;background:#06131df5!important;border-bottom:1px solid #18384b!important;backdrop-filter:blur(12px)}
.master-brand-row{display:flex;align-items:center;gap:11px}.master-mini-mark{width:48px!important;height:48px!important;border-radius:14px!important;background:#0b2131!important;border:1px solid #27536a!important;display:grid!important;place-items:center!important;color:#f7fbff!important;font-weight:950!important;font-size:19px!important;box-shadow:inset 0 0 0 4px #0a1c2a!important}.master-brand-copy{display:flex;flex-direction:column;line-height:1.05}.master-brand-copy strong{font-size:19px!important;letter-spacing:-.4px}.master-brand-copy span{font-size:10px!important;color:#63e79a!important;letter-spacing:1.7px!important;font-weight:900!important;margin-top:5px}.master-brand-copy small{font-size:10px;color:#8ca4b5;margin-top:5px}.topbar-club-crest{width:44px;height:44px;object-fit:contain;background:#f5f5f1;border-radius:12px;padding:4px;margin-left:4px}

/* ESTRUCTURA como Campos */
.shell{width:min(1440px,calc(100% - 32px))!important;margin:0 auto!important;padding:16px 0 70px!important}.hero{display:grid!important;grid-template-columns:1fr auto!important;gap:20px!important;align-items:center!important;background:#081824!important;border:1px solid #18384b!important;border-radius:18px!important;padding:16px 18px!important;box-shadow:none!important}.hero h2{font-size:clamp(26px,3vw,38px)!important;margin:4px 0!important;letter-spacing:-1px}.hero-stats{gap:8px!important}.hero-stat{background:#0a1b2d!important;border:1px solid #18384b!important;border-radius:16px!important;padding:12px 16px!important}.hero-stat strong{color:#63e79a!important}
.panel,.subpanel{background:#0a1b2d!important;border:1px solid #18384b!important;border-radius:18px!important;box-shadow:none!important}.panel{padding:18px!important;margin:16px 0!important}.subpanel{padding:16px!important}.section-head{gap:12px!important}.section-head h3{font-size:26px!important;letter-spacing:-.6px!important}.eyebrow{font-size:11px!important;letter-spacing:1.5px!important;color:#63e79a!important;font-weight:900!important}
.admin-nav{display:flex!important;gap:8px!important;overflow-x:auto!important;margin:12px 0 16px!important;padding-bottom:4px}.admin-nav .module{flex:0 0 auto!important;min-width:120px!important;min-height:58px!important;text-align:center!important;background:#0a1b2d!important;border:1px solid #18384b!important;border-radius:16px!important;padding:11px 14px!important;color:#f5f9ff!important}.admin-nav .module.active{background:#123d28!important;border-color:#28be69!important}.admin-nav .module strong{font-size:14px!important;margin:0!important}
.kpis>div{background:#071522!important;border:1px solid #18384b!important;border-radius:16px!important;padding:14px!important}.kpis strong{color:#63e79a!important;font-size:28px!important}.dashboard-grid{gap:12px!important}.bar-list,.incident-list{gap:9px!important}.incident-card,.config-item{background:#071522!important;border:1px solid #18384b!important;border-radius:16px!important;box-shadow:none!important}.incident-card:hover,.config-item:hover{border-color:#315c75!important;background:#0a1b2d!important}
.btn{border-radius:12px!important;font-weight:850!important;box-shadow:none!important}.btn.primary{background:#178045!important;border-color:#28be69!important;color:#fff!important}.btn.ghost{background:#0d2136!important;border-color:#18384b!important;color:#f2f7fb!important}.btn.accent{background:#174c76!important;border-color:#4a9be5!important;color:#fff!important}.btn.danger{background:#6d262c!important;border-color:#d85a63!important;color:#fff!important}
input,select,textarea{background:#071522!important;border:1px solid #18384b!important;border-radius:12px!important;color:#fff!important}.dialog-card{background:linear-gradient(180deg,#0d2034,#071522)!important;border:1px solid #18384b!important;border-radius:18px!important;box-shadow:0 30px 90px #0008!important}.detail-dialog-head{background:#0b1d31!important;border-bottom-color:#18384b!important}.detail-dialog-body{background:#071522!important}.window-control,.icon-close{background:#0d2136!important;border-color:#18384b!important}

/* Operario: dos acciones grandes sobrias, sin lenguaje gráfico distinto */
.operator-actions{gap:12px!important}.big-action{background:linear-gradient(180deg,#174e77,#0d2841)!important;border:1px solid #4a9be5!important;border-radius:18px!important;box-shadow:none!important}.big-action.secondary{background:linear-gradient(180deg,#285d4e,#153b33)!important;border-color:#53ba91!important}.big-action strong{font-size:20px!important}.big-icon{opacity:.9}

@media(max-width:760px){.login-screen.login{padding:24px 18px 56px}.login-identity{gap:14px;margin-bottom:20px}.ml-mark{width:62px;height:62px;border-radius:17px}.ml-mark span{width:42px;height:42px;font-size:21px}.ml-name strong{font-size:27px}.ml-name em{font-size:9px;letter-spacing:3px}.login-divider{height:56px}.login-club{width:60px;height:60px}.login h1{font-size:38px!important}.login-club-name{font-size:14px}.login-footer{right:auto;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:11px}.topbar{align-items:flex-start!important;flex-direction:column!important;padding:10px 12px!important}.top-actions{width:100%;overflow-x:auto;flex-wrap:nowrap!important}.topbar-club-crest{width:40px;height:40px}.shell{width:min(100% - 20px,1440px)!important;padding-top:12px!important}.hero{grid-template-columns:1fr!important;padding:14px!important}.panel{padding:14px!important}.admin-nav .module{min-width:112px!important}.operator-actions{grid-template-columns:1fr!important}}