:root{--ink:#29231d;--muted:#74695d;--forest:#172f29;--forest-2:#23483d;--terracotta:#a34b30;--gold:#e9ca7e;--paper:#fffdf8;--cream:#f4efe6;--line:#ded4c6;--white:#fff;--danger:#a73831;--success:#2e684c;--warning:#97671c;--sidebar:260px;--shadow:0 18px 50px rgba(52,38,25,.1)}
*{box-sizing:border-box}html{min-height:100%;background:var(--cream)}body{min-height:100vh;margin:0;color:var(--ink);background:var(--cream);font:14px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.admin-layout{min-height:100vh;display:grid;grid-template-columns:var(--sidebar) 1fr}.admin-sidebar{position:sticky;z-index:30;top:0;height:100vh;display:flex;flex-direction:column;padding:28px 20px;background:var(--forest);color:#fff}.admin-brand{display:flex;align-items:center;gap:12px;padding:0 8px 28px;border-bottom:1px solid rgba(255,255,255,.1)}.admin-brand>span{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:var(--gold);color:var(--forest);font-weight:900}.admin-brand strong,.admin-brand small{display:block}.admin-brand small{margin-top:2px;color:#aabcb5;font-size:.68rem}.admin-nav{display:grid;gap:7px;margin-top:28px}.admin-nav a{display:flex;align-items:center;gap:13px;padding:13px 14px;border-radius:12px;color:#c3d1cc;font-weight:750}.admin-nav a span{width:25px;height:25px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.15);border-radius:8px;font-size:.58rem}.admin-nav a:hover,.admin-nav a.is-active{background:rgba(255,255,255,.1);color:#fff}.admin-nav a.is-active span{background:var(--gold);border-color:var(--gold);color:var(--forest)}.sidebar-footer{margin-top:auto;padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}.sidebar-footer>a{display:flex;align-items:center;gap:11px}.sidebar-footer a>span:last-child strong,.sidebar-footer a>span:last-child small{display:block}.sidebar-footer small{color:#aabcb5;font-size:.65rem;text-transform:capitalize}.avatar{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:var(--terracotta);font-weight:900}.sidebar-footer form{margin-top:14px}.sidebar-footer button{padding:0;border:0;background:none;color:#b9c7c2;cursor:pointer;font-size:.72rem}.sidebar-footer button:hover{color:#fff}.admin-content{min-width:0}.admin-topbar{height:78px;display:flex;align-items:center;gap:18px;padding:0 34px;border-bottom:1px solid var(--line);background:rgba(255,253,248,.92)}.admin-topbar>div span,.admin-topbar>div strong{display:block}.admin-topbar>div span{color:var(--muted);font-size:.64rem;text-transform:uppercase;letter-spacing:.1em}.admin-topbar>div strong{font:700 1.15rem Georgia,serif}.admin-topbar>a{margin-left:auto;color:var(--terracotta);font-size:.76rem;font-weight:800}.sidebar-toggle{display:none;border:1px solid var(--line);border-radius:9px;background:var(--paper);padding:8px 11px}.admin-main{width:min(1400px,100%);margin:auto;padding:32px}.admin-footer{padding:20px 32px;color:var(--muted);font-size:.68rem;text-align:center}.page-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px}.page-heading span{color:var(--terracotta);font-size:.67rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.page-heading h1{margin:5px 0 0;font:400 clamp(2rem,4vw,3.4rem)/1 Georgia,serif}.page-heading p{max-width:600px;margin:8px 0 0;color:var(--muted)}.button{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 17px;border:1px solid transparent;border-radius:10px;cursor:pointer;font-weight:800}.button--primary{background:var(--forest);color:#fff}.button--primary:hover{background:var(--forest-2)}.button--secondary{border-color:var(--line);background:var(--paper)}.button--danger{background:var(--danger);color:#fff}.button--small{min-height:34px;padding:0 12px;font-size:.72rem}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:25px}.stat-card{padding:22px;border:1px solid var(--line);border-radius:18px;background:var(--paper);box-shadow:var(--shadow)}.stat-card span{color:var(--muted);font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.stat-card strong{display:block;margin-top:8px;font:400 2.5rem/1 Georgia,serif}.stat-card small{display:block;margin-top:8px;color:var(--muted)}.panel-grid{display:grid;grid-template-columns:1.7fr .8fr;gap:18px}.panel{overflow:hidden;border:1px solid var(--line);border-radius:18px;background:var(--paper);box-shadow:var(--shadow)}.panel+.panel{margin-top:18px}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px 22px;border-bottom:1px solid var(--line)}.panel-header h2{margin:0;font:700 1.15rem Georgia,serif}.panel-header p{margin:3px 0 0;color:var(--muted);font-size:.72rem}.panel-body{padding:22px}.data-table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;white-space:nowrap}.data-table th,.data-table td{padding:14px 16px;border-bottom:1px solid #ece5da;text-align:left}.data-table th{color:var(--muted);font-size:.62rem;text-transform:uppercase;letter-spacing:.08em}.data-table td{font-size:.78rem}.data-table tr:last-child td{border-bottom:0}.data-table tbody tr:hover{background:#faf7f0}.record-link{font-weight:850;color:var(--forest)}.record-code-mini{display:block;max-width:145px;overflow:hidden;text-overflow:ellipsis;font:700 .7rem ui-monospace,monospace}.status{display:inline-flex;padding:5px 9px;border-radius:30px;background:#eee8df;color:var(--muted);font-size:.63rem;font-weight:850}.status--completed{background:#e3f1e8;color:var(--success)}.status--reviewed{background:#e5edf6;color:#315f8b}.status--in_progress{background:#fff0ce;color:var(--warning)}.status--archived,.status--abandoned{background:#eee;color:#666}.source-list{display:grid;gap:12px}.source-row{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center}.source-row div{height:7px;overflow:hidden;border-radius:20px;background:#ece4d7}.source-row div span{display:block;height:100%;background:var(--terracotta)}.source-row strong{font-size:.75rem}.activity-list{display:grid;gap:13px}.activity-item{padding-left:14px;border-left:2px solid var(--gold)}.activity-item strong,.activity-item small{display:block}.activity-item strong{font-size:.75rem}.activity-item small{color:var(--muted);font-size:.65rem}.filter-bar{display:grid;grid-template-columns:2fr repeat(3,1fr) auto;gap:10px;margin-bottom:18px;padding:14px;border:1px solid var(--line);border-radius:16px;background:var(--paper)}.field{display:grid;gap:7px}.field>span{font-size:.66rem;font-weight:850}.field input,.field select,.field textarea{width:100%;min-height:44px;padding:10px 13px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);outline:0}.field textarea{min-height:110px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--terracotta);box-shadow:0 0 0 3px rgba(163,75,48,.09)}.filter-actions{align-self:end;display:flex;gap:7px}.pagination{display:flex;align-items:center;justify-content:center;gap:7px;padding:18px;border-top:1px solid var(--line)}.pagination a,.pagination span{min-width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--line);border-radius:9px}.pagination span{background:var(--forest);color:#fff;border-color:var(--forest)}.empty-state{padding:50px 24px;text-align:center;color:var(--muted)}.detail-grid{display:grid;grid-template-columns:1.65fr .85fr;gap:18px}.meta-card{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;overflow:hidden;margin-bottom:18px;border:1px solid var(--line);border-radius:16px;background:var(--line)}.meta-card div{padding:16px;background:var(--paper)}.meta-card span,.meta-card strong{display:block}.meta-card span{color:var(--muted);font-size:.62rem;text-transform:uppercase}.meta-card strong{margin-top:5px;font-size:.78rem;overflow-wrap:anywhere}.step-card{padding:20px;border-bottom:1px solid var(--line)}.step-card:last-child{border-bottom:0}.step-card h3{margin:0 0 13px;font:700 1rem Georgia,serif}.answer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.answer{padding:11px;border-radius:10px;background:var(--cream)}.answer span,.answer strong{display:block}.answer span{color:var(--muted);font-size:.6rem;text-transform:uppercase}.answer strong{margin-top:3px;font-size:.75rem;overflow-wrap:anywhere}.photo-admin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.photo-admin-grid a{display:block;overflow:hidden;border-radius:12px;background:var(--cream)}.photo-admin-grid img{width:100%;aspect-ratio:1;display:block;object-fit:cover}.photo-admin-grid span{display:block;padding:8px;font-size:.63rem}.timeline-list{display:grid;gap:12px}.timeline-event{padding:12px;border-left:2px solid var(--terracotta);background:var(--cream);border-radius:0 10px 10px 0}.timeline-event strong,.timeline-event span,.timeline-event small{display:block}.timeline-event span,.timeline-event small{color:var(--muted);font-size:.64rem}.timeline-event code{white-space:normal;overflow-wrap:anywhere;font-size:.65rem}.notes-list{display:grid;gap:10px;margin-top:16px}.note{padding:14px;border-radius:11px;background:var(--cream)}.note p{margin:5px 0;white-space:pre-wrap}.note small{color:var(--muted)}.danger-zone{border-color:#e1b8b4}.danger-zone .panel-header{background:#fff5f3}.flash{margin-bottom:16px;padding:13px 16px;border-radius:11px;font-weight:750}.flash--success{background:#dff0e5;color:var(--success)}.flash--error{background:#f7dedb;color:var(--danger)}.flash--warning{background:#fff0ce;color:var(--warning)}.tabs{display:flex;gap:7px;margin-bottom:15px}.tab-button{padding:9px 13px;border:1px solid var(--line);border-radius:9px;background:var(--paper);cursor:pointer}.tab-button.is-active{background:var(--forest);color:#fff;border-color:var(--forest)}.user-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}.auth-body{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 15% 20%,rgba(233,202,126,.28),transparent 30%),var(--forest)}.auth-shell{width:min(980px,100%);display:grid;grid-template-columns:1fr .9fr;overflow:hidden;border-radius:26px;background:var(--paper);box-shadow:0 30px 90px rgba(0,0,0,.25)}.auth-story{padding:58px;background:var(--forest-2);color:#fff}.auth-story .mark{width:52px;height:52px;display:grid;place-items:center;border-radius:15px;background:var(--gold);color:var(--forest);font-weight:900}.auth-story h2{margin:70px 0 18px;font:400 3rem/1 Georgia,serif}.auth-story p{color:#c9d4d0}.auth-card{padding:58px}.auth-kicker{color:var(--terracotta);font-size:.66rem;font-weight:900;text-transform:uppercase;letter-spacing:.12em}.auth-card h1{margin:9px 0;font:400 2.8rem/1 Georgia,serif}.auth-card>p{margin:0 0 28px;color:var(--muted)}.auth-form{display:grid;gap:16px}.auth-form .button{width:100%;margin-top:6px}.auth-note{margin-top:22px;padding-top:18px;border-top:1px solid var(--line);color:var(--muted);font-size:.68rem}.form-error{padding:12px 14px;border-radius:10px;background:#f7dedb;color:var(--danger);font-weight:750}.code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.mobile-only{display:none}
@media(max-width:1050px){.stats-grid{grid-template-columns:repeat(2,1fr)}.panel-grid,.detail-grid,.user-grid{grid-template-columns:1fr}.filter-bar{grid-template-columns:1fr 1fr}.filter-bar .field:first-child{grid-column:1/-1}.filter-actions{align-self:auto}.meta-card{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.admin-layout{display:block}.admin-sidebar{position:fixed;left:-280px;width:260px;transition:left .2s;box-shadow:20px 0 50px rgba(0,0,0,.2)}.admin-sidebar.is-open{left:0}.sidebar-toggle{display:inline-flex}.admin-topbar{height:68px;padding:0 15px}.admin-main{padding:22px 13px}.page-heading{align-items:start;flex-direction:column}.stats-grid{grid-template-columns:1fr 1fr}.filter-bar{grid-template-columns:1fr}.filter-bar .field:first-child{grid-column:auto}.filter-actions{display:grid;grid-template-columns:1fr 1fr}.meta-card,.answer-grid{grid-template-columns:1fr}.photo-admin-grid{grid-template-columns:1fr 1fr}.auth-shell{grid-template-columns:1fr}.auth-story{display:none}.auth-card{padding:38px 26px}.data-table th,.data-table td{padding:12px 10px}.mobile-only{display:block}}
@media(max-width:420px){.stats-grid{grid-template-columns:1fr}.photo-admin-grid{grid-template-columns:1fr}.admin-topbar>div span{display:none}}
.stat-card--live{border-color:rgba(163,75,48,.35);background:linear-gradient(135deg,#fffdf8,#fff4e9)}.stat-card--live strong{color:var(--terracotta)}.live-summary{display:flex;align-items:center;gap:10px;margin:-8px 0 18px;padding:12px 16px;border:1px solid var(--line);border-radius:13px;background:var(--paper)}.live-summary strong{font-size:.8rem}.live-summary small{margin-left:auto;color:var(--muted);font-size:.68rem}.live-pulse,.waiting-badge i{width:9px;height:9px;display:inline-block;border-radius:50%;background:var(--terracotta);box-shadow:0 0 0 5px rgba(163,75,48,.1);animation:admin-live 1.5s ease-in-out infinite}.waiting-badge{display:inline-flex;align-items:center;gap:7px;padding:6px 9px;border-radius:30px;background:#fff0ce;color:var(--warning);font-size:.62rem;font-weight:850;white-space:nowrap}.waiting-badge i{width:7px;height:7px;box-shadow:none}.operation-grid{display:grid;gap:18px}.operation-empty{grid-column:1/-1}.operation-empty strong{display:block;color:var(--ink);font:700 1.2rem Georgia,serif}.operation-empty p{margin:6px 0 0}.operation-card{overflow:hidden;border:1px solid var(--line);border-radius:20px;background:var(--paper);box-shadow:var(--shadow)}.operation-card__header{display:flex;justify-content:space-between;gap:20px;padding:22px 24px;border-bottom:1px solid var(--line);background:linear-gradient(135deg,#fffdf8,#faf4e9)}.operation-card__header>div>span{color:var(--terracotta);font-size:.62rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.operation-card__header h2{display:inline;margin:5px 9px 0 0;font:400 1.8rem Georgia,serif}.operation-card__header code{color:var(--muted);font-size:.66rem}.operation-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border-bottom:1px solid var(--line)}.operation-meta>div{padding:14px 18px;background:var(--paper)}.operation-meta span,.operation-meta strong,.operation-answers span,.operation-answers strong,.operation-target span,.operation-target strong{display:block}.operation-meta span,.operation-answers span,.operation-target span{color:var(--muted);font-size:.59rem;text-transform:uppercase;letter-spacing:.05em}.operation-meta strong,.operation-answers strong,.operation-target strong{margin-top:3px;font-size:.73rem;overflow-wrap:anywhere}.operation-answers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;padding:20px 24px}.operation-answers>div{padding:11px;border-radius:10px;background:var(--cream)}.operation-target{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:0 24px 20px}.operation-target>div{padding:13px 15px;border-left:3px solid var(--gold);border-radius:0 10px 10px 0;background:#faf5e9}.operation-actions{padding:18px 24px 22px;border-top:1px solid var(--line)}.panel-header-inline{display:flex;justify-content:space-between;gap:16px;margin-bottom:12px}.panel-header-inline>a{color:var(--terracotta);font-size:.7rem;font-weight:800}.route-buttons{display:flex;flex-wrap:wrap;gap:8px}.route-buttons form{margin:0}.route-disabled{padding:7px 10px;border:1px dashed var(--line);border-radius:9px;color:var(--muted);font-size:.67rem}.assigned-notice{margin-bottom:13px;padding:13px;border-radius:10px;background:#fff0ce;color:var(--warning)}.assigned-notice span,.assigned-notice strong{display:block}.assigned-notice span{font-size:.6rem;text-transform:uppercase}.muted-copy{display:block;margin-top:12px;color:var(--muted)}.index-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.index-card{overflow:hidden;border:1px solid var(--line);border-radius:18px;background:var(--paper);box-shadow:var(--shadow)}.index-card.is-inactive{opacity:.72}.index-card>header{display:flex;justify-content:space-between;gap:18px;padding:20px 22px;border-bottom:1px solid var(--line);background:#faf7f0}.index-card header>div>span{color:var(--terracotta);font-size:.6rem;font-weight:900;text-transform:uppercase}.index-card h2{display:inline;margin:4px 8px 0 0;font:700 1.15rem Georgia,serif}.index-card code{color:var(--muted);font-size:.64rem}.index-form{display:grid;gap:14px;padding:20px 22px}.index-form textarea{min-height:76px}.index-form-row{display:grid;grid-template-columns:130px 1fr;gap:14px;align-items:end}.toggle-field{min-height:44px;display:flex;align-items:center;gap:9px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;font-size:.7rem;font-weight:800}.toggle-field input{width:18px;height:18px;accent-color:var(--forest)}.index-details{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:.65rem}.index-actions{display:flex;justify-content:space-between;gap:9px;padding-top:4px}.operation-detail .route-buttons{display:grid}.operation-detail .route-buttons .button{width:100%}@keyframes admin-live{50%{opacity:.35;transform:scale(.75)}}
@media(max-width:1050px){.operation-answers{grid-template-columns:repeat(3,minmax(0,1fr))}.index-grid{grid-template-columns:1fr}}
@media(max-width:760px){.live-summary{align-items:flex-start;flex-wrap:wrap}.live-summary small{width:100%;margin-left:19px}.operation-card__header{align-items:flex-start;flex-direction:column}.operation-meta{grid-template-columns:1fr 1fr}.operation-answers{grid-template-columns:1fr 1fr}.operation-target{grid-template-columns:1fr}.panel-header-inline{flex-direction:column}.index-form-row{grid-template-columns:1fr}.index-details{flex-direction:column}}
@media(max-width:480px){.operation-meta,.operation-answers{grid-template-columns:1fr}.operation-card__header code{display:block;margin-top:5px}.route-buttons,.route-buttons form,.route-buttons .button{width:100%}}
@media(prefers-reduced-motion:reduce){.live-pulse,.waiting-badge i{animation:none}}
.operation-target{grid-template-columns:1fr}
.heading-actions{display:flex;flex-wrap:wrap;gap:8px}.global-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px}.global-stats>div{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 18px;border:1px solid var(--line);border-radius:14px;background:var(--paper)}.global-stats span{color:var(--muted);font-size:.65rem;font-weight:850;text-transform:uppercase;letter-spacing:.05em}.global-stats strong{font:400 1.8rem Georgia,serif}.global-filter{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:10px;margin-bottom:15px;padding:14px;border:1px solid var(--line);border-radius:16px;background:var(--paper)}.global-result-line{display:flex;justify-content:space-between;gap:15px;margin:0 2px 12px;color:var(--muted);font-size:.7rem}.global-result-line strong{color:var(--ink)}.global-session-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.global-empty{grid-column:1/-1}.global-session-card{min-width:0;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:var(--paper);box-shadow:var(--shadow);transition:transform .18s,border-color .18s}.global-session-card:hover{transform:translateY(-2px);border-color:#c9bba9}.global-session-card.is-waiting{border-color:rgba(163,75,48,.42);box-shadow:0 18px 50px rgba(163,75,48,.11)}.global-session-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:17px 18px 14px;border-bottom:1px solid var(--line);background:linear-gradient(135deg,#fffdf8,#faf5eb)}.global-session-card>header div span,.global-session-card>header div strong{display:block}.global-session-card>header div span{color:var(--muted);font-size:.58rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.global-session-card>header div strong{margin-top:2px;font:400 1.55rem Georgia,serif}.page-badge{display:inline-flex;padding:6px 9px;border-radius:30px;background:var(--forest);color:#fff;font-size:.61rem;font-weight:850}.global-session-state{display:flex;align-items:center;justify-content:space-between;gap:9px;padding:11px 18px}.global-session-state small{color:var(--muted);font-size:.6rem}.last-value{margin:0 18px;padding:15px;border-left:3px solid var(--terracotta);border-radius:0 11px 11px 0;background:var(--cream)}.last-value>span,.last-value>small,.last-value>strong{display:block}.last-value>span{color:var(--muted);font-size:.56rem;font-weight:900;letter-spacing:.07em;text-transform:uppercase}.last-value>small{margin-top:6px;color:var(--terracotta);font-size:.62rem;font-weight:850}.last-value>strong{min-height:40px;margin-top:3px;font:700 .93rem/1.35 Georgia,serif;overflow-wrap:anywhere}.global-session-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:14px 18px 0;background:var(--line);border:1px solid var(--line);border-radius:10px;overflow:hidden}.global-session-meta>div{min-width:0;padding:9px;background:#fff}.global-session-meta dt{color:var(--muted);font-size:.52rem;text-transform:uppercase}.global-session-meta dd{margin:3px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.64rem;font-weight:800}.global-uuid{display:block;margin:12px 18px 0;overflow:hidden;color:var(--muted);font-size:.57rem;text-overflow:ellipsis;white-space:nowrap}.global-operate{width:calc(100% - 36px);margin:12px 18px 18px}.global-session-grid+.pagination{margin-top:18px;border:0;border-radius:14px;background:var(--paper)}
@media(max-width:1250px){.global-session-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:980px){.global-session-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.global-filter{grid-template-columns:1fr 1fr}.global-filter .field:first-child{grid-column:1/-1}.global-stats{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:650px){.heading-actions,.heading-actions .button{width:100%}.global-stats{grid-template-columns:1fr}.global-filter{grid-template-columns:1fr}.global-filter .field:first-child{grid-column:auto}.global-session-grid{grid-template-columns:1fr}.global-session-meta{grid-template-columns:1fr 1fr 1fr}}

/* Detalle compacto del recorrido --------------------------------------- */
.record-detail--compact .page-heading {
    align-items: center;
    margin-bottom: 14px;
}

/* Servidor y API */
.server-status-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.server-status-grid article{min-width:0;padding:16px;border:1px solid var(--border);border-radius:13px;background:var(--panel);box-shadow:0 12px 24px rgba(0,0,0,.1)}.server-status-grid span,.server-status-grid strong,.server-status-grid small{display:block}.server-status-grid span{color:var(--text-muted);font-size:.62rem;font-weight:850;text-transform:uppercase}.server-status-grid strong{margin-top:6px;font-size:1.05rem}.server-status-grid small{overflow:hidden;margin-top:4px;color:var(--text-muted);font-size:.63rem;text-overflow:ellipsis;white-space:nowrap}.server-status-grid .is-ready{border-color:rgba(43,224,180,.32)}.server-status-grid .is-ready strong{color:#42e0b6}.server-status-grid .is-warning{border-color:rgba(255,190,67,.34)}.server-status-grid .is-warning strong{color:#ffc55f}.server-status-grid .is-error{border-color:rgba(255,99,120,.34)}.server-status-grid .is-error strong{color:#ff8398}.server-api-panel,.server-config-panel{margin-top:18px}.server-addresses{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0}.server-addresses div{min-width:0;padding:12px;border:1px solid var(--border);border-radius:10px;background:var(--panel-soft)}.server-addresses dt{color:var(--text-muted);font-size:.62rem;font-weight:800;text-transform:uppercase}.server-addresses dd{overflow-wrap:anywhere;margin:5px 0 0;color:#b9d8eb;font:700 .7rem ui-monospace,monospace}.server-config-form{display:grid;grid-template-columns:1fr 1fr;gap:13px}.server-config-form .field:nth-of-type(3){grid-column:1/-1}.server-config-form .button{grid-column:1/-1;justify-self:start}@media(max-width:900px){.server-status-grid{grid-template-columns:1fr 1fr}.server-addresses{grid-template-columns:1fr}.server-config-form{grid-template-columns:1fr}.server-config-form .field:nth-of-type(3),.server-config-form .button{grid-column:auto}}@media(max-width:560px){.server-status-grid{grid-template-columns:1fr}.server-config-form .button{width:100%}}

.page-builder-clone-form {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.page-builder-clone-action {
    display: flex;
    align-items: end;
    justify-content: flex-end;
    grid-column: 1 / -1;
}

.page-builder-clone-form .page-builder-wide {
    grid-column: 1 / -1;
}

@media (max-width: 760px) {
    .page-builder-clone-form {
        grid-template-columns: 1fr;
    }
}

.server-package-form {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(240px, .7fr) auto;
    align-items: end;
    gap: 14px;
}

.server-package-form p {
    margin: 0;
    color: var(--text-muted);
    font-size: .72rem;
}

.server-package-downloads {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    margin-bottom: 16px;
}

@media (max-width: 900px) {
    .server-package-form {
        grid-template-columns: 1fr;
    }

    .server-package-form .button {
        width: 100%;
    }
}

/* Constructor de páginas dinámicas -------------------------------------- */
.page-builder{display:grid;gap:18px}.page-builder-error{margin-bottom:18px}.page-builder-section{overflow:visible}.builder-security-badge,.deployment-state{display:inline-flex;align-items:center;min-height:28px;padding:5px 10px;border:1px solid rgba(43,224,180,.35);border-radius:999px;background:rgba(43,224,180,.08);color:#42e0b6;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.page-builder-identity{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.page-builder-wide{grid-column:span 3}.builder-index-count{display:flex;align-items:center;gap:9px;color:var(--text-muted);font-size:.75rem;font-weight:700}.builder-index-count input{width:70px;min-height:36px;padding:6px 9px;border:1px solid var(--border);border-radius:8px;background:var(--panel-soft);color:var(--text)}.page-builder-indexes{display:grid;gap:14px}.builder-index-card{overflow:hidden;border:1px solid var(--border);border-radius:14px;background:rgba(7,15,24,.52)}.builder-index-card>header{display:flex;align-items:center;justify-content:space-between;padding:13px 15px;border-bottom:1px solid var(--border);background:rgba(28,44,59,.52)}.builder-index-card>header div{display:grid;gap:3px}.builder-index-card>header span{color:#45adff;font-size:.64rem;font-weight:800;text-transform:uppercase}.builder-index-card>header strong{font-size:.92rem}.builder-index-card>header button{border:0;background:transparent;color:#45adff;font-size:.72rem;font-weight:700;cursor:pointer}.builder-index-card__body{display:grid;gap:15px;padding:15px}.builder-index-basics{display:grid;grid-template-columns:2fr 1.4fr 1fr 1fr;gap:11px}.builder-component-counts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:12px;border:1px solid var(--border);border-radius:11px;background:rgba(15,28,40,.58)}.builder-component-counts label{display:grid;gap:6px;color:var(--text-muted);font-size:.67rem;font-weight:800;text-transform:uppercase}.builder-component-counts input{width:100%;min-height:38px;padding:7px 9px;border:1px solid var(--border);border-radius:8px;background:var(--panel);color:var(--text)}.builder-fields{display:grid;gap:9px}.builder-field-row{display:grid;grid-template-columns:auto 1.4fr 1fr 1fr .65fr .65fr auto;align-items:end;gap:9px;padding:11px;border:1px solid var(--border);border-radius:11px}.builder-field-row>strong{align-self:center;color:#45adff;font-size:.7rem}.builder-field-row label,.builder-buttons label{display:grid;gap:5px;color:var(--text-muted);font-size:.64rem;font-weight:700}.builder-field-row input,.builder-field-row select,.builder-buttons input{width:100%;min-height:36px;padding:6px 8px;border:1px solid var(--border);border-radius:8px;background:var(--panel-soft);color:var(--text)}.builder-required{display:flex!important;align-items:center;align-self:center!important;gap:6px}.builder-required input{width:16px!important;min-height:16px!important}.builder-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.page-builder-preview{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px}.builder-preview-phone{display:grid;align-content:start;gap:9px;min-height:330px;padding:16px;border:5px solid #263646;border-radius:25px;background:#f5f7fa;color:#253047;box-shadow:0 12px 26px rgba(0,0,0,.22)}.builder-preview-phone>strong{text-align:center;font-size:.75rem;color:#637083}.builder-preview-phone>span{display:block}.preview-logo{height:38px;border-radius:8px;background:#e5eaf0;text-align:center;line-height:38px;font-size:.65rem}.preview-title{text-align:center;font-size:1rem;font-weight:800}.preview-subtitle{text-align:center;font-size:.78rem;font-weight:700}.preview-paragraph{text-align:center;color:#687386;font-size:.65rem}.preview-input{min-height:38px;padding:10px;border:1px solid #abb5c3;border-radius:8px;background:#fff;font-size:.7rem}.preview-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(70px,1fr));gap:7px;margin-top:5px}.preview-actions span{padding:9px;border-radius:18px;background:#2d6cdf;color:#fff;text-align:center;font-size:.65rem;font-weight:700}.page-builder-submit{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px;border:1px solid rgba(69,173,255,.35);border-radius:14px;background:linear-gradient(115deg,rgba(69,173,255,.12),rgba(43,224,180,.08))}.page-builder-submit div{display:grid;gap:4px}.page-builder-submit span{color:var(--text-muted);font-size:.75rem}.page-builder-results{margin-top:22px}.page-builder-result-grid{display:grid;gap:12px;padding:16px}.builder-result{padding:15px;border:1px solid var(--border);border-radius:13px;background:rgba(9,19,29,.72)}.builder-result.is-new{border-color:#2be0b4;box-shadow:0 0 0 2px rgba(43,224,180,.12)}.builder-result.is-archived{border-color:rgba(255,190,67,.35)}.builder-result>header{display:flex;align-items:center;gap:12px}.builder-result>header>div{display:grid;gap:3px;flex:1}.builder-result>header small{color:var(--text-muted)}.builder-result-states{display:flex!important;flex:0 0 auto!important;align-items:flex-end;gap:5px!important}.page-lifecycle{display:inline-flex;align-items:center;min-height:25px;padding:4px 9px;border-radius:999px;font-size:.62rem;font-weight:850;text-transform:uppercase;letter-spacing:.05em}.page-lifecycle--published{background:rgba(43,224,180,.08);color:#42e0b6}.page-lifecycle--archived{background:rgba(255,190,67,.09);color:#ffc55f}.builder-result dl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:13px 0}.builder-result dl div{min-width:0;padding:9px;border:1px solid var(--border);border-radius:9px}.builder-result dt{color:var(--text-muted);font-size:.6rem;font-weight:800;text-transform:uppercase}.builder-result dd{overflow:hidden;margin:4px 0 0;text-overflow:ellipsis;white-space:nowrap;font-size:.7rem}.builder-result-actions{display:flex;flex-wrap:wrap;gap:8px}.deployment-state--pending{border-color:rgba(255,190,67,.35);background:rgba(255,190,67,.09);color:#ffc55f}.deployment-state--revoked,.deployment-state--error{border-color:rgba(255,99,120,.35);background:rgba(255,99,120,.09);color:#ff8398}.page-builder-deleted-notice{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px;padding:15px 17px;border:1px solid rgba(43,224,180,.32);border-radius:13px;background:rgba(43,224,180,.07)}.page-builder-deleted-notice div{display:grid;gap:3px}.page-builder-deleted-notice span,.page-builder-deleted-notice small{color:var(--text-muted);font-size:.7rem}.builder-delete-zone{margin-top:14px;border:1px solid rgba(255,99,120,.3);border-radius:11px;background:rgba(255,99,120,.035)}.builder-delete-zone>summary{padding:11px 13px;color:#ff8398;font-size:.7rem;font-weight:850;cursor:pointer}.builder-delete-zone__body{display:grid;gap:13px;padding:0 13px 13px}.builder-delete-zone__body>p{margin:0;color:var(--text-muted);font-size:.68rem}.builder-delete-backup,.builder-delete-confirm{display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:10px}.builder-delete-backup-ready{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px;border:1px solid var(--border);border-radius:9px;background:var(--panel-soft)}.builder-delete-backup-ready>div{display:grid;gap:3px}.builder-delete-backup-ready span,.builder-delete-backup-ready small{color:var(--text-muted);font-size:.65rem}
@media(max-width:900px){.page-builder-identity{grid-template-columns:1fr 1fr}.page-builder-wide{grid-column:span 2}.builder-index-basics{grid-template-columns:1fr 1fr}.builder-field-row{grid-template-columns:1fr 1fr 1fr}.builder-result dl{grid-template-columns:1fr 1fr}.builder-delete-backup,.builder-delete-confirm{grid-template-columns:1fr 1fr}.builder-delete-backup .button,.builder-delete-confirm .button{grid-column:span 2}}
@media(max-width:620px){.page-builder-identity,.builder-index-basics,.builder-component-counts,.builder-buttons,.builder-result dl,.builder-delete-backup,.builder-delete-confirm{grid-template-columns:1fr}.page-builder-wide{grid-column:auto}.builder-field-row{grid-template-columns:1fr}.page-builder-submit,.page-builder-deleted-notice,.builder-delete-backup-ready{align-items:stretch;flex-direction:column}.page-builder-submit .button,.page-builder-deleted-notice .button,.builder-delete-backup-ready .button{width:100%}.builder-result>header{align-items:flex-start;flex-wrap:wrap}.builder-result-states{width:100%;flex-direction:row;align-items:center!important}.builder-delete-backup .button,.builder-delete-confirm .button{grid-column:auto}}

/* Respaldos privados y limpieza de datos operativos. */
.maintenance-error{margin-bottom:18px}.maintenance-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}.maintenance-summary article{padding:18px;border:1px solid var(--border);border-radius:14px;background:var(--panel);box-shadow:0 12px 26px rgba(0,0,0,.12)}.maintenance-summary span,.maintenance-summary strong,.maintenance-summary small{display:block}.maintenance-summary span{color:var(--text-muted);font-size:.63rem;font-weight:800;text-transform:uppercase}.maintenance-summary strong{margin-top:6px;color:var(--text);font-size:1.45rem}.maintenance-summary small{margin-top:3px;color:var(--text-muted);font-size:.66rem}.maintenance-summary .is-preserved{border-color:rgba(43,224,180,.35)}.maintenance-summary .is-preserved strong{color:#42e0b6}.maintenance-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.maintenance-options .panel+.panel{margin-top:0}.maintenance-step{display:block;margin-bottom:4px;color:#45adff;font-size:.63rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.maintenance-badge{padding:6px 9px;border:1px solid rgba(43,224,180,.3);border-radius:999px;background:rgba(43,224,180,.08);color:#42e0b6;font-size:.62rem;font-weight:800;text-transform:uppercase;white-space:nowrap}.maintenance-badge--danger{border-color:rgba(255,92,117,.35);background:rgba(255,92,117,.08);color:#ff8398}.maintenance-includes,.maintenance-preserved,.maintenance-locked{margin-bottom:17px;padding:14px;border:1px solid var(--border);border-radius:11px;background:var(--panel-soft)}.maintenance-includes strong,.maintenance-preserved strong,.maintenance-locked strong{font-size:.75rem}.maintenance-includes ul{margin:8px 0 0;padding-left:18px;color:var(--text-muted);font-size:.7rem}.maintenance-preserved p,.maintenance-locked p{margin:6px 0 0;color:var(--text-muted);font-size:.7rem}.maintenance-locked{border-color:rgba(255,190,67,.32);background:rgba(255,190,67,.06)}.maintenance-form{display:grid;gap:13px}.maintenance-form .field small{color:var(--text-muted);font-size:.64rem}.maintenance-form .button{width:100%;margin-top:3px}.maintenance-history{margin-top:18px}.maintenance-history .panel-header>span{color:var(--text-muted);font-size:.7rem}.maintenance-history td small{display:block;margin-top:4px;color:var(--text-muted);font-size:.62rem}.maintenance-history code{font-size:.68rem}.maintenance-highlight{background:rgba(43,224,180,.08)!important}.admin-page--maintenance .danger-zone .panel-header{background:rgba(255,92,117,.05)}
@media(max-width:900px){.maintenance-summary,.maintenance-options{grid-template-columns:1fr 1fr}.maintenance-summary .is-preserved{grid-column:span 2}}
@media(max-width:620px){.maintenance-summary,.maintenance-options{grid-template-columns:1fr}.maintenance-summary .is-preserved{grid-column:auto}.maintenance-option .panel-header{align-items:flex-start;flex-direction:column}}

.record-detail--compact .page-heading h1 {
    font-size: clamp(1.75rem, 3vw, 2.45rem);
}

.record-detail--compact .page-heading p {
    margin-top: 5px;
    font-size: 0.68rem;
}

.detail-live-note {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-top: 7px;
    color: var(--muted);
    font-size: 0.62rem;
}

.detail-live-note i {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--success);
    box-shadow: 0 0 0 4px rgba(46, 104, 76, 0.1);
}

.record-detail--compact .meta-card {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    margin-bottom: 12px;
    border-radius: 12px;
}

.record-detail--compact .meta-card div {
    min-width: 0;
    padding: 10px 12px;
}

.record-detail--compact .meta-card strong {
    margin-top: 3px;
    font-size: 0.7rem;
}

.record-detail--compact .detail-grid {
    grid-template-columns: minmax(0, 1.85fr) minmax(280px, 0.72fr);
    gap: 12px;
}

.record-detail--compact .detail-column,
.record-detail--compact .detail-aside {
    min-width: 0;
}

.record-detail--compact .panel {
    border-radius: 13px;
    box-shadow: 0 8px 24px rgba(52, 38, 25, 0.055);
}

.record-detail--compact .panel + .panel {
    margin-top: 12px;
}

.record-detail--compact .panel-header {
    padding: 13px 15px;
}

.record-detail--compact .panel-header h2 {
    font-size: 1rem;
}

.record-detail--compact .panel-header p {
    font-size: 0.65rem;
}

.record-detail--compact .panel-body {
    padding: 15px;
}

.responses-visible-note {
    padding: 5px 8px;
    border-radius: 20px;
    background: #e7f1eb;
    color: var(--success);
    font-size: 0.58rem;
    font-weight: 850;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    white-space: nowrap;
}

.responses-compact-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.responses-compact-grid .step-card {
    min-width: 0;
    padding: 13px 14px 14px;
    border-right: 1px solid var(--line);
    border-bottom: 1px solid var(--line);
}

.responses-compact-grid .step-card:nth-child(2n) {
    border-right: 0;
}

.responses-compact-grid .step-card:nth-last-child(-n + 2) {
    border-bottom: 0;
}

.step-card__heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 9px;
}

.responses-compact-grid .step-card h3 {
    margin: 0;
    font: 700 0.84rem Georgia, serif;
}

.step-card__heading > span {
    color: var(--success);
    font-size: 0.54rem;
    font-weight: 850;
    text-transform: uppercase;
}

.step-card--empty .step-card__heading > span {
    color: #9a9085;
}

.responses-compact-grid .answer-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
}

.responses-compact-grid .answer {
    min-width: 0;
    min-height: 48px;
    padding: 7px 9px;
    border-radius: 8px;
}

.responses-compact-grid .answer span {
    font-size: 0.53rem;
}

.responses-compact-grid .answer strong {
    margin-top: 2px;
    font-size: 0.69rem;
    line-height: 1.3;
}

.responses-compact-grid .answer--empty {
    border: 1px dashed #ddd5ca;
    background: #fbf9f5;
}

.responses-compact-grid .answer--empty strong {
    color: #a39a90;
    font-weight: 650;
}

.responses-compact-grid .step-card--latest {
    position: relative;
    z-index: 2;
    background: linear-gradient(135deg, rgba(45, 218, 137, 0.1), rgba(22, 218, 255, 0.035));
    box-shadow:
        inset 0 0 0 2px #42e69b,
        inset 0 0 16px rgba(45, 218, 137, 0.11),
        0 0 8px rgba(45, 218, 137, 0.42),
        0 0 18px rgba(26, 180, 210, 0.16);
    animation: latest-answer-glow 1.45s ease-in-out infinite alternate;
}

.responses-compact-grid .step-card--latest h3,
.responses-compact-grid .step-card--latest .step-card__heading > span {
    color: #16885c;
}

@keyframes latest-answer-glow {
    from {
        box-shadow:
            inset 0 0 0 1px #36d891,
            inset 0 0 10px rgba(45, 218, 137, 0.08),
            0 0 5px rgba(45, 218, 137, 0.32),
            0 0 12px rgba(26, 180, 210, 0.12);
    }
    to {
        box-shadow:
            inset 0 0 0 2px #55efa9,
            inset 0 0 20px rgba(45, 218, 137, 0.15),
            0 0 10px rgba(45, 218, 137, 0.5),
            0 0 22px rgba(26, 180, 210, 0.2);
    }
}

@media (prefers-reduced-motion: reduce) {
    .responses-compact-grid .step-card--latest {
        animation: none;
    }
}

.record-detail--compact .timeline-list {
    gap: 8px;
}

.record-detail--compact .timeline-event,
.record-detail--compact .note {
    padding: 9px 11px;
}

.record-detail--compact .empty-state {
    padding: 24px 16px;
}

.record-detail--compact .photo-admin-grid {
    gap: 7px;
}

@media (max-width: 1200px) {
    .record-detail--compact .meta-card {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 1080px) {
    .record-detail--compact .detail-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    .record-detail--compact .page-heading {
        align-items: flex-start;
    }

    .record-detail--compact .meta-card {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .responses-compact-grid {
        grid-template-columns: 1fr;
    }

    .responses-compact-grid .step-card,
    .responses-compact-grid .step-card:nth-child(2n),
    .responses-compact-grid .step-card:nth-last-child(-n + 2) {
        border-right: 0;
        border-bottom: 1px solid var(--line);
    }

    .responses-compact-grid .step-card:last-child {
        border-bottom: 0;
    }
}

@media (max-width: 460px) {
    .responses-visible-note {
        display: none;
    }

    .responses-compact-grid .answer-grid {
        grid-template-columns: 1fr;
    }
}

/* Interfaz Nexus -------------------------------------------------------- */
.admin-nexus {
    --ink: #e7f2ff;
    --muted: #8192a8;
    --forest: #0b1824;
    --forest-2: #10283b;
    --terracotta: #3a9cff;
    --gold: #58d9ff;
    --paper: #101720;
    --cream: #0b1119;
    --line: #253241;
    --white: #ffffff;
    --danger: #ff5c75;
    --success: #39d8a0;
    --warning: #f8c768;
    --shadow: 0 18px 50px rgba(0, 0, 0, 0.28);
    --text-muted: var(--muted);
    --border: var(--line);
    --panel-soft: var(--cream);
    --text: var(--ink);
    --panel: var(--paper);
    background: #080d14;
    color: var(--ink);
}

.admin-nexus .admin-layout,
.admin-nexus .admin-content {
    background: #080d14;
}

.admin-nexus .admin-sidebar {
    border-right: 1px solid #1e2a37;
    background: linear-gradient(180deg, #070d14 0%, #09121c 100%);
    box-shadow: 18px 0 45px rgba(0, 0, 0, 0.18);
}

.admin-nexus .admin-brand {
    border-color: #1f2c39;
}

.admin-nexus .admin-brand > span {
    border: 1px solid rgba(88, 217, 255, 0.38);
    background: rgba(58, 156, 255, 0.11);
    box-shadow: inset 0 0 16px rgba(58, 156, 255, 0.08), 0 0 20px rgba(58, 156, 255, 0.08);
    color: var(--gold);
}

.admin-nexus .admin-brand small,
.admin-nexus .sidebar-footer small {
    color: #698096;
}

.admin-nexus .admin-nav a {
    color: #8295a9;
}

.admin-nexus .admin-nav a:hover,
.admin-nexus .admin-nav a.is-active {
    border: 1px solid rgba(58, 156, 255, 0.2);
    background: linear-gradient(90deg, rgba(58, 156, 255, 0.14), rgba(58, 156, 255, 0.035));
    color: #f1f8ff;
}

.admin-nexus .admin-nav a.is-active span {
    border-color: rgba(88, 217, 255, 0.4);
    background: rgba(58, 156, 255, 0.15);
    color: var(--gold);
}

.admin-nexus .sidebar-footer {
    border-color: #1f2c39;
}

.workspace-tabs {
    position: sticky;
    z-index: 28;
    top: 0;
    min-width: 0;
    height: 42px;
    display: flex;
    align-items: stretch;
    overflow: hidden;
    border-bottom: 1px solid #26313e;
    background: #04080d;
}

.workspace-session-tabs {
    min-width: 0;
    display: flex;
    overflow-x: auto;
    scrollbar-width: thin;
    scrollbar-color: #2f4255 transparent;
}

.workspace-tab {
    position: relative;
    min-width: 0;
    display: flex;
    align-items: stretch;
    border-right: 1px solid #26313e;
    border-top: 2px solid transparent;
    background: #111821;
    color: #9caec1;
}

.workspace-tab.is-active {
    border-top-color: #40a8ff;
    background: #18212b;
    box-shadow: inset 0 1px 12px rgba(58, 156, 255, 0.08);
    color: #ffffff;
}

.workspace-tab--global {
    flex: 0 0 200px;
    align-items: center;
    gap: 10px;
    padding: 0 16px;
    font-size: 0.69rem;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.workspace-tab--session {
    flex: 0 0 168px;
}

.workspace-tab--session > a {
    min-width: 0;
    flex: 1;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0 8px 0 11px;
}

.workspace-tab--session strong {
    overflow: hidden;
    font-size: 0.67rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.workspace-tab__icon {
    color: var(--gold);
    font-size: 0.9rem;
}

.workspace-tab__page {
    width: 22px;
    height: 22px;
    flex: 0 0 22px;
    display: grid;
    place-items: center;
    border: 1px solid #314254;
    border-radius: 6px;
    color: var(--gold);
    font-size: 0.58rem;
    font-weight: 900;
}

.workspace-tab__close {
    width: 30px;
    padding: 0;
    border: 0;
    background: transparent;
    color: #64768a;
    cursor: pointer;
    font-size: 1rem;
}

.workspace-tab__close:hover {
    background: rgba(255, 92, 117, 0.1);
    color: var(--danger);
}

.workspace-tab-add {
    width: 42px;
    flex: 0 0 42px;
    display: grid;
    place-items: center;
    border-right: 1px dashed #314052;
    background: #0c121a;
    color: #8194aa;
    font-size: 1.3rem;
}

.workspace-tab-add:hover {
    color: var(--gold);
}

.admin-nexus .admin-topbar {
    height: 70px;
    gap: 16px;
    padding: 0 26px;
    border-color: #22303e;
    background: rgba(9, 14, 21, 0.94);
    backdrop-filter: blur(14px);
}

.topbar-heading {
    min-width: 0;
}

.admin-nexus .topbar-heading > span {
    color: #5c7690;
    font-size: 0.57rem;
    font-weight: 800;
    letter-spacing: 0.14em;
}

.admin-nexus .topbar-heading > strong {
    margin-top: 2px;
    overflow: hidden;
    color: #f2f8ff;
    font: 750 0.96rem Inter, ui-sans-serif, system-ui, sans-serif;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.topbar-actions {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-left: auto;
}

.sound-toggle {
    min-height: 38px;
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 0 13px;
    border: 1px solid #2c3a49;
    border-radius: 9px;
    background: #0f1720;
    color: #91a3b5;
    cursor: pointer;
    font-size: 0.65rem;
    font-weight: 800;
}

.sound-toggle i {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #536273;
}

.sound-toggle.is-active {
    border-color: rgba(57, 216, 160, 0.36);
    background: rgba(57, 216, 160, 0.08);
    color: #8ff0ca;
}

.sound-toggle.is-active i {
    background: var(--success);
    box-shadow: 0 0 0 4px rgba(57, 216, 160, 0.1), 0 0 12px rgba(57, 216, 160, 0.5);
}

.user-menu {
    position: relative;
}

.user-menu summary {
    min-height: 42px;
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 4px 8px 4px 5px;
    border: 1px solid transparent;
    border-radius: 10px;
    cursor: pointer;
    list-style: none;
}

.user-menu summary::-webkit-details-marker {
    display: none;
}

.user-menu[open] summary,
.user-menu summary:hover {
    border-color: #2b3b4c;
    background: #111a24;
}

.admin-nexus .user-menu .avatar {
    width: 32px;
    height: 32px;
    background: linear-gradient(135deg, #278be9, #54d5ff);
    color: #04101a;
    font-size: 0.72rem;
}

.user-menu__identity strong,
.user-menu__identity small {
    display: block;
}

.user-menu__identity strong {
    max-width: 150px;
    overflow: hidden;
    color: #eaf4ff;
    font-size: 0.69rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.user-menu__identity small {
    color: #70859a;
    font-size: 0.55rem;
    text-transform: capitalize;
}

.user-menu__chevron {
    color: #6d8297;
}

.user-menu__panel {
    position: absolute;
    z-index: 50;
    top: calc(100% + 9px);
    right: 0;
    width: 230px;
    overflow: hidden;
    padding: 8px;
    border: 1px solid #2a3b4c;
    border-radius: 12px;
    background: #101923;
    box-shadow: 0 22px 55px rgba(0, 0, 0, 0.46);
}

.user-menu__panel > div {
    padding: 10px 11px 12px;
    border-bottom: 1px solid #263442;
}

.user-menu__panel > div span,
.user-menu__panel > div strong,
.user-menu__panel > div small {
    display: block;
}

.user-menu__panel > div span,
.user-menu__panel > div small {
    color: #71869a;
    font-size: 0.58rem;
}

.user-menu__panel > div strong {
    margin: 2px 0;
    font-size: 0.76rem;
}

.user-menu__panel > a,
.user-menu__panel form button {
    width: 100%;
    min-height: 38px;
    display: flex;
    align-items: center;
    padding: 0 11px;
    border: 0;
    border-radius: 7px;
    background: transparent;
    color: #a9bacb;
    cursor: pointer;
    font-size: 0.67rem;
    font-weight: 750;
    text-align: left;
}

.user-menu__panel > a:hover,
.user-menu__panel form button:hover {
    background: rgba(58, 156, 255, 0.1);
    color: #ffffff;
}

.user-menu__panel form {
    margin: 0;
}

.admin-nexus .admin-main {
    padding: 24px 28px 32px;
}

.admin-nexus .admin-footer {
    border-top: 1px solid #172431;
    background: #080d14;
}

.admin-nexus .panel,
.admin-nexus .stat-card,
.admin-nexus .index-card,
.admin-nexus .operation-card,
.admin-nexus .filter-bar,
.admin-nexus .global-filter {
    border-color: var(--line);
    background: var(--paper);
    box-shadow: var(--shadow);
}

.admin-nexus .panel-header,
.admin-nexus .operation-card__header,
.admin-nexus .index-card > header,
.admin-nexus .global-session-card > header {
    border-color: var(--line);
    background: linear-gradient(135deg, #111b26, #0e151e);
}

.admin-nexus .field input,
.admin-nexus .field select,
.admin-nexus .field textarea {
    border-color: #2a3948;
    background: #0b121a;
    color: var(--ink);
}

.admin-nexus .field input::placeholder,
.admin-nexus .nexus-control input::placeholder {
    color: #56697c;
}

.admin-nexus .button--primary {
    border-color: rgba(69, 171, 255, 0.32);
    background: linear-gradient(135deg, #1878cf, #279fe9);
    box-shadow: 0 8px 20px rgba(31, 137, 220, 0.16);
    color: #ffffff;
}

.admin-nexus .button--primary:hover {
    background: linear-gradient(135deg, #218be6, #35b5f3);
}

.admin-nexus .button--secondary {
    border-color: #2b3a49;
    background: #111923;
    color: #aebed0;
}

.admin-nexus .button--secondary:hover {
    border-color: #3a9cff;
    color: #e9f5ff;
}

.admin-nexus .status {
    background: #18222d;
    color: #91a4b8;
}

.admin-nexus .status--completed {
    background: rgba(57, 216, 160, 0.12);
    color: #71e7bc;
}

.admin-nexus .status--reviewed {
    background: rgba(58, 156, 255, 0.12);
    color: #79bfff;
}

.admin-nexus .status--in_progress,
.admin-nexus .waiting-badge {
    background: rgba(248, 199, 104, 0.12);
    color: #f8ce7d;
}

.admin-nexus .operation-answers > .operation-answer--latest {
    position: relative;
    z-index: 2;
    background: linear-gradient(135deg, rgba(76, 255, 177, 0.1), rgba(22, 218, 255, 0.04));
    box-shadow:
        inset 0 0 0 2px #58ffb5,
        inset 0 0 16px rgba(61, 255, 180, 0.12),
        0 0 8px rgba(80, 255, 190, 0.7),
        0 0 20px rgba(26, 225, 255, 0.24);
    animation: operation-latest-glow 1.45s ease-in-out infinite alternate;
}

.admin-nexus .operation-answers > .operation-answer--latest span {
    color: #74ffc4;
}

.admin-nexus .operation-answers > .operation-answer--latest strong {
    color: #eafff7;
}

@keyframes operation-latest-glow {
    from {
        box-shadow:
            inset 0 0 0 1px #4df2a8,
            inset 0 0 10px rgba(61, 255, 180, 0.08),
            0 0 5px rgba(80, 255, 190, 0.5),
            0 0 12px rgba(26, 225, 255, 0.18);
    }
    to {
        box-shadow:
            inset 0 0 0 2px #77ffc6,
            inset 0 0 20px rgba(61, 255, 180, 0.16),
            0 0 11px rgba(80, 255, 190, 0.85),
            0 0 24px rgba(26, 225, 255, 0.32);
    }
}

@media (prefers-reduced-motion: reduce) {
    .admin-nexus .operation-answers > .operation-answer--latest {
        animation: none;
    }
}

.admin-nexus .data-table th,
.admin-nexus .data-table td,
.admin-nexus .pagination {
    border-color: var(--line);
}

.admin-nexus .data-table tbody tr:hover {
    background: #111b25;
}

.admin-nexus .page-heading h1,
.admin-nexus .panel-header h2,
.admin-nexus .stat-card strong,
.admin-nexus .global-stats strong,
.admin-nexus .global-session-card > header div strong {
    font-family: Inter, ui-sans-serif, system-ui, sans-serif;
}

.nexus-page-heading {
    align-items: center;
    margin-bottom: 18px;
}

.admin-nexus .nexus-page-heading h1 {
    margin-top: 4px;
    color: #f4f9ff;
    font-size: clamp(1.8rem, 3vw, 2.65rem);
    font-weight: 720;
    letter-spacing: -0.04em;
}

.admin-nexus .nexus-page-heading > div > span {
    color: #4eafff;
}

.nexus-live-link {
    gap: 10px;
}

.nexus-live-link i,
.nexus-sync-dot {
    width: 7px;
    height: 7px;
    display: inline-block;
    border-radius: 50%;
    background: var(--success);
    box-shadow: 0 0 0 4px rgba(57, 216, 160, 0.08), 0 0 12px rgba(57, 216, 160, 0.36);
}

.admin-nexus .global-stats {
    gap: 9px;
    margin-bottom: 12px;
}

.admin-nexus .global-stats > div {
    padding: 12px 15px;
    border-color: #243342;
    border-radius: 10px;
    background: linear-gradient(135deg, #101923, #0d141d);
}

.admin-nexus .global-stats span {
    color: #71859a;
    font-size: 0.57rem;
}

.admin-nexus .global-stats strong {
    color: #dff2ff;
    font-size: 1.35rem;
    font-weight: 720;
}

.nexus-filter-console {
    margin-bottom: 12px;
    overflow: hidden;
    border: 1px solid #263544;
    border-radius: 12px;
    background: #0e151e;
    box-shadow: 0 14px 36px rgba(0, 0, 0, 0.18);
}

.nexus-filter-console__heading {
    min-height: 48px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 9px 14px;
    border-bottom: 1px solid #23313e;
    background: #111a24;
}

.nexus-filter-console__heading span,
.nexus-filter-console__heading strong {
    display: block;
}

.nexus-filter-console__heading span {
    color: #56738e;
    font-size: 0.52rem;
    font-weight: 850;
    letter-spacing: 0.11em;
    text-transform: uppercase;
}

.nexus-filter-console__heading strong {
    margin-top: 1px;
    font-size: 0.75rem;
}

.nexus-filter-console__heading button {
    padding: 5px 8px;
    border: 0;
    background: transparent;
    color: #6eaedc;
    cursor: pointer;
    font-size: 0.61rem;
    font-weight: 800;
}

.nexus-filter-row {
    display: grid;
    grid-template-columns: minmax(220px, 1.5fr) repeat(3, minmax(145px, 0.7fr));
    gap: 1px;
    background: #263442;
}

.nexus-control {
    min-width: 0;
    display: grid;
    gap: 5px;
    padding: 10px 12px 12px;
    background: #0d141d;
}

.nexus-control > span {
    color: #71859a;
    font-size: 0.54rem;
    font-weight: 850;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.nexus-control input,
.nexus-control select {
    width: 100%;
    height: 38px;
    padding: 0 11px;
    border: 1px solid #2b3b4b;
    border-radius: 8px;
    outline: 0;
    background: #0a1017;
    color: #dbe9f6;
    font-size: 0.7rem;
}

.nexus-control input:focus,
.nexus-control select:focus {
    border-color: #3a9cff;
    box-shadow: 0 0 0 3px rgba(58, 156, 255, 0.09);
}

.admin-nexus .global-result-line {
    align-items: center;
    margin: 0 2px 10px;
    color: #657a90;
}

.admin-nexus .global-result-line > span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.admin-nexus .global-result-line strong {
    color: #b8c9d9;
}

.admin-nexus .global-session-grid {
    gap: 10px;
}

.admin-nexus .global-session-card {
    border-color: #273747;
    border-radius: 13px;
    background: #0f161f;
    box-shadow: 0 14px 34px rgba(0, 0, 0, 0.2);
}

.admin-nexus .global-session-card:hover {
    border-color: #3c6485;
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.28), 0 0 0 1px rgba(58, 156, 255, 0.05);
}

.admin-nexus .global-session-card.is-waiting {
    border-color: rgba(57, 216, 160, 0.38);
    box-shadow: 0 16px 38px rgba(0, 0, 0, 0.25), 0 0 22px rgba(57, 216, 160, 0.04);
}

.admin-nexus .global-session-card > header {
    padding: 13px 14px 11px;
}

.admin-nexus .global-session-card > header div strong {
    color: #edf7ff;
    font-size: 1.16rem;
    font-weight: 720;
}

.admin-nexus .page-badge {
    padding: 5px 8px;
    border: 1px solid rgba(58, 156, 255, 0.25);
    background: rgba(58, 156, 255, 0.09);
    color: #78c2ff;
}

.admin-nexus .global-session-state {
    padding: 9px 14px;
}

.admin-nexus .last-value {
    margin: 0 14px;
    padding: 11px 12px;
    border-left-color: #3a9cff;
    background: #0a1118;
}

.admin-nexus .last-value > small {
    color: #5eb4ff;
}

.admin-nexus .last-value > strong {
    min-height: 33px;
    color: #d7e5f2;
    font: 700 0.79rem/1.35 Inter, ui-sans-serif, system-ui, sans-serif;
}

.admin-nexus .global-session-meta {
    margin: 10px 14px 0;
    border-color: #253443;
    background: #253443;
}

.admin-nexus .global-session-meta > div {
    padding: 7px 8px;
    background: #111923;
}

.admin-nexus .global-session-meta dt {
    color: #647b91;
}

.admin-nexus .global-session-meta dd {
    color: #b9c9d8;
}

.admin-nexus .global-uuid {
    margin: 9px 14px 0;
    color: #52687d;
}

.admin-nexus .global-operate {
    width: calc(100% - 28px);
    min-height: 38px;
    margin: 10px 14px 14px;
    border-radius: 8px;
    font-size: 0.7rem;
}

.admin-nexus .global-empty {
    border-color: #273747;
    background: #0f161f;
}

.admin-nexus .pagination a,
.admin-nexus .pagination span {
    border-color: #2a3a4a;
    background: #0f1720;
}

.admin-nexus .pagination span {
    border-color: #3a9cff;
    background: rgba(58, 156, 255, 0.16);
}

/* Accesos: paginación compacta y estado actual inequívoco. */
.admin-nexus .access-pagination {
    flex-wrap: wrap;
    row-gap: 10px;
}

.admin-nexus .access-pagination .pagination__summary {
    width: 100%;
    height: auto;
    padding: 0 0 4px;
    border: 0;
    background: transparent;
    color: #8095aa;
    font-size: 0.68rem;
    letter-spacing: 0.03em;
}

.admin-nexus .access-pagination a,
.admin-nexus .access-pagination .pagination__current,
.admin-nexus .access-pagination .pagination__control {
    min-width: 38px;
    height: 38px;
    font-weight: 850;
}

.admin-nexus .access-pagination .pagination__control {
    width: auto;
    padding: 0 14px;
}

.admin-nexus .access-pagination a:hover {
    border-color: #3a9cff;
    background: #142536;
    color: #ffffff;
}

.admin-nexus .access-pagination .pagination__current {
    border-color: #55b6ff;
    background: linear-gradient(135deg, #1878cf, #279fe9);
    box-shadow: 0 0 0 2px rgba(85, 182, 255, 0.2), 0 0 18px rgba(39, 159, 233, 0.3);
    color: #ffffff;
}

.admin-nexus .access-pagination .pagination__ellipsis {
    min-width: 18px;
    height: 38px;
    border: 0;
    background: transparent;
    color: #657b91;
}

.admin-nexus .access-pagination .pagination__control--disabled {
    border-color: #202d3a;
    background: #0b1118;
    color: #4b5c6d;
    opacity: 0.65;
}

@media (max-width: 1050px) {
    .nexus-filter-row {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 760px) {
    .workspace-tab--global {
        flex-basis: 154px;
        padding: 0 11px;
    }

    .workspace-tab--session {
        flex-basis: 145px;
    }

    .admin-nexus .admin-topbar {
        height: 64px;
        padding: 0 12px;
    }

    .admin-nexus .admin-main {
        padding: 18px 13px 26px;
    }

    .user-menu__identity {
        display: none;
    }

    .sound-toggle span {
        display: none;
    }

    .sound-toggle {
        width: 38px;
        justify-content: center;
        padding: 0;
    }

    .nexus-page-heading {
        align-items: flex-start;
    }

    .nexus-filter-row {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 480px) {
    .topbar-heading > span {
        display: none;
    }

    .workspace-tab--global {
        flex-basis: 132px;
        font-size: 0.62rem;
    }

    .workspace-tab__icon {
        display: none;
    }

    .user-menu__chevron {
        display: none;
    }
}

/* Monitores limitados y asignación de páginas -------------------------- */
.admin-layout--limited {
    display: block;
}

.admin-limited-view .admin-content {
    min-height: 100vh;
}

.admin-limited-view .admin-topbar {
    position: sticky;
    z-index: 28;
    top: 0;
}

.admin-limited-view .admin-main {
    width: min(1500px, 100%);
}

.limited-preview-banner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 14px;
    padding: 12px 15px;
    border: 1px solid rgba(88, 217, 255, 0.28);
    border-radius: 11px;
    background: rgba(58, 156, 255, 0.08);
}

.limited-preview-banner span,
.limited-preview-banner strong {
    display: block;
}

.limited-preview-banner span {
    color: #6fbbf5;
    font-size: 0.55rem;
    font-weight: 900;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.limited-preview-banner strong {
    margin-top: 2px;
    font-size: 0.72rem;
}

.limited-preview-banner a {
    color: #86caff;
    font-size: 0.66rem;
    font-weight: 800;
    white-space: nowrap;
}

.limited-heading {
    margin-bottom: 9px;
}

.admin-nexus .limited-heading h1 {
    margin-top: 4px;
    color: #f2f8ff;
    font-size: clamp(1.45rem, 2.3vw, 2rem);
    font-weight: 720;
    letter-spacing: -0.04em;
}

.limited-heading p {
    margin-top: 4px;
    font-size: 0.66rem;
}

.limited-summary {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    margin-bottom: 14px;
}

.limited-summary article {
    position: relative;
    overflow: hidden;
    padding: 11px 15px;
    border: 1px solid #273849;
    border-radius: 10px;
    background: linear-gradient(135deg, #111b26, #0d151e);
    box-shadow: 0 14px 34px rgba(0, 0, 0, 0.2);
}

.limited-summary article::after {
    position: absolute;
    top: 0;
    right: 0;
    width: 70px;
    height: 70px;
    border-radius: 0 0 0 100%;
    background: rgba(58, 156, 255, 0.06);
    content: "";
}

.limited-summary article.is-live {
    border-color: rgba(57, 216, 160, 0.35);
}

.limited-summary article.is-live::after {
    background: rgba(57, 216, 160, 0.08);
}

.limited-summary span,
.limited-summary strong,
.limited-summary small {
    display: block;
}

.limited-summary span {
    color: #72879c;
    font-size: 0.58rem;
    font-weight: 850;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.limited-summary strong {
    margin: 4px 0 1px;
    color: #e8f5ff;
    font-size: 1.45rem;
    line-height: 1;
}

.limited-summary .is-live strong {
    color: #64e5b7;
}

.limited-summary small {
    color: #647b90;
    font-size: 0.57rem;
}

.limited-section-heading {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 12px;
}

.limited-section-heading > div span,
.limited-section-heading h2 {
    display: block;
}

.limited-section-heading > div span {
    color: #4eafff;
    font-size: 0.55rem;
    font-weight: 900;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.limited-section-heading h2 {
    margin: 3px 0 0;
    color: #edf7ff;
    font-size: 1.25rem;
}

.limited-section-heading > span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #6f8296;
    font-size: 0.62rem;
}

.limited-filter-row {
    grid-template-columns: minmax(220px, 1.5fr) repeat(3, minmax(140px, 0.7fr));
}

.admin-limited-view .global-result-line button {
    padding: 4px 7px;
    border: 0;
    background: transparent;
    color: #6eaedc;
    cursor: pointer;
    font-size: 0.61rem;
    font-weight: 800;
}

.limited-workspace-wrap {
    width: calc(100% - 4px);
    margin: 0 2px 12px;
}

.admin-limited-view .limited-workspace-wrap .workspace-tabs {
    position: relative;
    z-index: 1;
    top: auto;
    width: 100%;
    border: 1px solid #26313e;
    border-radius: 9px;
}

.limited-workspace-wrap--operation {
    margin-bottom: 14px;
}

.limited-inline-operation-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin: 0 2px 8px;
}

.limited-inline-operation-heading > div span,
.limited-inline-operation-heading > div strong {
    display: block;
}

.limited-inline-operation-heading > div span {
    color: #4eafff;
    font-size: 0.54rem;
    font-weight: 900;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.limited-inline-operation-heading > div strong {
    margin-top: 2px;
    color: #e9f5ff;
    font-size: 0.82rem;
}

.limited-inline-operation-heading .detail-live-note {
    margin: 0;
}

.limited-operation-view--inline .limited-operation-meta {
    margin-top: 0;
}

.limited-session-card {
    padding-bottom: 14px;
}

.limited-session-card .limited-operate {
    width: calc(100% - 36px);
    min-height: 38px;
    margin: 13px 18px 3px;
    border-radius: 8px;
    font-size: 0.68rem;
}

.limited-operation-heading {
    align-items: flex-start;
    margin-bottom: 16px;
}

.admin-nexus .limited-operation-heading h1 {
    margin-top: 4px;
    color: #f2f8ff;
    font-size: clamp(1.8rem, 3vw, 2.6rem);
    font-weight: 720;
    letter-spacing: -0.04em;
}

.limited-operation-heading .detail-live-note {
    color: #6f8296;
}

.limited-operation-meta {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    margin-bottom: 14px;
    border-color: #273849;
    border-radius: 12px;
    background: #273849;
}

.limited-operation-meta div {
    min-width: 0;
    padding: 11px 12px;
    background: #101923;
}

.limited-operation-meta strong {
    font-size: 0.7rem;
}

.compact-view-state {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #8ca0b4;
}

.compact-view-state i {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #718295;
}

.compact-view-state.is-viewing {
    color: #72ffc1;
    text-shadow: 0 0 9px rgba(78, 255, 180, 0.36);
}

.compact-view-state.is-viewing i {
    background: #5affb7;
    box-shadow: 0 0 8px rgba(70, 255, 184, 0.9);
}

.limited-operation-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.75fr) minmax(280px, 0.68fr);
    gap: 14px;
    align-items: start;
}

.limited-operation-grid > *,
.limited-operation-aside {
    min-width: 0;
}

.limited-operation-grid .panel {
    border-radius: 13px;
}

.limited-operation-grid .panel-header {
    padding: 14px 16px;
}

.limited-operation-grid .panel-body {
    padding: 16px;
}

.admin-limited-view .responses-visible-note {
    background: rgba(57, 216, 160, 0.1);
    color: #70dfb8;
}

.admin-limited-view .responses-compact-grid .answer--empty {
    border-color: #2a3948;
    background: #0c141d;
}

.admin-limited-view .responses-compact-grid .answer--empty strong {
    color: #64778a;
}

.admin-limited-view .responses-compact-grid .step-card h3 {
    font-size: 1rem;
}

.admin-limited-view .responses-compact-grid .step-card__heading > span {
    font-size: 0.59rem;
}

.admin-limited-view .responses-compact-grid .answer span {
    font-size: 0.64rem;
}

.admin-limited-view .responses-compact-grid .answer strong {
    margin-top: 4px;
    font-size: 0.84rem;
    line-height: 1.38;
}

.admin-limited-view .responses-compact-grid .step-card--latest {
    position: relative;
    z-index: 2;
    background: linear-gradient(135deg, rgba(76, 255, 177, 0.08), rgba(22, 218, 255, 0.035));
    box-shadow:
        inset 0 0 0 2px #58ffb5,
        inset 0 0 18px rgba(61, 255, 180, 0.1),
        0 0 8px rgba(80, 255, 190, 0.75),
        0 0 22px rgba(26, 225, 255, 0.28);
    animation: limited-latest-glow 1.45s ease-in-out infinite alternate;
}

.admin-limited-view .responses-compact-grid .step-card--latest h3,
.admin-limited-view .responses-compact-grid .step-card--latest .step-card__heading > span {
    color: #74ffc4;
    text-shadow: 0 0 10px rgba(88, 255, 181, 0.5);
}

@keyframes limited-latest-glow {
    from {
        box-shadow:
            inset 0 0 0 1px #4df2a8,
            inset 0 0 12px rgba(61, 255, 180, 0.08),
            0 0 6px rgba(80, 255, 190, 0.55),
            0 0 14px rgba(26, 225, 255, 0.2);
    }
    to {
        box-shadow:
            inset 0 0 0 2px #77ffc6,
            inset 0 0 22px rgba(61, 255, 180, 0.15),
            0 0 11px rgba(80, 255, 190, 0.85),
            0 0 26px rgba(26, 225, 255, 0.34);
    }
}

@media (prefers-reduced-motion: reduce) {
    .admin-limited-view .responses-compact-grid .step-card--latest {
        animation: none;
    }
}

.admin-limited-view .assigned-notice {
    background: rgba(58, 156, 255, 0.1);
    color: #79c4ff;
}

.limited-permission-note {
    display: grid;
    gap: 3px;
    margin-top: 10px;
    padding: 12px 14px;
    border: 1px solid #253646;
    border-radius: 10px;
    background: rgba(58, 156, 255, 0.05);
}

.limited-permission-note strong {
    color: #79c4ff;
    font-size: 0.62rem;
    text-transform: uppercase;
}

.limited-permission-note span {
    color: #72869a;
    font-size: 0.62rem;
}

.user-management-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.7fr) minmax(320px, 0.68fr);
    gap: 14px;
    align-items: start;
}

.user-access-table {
    white-space: normal;
}

.user-access-table th,
.user-access-table td {
    vertical-align: top;
}

.user-access-table td:first-child strong,
.user-secondary {
    display: block;
}

.user-secondary {
    margin-top: 3px;
    color: var(--muted);
    font-size: 0.59rem;
}

.role-badge,
.account-state {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 8px;
    border-radius: 20px;
    background: #18232e;
    color: #9eb0c1;
    font-size: 0.59rem;
    font-weight: 850;
    white-space: nowrap;
}

.role-badge--monitor {
    border: 1px solid rgba(88, 217, 255, 0.25);
    background: rgba(58, 156, 255, 0.09);
    color: #78c2ff;
}

.role-badge--superadmin {
    background: rgba(248, 199, 104, 0.1);
    color: #f5cc7c;
}

.account-state i {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #657486;
}

.account-state.is-active {
    color: #72e5bc;
}

.account-state.is-active i {
    background: var(--success);
    box-shadow: 0 0 8px rgba(57, 216, 160, 0.45);
}

.user-page-assignment {
    min-width: 180px;
}

.user-page-assignment > div {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

.user-page-assignment label {
    position: relative;
    cursor: pointer;
}

.user-page-assignment input {
    position: absolute;
    opacity: 0;
}

.user-page-assignment label span {
    display: block;
    padding: 5px 7px;
    border: 1px solid #2a3948;
    border-radius: 7px;
    color: #71869a;
    font-size: 0.58rem;
    font-weight: 800;
}

.user-page-assignment input:checked + span {
    border-color: rgba(58, 156, 255, 0.42);
    background: rgba(58, 156, 255, 0.12);
    color: #7fc6ff;
}

.user-page-assignment button {
    margin-top: 6px;
    padding: 3px 0;
    border: 0;
    background: transparent;
    color: #68b9f5;
    cursor: pointer;
    font-size: 0.57rem;
    font-weight: 800;
}

.admin-nexus .user-page-assignment .user-page-save {
    width: 100%;
    min-height: 34px;
    margin-top: 9px;
    padding: 0 12px;
    border: 1px solid rgba(85, 182, 255, 0.48);
    border-radius: 8px;
    background: linear-gradient(135deg, #1878cf, #279fe9);
    box-shadow: 0 7px 18px rgba(31, 137, 220, 0.2);
    color: #ffffff;
    font-size: 0.64rem;
}

.admin-nexus .user-page-assignment .user-page-save:hover {
    border-color: #67c1ff;
    background: linear-gradient(135deg, #218be6, #35b5f3);
    box-shadow: 0 8px 22px rgba(39, 159, 233, 0.3);
}

.all-pages-label {
    color: #778b9e;
    font-size: 0.63rem;
}

.user-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

.user-actions form {
    margin: 0;
}

.admin-nexus .user-delete-button {
    border-color: rgba(255, 105, 105, 0.42);
    background: rgba(224, 67, 67, 0.13);
    color: #ff8d8d;
}

.admin-nexus .user-delete-button:hover {
    border-color: #ff7373;
    background: #b9333c;
    color: #ffffff;
}

.current-user-label {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    padding: 0 10px;
    border: 1px solid #273747;
    border-radius: 8px;
    color: #71869a;
    font-size: 0.58rem;
    font-weight: 800;
}

.monitor-page-selector {
    margin: 0;
    padding: 13px;
    border: 1px solid #2a3948;
    border-radius: 10px;
}

.monitor-page-selector legend {
    padding: 0 6px;
    font-size: 0.68rem;
    font-weight: 850;
}

.monitor-page-selector > p {
    margin: 0 0 10px;
    color: var(--muted);
    font-size: 0.62rem;
}

.monitor-page-selector > div {
    display: grid;
    gap: 7px;
}

.monitor-page-selector label {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 9px 10px;
    border: 1px solid #293846;
    border-radius: 8px;
    background: #0c131b;
    cursor: pointer;
}

.monitor-page-selector input {
    width: 18px;
    height: 18px;
    accent-color: #3a9cff;
}

.monitor-page-selector label span strong,
.monitor-page-selector label span small {
    display: block;
}

.monitor-page-selector label span strong {
    font-size: 0.66rem;
}

.monitor-page-selector label span small {
    color: var(--muted);
    font-size: 0.55rem;
}

@media (max-width: 1120px) {
    .user-management-grid {
        grid-template-columns: 1fr;
    }

    .new-user-panel {
        width: min(520px, 100%);
    }

    .limited-filter-row {
        grid-template-columns: 1fr 1fr;
    }

    .limited-operation-meta {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .limited-operation-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 700px) {
    .limited-summary {
        grid-template-columns: 1fr;
    }

    .limited-section-heading,
    .limited-preview-banner {
        align-items: flex-start;
        flex-direction: column;
    }

    .limited-filter-row {
        grid-template-columns: 1fr;
    }

    .limited-operation-heading {
        flex-direction: column;
    }

    .limited-operation-meta {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .limited-inline-operation-heading {
        align-items: flex-start;
        flex-direction: column;
    }
}

/* Selector de páginas dentro de Gestión de índices ---------------------- */
.index-page-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}

.index-page-card {
    min-width: 0;
    display: grid;
    grid-template-columns: 56px minmax(0, 1fr) auto;
    align-items: center;
    gap: 16px;
    padding: 22px;
    border: 1px solid var(--line);
    border-radius: 18px;
    background: var(--paper);
    box-shadow: var(--shadow);
    transition: border-color 160ms ease, transform 160ms ease, box-shadow 160ms ease;
}

.index-page-card:hover,
.index-page-card:focus-visible {
    border-color: var(--terracotta);
    outline: 0;
    transform: translateY(-2px);
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.2);
}

.index-page-card__mark {
    width: 56px;
    height: 56px;
    display: grid;
    place-items: center;
    border: 1px solid var(--line);
    border-radius: 15px;
    background: var(--cream);
    color: var(--terracotta);
    font-size: 1.25rem;
    font-weight: 900;
}

.index-page-card__content,
.index-page-card__content small,
.index-page-card__content strong,
.index-page-card__content > span {
    min-width: 0;
    display: block;
}

.index-page-card__content small {
    color: var(--terracotta);
    font-size: 0.58rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.index-page-card__content strong {
    margin-top: 3px;
    font: 700 1.2rem/1.25 Georgia, serif;
}

.index-page-card__content > span {
    margin-top: 6px;
    overflow: hidden;
    color: var(--muted);
    font-size: 0.65rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.index-page-card__action {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: var(--terracotta);
    font-size: 0.68rem;
    font-weight: 850;
    white-space: nowrap;
}

.index-page-card__action i {
    font-size: 1rem;
    font-style: normal;
}

.index-page-heading .heading-actions {
    align-items: flex-end;
    flex-direction: column;
}

.index-final-url-field small {
    color: var(--muted);
    font-size: 0.62rem;
    line-height: 1.45;
}

@media (max-width: 1120px) {
    .index-page-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 700px) {
    .index-page-grid {
        grid-template-columns: 1fr;
    }

    .index-page-card {
        grid-template-columns: 48px minmax(0, 1fr);
        padding: 18px;
    }

    .index-page-card__mark {
        width: 48px;
        height: 48px;
        border-radius: 13px;
    }

    .index-page-card__action {
        grid-column: 2;
    }

    .index-page-heading .heading-actions {
        width: 100%;
        align-items: stretch;
    }
}

/* Chat de acompañamiento exclusivo de las respuestas de Página C. */
.page-c-admin-chat {
    margin: 16px;
    overflow: hidden;
    border: 1px solid rgba(55, 196, 255, 0.25);
    border-radius: 14px;
    background: rgba(6, 16, 27, 0.74);
}

.page-c-admin-chat__heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 16px;
    border-bottom: 1px solid rgba(55, 196, 255, 0.16);
}

.page-c-admin-chat__heading span,
.page-c-admin-chat__heading h3 {
    display: block;
    margin: 0;
}

.page-c-admin-chat__heading > div > span {
    color: #37c4ff;
    font-size: 0.56rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.page-c-admin-chat__heading h3 {
    margin-top: 3px;
    color: #f5f9fd;
    font-size: 0.92rem;
}

.page-c-chat-status {
    padding: 5px 9px;
    border-radius: 999px;
    background: rgba(253, 218, 36, 0.14);
    color: #fdda24;
    font-size: 0.58rem;
    font-weight: 850;
    white-space: nowrap;
}

.page-c-chat-status--active {
    background: rgba(45, 222, 166, 0.13);
    color: #2ddea6;
}

.page-c-chat-status--closed {
    background: rgba(139, 157, 174, 0.14);
    color: #9eafbf;
}

.page-c-admin-chat__empty,
.page-c-admin-chat__closed {
    padding: 18px 16px;
    color: #8296a8;
    font-size: 0.7rem;
}

.page-c-admin-chat__alert {
    display: flex;
    align-items: center;
    gap: 9px;
    margin: 12px 16px 0;
    padding: 10px 12px;
    border: 1px solid rgba(253, 218, 36, 0.26);
    border-radius: 10px;
    background: rgba(253, 218, 36, 0.08);
    color: #fdda24;
    font-size: 0.7rem;
}

.page-c-admin-chat__alert i {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #fdda24;
    box-shadow: 0 0 12px rgba(253, 218, 36, 0.8);
}

.page-c-admin-chat__messages {
    max-height: 340px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    overflow-y: auto;
    padding: 14px 16px;
}

.page-c-admin-message {
    width: fit-content;
    max-width: 82%;
    padding: 9px 11px;
    border: 1px solid rgba(139, 157, 174, 0.18);
    border-radius: 11px 11px 11px 3px;
    background: #111f2c;
}

.page-c-admin-message--admin {
    align-self: flex-end;
    border-color: rgba(55, 196, 255, 0.26);
    border-radius: 11px 11px 3px;
    background: rgba(25, 112, 151, 0.22);
}

.page-c-admin-message--system {
    align-self: center;
    max-width: 100%;
    border: 0;
    background: transparent;
    color: #9eafbf;
    text-align: center;
}

.page-c-admin-message > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.page-c-admin-message strong,
.page-c-admin-message time {
    font-size: 0.56rem;
}

.page-c-admin-message strong {
    color: #37c4ff;
}

.page-c-admin-message time {
    color: #71879a;
}

.page-c-admin-message p {
    margin: 4px 0 0;
    overflow-wrap: anywhere;
    color: #edf5fb;
    font-size: 0.72rem;
    line-height: 1.45;
}

.page-c-admin-chat__reply {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px;
    align-items: end;
    padding: 0 16px 14px;
}

.page-c-admin-chat__reply label,
.page-c-admin-chat__reply label span {
    display: block;
}

.page-c-admin-chat__reply label span {
    margin-bottom: 6px;
    color: #8ca2b5;
    font-size: 0.58rem;
    font-weight: 800;
    text-transform: uppercase;
}

.page-c-admin-chat__reply textarea {
    width: 100%;
    min-height: 64px;
    resize: vertical;
    padding: 10px 11px;
    border: 1px solid #263c4e;
    border-radius: 9px;
    background: #07111b;
    color: #edf5fb;
    font: inherit;
    font-size: 0.7rem;
}

.page-c-admin-chat__reply textarea:focus {
    border-color: #37c4ff;
    outline: 0;
    box-shadow: 0 0 0 2px rgba(55, 196, 255, 0.12);
}

.page-c-admin-chat__finish {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 16px;
    border-top: 1px solid rgba(55, 196, 255, 0.14);
}

.page-c-admin-chat__finish small {
    color: #71879a;
    font-size: 0.58rem;
}

@media (max-width: 700px) {
    .page-c-admin-chat__reply {
        grid-template-columns: 1fr;
    }

    .page-c-admin-chat__reply .button {
        width: 100%;
    }

    .page-c-admin-chat__finish {
        align-items: stretch;
        flex-direction: column;
    }
}