:root{--primary:#003f78;--primary-2:#075f9d;--dark:#17283a;--muted:#66788b;--bg:#eef3f7;--white:#fff;--border:#d8e1e9;--green:#18864d;--green-bg:#e5f7ed;--red:#bc2c2c;--red-bg:#ffe8e8;--amber:#a96300;--amber-bg:#fff3dd;--shadow:0 10px 28px rgba(24,54,80,.08)}*{box-sizing:border-box}body{margin:0;font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--dark)}.admin-bg,.dashboard-bg{min-height:100vh;background:linear-gradient(145deg,#e8f0f6,#f8fafc)}.login-card,.install-card{width:min(680px,calc(100% - 30px));margin:6vh auto;background:#fff;padding:32px;border-radius:18px;box-shadow:0 18px 50px rgba(20,48,75,.15)}.login-card{max-width:430px}.login-card img{width:180px;display:block;margin:0 auto 20px}.login-card h1,.install-card h1{color:var(--primary)}label{display:block;font-weight:650;font-size:14px}input,select{width:100%;margin-top:7px;border:1px solid var(--border);border-radius:9px;padding:11px 12px;font:inherit;background:#fff}input:focus,select:focus{outline:3px solid rgba(7,95,157,.14);border-color:var(--primary-2)}form>label{margin-bottom:15px}.button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border:0;border-radius:9px;padding:11px 16px;font-weight:750;background:#e6edf3;color:var(--primary);cursor:pointer;transition:.18s}.button:hover{transform:translateY(-1px);filter:brightness(.98)}.button.primary{background:var(--primary);color:#fff}.button.secondary{background:#e7eff6;color:var(--primary)}.button.warning{background:var(--amber-bg);color:#815000}.button.danger{background:var(--red-bg);color:#a31f1f}.button.danger-soft{background:#fff0f0;color:#a22626}.alert{padding:13px 15px;border-radius:10px;margin:14px 0;border:1px solid transparent}.alert.error{background:var(--red-bg);color:#9a2323;border-color:#f1c1c1}.alert.success{background:var(--green-bg);color:#14683b;border-color:#bee8d0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid label{margin:0}.wide{grid-column:1/-1}.admin-header{min-height:70px;background:linear-gradient(105deg,var(--primary),#07598e);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1200px)/2))}.admin-header>div{display:flex;gap:12px;align-items:baseline}.admin-header strong{font-size:24px}.admin-header span{color:#c9d9e7}.admin-header nav{display:flex;gap:10px}.admin-header a{color:#fff;text-decoration:none;padding:9px 12px;border-radius:8px}.admin-header a:hover{background:rgba(255,255,255,.12)}.dashboard{max-width:1200px;margin:25px auto;padding:0 20px 50px}.control-hero{display:flex;justify-content:space-between;gap:30px;align-items:center;background:linear-gradient(120deg,#fff,#f1f7fb);border:1px solid var(--border);border-radius:18px;padding:28px 30px;box-shadow:var(--shadow)}.control-hero h1{font-size:clamp(25px,3vw,38px);line-height:1.08;margin:6px 0 12px;color:var(--primary)}.control-hero p{max-width:820px;margin:0;color:var(--muted);line-height:1.55}.eyebrow{font-size:11px;letter-spacing:.13em;font-weight:800;color:var(--primary-2)}.progress-ring{width:116px;height:116px;flex:0 0 116px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff;border:10px solid #dcecf7;box-shadow:inset 0 0 0 1px #b9d5e8}.progress-ring strong{font-size:28px;color:var(--primary)}.progress-ring span{font-size:11px;color:var(--muted)}.quick-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}.quick-control{display:grid;grid-template-columns:auto 1fr;gap:13px;background:#fff;border:1px solid var(--border);border-top:4px solid #aeb9c3;border-radius:14px;padding:19px;box-shadow:0 6px 18px rgba(24,54,80,.05)}.quick-control.enabled{border-top-color:var(--green)}.quick-control.disabled{border-top-color:#9aa8b4}.quick-control form{grid-column:1/-1;margin:3px 0 0}.quick-control .button{width:100%}.control-icon{width:42px;height:42px;border-radius:11px;display:flex;align-items:center;justify-content:center;background:#eaf2f8;color:var(--primary);font-size:22px;font-weight:800}.quick-control small{font-size:10px;letter-spacing:.1em;color:var(--muted);font-weight:800}.quick-control h2{font-size:18px;color:var(--primary);margin:3px 0 5px}.quick-control p{font-size:13px;line-height:1.4;color:var(--muted);margin:0;min-height:38px}.status-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:18px}.status-card,.panel{background:#fff;border:1px solid var(--border);border-radius:14px;box-shadow:0 6px 18px rgba(24,54,80,.06)}.status-card{padding:18px}.status-card small{display:block;color:#708196;text-transform:uppercase;font-weight:700;margin-bottom:9px}.status-card strong{display:block;font-size:19px;overflow-wrap:anywhere}.status-card strong.ok{color:var(--green)}.status-card strong.warn{color:var(--amber)}.status-card strong.off{color:#7e8893}.status-card span{display:block;font-size:12px;color:#7a8998;margin-top:7px;line-height:1.4}.panel{padding:24px;margin-top:18px}.panel h2{margin:3px 0 0;color:var(--primary)}.panel p{color:var(--muted);line-height:1.5}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:17px}.settings-form>.toggle{margin-bottom:13px}.toggle{display:flex;align-items:center;gap:12px}.toggle input{display:none}.toggle span{width:44px;height:24px;border-radius:12px;background:#aab5bf;position:relative;flex:0 0 auto}.toggle span:after{content:"";position:absolute;width:18px;height:18px;border-radius:50%;background:#fff;top:3px;left:3px;transition:.2s}.toggle input:checked+span{background:var(--green)}.toggle input:checked+span:after{left:23px}.settings-form .form-grid{margin:20px 0}.code-box{display:grid;grid-template-columns:90px 1fr;gap:8px 12px;margin:15px 0}.code-box span{font-weight:700}.code-box code{background:#eef3f7;padding:9px;border-radius:7px;overflow-wrap:anywhere}.actions{display:flex;gap:12px;flex-wrap:wrap}.actions form{margin:0}.danger-zone{border-color:#f0cccc}.setup-list{list-style:none;padding:0;margin:0;display:grid;gap:10px}.setup-list li{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:13px;padding:14px;border-radius:11px;border:1px solid var(--border);background:#fafcfd}.setup-list li>span{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;background:#e5edf3;color:var(--primary)}.setup-list li strong{display:block;color:var(--dark)}.setup-list li p{font-size:13px;margin:3px 0 0}.setup-list li>b{font-size:11px;letter-spacing:.08em;color:#7d8995}.setup-list li.done{background:#f4fbf7;border-color:#cbe9d7}.setup-list li.done>span{background:var(--green);color:#fff}.setup-list li.done>b{color:var(--green)}.notice{display:flex;flex-direction:column;gap:4px;padding:14px;border-radius:10px;margin-top:14px}.notice.warning{background:var(--amber-bg);color:#7b4b00;border:1px solid #f1d59e}.notice span{font-size:13px;line-height:1.45}@media(max-width:960px){.quick-controls{grid-template-columns:1fr}.status-grid{grid-template-columns:1fr 1fr}.control-hero{align-items:flex-start}.progress-ring{width:95px;height:95px;flex-basis:95px;border-width:8px}}@media(max-width:650px){.form-grid{grid-template-columns:1fr}.wide{grid-column:auto}.control-hero{flex-direction:column}.progress-ring{display:none}.panel-heading{align-items:flex-start;flex-direction:column}.setup-list li{grid-template-columns:34px 1fr}.setup-list li>b{grid-column:2}.admin-header span{display:none}.admin-header{padding:12px 15px;align-items:flex-start}.admin-header nav{flex-direction:column;gap:0}.actions{flex-direction:column}.actions .button,.actions form,.actions form button{width:100%}}@media(max-width:520px){.status-grid{grid-template-columns:1fr}.dashboard{padding:0 12px 35px}.panel,.control-hero{padding:19px}.admin-header strong{font-size:20px}}

/* Marca y logo de la pantalla */
.branding-grid{display:grid;grid-template-columns:minmax(260px,.85fr) minmax(340px,1.4fr);gap:22px;align-items:start}.logo-preview-card{border:1px solid var(--border);border-radius:14px;background:#f7fafc;padding:16px}.logo-preview-card>span{display:block;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:800;margin-bottom:10px}.logo-preview{min-height:150px;display:flex;align-items:center;justify-content:center;padding:20px;border-radius:11px;background-color:#fff;background-image:linear-gradient(45deg,#eef2f5 25%,transparent 25%),linear-gradient(-45deg,#eef2f5 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#eef2f5 75%),linear-gradient(-45deg,transparent 75%,#eef2f5 75%);background-size:22px 22px;background-position:0 0,0 11px,11px -11px,-11px 0;border:1px solid #dfe6ec}.logo-preview img{display:block;max-width:100%;max-height:125px;object-fit:contain}.logo-preview-card small{display:block;margin-top:10px;color:var(--muted);overflow-wrap:anywhere;line-height:1.4}.branding-form{display:grid;gap:15px}.branding-form>label{margin:0}.branding-form .form-grid{margin:0}.branding-form input[type=file]{padding:9px;background:#f9fbfc}.field-help{display:block;color:var(--muted);font-weight:400;line-height:1.45;margin-top:7px}.reset-logo-form{margin-top:14px;padding-top:14px;border-top:1px solid var(--border)}@media(max-width:820px){.branding-grid{grid-template-columns:1fr}}

.recent-events{display:grid;gap:8px}.recent-event{display:grid;grid-template-columns:100px 1fr 130px 170px;gap:12px;align-items:center;padding:10px 12px;border:1px solid #d7e0e8;border-radius:10px;background:#f8fbfd}.recent-event strong{color:#003366}.recent-event span{font-weight:700}.recent-event b{color:#17834c}.recent-event small{color:#607086;text-align:right}@media(max-width:800px){.recent-event{grid-template-columns:1fr 1fr}.recent-event small{text-align:left}}

/* Control operativo v2.6 */
.command-readiness{display:inline-flex;align-items:center;border-radius:999px;padding:7px 11px;font-size:11px;font-weight:850;letter-spacing:.06em}.command-readiness.ready{background:var(--green-bg);color:var(--green)}.command-readiness.not-ready{background:var(--amber-bg);color:var(--amber)}.operational-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.operations-column{border:1px solid var(--border);border-radius:14px;padding:16px;background:#f9fbfd}.operations-column h3{margin:0 0 12px;color:var(--primary);font-size:16px}.operation-list{display:grid;gap:9px;max-height:430px;overflow:auto;padding-right:4px}.operation-row{display:flex;align-items:center;justify-content:space-between;gap:14px;background:#fff;border:1px solid var(--border);border-radius:11px;padding:11px 12px}.operation-row>div{min-width:0}.operation-row strong,.operation-row span{display:block}.operation-row strong{color:var(--primary);font-size:15px}.operation-row span{color:var(--muted);font-size:12px;margin-top:3px;overflow-wrap:anywhere}.operation-row form{margin:0;flex:0 0 auto}.operation-row .button{padding:8px 11px;font-size:12px}.button:disabled{cursor:not-allowed;opacity:.45;transform:none}.operation-empty{padding:20px;text-align:center;color:var(--muted);border:1px dashed var(--border);border-radius:10px;background:#fff}.command-history{margin-top:17px}.command-history summary{cursor:pointer;color:var(--primary);font-weight:750}.command-history .recent-events{margin-top:12px}.command-event{grid-template-columns:70px 1fr 120px minmax(180px,1fr)}.command-status.status-completed{color:var(--green)}.command-status.status-failed{color:var(--red)}.command-status.status-pending,.command-status.status-processing{color:var(--amber)}@media(max-width:850px){.operational-grid{grid-template-columns:1fr}.command-event{grid-template-columns:70px 1fr}.command-event small{grid-column:1/-1}}


.command-status.status-expired{background:#475569;color:#fff}

/* ================================================================
   ADMIN V2.7 · LAYOUT MODULAR PREMIUM
   ================================================================ */
:root{--navy:#0b2740;--navy-2:#123e60;--blue:#0d78b5;--cyan:#20a6d8;--paper:#f4f7fb;--line:#dfe8f0;--text:#173044;--muted:#6f8292;--ok:#16845b;--warn:#b7791f;--danger:#bd3f4f;--card:#fff}
*{box-sizing:border-box}.admin-shell{margin:0;background:var(--paper);color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif;min-height:100vh}.admin-sidebar{position:fixed;inset:0 auto 0 0;width:270px;background:linear-gradient(180deg,#09243b,#0d3453);color:#fff;padding:24px 18px;display:flex;flex-direction:column;z-index:20;box-shadow:12px 0 35px rgba(10,39,64,.12)}.admin-brand{display:flex;gap:12px;align-items:center;padding:0 8px 24px;border-bottom:1px solid rgba(255,255,255,.12)}.brand-mark{width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,#2bb4e8,#0d78b5);display:grid;place-items:center;font-weight:900;font-size:22px;box-shadow:0 8px 20px rgba(32,166,216,.25)}.admin-brand strong{display:block;font-size:19px}.admin-brand span{display:block;color:#a9c2d4;font-size:12px;margin-top:3px}.side-nav{display:grid;gap:7px;margin-top:22px}.side-nav a{display:flex;align-items:center;gap:12px;padding:12px 13px;border-radius:12px;color:#cbdce8;text-decoration:none;font-size:14px;font-weight:650;transition:.18s}.side-nav a b{width:25px;text-align:center;font-size:17px}.side-nav a:hover{background:rgba(255,255,255,.08);color:#fff}.side-nav a.active{background:linear-gradient(90deg,rgba(36,174,222,.26),rgba(36,174,222,.08));color:#fff;box-shadow:inset 3px 0 #2bb4e8}.side-footer{margin-top:auto;padding:18px 10px 2px;border-top:1px solid rgba(255,255,255,.12);display:flex;justify-content:space-between;gap:10px;font-size:12px}.side-footer span{font-weight:700}.side-footer a{color:#bcd4e3}.admin-workspace{margin-left:270px;min-height:100vh}.workspace-header{min-height:120px;background:#fff;border-bottom:1px solid var(--line);padding:26px 34px;display:flex;justify-content:space-between;align-items:center;gap:20px}.workspace-header h1{margin:4px 0 4px;font-size:28px;color:var(--navy)}.workspace-header p{margin:0;color:var(--muted)}.workspace-content{padding:28px 34px 60px;max-width:1700px;margin:auto}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.13em;color:var(--blue)}.button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:10px;padding:10px 15px;background:#e8eef4;color:#173044;text-decoration:none;font-weight:750;font-size:13px;cursor:pointer;white-space:nowrap}.button:hover{filter:brightness(.98);transform:translateY(-1px)}.button.primary{background:linear-gradient(135deg,var(--blue),#0b6598);color:#fff}.button.secondary{background:#edf5fa;color:#0d6597;border:1px solid #cce2ef}.button.danger-soft{background:#fff0f2;color:var(--danger);border:1px solid #f2c7ce}.button.ghost{background:transparent;border:1px solid var(--line);color:var(--muted)}.button.tiny{padding:7px 9px;border-radius:8px;font-size:11px}.button-row,.form-footer,.header-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.form-footer{margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}.alert{padding:14px 16px;border-radius:12px;margin-bottom:18px;font-weight:650;background:#eef7ff;border:1px solid #c9e5f7}.alert.error{background:#fff1f2;border-color:#f5cbd0;color:#9f2f3e}.alert.success{background:#edf9f4;border-color:#c5eadb;color:#176b4d}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));gap:18px;margin-bottom:20px}.metric-card,.panel-card{background:var(--card);border:1px solid var(--line);border-radius:18px;box-shadow:0 9px 28px rgba(13,54,84,.06)}.metric-card{padding:20px 22px}.metric-card span{display:block;color:var(--muted);font-size:12px;font-weight:700}.metric-card strong{display:block;color:var(--navy);font-size:34px;margin:8px 0 4px}.metric-card small{color:var(--muted)}.panel-card{padding:22px;margin-bottom:20px}.panel-title{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.panel-title h2{margin:4px 0 0;font-size:20px;color:var(--navy)}.panel-title a{color:var(--blue);font-weight:750;text-decoration:none;font-size:13px}.dashboard-grid{display:grid;gap:20px}.dashboard-grid.equal{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid.two-one{grid-template-columns:minmax(0,2fr) minmax(300px,1fr)}.status-pill{display:inline-flex;align-items:center;border-radius:999px;padding:6px 9px;font-size:10px;letter-spacing:.06em;font-weight:850;background:#edf1f5;color:#687b8b}.status-pill.ok,.status-pill.completed{background:#e7f7ef;color:#14704e}.status-pill.warn,.status-pill.failed,.status-pill.expired{background:#fff4dc;color:#9b6410}.status-pill.off{background:#edf1f5;color:#718392}.status-pill.active,.status-pill.processing{background:#e8f5fd;color:#0d6f9f}.status-pill.waiting,.status-pill.pending,.status-pill.submitted{background:#fff3dd;color:#9a6517}.status-pill.draft,.status-pill.neutral{background:#f0f2f6;color:#687684}.detail-list{margin:0;display:grid;gap:2px}.detail-list div{display:flex;justify-content:space-between;gap:18px;padding:11px 0;border-bottom:1px solid #edf1f5}.detail-list dt{color:var(--muted);font-size:12px}.detail-list dd{margin:0;text-align:right;font-weight:700}.detail-list.compact div{padding:8px 0}.people-list,.people-admin-list,.draft-list,.command-list,.rank-list{display:grid;gap:10px}.people-list>div,.people-admin-list>div,.draft-list>div,.command-list>div,.rank-list>div{display:flex;align-items:center;gap:11px;padding:10px 0;border-bottom:1px solid #edf1f5}.people-admin-list>div,.draft-list>div{justify-content:space-between}.people-list p,.people-admin-list p,.draft-list p,.command-list p,.rank-list p{margin:0;flex:1}.people-list strong,.people-admin-list strong,.draft-list strong,.command-list strong,.rank-list strong{display:block}.people-list small,.people-admin-list small,.draft-list small,.command-list small,.rank-list small{display:block;color:var(--muted);margin-top:3px}.avatar{width:35px;height:35px;border-radius:11px;background:#e8f5fd;color:#0d6f9f;display:grid;place-items:center;font-weight:900}.mini-chart{height:185px;display:flex;align-items:flex-end;gap:3px;padding:10px 2px 0;border-bottom:1px solid var(--line)}.chart-column{height:100%;flex:1;min-width:3px;display:flex;flex-direction:column-reverse;justify-content:flex-start;gap:1px}.chart-column span{display:block;border-radius:3px 3px 0 0}.chart-column .waiting,.dot.waiting{background:#f0aa32}.chart-column .active,.dot.active{background:#1e91c8}.chart-legend{display:flex;gap:18px;margin-top:12px;color:var(--muted);font-size:12px}.dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:5px}.empty-state{padding:24px;text-align:center;color:var(--muted);background:#f8fafc;border:1px dashed #d7e2ea;border-radius:12px}.muted{color:var(--muted);font-size:12px}.filter-panel{padding:16px 20px}.filter-row{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}.filter-row label,.panel-card label{display:grid;gap:6px;color:#536b7c;font-size:12px;font-weight:750}.filter-row .grow{flex:1;min-width:220px}input,select,textarea{width:100%;border:1px solid #cfdae4;background:#fff;border-radius:10px;padding:10px 11px;color:var(--text);font:inherit}input:focus,select:focus,textarea:focus{outline:2px solid rgba(32,166,216,.18);border-color:#63b9dc}.form-grid{display:grid;gap:14px}.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:13px}.premium-table{width:100%;border-collapse:collapse;min-width:760px}.premium-table th{background:#f5f8fb;text-align:left;color:#5c7181;font-size:11px;letter-spacing:.04em;text-transform:uppercase;padding:12px}.premium-table td{padding:13px 12px;border-top:1px solid #e8eef3;vertical-align:middle;font-size:13px}.premium-table td strong,.premium-table td small{display:block}.premium-table td small{color:var(--muted);margin-top:3px}.action-group{display:flex;gap:6px;flex-wrap:wrap}.action-group form{margin:0}.module-tabs{display:flex;gap:8px;margin-bottom:18px;overflow:auto;padding-bottom:2px}.module-tabs a{padding:10px 14px;border-radius:10px;background:#fff;border:1px solid var(--line);color:#526b7c;text-decoration:none;font-weight:750;font-size:13px}.module-tabs a.active{background:var(--navy);color:#fff;border-color:var(--navy)}.sync-strip{display:flex;justify-content:space-between;align-items:center;gap:18px}.sync-strip>div{display:flex;align-items:center;gap:12px}.sync-strip p{margin:0}.sync-strip form{display:flex;gap:8px;align-items:center}.sync-strip input{width:92px}.safety-note{margin:16px 0 0;padding:12px;border-radius:10px;background:#f0f8fc;color:#39657d;font-size:12px}.draft-operations{display:grid;gap:8px;margin-top:15px}.draft-op{display:flex;gap:10px;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:11px}.draft-op>span{font-size:9px;font-weight:850;background:#edf5fa;color:#0d6f9f;padding:5px 6px;border-radius:7px}.draft-op p{margin:0;flex:1}.draft-op small{display:block;color:var(--muted)}.draft-op button{border:0;background:#fff0f2;color:var(--danger);width:28px;height:28px;border-radius:8px;cursor:pointer}.inline-check{display:flex!important;grid-auto-flow:column;align-items:center}.inline-check input{width:auto}.safety-card{background:linear-gradient(145deg,#0c314f,#0e456b);color:#e8f2f8}.safety-card h2{color:#fff}.safety-card .eyebrow{color:#77d2f2}.safety-steps{display:grid;gap:9px;padding-left:20px}.process-flow{display:flex;align-items:center;justify-content:space-between;gap:12px;overflow:auto}.process-flow div{min-width:150px;text-align:center;background:#f5f8fb;border:1px solid var(--line);border-radius:13px;padding:15px;font-weight:800}.process-flow small{display:block;color:var(--muted);font-weight:500;margin-top:4px}.bar-list{display:grid;gap:11px}.bar-list>div{display:grid;grid-template-columns:90px 1fr 45px;gap:10px;align-items:center;font-size:12px}.bar-track{height:10px;background:#eaf0f4;border-radius:999px;overflow:hidden}.bar-track i{display:block;height:100%;background:linear-gradient(90deg,var(--blue),var(--cyan));border-radius:inherit}.rank-list b{font-size:18px;color:var(--navy)}.toggle-stack{display:grid;gap:10px;margin-bottom:18px}.toggle{display:flex!important;grid-auto-flow:column;justify-content:flex-start;align-items:center;gap:10px}.toggle input{width:auto}.logo-preview{min-height:130px;background:#f4f7fa;border:1px solid var(--line);border-radius:13px;display:grid;place-items:center;margin-bottom:16px}.logo-preview img{max-width:70%;max-height:110px}.status-panel p,.panel-card p{line-height:1.55}.admin-shell form{margin:0}
@media(max-width:1100px){.admin-sidebar{width:220px}.admin-workspace{margin-left:220px}.metric-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid.two-one,.dashboard-grid.equal{grid-template-columns:1fr}.form-grid.four{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.admin-sidebar{position:static;width:auto;min-height:auto}.side-nav{grid-template-columns:repeat(2,1fr)}.admin-workspace{margin-left:0}.workspace-header{padding:20px;align-items:flex-start}.workspace-content{padding:18px}.metric-grid{grid-template-columns:1fr 1fr}.form-grid.two,.form-grid.four{grid-template-columns:1fr}.sync-strip{align-items:flex-start;flex-direction:column}.process-flow{flex-direction:column;align-items:stretch}.process-flow b{transform:rotate(90deg);text-align:center}}


/* v2.9 · Administración de Personas alineada con la app de escritorio */
.people-module-hero{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 24px;margin-bottom:14px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(120deg,#fff,#f3f8fc);box-shadow:0 9px 28px rgba(13,54,84,.055)}
.people-module-hero h2{margin:5px 0 6px;color:var(--navy);font-size:22px}.people-module-hero p{margin:0;color:var(--muted);font-size:13px}.people-speed-badge{background:#e7f7ef;color:#14704e;border-radius:999px;padding:8px 12px;font-size:11px;font-weight:850;white-space:nowrap}
.people-tabs{background:#fff;border:1px solid var(--line);border-radius:14px;padding:7px;margin-bottom:18px;box-shadow:0 5px 16px rgba(13,54,84,.035)}.people-tabs a{border:0;background:transparent}.people-tabs a.active{background:var(--navy);box-shadow:0 4px 10px rgba(8,53,83,.16)}
.field-help{display:block;margin-top:5px;color:var(--muted);font-weight:500;line-height:1.35}.people-module-hero+.people-tabs{margin-top:0}
@media(max-width:760px){.people-module-hero{align-items:flex-start;flex-direction:column}.people-speed-badge{align-self:flex-start}.people-tabs{padding:5px}}

/* v3.0 - editor profesional de nombres públicos */
.alias-editor{margin-top:18px;padding:18px;border:1px solid var(--line);border-radius:14px;background:#f9fbfd}.panel-title.compact{margin-bottom:12px}.panel-title.compact h3{margin:3px 0;color:var(--navy)}.panel-title.compact p{margin:3px 0 0;color:var(--muted);font-size:12px}.alias-table{display:grid;gap:8px}.alias-row{display:grid;grid-template-columns:minmax(110px,180px) 24px minmax(180px,1fr) 34px;gap:8px;align-items:center}.alias-row>span{text-align:center;color:var(--muted);font-weight:900}.alias-row small{grid-column:1/-1;color:#16815d;font-weight:750;margin:-3px 0 2px 2px}.alias-remove{width:34px;height:34px;border:0;border-radius:9px;background:#fff0f2;color:var(--danger);font-size:18px;cursor:pointer}.info-box{padding:13px 14px;background:#eef7fc;border:1px solid #cfe5f1;border-radius:11px;color:#365f76;font-size:12px;line-height:1.5}.action-row{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap}.action-row form{display:flex;align-items:flex-end;gap:8px}.action-row label{min-width:110px}.tag{display:inline-flex!important;width:max-content;margin-top:5px!important;padding:3px 6px;border-radius:6px;background:#eaf7f1;color:#167253!important;font-weight:800;font-size:10px!important}.tag.payment{background:#fff2d8;color:#98620b!important}
@media(max-width:760px){.alias-row{grid-template-columns:1fr 22px 1fr 34px}}
.chart-time-range{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--muted);font-size:11px;margin:0 2px 3px}.chart-time-range strong{color:#395f76;font-weight:800}

/* v3.2 · Calendario mensual de Administración de Personas */
.people-calendar-card{overflow:hidden}
.calendar-title{align-items:flex-end;gap:22px}
.calendar-title p{margin:.35rem 0 0;color:#64748b;max-width:760px}
.calendar-person-filter{min-width:260px}
.calendar-person-filter label{margin:0}
.people-calendar-wrap{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:20px;align-items:start}
.people-calendar{display:grid;grid-template-columns:repeat(7,minmax(86px,1fr));gap:7px}
.calendar-dow{padding:9px 6px;text-align:center;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#64748b}
.calendar-day{position:relative;min-height:92px;border:1px solid #dbe5ef;border-radius:12px;background:#f8fafc;color:#17283a;padding:10px;text-align:left;display:flex;flex-direction:column;justify-content:space-between;gap:7px;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease;font:inherit}
.calendar-day:hover:not(.empty){transform:translateY(-1px);border-color:#4a90e2;box-shadow:0 8px 22px rgba(15,55,91,.12)}
.calendar-day.empty{background:transparent;border-style:dashed;opacity:.35;cursor:default}
.calendar-number{font-size:17px;font-weight:850;line-height:1}
.calendar-mark{font-size:10.5px;font-weight:800;line-height:1.2;opacity:.98}
.calendar-count{font-size:9px;font-weight:700;opacity:.85}
.calendar-day.today{outline:3px solid rgba(0,123,255,.22);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}
.calendar-day.kind-feriado,.legend-dot.kind-feriado{background:#6c757d;color:#fff}
.calendar-day.kind-bono_completo,.legend-dot.kind-bono_completo{background:#007bff;color:#fff}
.calendar-day.kind-bono_medio,.legend-dot.kind-bono_medio{background:#fd7e14;color:#fff}
.calendar-day.kind-vaca_con_bono,.legend-dot.kind-vaca_con_bono{background:#6f42c1;color:#fff}
.calendar-day.kind-vaca_sin_bono,.legend-dot.kind-vaca_sin_bono{background:#6c757d;color:#fff}
.calendar-day.kind-horas_extras,.legend-dot.kind-horas_extras{background:#28a745;color:#fff}
.calendar-day.kind-licencia,.legend-dot.kind-licencia{background:#dc3545;color:#fff}
.calendar-day.kind-licencia_con_bono,.legend-dot.kind-licencia_con_bono{background:#d63384;color:#fff}
.calendar-legend{border:1px solid #dbe5ef;border-radius:14px;background:#f8fafc;padding:16px}
.calendar-legend h3{margin:0 0 12px;color:#17283a}
.calendar-legend>div{display:flex;align-items:center;gap:9px;margin:8px 0;font-size:12px;color:#334155;font-weight:650}
.calendar-legend p{font-size:10.5px;color:#64748b;line-height:1.45;margin:13px 0 0}
.legend-dot{width:15px;height:15px;border-radius:4px;display:inline-block;border:1px solid rgba(0,0,0,.08);flex:0 0 15px}
@media(max-width:1180px){.people-calendar-wrap{grid-template-columns:1fr}.calendar-legend{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px 14px}.calendar-legend h3,.calendar-legend p{grid-column:1/-1}.people-calendar{overflow-x:auto}}
@media(max-width:780px){.calendar-title{align-items:stretch;flex-direction:column}.calendar-person-filter{min-width:0;width:100%}.people-calendar{grid-template-columns:repeat(7,minmax(70px,1fr));min-width:560px}.people-calendar-wrap{overflow-x:auto}.calendar-day{min-height:78px;padding:7px}.calendar-mark{font-size:9px}}

/* v3.5 · Menú administrador contraíble + estado de contingencia híbrida */
.admin-sidebar,.admin-workspace{transition:width .22s ease,margin-left .22s ease,transform .22s ease}
.admin-brand{position:relative;min-height:67px}
.admin-brand-copy{min-width:0;overflow:hidden;white-space:nowrap;transition:opacity .14s ease,width .2s ease}
.sidebar-collapse-button,.mobile-menu-button{appearance:none;border:0;cursor:pointer;color:inherit;font:inherit}
.sidebar-collapse-button{position:absolute;right:-31px;top:9px;width:31px;height:38px;border-radius:0 10px 10px 0;background:#0d3453;color:#d8e8f2;display:grid;place-items:center;box-shadow:7px 4px 14px rgba(10,39,64,.12);font-size:24px;line-height:1;transition:background .16s ease,color .16s ease}
.sidebar-collapse-button:hover{background:#12456d;color:#fff}
.sidebar-collapse-button span{display:block;transition:transform .22s ease}
.mobile-menu-button{display:none;width:42px;height:42px;flex:0 0 42px;border-radius:11px;background:#edf5fa;color:var(--navy);font-size:22px;align-items:center;justify-content:center}
.workspace-title-row{display:flex;align-items:flex-start;gap:13px;min-width:0}
.admin-sidebar-overlay{display:none}
.side-footer a{display:flex;align-items:center;gap:6px;text-decoration:none}
.logout-icon{display:none;font-size:19px;line-height:1}

html.admin-nav-collapsed .admin-sidebar{width:86px;padding-left:14px;padding-right:14px}
html.admin-nav-collapsed .admin-workspace{margin-left:86px}
html.admin-nav-collapsed .admin-brand{justify-content:center;padding-left:0;padding-right:0}
html.admin-nav-collapsed .admin-brand-copy{opacity:0;width:0;pointer-events:none}
html.admin-nav-collapsed .admin-brand .brand-mark{flex:0 0 42px}
html.admin-nav-collapsed .sidebar-collapse-button span{transform:rotate(180deg)}
html.admin-nav-collapsed .side-nav a{justify-content:center;padding-left:8px;padding-right:8px}
html.admin-nav-collapsed .side-nav a b{width:auto;font-size:19px}
html.admin-nav-collapsed .side-nav a span{display:none}
html.admin-nav-collapsed .side-footer{justify-content:center;padding-left:0;padding-right:0}
html.admin-nav-collapsed .side-username,html.admin-nav-collapsed .logout-label{display:none}
html.admin-nav-collapsed .logout-icon{display:inline}
html.admin-nav-collapsed .side-footer a{width:42px;height:42px;justify-content:center;border-radius:10px;background:rgba(255,255,255,.07);color:#d8e8f2}
html.admin-nav-collapsed .side-footer a:hover{background:rgba(255,255,255,.12);color:#fff}

@media(max-width:1100px) and (min-width:761px){
  html.admin-nav-collapsed .admin-sidebar{width:82px}
  html.admin-nav-collapsed .admin-workspace{margin-left:82px}
}

@media(max-width:760px){
  .admin-sidebar{position:fixed;inset:0 auto 0 0;width:min(300px,86vw);min-height:100vh;transform:translateX(-105%);padding:20px 16px;z-index:60;box-shadow:18px 0 44px rgba(6,29,48,.22)}
  .admin-workspace{margin-left:0!important}
  .admin-brand{padding-bottom:18px}
  .sidebar-collapse-button{right:0;top:3px;width:38px;height:38px;border-radius:10px;background:rgba(255,255,255,.08)}
  .sidebar-collapse-button span{transform:rotate(0deg)!important}
  .side-nav{display:grid;grid-template-columns:1fr;gap:6px;margin-top:18px}
  .side-nav a{justify-content:flex-start!important;padding:12px 13px!important}
  .side-nav a span{display:inline!important}
  .side-nav a b{width:25px!important;font-size:17px!important}
  .side-footer{display:flex;justify-content:space-between!important;padding:16px 8px 0!important}
  .side-username,.logout-label{display:inline!important}
  .logout-icon{display:none!important}
  .side-footer a{width:auto!important;height:auto!important;background:transparent!important}
  .mobile-menu-button{display:inline-flex}
  .admin-sidebar-overlay{display:block;position:fixed;inset:0;background:rgba(5,20,33,.46);opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:55;backdrop-filter:blur(1px)}
  body.sidebar-mobile-open{overflow:hidden}
  body.sidebar-mobile-open .admin-sidebar{transform:translateX(0)}
  body.sidebar-mobile-open .admin-sidebar-overlay{opacity:1;pointer-events:auto}
  .workspace-header{padding:18px;align-items:flex-start;min-height:auto}
  .workspace-header h1{font-size:24px}
}
.sidebar-collapse-button span{font-size:24px;color:inherit;margin:0;line-height:1}

/* v3.8 selección múltiple de calendario y réplica histórica */
.calendar-bulk-tools{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:12px 14px;margin:0 0 14px;border:1px solid #dbe5ef;border-radius:12px;background:#f8fbff}.calendar-bulk-tools>div:first-child{display:flex;flex-direction:column;gap:3px}.calendar-bulk-tools span{font-size:12px;color:#607286}.calendar-day.selected{outline:3px solid #17283a!important;box-shadow:0 0 0 3px rgba(255,255,255,.72) inset,0 10px 24px rgba(15,55,91,.22);transform:translateY(-1px)}.archive-sync-card{border-left:4px solid #2f80ed}.archive-sync-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0 16px}.archive-sync-grid>div{border:1px solid #e0e8f0;border-radius:10px;padding:10px;background:#f8fafc;display:flex;flex-direction:column;gap:3px}.archive-sync-grid span{font-size:13px;color:#607286}@media(max-width:900px){.calendar-bulk-tools{align-items:stretch;flex-direction:column}.archive-sync-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.month-nav{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.month-nav strong{min-width:130px;text-align:center;color:var(--navy)}.sync-strip>div:first-child{flex-wrap:wrap}.sync-strip>div:first-child small{color:var(--muted)}
@media(max-width:1050px){.sync-strip{align-items:flex-start;flex-wrap:wrap}.month-nav{order:3;width:100%;justify-content:flex-start}}

/* v3.10 — Administración de Personas debe reflejar la estructura visual de la app. */
.app-mirror-hero{background:#fff;border:1px solid #d8e1e9;border-radius:14px;box-shadow:none;padding:20px 30px}
.app-mirror-hero h2{color:#003f78;font-size:24px;margin:0 0 8px}.app-mirror-hero p{color:#66788b;font-size:14px}
.app-mirror-tabs{display:flex;gap:4px;overflow-x:auto;background:#171c27;border:1px solid #2a3444;border-radius:0;padding:0 2px;margin-top:18px;margin-bottom:0}
.app-mirror-tabs a{flex:0 0 auto;background:#e7eff6!important;color:#42576b!important;border-radius:8px 8px 0 0!important;padding:15px 18px!important;font-weight:800!important}
.app-mirror-tabs a:hover{background:#dce8f1!important;color:#003f78!important}.app-mirror-tabs a.active{background:#003f78!important;color:#fff!important;box-shadow:none!important}
.app-mirror-zone{border-top-left-radius:0;border-top-right-radius:0}.request-actions{display:inline-flex;margin:2px}.request-actions .button{white-space:nowrap}
.form-grid textarea{width:100%;min-height:88px;margin-top:7px;border:1px solid var(--border);border-radius:9px;padding:11px 12px;font:inherit;background:#fff;resize:vertical}
@media(max-width:900px){.app-mirror-tabs{padding-top:4px}.app-mirror-tabs a{padding:12px 14px!important}.app-mirror-hero{padding:18px}}
/* v3.12: navegación parcial sin salto al inicio */
.admin-partial-loading .workspace-content{opacity:.72;pointer-events:none;transition:opacity .12s ease}.workspace-content{transition:opacity .12s ease}

/* v3.16 — legibilidad, espejo visual de Cajas y métricas avanzadas */
.button:disabled,.button[disabled]{background:#e4eaf0!important;color:#42596c!important;border:1px solid #c4d0da!important;opacity:1!important;cursor:not-allowed;transform:none!important;filter:none!important}.panel-card button:disabled{opacity:1}
.bulk-user-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 14px;padding:13px 14px;border:1px solid #d9e5ec;border-radius:12px;background:#f7fafc}.bulk-user-actions>div{display:flex;flex-direction:column;gap:3px}.bulk-user-actions strong{color:var(--navy);font-size:13px}.bulk-user-actions span{color:var(--muted);font-size:11px}.select-cell{width:42px!important;text-align:center!important}.select-cell input,.bulk-user-checkbox{width:18px!important;height:18px;accent-color:var(--blue);cursor:pointer}.default-pin-preview{display:inline-flex!important;width:max-content;padding:7px 10px;border-radius:9px;background:#edf6fb;color:#0d6f9f;letter-spacing:.08em}
@media(max-width:760px){.bulk-user-actions{align-items:stretch;flex-direction:column}.bulk-user-actions .button{width:100%}}
.people-app-panel{background:#f8fafc;border:1px solid var(--line);border-radius:0 0 18px 18px;overflow:hidden;margin-bottom:20px}.people-app-filter{display:grid;grid-template-columns:180px 1fr;align-items:center;gap:18px;padding:18px 28px;background:#f8fafc;border-bottom:1px solid #e0e7ee}.people-app-filter strong{color:#17283a}.people-app-filter form,.people-app-filter select{margin:0}.people-calendar-layout{display:grid;grid-template-columns:minmax(560px,1.25fr) minmax(360px,.95fr);gap:24px;padding:24px 28px;background:#f8fafc}.people-calendar-side{min-width:0}.people-month-nav{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;margin:2px 0 12px}.people-month-nav a{display:grid;place-items:center;width:38px;height:38px;border-radius:9px;color:#17283a;text-decoration:none;font-size:34px;line-height:1}.people-month-nav a:hover{background:#e7eff6;color:#003f78}.people-month-nav strong{text-align:center;font-size:18px;color:#17283a}.people-calendar-grid{display:grid;grid-template-columns:46px repeat(7,minmax(54px,1fr))}.people-calendar-grid>div,.people-calendar-grid>a{border-right:1px solid #ccd6df;border-bottom:1px solid #ccd6df}.people-calendar-grid>:nth-child(8n+1){border-left:1px solid #ccd6df}.people-calendar-grid.week-head>div{padding:12px 4px;text-align:center;background:#edf2f6;color:#17283a;border-top:1px solid #ccd6df}.people-calendar-grid.week-head .weekend{color:#ec1515}.week-number{display:grid;place-items:center;background:#edf2f6;color:#17283a;font-size:13px}.people-day{min-height:66px;display:flex;align-items:center;justify-content:center;position:relative;text-decoration:none;background:#f8fafc;color:#17283a;font-size:16px;transition:.12s}.people-day:hover{outline:2px solid #6aaed6;z-index:2}.people-day.weekend{color:#ec1515}.people-day.outside{color:#a6b0ba;background:#f3f5f7}.people-day.selected{outline:3px solid #17283a;z-index:3;font-weight:800}.people-day small{position:absolute;right:4px;bottom:3px;font-size:9px;background:rgba(255,255,255,.75);padding:2px 4px;border-radius:999px;color:#17283a}.people-day.bonus-full{background:#0d83f8;color:#fff}.people-day.bonus-half{background:#fd7e14;color:#fff}.people-day.vac-bonus{background:#7646d2;color:#fff}.people-day.vac-no-bonus{background:#747d86;color:#fff}.people-day.overtime{background:#28a745;color:#fff}.people-day.leave{background:#e53543;color:#fff}.people-day.leave-bonus{background:#d62d87;color:#fff}.people-day.holiday{background:#7b858e;color:#fff}.people-calendar-legend{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:8px 12px;margin-top:14px;font-size:11px;color:#42576b}.people-calendar-legend span{display:flex;align-items:center;gap:6px}.people-calendar-legend i,.donut-legend i{display:inline-block;width:12px;height:12px;border-radius:3px}.people-calendar-legend i.bonus-full{background:#0d83f8}.people-calendar-legend i.bonus-half{background:#fd7e14}.people-calendar-legend i.vac-bonus{background:#7646d2}.people-calendar-legend i.vac-no-bonus{background:#747d86}.people-calendar-legend i.overtime{background:#28a745}.people-calendar-legend i.leave{background:#e53543}.people-calendar-legend i.leave-bonus{background:#d62d87}.people-calendar-legend i.holiday{background:#7b858e}.people-day-panel{background:#fff;border:1px solid #e3e8ed;border-radius:14px;padding:16px;align-self:start;min-width:0}.people-day-panel h3{margin:0 0 12px;color:#17283a;font-size:16px}.people-day-panel h3:not(:first-child){margin-top:18px}.people-readonly-box{background:#eef3f7;border:1px solid #d8e1e9;border-radius:10px;padding:12px}.people-readonly-box>span{display:block;color:#42576b;font-size:13px;margin-bottom:7px}.people-readonly-box>strong{display:block;background:#fff;border:1px solid #d8e1e9;border-radius:8px;padding:10px;color:#17283a;margin-bottom:10px}.people-action-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.people-action-grid button{border:1px solid transparent;border-radius:8px;padding:11px 6px;font-weight:800;font-size:11px;color:#fff;opacity:1!important}.people-action-grid button:disabled{color:#334b5e!important;background:#e3e9ef!important;border-color:#c6d1da!important}.people-action-grid button.bonus-full:not(:disabled){background:#0d83f8}.people-action-grid button.bonus-half:not(:disabled){background:#fd7e14}.people-action-grid button.vac-bonus:not(:disabled){background:#7646d2}.people-action-grid button.vac-no-bonus:not(:disabled){background:#747d86}.people-action-grid button.leave:not(:disabled){background:#e53543}.people-action-grid button.leave-bonus:not(:disabled){background:#d62d87}.people-he-row{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:9px}.people-he-row span{background:#fff;border:1px solid #d8e1e9;border-radius:8px;padding:10px;color:#66788b}.people-he-row button{border:0;border-radius:8px;padding:10px 16px;background:#e3e9ef;color:#334b5e;font-weight:800}.people-day-records{display:grid;gap:7px}.day-record{display:flex;justify-content:space-between;gap:12px;border-left:5px solid #9aa9b7;background:#f7f9fb;border-radius:8px;padding:9px 10px;font-size:12px}.day-record.bonus-full{border-color:#0d83f8}.day-record.bonus-half{border-color:#fd7e14}.day-record.vac-bonus{border-color:#7646d2}.day-record.vac-no-bonus{border-color:#747d86}.day-record.overtime{border-color:#28a745}.day-record.leave{border-color:#e53543}.day-record.leave-bonus{border-color:#d62d87}.day-record.holiday{border-color:#7b858e}.people-comment-box{min-height:58px;background:#eef3f7;border:1px solid #d8e1e9;border-radius:8px;padding:10px;white-space:pre-wrap;color:#42576b;font-size:12px}.metrics-donut-grid{margin-bottom:20px}.donut-layout{display:grid;grid-template-columns:170px 1fr;gap:22px;align-items:center}.donut-chart{width:160px;height:160px;border-radius:50%;display:grid;place-items:center;box-shadow:inset 0 0 0 1px rgba(0,0,0,.03)}.donut-chart>div{width:96px;height:96px;border-radius:50%;background:#fff;display:grid;place-items:center;align-content:center;text-align:center;box-shadow:0 2px 12px rgba(13,54,84,.08)}.donut-chart strong{font-size:22px;color:var(--navy)}.donut-chart span{font-size:10px;color:var(--muted);font-weight:800;text-transform:uppercase}.donut-legend{display:grid;gap:8px}.donut-legend>div{display:grid;grid-template-columns:14px 1fr auto;align-items:center;gap:8px;padding-bottom:6px;border-bottom:1px solid #edf1f5;font-size:12px}.donut-legend i{border-radius:50%}.donut-legend strong{color:var(--navy)}.metric-month-form{display:flex;align-items:flex-end;gap:8px}.metric-month-form label{margin:0}.month-frequency-chart{height:260px;display:flex;gap:4px;align-items:flex-end;border-bottom:1px solid var(--line);padding:12px 4px 0;overflow-x:auto}.month-frequency-column{height:100%;min-width:26px;flex:1;display:grid;grid-template-rows:1fr 18px 18px;align-items:end;text-align:center}.month-frequency-column .bar{display:block;width:70%;margin:0 auto;background:linear-gradient(180deg,#20a6d8,#075f9d);border-radius:5px 5px 0 0;min-height:2px}.month-frequency-column small{font-size:10px;color:var(--muted)}.month-frequency-column b{font-size:10px;color:var(--navy)}.recurrent-clients td:nth-child(4),.recurrent-clients td:nth-child(5),.recurrent-clients td:nth-child(6){font-variant-numeric:tabular-nums}.metrics-kpi-row .metric-card strong{font-size:26px}
@media(max-width:1150px){.people-calendar-layout{grid-template-columns:1fr}.people-day-panel{width:100%}.people-calendar-legend{grid-template-columns:repeat(2,minmax(120px,1fr))}.donut-layout{grid-template-columns:140px 1fr}.donut-chart{width:135px;height:135px}.donut-chart>div{width:80px;height:80px}}@media(max-width:720px){.people-app-filter{grid-template-columns:1fr;padding:15px}.people-calendar-layout{padding:15px}.people-calendar-grid{grid-template-columns:36px repeat(7,minmax(42px,1fr));overflow-x:auto}.people-day{min-height:54px}.people-action-grid{grid-template-columns:repeat(2,1fr)}.people-calendar-legend{grid-template-columns:1fr 1fr}.donut-layout{grid-template-columns:1fr;justify-items:center}.donut-legend{width:100%}.metric-month-form{width:100%;flex-wrap:wrap}.month-frequency-column{min-width:24px}}

/* v3.25 · edición segura de días y avisos de /tv */
.people-edit-box .people-action-grid form{margin:0}.people-edit-box .people-action-grid button{width:100%;height:100%;cursor:pointer}.people-edit-box .people-he-row{align-items:end}.people-edit-box .people-he-row label{margin:0}.people-edit-box .people-he-row input{margin-top:5px}.people-edit-box .people-he-row button{background:#003f78;color:#fff;min-height:42px;cursor:pointer}.people-edit-box>small{display:block;margin-top:9px;color:#9a6517}.day-record>div{min-width:0}.day-record form{flex:0 0 auto}.day-record .button{padding:6px 9px}.form-grid .span-two{grid-column:1/-1}
.tv-info-admin-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:18px 0}.tv-info-admin-card{position:relative;padding:16px;border:1px solid #d8e1e9;border-top:5px solid #0d76ad;border-radius:14px;background:#f8fbfd;overflow:hidden}.tv-info-admin-card.theme-green{border-top-color:#18864d}.tv-info-admin-card.theme-gold{border-top-color:#c68200}.tv-info-admin-card.theme-red{border-top-color:#bc2c2c}.tv-info-admin-card.theme-purple{border-top-color:#7444a4}.tv-info-admin-card.theme-dark{border-top-color:#09243b}.tv-info-admin-card.is-inactive{background:#f2f4f6;border-top-color:#8795a1}.tv-info-admin-card.is-inactive>img{filter:grayscale(.65);opacity:.72}.tv-info-state{position:absolute;right:16px;top:12px;z-index:3}.tv-info-admin-card>img{display:block;width:100%;height:86px;margin:-3px 0 14px;border-radius:9px;object-fit:cover;background:#e8eef4}.tv-info-admin-card>form+form{margin-top:10px}.tv-info-add{margin-top:12px}.tv-info-add>summary{list-style:none;width:max-content}.tv-info-add>form{margin-top:15px;padding:18px;border:1px dashed #b7cedd;border-radius:13px;background:#f8fbfd}
@media(max-width:980px){.tv-info-admin-list{grid-template-columns:1fr}}@media(max-width:650px){.form-grid .span-two{grid-column:auto}.people-edit-box .people-he-row{grid-template-columns:1fr}.tv-info-add>summary{width:100%}}
/* Confirmación real de órdenes Bridge: enviada → recibida → aplicada. */
.command-tracker{display:flex;align-items:center;gap:13px;margin:0 0 18px;padding:14px 16px;border:1px solid #b8d8eb;border-radius:13px;background:#edf8ff;color:#153955;box-shadow:0 8px 24px rgba(18,89,128,.08)}
.command-tracker>div{display:flex;flex-direction:column;gap:3px}.command-tracker strong{font-size:13px}.command-tracker small{color:#607b8f}.command-tracker-pulse{width:12px;height:12px;border-radius:50%;background:#1684c4;box-shadow:0 0 0 0 rgba(22,132,196,.45);animation:commandPulse 1.15s infinite}.command-tracker.done{border-color:#8bd4b2;background:#effbf5}.command-tracker.done .command-tracker-pulse{background:#1f9d68;animation:none}.command-tracker.failed{border-color:#efaca9;background:#fff4f3}.command-tracker.failed .command-tracker-pulse{background:#d94f47;animation:none}@keyframes commandPulse{70%{box-shadow:0 0 0 9px rgba(22,132,196,0)}100%{box-shadow:0 0 0 0 rgba(22,132,196,0)}}

/* v3.31 · Dashboard ejecutivo premium de métricas */
.analytics-hero{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(420px,.8fr);gap:22px;align-items:stretch;margin-bottom:18px;padding:26px 28px;border-radius:22px;background:linear-gradient(125deg,#082a45,#0b456b 58%,#0c5d7d);box-shadow:0 18px 44px rgba(8,45,73,.16);color:#fff;overflow:hidden;position:relative}.analytics-hero:after{content:"";position:absolute;width:280px;height:280px;border:1px solid rgba(255,255,255,.08);border-radius:50%;right:-120px;top:-150px}.analytics-hero-copy{position:relative;z-index:1}.analytics-hero-copy .eyebrow{color:#80dbff}.analytics-hero h2{margin:6px 0 8px;font-size:clamp(24px,3vw,36px);letter-spacing:-.025em}.analytics-hero p{max-width:780px;margin:0;color:#c4d9e7;line-height:1.55;font-size:13px}.analytics-live{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,1fr);align-content:center;gap:8px;padding:16px;border:1px solid rgba(255,255,255,.12);border-radius:17px;background:rgba(4,28,46,.34);backdrop-filter:blur(5px)}.analytics-live>span{grid-column:1/-1;font-size:9px;letter-spacing:.15em;color:#9cd8ee;font-weight:850;display:flex;align-items:center;gap:7px;margin-bottom:3px}.analytics-live>div{min-width:0;padding:8px 9px;border-radius:11px;background:rgba(255,255,255,.055)}.analytics-live strong,.analytics-live small{display:block}.analytics-live strong{font-size:24px}.analytics-live small{margin-top:3px;color:#a9c9da;font-size:9px;white-space:nowrap}.pulse-dot{width:7px;height:7px;border-radius:50%;background:#53e6ad;box-shadow:0 0 0 5px rgba(83,230,173,.1)}
.analytics-filter-card{display:grid;grid-template-columns:auto minmax(320px,1fr);gap:14px 24px;align-items:end;margin-bottom:18px;padding:12px 14px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 7px 22px rgba(13,54,84,.045)}.period-tabs{display:flex;gap:6px;flex-wrap:wrap}.period-tabs a{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:9px 13px;border-radius:9px;color:#5d7485;text-decoration:none;font-size:12px;font-weight:800;border:1px solid transparent}.period-tabs a:hover{background:#f0f6fa}.period-tabs a.active{background:var(--navy);color:#fff;box-shadow:0 6px 15px rgba(11,39,64,.16)}.analytics-range-form{display:flex;align-items:flex-end;justify-content:flex-end;gap:8px}.analytics-range-form label{margin:0;min-width:135px}.analytics-range-form input{padding:9px 10px}.compare-caption{grid-column:1/-1;display:flex;gap:7px;align-items:center;padding-top:9px;border-top:1px solid #edf2f6;color:#7b8d9a;font-size:10px}.compare-caption strong{color:#425d70;font-weight:750}
.executive-kpi-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:18px}.executive-kpi{position:relative;min-width:0;padding:17px 17px 16px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 7px 22px rgba(13,54,84,.045);overflow:hidden}.executive-kpi:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#20a6d8,#0b6ea8)}.kpi-head{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}.kpi-head span{color:#637b8d;font-size:10px;font-weight:800;line-height:1.25;text-transform:uppercase;letter-spacing:.04em}.kpi-head i{font-style:normal;color:#b6c5cf;font-size:9px;font-weight:850}.executive-kpi>strong{display:block;margin:12px 0 8px;color:var(--navy);font-size:30px;line-height:1;letter-spacing:-.025em;font-variant-numeric:tabular-nums}.executive-kpi>strong em{font-size:13px;font-style:normal;color:#6d8393;font-weight:750}.executive-kpi small{display:block;margin-top:6px;color:#8998a4;font-size:9px}.delta{display:inline-flex;align-items:center;min-height:21px;padding:4px 7px;border-radius:999px;font-size:9px;font-weight:850}.delta.good{background:#e7f7ef;color:#14704e}.delta.bad{background:#fff0f2;color:#ac3548}.delta.neutral{background:#f0f3f6;color:#71808d}
.analytics-insights-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:20px}.analytics-insights-grid article{padding:15px 16px;border-radius:14px;border:1px solid #dce7ee;background:linear-gradient(145deg,#f8fbfd,#fff)}.analytics-insights-grid span,.analytics-insights-grid strong,.analytics-insights-grid small{display:block}.analytics-insights-grid span{font-size:9px;text-transform:uppercase;letter-spacing:.06em;color:#778b99;font-weight:850}.analytics-insights-grid strong{margin:6px 0 4px;color:#17344c;font-size:16px;line-height:1.2;overflow-wrap:anywhere}.analytics-insights-grid small{color:#8a99a5;font-size:9px}
.analytics-main-grid{margin-bottom:20px}.analytics-main-grid .panel-card{margin-bottom:0}.analytics-chart-card{min-width:0}.executive-bar-chart{height:280px;display:flex;align-items:stretch;gap:4px;padding:12px 2px 0;border-bottom:1px solid var(--line);overflow-x:auto}.executive-bar-column{height:100%;min-width:24px;flex:1;display:grid;grid-template-rows:18px minmax(0,1fr) 24px;align-items:end;text-align:center}.executive-bar-value{font-size:9px;color:#607789;font-weight:800;min-height:13px}.executive-bar-track{height:100%;display:flex;align-items:flex-end;justify-content:center}.executive-bar-track i{display:block;width:min(68%,28px);min-height:2px;border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,#28b9e9,#0b6ea8);box-shadow:0 4px 10px rgba(13,120,181,.12)}.executive-bar-column small{font-size:8px;color:#788d9d;white-space:nowrap;transform:rotate(-35deg);transform-origin:center center;margin-bottom:2px}.analytics-chart-foot{display:flex;gap:16px;flex-wrap:wrap;justify-content:space-between;margin-top:12px;color:#748898;font-size:10px}.analytics-chart-foot strong{color:#34576d}.executive-summary-list{display:grid;gap:10px}.executive-summary-list>div{padding:13px 14px;border:1px solid #e3ebf1;border-radius:12px;background:#f8fbfd}.executive-summary-list span,.executive-summary-list strong,.executive-summary-list small{display:block}.executive-summary-list span{font-size:9px;color:#7d8f9c;text-transform:uppercase;font-weight:850;letter-spacing:.06em}.executive-summary-list strong{margin:4px 0;color:#17344c;font-size:21px}.executive-summary-list small{color:#8495a2;font-size:10px}.analytics-distribution-grid .panel-card{min-height:320px}.analytics-user-cell{display:flex;align-items:center;gap:9px}.analytics-user-cell .avatar{width:30px;height:30px;border-radius:9px}.share-cell{display:grid;grid-template-columns:minmax(80px,1fr) 48px;align-items:center;gap:8px}.share-cell>div{height:7px;border-radius:999px;background:#eaf0f4;overflow:hidden}.share-cell i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#20a6d8,#0b6ea8)}.share-cell span{font-size:10px;color:#607586;font-weight:750}.payment-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}.payment-summary>div{padding:14px;border-radius:12px;background:#f3f8fb;border:1px solid #dce8ef}.payment-summary span,.payment-summary strong{display:block}.payment-summary span{color:#728797;font-size:10px;font-weight:800;text-transform:uppercase}.payment-summary strong{margin-top:5px;color:#17344c;font-size:25px}.empty-state.compact{padding:15px}.compact-rank>div{padding:8px 0}.compact-rank .avatar{background:#fff4dc;color:#a66b0b}
.analytics-technical{margin-top:22px;border:1px solid var(--line);border-radius:17px;background:#fff;overflow:hidden}.analytics-technical>summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 20px;background:#f7fafc}.analytics-technical>summary::-webkit-details-marker{display:none}.analytics-technical>summary strong{display:block;margin-top:4px;color:#29475c}.analytics-technical>summary>span{color:#6f8493;font-size:11px;font-weight:750}.analytics-technical[open]>summary{border-bottom:1px solid var(--line)}.analytics-technical-body{padding:20px}.analytics-technical-body .panel-card:last-child{margin-bottom:0}
@media(max-width:1450px){.executive-kpi-grid,.analytics-insights-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1180px){.analytics-hero{grid-template-columns:1fr}.analytics-filter-card{grid-template-columns:1fr}.analytics-range-form{justify-content:flex-start}.executive-kpi-grid,.analytics-insights-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:850px){.executive-kpi-grid,.analytics-insights-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-live{grid-template-columns:repeat(2,1fr)}.analytics-range-form{flex-wrap:wrap}.analytics-range-form label{flex:1;min-width:140px}.executive-bar-chart{height:235px}}
@media(max-width:600px){.analytics-hero{padding:21px}.analytics-live{grid-template-columns:1fr 1fr}.analytics-filter-card{padding:10px}.period-tabs{display:grid;grid-template-columns:repeat(3,1fr)}.period-tabs a{padding:8px 6px}.analytics-range-form{display:grid;grid-template-columns:1fr 1fr}.analytics-range-form .button{grid-column:1/-1}.compare-caption{display:block}.compare-caption strong{display:block;margin-top:4px}.executive-kpi-grid,.analytics-insights-grid{grid-template-columns:1fr}.executive-kpi>strong{font-size:28px}.analytics-technical>summary{align-items:flex-start;flex-direction:column}.analytics-technical-body{padding:12px}.payment-summary{grid-template-columns:1fr}}

/* v3.35 · resumen operativo y navegación consolidada */
.operational-alert-list{display:grid;gap:10px;margin:8px 0 16px}.operational-alert{display:flex;gap:11px;align-items:flex-start;padding:12px 13px;border:1px solid #dbe5ed;border-radius:12px;background:#f8fbfd}.operational-alert i{width:10px;height:10px;flex:0 0 auto;margin-top:5px;border-radius:50%;background:#d99a23}.operational-alert.ok i{background:#2a9b61}.operational-alert p{margin:0}.operational-alert strong{display:block;color:#183f5d}.operational-alert small{display:block;margin-top:3px;color:#687d8f;line-height:1.4}.waiting-summary .avatar{font-size:12px}.attention-panel .button-row{margin-top:12px}
.ticket-history{position:relative}.ticket-history>summary{list-style:none;cursor:pointer}.ticket-history>summary::-webkit-details-marker{display:none}.ticket-timeline{position:absolute;right:0;top:calc(100% + 7px);z-index:40;width:min(390px,80vw);max-height:320px;overflow:auto;padding:12px;border:1px solid #ccdbe6;border-radius:13px;background:#fff;box-shadow:0 18px 45px rgba(16,50,78,.18);text-align:left}.ticket-timeline>div{display:flex;gap:10px;position:relative;padding:7px 4px}.ticket-timeline i{width:9px;height:9px;flex:0 0 auto;margin-top:5px;border-radius:50%;background:#0d76ad}.ticket-timeline p{margin:0}.ticket-timeline strong{display:block;font-size:12px;color:#173f5c}.ticket-timeline small{display:block;margin-top:2px;color:#6a7f91;font-size:10px}

/* v3.38 · editor visual y sonoro de llamados */
.call-designer-admin{overflow:hidden}.call-designer-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr);gap:22px;align-items:start}.call-designer-controls{display:grid;gap:16px}.call-editor-block{padding:16px;border:1px solid #dce6ed;border-radius:15px;background:#f9fbfd}.call-editor-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:13px}.call-editor-heading strong{display:block;color:#173f5c;font-size:14px}.call-editor-heading small{display:block;margin-top:4px;color:#738796;font-size:11px;line-height:1.45;font-weight:550}.button-row.compact{gap:6px}.button-row.compact .button{padding:7px 9px;font-size:10px}.call-design-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.call-design-choice{position:relative;cursor:pointer}.call-design-choice input{position:absolute;opacity:0;pointer-events:none}.call-design-choice>span{display:grid;grid-template-columns:46px 1fr;grid-template-rows:auto auto;column-gap:10px;min-height:76px;padding:10px;border:1px solid #d8e3eb;border-radius:12px;background:#fff;transition:.16s}.call-design-choice input:checked+span{border-color:#0b6ea8;box-shadow:0 0 0 3px rgba(11,110,168,.12);background:#f5fbff}.call-design-choice b{align-self:end;color:#173f5c;font-size:12px}.call-design-choice small{grid-column:2;align-self:start;color:#718493;font-size:9px;line-height:1.35;font-weight:550}.call-design-swatch{grid-row:1/3;display:block;width:46px;height:46px;align-self:center;border-radius:10px;position:relative;overflow:hidden;border:1px solid #d5e0e8}.call-design-swatch:before,.call-design-swatch:after{content:"";position:absolute;left:7px;right:7px;border-radius:99px}.call-design-swatch:before{top:12px;height:8px}.call-design-swatch:after{top:25px;height:5px}.call-design-swatch.design-professional{background:#fff;box-shadow:inset 0 5px #0b6ea8}.call-design-swatch.design-professional:before{background:#0b416b}.call-design-swatch.design-professional:after{background:#30a5c8}.call-design-swatch.design-focus{background:#05365d}.call-design-swatch.design-focus:before{background:#fff}.call-design-swatch.design-focus:after{background:#63d4eb}.call-design-swatch.design-minimal{background:#fff}.call-design-swatch.design-minimal:before{background:#173f5c}.call-design-swatch.design-minimal:after{background:#dbe7ee}.call-design-swatch.design-classic{background:#fff;border:3px solid #c93232}.call-design-swatch.design-classic:before{background:#0b416b}.call-design-swatch.design-classic:after{background:#c93232}
.call-field-editor{display:grid;gap:8px}.call-field-row{display:grid;grid-template-columns:28px minmax(150px,1fr) minmax(120px,155px) 68px;gap:9px;align-items:center;padding:9px 10px;border:1px solid #dce6ed;border-radius:11px;background:#fff;transition:.13s}.call-field-row.is-dragging{opacity:.55;border-color:#0b6ea8;box-shadow:0 8px 18px rgba(11,110,168,.12)}.call-field-grip{display:grid;place-items:center;height:32px;border-radius:8px;background:#f0f5f8;color:#8799a6;cursor:grab;font-weight:900;letter-spacing:-2px}.call-field-visible{display:flex!important;align-items:center!important;gap:8px!important;font-size:11px!important;color:#2f536a!important}.call-field-visible input{width:auto;margin:0}.call-field-visible span{font-weight:800}.call-field-size{display:grid!important;grid-template-columns:auto 1fr!important;align-items:center!important;gap:7px!important;font-size:9px!important;text-transform:uppercase;letter-spacing:.04em}.call-field-size select{margin:0;padding:7px 8px;font-size:10px}.call-field-move{display:flex;gap:4px}.call-move-button{width:31px;height:31px;border:1px solid #d7e2ea;border-radius:8px;background:#f7fafc;color:#315b73;font-weight:900;cursor:pointer}.call-move-button:hover{background:#eaf4fa}.call-audio-grid label small{font-weight:500;line-height:1.4}.is-muted-control{opacity:.5}.call-test-status{display:inline-flex;align-items:center;min-height:38px;color:#63798a;font-size:11px;font-weight:750}.call-test-status.ok{color:#16815d}.call-test-status.error{color:#b33645}.call-test-status.busy{color:#0b6ea8}
.call-designer-preview-column{position:sticky;top:18px}.call-preview-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}.call-preview-toolbar>strong{font-size:13px;color:#173f5c}.call-preview-devices{display:flex;gap:4px;padding:3px;border-radius:10px;background:#eef3f7}.call-preview-devices button{border:0;border-radius:8px;padding:7px 9px;background:transparent;color:#607789;font-size:9px;font-weight:850;cursor:pointer}.call-preview-devices button.active{background:#fff;color:#0b5f92;box-shadow:0 2px 7px rgba(20,54,80,.10)}.call-preview-device{display:flex;align-items:center;justify-content:center;min-height:430px;padding:22px;border:1px solid #dce6ed;border-radius:16px;background:linear-gradient(145deg,#e9f0f5,#f8fbfd);overflow:hidden}.call-preview-screen{position:relative;overflow:hidden;border:7px solid #172b3d;border-radius:13px;background:#dfeaf2;box-shadow:0 18px 35px rgba(22,49,72,.18);transition:.25s}.device-tv .call-preview-screen{width:min(100%,620px);aspect-ratio:16/9}.device-pc .call-preview-screen{width:min(100%,570px);aspect-ratio:16/10}.device-mobile .call-preview-screen{width:250px;aspect-ratio:9/16;border-width:5px;border-radius:19px}.device-totem .call-preview-screen{width:235px;aspect-ratio:9/18;border-width:6px;border-radius:10px}.call-preview-bg{position:absolute;inset:0;padding:6%;display:grid;grid-template-columns:28% 1fr;grid-template-rows:14% 1fr;gap:4%;background:linear-gradient(180deg,#0b4c7a 0 14%,#eef4f8 14% 100%)}.call-preview-bg span{display:block;border-radius:5px;background:rgba(255,255,255,.58)}.call-preview-bg span:first-child{grid-column:1/3;background:rgba(255,255,255,.16)}.call-preview-bg span:nth-child(2){background:#f8fbfd}.call-preview-bg span:nth-child(3){background:#f8fbfd}.call-preview-card{position:absolute;z-index:2;left:8%;right:8%;top:12%;bottom:12%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:7%;border-radius:17px;overflow:hidden;box-shadow:0 15px 34px rgba(0,31,57,.27);transition:.2s}.call-preview-card.design-professional{background:linear-gradient(180deg,#fff 0 78%,#f1f7fa 78%);border:1px solid #c8d9e5}.call-preview-card.design-professional:before{content:"";position:absolute;left:0;right:0;top:0;height:8px;background:linear-gradient(90deg,#075f9d,#21a7cf)}.call-preview-card.design-focus{background:radial-gradient(circle at 50% 12%,#0f6092,#073654 55%,#052b45);border:1px solid #1c739f;color:#fff}.call-preview-card.design-minimal{background:#fff;border:2px solid #d9e5ec;box-shadow:0 14px 30px rgba(22,49,72,.17)}.call-preview-card.design-minimal:after{content:"";position:absolute;left:12%;right:12%;bottom:8%;height:3px;border-radius:99px;background:#0b6ea8}.call-preview-card.design-classic{background:#fff;border:6px solid #cb3535}.call-preview-queue{position:absolute;top:6%;left:0;right:0;color:#8293a0;font-size:6px;letter-spacing:.08em;font-weight:800}.call-preview-field{display:block;max-width:94%;margin:0;line-height:1.05;overflow-wrap:anywhere;transition:.14s}.call-preview-field.is-hidden{display:none}.call-preview-field.size-hero{font-size:clamp(22px,4.9vw,56px);font-weight:950}.call-preview-field.size-large{font-size:clamp(17px,3.6vw,38px);font-weight:900}.call-preview-field.size-medium{font-size:clamp(13px,2.4vw,26px);font-weight:850}.call-preview-field.size-small{font-size:clamp(8px,1.25vw,14px);font-weight:800;letter-spacing:.08em}.call-preview-field.field-headline{color:#1480ad;text-transform:uppercase;margin-bottom:2.5%}.call-preview-field.field-name{color:#073f67;text-transform:none}.call-preview-field.field-ticket{color:#4c6577;margin:2% 0}.call-preview-field.field-desk{color:#fff;background:#075f9d;border-radius:999px;padding:.16em .55em;margin-top:2%}.design-focus .call-preview-field.field-headline{color:#70d8f1}.design-focus .call-preview-field.field-name,.design-focus .call-preview-field.field-ticket{color:#fff}.design-focus .call-preview-field.field-desk{color:#073654;background:#fff}.design-minimal .call-preview-field.field-name{color:#173f5c}.design-classic .call-preview-field.field-headline{color:#c93232}.call-preview-field.text-long.size-hero{font-size:clamp(18px,3.8vw,43px)}.call-preview-field.text-xlong.size-hero{font-size:clamp(15px,3vw,34px)}.device-mobile .call-preview-card,.device-totem .call-preview-card{left:7%;right:7%;top:10%;bottom:10%;padding:10% 6%}.device-mobile .call-preview-field.size-hero,.device-totem .call-preview-field.size-hero{font-size:clamp(24px,8vw,42px)}.device-mobile .call-preview-field.size-large,.device-totem .call-preview-field.size-large{font-size:clamp(18px,6vw,31px)}.device-mobile .call-preview-field.size-medium,.device-totem .call-preview-field.size-medium{font-size:clamp(13px,4.4vw,22px)}.device-mobile .call-preview-field.size-small,.device-totem .call-preview-field.size-small{font-size:clamp(8px,2.7vw,13px)}.call-preview-card.is-pulsing{animation:callPreviewPulse .8s ease}.call-preview-note{text-align:center;color:#728694;font-size:10px;font-weight:800;margin:9px 0 12px}.info-box.compact{padding:10px 12px;margin-top:0}.info-box.compact p{margin:4px 0 0;font-size:10px}.call-designer-save{margin-top:18px;padding-top:16px;border-top:1px solid #e1e9ef}
@keyframes callPreviewPulse{0%{transform:scale(.91);opacity:.4}45%{transform:scale(1.025);opacity:1}100%{transform:scale(1);opacity:1}}
@media(max-width:1250px){.call-designer-grid{grid-template-columns:1fr}.call-designer-preview-column{position:static}.call-preview-device{min-height:390px}.call-design-options{grid-template-columns:repeat(4,minmax(0,1fr))}.call-design-choice>span{grid-template-columns:36px 1fr}.call-design-swatch{width:36px;height:36px}.call-design-choice small{grid-column:1/-1;margin-top:5px}}
@media(max-width:900px){.call-design-options{grid-template-columns:repeat(2,minmax(0,1fr))}.call-field-row{grid-template-columns:28px 1fr 120px 68px}}
@media(max-width:620px){.call-editor-heading{flex-direction:column}.call-field-row{grid-template-columns:28px 1fr 64px}.call-field-size{grid-column:2/3;grid-row:2}.call-field-move{grid-column:3;grid-row:1/3;align-self:center}.call-preview-devices{width:100%;display:grid;grid-template-columns:repeat(4,1fr)}.call-preview-toolbar{align-items:flex-start;flex-direction:column}.call-preview-device{min-height:365px;padding:12px}.call-design-options{grid-template-columns:1fr}.call-designer-save .button{width:100%}}


/* v3.39 · locución profesional y señal de aplicación a pantallas */
.call-voice-exact{display:flex;flex-direction:column;gap:5px;padding:11px 12px;border:1px solid #dce6ed;border-radius:11px;background:#fff}.call-voice-exact small{color:#728694;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.call-voice-exact strong{color:#173f5c;font-size:12px;line-height:1.45}.call-live-sync{display:flex;align-items:center;gap:10px;margin-top:16px;padding:11px 13px;border:1px solid #cfe4d9;border-radius:12px;background:#f4fbf7}.call-live-sync-dot{width:10px;height:10px;flex:0 0 10px;border-radius:50%;background:#1f9b68;box-shadow:0 0 0 4px rgba(31,155,104,.12)}.call-live-sync strong{display:block;color:#236247;font-size:11px}.call-live-sync small{display:block;margin-top:3px;color:#61786b;font-size:9px;line-height:1.45;font-weight:600}

/* v3.40 · voz neural chilena generada por servidor */
.call-cloud-voice{padding:14px;border:1px solid #cfe1ec;border-radius:13px;background:linear-gradient(180deg,#f8fcff,#f3f8fb)}
.call-cloud-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.call-cloud-title strong{display:block;color:#173f5c;font-size:12px}.call-cloud-title small{display:block;margin-top:3px;color:#6d8291;font-size:9px;line-height:1.4;font-weight:600}.call-cloud-voice .form-grid{margin-top:0}.call-fallback-check{display:flex!important;align-items:center!important;gap:8px!important;margin-top:9px;color:#31566d!important;font-size:10px!important;font-weight:750!important}.call-fallback-check input{width:auto;margin:0}.call-cloud-voice.is-muted-control{opacity:.58}.call-cloud-voice.is-muted-control input,.call-cloud-voice.is-muted-control select{filter:saturate(.65)}
@media(max-width:620px){.call-cloud-title{flex-direction:column}.call-cloud-title .status-pill{align-self:flex-start}}
/* Diseños adicionales de llamado — solo amplían el catálogo existente. */
.call-design-swatch.design-airport{background:#eff6ff;border:2px solid #2563eb}.call-design-swatch.design-airport:before{background:#1d4ed8}.call-design-swatch.design-airport:after{background:#60a5fa}
.call-design-swatch.design-retail{background:#fff;border-left:7px solid #10b981}.call-design-swatch.design-retail:before{background:#064e3b}.call-design-swatch.design-retail:after{background:#34d399}
.call-design-swatch.design-dark{background:#020617;border-color:#22d3ee}.call-design-swatch.design-dark:before{background:#f8fafc}.call-design-swatch.design-dark:after{background:#22d3ee}
.call-design-swatch.design-split{background:linear-gradient(90deg,#071724 0 68%,#0e7490 68% 100%)}.call-design-swatch.design-split:before{background:#fff}.call-design-swatch.design-split:after{background:#67e8f9}
.call-preview-card.design-airport{background:#eff6ff;border:4px solid #2563eb;color:#0f172a}.call-preview-card.design-retail{background:#fff;border-left:9px solid #10b981}.call-preview-card.design-dark{background:#020617;border:2px solid #22d3ee;color:#f8fafc}.call-preview-card.design-dark .field-headline{color:#67e8f9}.call-preview-card.design-dark .field-name,.call-preview-card.design-dark .field-ticket{color:#f8fafc}.call-preview-card.design-split{background:linear-gradient(90deg,#071724 0 68%,#0e7490 68% 100%);color:#fff}.call-preview-card.design-split .field-headline{color:#67e8f9}.call-preview-card.design-split .field-name,.call-preview-card.design-split .field-ticket{color:#fff}

/* v3.48 · biblioteca real de diseños + preview de pantalla completa */
.screen-designer-grid{display:grid;grid-template-columns:minmax(250px,.78fr) minmax(0,1.65fr);gap:18px;align-items:start}.screen-template-list{display:grid;grid-template-columns:1fr;gap:8px}.screen-template-choice{display:block;width:100%;text-align:left;border:1px solid #d7e2ea;border-radius:12px;background:#fff;padding:11px 12px;cursor:pointer;color:#153d5a;transition:.16s}.screen-template-choice:hover{border-color:#75b9dc;transform:translateY(-1px)}.screen-template-choice.active{border-color:#0d76ad;box-shadow:0 0 0 2px rgba(13,118,173,.12);background:#f2f9fd}.screen-template-choice b{display:block;font-size:13px}.screen-template-choice small{display:block;margin-top:3px;color:#718797;font-size:10px;line-height:1.3}.screen-preview-column{position:sticky;top:10px}.screen-preview-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:9px}.screen-preview-toolbar>div{display:flex;gap:6px}.screen-preview-toolbar button{border:1px solid #cbdbe6;background:#fff;border-radius:8px;padding:6px 10px;font-weight:800;color:#42637a;cursor:pointer}.screen-preview-toolbar button.active{background:#075f9d;color:#fff;border-color:#075f9d}.screen-preview{position:relative;width:100%;aspect-ratio:16/9;min-height:330px;border-radius:16px;overflow:hidden;background:#eaf1f6;border:1px solid #cad9e3;box-shadow:0 16px 38px rgba(9,54,84,.14);font-family:Arial,sans-serif;color:#163f5d}.screen-preview.device-totem{aspect-ratio:9/16;max-width:390px;margin:0 auto;min-height:620px}.sp-top{position:absolute;inset:0 0 auto 0;height:14%;background:#003b6e;color:#fff;display:flex;align-items:center;padding:0 3%;gap:3%;z-index:4}.sp-logo{font-weight:950;font-size:clamp(10px,1.3vw,18px)}.sp-title{font-weight:850;font-size:clamp(9px,1.2vw,17px);flex:1}.sp-time{font-weight:950;font-size:clamp(10px,1.7vw,24px)}.sp-side{position:absolute;left:2%;top:17%;bottom:17%;width:24%;background:#fff;border:1px solid #cbdbe6;border-radius:8px;padding:2%;display:flex;flex-direction:column;gap:7%;z-index:3}.sp-side b{font-size:clamp(7px,.75vw,10px);color:#075f9d}.sp-side span{font-size:clamp(10px,1.25vw,17px);font-weight:900;border-left:4px solid #0d76ad;padding-left:8px}.sp-main{position:absolute;left:28%;right:2%;top:17%;bottom:27%;background:#fff;border:1px solid #cbdbe6;border-left:7px solid #0d76ad;border-radius:10px;padding:4%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;z-index:3}.sp-main small{font-size:clamp(7px,.8vw,11px);letter-spacing:.1em;color:#6d8494}.sp-main strong{font-size:clamp(28px,5vw,70px);line-height:1;color:#004878}.sp-main b{margin-top:3%;font-size:clamp(12px,2vw,28px);background:#e8f4fb;color:#075f9d;padding:.28em .6em;border-radius:999px}.sp-main span{margin-top:2%;font-size:clamp(10px,1.2vw,16px);font-weight:800}.sp-recent{position:absolute;left:28%;right:2%;bottom:17%;height:8%;display:flex;gap:2%;z-index:3}.sp-recent span{background:#fff;border:1px solid #cbdbe6;border-radius:7px;padding:1.5% 2%;font-size:clamp(6px,.65vw,9px);font-weight:800;flex:1}.sp-media{position:absolute;left:0;right:0;bottom:0;height:14%;background:#dfeaf1 center/cover no-repeat;border-top:1px solid #b8cedd;display:flex;align-items:center;justify-content:center;color:#517188;font-weight:950;letter-spacing:.13em;font-size:clamp(7px,.8vw,11px);z-index:2}.sp-media:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.78),rgba(255,255,255,.35))}.sp-media span{position:relative}.screen-preview.design-dark,.screen-preview.design-command{background:#030712;color:#eaf8ff}.design-dark .sp-top,.design-command .sp-top{background:#04101c}.design-dark .sp-side,.design-dark .sp-main,.design-dark .sp-recent span,.design-command .sp-side,.design-command .sp-main,.design-command .sp-recent span{background:#07111f;border-color:#16324b;color:#e6f6ff}.design-dark .sp-main strong,.design-command .sp-main strong{color:#67e8f9}.design-airport .sp-main{left:2%;right:39%;bottom:17%;border:4px solid #2563eb;align-items:center}.design-airport .sp-main strong{font-size:clamp(38px,7vw,92px)}.design-airport .sp-side{left:auto;right:2%;width:35%;top:17%;bottom:17%}.design-airport .sp-recent{display:none}.design-retail .sp-media{height:39%;bottom:0}.design-retail .sp-side{bottom:43%;width:28%}.design-retail .sp-main{left:32%;bottom:43%}.design-retail .sp-recent{display:none}.design-split .sp-media{left:auto;right:0;top:14%;bottom:0;width:38%;height:auto;border-left:1px solid #b8cedd}.design-split .sp-side{width:19%;bottom:3%}.design-split .sp-main{left:23%;right:40%;bottom:20%}.design-split .sp-recent{left:23%;right:40%;bottom:3%;height:14%;display:block}.design-split .sp-recent span{display:block;margin-bottom:4px}.design-board .sp-main{left:2%;right:48%;top:18%;bottom:18%;align-items:center;border-left-width:10px}.design-board .sp-side{left:55%;right:2%;width:auto;bottom:43%}.design-board .sp-recent{left:55%;right:2%;bottom:18%;height:21%;display:flex;flex-direction:column}.design-board .sp-media{height:14%}.design-media_top .sp-media{top:14%;bottom:auto;height:38%;border-top:0;border-bottom:1px solid #b8cedd}.design-media_top .sp-side{top:55%;bottom:3%;height:auto;width:31%}.design-media_top .sp-main{left:35%;top:55%;bottom:3%}.design-media_top .sp-recent{display:none}.design-media_full .sp-media{top:14%;bottom:16%;height:auto}.design-media_full .sp-side{display:none}.design-media_full .sp-main{left:2%;right:2%;top:auto;bottom:2%;height:13%;padding:1% 3%;display:grid;grid-template-columns:auto 1fr auto auto;gap:3%;align-items:center;background:rgba(255,255,255,.96)}.design-media_full .sp-main strong{font-size:clamp(20px,3vw,44px)}.design-media_full .sp-main b,.design-media_full .sp-main span,.design-media_full .sp-main small{margin:0}.design-media_full .sp-recent{display:none}.design-command .sp-main{left:2%;right:36%;border-left-color:#22d3ee;box-shadow:0 0 24px rgba(34,211,238,.12)}.design-command .sp-side{left:auto;right:2%;width:31%}.design-command .sp-media{height:14%;background-color:#081624;color:#a9d9eb}.device-totem .sp-top{height:10%}.device-totem .sp-side{top:12%;left:4%;right:4%;width:auto;height:23%;bottom:auto}.device-totem .sp-main{top:37%;left:4%;right:4%;bottom:29%}.device-totem .sp-recent{left:4%;right:4%;bottom:17%;height:10%}.device-totem .sp-media{height:14%}.device-totem.design-retail .sp-media{height:31%}.device-totem.design-retail .sp-side{top:12%;height:18%}.device-totem.design-retail .sp-main{top:32%;bottom:34%}.device-totem.design-split .sp-media{top:10%;left:0;right:0;width:auto;height:28%;bottom:auto}.device-totem.design-split .sp-side{top:40%;height:18%}.device-totem.design-split .sp-main{top:60%;bottom:3%}.device-totem.design-split .sp-recent{display:none}.device-totem.design-airport .sp-main{top:12%;bottom:50%;left:4%;right:4%}.device-totem.design-airport .sp-side{top:53%;height:28%}.device-totem.design-media_top .sp-media{top:10%;height:35%}.device-totem.design-media_top .sp-side{top:48%;height:18%;width:auto}.device-totem.design-media_top .sp-main{top:68%;bottom:3%;left:4%}.device-totem.design-media_full .sp-media{top:10%;bottom:20%}.device-totem.design-media_full .sp-main{height:17%;bottom:2%;grid-template-columns:1fr 1fr;left:3%;right:3%}.device-totem.design-command .sp-main{top:12%;bottom:43%;left:4%;right:4%}.device-totem.design-command .sp-side{top:59%;left:4%;right:4%;width:auto;height:23%}
.call-ad-grid{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(280px,1.1fr);gap:18px;align-items:start}.call-ad-grid form{display:grid;gap:11px}.call-ad-preview{min-height:245px;border-radius:15px;border:1px solid #cad9e3;background:#071724;overflow:hidden;display:flex;align-items:center;justify-content:center}.call-ad-preview img{width:100%;height:100%;min-height:245px;max-height:360px;object-fit:cover}.call-ad-preview>div{text-align:center;color:#dff6ff}.call-ad-preview strong{display:block;font-size:28px}.call-ad-preview span{font-size:12px;color:#9dc8d9}.call-ad-preview.is-bottom{min-height:150px}.call-ad-preview.is-bottom img{min-height:150px;max-height:220px}
@media(max-width:1050px){.screen-designer-grid,.call-ad-grid{grid-template-columns:1fr}.screen-preview-column{position:static}}
.call-preview-card .call-preview-ad{position:absolute;z-index:4;overflow:hidden;border-radius:12px;background:#071724;color:#dff7ff;display:flex;align-items:center;justify-content:center;font-weight:950;font-size:10px;letter-spacing:.12em}.call-preview-card .call-preview-ad img{width:100%;height:100%;object-fit:cover}.call-preview-card .call-preview-ad.pos-right{right:3%;top:12%;bottom:8%;width:31%}.call-preview-card .call-preview-ad.pos-bottom{left:7%;right:7%;bottom:4%;height:24%}.call-preview-card:has(.call-preview-ad.pos-right){padding-right:37%}.call-preview-card:has(.call-preview-ad.pos-bottom){padding-bottom:29%}

/* v3.49 · editor visual real de TV/Tótem */
.screen-designer-grid-advanced{grid-template-columns:minmax(330px,.95fr) minmax(0,1.55fr)}
.screen-editor-controls{display:grid;gap:12px}.screen-editor-block{border:1px solid #dbe5ec;border-radius:13px;background:#fbfdff;padding:13px}.screen-editor-block>strong{display:block;color:#113d5c;font-size:13px;margin-bottom:5px}.screen-editor-block>small{display:block;color:#6e8393;font-size:10px;line-height:1.4;margin-bottom:10px}.screen-custom-toggle{display:flex!important;align-items:center;gap:9px;font-weight:850;color:#153f5e;margin:6px 0}.screen-custom-toggle input{width:auto!important}.screen-color-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.screen-color-grid label{font-size:10px;font-weight:800;color:#536f82}.screen-color-grid input[type=color]{display:block;width:100%;height:38px;border:1px solid #cbdbe6;border-radius:8px;padding:3px;background:#fff;margin-top:5px}.screen-dimension-tabs{display:flex;gap:7px;margin-bottom:10px}.screen-dimension-tabs button{border:1px solid #cbdbe6;background:#fff;color:#43637a;border-radius:8px;padding:7px 13px;font-weight:900;cursor:pointer}.screen-dimension-tabs button.active{background:#075f9d;color:#fff;border-color:#075f9d}.screen-device-editor{display:none;gap:10px}.screen-device-editor.active{display:grid}.screen-device-editor label{display:grid;grid-template-columns:1fr auto;gap:5px 10px;align-items:center;font-size:10px;font-weight:850;color:#45677e}.screen-device-editor input[type=range]{grid-column:1/-1;width:100%;accent-color:#0d76ad}.screen-device-editor output{font-variant-numeric:tabular-nums;color:#075f9d;font-weight:950}.screen-device-editor small{grid-column:1/-1;color:#728797;font-weight:600}.screen-save-box{position:sticky;bottom:8px;display:grid;gap:8px;padding:12px;border:1px solid #c9dce8;border-radius:13px;background:rgba(255,255,255,.97);box-shadow:0 12px 35px rgba(0,55,90,.12);z-index:5}.screen-save-box small{font-size:9px;color:#6e8494;line-height:1.35}.screen-preview-status{margin-top:9px;padding:8px 11px;background:#f2f8fc;border:1px solid #d5e5ef;border-radius:9px;font-size:10px;color:#60798b}.screen-preview-status strong{color:#075f9d}.screen-designer-admin.custom-disabled .screen-custom-controls{opacity:.5}.screen-designer-admin.custom-disabled .screen-custom-controls input,.screen-designer-admin.custom-disabled .screen-custom-controls button{filter:saturate(.5)}

/* Preview: las variables se aplican solo cuando el admin activa personalización. */
.screen-preview.custom-enabled{background:var(--pv-bg);color:var(--pv-text)}.screen-preview.custom-enabled .sp-top{height:var(--pv-header-h);background:var(--pv-header);border-bottom:3px solid var(--pv-accent)}.screen-preview.custom-enabled .sp-side,.screen-preview.custom-enabled .sp-main,.screen-preview.custom-enabled .sp-recent span{background:var(--pv-panel);border-radius:var(--pv-radius);color:var(--pv-text)}.screen-preview.custom-enabled.design-current .sp-side{width:var(--pv-side-w)}.screen-preview.custom-enabled.device-tv.design-current .sp-main{left:calc(var(--pv-side-w) + 4%)}.screen-preview.custom-enabled.device-tv.design-current .sp-recent{left:calc(var(--pv-side-w) + 4%)}.screen-preview.custom-enabled .sp-main{border-left-color:var(--pv-accent)}.screen-preview.custom-enabled .sp-main strong,.screen-preview.custom-enabled .sp-side b{color:var(--pv-primary)}.screen-preview.custom-enabled .sp-side span{border-left-color:var(--pv-accent)}.screen-preview.custom-enabled .sp-main strong{font-size:calc(clamp(28px,5vw,70px) * var(--pv-scale))}.screen-preview.custom-enabled .sp-media{height:var(--pv-banner-h)}
.screen-preview.custom-enabled.device-totem .sp-top{height:var(--pv-header-h)}.screen-preview.custom-enabled.device-totem.design-current .sp-main{height:var(--pv-main-h);bottom:auto;top:37%}.screen-preview.custom-enabled.device-totem .sp-main strong{font-size:calc(clamp(28px,7vw,62px) * var(--pv-scale))}
@media(max-width:1150px){.screen-designer-grid-advanced{grid-template-columns:1fr}.screen-save-box{position:static}.screen-preview-column{position:static}}
@media(max-width:680px){.screen-color-grid{grid-template-columns:repeat(2,1fr)}}

/* v3.42 · Configuración ordenada + guardado sin saltos */
.config-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 12px;position:sticky;top:0;z-index:15;padding:9px 0;background:linear-gradient(180deg,#f6f9fb 78%,rgba(246,249,251,0))}.config-tabs a{display:inline-flex;align-items:center;justify-content:center;padding:9px 14px;border:1px solid #d3e0e8;border-radius:999px;background:#fff;color:#426177;font-size:11px;font-weight:900;text-decoration:none;transition:.15s}.config-tabs a:hover{border-color:#7bb6d7;color:#075f9d}.config-tabs a.active{background:#075f9d;color:#fff;border-color:#075f9d;box-shadow:0 5px 16px rgba(7,95,157,.18)}
.config-tab-intro{display:flex;align-items:center;gap:10px;margin:-2px 0 14px;padding:10px 13px;border:1px solid #dbe6ed;background:#fff;border-radius:11px;color:#637b8d;font-size:10px}.config-tab-intro strong{font-size:12px;color:#123f5d}.config-tab-intro span{line-height:1.35}
.admin-toast-host{position:fixed;right:22px;top:22px;z-index:999999;display:grid;gap:10px;pointer-events:none;max-width:min(420px,calc(100vw - 30px))}.admin-toast{display:grid;grid-template-columns:32px 1fr;gap:10px;align-items:start;background:#fff;border:1px solid #cce3d5;border-left:5px solid #16a34a;border-radius:12px;padding:12px 14px;box-shadow:0 18px 50px rgba(5,40,65,.24);opacity:0;transform:translateY(-10px) scale(.98);transition:.2s;pointer-events:auto}.admin-toast.show{opacity:1;transform:none}.admin-toast.error{border-color:#f2cccc;border-left-color:#dc2626}.admin-toast-icon{display:flex;width:28px;height:28px;border-radius:50%;align-items:center;justify-content:center;background:#dcfce7;color:#15803d;font-size:16px;font-weight:950}.admin-toast.error .admin-toast-icon{background:#fee2e2;color:#b91c1c}.admin-toast strong{display:block;color:#143d57;font-size:12px;margin:0 0 2px}.admin-toast div>span{display:block;color:#5d7587;font-size:10px;line-height:1.4}
.admin-partial-loading .workspace-content{cursor:progress}.admin-partial-loading button[type=submit]{opacity:.75}
.screen-saved-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 12px}.screen-saved-summary>div{border:1px solid #d8e5ed;background:#f8fbfd;border-radius:11px;padding:10px 12px}.screen-saved-summary span{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#748a99;font-weight:850}.screen-saved-summary strong{display:block;margin-top:3px;color:#075f9d;font-size:12px}.screen-master-device{margin:0 0 12px;padding:10px 12px;border:1px solid #d7e3eb;border-radius:11px;background:#fff}.screen-device-config{display:none}.screen-device-config.active{display:grid;gap:12px}.screen-designer-admin.custom-disabled-tv [data-custom-device="tv"],.screen-designer-admin.custom-disabled-totem [data-custom-device="totem"]{opacity:.48}.screen-designer-admin.custom-disabled-tv [data-custom-device="tv"] input,.screen-designer-admin.custom-disabled-totem [data-custom-device="totem"] input{filter:saturate(.55)}
@media(max-width:760px){.config-tabs{top:0;overflow-x:auto;flex-wrap:nowrap;padding-bottom:7px}.config-tabs a{flex:0 0 auto}.config-tab-intro{align-items:flex-start;flex-direction:column}.admin-toast-host{right:10px;top:10px}.screen-saved-summary{grid-template-columns:1fr}}


/* v3.48 · simulador de publicidad durante llamado */
.call-ad-device-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 16px}.call-ad-device-tabs button{border:1px solid #cbdbe5;background:#f7fafc;color:#23485f;border-radius:999px;padding:9px 15px;font-weight:850;cursor:pointer}.call-ad-device-tabs button.active{background:#0878bd;color:#fff;border-color:#0878bd}.call-ad-device-config{display:none}.call-ad-device-config.active{display:block}.call-ad-format-card{display:grid;gap:5px;background:#f6fafc;border:1px solid #dbe7ee;border-radius:14px;padding:12px 14px;margin-top:12px}.call-ad-format-card strong{color:#123d59}.call-ad-format-card span,.call-ad-format-card small{font-size:12px;color:#587284;line-height:1.45}.call-ad-dimension-status.ok{color:#0c7a55;font-weight:800}.call-ad-dimension-status.warn{color:#a45b00;font-weight:800}.call-ad-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:14px}.call-ad-actions small{color:#718695}.call-ad-simulator{margin-top:18px;border-top:1px solid #e0e9ef;padding-top:18px}.call-ad-sim-screen{position:relative;margin:auto;background:linear-gradient(145deg,#eef7fb,#dbeef7);border:1px solid #c9dbe5;border-radius:18px;overflow:hidden;box-shadow:0 14px 38px rgba(26,65,90,.12);aspect-ratio:16/9;max-width:880px}.call-ad-sim-screen.device-totem{aspect-ratio:9/16;max-width:390px}.call-ad-sim-idle{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#547487;gap:6px;background:linear-gradient(180deg,#f8fcfe,#eaf5fa)}.call-ad-sim-idle strong{font-size:clamp(18px,3vw,30px);color:#184d70}.call-ad-sim-idle span{font-size:12px}.call-ad-sim-overlay{position:absolute;inset:0;background:rgba(2,28,45,.42);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .2s}.call-ad-sim-overlay.show{opacity:1}.call-ad-sim-card{position:relative;width:88%;height:72%;background:#fff;border:4px solid #0786c7;border-radius:22px;padding:7% 6%;box-shadow:0 24px 60px rgba(0,0,0,.24);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3%;overflow:hidden}.device-totem .call-ad-sim-card{height:76%;width:86%;padding:10% 7%}.call-ad-sim-card>small{font-size:clamp(10px,1.3vw,16px);font-weight:900;letter-spacing:.08em;color:#0878bd}.call-ad-sim-card>strong{font-size:clamp(20px,3.8vw,48px);line-height:1;text-align:center;color:#0b4770;max-width:92%}.call-ad-sim-card>.call-ad-sim-ticket{font-size:clamp(14px,2.3vw,27px);font-weight:850;color:#607787}.call-ad-sim-card>b{font-size:clamp(15px,2.2vw,28px);background:#0878bd;color:#fff;border-radius:999px;padding:.3em .85em}.call-ad-sim-media{position:absolute;overflow:hidden;border-radius:15px;background:#0b2231;box-shadow:0 10px 30px rgba(0,0,0,.2);display:flex;align-items:center;justify-content:center}.call-ad-sim-media.pos-right{right:3%;top:8%;bottom:8%;width:34%}.call-ad-sim-media.pos-bottom{left:5%;right:5%;bottom:4%;height:25%}.call-ad-sim-media img{width:100%;height:100%;object-fit:cover;display:none}.call-ad-sim-media.has-image img{display:block}.call-ad-sim-media.has-image span{display:none}.call-ad-sim-media span{font-weight:900;color:#cdebf8;letter-spacing:.08em}.call-ad-sim-card.has-ad-right{padding-right:40%}.call-ad-sim-card.has-ad-bottom{padding-bottom:31%}.device-totem .call-ad-sim-media.pos-right{right:5%;top:9%;bottom:9%;width:38%}.device-totem .call-ad-sim-media.pos-bottom{left:6%;right:6%;bottom:5%;height:27%}.device-totem .call-ad-sim-card.has-ad-right{padding-right:45%}.device-totem .call-ad-sim-card.has-ad-bottom{padding-bottom:34%}.call-ad-sim-caption{display:flex;justify-content:space-between;gap:10px;max-width:880px;margin:8px auto 0;color:#6b8190;font-size:11px}.call-ad-sim-caption strong{color:#244e68}.call-ad-sim-screen.is-testing .call-ad-sim-card{animation:callAdTestPulse .65s ease}@keyframes callAdTestPulse{0%{transform:scale(.94);opacity:.5}65%{transform:scale(1.015)}100%{transform:scale(1);opacity:1}}@media(max-width:700px){.call-ad-actions .button{width:100%}.call-ad-sim-caption{flex-direction:column}.call-ad-sim-card>strong{font-size:24px}}

/* v3.49 · publicidad multidispositivo y multimedia */
.call-ad-current{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:14px;align-items:center;border:1px solid #d7e4ec;background:#fbfdfe;border-radius:14px;padding:12px 14px;margin-bottom:14px}.call-ad-current.empty{grid-template-columns:1fr}.call-ad-current>div:first-child{display:grid;gap:4px}.call-ad-current strong{color:#123f5d}.call-ad-current span{font-size:11px;color:#657d8e}.call-ad-current-preview{height:96px;border-radius:11px;overflow:hidden;background:#eaf2f6;display:flex;align-items:center;justify-content:center}.call-ad-current-preview img,.call-ad-current-preview video{width:100%;height:100%;object-fit:cover;display:block}.call-ad-copy-box{display:grid;gap:7px;margin:12px 0 0;padding:11px 13px;border:1px dashed #bdd4e2;border-radius:12px;background:#f8fbfd}.call-ad-copy-box>div{display:flex;gap:14px;flex-wrap:wrap}.call-ad-copy-box label{display:inline-flex;align-items:center;gap:6px;font-size:12px}.call-ad-copy-box small{color:#6a8191}.call-ad-sim-screen.device-pc{aspect-ratio:16/9;max-width:760px}.call-ad-sim-media video{width:100%;height:100%;display:none;object-fit:cover;background:#000}.call-ad-sim-media.fit-contain img,.call-ad-sim-media.fit-contain video{object-fit:contain;background:#0b2231}.call-ad-sim-media.fit-cover img,.call-ad-sim-media.fit-cover video{object-fit:cover}.call-ad-targets{display:flex;gap:10px;flex-wrap:wrap;padding:8px 0}.call-ad-targets label{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:800}.media-target-badges{display:flex;gap:5px;flex-wrap:wrap;margin:7px 0}.media-target-badges span{font-size:9px;font-weight:900;padding:4px 7px;border-radius:999px;background:#e9f4fb;color:#0b5f91}.tv-info-admin-card .media-current-preview{max-height:190px;overflow:hidden;border-radius:10px;background:#eef4f7}.tv-info-admin-card .media-current-preview img,.tv-info-admin-card .media-current-preview video{width:100%;max-height:190px;object-fit:cover;display:block}@media(max-width:700px){.call-ad-current{grid-template-columns:1fr}.call-ad-current-preview{height:150px}}

/* v3.51 · preview y fuentes multimedia independientes por dispositivo */
.call-ad-sim-media iframe{width:100%;height:100%;border:0;background:#000;display:none}.call-ad-device-form{display:block}.call-ad-current-preview iframe{width:100%;height:100%;border:0}.call-ad-actions .button{min-width:150px}

.screen-live-preview-box{margin-top:12px;padding:13px 14px;border:1px solid #b9d8ea;background:#f3faff;border-radius:12px;display:grid;gap:10px}.screen-live-preview-box>div:first-child{display:grid;gap:4px}.screen-live-preview-box strong{color:#074f7d;font-size:12px}.screen-live-preview-box small{color:#58768a;font-size:10px;line-height:1.45}.screen-live-preview-note{display:block;padding-top:2px}.button.ghost{background:#fff;border:1px solid #d2e0e9;color:#48697f}


/* v3.52 · selección + prueba privada por plantilla */
.screen-template-item{display:grid;grid-template-columns:minmax(0,1fr) 92px;gap:7px;align-items:stretch}.screen-template-item .screen-template-choice{min-width:0}.screen-template-selected{display:block;margin-top:7px;color:#0b6f9f;font-size:9px;font-weight:900;letter-spacing:.02em}.screen-template-live{border:1px solid #9dc9df;border-radius:11px;background:#eef8fd;color:#075f9d;font-size:10px;font-weight:900;cursor:pointer;padding:8px 7px;transition:.15s}.screen-template-live:hover{background:#075f9d;color:#fff;border-color:#075f9d;transform:translateY(-1px)}
/* En tótem vertical la publicidad lateral del llamado se reubica abajo para no comprimir nombre/ticket. */
.call-ad-sim-screen.device-totem .call-ad-sim-media.pos-right{left:6%;right:6%;top:auto;bottom:5%;width:auto;height:27%}.call-ad-sim-screen.device-totem .call-ad-sim-card.has-ad-right{padding-right:7%;padding-bottom:34%}
@media(max-width:620px){.screen-template-item{grid-template-columns:1fr}.screen-template-live{min-height:38px}}

/* v3.60: PC es un destino independiente del editor de TV. */
.screen-preview.device-pc{aspect-ratio:16/10;min-height:350px}
.screen-preview.custom-enabled.device-pc.design-current .sp-main{left:calc(var(--pv-side-w) + 4%)}
.screen-preview.custom-enabled.device-pc.design-current .sp-recent{left:calc(var(--pv-side-w) + 4%)}

/* v3.64 · Mensajería interna */
.message-admin-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px 28px;margin-bottom:16px;border:1px solid #cfdde8;border-radius:18px;background:linear-gradient(120deg,#fff 0%,#f4f9fd 62%,#e6f1f9 100%);box-shadow:var(--shadow)}
.message-admin-hero h2{margin:4px 0 8px;color:#103b5a;font-size:28px}.message-admin-hero p{margin:0;color:var(--muted);max-width:760px;line-height:1.5}.message-admin-live{min-width:150px;padding:15px 18px;border-radius:14px;background:#0b1f3a;color:#fff;display:grid;grid-template-columns:auto 1fr;gap:0 9px;align-items:center}.message-admin-live .pulse-dot{width:10px;height:10px;border-radius:50%;background:#31d27c;box-shadow:0 0 0 5px rgba(49,210,124,.12)}.message-admin-live strong{font-size:27px;line-height:1}.message-admin-live small{grid-column:1/-1;color:#bfd0df;margin-top:5px}.message-admin-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:0 0 18px}.message-admin-stats article{background:#fff;border:1px solid var(--border);border-radius:14px;padding:15px 16px;box-shadow:0 5px 16px rgba(24,54,80,.04)}.message-admin-stats span{display:block;color:#6b7e8f;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.message-admin-stats strong{display:block;color:#0b4770;font-size:28px;margin:4px 0}.message-admin-stats small{color:#8293a2}.message-admin-stats article.warn{border-color:#efd09c;background:#fffaf0}.message-admin-stats article.warn strong{color:#a96300}.message-group-list{display:grid;gap:10px}.message-group-card{border:1px solid #dbe5ec;border-radius:13px;background:#fbfdfe;overflow:hidden}.message-group-card>summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 16px}.message-group-card>summary::-webkit-details-marker{display:none}.message-group-card>summary>div:first-child{display:grid;gap:3px}.message-group-card>summary strong{color:#173f5c}.message-group-card>summary span{color:#758897;font-size:12px}.message-group-count{font-size:11px;color:#718390;white-space:nowrap}.message-group-form{padding:16px;border-top:1px solid #e2e9ef;background:#fff}.message-member-picker{margin:10px 0 16px}.message-member-picker>span{display:block;font-weight:750;color:#294d65;margin-bottom:8px}.message-member-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;max-height:300px;overflow:auto;padding:4px}.message-member-grid.single{grid-template-columns:1fr;max-height:360px}.message-member-option{display:grid;grid-template-columns:auto auto 1fr;grid-template-rows:auto auto;align-items:center;gap:0 7px;padding:9px;border:1px solid #e0e8ee;border-radius:9px;background:#f9fbfd;font-size:12px}.message-member-option input{grid-row:1/3;width:auto;margin:0}.message-member-option .member-state{width:8px;height:8px;border-radius:50%;background:#aeb8c1}.message-member-option .member-state.on{background:#22a866}.message-member-option .member-state.off{background:#aeb8c1}.message-member-option b{color:#24475f}.message-member-option small{grid-column:3;color:#8595a2;overflow:hidden;text-overflow:ellipsis}.message-admin-section{margin-top:18px}.message-body-cell{max-width:520px;white-space:normal;line-height:1.45}.table-subline{display:block;color:#8594a1;margin-top:3px}.error-text{color:#a22626}.message-create-card{align-self:start;position:sticky;top:16px}@media(max-width:1100px){.message-admin-stats{grid-template-columns:repeat(3,1fr)}.message-member-grid{grid-template-columns:1fr}.message-create-card{position:static}}@media(max-width:700px){.message-admin-hero{align-items:flex-start;flex-direction:column}.message-admin-live{width:100%}.message-admin-stats{grid-template-columns:1fr 1fr}.message-group-card>summary{align-items:flex-start;flex-direction:column}.message-group-count{white-space:normal}}