/* Dashboard adapted from PANEL_REFERENCIA; scoped to avoid changing catalog pages. */
.z-dashboard,.z-security,.z-auth-body{--z-green:#75e2bc;--z-amber:#eac477;--z-purple:#b9a5ef;--z-red:#f597aa;--z-muted:var(--muted,#96a4b6);--z-line:var(--border,#28313e)}
html[data-theme=light] .z-dashboard,html[data-theme=light] .z-security,html[data-theme=light] .z-auth-body{--z-green:#187153;--z-amber:#8d5b09;--z-purple:#6c47b4;--z-red:#af2849}
.z-dashboard{max-width:1500px;margin:auto;line-height:1.5}
.z-dashboard h1,.z-dashboard h2,.z-dashboard h3,.z-security h2,.z-security h3{margin:0;letter-spacing:-.02em}
.z-dashboard h2,.z-security h2{font-size:1.12rem;font-weight:700}
.z-dashboard p,.z-security p{margin:.5rem 0 0}
.z-dashboard a,.z-security a{text-decoration:none}
.z-eyebrow{display:block;font-size:.68rem;font-weight:750;letter-spacing:1.4px;color:var(--z-purple);margin-bottom:8px}
.z-greeting{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 28px;margin-bottom:22px;border:1px solid #403651;border-radius:14px;background:linear-gradient(110deg,#282237,#1a1c28 90%)}
.z-greeting h1{font-size:clamp(1.3rem,1.6vw,1.9rem);font-weight:750;color:#f5f2ff;overflow-wrap:anywhere}
.z-greeting p{color:#b8b3cb;font-size:.92rem}
.z-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:auto;min-height:42px;padding:10px 16px;border:1px solid transparent;border-radius:8px;font:inherit;font-size:.86rem;font-weight:650;text-decoration:none;cursor:pointer;line-height:1.35;text-align:center}
.z-primary{background:var(--accent,#d8ff00);color:var(--accentText,#10130a)}
.z-secondary{background:var(--panel2,#19202a);border-color:var(--border2,#353e50);color:var(--text,#eff2f8)}
.z-danger{background:var(--dangerBg,#3b1720);color:var(--danger,#ff91a6)}
.z-small{font-size:.78rem;min-height:34px;padding:7px 11px}
.z-button:hover{filter:brightness(1.07)}
.z-dashboard :is(a,button):focus-visible,.z-security :is(input,button,summary):focus-visible,.z-auth-body :is(input,button):focus-visible{outline:2px solid var(--accent,#d8ff00);outline-offset:3px}
.z-stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px}
.z-stat{background:var(--panel);border:1px solid var(--z-line);border-radius:13px;padding:22px;min-width:0;box-shadow:0 0 0 1px #00eaff05}
.z-stat-label{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:.87rem;color:var(--text);opacity:.85}
.z-stat-label svg{flex-shrink:0;color:var(--z-muted)}
.z-stat-value{display:block;font-size:2.5rem;font-weight:700;line-height:1.25;margin:16px 0 8px;letter-spacing:-1px;overflow-wrap:anywhere}
.z-stat small{color:var(--z-muted);font-size:.79rem}
.z-green{color:var(--z-green)}.z-purple{color:var(--z-purple)}.z-amber{color:var(--z-amber)}.z-red{color:var(--z-red)}
.z-panel{background:var(--panel);border:1px solid var(--z-line);border-radius:13px;overflow:hidden;margin-bottom:22px;min-width:0}
.z-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:19px 22px;border-bottom:1px solid var(--z-line)}
.z-panel-heading p{color:var(--z-muted);font-size:.83rem}
.z-status{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;padding:5px 10px;background:var(--panel2,#202431);color:var(--z-muted);border:1px solid var(--border2,#343e4e);border-radius:6px;font-size:.74rem;line-height:1.3;white-space:nowrap}
.z-status-green{background:#174b3538;color:var(--z-green);border-color:#38796260}
.z-status-amber{background:#73521428;color:var(--z-amber);border-color:#9b742c55}
.z-monitor-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:22px;gap:20px}
.z-monitor-grid>div{border-right:1px solid var(--z-line);padding-right:15px;min-width:0}
.z-monitor-grid>div:last-child{border:0}
.z-monitor-grid span,.z-monitor-grid small{display:block;font-size:.78rem;color:var(--z-muted)}
.z-monitor-grid strong{display:block;margin:7px 0 3px;font-size:1rem;overflow-wrap:anywhere}
.z-panel-foot{display:flex;align-items:center;gap:16px;justify-content:space-between;padding:0 22px 20px}
.z-panel-foot p,.z-panel-note,.z-chart-note{font-size:.79rem;color:var(--z-muted);line-height:1.6}
.z-link{color:var(--z-purple);font-size:.84rem;font-weight:550;white-space:nowrap}
.z-link:hover{text-decoration:underline!important}
.z-section-heading{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:13px}
.z-catalog-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.z-catalog-card{display:flex;align-items:center;gap:12px;min-width:0;padding:18px 14px;background:var(--panel);border:1px solid var(--z-line);border-radius:12px;color:var(--text)}
.z-catalog-card:hover{border-color:var(--z-purple)}
.z-catalog-card>span:nth-child(2){min-width:0}
.z-catalog-card strong{display:block;font-size:.85rem}
.z-catalog-card small{display:block;font-size:.71rem;color:var(--z-muted);margin-top:4px}
.z-catalog-card b{margin-left:auto;font-size:1.36rem;font-weight:650}
.z-catalog-icon{width:40px;height:40px;display:grid;place-items:center;flex-shrink:0;border-radius:10px;background:#6650b833;color:var(--z-purple)}
.z-icon-movie{background:#33795c33;color:var(--z-green)}.z-icon-series{background:#98733a33;color:var(--z-amber)}.z-icon-adult{background:#ae477733;color:var(--z-red)}
.z-catalog-extra{display:flex;gap:20px;flex-wrap:wrap;padding:14px 2px 24px}
.z-catalog-extra a{color:var(--z-muted);font-size:.8rem}.z-catalog-extra b{margin-left:7px;color:var(--text)}
.z-dashboard-columns{display:grid;grid-template-columns:1.7fr 1fr;gap:20px}
.z-chart{height:218px;display:flex;align-items:flex-end;gap:20px;padding:20px 28px 15px}
.z-chart-column{display:flex;flex-direction:column;align-items:center;gap:8px;flex:1;height:100%;min-width:0}
.z-chart-column strong{font-size:.78rem;color:var(--z-purple);font-weight:600}
.z-chart-column small{font-size:.75rem;color:var(--z-muted)}
.z-chart-track{flex:1;width:100%;max-width:36px;display:flex;align-items:flex-end;border-bottom:1px solid var(--z-line)}
.z-chart-bar{width:100%;background:linear-gradient(#ad94eb,#7f65c4);border-radius:5px 5px 0 0}
.z-chart-note{padding:0 22px 18px}
.z-subscriptions{padding:5px 22px;margin:0}
.z-subscriptions>div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 0;border-bottom:1px solid var(--z-line)}
.z-subscriptions>div:last-child{border:0}
.z-subscriptions dt{font-size:.87rem}.z-subscriptions dd{font-size:1.08rem;font-weight:650;margin:0}
.z-panel-note{padding:6px 22px 20px}
.z-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
.z-dashboard table{margin:0;min-width:660px;font-size:.84rem}
.z-dashboard th{background:var(--panel2);padding:12px 21px;color:var(--z-muted);font-size:.69rem;letter-spacing:.6px;white-space:nowrap}
.z-dashboard td{padding:15px 21px;vertical-align:middle}
.z-dashboard tbody tr:last-child td{border:0}
.z-dashboard td strong{font-weight:600;overflow-wrap:anywhere}
.z-dashboard td small{display:block;margin-top:4px;color:var(--z-muted);font-size:.73rem}
.z-dashboard td.z-empty{text-align:center;color:var(--z-muted);padding:35px}
.z-action-row{display:flex;align-items:center;gap:13px;flex-wrap:wrap}
.z-action-row form{margin:0}
.z-bottom-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.z-panel-body{padding:20px 22px}
.z-health-list>div,.z-server{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}
.z-help,.z-muted{color:var(--z-muted);line-height:1.65;font-size:.84rem}
.z-security{margin-bottom:22px;scroll-margin-top:90px}
.z-security .z-panel-heading{padding:0 0 18px;margin-bottom:20px}
.z-security .z-panel-heading .z-eyebrow{margin-bottom:6px}
.z-security-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.z-security h3{font-size:1rem;margin-bottom:8px}
.z-security .z-button{margin-top:15px}
.z-security label{display:block;margin:13px 0 7px;font-size:.86rem}
.z-security summary{cursor:pointer;font-size:.87rem;line-height:1.6}
.z-qr{margin:18px 0;background:#fff;padding:6px;border-radius:8px;width:240px;max-width:100%;color:#111}
.z-qr:empty{display:none}.z-qr svg{display:block;width:100%;height:auto}
.z-manual-key{padding:12px;background:var(--panel2);border-radius:8px;border:1px solid var(--border)}
.z-manual-key code{display:block;font-size:.85rem;margin-top:10px;overflow-wrap:anywhere;user-select:all}
.z-recovery{border:1px solid #38796260;background:#174b3520;padding:20px;border-radius:10px;margin:20px 0}
.z-recovery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px;max-width:540px}
.z-recovery-grid code{background:var(--panel2);padding:10px;border:1px solid var(--border);border-radius:6px;font-size:.9rem;text-align:center;overflow-wrap:anywhere;user-select:all}
.z-security-manage{margin-top:18px;padding-top:18px;border-top:1px solid var(--border)}
.z-auth-body{--bg:#090c12;--panel:#121821;--panel2:#0e141d;--field:#0b111a;--text:#edf1f8;--muted:#99a4b9;--border:#28323f;--border2:#354050;--accent:#d8ff00;--accentText:#111609;--danger:#ffa6b7;--dangerBg:#422232;margin:0;min-height:100vh;background:radial-gradient(ellipse at 30% 10%,#2a243c66,transparent 60%),var(--bg);color:var(--text);display:grid;place-items:center;padding:24px;font:16px Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;box-sizing:border-box}
.z-auth-body *{box-sizing:border-box}
html[data-theme=light] .z-auth-body{--bg:#eef2f5;--panel:#fff;--panel2:#f5f6fa;--field:#fff;--text:#17202a;--muted:#627087;--border:#d7dfe6;--border2:#c6cfdb;--accent:#a7ce00;--danger:#b92043;--dangerBg:#ffe7ec}
.z-login{width:100%;max-width:450px;background:var(--panel);border:1px solid var(--border);border-radius:18px;padding:34px;box-shadow:0 30px 90px #0003}
.z-login-brand{font-size:1.7rem;font-weight:850;line-height:1.3;overflow-wrap:anywhere;margin-bottom:29px}
.z-login-brand img{display:block;max-width:180px;max-height:72px;margin-bottom:12px}
.z-login h1{font-size:1.55rem;letter-spacing:-.5px;margin:6px 0 10px}
.z-login p{margin:0 0 18px}
.z-auth-form{display:flex;flex-direction:column;gap:9px;margin-top:24px}
.z-auth-form label{font-size:.87rem;margin-top:5px}
.z-auth-form input:not([type=hidden]){width:100%;padding:12px;border:1px solid var(--border2);border-radius:8px;background:var(--field);color:var(--text);font:inherit;min-height:46px}
.z-auth-form .z-button{margin-top:9px;width:100%;min-height:46px}
.z-auth-form .z-help{margin:4px 0 0;font-size:.79rem}
.z-password{position:relative}.z-password input{padding-right:88px!important}
.z-password button{position:absolute;right:5px;top:5px;bottom:5px;border:0;border-radius:5px;background:transparent;color:var(--muted);font:inherit;font-size:.78rem;cursor:pointer;width:auto;padding:5px 9px}
.z-login>form>.z-secondary{margin-top:14px;width:100%}
.z-theme-switch{display:block;background:transparent;border:0;color:var(--muted);font:inherit;font-size:.8rem;padding:12px;margin:16px auto 0;cursor:pointer}
.z-error,.z-notice{padding:12px 14px;border-radius:8px;line-height:1.55;font-size:.84rem}
.z-error{background:var(--dangerBg);color:var(--danger);border:1px solid #a4405266}.z-notice{background:#29745a22;color:var(--z-green);border:1px solid #38796260}
@media(max-width:1200px){.z-stats-grid{gap:12px}.z-stat{padding:18px}.z-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.z-dashboard-columns{grid-template-columns:1.4fr 1fr}.z-monitor-grid{gap:12px}.z-monitor-grid strong{font-size:.9rem}}
@media(max-width:780px){.z-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.z-dashboard-columns{grid-template-columns:1fr;gap:0}.z-bottom-grid{grid-template-columns:1fr;gap:0}.z-security-columns{grid-template-columns:1fr;gap:22px}.z-monitor-grid{grid-template-columns:1fr;gap:15px}.z-monitor-grid>div{border-right:0;border-bottom:1px solid var(--z-line);padding:0 0 12px}.z-panel-foot{align-items:flex-start;flex-direction:column}.z-greeting{padding:22px;align-items:flex-start;flex-direction:column;gap:18px}}
@media(max-width:520px){.z-stat{padding:16px 13px}.z-stat-label{font-size:.79rem;align-items:flex-start;min-height:36px}.z-stat-label svg{width:18px}.z-stat-value{font-size:2rem;margin:9px 0 7px}.z-catalog-grid{grid-template-columns:1fr}.z-panel-heading{padding:17px;align-items:flex-start;flex-wrap:wrap;gap:10px}.z-section-heading{align-items:flex-start;flex-direction:column;gap:8px}.z-monitor-grid,.z-panel-body{padding:18px}.z-panel-foot{padding:0 18px 18px}.z-chart{padding:20px 16px 12px;gap:12px}.z-recovery-grid{grid-template-columns:1fr}.z-auth-body{padding:16px}.z-login{padding:26px 22px}.z-catalog-extra{gap:12px}.z-security .z-button{width:100%}.z-status{white-space:normal}}

.z-table-hint{display:none}@media(max-width:780px){.z-table-hint{display:block;color:var(--z-muted);font-size:.75rem;padding:8px 18px 14px!important;margin:0!important}}
