:root{color-scheme:dark;--bg:#07100d;--panel:#0d1713;--panel2:#101d18;--line:rgba(202,255,225,.1);--muted:#8ca097;--text:#f1fff7;--green:#4cff91;--red:#ff6068;--violet:#b995ff;--blue:#77bbff;--amber:#ffd578}
*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;background:radial-gradient(circle at 75% 0,rgba(39,133,83,.18),transparent 30rem),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input{font:inherit}button,a{color:inherit}a{text-decoration:none}
.eyebrow{margin:0 0 6px;color:var(--green);font:700 10px/1 ui-monospace,monospace;letter-spacing:.2em}.app-shell{min-height:100vh;display:grid;grid-template-columns:248px minmax(0,1fr)}
.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:28px 20px;border-right:1px solid var(--line);background:rgba(5,13,10,.88);backdrop-filter:blur(16px)}.brand-lockup{display:flex;gap:12px;align-items:center;padding:0 8px 30px}.brand-lockup strong,.brand-lockup small{display:block}.brand-lockup strong{font-size:14px;letter-spacing:.08em}.brand-lockup small{margin-top:2px;color:var(--green);font:700 10px/1.2 ui-monospace,monospace;letter-spacing:.24em}.dog-mark{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(76,255,145,.35);border-radius:14px;background:linear-gradient(145deg,rgba(76,255,145,.18),rgba(76,255,145,.04));font-size:22px}.sidebar nav{display:grid;gap:7px}.nav-item{width:100%;display:flex;align-items:center;gap:12px;padding:12px 13px;border-radius:12px;background:transparent;color:#8da298;font-size:13px}.nav-item:hover{background:rgba(255,255,255,.035);color:#d8efe3}.nav-item.active{color:#eafff2;background:linear-gradient(90deg,rgba(76,255,145,.14),rgba(76,255,145,.03));box-shadow:inset 2px 0 var(--green)}.nav-item>span{color:var(--green)}.nav-item em{margin-left:auto;color:#6c7d75;font-size:9px;font-style:normal;text-transform:uppercase}.protection-card{margin-top:auto;display:flex;gap:11px;align-items:center;padding:14px;border:1px solid rgba(76,255,145,.12);border-radius:14px;background:rgba(76,255,145,.045)}.protection-card strong,.protection-card small{display:block}.protection-card strong{font-size:12px}.protection-card small{margin-top:3px;color:var(--muted);font-size:10px}.shield-dot{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;color:#052111;background:var(--green);font-weight:900}
.workspace{min-width:0;padding:28px clamp(22px,4vw,58px) 60px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:20px;max-width:1380px;margin:0 auto 25px}.topbar h1{margin:0;font-size:clamp(24px,3vw,34px);letter-spacing:-.04em}.topbar-actions{display:flex;align-items:center;gap:13px}.live-pill{display:flex;gap:8px;align-items:center;padding:9px 13px;border:1px solid var(--line);border-radius:999px;color:#b7c9c0;background:rgba(255,255,255,.025);font-size:11px}.live-pill>span{width:7px;height:7px;border-radius:50%;background:var(--amber);box-shadow:0 0 0 4px rgba(255,213,120,.08)}.live-pill.connected>span{background:var(--green);box-shadow:0 0 0 4px rgba(76,255,145,.1),0 0 14px var(--green)}.live-pill.error>span{background:var(--red)}.account-menu{position:relative}.account-menu summary{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(76,255,145,.22);border-radius:50%;background:rgba(76,255,145,.08);font-size:11px;font-weight:800;cursor:pointer;list-style:none}.account-menu summary::-webkit-details-marker{display:none}.account-menu>div{position:absolute;z-index:9;right:0;top:46px;min-width:180px;padding:14px;border:1px solid var(--line);border-radius:12px;background:#0d1813;box-shadow:0 20px 50px rgba(0,0,0,.35)}.account-menu strong{display:block;font-size:12px}.account-menu button{width:100%;margin-top:10px;padding:8px;border:1px solid var(--line);border-radius:8px;background:transparent;color:var(--muted);font-size:10px;cursor:pointer}
.hero-panel{max-width:1380px;margin:0 auto;display:grid;grid-template-columns:1.4fr 1fr;align-items:center;gap:36px;min-height:230px;padding:clamp(28px,4vw,48px);border:1px solid rgba(76,255,145,.13);border-radius:24px;overflow:hidden;background:linear-gradient(125deg,rgba(21,48,35,.86),rgba(9,20,15,.82)),repeating-linear-gradient(90deg,transparent 0 29px,rgba(76,255,145,.02) 30px);box-shadow:0 24px 70px rgba(0,0,0,.16)}.safe-label{display:inline-block;margin-bottom:13px;color:var(--green);font:700 10px/1 ui-monospace,monospace;letter-spacing:.18em}.hero-panel h2{margin:0;max-width:700px;font-size:clamp(27px,4vw,45px);line-height:1.06;letter-spacing:-.045em}.hero-panel p{max-width:600px;margin:16px 0 0;color:#9db1a7;font-size:14px;line-height:1.7}.scanner{padding:22px;border:1px solid rgba(76,255,145,.15);border-radius:16px;background:rgba(2,10,6,.55)}.scanner code{color:#80f8ad;font:11px/1.4 ui-monospace,monospace;letter-spacing:.05em}.scanner-line{height:6px;margin:21px 0 16px;overflow:hidden;border-radius:99px;background:rgba(255,255,255,.07)}.scanner-line span{display:block;width:72%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#22ba63,#70ffa7);box-shadow:0 0 18px rgba(76,255,145,.6);animation:scan 2.4s ease-in-out infinite}.scanner>div:last-child{display:flex;justify-content:space-between;color:#81968b;font-size:10px}.scanner strong{color:#d8fbe7;font-family:ui-monospace,monospace}@keyframes scan{50%{width:95%}}
.stats-grid{max-width:1380px;margin:18px auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.stats-grid article{display:flex;align-items:center;gap:13px;min-height:91px;padding:17px;border:1px solid var(--line);border-radius:16px;background:rgba(13,23,19,.82)}.stats-grid small,.stats-grid strong{display:block}.stats-grid small{color:var(--muted);font-size:10px}.stats-grid strong{margin-top:4px;font-size:21px;letter-spacing:-.03em}.stats-grid em{margin-left:auto;align-self:flex-start;color:#7f948a;font-size:9px;font-style:normal;text-transform:uppercase}.stat-icon{display:grid;place-items:center;width:38px;height:38px;flex:0 0 auto;border-radius:12px}.stat-icon.green{color:var(--green);background:rgba(76,255,145,.09)}.stat-icon.violet{color:var(--violet);background:rgba(143,94,255,.1)}.stat-icon.blue{color:var(--blue);background:rgba(60,143,255,.1)}.stat-icon.amber{color:var(--amber);background:rgba(255,193,62,.1)}
.inbox-panel{max-width:1380px;margin:0 auto;padding:24px;border:1px solid var(--line);border-radius:20px;background:rgba(12,22,18,.78)}.inbox-header{display:flex;justify-content:space-between;gap:20px;align-items:center}.inbox-header h2{margin:0;font-size:17px}.inbox-header p{margin:6px 0 0;color:var(--muted);font-size:11px}.inbox-actions{display:flex;gap:9px;align-items:center}.search-box{width:min(390px,40vw);display:flex;align-items:center;gap:9px;padding:10px 13px;border:1px solid var(--line);border-radius:12px;background:rgba(4,11,8,.6);color:#73877d}.search-box input{width:100%;border:0;outline:0;background:transparent;color:var(--text);font-size:11px}.search-box input::placeholder{color:#62756c}.secondary-button,.back-button{padding:10px 12px;border:1px solid rgba(76,255,145,.16);border-radius:10px;background:rgba(76,255,145,.07);color:#74fca9;font-size:10px;cursor:pointer}.filters{display:flex;flex-wrap:wrap;gap:7px;margin:21px 0 13px}.filters button{padding:7px 11px;border:1px solid var(--line);border-radius:9px;background:rgba(255,255,255,.018);color:#7f9489;font:700 9px/1 ui-monospace,monospace;letter-spacing:.06em;cursor:pointer}.filters button.active{border-color:rgba(76,255,145,.25);color:var(--green);background:rgba(76,255,145,.08)}.event-list{display:grid;gap:8px}.event-card{display:grid;grid-template-columns:46px minmax(0,1fr) auto 90px;gap:14px;align-items:center;padding:13px;border:1px solid rgba(255,255,255,.055);border-radius:14px;background:rgba(255,255,255,.018);transition:.2s ease}.event-card:hover{border-color:rgba(76,255,145,.16);transform:translateY(-1px);background:rgba(76,255,145,.025)}.service-badge{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;font-weight:900}.service-badge.netflix{color:#ff6d74;background:rgba(239,68,68,.12)}.service-badge.hbo{color:#c8acff;background:rgba(139,92,246,.14)}.service-badge.disney{color:#71b6ff;background:rgba(59,130,246,.12)}.service-badge.prime{color:#7ce8ff;background:rgba(34,211,238,.1)}.service-badge.paramount{color:#92a8ff;background:rgba(99,102,241,.12)}.service-badge.otro{color:#b8c9c0;background:rgba(255,255,255,.06)}.event-title{display:flex;gap:10px;align-items:center}.event-title strong{font-size:12px}.event-title span{color:#61746a;font-size:9px}.event-main p{margin:5px 0 2px;color:#b5c9bf;font:11px/1.3 ui-monospace,monospace}.event-main small{display:block;overflow:hidden;color:#65786e;font-size:10px;white-space:nowrap;text-overflow:ellipsis}.code-box{min-width:112px;padding:7px 12px;border-left:1px solid var(--line)}.code-box span,.code-box strong{display:block}.code-box span{color:#5f7369;font:700 8px/1 ui-monospace,monospace;letter-spacing:.13em}.code-box strong{margin-top:4px;color:#eafff2;font:700 18px/1 ui-monospace,monospace;letter-spacing:.08em}.copy-button,.open-button{padding:9px 12px;border:1px solid rgba(76,255,145,.16);border-radius:10px;background:rgba(76,255,145,.075);color:#74fca9;font-size:10px;text-align:center;cursor:pointer}.copy-button:hover,.copy-button.copied,.open-button:hover{background:var(--green);color:#052010}.empty-state{padding:44px;text-align:center;color:var(--muted);font-size:12px}.empty-state strong{display:block;margin-bottom:5px;color:#b8c9c0}.loader{display:inline-block;width:16px;height:16px;margin-right:8px;border:2px solid rgba(76,255,145,.18);border-top-color:var(--green);border-radius:50%;vertical-align:middle;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.page-footer{max-width:1380px;margin:18px auto 0;display:flex;justify-content:space-between;gap:15px;color:#4f6258;font:9px/1.4 ui-monospace,monospace}.toast{position:fixed;right:24px;bottom:24px;z-index:20;transform:translateY(20px);padding:11px 15px;border:1px solid rgba(76,255,145,.2);border-radius:11px;background:#102319;color:#baffd2;font-size:11px;opacity:0;pointer-events:none;transition:.2s}.toast.show{transform:none;opacity:1}
.auth-body{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-shell{width:min(920px,100%);display:grid;grid-template-columns:1.15fr .85fr;overflow:hidden;border:1px solid rgba(76,255,145,.12);border-radius:26px;background:linear-gradient(135deg,rgba(20,48,34,.75),rgba(7,16,13,.9));box-shadow:0 30px 100px rgba(0,0,0,.35)}.auth-shell-login{width:min(820px,100%)}.auth-brand{display:flex;flex-direction:column;justify-content:center;padding:clamp(38px,6vw,72px)}.brand-icon{font-size:45px}.auth-brand h1{margin:14px 0;font-size:clamp(30px,5vw,51px);line-height:1.02;letter-spacing:-.05em}.auth-brand>p:not(.eyebrow){max-width:470px;margin:0;color:#98aca2;line-height:1.7}.read-only-note{display:flex;align-items:center;gap:11px;margin-top:28px}.read-only-note>span{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--green);color:#052010;font-weight:900}.read-only-note strong,.read-only-note small{display:block}.read-only-note strong{font-size:12px}.read-only-note small{margin-top:3px;color:var(--muted);font:9px ui-monospace,monospace}.auth-card{padding:clamp(30px,5vw,52px);border-left:1px solid var(--line);background:rgba(3,10,7,.48)}.auth-card .step{margin:0 0 8px;color:var(--green);font:700 9px ui-monospace,monospace;letter-spacing:.17em}.auth-card h2{margin:0 0 25px;font-size:25px}.auth-card form{display:grid;gap:15px}.auth-card label{display:grid;gap:7px;color:#9fb1a8;font-size:11px}.auth-card input{width:100%;padding:12px 13px;border:1px solid var(--line);border-radius:10px;outline:0;background:rgba(255,255,255,.025);color:var(--text)}.auth-card input:focus{border-color:rgba(76,255,145,.45);box-shadow:0 0 0 3px rgba(76,255,145,.06)}.primary-button{margin-top:4px;padding:13px;border:0;border-radius:10px;background:var(--green);color:#052010;font-weight:800;cursor:pointer}.form-error{margin-bottom:15px;padding:10px 12px;border:1px solid rgba(255,96,104,.25);border-radius:9px;background:rgba(255,96,104,.08);color:#ff9da2;font-size:11px}.auth-foot{margin:18px 0 0;color:#60736a;font-size:9px;line-height:1.5}
.placeholder-workspace{display:flex;flex-direction:column}.placeholder-card{max-width:850px;margin:auto;padding:clamp(36px,7vw,72px);border:1px solid var(--line);border-radius:24px;background:linear-gradient(135deg,rgba(20,46,34,.72),rgba(10,20,16,.85));text-align:center}.big-icon{display:grid;place-items:center;width:64px;height:64px;margin:0 auto 22px;border:1px solid rgba(76,255,145,.18);border-radius:20px;background:rgba(76,255,145,.07);color:var(--green);font-size:28px}.placeholder-card h2{margin:0;font-size:32px}.placeholder-card p{max-width:650px;margin:16px auto 26px;color:var(--muted);line-height:1.8}.placeholder-pills{display:flex;justify-content:center;flex-wrap:wrap;gap:8px}.placeholder-pills span{padding:8px 11px;border:1px solid var(--line);border-radius:999px;color:#a8bbb2;font-size:10px}
@media(max-width:1020px){.app-shell{grid-template-columns:78px minmax(0,1fr)}.sidebar{padding:22px 12px}.brand-lockup>span:last-child,.nav-item:not(.active),.nav-item em,.protection-card>span:last-child{display:none}.brand-lockup{padding:0 5px 26px}.nav-item{justify-content:center}.protection-card{justify-content:center;padding:10px}.stats-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.app-shell{display:block}.sidebar{position:static;width:100%;height:auto;flex-direction:row;align-items:center;padding:12px 16px}.brand-lockup{padding:0}.sidebar nav{display:flex;margin-left:auto}.nav-item{width:auto}.protection-card{display:none}.workspace{padding:20px 14px 40px}.hero-panel{grid-template-columns:1fr}.scanner{display:none}.stats-grid{grid-template-columns:repeat(2,1fr)}.inbox-header{align-items:stretch;flex-direction:column}.inbox-actions{align-items:stretch;flex-direction:column}.search-box{width:100%}.event-card{grid-template-columns:42px minmax(0,1fr) auto}.code-box{grid-column:2;border-left:0;padding:5px 0}.copy-button,.open-button{grid-column:3;grid-row:1/span 2}.event-main small{display:none}.live-pill{display:none}.auth-shell{grid-template-columns:1fr}.auth-brand{padding:38px}.auth-brand h1{font-size:36px}.auth-card{border-top:1px solid var(--line);border-left:0}.page-footer{flex-direction:column}}
@media(max-width:460px){.stats-grid{grid-template-columns:1fr}.topbar h1{font-size:25px}.hero-panel{padding:26px 22px}.hero-panel h2{font-size:29px}.event-card{gap:9px}.event-main p{max-width:150px;overflow:hidden;text-overflow:ellipsis}.account-menu{display:none}.auth-brand{padding:30px 25px}.auth-card{padding:28px 24px}}

/* Gestión de propietarios, administradores y clientes */
.account-menu>div>small{display:block;margin-top:3px;color:var(--muted);font-size:9px}.account-menu>div>a{display:block;margin-top:12px;padding:8px;border:1px solid rgba(76,255,145,.14);border-radius:8px;color:#9fffc0;font-size:10px;text-align:center}.section-lead{margin:8px 0 0;color:var(--muted);font-size:12px}.identity-chip{display:flex;align-items:center;gap:10px;padding:8px 12px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.025)}.identity-chip>span{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:rgba(76,255,145,.1);color:var(--green);font-weight:800}.identity-chip strong,.identity-chip small{display:block}.identity-chip strong{font-size:11px}.identity-chip small{margin-top:3px;color:var(--muted);font-size:9px}
.management-workspace{padding-bottom:50px}.management-grid{max-width:1380px;margin:0 auto;display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:18px;align-items:start}.create-user-card,.user-list-card{border:1px solid var(--line);border-radius:20px;background:rgba(12,22,18,.82)}.create-user-card{position:sticky;top:24px;padding:25px}.card-heading{display:flex;align-items:center;gap:13px}.big-icon.compact{width:46px;height:46px;margin:0;border-radius:14px;font-size:20px}.card-heading h2,.list-heading h2{margin:0;font-size:20px}.create-user-card>p{margin:18px 0;color:var(--muted);font-size:11px;line-height:1.65}.management-form{display:grid;gap:14px}.management-form label{display:grid;gap:7px;color:#9fb1a8;font-size:10px}.management-form input{width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:10px;outline:0;background:rgba(255,255,255,.025);color:var(--text)}.management-form input:focus{border-color:rgba(76,255,145,.4);box-shadow:0 0 0 3px rgba(76,255,145,.05)}
.user-list-card{overflow:hidden}.list-heading{display:flex;align-items:center;justify-content:space-between;padding:22px 24px;border-bottom:1px solid var(--line)}.count-pill{display:grid;place-items:center;min-width:32px;height:32px;padding:0 10px;border:1px solid rgba(76,255,145,.18);border-radius:999px;background:rgba(76,255,145,.07);color:var(--green);font:700 11px ui-monospace,monospace}.user-table-wrap{overflow-x:auto}.user-table{width:100%;border-collapse:collapse}.user-table th{padding:12px 15px;color:#62776d;font:700 8px ui-monospace,monospace;letter-spacing:.1em;text-align:left;text-transform:uppercase}.user-table td{padding:14px 15px;border-top:1px solid rgba(255,255,255,.045);vertical-align:middle}.user-cell{display:flex;align-items:center;gap:10px;min-width:170px}.user-cell>span{display:grid;place-items:center;width:34px;height:34px;flex:0 0 auto;border-radius:10px;background:rgba(76,255,145,.07);color:#a8ffca;font-weight:800}.user-cell strong,.user-cell small{display:block}.user-cell strong{font-size:11px}.user-cell small{margin-top:3px;color:#65796f;font:9px ui-monospace,monospace}.status-badge,.role-badge{display:inline-flex;padding:6px 8px;border-radius:999px;font-size:8px;font-weight:800;text-transform:uppercase}.status-badge.active{background:rgba(76,255,145,.09);color:var(--green)}.status-badge.suspended{background:rgba(255,96,104,.1);color:#ff8f95}.role-badge.owner{background:rgba(255,213,120,.09);color:var(--amber)}.role-badge.admin{background:rgba(119,187,255,.1);color:var(--blue)}.muted-value,.owner-lock{color:#6d8177;font-size:9px}.row-actions{display:flex;flex-wrap:wrap;gap:6px}.row-actions form{margin:0}.table-button{padding:7px 9px;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.025);color:#a9bdb3;font-size:8px;cursor:pointer}.table-button:hover{border-color:rgba(76,255,145,.2);color:var(--green)}.table-button.danger{color:#ff949a}.table-button.success{color:var(--green)}.management-empty{display:grid;place-items:center;padding:68px 25px;color:var(--muted);text-align:center}.management-empty>span{font-size:28px;color:#547066}.management-empty strong{margin-top:12px;color:#b9cec3}.management-empty p{margin:6px 0 0;font-size:10px}
.form-success{margin-bottom:15px;padding:10px 12px;border:1px solid rgba(76,255,145,.23);border-radius:9px;background:rgba(76,255,145,.08);color:#9cffbd;font-size:11px}.inline-back{display:inline-block;margin-top:24px}
.credential-shell{width:min(900px,100%);display:grid;grid-template-columns:.85fr 1.15fr;overflow:hidden;border:1px solid rgba(76,255,145,.15);border-radius:26px;background:rgba(8,18,14,.94);box-shadow:0 30px 100px rgba(0,0,0,.35)}.credential-success{display:flex;flex-direction:column;justify-content:center;padding:clamp(34px,6vw,68px);background:linear-gradient(150deg,rgba(28,75,49,.84),rgba(8,24,16,.9))}.success-mark{display:grid;place-items:center;width:54px;height:54px;margin-bottom:23px;border-radius:18px;background:var(--green);color:#052010;font-size:25px;font-weight:900;box-shadow:0 0 30px rgba(76,255,145,.18)}.credential-success h1{margin:4px 0 14px;font-size:38px;letter-spacing:-.045em}.credential-success>p:last-child{margin:0;color:#a0b7ab;font-size:12px;line-height:1.7}.credential-card{display:grid;gap:15px;padding:clamp(30px,5vw,50px);border-left:1px solid var(--line)}.credential-person{display:flex;align-items:center;gap:12px;margin-bottom:5px}.credential-person>span{display:grid;place-items:center;width:43px;height:43px;border-radius:13px;background:rgba(76,255,145,.09);color:var(--green);font-size:17px;font-weight:900}.credential-person strong,.credential-person small{display:block}.credential-person strong{font-size:14px}.credential-person small{margin-top:3px;color:var(--muted);font-size:9px}.credential-card>label{display:grid;gap:7px;color:#879b91;font-size:9px;text-transform:uppercase}.credential-value{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 12px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.025)}.credential-value.featured{border-color:rgba(76,255,145,.2);background:rgba(76,255,145,.045)}.credential-value code{overflow-wrap:anywhere;color:#dfffee;font:700 13px ui-monospace,monospace}.credential-value.featured code{color:var(--green);font-size:16px;letter-spacing:.04em}.credential-value button{padding:6px 8px;border:0;border-radius:7px;background:rgba(76,255,145,.1);color:#8dffb6;font-size:8px;cursor:pointer}.copy-access-button{padding:12px;border:1px solid rgba(76,255,145,.2);border-radius:10px;background:var(--green);color:#052010;font-weight:800;cursor:pointer}.one-time-note{display:grid;gap:4px;padding:12px;border-left:2px solid var(--amber);background:rgba(255,213,120,.04)}.one-time-note strong{color:#ffe3a5;font-size:10px}.one-time-note span{color:#7e8f86;font-size:9px;line-height:1.5}.primary-link{padding:11px;border:1px solid var(--line);border-radius:10px;color:#9fb4aa;font-size:10px;text-align:center}
.client-shell{min-height:100vh;padding:22px clamp(20px,5vw,70px);background:radial-gradient(circle at 50% 20%,rgba(36,130,77,.19),transparent 36rem)}.client-topbar{display:flex;align-items:center;justify-content:space-between;max-width:1180px;margin:0 auto;border-bottom:1px solid var(--line)}.client-topbar .brand-lockup{padding-bottom:20px}.client-actions{display:flex;align-items:center;gap:8px}.client-actions a,.client-actions button{padding:8px 10px;border:1px solid var(--line);border-radius:9px;background:transparent;color:#91a69b;font-size:9px;cursor:pointer}.client-actions form{margin:0}.client-welcome{max-width:780px;margin:clamp(70px,12vh,150px) auto 0;text-align:center}.client-welcome h1{margin:12px 0;font-size:clamp(39px,7vw,72px);letter-spacing:-.06em}.client-welcome>p{max-width:650px;margin:0 auto;color:#91a69b;font-size:14px;line-height:1.75}.client-account-card{max-width:500px;margin:36px auto 0;display:grid;grid-template-columns:54px 1fr auto;gap:15px;align-items:center;padding:17px;border:1px solid rgba(76,255,145,.14);border-radius:17px;background:rgba(12,26,19,.8);text-align:left}.client-account-card>span{display:grid;place-items:center;width:50px;height:50px;border-radius:15px;background:rgba(76,255,145,.09);color:var(--green);font-size:20px;font-weight:900}.client-account-card small,.client-account-card strong,.client-account-card em{display:block}.client-account-card small{color:#61776c;font:8px ui-monospace,monospace;letter-spacing:.13em}.client-account-card strong{margin-top:4px;font-size:14px}.client-account-card em{margin-top:4px;color:#6e8378;font-size:9px;font-style:normal}.client-account-card>b{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--green);color:#052010}
@media(max-width:980px){.management-grid{grid-template-columns:1fr}.create-user-card{position:static}.credential-shell{grid-template-columns:1fr}.credential-card{border-top:1px solid var(--line);border-left:0}}
@media(max-width:760px){.identity-chip{display:none}.management-workspace .topbar{align-items:flex-start}.management-grid{gap:12px}.create-user-card{padding:20px}.list-heading{padding:18px}.user-table th,.user-table td{padding:11px}.credential-success{padding:34px 28px}.credential-success h1{font-size:31px}.credential-card{padding:28px 22px}.client-topbar{align-items:flex-start}.client-actions{align-items:flex-end;flex-direction:column}.client-welcome{margin-top:70px}}

/* Listas prioritarias y formularios emergentes */
#activity{scroll-margin-top:24px}#activity:target{border-color:rgba(76,255,145,.42);box-shadow:0 0 0 3px rgba(76,255,145,.055),0 20px 60px rgba(0,0,0,.16);animation:activity-focus 1.2s ease}@keyframes activity-focus{0%,55%{background:rgba(25,52,38,.94)}100%{background:rgba(12,22,18,.78)}}
.management-top-actions{display:flex;align-items:center;gap:11px}.create-modal-button{padding:11px 14px;border:1px solid rgba(76,255,145,.24);border-radius:11px;background:var(--green);color:#052010;font-size:10px;font-weight:900;cursor:pointer}.create-modal-button:hover{transform:translateY(-1px);box-shadow:0 8px 24px rgba(76,255,145,.12)}.priority-list{max-width:1380px;margin:0 auto}.page-error{max-width:1380px;margin:0 auto 12px;padding:11px 14px;border:1px solid rgba(255,96,104,.25);border-radius:10px;background:rgba(255,96,104,.08);color:#ff9da2;font-size:11px}
body.modal-open{overflow:hidden}.modal-overlay{position:fixed;z-index:2000;inset:0;display:grid;place-items:center;padding:20px;background:rgba(0,7,4,.76);backdrop-filter:blur(10px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,visibility .18s ease}.modal-overlay.open{opacity:1;visibility:visible;pointer-events:auto}.access-modal{position:relative;width:min(480px,100%);max-height:calc(100vh - 40px);overflow:auto;padding:28px;border:1px solid rgba(76,255,145,.18);border-radius:20px;background:linear-gradient(145deg,#11231a,#09140f);box-shadow:0 30px 100px rgba(0,0,0,.55);transform:translateY(14px) scale(.985);transition:transform .18s ease}.modal-overlay.open .access-modal{transform:none}.access-modal h2{margin:4px 0 8px;font-size:26px;letter-spacing:-.04em}.modal-copy{margin:0 0 22px;color:var(--muted);font-size:11px;line-height:1.6}.modal-copy strong{color:#bdffd4}.modal-close{position:absolute;top:15px;right:15px;display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--line);border-radius:9px;background:rgba(255,255,255,.03);color:#80978b;font-size:19px;cursor:pointer}.modal-close:hover{color:var(--text);border-color:rgba(76,255,145,.2)}.access-form{gap:16px}.password-options{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0;padding:0;border:0}.password-options legend{margin-bottom:8px;color:#9fb1a8;font-size:10px}.password-options label{display:flex;align-items:center;gap:8px;padding:10px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.02);color:#91a59b;cursor:pointer}.password-options input{width:auto;accent-color:var(--green)}.password-options label:has(input:checked){border-color:rgba(76,255,145,.3);background:rgba(76,255,145,.07);color:#c6ffda}.manual-password-fields{display:grid;gap:13px}.manual-password-fields[hidden]{display:none}.access-form .primary-button{margin-top:0}.user-cell{min-width:130px}
body.modal-open{overflow:hidden}.modal-overlay{position:fixed;z-index:2000;inset:0;display:grid;place-items:center;padding:20px;background:rgba(0,7,4,.76);backdrop-filter:blur(10px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,visibility .18s ease}.modal-overlay.open{opacity:1;visibility:visible;pointer-events:auto}.access-modal{position:relative;width:min(480px,100%);max-height:calc(100vh - 40px);overflow:auto;padding:28px;border:1px solid rgba(76,255,145,.18);border-radius:20px;background:linear-gradient(145deg,#11231a,#09140f);box-shadow:0 30px 100px rgba(0,0,0,.55);transform:translateY(14px) scale(.985);transition:transform .18s ease}.modal-overlay.open .access-modal{transform:none}.access-modal h2{margin:4px 0 8px;font-size:26px;letter-spacing:-.04em}.modal-copy{margin:0 0 22px;color:var(--muted);font-size:11px;line-height:1.6}.modal-copy strong{color:#bdffd4}.modal-close{position:absolute;top:15px;right:15px;display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--line);border-radius:9px;background:rgba(255,255,255,.03);color:#80978b;font-size:19px;cursor:pointer}.modal-close:hover{color:var(--text);border-color:rgba(76,255,145,.2)}.access-form{gap:16px}.password-options{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0;padding:0;border:0}.password-options legend{margin-bottom:8px;color:#9fb1a8;font-size:10px}.password-options label{display:flex;align-items:center;gap:8px;padding:10px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.02);color:#91a59b;cursor:pointer}.password-options input{width:auto;accent-color:var(--green)}.password-options label:has(input:checked){border-color:rgba(76,255,145,.3);background:rgba(76,255,145,.07);color:#c6ffda}.manual-password-fields{display:grid;gap:13px}.manual-password-fields[hidden],.management-form [hidden]{display:none!important}.access-form .primary-button{margin-top:0}.user-cell{min-width:130px}
@media(max-width:760px){.management-top-actions{align-items:flex-end;flex-direction:column}.management-top-actions .identity-chip{display:none}.create-modal-button{white-space:nowrap}.password-options{grid-template-columns:1fr}.access-modal{padding:25px 20px}.priority-list .row-actions{min-width:150px}}

/* v0.4 · administración compacta, buscadores y métricas */
@media(min-width:1021px){.app-shell{grid-template-columns:214px minmax(0,1fr)}.sidebar{padding:24px 15px}.brand-lockup{padding:0 6px 25px}.workspace{padding:24px 28px 52px}.nav-item{padding:12px 11px;font-size:14px}}
.management-workspace .topbar,.management-workspace .priority-list,.management-workspace .page-error,.management-summary{max-width:none;margin-left:0;margin-right:0}.management-workspace .topbar{margin-bottom:18px}.management-workspace .topbar h1{font-size:clamp(30px,3vw,40px)}.management-workspace .section-lead{font-size:13px}.management-top-actions .account-menu summary{width:42px;height:42px;font-size:12px}.management-top-actions .account-menu>div{top:50px;min-width:205px;padding:16px}.management-top-actions .account-menu strong{font-size:14px}.management-top-actions .account-menu>div>small{font-size:11px}.management-top-actions .account-menu>div>a,.management-top-actions .account-menu button{padding:10px;font-size:11px}
.management-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:10px;margin-bottom:14px}.management-summary article{min-height:88px;display:flex;align-items:center;gap:12px;padding:15px 16px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(145deg,rgba(16,31,24,.88),rgba(10,20,16,.86))}.summary-link{width:100%;display:flex;align-items:center;gap:12px}.management-summary article:has(.summary-link){transition:.16s ease}.management-summary article:has(.summary-link):hover{transform:translateY(-1px);border-color:rgba(76,255,145,.22);background:linear-gradient(145deg,rgba(20,42,30,.94),rgba(10,23,17,.9))}.management-summary small,.management-summary strong{display:block}.management-summary small{color:#91a69b;font-size:11px}.management-summary strong{margin-top:4px;font-size:25px;letter-spacing:-.04em}.summary-icon{display:grid;place-items:center;width:38px;height:38px;flex:0 0 auto;border-radius:11px;font-weight:900}.summary-icon.green{color:var(--green);background:rgba(76,255,145,.1)}.summary-icon.blue{color:var(--blue);background:rgba(119,187,255,.1)}.summary-icon.red{color:#ff8188;background:rgba(255,96,104,.1)}.summary-icon.amber{color:var(--amber);background:rgba(255,213,120,.1)}.summary-icon.violet{color:var(--violet);background:rgba(185,149,255,.1)}
.user-list-card{border-radius:17px}.list-heading{gap:18px;padding:18px 20px}.list-heading h2{font-size:23px}.list-tools{display:flex;align-items:center;gap:9px}.management-search{width:min(320px,28vw);display:flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid var(--line);border-radius:10px;background:rgba(0,0,0,.13);color:#62776d}.management-search:focus-within{border-color:rgba(76,255,145,.38);box-shadow:0 0 0 3px rgba(76,255,145,.05)}.management-search input{width:100%;padding:0;border:0;outline:0;background:transparent;color:var(--text);font-size:12px}.management-search input::placeholder{color:#65796f}.user-table th{padding:11px 13px;font-size:9px}.user-table td{padding:14px 13px}.user-cell strong{font-size:13px}.user-cell>span{width:36px;height:36px}.status-badge,.role-badge{padding:6px 9px;font-size:9px}.status-badge.expired{background:rgba(255,96,104,.12);color:#ff9399}.status-badge.expiring{background:rgba(255,213,120,.1);color:var(--amber)}.muted-value,.owner-lock,.expiry-value{font-size:10px}.expiry-value.expired{color:#ff9399}.expiry-value.expiring{color:var(--amber)}.subscription-value{color:#dfffee;font:800 15px ui-monospace,monospace}.table-button{padding:8px 10px;font-size:9px}.search-empty-row td{text-align:center!important;padding:32px!important;color:var(--muted);font-size:12px}.count-pill{font-size:12px}
.form-columns{display:grid;grid-template-columns:1fr 1fr;gap:12px}.management-form label>small{color:#61776c;font-size:9px}.compact-modal{width:min(430px,100%)}.single-stat{grid-template-columns:minmax(260px,360px)}.single-stat article{min-height:96px}.single-stat strong{font-size:25px}
@media(max-width:900px){.management-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.list-heading{align-items:flex-start;flex-direction:column}.list-tools{width:100%}.management-search{width:100%}.management-top-actions{flex-direction:row;align-items:center}}
@media(max-width:600px){.management-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.management-workspace .topbar{align-items:flex-start;flex-direction:column}.management-top-actions{width:100%;justify-content:space-between}.management-top-actions .account-menu{display:block}.list-tools{align-items:stretch}.count-pill{flex:0 0 auto}.form-columns{grid-template-columns:1fr}.single-stat{grid-template-columns:1fr}}

/* v0.5 · resumen por sección y navegación móvil */
.admin-summary{grid-template-columns:minmax(230px,380px)}.dashboard-summary-heading{max-width:1380px;margin:0 auto 11px}.dashboard-summary-heading h2{margin:0;font-size:22px}.dashboard-summary{max-width:1380px;margin:0 auto 18px}.brand-lockup strong{white-space:nowrap}.brand-lockup>span:last-child{display:flex;align-items:center}
@media(max-width:760px){.sidebar{position:sticky;top:0;z-index:35;flex-wrap:wrap;align-items:center;padding:10px 12px;background:rgba(5,13,10,.97)}.sidebar .brand-lockup{padding:0}.sidebar .brand-lockup>span:last-child{display:flex}.sidebar .brand-lockup strong{font-size:12px}.sidebar .dog-mark{width:36px;height:36px;border-radius:11px;font-size:19px}.sidebar nav{width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(72px,1fr));gap:5px;margin:9px 0 0}.sidebar nav .nav-item{display:flex!important;justify-content:center;gap:6px;padding:9px 6px;font-size:11px}.workspace{padding-top:16px}.topbar{align-items:flex-start}.topbar-actions{gap:8px}.topbar .account-menu{display:block}.management-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.management-summary article{min-height:78px;padding:12px}.management-summary strong{font-size:22px}.management-summary small{font-size:10px}.dashboard-summary-heading{margin-top:0}.admin-summary{grid-template-columns:1fr}.user-table td{font-size:11px}}
@media(max-width:420px){.sidebar nav .nav-item{font-size:10px}.management-summary{grid-template-columns:1fr}.management-top-actions{align-items:center}.create-modal-button{font-size:9px}.topbar h1{font-size:28px}}

/* v0.7 · suscripciones, periodos y cobros */
.page-success{margin:0 0 12px;padding:11px 14px;border:1px solid rgba(76,255,145,.24);border-radius:10px;background:rgba(76,255,145,.075);color:#a9ffc7;font-size:11px}.subscription-summary{grid-template-columns:repeat(5,minmax(145px,1fr))}.selected-client-filter{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 12px;padding:11px 14px;border:1px solid rgba(119,187,255,.18);border-radius:11px;background:rgba(119,187,255,.055);color:#91a99d;font-size:11px}.selected-client-filter strong{color:#c9ffdc}.selected-client-filter>div{display:flex;gap:8px}.selected-client-filter button,.selected-client-filter a{padding:7px 9px;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.025);color:#a9bdb3;font-size:9px;cursor:pointer}.selected-client-filter button{border-color:rgba(76,255,145,.18);color:var(--green)}.subscription-tools{flex:1;justify-content:flex-end}.subscription-tools select{max-width:175px}.management-form select,.management-form textarea,.subscription-tools select{width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:10px;outline:0;background:#0e1b15;color:var(--text);font:inherit}.management-form textarea{resize:vertical;min-height:74px}.management-form select:focus,.management-form textarea:focus,.subscription-tools select:focus{border-color:rgba(76,255,145,.4);box-shadow:0 0 0 3px rgba(76,255,145,.05)}.subscription-modal{width:min(620px,100%)}.billing-preview{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border:1px solid rgba(76,255,145,.17);border-radius:11px;background:rgba(76,255,145,.055)}.billing-preview span{color:#80968a;font-size:10px}.billing-preview strong{color:#c9ffdc;font:800 14px ui-monospace,monospace}.money-input{display:grid;grid-template-columns:auto 1fr auto;align-items:center;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.025);overflow:hidden}.money-input:focus-within{border-color:rgba(76,255,145,.4);box-shadow:0 0 0 3px rgba(76,255,145,.05)}.money-input span,.money-input em{padding:0 12px;color:#6f867a;font-size:11px;font-style:normal}.money-input input{border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important}.subscription-service{display:flex;align-items:center;gap:10px;min-width:145px}.subscription-service strong,.subscription-service small{display:block}.subscription-service strong{font-size:12px}.subscription-service small,.table-subvalue{margin-top:4px;color:#697d73;font-size:9px}.client-link{color:#baffd2;font:750 11px ui-monospace,monospace}.client-link:hover{color:var(--green)}.billing-value,.date-value{display:block;font-size:11px;white-space:nowrap}.price-value{color:#dfffee;font:800 12px ui-monospace,monospace;white-space:nowrap}.status-badge.scheduled{background:rgba(119,187,255,.1);color:var(--blue)}.status-badge.removed,.status-badge.empty{background:rgba(255,255,255,.055);color:#82958b}.table-button.emphasized{border-color:rgba(76,255,145,.22);background:rgba(76,255,145,.08);color:#9dffbd}.table-button.warning{color:var(--amber)}.subscription-actions{min-width:270px}.subscription-actions .table-button{white-space:nowrap}.secondary-action{border-color:var(--line);background:rgba(255,255,255,.03);color:#a9bdb3}.credential-next-step{display:flex;align-items:center;gap:11px;padding:12px;border:1px solid rgba(76,255,145,.15);border-radius:11px;background:rgba(76,255,145,.045)}.credential-next-step>span{display:grid;place-items:center;width:29px;height:29px;flex:0 0 auto;border-radius:9px;background:rgba(76,255,145,.12);color:var(--green);font-weight:900}.credential-next-step strong,.credential-next-step small{display:block}.credential-next-step strong{font-size:10px}.credential-next-step small{margin-top:3px;color:#789084;font-size:9px;line-height:1.4}.next-subscription-link{border-color:rgba(76,255,145,.25);background:var(--green);color:#052010;font-weight:900}.subscription-history-hero{display:grid;grid-template-columns:1.3fr repeat(3,minmax(120px,1fr));gap:12px;margin-bottom:14px;padding:18px 20px;border:1px solid rgba(76,255,145,.14);border-radius:17px;background:linear-gradient(145deg,rgba(17,39,28,.9),rgba(9,20,15,.88))}.subscription-history-hero>div{display:flex;flex-direction:column;justify-content:center}.subscription-history-hero small{color:#667b70;font:700 8px ui-monospace,monospace;letter-spacing:.1em}.subscription-history-hero>div>strong{margin-top:7px;font-size:13px}.subscription-history-hero .subscription-service{flex-direction:row;justify-content:flex-start}.subscription-history-hero .subscription-service p{margin:4px 0 0;color:#71867b;font-size:9px}.history-table strong{font-size:11px}.client-subscriptions{max-width:1100px;margin:55px auto 40px}.client-section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:15px}.client-section-heading h2{margin:0;font-size:25px}.client-subscription-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:12px}.client-subscription-grid article{padding:18px;border:1px solid var(--line);border-radius:17px;background:linear-gradient(145deg,rgba(16,34,25,.88),rgba(9,20,15,.88))}.client-subscription-head{display:grid;grid-template-columns:43px minmax(0,1fr) auto;gap:11px;align-items:center}.client-subscription-head strong,.client-subscription-head small{display:block}.client-subscription-head strong{font-size:13px}.client-subscription-head small{margin-top:3px;color:#70857a;font-size:9px}.client-subscription-details{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:17px;padding-top:15px;border-top:1px solid var(--line)}.client-subscription-details small,.client-subscription-details strong{display:block}.client-subscription-details small{color:#5f7569;font:700 7px ui-monospace,monospace;letter-spacing:.08em}.client-subscription-details strong{margin-top:6px;font-size:11px}.client-empty-subscriptions{padding:45px;border:1px dashed rgba(76,255,145,.14);border-radius:17px;color:#789084;text-align:center}.client-empty-subscriptions>span{display:block;color:var(--green);font-size:28px}.client-empty-subscriptions strong{display:block;margin-top:11px;color:#b7ccbf}.client-empty-subscriptions p{margin:6px 0 0;font-size:10px}
@media(max-width:1150px){.subscription-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.subscription-list-heading{align-items:flex-start;flex-direction:column}.subscription-tools{width:100%;justify-content:flex-start;flex-wrap:wrap}.subscription-tools .management-search{width:min(100%,360px)}.subscription-tools select{width:auto;min-width:155px}.subscription-history-hero{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.subscription-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.selected-client-filter{align-items:flex-start;flex-direction:column}.selected-client-filter>div{width:100%;flex-wrap:wrap}.subscription-tools{display:grid;grid-template-columns:1fr 1fr}.subscription-tools .management-search{width:100%;grid-column:1/-1}.subscription-tools select{width:100%;max-width:none;min-width:0}.subscription-tools .count-pill{position:absolute;right:18px;top:18px}.subscription-list-heading{position:relative}.subscription-table thead{display:none}.subscription-table tbody{display:grid;gap:10px;padding:10px}.subscription-table tr[data-subscription-row]{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:15px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.018)}.subscription-table tr[data-subscription-row]>td{display:block;padding:0;border:0}.subscription-table tr[data-subscription-row]>td:first-child,.subscription-table tr[data-subscription-row]>td:last-child{grid-column:1/-1}.subscription-table tr[data-subscription-row]>td::before{content:attr(data-label);display:block;margin-bottom:5px;color:#60746a;font:700 7px ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase}.subscription-table tr[data-subscription-row]>td:first-child::before,.subscription-table tr[data-subscription-row]>td:last-child::before{display:none}.subscription-actions{min-width:0;margin-top:5px}.subscription-actions .table-button{flex:1;text-align:center}.subscription-table .search-empty-row{display:table-row}.subscription-history-hero{grid-template-columns:1fr 1fr}.history-topbar{align-items:flex-start;flex-direction:column}.client-subscription-details{grid-template-columns:1fr 1fr}.client-subscription-details>div:last-child{grid-column:1/-1}.client-subscriptions{margin-top:38px}.client-welcome{text-align:left}.client-welcome>p{margin-left:0}.client-account-card{margin-left:0}.sidebar nav{grid-template-columns:repeat(auto-fit,minmax(60px,1fr))}.sidebar nav .nav-item{font-size:10px}}
@media(max-width:480px){.subscription-summary{grid-template-columns:1fr 1fr}.subscription-summary article{min-height:72px}.subscription-summary small{font-size:9px}.subscription-summary strong{font-size:20px}.subscription-history-hero{grid-template-columns:1fr}.client-subscription-grid{grid-template-columns:1fr}.subscription-modal{padding:23px 17px}.subscription-tools{grid-template-columns:1fr}.subscription-tools .management-search{grid-column:auto}.subscription-tools .count-pill{display:none}}

/* v0.8 · asignación de cuentas y pantallas */
.screen-picker{margin:0;padding:0;border:0}.screen-picker legend{width:100%;margin-bottom:9px;color:#9fb1a8;font-size:10px}.screen-picker legend small{margin-left:5px;color:#62776d;font-size:9px}.screen-box-grid{display:grid;grid-template-columns:repeat(8,minmax(48px,1fr));gap:8px}.screen-box-grid label{display:block;cursor:pointer}.screen-box-grid input{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}.screen-box-grid span{display:grid;place-items:center;min-height:62px;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.02);transition:.15s ease}.screen-box-grid b{color:#b7cec2;font:800 18px ui-monospace,monospace}.screen-box-grid small{margin-top:2px;color:#63776d;font-size:7px;text-transform:uppercase}.screen-box-grid label:hover span{border-color:rgba(76,255,145,.25);background:rgba(76,255,145,.04)}.screen-box-grid label:has(input:checked) span{border-color:rgba(76,255,145,.48);background:rgba(76,255,145,.12);box-shadow:0 0 0 3px rgba(76,255,145,.045)}.screen-box-grid label:has(input:checked) b,.screen-box-grid label:has(input:checked) small{color:var(--green)}.screen-picker>p{margin:8px 0 0;color:#657a6f;font-size:9px}.account-email-value{display:block;max-width:190px;overflow:hidden;color:#b9d0c4;font:700 10px ui-monospace,monospace;text-overflow:ellipsis;white-space:nowrap}.screen-chip-row{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.screen-chip-row span{display:inline-flex;padding:4px 6px;border:1px solid rgba(76,255,145,.18);border-radius:6px;background:rgba(76,255,145,.075);color:#8dffb2;font:800 8px ui-monospace,monospace}.screen-chip-row em{color:#65796f;font-size:9px;font-style:normal}.client-subscription-head .screen-chip-row{margin-top:5px}.client-subscription-head .screen-chip-row span{padding:3px 5px;font-size:7px}
@media(max-width:760px){.screen-box-grid{grid-template-columns:repeat(4,minmax(48px,1fr))}.account-email-value{max-width:100%}}

/* v0.9 · inventario de cuentas y asistente de asignación */
.account-summary{grid-template-columns:repeat(4,minmax(145px,1fr))}.account-list-tools{flex:1;justify-content:flex-end}.account-list-tools select{width:auto;min-width:170px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;outline:0;background:#0e1b15;color:var(--text);font:inherit}.account-table .availability-value{display:block;color:#baffd2;font-size:12px}.assignment-client-list{display:flex;flex-wrap:wrap;gap:5px;max-width:220px}.assignment-client-list span{padding:4px 6px;border:1px solid rgba(119,187,255,.15);border-radius:6px;background:rgba(119,187,255,.06);color:#9bcaff;font:700 8px ui-monospace,monospace}.assignment-client-list em{color:#65796f;font-size:9px;font-style:normal}.status-badge.violet{background:rgba(185,149,255,.1);color:var(--violet)}.account-create-modal{width:min(650px,100%)}
.service-icon-picker{margin:0;padding:0;border:0}.service-icon-picker legend{margin-bottom:9px;color:#9fb1a8;font-size:10px}.service-icon-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.service-icon-grid label{display:block;cursor:pointer}.service-icon-grid input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.service-icon{display:grid;grid-template-columns:38px 1fr;grid-template-rows:auto auto;gap:2px 9px;align-items:center;min-height:66px;padding:11px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.018);transition:.15s ease}.service-icon>b{grid-row:1/3;display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:rgba(255,255,255,.055);color:#dfffee;font:900 14px ui-monospace,monospace}.service-icon>small{color:#a9bdb3;font-size:10px}.service-icon>em{color:#63786d;font-size:8px;font-style:normal}.service-icon-grid label:hover .service-icon{border-color:rgba(76,255,145,.25);background:rgba(76,255,145,.035)}.service-icon-grid label:has(input:checked) .service-icon{border-color:rgba(76,255,145,.45);background:rgba(76,255,145,.09);box-shadow:0 0 0 3px rgba(76,255,145,.04)}.service-icon-grid label:has(input:checked) .service-icon>small{color:#caffdc}.service-icon.netflix>b{color:#ff5e67;background:rgba(229,9,20,.14)}.service-icon.hbo>b{color:#ba91ff;background:rgba(112,45,190,.16)}.service-icon.disney>b{color:#8abaff;background:rgba(45,106,220,.15)}.service-icon.prime>b{color:#72c8ff;background:rgba(0,168,225,.13)}.service-icon.paramount>b{color:#9aaeff;background:rgba(0,72,171,.14)}.service-icon.otro>b{color:var(--green);background:rgba(76,255,145,.1)}.service-icon-grid label.unavailable{cursor:not-allowed}.service-icon-grid label.unavailable .service-icon{opacity:.38;filter:saturate(.5)}
.wizard-modal{width:min(780px,100%);padding:31px}.wizard-progress{display:flex;align-items:center;margin:17px 0 24px}.wizard-progress span{display:grid;place-items:center;width:28px;height:28px;flex:0 0 auto;border:1px solid var(--line);border-radius:50%;background:#0d1a14;color:#667b70;font:800 9px ui-monospace,monospace}.wizard-progress span.active{border-color:rgba(76,255,145,.5);background:rgba(76,255,145,.12);color:var(--green);box-shadow:0 0 0 4px rgba(76,255,145,.035)}.wizard-progress span.done{border-color:rgba(76,255,145,.25);color:#9dffbd}.wizard-progress i{height:1px;flex:1;background:var(--line)}.wizard-step{animation:wizard-in .18s ease}.wizard-step h3{margin:3px 0 6px;font-size:23px;letter-spacing:-.035em}.wizard-step>p:not(.wizard-kicker){margin:0 0 19px;color:#71867b;font-size:10px;line-height:1.5}.wizard-kicker{margin:0;color:var(--green);font:800 8px ui-monospace,monospace;letter-spacing:.16em}@keyframes wizard-in{from{opacity:0;transform:translateX(8px)}to{opacity:1;transform:none}}.wizard-service-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.wizard-empty-link{display:block;margin-top:12px;padding:12px;border:1px dashed rgba(76,255,145,.2);border-radius:10px;color:#9dffbd;text-align:center;font-size:10px}
.assignment-service-panel{margin-top:12px;padding:15px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.014)}.assignment-service-title{display:flex;align-items:center;gap:10px;margin-bottom:12px}.assignment-service-title strong,.assignment-service-title small{display:block}.assignment-service-title strong{font-size:13px}.assignment-service-title small{margin-top:3px;color:#687d72;font-size:9px}.account-option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.account-option{cursor:pointer}.account-option input,.assignment-mode-picker input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.account-option>span{display:block;padding:11px 12px;border:1px solid var(--line);border-radius:10px;background:rgba(0,0,0,.12)}.account-option strong,.account-option small{display:block}.account-option strong{overflow:hidden;color:#bbd1c5;font:700 10px ui-monospace,monospace;text-overflow:ellipsis;white-space:nowrap}.account-option small{margin-top:4px;color:#63786d;font-size:8px}.account-option:has(input:checked)>span{border-color:rgba(76,255,145,.42);background:rgba(76,255,145,.075)}.assignment-mode-picker{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.assignment-mode-picker label{cursor:pointer}.assignment-mode-picker label>span{display:grid;grid-template-columns:32px 1fr;align-items:center;padding:10px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.015)}.assignment-mode-picker b{grid-row:1/3;display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:rgba(76,255,145,.08);color:var(--green)}.assignment-mode-picker strong,.assignment-mode-picker small{display:block}.assignment-mode-picker strong{font-size:10px}.assignment-mode-picker small{margin-top:2px;color:#63776d;font-size:8px}.assignment-mode-picker label:has(input:checked)>span{border-color:rgba(76,255,145,.42);background:rgba(76,255,145,.075)}.available-screen-picker{margin-top:12px}.wizard-price-list{display:grid;gap:9px}.wizard-price-list>label{display:grid;grid-template-columns:140px 1fr;align-items:center;gap:12px}.wizard-price-list>label>span{font-weight:750}.wizard-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:7px}.wizard-actions button{width:auto;min-width:135px}.wizard-actions .wizard-back{padding:12px 16px;border:1px solid var(--line);border-radius:10px;cursor:pointer}.wizard-error{margin:0;padding:10px 12px;border:1px solid rgba(255,96,104,.24);border-radius:9px;background:rgba(255,96,104,.07);color:#ffadb1;font-size:10px}.locked-assignment{display:flex;align-items:center;gap:11px;padding:12px;border:1px solid rgba(119,187,255,.16);border-radius:11px;background:rgba(119,187,255,.05)}.locked-assignment strong,.locked-assignment small{display:block}.locked-assignment strong{font-size:12px}.locked-assignment small{margin-top:4px;color:#789084;font-size:9px}.locked-assignment-help{margin:-4px 0 0;color:#65796f;font-size:9px;line-height:1.5}.full-account-chip{padding-left:8px!important;padding-right:8px!important}.account-table form{display:inline-flex}
@media(max-width:900px){.account-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.account-list-tools{width:100%;justify-content:flex-start}.wizard-modal{width:min(720px,100%)}}
@media(max-width:760px){.service-icon-grid,.wizard-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wizard-modal{padding:25px 18px}.account-option-grid{grid-template-columns:1fr}.account-table thead{display:none}.account-table tbody{display:grid;gap:10px;padding:10px}.account-table tr[data-account-row]{display:grid;grid-template-columns:1fr 1fr;gap:11px;padding:14px;border:1px solid var(--line);border-radius:14px}.account-table tr[data-account-row]>td{display:block;padding:0;border:0}.account-table td::before{content:attr(data-label);display:block;margin-bottom:5px;color:#60746a;font:700 7px ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase}.account-table tr[data-account-row]>td:first-child,.account-table tr[data-account-row]>td:last-child{grid-column:1/-1}.account-table tr[data-account-row]>td:first-child::before{display:none}.account-list-tools{display:grid;grid-template-columns:1fr auto}.account-list-tools .management-search{grid-column:1/-1}.account-list-tools select{min-width:0}.wizard-price-list>label{grid-template-columns:1fr}.assignment-mode-picker{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.account-summary{grid-template-columns:1fr 1fr}.service-icon-grid,.wizard-service-grid{grid-template-columns:1fr 1fr}.service-icon{grid-template-columns:32px 1fr;padding:8px}.service-icon>b{width:32px;height:32px}.wizard-progress span{width:24px;height:24px}.assignment-mode-picker{grid-template-columns:1fr}.wizard-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.wizard-actions button{width:100%;min-width:0}.wizard-modal[data-current-step="1"] .wizard-actions [data-wizard-next]{grid-column:2}}

/* v1.0 · acceso con video y navegación móvil */
.auth-brand-video{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(145deg,rgba(4,19,12,.52),rgba(3,12,8,.92)),url("login-video-poster.jpg") center/cover no-repeat}.auth-login-video{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.72) brightness(.62) hue-rotate(20deg);transform:scale(1.025)}.auth-video-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,rgba(3,14,9,.35),rgba(3,15,9,.76)),linear-gradient(0deg,rgba(4,22,13,.85),transparent 58%)}.auth-brand-content{position:relative;z-index:1}.auth-brand-content>p:not(.eyebrow){max-width:470px;margin:0;color:#c2d5ca;line-height:1.7;text-shadow:0 1px 18px rgba(0,0,0,.72)}.auth-brand-content h1{text-shadow:0 2px 24px rgba(0,0,0,.7)}.credential-value code{font-variant:normal;text-transform:none}.mobile-menu-trigger,.mobile-menu-backdrop{display:none}
@media(max-width:760px){
  .auth-brand-video{min-height:280px;background:linear-gradient(145deg,rgba(4,19,12,.5),rgba(3,12,8,.88)),url("login-video-poster.jpg") center/cover no-repeat}.auth-login-video{display:none}.auth-brand-content h1{max-width:420px}
  .app-shell{display:block}.workspace{padding-top:74px}
  .mobile-menu-trigger{position:fixed;top:12px;left:12px;z-index:62;display:grid;place-items:center;width:46px;height:46px;padding:0;border:1px solid rgba(76,255,145,.35);border-radius:14px;background:rgba(7,25,16,.96);box-shadow:0 10px 30px rgba(0,0,0,.35);font-size:23px;cursor:pointer}
  .mobile-menu-backdrop{position:fixed;inset:0;z-index:59;display:block;border:0;background:rgba(0,0,0,.6);opacity:0;pointer-events:none;transition:opacity .2s ease}.mobile-menu-open .mobile-menu-backdrop{opacity:1;pointer-events:auto}.mobile-menu-open{overflow:hidden}
  .app-shell>.sidebar{position:fixed;inset:0 auto 0 0;z-index:60;width:min(82vw,310px);height:100dvh;display:flex;flex-direction:column;flex-wrap:nowrap;align-items:stretch;padding:20px 16px;overflow-y:auto;border-right:1px solid rgba(76,255,145,.2);background:rgba(5,15,10,.985);box-shadow:24px 0 60px rgba(0,0,0,.42);transform:translateX(-105%);transition:transform .22s ease}.app-shell>.sidebar.mobile-open{transform:translateX(0)}
  .app-shell>.sidebar .brand-lockup{padding:0 4px 22px}.app-shell>.sidebar .brand-lockup>span:last-child{display:flex}.app-shell>.sidebar .dog-mark{width:42px;height:42px;border-radius:13px;font-size:22px}.app-shell>.sidebar nav{width:100%;display:grid;grid-template-columns:1fr;gap:7px;margin:0}.app-shell>.sidebar nav .nav-item{width:100%;display:flex!important;justify-content:flex-start;gap:12px;padding:13px 14px;font-size:13px}.app-shell>.sidebar .protection-card{display:flex;margin-top:auto}
  .management-summary,.dashboard-summary,.subscription-summary,.account-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px}.management-summary article{min-height:72px;padding:10px;border-radius:13px}.management-summary .summary-link{gap:9px}.management-summary .summary-icon{width:32px;height:32px;border-radius:9px}.management-summary small{font-size:9px;line-height:1.25}.management-summary strong{font-size:20px}.admin-summary{grid-template-columns:1fr!important}
  .single-stat{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-grid article{min-height:76px;padding:12px}.topbar{padding-left:0}
}
@media(max-width:420px){.management-summary,.dashboard-summary,.subscription-summary,.account-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important}.management-summary article{min-height:70px}.management-summary .summary-icon{width:29px;height:29px}.management-summary strong{font-size:19px}.admin-summary{grid-template-columns:1fr!important}}
@media(prefers-reduced-motion:reduce){.auth-login-video{display:none}.app-shell>.sidebar{transition:none}}

/* v1.2 · video solo en login y controles móviles siempre fijos */
.site-background{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:#04100a url("login-video-poster.jpg") center/cover no-repeat}.site-background-video{width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.72) brightness(.36) hue-rotate(20deg);transform:scale(1.025)}.site-background-shade{position:absolute;inset:0;background:radial-gradient(circle at 72% 8%,rgba(21,103,59,.22),transparent 38rem),linear-gradient(110deg,rgba(2,11,7,.76),rgba(2,13,8,.88))}.auth-body>.site-background~.auth-shell{position:relative;z-index:1;background:rgba(6,17,12,.88);backdrop-filter:blur(8px)}
.event-card{grid-template-columns:46px minmax(0,1fr) minmax(150px,auto) minmax(145px,190px);background:rgba(8,22,15,.76);backdrop-filter:blur(7px)}.event-card .code-box strong{font-size:14px;line-height:1.15;letter-spacing:.045em}.open-button{display:grid;place-items:center;min-height:38px;line-height:1.25;font-weight:800}
.event-list{max-height:min(58vh,620px);overflow-y:auto;overscroll-behavior:contain;padding-right:6px;scrollbar-gutter:stable}.event-list::-webkit-scrollbar{width:8px}.event-list::-webkit-scrollbar-track{border-radius:10px;background:rgba(255,255,255,.025)}.event-list::-webkit-scrollbar-thumb{border-radius:10px;background:rgba(76,255,145,.2)}
@media(max-width:760px){.event-card{grid-template-columns:42px minmax(0,1fr) minmax(112px,140px)}.open-button{padding:9px 8px;font-size:9px}.site-background-video{filter:saturate(.68) brightness(.31) hue-rotate(20deg)}.auth-brand{min-height:240px}.mobile-menu-trigger{position:fixed!important;top:max(12px,env(safe-area-inset-top))!important;left:max(12px,env(safe-area-inset-left))!important;z-index:1002!important}.mobile-menu-backdrop{position:fixed!important;z-index:1000!important}.app-shell>.sidebar{z-index:1001!important}.topbar .account-menu,.management-top-actions .account-menu{position:fixed!important;top:max(12px,env(safe-area-inset-top))!important;right:max(12px,env(safe-area-inset-right))!important;z-index:1002!important;display:block!important}.workspace{min-height:100vh;padding-top:74px!important}.topbar{min-height:46px;padding-right:52px}.event-list{max-height:58dvh}}
@media(max-width:420px){.dashboard-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important}.dashboard-summary article{min-height:68px!important}.event-card{grid-template-columns:38px minmax(0,1fr) minmax(104px,126px)}.event-card .service-badge{width:38px;height:38px}.event-card .code-box strong{font-size:11px}}
@media(prefers-reduced-motion:reduce){.site-background-video{display:none}}

/* v1.3 · portal del cliente con bandeja y suscripciones separadas */
.client-shell{min-height:100vh;padding:18px clamp(16px,4vw,56px) 44px;background:radial-gradient(circle at 50% 0,rgba(36,130,77,.16),transparent 34rem)}
.client-topbar{position:sticky;top:0;z-index:30;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;max-width:1380px;margin:0 auto;padding:10px 0;border-bottom:1px solid var(--line);background:rgba(7,16,13,.9);backdrop-filter:blur(14px)}
.client-topbar .brand-lockup{padding:0}.client-nav{display:flex;justify-content:center;gap:7px}.client-nav>a{display:flex;align-items:center;gap:7px;padding:9px 12px;border:1px solid transparent;border-radius:10px;color:#82978c;font-size:11px}.client-nav>a:hover{color:#d7eee2;background:rgba(255,255,255,.025)}.client-nav>a.active{border-color:rgba(76,255,145,.18);background:rgba(76,255,145,.08);color:#a7ffc5}.client-nav>a span{display:grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:rgba(76,255,145,.11);color:var(--green);font:800 8px ui-monospace,monospace}
.client-profile-menu{position:relative}.client-profile-menu summary{display:grid;place-items:center;width:40px;height:40px;border:1px solid rgba(76,255,145,.25);border-radius:50%;background:rgba(76,255,145,.085);font-size:11px;font-weight:850;cursor:pointer;list-style:none}.client-profile-menu summary::-webkit-details-marker{display:none}.client-profile-menu>div{position:absolute;right:0;top:48px;min-width:190px;padding:13px;border:1px solid var(--line);border-radius:12px;background:#0d1813;box-shadow:0 20px 50px rgba(0,0,0,.38)}.client-profile-menu strong{display:block;margin-bottom:9px;font-size:12px}.client-profile-menu a,.client-profile-menu button{display:block;width:100%;padding:8px;border:1px solid var(--line);border-radius:8px;background:transparent;color:#95aa9f;font-size:10px;text-align:center;cursor:pointer}.client-profile-menu form{margin:7px 0 0}
.client-main{max-width:1380px;margin:0 auto}.client-welcome-compact{margin:34px 0 18px}.client-welcome-compact h1{margin:0;font-size:clamp(27px,4vw,44px);letter-spacing:-.05em}
.client-notice-stack{display:grid;gap:7px;margin:0 0 14px}.client-expiry-notice{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:10px;padding:10px 12px;border:1px solid rgba(255,213,120,.2);border-radius:11px;background:rgba(255,213,120,.055)}.client-expiry-notice>span{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:rgba(255,213,120,.12);color:var(--amber);font-weight:900}.client-expiry-notice strong{font-size:10px}.client-expiry-notice em{color:#bba76f;font-size:9px;font-style:normal}.client-expiry-notice.expired,.client-expiry-notice.suspended{border-color:rgba(255,96,104,.18);background:rgba(255,96,104,.045)}.client-expiry-notice.expired>span,.client-expiry-notice.suspended>span{background:rgba(255,96,104,.1);color:var(--red)}
.client-inbox{max-width:none;margin:0}.client-inbox .inbox-header h2{margin:0;font-size:20px}.client-inbox .event-list{max-height:min(64vh,680px)}
.client-subscriptions{max-width:none;margin:0}.client-subscription-card.expired,.client-subscription-card.suspended{border-color:rgba(255,96,104,.14)}.subscription-inline-notice{margin-top:13px;padding:9px 10px;border:1px solid rgba(255,213,120,.18);border-radius:9px;background:rgba(255,213,120,.05);color:#d8c58e;font-size:9px;line-height:1.45}.subscription-inline-notice.expired,.subscription-inline-notice.suspended{border-color:rgba(255,96,104,.18);background:rgba(255,96,104,.045);color:#ffadb1}.client-subscription-head .status-badge{max-width:155px;text-align:center;white-space:normal}
@media(max-width:760px){.client-shell{padding:10px 12px 28px}.client-topbar{grid-template-columns:auto 1fr auto;gap:9px;padding:8px 0}.client-topbar .brand-lockup{gap:0}.client-topbar .brand-lockup>span:last-child{display:none}.client-topbar .dog-mark{width:40px;height:40px}.client-nav{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:1fr 1fr;width:100%;gap:6px}.client-nav>a{justify-content:center;padding:9px 7px}.client-profile-menu{grid-column:3;grid-row:1}.client-welcome-compact{margin:22px 0 14px}.client-welcome-compact h1{font-size:29px}.client-expiry-notice{grid-template-columns:26px 1fr}.client-expiry-notice em{display:none}.client-inbox{padding:16px 13px}.client-inbox .inbox-header{gap:12px}.client-inbox .filters{margin-top:14px;overflow-x:auto;flex-wrap:nowrap;padding-bottom:3px}.client-inbox .filters button{white-space:nowrap}.client-inbox .event-list{max-height:62dvh}.client-subscription-head{grid-template-columns:42px minmax(0,1fr)}.client-subscription-head>.status-badge{grid-column:1/-1;justify-self:start;max-width:none}.client-subscription-details{grid-template-columns:1fr 1fr}.client-subscription-details>div:last-child{grid-column:1/-1}}
@media(max-width:420px){.client-welcome-compact h1{font-size:25px}.client-nav>a{font-size:10px}.client-expiry-notice strong{font-size:9px}.client-inbox .event-card{grid-template-columns:38px minmax(0,1fr) minmax(104px,126px)}}

/* v1.4 · correos prioritarios, lectura cómoda y acciones compactas */
.management-summary article{min-height:74px;padding:12px 14px}.management-summary small{font-size:12px;line-height:1.3}.management-summary strong{font-size:24px}
.list-heading{padding:16px 19px}.list-heading h2{font-size:24px}.eyebrow{font-size:11px}.section-lead,.modal-copy{font-size:13px}.management-search input,.search-box input{font-size:13px}
.user-list-card{overflow:visible}.user-table-wrap{overflow:visible}.user-table th{padding:11px 14px;font-size:10px}.user-table td{padding:13px 14px;font-size:13px}.table-subvalue,.subscription-service small,.assignment-client-list em{font-size:11px}.subscription-service strong,.billing-value,.date-value{font-size:13px}.client-link{font-size:13px}.status-badge,.role-badge{font-size:10px}.management-form label,.service-icon-picker legend,.password-options legend{font-size:12px}.management-form label>small{font-size:10px}
.account-email-value{max-width:none;overflow:visible;text-overflow:clip;white-space:normal;overflow-wrap:anywhere}.account-email-value.email-primary{color:#effff5;font:850 15px/1.35 ui-monospace,monospace;letter-spacing:.005em;text-shadow:0 0 18px rgba(76,255,145,.08)}
.account-table th:first-child,.account-table td:first-child{width:28%;min-width:240px}.subscription-table th:nth-child(3),.subscription-table td:nth-child(3){width:27%;min-width:250px}.subscription-table th:last-child,.subscription-table td:last-child,.account-table th:last-child,.account-table td:last-child{width:58px;text-align:center}
.row-menu{position:relative;display:inline-block;text-align:left}.row-menu>summary{display:grid;place-items:center;width:38px;height:34px;border:1px solid rgba(76,255,145,.2);border-radius:9px;background:rgba(76,255,145,.055);color:#bfffd4;font-size:17px;line-height:1;letter-spacing:.08em;cursor:pointer;list-style:none}.row-menu>summary::-webkit-details-marker{display:none}.row-menu[open]>summary{border-color:rgba(76,255,145,.42);background:rgba(76,255,145,.12);color:var(--green)}
.row-menu-panel{position:fixed;z-index:1090;width:230px;display:grid;gap:6px;padding:10px;border:1px solid rgba(76,255,145,.19);border-radius:12px;background:#0d1b14;box-shadow:0 20px 55px rgba(0,0,0,.48)}.row-menu-panel>strong{padding:3px 5px 7px;color:#758b80;font:800 9px ui-monospace,monospace;letter-spacing:.11em;text-transform:uppercase}.row-menu-panel form{display:block;margin:0}.row-menu-action{display:block;width:100%;padding:10px 11px;border:1px solid transparent;border-radius:8px;background:transparent;color:#c0d4ca;font-size:12px;text-align:left;cursor:pointer}.row-menu-action:hover{border-color:rgba(76,255,145,.17);background:rgba(76,255,145,.07);color:#baffd1}.row-menu-action.emphasized,.row-menu-action.success{color:var(--green)}.row-menu-action.warning{color:var(--amber)}.row-menu-action.danger{color:#ff9ca1}.row-menu-note{display:block;padding:9px 11px;color:#71867c;font-size:11px}
.saved-password-button{width:100%;margin-bottom:4px;padding:11px 12px;border:1px solid rgba(76,255,145,.2);border-radius:10px;background:rgba(76,255,145,.07);color:#a9ffc6;font-weight:800;cursor:pointer}.credential-unavailable{display:grid;gap:5px;padding:14px;border:1px solid rgba(255,213,120,.2);border-radius:11px;background:rgba(255,213,120,.055)}.credential-unavailable strong{color:#ffe0a0;font-size:12px}.credential-unavailable span{color:#958663;font-size:10px;line-height:1.5}
.event-title strong{font-size:13px}.event-title span{font-size:10px}.event-main p{font-size:13px}.event-main small{font-size:11px}.code-box span{font-size:9px}.copy-button,.open-button{font-size:11px}.client-subscription-head strong{font-size:15px}.client-subscription-head small{font-size:11px}.client-subscription-details small{font-size:9px}.client-subscription-details strong{font-size:13px}
@media(max-width:1100px){.user-table-wrap{overflow-x:auto}}
@media(max-width:760px){.management-summary article{min-height:66px!important;padding:10px!important}.management-summary small{font-size:11px!important}.user-table-wrap{overflow:visible}.account-table tr[data-account-row],.subscription-table tr[data-subscription-row]{gap:10px;padding:13px}.account-table tr[data-account-row]>td:first-child,.subscription-table tr[data-subscription-row]>td:nth-child(3){grid-column:1/-1}.account-table th:first-child,.account-table td:first-child,.subscription-table th:nth-child(3),.subscription-table td:nth-child(3){width:auto;min-width:0}.account-email-value.email-primary{font-size:15px}.account-table tr[data-account-row]>td:last-child,.subscription-table tr[data-subscription-row]>td:last-child{display:flex;justify-content:flex-end}.row-menu-panel{width:min(260px,calc(100vw - 42px))}.user-table td{font-size:13px}.management-form label{font-size:12px}.client-inbox .event-main p{font-size:12px}}

/* v1.5 · disponibilidad por cuenta, contador integrado y lectura ampliada */
.inbox-header h2,.client-inbox .inbox-header h2{font-size:24px}.inbox-header p{font-size:13px}.inbox-counter{display:flex;align-items:baseline;gap:10px;margin:19px 0 0;color:#a8bbb2}.inbox-counter span{font-size:15px;font-weight:750}.inbox-counter strong{color:var(--green);font:900 25px/1 ui-monospace,monospace}.inbox-panel>.filters{margin-top:12px}
.filters button{padding:9px 13px;font-size:11px}.event-title strong{font-size:15px}.event-title span{font-size:11px}.event-main p{font-size:15px}.event-main small{font-size:13px}.event-card .code-box strong{font-size:20px}.code-box span{font-size:10px}.copy-button,.open-button{min-height:46px;padding:12px 16px;font-size:15px;font-weight:850}.open-button{line-height:1.35}
.user-table th{font-size:11px}.user-table td{font-size:14px}.account-table .availability-value{font-size:15px}.assignment-client-list{max-width:280px;gap:7px}.assignment-client-list span{padding:6px 8px;font:800 12px/1.15 ui-monospace,monospace}.assignment-client-list em{font-size:12px}.creator-chip{display:inline-flex;padding:6px 8px;border:1px solid rgba(185,149,255,.16);border-radius:7px;background:rgba(185,149,255,.06);color:#c6adff;font:800 12px/1.15 ui-monospace,monospace}.account-list-tools select{font-size:12px}.count-pill{font-size:13px}
@media(max-width:760px){.inbox-counter{margin-top:15px}.inbox-counter span{font-size:14px}.inbox-counter strong{font-size:23px}.filters button{font-size:11px}.event-main p{font-size:13px}.event-card .code-box strong{font-size:17px}.copy-button,.open-button{min-height:44px;padding:10px 9px;font-size:13px}.account-list-tools{grid-template-columns:1fr 1fr}.account-list-tools .management-search{grid-column:1/-1}.account-list-tools select{width:100%;min-width:0}.account-list-tools .count-pill{justify-self:end}.account-table tr[data-account-row]>td:nth-child(6){grid-column:1/-1}.assignment-client-list span,.creator-chip{font-size:12px}}

/* v1.6 · precios legibles y cabecera móvil separada de las pestañas */
.subscription-table .price-value,.client-summary-table .price-value{font-size:17px;line-height:1.25;letter-spacing:.01em}
.client-summary-table .user-cell strong{font-size:15px}
.client-summary-table .subscription-value,.client-summary-table .date-value{font-size:15px}
.client-summary-table .status-badge{font-size:11px}
.client-nav>a{min-height:42px;padding:10px 15px;font-size:14px;font-weight:750}
.client-nav>a span{font-size:10px}
@media(max-width:760px){
  .subscription-table .price-value,.client-summary-table .price-value{font-size:16px}
  .client-topbar{position:static;z-index:auto;display:block;max-width:none;margin:0;padding:0;border:0;background:transparent;backdrop-filter:none}
  .client-topbar .brand-lockup{position:fixed;top:max(12px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));z-index:1002;margin:0;padding:0}
  .client-profile-menu{position:fixed!important;top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));z-index:1002;grid-column:auto;grid-row:auto}
  .client-nav{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:8px;margin-top:62px}
  .client-nav>a{min-height:50px;padding:11px 9px;font-size:15px;font-weight:800}
  .client-nav>a span{min-width:22px;height:22px;font-size:11px}
}
@media(max-width:420px){.client-nav>a{font-size:14px}}

/* v1.7 · panel administrativo profesional en celular */
@media(max-width:760px){
  html,body{width:100%;max-width:100%;overflow-x:hidden}
  .app-shell{display:block!important;width:100%;min-width:0}
  .app-shell::before{content:"";position:fixed;inset:0 0 auto;height:70px;z-index:995;pointer-events:none;border-bottom:1px solid rgba(76,255,145,.08);background:linear-gradient(180deg,rgba(5,18,12,.97),rgba(5,18,12,.82));backdrop-filter:blur(12px)}
  .mobile-menu-trigger{z-index:1003!important}
  .mobile-menu-backdrop{z-index:1004!important}
  .app-shell>.sidebar{z-index:1005!important}
  .topbar .account-menu,.management-top-actions .account-menu{z-index:1003!important}
  .workspace,.management-workspace{width:100%!important;min-width:0!important;max-width:none!important;padding:86px 14px 38px!important;overflow-x:hidden}
  .topbar,.management-workspace .topbar{width:100%;min-height:0;margin:0 0 18px;padding:0;display:flex;align-items:flex-start;flex-direction:column;gap:14px}
  .topbar>div:first-child{width:100%}.topbar h1,.management-workspace .topbar h1{font-size:30px;line-height:1.08}.section-lead,.management-workspace .section-lead{font-size:14px;line-height:1.55}
  .management-top-actions,.topbar-actions{width:100%;display:flex;align-items:stretch;justify-content:stretch}
  .create-modal-button{width:100%;min-height:48px;padding:12px 15px;font-size:14px;white-space:normal}
  .dashboard-summary-heading{margin:0 0 11px}.dashboard-summary-heading h2{font-size:24px}
  .management-summary,.dashboard-summary,.subscription-summary,.account-summary{width:100%;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px;margin-bottom:16px}
  .management-summary article{min-width:0;min-height:82px!important;padding:12px!important;border-radius:14px}
  .management-summary .summary-link{min-width:0;gap:10px}.management-summary .summary-icon{width:34px;height:34px}.management-summary small{font-size:11px!important;line-height:1.25}.management-summary strong{font-size:22px}
  .priority-list,.user-list-card,.inbox-panel{width:100%;min-width:0;border-radius:18px}
  .list-heading{width:100%;gap:15px;padding:18px 16px}.list-heading h2{font-size:25px;line-height:1.12}
  .list-tools{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;align-items:center}
  .management-search,.search-box{width:100%;min-width:0;min-height:48px;padding:11px 13px}.management-search input,.search-box input{font-size:14px}
  .count-pill{min-width:38px;height:38px;font-size:14px}
  .account-list-tools,.subscription-tools{grid-template-columns:1fr 1fr}.account-list-tools .management-search,.subscription-tools .management-search{grid-column:1/-1}.account-list-tools select,.subscription-tools select{min-width:0;min-height:48px;padding:11px 10px;font-size:13px}.subscription-tools .count-pill{display:none}

  .client-summary-table thead,.admin-user-table thead{display:none}
  .client-summary-table tbody,.admin-user-table tbody{display:grid;gap:11px;padding:11px}
  .client-summary-table tr[data-user-row],.admin-user-table tr[data-user-row]{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:15px 12px;padding:16px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(145deg,rgba(15,32,24,.9),rgba(8,20,14,.9))}
  .client-summary-table tr[data-user-row]>td,.admin-user-table tr[data-user-row]>td{display:block;min-width:0;padding:0!important;border:0!important}
  .client-summary-table tr[data-user-row]>td::before,.admin-user-table tr[data-user-row]>td::before{content:attr(data-label);display:block;margin-bottom:6px;color:#687d72;font:800 9px/1 ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase}
  .client-summary-table tr[data-user-row]>td:first-child{grid-column:1/-1;padding-right:0!important}
  .admin-user-table tr[data-user-row]>td:first-child{grid-column:1/-1;padding-right:54px!important}
  .client-summary-table tr[data-user-row]>td:first-child::before,.admin-user-table tr[data-user-row]>td:first-child::before,.client-summary-table tr[data-user-row]>td:last-child::before,.admin-user-table tr[data-user-row]>td:last-child::before{display:none}
  .client-summary-table tr[data-user-row]>td:last-child{position:static!important;grid-column:1/-1;width:auto!important}
  .admin-user-table tr[data-user-row]>td:last-child{position:absolute;top:14px;right:14px}
  .client-summary-table .user-cell,.admin-user-table .user-cell{min-width:0}.client-summary-table .user-cell strong,.admin-user-table .user-cell strong{font-size:16px}
  .client-summary-table .subscription-value,.client-summary-table .date-value{font-size:15px}.client-summary-table .price-value{font-size:16px}.client-summary-table .status-badge,.admin-user-table .status-badge,.admin-user-table .role-badge{font-size:11px}

  .account-table tr[data-account-row],.subscription-table tr[data-subscription-row]{position:relative;padding:16px;gap:14px 12px;border-radius:15px;background:linear-gradient(145deg,rgba(15,32,24,.9),rgba(8,20,14,.9))}
  .account-table tr[data-account-row]>td::before,.subscription-table tr[data-subscription-row]>td::before{font-size:9px}
  .account-table tr[data-account-row]>td:first-child,.subscription-table tr[data-subscription-row]>td:first-child{padding-right:54px!important}
  .account-table tr[data-account-row]>td:last-child,.subscription-table tr[data-subscription-row]>td:last-child{position:absolute!important;top:14px;right:14px;width:auto!important;display:block!important}
  .account-table tr[data-account-row]>td:last-child::before,.subscription-table tr[data-subscription-row]>td:last-child::before{display:none}
  .row-menu>summary{width:44px;height:40px;font-size:19px}.row-menu-panel{width:min(275px,calc(100vw - 28px))}

  .workspace .inbox-panel{padding:19px 14px}.workspace .inbox-header{gap:14px}.workspace .inbox-header h2{font-size:25px;line-height:1.12}.workspace .inbox-header p{font-size:14px;line-height:1.45}
  .workspace .inbox-actions{width:100%;gap:10px}.workspace .secondary-button{min-height:46px;font-size:13px}.workspace .filters{gap:8px}.workspace .filters button{padding:10px 13px;font-size:12px}
  .workspace .event-list{max-height:62dvh;padding-right:4px}.workspace .event-card{grid-template-columns:44px minmax(0,1fr) minmax(112px,130px);gap:10px;padding:14px;border-radius:15px}
  .workspace .event-card .service-badge{width:44px;height:44px}.workspace .event-title{gap:7px;flex-wrap:wrap}.workspace .event-title strong{font-size:16px}.workspace .event-title span{font-size:11px;white-space:nowrap}
  .workspace .event-main{min-width:0}.workspace .event-main p{max-width:none;margin-top:6px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:14px}.workspace .event-card .code-box{grid-column:2;padding:6px 0;border-left:0}.workspace .event-card .code-box span{font-size:9px}.workspace .event-card .code-box strong{font-size:19px}
  .workspace .event-card-code .copy-button{grid-column:3;grid-row:1/span 2;align-self:center;min-height:48px;padding:10px;font-size:14px}
  .workspace .event-card-link{grid-template-columns:44px minmax(0,1fr)}.workspace .event-card-link .code-box{grid-column:2}.workspace .event-card-link .code-box strong{font-size:16px;line-height:1.25;overflow-wrap:anywhere}.workspace .event-card-link .open-button{grid-column:2;grid-row:auto;width:100%;min-height:48px;padding:11px;font-size:14px}
  .page-footer{font-size:10px}

  .modal-overlay{padding:10px}.access-modal,.wizard-modal{width:100%;max-height:calc(100dvh - 20px);padding:25px 18px;border-radius:20px}.access-modal h2{font-size:27px}.management-form label{font-size:13px}.management-form input,.management-form select,.management-form textarea{min-height:46px;font-size:15px}
}
@media(max-width:420px){
  .workspace,.management-workspace{padding-left:11px!important;padding-right:11px!important}.management-summary article{min-height:78px!important}.management-summary small{font-size:10px!important}
  .workspace .event-card{grid-template-columns:42px minmax(0,1fr) minmax(104px,118px);gap:9px;padding:12px}.workspace .event-card .service-badge{width:42px;height:42px}.workspace .event-title strong{font-size:15px}.workspace .event-main p{font-size:13px}.workspace .event-card-code .copy-button{font-size:13px}
  .client-summary-table tr[data-user-row],.admin-user-table tr[data-user-row],.account-table tr[data-account-row],.subscription-table tr[data-subscription-row]{padding:14px}
}

/* v1.8 · nombres limpios y correos completos en códigos y enlaces */
.event-action-row{display:contents}
@media(max-width:760px){
  .event-card,.workspace .event-card,.client-inbox .event-card,.workspace .event-card-link{grid-template-columns:46px minmax(0,1fr)!important;gap:11px!important;padding:15px!important}
  .event-card .service-badge,.workspace .event-card .service-badge,.client-inbox .event-card .service-badge{grid-column:1;grid-row:1;width:46px;height:46px}
  .event-card .event-main,.workspace .event-card .event-main,.client-inbox .event-card .event-main{grid-column:2;grid-row:1;min-width:0}
  .event-card .event-main p,.workspace .event-card .event-main p,.client-inbox .event-card .event-main p{max-width:none!important;overflow:visible!important;white-space:normal!important;text-overflow:clip!important;overflow-wrap:anywhere;font-size:14px;line-height:1.4}
  .event-action-row{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:minmax(0,1fr) minmax(132px,42%);gap:10px;align-items:center;margin-top:2px;padding-top:12px;border-top:1px solid var(--line)}
  .event-action-row .code-box,.workspace .event-action-row .code-box,.client-inbox .event-action-row .code-box{grid-column:auto!important;grid-row:auto!important;min-width:0;padding:4px 2px!important;border:0!important}
  .event-action-row .code-box strong,.workspace .event-action-row .code-box strong,.client-inbox .event-action-row .code-box strong{font-size:20px;line-height:1.2;overflow-wrap:anywhere}
  .event-action-row .copy-button,.workspace .event-action-row .copy-button,.client-inbox .event-action-row .copy-button{grid-column:auto!important;grid-row:auto!important;width:100%;min-height:50px;padding:11px 12px;font-size:14px;align-self:center}
  .event-card-link .event-action-row{grid-template-columns:1fr}
  .event-card-link .event-action-row .code-box strong{font-size:17px}
  .event-action-row .open-button,.workspace .event-action-row .open-button,.client-inbox .event-action-row .open-button{grid-column:auto!important;grid-row:auto!important;width:100%;min-height:50px;padding:12px;font-size:15px}
}
@media(max-width:420px){
  .event-card,.workspace .event-card,.client-inbox .event-card,.workspace .event-card-link{grid-template-columns:42px minmax(0,1fr)!important;padding:13px!important}
  .event-card .service-badge,.workspace .event-card .service-badge,.client-inbox .event-card .service-badge{width:42px;height:42px}
  .event-action-row{grid-template-columns:minmax(0,1fr) minmax(120px,42%)}
}

/* v1.9 · identidad visual por servicio e iconografía administrativa */
#service-filters button{--filter-accent:#9cb0a6;--filter-surface:rgba(156,176,166,.08);display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:10px 15px;border-color:rgba(156,176,166,.2);color:#d9e8e0;font-size:12px;transition:transform .16s ease,border-color .16s ease,background .16s ease,color .16s ease}
#service-filters button::before{content:"◆";display:grid;place-items:center;width:29px;height:29px;flex:0 0 29px;border:1px solid currentColor;border-radius:9px;background:var(--filter-surface);color:var(--filter-accent);font:900 14px/1 Arial,sans-serif;box-shadow:inset 0 0 14px rgba(255,255,255,.025)}
#service-filters button:hover{transform:translateY(-1px);border-color:var(--filter-accent);background:var(--filter-surface);color:#fff}
#service-filters button.active{border-color:var(--filter-accent);background:var(--filter-surface);color:var(--filter-accent);box-shadow:0 0 0 2px var(--filter-surface)}
#service-filters button[data-service="TODOS"]{--filter-accent:#4cff91;--filter-surface:rgba(76,255,145,.09)}#service-filters button[data-service="TODOS"]::before{content:"▦";font-size:18px}
#service-filters button[data-service="NETFLIX"]{--filter-accent:#f0444d;--filter-surface:rgba(229,9,20,.11)}#service-filters button[data-service="NETFLIX"]::before{content:"N";font-size:18px}
#service-filters button[data-service="HBO"]{--filter-accent:#bd92ff;--filter-surface:rgba(125,61,191,.13)}#service-filters button[data-service="HBO"]::before{content:"HBO";font-size:9px;letter-spacing:-.04em}
#service-filters button[data-service="DISNEY"]{--filter-accent:#6ea7ff;--filter-surface:rgba(46,113,224,.12)}#service-filters button[data-service="DISNEY"]::before{content:"D+";font-size:13px}
#service-filters button[data-service="PRIME"]{--filter-accent:#34cfff;--filter-surface:rgba(0,168,225,.11)}#service-filters button[data-service="PRIME"]::before{content:"▶";font-size:14px}
#service-filters button[data-service="PARAMOUNT"]{--filter-accent:#548dff;--filter-surface:rgba(0,72,171,.13)}#service-filters button[data-service="PARAMOUNT"]::before{content:"▲";font-size:14px}
#service-filters button[data-service="OTRO"]{--filter-accent:#c2d5cb;--filter-surface:rgba(194,213,203,.08)}

.service-badge,.service-icon>b{position:relative;overflow:hidden;border:1px solid currentColor;font-size:0!important;box-shadow:inset 0 0 18px rgba(255,255,255,.025)}
.service-badge::before,.service-icon>b::before{content:"◆";position:relative;z-index:1;font:900 15px/1 Arial,sans-serif;letter-spacing:-.05em}
.service-badge.netflix::before,.service-icon.netflix>b::before{content:"N";font-size:19px}.service-badge.netflix,.service-icon.netflix>b{border-color:rgba(240,68,77,.32);color:#f0444d;background:linear-gradient(145deg,rgba(229,9,20,.17),rgba(229,9,20,.07))}
.service-badge.hbo::before,.service-icon.hbo>b::before{content:"HBO";font-size:10px}.service-badge.hbo,.service-icon.hbo>b{border-color:rgba(189,146,255,.32);color:#bd92ff;background:linear-gradient(145deg,rgba(125,61,191,.18),rgba(125,61,191,.07))}
.service-badge.disney::before,.service-icon.disney>b::before{content:"D+";font-size:14px}.service-badge.disney,.service-icon.disney>b{border-color:rgba(110,167,255,.32);color:#6ea7ff;background:linear-gradient(145deg,rgba(46,113,224,.17),rgba(46,113,224,.07))}
.service-badge.prime::before,.service-icon.prime>b::before{content:"▶";font-size:14px;transform:translateY(-2px)}.service-badge.prime,.service-icon.prime>b{border-color:rgba(52,207,255,.3);color:#34cfff;background:linear-gradient(145deg,rgba(0,168,225,.16),rgba(0,168,225,.06))}.service-badge.prime::after,.service-icon.prime>b::after{content:"";position:absolute;left:50%;bottom:7px;width:19px;height:7px;transform:translateX(-50%);border-bottom:2px solid currentColor;border-radius:50%}
.service-badge.paramount::before,.service-icon.paramount>b::before{content:"▲";font-size:16px;transform:translateY(2px)}.service-badge.paramount,.service-icon.paramount>b{border-color:rgba(84,141,255,.32);color:#548dff;background:linear-gradient(145deg,rgba(0,72,171,.18),rgba(0,72,171,.07))}.service-badge.paramount::after,.service-icon.paramount>b::after{content:"★";position:absolute;top:6px;left:50%;z-index:2;transform:translateX(-50%);font-size:7px}
.service-badge.otro::before,.service-icon.otro>b::before{content:"◆"}.service-badge.otro,.service-icon.otro>b{border-color:rgba(101,245,161,.3);color:#65f5a1;background:rgba(76,255,145,.08)}

.summary-icon::before{content:"";width:19px;height:19px;background:currentColor;-webkit-mask:var(--summary-glyph) center/contain no-repeat;mask:var(--summary-glyph) center/contain no-repeat}
.summary-clients{--summary-glyph:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M22 21v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75'/%3E%3C/svg%3E")}
.summary-subscriptions{--summary-glyph:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='7' height='7' rx='1'/%3E%3Crect x='14' y='3' width='7' height='7' rx='1'/%3E%3Crect x='3' y='14' width='7' height='7' rx='1'/%3E%3Crect x='14' y='14' width='7' height='7' rx='1'/%3E%3C/svg%3E")}
.summary-valid{--summary-glyph:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='m8 12 2.5 2.5L16.5 8.5'/%3E%3C/svg%3E")}
.summary-expiring{--summary-glyph:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E")}
.summary-expired{--summary-glyph:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10.3 3.6 2.4 18a2 2 0 0 0 1.8 3h15.6a2 2 0 0 0 1.8-3L13.7 3.6a2 2 0 0 0-3.4 0Z'/%3E%3Cpath d='M12 9v4M12 17h.01'/%3E%3C/svg%3E")}
.summary-suspended{--summary-glyph:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M9.5 9v6M14.5 9v6'/%3E%3C/svg%3E")}
.summary-accounts{--summary-glyph:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2.5' y='5' width='19' height='14' rx='2'/%3E%3Cpath d='M2.5 10h19M7 15h3'/%3E%3C/svg%3E")}
.summary-free{--summary-glyph:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='10' width='16' height='11' rx='2'/%3E%3Cpath d='M8 10V7a4 4 0 0 1 7.7-1.5M12 14v3'/%3E%3C/svg%3E")}
.summary-assignments{--summary-glyph:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 4h5v5M20 4l-7 7'/%3E%3Cpath d='M18 13v5a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h5'/%3E%3C/svg%3E")}
.summary-admins{--summary-glyph:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10Z'/%3E%3Ccircle cx='12' cy='9' r='2.5'/%3E%3Cpath d='M8.5 16a4 4 0 0 1 7 0'/%3E%3C/svg%3E")}

@media(max-width:760px){#service-filters{flex-wrap:wrap!important;overflow:visible!important}#service-filters button{min-height:44px;padding:8px 11px;font-size:11px}#service-filters button::before{width:26px;height:26px;flex-basis:26px}.summary-icon::before{width:17px;height:17px}}

/* v1.11: formularios de edición y errores visibles dentro del modal */
.modal-form-error{margin:0 0 16px;padding:11px 13px;border:1px solid rgba(255,96,104,.28);border-radius:10px;background:rgba(255,96,104,.09);color:#ffb0b4;font-size:12px;line-height:1.45}
.modal-form-actions{display:grid;grid-template-columns:minmax(110px,.65fr) minmax(160px,1fr);gap:10px;margin-top:2px}
.modal-form-actions .primary-button{width:100%;margin:0}
.modal-secondary-button{min-height:42px;padding:10px 14px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.035);color:#a9bdb3;font:inherit;font-weight:800;cursor:pointer}
.modal-secondary-button:hover{border-color:rgba(255,255,255,.18);color:var(--text)}
@media(max-width:480px){.modal-form-actions{grid-template-columns:1fr}.modal-form-actions .primary-button{order:-1}}


/* v1.12 */
.status-badge{gap:6px;align-items:center;border:1px solid transparent;font-weight:900}.status-badge::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 9px currentColor}.status-badge.active{border-color:rgba(76,255,145,.22);background:rgba(76,255,145,.12);color:#77ffab}.status-badge.expiring{border-color:rgba(255,213,120,.28);background:rgba(255,213,120,.12);color:#ffdc83}.status-badge.expired,.status-badge.suspended{border-color:rgba(255,96,104,.25);background:rgba(255,96,104,.12);color:#ff8f96}.status-badge.scheduled{border-color:rgba(119,187,255,.24);background:rgba(119,187,255,.11);color:#92caff}
.client-name-link{color:#dfffee;text-decoration:none}.client-name-link:hover{color:var(--green)}.client-phone-line{display:flex!important;align-items:center;gap:7px}.whatsapp-mini,.whatsapp-button{border:1px solid rgba(76,255,145,.22);border-radius:7px;background:rgba(76,255,145,.08);color:#82ffad;text-decoration:none}.whatsapp-mini{padding:3px 6px;font-size:8px}.whatsapp-button{display:inline-block;width:max-content;margin-top:9px;padding:8px 10px;font-size:9px;font-weight:900}.field-feedback{display:block;min-height:14px;margin-top:4px!important;font-size:9px!important}.field-feedback.valid{color:#7dffab}.field-feedback.invalid{color:#ff9ba0}.field-hint{display:block;margin-top:7px;color:#73887c;font-size:9px}
.dashboard-operations-grid{display:grid;grid-template-columns:minmax(230px,.72fr) minmax(0,1.6fr);gap:13px;margin-bottom:14px}.dashboard-value-card,.expiration-center-card,.recent-admin-activity,.detail-section-card,.search-results-card{border:1px solid var(--line);border-radius:17px;background:linear-gradient(145deg,rgba(16,34,25,.9),rgba(9,20,15,.9));padding:18px}.dashboard-value-card{display:flex;flex-direction:column;justify-content:space-between}.dashboard-value-card h2{margin:6px 0;font-size:30px;color:#cffff0}.dashboard-value-card p,.compact-empty{color:#71877a;font-size:10px}.dashboard-value-card>a,.section-card-heading>a{color:#89fcb0;font-size:9px}.section-card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:14px}.section-card-heading h2{margin:2px 0 0;font-size:20px}.expiration-counters{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.due-chip{display:flex;justify-content:space-between;align-items:center;padding:10px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.02);text-decoration:none}.due-chip span{color:#81968b;font-size:9px}.due-chip strong{font-size:18px}.due-today strong,.due-expired strong{color:#ff8f96}.due-tomorrow strong,.due-soon strong{color:#ffdc83}.due-list,.activity-list,.activity-timeline,.client-detail-subscriptions,.compact-history-list,.global-result-list{display:grid;gap:8px}.due-list{margin-top:11px}.due-list>a{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;padding:9px;border:1px solid rgba(255,255,255,.05);border-radius:10px;text-decoration:none}.due-list strong,.due-list small,.activity-list strong,.activity-list small{display:block}.due-list strong,.activity-list strong{font-size:10px}.due-list small,.activity-list small{margin-top:3px;color:#6d8276;font-size:8px}.recent-admin-activity{margin-bottom:14px}.activity-list>article{display:grid;grid-template-columns:34px 1fr;align-items:center;gap:9px;padding:9px;border:1px solid rgba(255,255,255,.05);border-radius:10px}.activity-avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:rgba(119,187,255,.1);color:#9acbff;font-weight:900}
.back-link{display:inline-block;margin-bottom:8px;color:#789084;font-size:10px}.client-profile-grid{display:grid;grid-template-columns:1.2fr 1fr .8fr 1fr;gap:10px;margin-bottom:13px}.client-profile-card{min-height:110px;padding:16px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(145deg,rgba(16,34,25,.88),rgba(9,20,15,.86));display:flex;flex-direction:column;justify-content:center}.client-profile-card>small{color:#63796d;font-size:8px}.client-profile-card>strong{margin-top:7px;font-size:17px}.identity-card{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:12px}.profile-avatar{display:grid;place-items:center;width:52px;height:52px;border-radius:15px;background:rgba(76,255,145,.1);color:#a6ffc6;font-size:22px;font-weight:900}.detail-sub-card{display:grid;grid-template-columns:minmax(200px,1.2fr) minmax(250px,1fr) auto;align-items:center;gap:12px;padding:12px;border:1px solid rgba(255,255,255,.05);border-radius:12px}.detail-sub-main{display:flex;align-items:center;gap:10px}.detail-sub-main strong,.detail-sub-main small{display:block}.detail-sub-main small{color:#70857a;font-size:9px}.detail-sub-data,.detail-sub-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px}.detail-sub-data small,.detail-sub-data strong{display:block}.detail-sub-data small{color:#607468;font-size:8px}.quick-renew-button,.compact-action{padding:8px 9px;border:1px solid rgba(76,255,145,.22);border-radius:8px;background:rgba(76,255,145,.08);color:#8fffb5;font-size:8px;font-weight:900;text-decoration:none}.detail-two-column{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:13px}.compact-history-list>a{display:flex;justify-content:space-between;padding:9px;border:1px solid rgba(255,255,255,.05);border-radius:9px;text-decoration:none}.activity-timeline>article:not([hidden]){display:grid;grid-template-columns:38px 1fr;gap:10px;padding:11px;border:1px solid rgba(255,255,255,.05);border-radius:10px}.activity-timeline p{margin:4px 0;color:#83978c;font-size:9px}.activity-timeline small{color:#5f7468;font-size:8px}.edit-assignment-grid{display:grid;grid-template-columns:.8fr 1.4fr;gap:10px}.edit-assignment-mode,.edit-screen-picker{padding:10px;border:1px solid var(--line);border-radius:10px}.edit-assignment-mode{display:flex;gap:14px}.edit-screen-picker .unavailable{opacity:.35}.confirm-overlay{z-index:1000}.confirm-dialog{text-align:center}.confirm-icon{display:grid;place-items:center;width:48px;height:48px;margin:0 auto 12px;border-radius:15px;background:rgba(255,213,120,.08);color:#ffdb7d;font-size:22px;font-weight:900}.danger-confirm{background:#ff747c!important;color:#240609!important}
@media(max-width:980px){.dashboard-operations-grid{grid-template-columns:1fr}.client-profile-grid{grid-template-columns:repeat(2,1fr)}.detail-sub-card{grid-template-columns:1fr}.detail-sub-data,.detail-sub-actions{justify-content:flex-start}.detail-two-column{grid-template-columns:1fr}.expiration-counters{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.client-profile-grid{grid-template-columns:1fr 1fr}.edit-assignment-grid{grid-template-columns:1fr}}@media(max-width:480px){.client-profile-grid{grid-template-columns:1fr}}

/* v1.13: centro de vencimientos separado para mantener limpia la bandeja */
.expiration-group{margin-bottom:14px}.expiration-group .section-lead{margin:4px 0 0}.compact-expiration-empty{padding:34px 22px}.expiration-summary{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:900px){.expiration-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* v1.14: edición visible y vencimientos compactos */
.inline-row-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px}.table-edit-button{padding:8px 11px;border:1px solid rgba(76,255,145,.22);border-radius:9px;background:rgba(76,255,145,.08);color:#9dffbd;font-size:10px;font-weight:850;cursor:pointer}.table-edit-button:hover{border-color:rgba(76,255,145,.4);background:rgba(76,255,145,.13)}.compact-expiration-summary{grid-template-columns:repeat(3,minmax(0,1fr))!important}.expiration-group .list-tools select{min-width:165px}
@media(max-width:760px){.inline-row-actions{width:100%;justify-content:flex-end}.table-edit-button{min-height:40px;padding:9px 14px}.compact-expiration-summary{grid-template-columns:1fr!important}.expiration-group .list-tools{width:100%}.expiration-group .list-tools select{width:100%;min-height:42px}}


/* v1.15 · ajustes móviles de cuentas, clientes y suscripciones */
.client-phone-whatsapp{display:inline-flex;align-items:center;gap:6px;color:#bfffd2;text-decoration:none;font-weight:750}
.client-phone-whatsapp b{padding:3px 6px;border:1px solid rgba(76,255,145,.22);border-radius:7px;background:rgba(76,255,145,.08);color:#72ffa5;font-size:8px;letter-spacing:.02em}
.client-phone-whatsapp:hover{color:var(--green)}

@media(max-width:760px){
  /* Nombre del cliente mucho más visible dentro de Servicios asignados. */
  .subscription-table tr[data-subscription-row]>td:nth-child(2){grid-column:1/-1!important;padding:10px 11px!important;border:1px solid rgba(76,255,145,.14)!important;border-radius:11px!important;background:rgba(76,255,145,.045)!important}
  .subscription-table tr[data-subscription-row]>td:nth-child(2)::before{margin-bottom:7px!important;color:#6d8578!important;font-size:9px!important}
  .subscription-table .client-link{display:inline-flex;max-width:100%;color:#e9fff1!important;font-size:18px!important;font-weight:900!important;line-height:1.2;text-decoration:none;overflow-wrap:anywhere;text-shadow:0 0 18px rgba(76,255,145,.10)}

  /* Cuentas: orden fijo y limpio en tarjeta móvil. */
  .account-table tbody{display:grid!important;gap:12px!important;padding:10px!important}
  .account-table tr[data-account-row]{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;align-items:start!important;gap:15px 14px!important;padding:17px 15px!important}
  .account-table tr[data-account-row]>td{position:static!important;display:block!important;width:auto!important;min-width:0!important;padding:0!important;border:0!important;text-align:left!important}
  .account-table tr[data-account-row]>td::before{display:block!important;margin:0 0 7px!important;color:#6f8378!important;font-size:9px!important;line-height:1!important;letter-spacing:.12em!important}
  .account-table tr[data-account-row]>td:nth-child(1){grid-column:1/-1!important;padding-right:112px!important;min-height:48px}
  .account-table tr[data-account-row]>td:nth-child(1)::before{display:none!important}
  .account-table tr[data-account-row]>td:nth-child(2){grid-column:1}
  .account-table tr[data-account-row]>td:nth-child(3){grid-column:2}
  .account-table tr[data-account-row]>td:nth-child(4){grid-column:1}
  .account-table tr[data-account-row]>td:nth-child(5){grid-column:2}
  .account-table tr[data-account-row]>td:nth-child(6){grid-column:1!important}
  .account-table tr[data-account-row]>td:nth-child(7){grid-column:2}
  .account-table tr[data-account-row]>td:nth-child(8){position:absolute!important;top:14px!important;right:14px!important;width:auto!important;display:block!important}
  .account-table tr[data-account-row]>td:nth-child(8)::before{display:none!important}
  .account-table .inline-row-actions{width:auto!important;display:flex!important;gap:7px!important;align-items:center!important;justify-content:flex-end!important}
  .account-table .table-edit-button{min-width:68px!important;min-height:42px!important;padding:9px 11px!important;font-size:12px!important}
  .account-table .row-menu>summary{width:44px!important;height:42px!important}
  .account-table .account-email-value.email-primary{display:block;max-width:100%;font-size:16px!important;line-height:1.3!important;overflow-wrap:anywhere!important}
  .account-table .subscription-service{display:grid!important;grid-template-columns:44px minmax(0,1fr)!important;gap:10px!important;align-items:center!important}
  .account-table .subscription-service .service-badge{width:44px!important;height:44px!important}
  .account-table .subscription-service strong,.account-table td>strong{font-size:15px!important;line-height:1.3!important}
  .account-table .availability-value{font-size:16px!important}
  .account-table .table-subvalue{margin-top:4px!important;font-size:11px!important;line-height:1.25!important}
  .account-table .assignment-client-list{max-width:100%!important;gap:5px!important}
  .account-table .assignment-client-list span,.account-table .creator-chip{max-width:100%;font-size:12px!important;overflow-wrap:anywhere}
  .account-table .status-badge{font-size:11px!important}
}

@media(max-width:420px){
  .account-table tr[data-account-row]{gap:14px 10px!important;padding:15px 13px!important}
  .account-table tr[data-account-row]>td:nth-child(1){padding-right:108px!important}
  .account-table .account-email-value.email-primary{font-size:15px!important}
  .subscription-table .client-link{font-size:17px!important}
}

/* v1.16 · navegación móvil flotante, Home separado y búsquedas compactas */
.mobile-home-nav{display:none!important}
.search-collapse-wrap{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0}
.search-icon-toggle{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;padding:0;border:1px solid rgba(76,255,145,.22);border-radius:11px;background:rgba(76,255,145,.065);color:#9cffbb;font:900 21px/1 Arial,sans-serif;cursor:pointer;transition:border-color .16s ease,background .16s ease,transform .16s ease}
.search-icon-toggle:hover,.search-icon-toggle:focus-visible{border-color:rgba(76,255,145,.42);background:rgba(76,255,145,.11);outline:0}
.search-icon-toggle:active{transform:scale(.97)}
.search-collapse-wrap .collapsible-search-field{width:0!important;min-width:0!important;max-width:0!important;min-height:42px!important;padding-left:0!important;padding-right:0!important;border-width:0!important;opacity:0;overflow:hidden;pointer-events:none;transition:max-width .2s ease,width .2s ease,opacity .16s ease,padding .2s ease,border-width .12s ease}
.search-collapse-wrap.search-open .collapsible-search-field{width:min(320px,28vw)!important;max-width:min(320px,28vw)!important;padding-left:12px!important;padding-right:12px!important;border-width:1px!important;opacity:1;pointer-events:auto}
.list-tools .search-collapse-wrap,.account-list-tools .search-collapse-wrap,.subscription-tools .search-collapse-wrap{min-width:42px}
.account-list-tools .search-collapse-wrap,.subscription-tools .search-collapse-wrap{grid-column:auto}
.inbox-actions .search-collapse-wrap{margin-left:auto}

@media(max-width:760px){
  .mobile-home-nav{display:flex!important}
  /* El perro y el perfil quedan flotantes; se elimina la franja oscura fija. */
  .app-shell::before{display:none!important;content:none!important}
  .mobile-menu-trigger{background:rgba(7,25,16,.9)!important;backdrop-filter:blur(10px);box-shadow:0 8px 24px rgba(0,0,0,.28)!important}
  .topbar .account-menu,.management-top-actions .account-menu{background:transparent!important}
  .topbar .account-menu summary,.management-top-actions .account-menu summary{background:rgba(10,31,20,.9)!important;backdrop-filter:blur(10px);box-shadow:0 8px 24px rgba(0,0,0,.25)}
  .workspace,.management-workspace{padding-top:76px!important}
  /* En celular Bandeja queda solo para los códigos; los indicadores viven en Home. */
  .dashboard-bandeja-overview{display:none!important}
  .mobile-home-workspace .dashboard-summary-heading,.mobile-home-workspace .dashboard-summary{display:block}
  .mobile-home-workspace .dashboard-summary{display:grid!important}
  .search-collapse-wrap{width:auto;max-width:100%;justify-content:flex-end}
  .search-collapse-wrap.search-open{width:100%}
  .search-collapse-wrap.search-open .collapsible-search-field{width:min(100%,420px)!important;max-width:min(100%,420px)!important;flex:1 1 auto}
  .list-tools .search-collapse-wrap,.account-list-tools .search-collapse-wrap,.subscription-tools .search-collapse-wrap{grid-column:1/-1;justify-self:end}
  .list-tools .search-collapse-wrap.search-open,.account-list-tools .search-collapse-wrap.search-open,.subscription-tools .search-collapse-wrap.search-open{justify-self:stretch}
  .inbox-actions .search-collapse-wrap{width:100%;margin-left:0;justify-content:flex-end}
  .inbox-actions .search-collapse-wrap.search-open{justify-content:stretch}
}
.search-collapse-wrap .collapsible-search-field>span{display:none!important}
@media(max-width:760px){.client-inbox .search-collapse-wrap{width:100%;justify-content:flex-end}.client-inbox .search-collapse-wrap.search-open{justify-content:stretch}}

/* v1.17 · legibilidad, espacio útil y ficha de cliente */
.client-count-icon{display:none}
.client-summary-table tr[data-row-href]{cursor:pointer;transition:background .16s ease,border-color .16s ease}
.client-summary-table tr[data-row-href]:hover{background:rgba(76,255,145,.025)}
.client-summary-table tr[data-row-href]:focus-visible{outline:2px solid rgba(76,255,145,.42);outline-offset:-2px}
.client-main-info{min-width:0}
.client-phone-space{margin-top:7px}

/* Los datos del historial deben leerse en dos líneas, nunca pegados. */
.compact-history-list>a{align-items:center;gap:18px;padding:14px 16px}
.compact-history-list>a>div{min-width:0}
.compact-history-list>a>div>strong,.compact-history-list>a>div>small{display:block}
.compact-history-list>a>div>strong{font-size:15px;line-height:1.25}
.compact-history-list>a>div>small{margin-top:6px;color:#7d9287;font-size:12px;line-height:1.35}
.compact-history-list>a>strong{flex:0 0 auto;font-size:16px;white-space:nowrap}

/* La ficha usa el ancho disponible en lugar de comprimir servicio, fechas y botones. */
.detail-section-card{padding:22px}
.section-card-heading{margin-bottom:18px}
.section-card-heading h2{font-size:24px}
.detail-sub-card{grid-template-columns:minmax(280px,1.35fr) minmax(330px,1fr) minmax(260px,auto);gap:24px;padding:17px 18px}
.detail-sub-main{gap:13px;min-width:0}
.detail-sub-main strong{font-size:17px;line-height:1.25}
.detail-sub-main small{margin-top:6px;font-size:11px;line-height:1.4;overflow-wrap:anywhere}
.detail-sub-data{display:grid;grid-template-columns:repeat(3,max-content);gap:24px;align-items:center;justify-content:end}
.detail-sub-data>div{min-width:90px}
.detail-sub-data small{font-size:9px;letter-spacing:.04em}
.detail-sub-data strong{margin-top:5px;font-size:15px;line-height:1.2;white-space:nowrap}
.detail-sub-actions{gap:9px}
.quick-renew-button,.compact-action{padding:10px 12px;font-size:10px}
.client-profile-card>small{font-size:10px;letter-spacing:.06em}
.client-profile-card>strong{font-size:20px}
.identity-card h2{font-size:22px}

/* Historial completo: tipografía más cómoda en pantallas grandes. */
.subscription-history-hero{gap:20px;padding:22px 24px}
.subscription-history-hero small{font-size:10px}
.subscription-history-hero>div>strong{font-size:16px}
.subscription-history-hero .subscription-service strong{font-size:16px}
.subscription-history-hero .subscription-service p{font-size:11px;line-height:1.4}
.history-table strong{font-size:14px}

@media(min-width:761px){
  /* En escritorio había demasiado vacío y texto demasiado pequeño. */
  .management-workspace .topbar h1{font-size:34px}
  .management-summary small{font-size:12px}
  .management-summary strong{font-size:27px}
  .list-heading h2{font-size:26px}
  .user-table th{padding:14px 18px;font-size:11px;letter-spacing:.11em}
  .user-table td{padding:18px;font-size:15px}
  .user-cell{gap:13px;min-width:220px}
  .user-cell>span{width:42px;height:42px;font-size:16px}
  .user-cell strong{font-size:16px;line-height:1.3}
  .user-cell small{font-size:11px;line-height:1.35}
  .subscription-value{font-size:18px}
  .billing-value,.date-value{font-size:16px}
  .price-value{font-size:16px}
  .status-badge,.role-badge{padding:7px 11px;font-size:11px}
  .subscription-service strong{font-size:15px}
  .subscription-service small,.table-subvalue{font-size:11px}
  .client-link{font-size:15px}
  .row-menu>summary{width:38px;height:38px;font-size:15px}
  .row-menu-panel{font-size:12px}
  .table-edit-button{font-size:11px}
}

@media(max-width:980px){
  .detail-sub-card{grid-template-columns:1fr;gap:16px}
  .detail-sub-data{justify-content:start;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}
  .detail-sub-actions{justify-content:flex-start;flex-wrap:wrap}
}

@media(max-width:760px){
  /* Clientes: teléfono con bloque propio; contador compacto al lado de la lupa. */
  .desktop-client-count{display:none!important}
  .client-count-icon{position:relative;display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border:1px solid rgba(76,255,145,.22);border-radius:50%;background:rgba(76,255,145,.065);color:#9cffbb;font-size:20px}
  .client-count-icon>b{position:absolute;right:-4px;top:-5px;display:grid;place-items:center;min-width:18px;height:18px;padding:0 4px;border:2px solid #07130d;border-radius:999px;background:var(--green);color:#052010;font:900 9px/1 ui-monospace,monospace}
  .client-list-tools{display:flex!important;width:100%;align-items:center!important;justify-content:flex-end!important;gap:8px!important}
  .client-list-tools .client-count-icon{order:1}
  .client-list-tools .search-collapse-wrap{order:2;grid-column:auto!important;width:auto!important;justify-self:auto!important}
  .client-list-tools .search-collapse-wrap.search-open{flex:1 1 auto;width:auto!important}
  .client-list-tools .search-collapse-wrap.search-open .collapsible-search-field{min-width:0!important}
  .client-summary-table .client-phone-space{width:100%;margin-top:11px;padding:9px 11px;border:1px solid rgba(76,255,145,.12);border-radius:10px;background:rgba(0,0,0,.12)}
  .client-summary-table .client-phone-line{margin:0!important;font-size:12px!important;line-height:1.4!important}
  .client-summary-table .client-phone-whatsapp{width:100%;justify-content:space-between;gap:10px}
  .client-summary-table .client-phone-whatsapp b{font-size:9px}
  .client-summary-table tr[data-row-href]{cursor:pointer}

  .detail-section-card{padding:17px}
  .section-card-heading h2{font-size:21px}
  .detail-sub-main strong{font-size:17px}
  .detail-sub-main small{font-size:11px}
  .detail-sub-data{grid-template-columns:1fr 1fr;gap:14px 18px}
  .detail-sub-data>.status-badge{grid-column:1/-1;width:max-content}
  .compact-history-list>a{padding:13px;gap:12px}
  .compact-history-list>a>div>strong{font-size:14px}
  .compact-history-list>a>div>small{font-size:11px}
  .compact-history-list>a>strong{font-size:14px}
}

/* v1.18 · jerarquía visual, acciones móviles e iconos reales de streaming */

/* Marcas de streaming limpias: SVG/PNG locales, sin cuadros blancos. */
.service-badge,.service-icon>b{
  --service-logo:url("streaming-icons/other.svg");
}
.service-badge.netflix,.service-icon.netflix>b{--service-logo:url("streaming-icons/netflix.svg");color:#e50914}
.service-badge.hbo,.service-icon.hbo>b{--service-logo:url("streaming-icons/hbomax-mask.png");color:#d6b6ff}
.service-badge.disney,.service-icon.disney>b{--service-logo:url("streaming-icons/disneyplus-mask.png");color:#77b9ff}
.service-badge.prime,.service-icon.prime>b{--service-logo:url("streaming-icons/primevideo.svg");color:#38c7f0}
.service-badge.paramount,.service-icon.paramount>b{--service-logo:url("streaming-icons/paramountplus.svg");color:#6da2ff}
.service-badge.otro,.service-icon.otro>b{--service-logo:url("streaming-icons/other.svg");color:#77f7a8}
.service-badge::before,.service-icon>b::before{
  content:""!important;
  width:72%;height:72%;
  background:currentColor!important;
  -webkit-mask:var(--service-logo) center/contain no-repeat;
  mask:var(--service-logo) center/contain no-repeat;
  transform:none!important;
}
.service-badge::after,.service-icon>b::after{content:none!important}
.service-badge{border-color:color-mix(in srgb,currentColor 32%,transparent)!important;background:color-mix(in srgb,currentColor 10%,transparent)!important}
.service-icon>b{border-color:color-mix(in srgb,currentColor 32%,transparent)!important;background:color-mix(in srgb,currentColor 10%,transparent)!important}

/* Los filtros también usan la marca, no letras de imitación. */
#service-filters button[data-service="NETFLIX"]{--service-logo:url("streaming-icons/netflix.svg")}
#service-filters button[data-service="HBO"]{--service-logo:url("streaming-icons/hbomax-mask.png")}
#service-filters button[data-service="DISNEY"]{--service-logo:url("streaming-icons/disneyplus-mask.png")}
#service-filters button[data-service="PRIME"]{--service-logo:url("streaming-icons/primevideo.svg")}
#service-filters button[data-service="PARAMOUNT"]{--service-logo:url("streaming-icons/paramountplus.svg")}
#service-filters button[data-service="OTRO"]{--service-logo:url("streaming-icons/other.svg")}
#service-filters button:not([data-service="TODOS"])::before{
  content:""!important;
  border:0!important;border-radius:0!important;box-shadow:none!important;
  background:var(--filter-accent)!important;
  -webkit-mask:var(--service-logo) center/contain no-repeat;
  mask:var(--service-logo) center/contain no-repeat;
}

/* Actividad: el espacio disponible se usa para lectura, no para aire vacío. */
.activity-timeline{gap:13px}
.activity-timeline>article{
  grid-template-columns:64px minmax(0,1fr);
  gap:20px;
  align-items:center;
  padding:22px 24px;
  border-radius:15px;
}
.activity-timeline>article .activity-avatar{
  width:58px;height:58px;border-radius:16px;font-size:24px;
}
.activity-timeline>article strong{display:block;font-size:22px;line-height:1.25;letter-spacing:-.015em}
.activity-timeline>article p{margin:9px 0 10px;font-size:15px;line-height:1.5;color:#91a99c}
.activity-timeline>article small{font-size:13px;line-height:1.35;color:#6e897a}

/* Volver debe ser una acción visible. */
.back-link{
  margin-bottom:13px;
  padding:7px 0;
  color:#a7c3b4;
  font-size:15px;
  font-weight:800;
  text-decoration:none;
}
.back-link:hover{color:var(--green)}

@media(min-width:761px){
  /* Lupa/contador cerca del título, no perdidos en el extremo derecho. */
  .list-heading{
    justify-content:flex-start!important;
    align-items:center!important;
    flex-direction:row!important;
    flex-wrap:wrap;
    gap:16px 22px!important;
  }
  .list-heading>.list-tools,.list-heading>.management-search,.list-heading>.count-pill{margin-left:0!important}
  .list-tools,.account-list-tools,.subscription-tools{width:auto!important;justify-content:flex-start!important}
  .search-icon-toggle{width:46px;height:46px;flex-basis:46px;font-size:23px;border-radius:12px}
  .count-pill{min-width:46px;height:46px;padding:0 13px;font-size:15px;border-color:rgba(76,255,145,.28);background:rgba(76,255,145,.09)}
  .client-list-tools{justify-content:flex-start!important}
  .activity-timeline{max-width:none}
}

@media(max-width:760px){
  /* El perfil sigue flotando a la derecha; las acciones principales viven a la izquierda. */
  .topbar,.management-workspace .topbar{align-items:flex-start!important}
  .management-top-actions,.topbar-actions{
    width:auto!important;
    max-width:calc(100% - 58px);
    align-self:flex-start!important;
    justify-content:flex-start!important;
    align-items:center!important;
    gap:9px!important;
  }
  .management-top-actions>.create-modal-button,
  .management-top-actions>a.create-modal-button,
  .topbar-actions>.create-modal-button,
  .topbar-actions>a.create-modal-button{
    width:auto!important;
    max-width:100%;
    min-height:50px;
    padding:12px 17px;
    font-size:15px;
    line-height:1.2;
    text-align:left;
  }
  .management-top-actions>.secondary-action{background:rgba(76,255,145,.055);color:#b9d0c3}
  .back-link{font-size:17px;margin-bottom:15px;padding:8px 0}

  .activity-timeline{gap:11px}
  .activity-timeline>article{grid-template-columns:54px minmax(0,1fr);gap:14px;padding:17px 15px}
  .activity-timeline>article .activity-avatar{width:50px;height:50px;border-radius:14px;font-size:20px}
  .activity-timeline>article strong{font-size:18px;line-height:1.3}
  .activity-timeline>article p{margin:7px 0 8px;font-size:14px;line-height:1.45}
  .activity-timeline>article small{font-size:12px}

  /* Lupa + contador compactos, juntos y a la izquierda también en móvil. */
  .list-heading{align-items:flex-start!important}
  .list-tools,.client-list-tools{justify-content:flex-start!important}
  .client-list-tools{width:auto!important}
  .client-list-tools .client-count-icon{order:1!important}
  .client-list-tools .search-collapse-wrap{order:2!important}
  .client-list-tools .search-collapse-wrap.search-open{width:min(100%,420px)!important}
}
/* Refuerzo final de legibilidad solicitado para Auditoría. */
@media(min-width:761px){
  .activity-timeline>article strong{font-size:24px}
  .activity-timeline>article p{font-size:16px}
  .activity-timeline>article small{font-size:14px}
}

/* v1.20 · contadores dentro de las tablas, búsquedas sin mover filtros y auditoría legible */
.table-count-caption{
  caption-side:top;
  text-align:left;
  padding:12px 15px 10px;
  border-bottom:1px solid rgba(255,255,255,.055);
  color:#789084;
  font-size:12px;
  font-weight:800;
  letter-spacing:.02em;
}
.table-count-caption .table-count-badge{
  display:inline-grid;
  place-items:center;
  min-width:34px;
  height:34px;
  margin-right:8px;
  padding:0 9px;
  border:1px solid rgba(76,255,145,.32);
  border-radius:999px;
  background:rgba(76,255,145,.09);
  color:#62ff9d;
  font-size:14px;
  font-weight:900;
}

/* Auditoría: el renglón secundario y la fecha tienen prioridad de lectura real. */
.activity-timeline>article{
  grid-template-columns:74px minmax(0,1fr)!important;
  gap:22px!important;
  padding:25px 28px!important;
}
.activity-timeline>article .activity-avatar{
  width:66px!important;
  height:66px!important;
  border-radius:18px!important;
  font-size:28px!important;
}
.activity-timeline>article strong{
  font-size:28px!important;
  line-height:1.22!important;
}
.activity-timeline>article p{
  margin:11px 0 12px!important;
  color:#a7c0b2!important;
  font-size:22px!important;
  line-height:1.5!important;
  font-weight:500!important;
}
.activity-timeline>article small{
  color:#86a395!important;
  font-size:18px!important;
  line-height:1.45!important;
  font-weight:600!important;
}

@media(max-width:760px){
  .table-count-caption{padding:9px 10px;font-size:12px}
  .table-count-caption .table-count-badge{min-width:32px;height:32px;font-size:13px}
  .activity-timeline>article{
    grid-template-columns:58px minmax(0,1fr)!important;
    gap:15px!important;
    padding:19px 16px!important;
  }
  .activity-timeline>article .activity-avatar{
    width:54px!important;height:54px!important;font-size:22px!important;
  }
  .activity-timeline>article strong{font-size:22px!important;line-height:1.3!important}
  .activity-timeline>article p{font-size:18px!important;line-height:1.5!important;margin:9px 0 10px!important}
  .activity-timeline>article small{font-size:16px!important;line-height:1.4!important}
}


/* v1.21 · posición exacta de filtros/lupa, auditoría equilibrada e iconos centrados */
/* Auditoría: mantenerla muy legible, pero sin el tamaño exagerado de v1.20. */
.activity-timeline>article{
  grid-template-columns:62px minmax(0,1fr)!important;
  gap:18px!important;
  padding:20px 22px!important;
}
.activity-timeline>article .activity-avatar{
  width:58px!important;
  height:58px!important;
  border-radius:16px!important;
  font-size:24px!important;
}
.activity-timeline>article strong{
  font-size:23px!important;
  line-height:1.26!important;
}
.activity-timeline>article p{
  margin:9px 0 10px!important;
  font-size:18px!important;
  line-height:1.48!important;
  color:#9eb6a8!important;
}
.activity-timeline>article small{
  font-size:15px!important;
  line-height:1.4!important;
  color:#789487!important;
}

/* Inventario: centrar realmente la marca dentro de su cápsula y dentro de la fila. */
.account-table td[data-label="Servicio"]{vertical-align:middle!important}
.account-table td[data-label="Servicio"] .subscription-service{
  align-items:center!important;
  min-height:54px;
}
.account-table td[data-label="Servicio"] .service-badge{
  align-self:center!important;
  margin-top:0!important;
  margin-bottom:0!important;
}
.account-table td[data-label="Servicio"] .service-badge::before{
  transform:translateY(3px)!important;
}

@media(max-width:760px){
  .activity-timeline>article{
    grid-template-columns:52px minmax(0,1fr)!important;
    gap:14px!important;
    padding:17px 15px!important;
  }
  .activity-timeline>article .activity-avatar{
    width:48px!important;height:48px!important;font-size:20px!important;
  }
  .activity-timeline>article strong{font-size:19px!important;line-height:1.3!important}
  .activity-timeline>article p{font-size:16px!important;line-height:1.48!important;margin:8px 0 9px!important}
  .activity-timeline>article small{font-size:14px!important;line-height:1.4!important}
  .account-table td[data-label="Servicio"] .service-badge::before{transform:translateY(2px)!important}
}

/* v1.22 · logos sin cápsula, filas editables, buscador fijo y tipografía consistente */
.service-badge.gemini,.service-icon.gemini>b{--service-logo:url("streaming-icons/gemini.svg");color:#8ab4ff}
.service-badge.spotify,.service-icon.spotify>b{--service-logo:url("streaming-icons/spotify.svg");color:#1ed760}
.service-badge.youtube,.service-icon.youtube>b{--service-logo:url("streaming-icons/youtube.svg");color:#ff0033}
.service-badge.vix,.service-icon.vix>b{--service-logo:url("streaming-icons/vix.svg");color:#ff6a00}
.service-badge.crunchyroll,.service-icon.crunchyroll>b{--service-logo:url("streaming-icons/crunchyroll.svg");color:#f47521}

/* El icono es el logo: no hay cuadro, cápsula, fondo ni borde alrededor. */
.service-badge,.service-icon>b{
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.service-badge::before,.service-icon>b::before{width:92%!important;height:92%!important}
.subscription-service .service-badge{flex:0 0 48px;width:48px;height:48px}
.service-icon>b{width:50px!important;height:50px!important}

#service-filters button[data-service="GEMINI"]{--filter-accent:#8ab4ff;--filter-surface:rgba(138,180,255,.09);--service-logo:url("streaming-icons/gemini.svg")}
#service-filters button[data-service="SPOTIFY"]{--filter-accent:#1ed760;--filter-surface:rgba(30,215,96,.09);--service-logo:url("streaming-icons/spotify.svg")}
#service-filters button[data-service="YOUTUBE"]{--filter-accent:#ff334f;--filter-surface:rgba(255,0,51,.09);--service-logo:url("streaming-icons/youtube.svg")}
#service-filters button[data-service="VIX"]{--filter-accent:#ff7a1a;--filter-surface:rgba(255,106,0,.09);--service-logo:url("streaming-icons/vix.svg")}
#service-filters button[data-service="CRUNCHYROLL"]{--filter-accent:#f47521;--filter-surface:rgba(244,117,33,.09);--service-logo:url("streaming-icons/crunchyroll.svg")}

/* Filas completas abren la edición, excepto controles internos. */
.user-table tr[data-row-edit-target]{cursor:pointer;transition:background .14s ease}
.user-table tr[data-row-edit-target]:hover{background:rgba(76,255,145,.025)}
.user-table tr[data-row-edit-target]:focus-visible{outline:1px solid rgba(76,255,145,.34);outline-offset:-1px}

/* Un poco más de lectura en todas las tablas de gestión. */
@media(min-width:761px){
  .user-table th{font-size:12px!important}
  .user-table td{font-size:17px!important}
  .user-cell strong,.subscription-service strong,.client-link,.account-email-value{font-size:18px!important}
  .user-cell small,.subscription-service small,.table-subvalue{font-size:13px!important}
  .subscription-value{font-size:19px!important}
  .billing-value,.date-value,.price-value{font-size:17px!important}
  .status-badge,.role-badge{font-size:12px!important}
}

/* Auditoría: un punto menor que v1.21, conservando legibilidad. */
.activity-timeline>article strong{font-size:21px!important}
.activity-timeline>article p{font-size:16px!important}
.activity-timeline>article small{font-size:14px!important}
@media(max-width:760px){
  .activity-timeline>article strong{font-size:18px!important}
  .activity-timeline>article p{font-size:15px!important}
  .activity-timeline>article small{font-size:13px!important}
}

/* Bandeja: estructura única. Los paneles ocupan espacio real y no usan posición absoluta. */
.inbox-panel#activity{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,390px);column-gap:18px;max-width:1380px}
.inbox-panel#activity>.inbox-header{grid-column:1;grid-row:1;align-self:center}
.inbox-panel#activity>.inbox-mobile-toolbar{display:none}
.inbox-panel#activity>.inbox-counter{grid-column:1/-1;grid-row:2}
.inbox-panel#activity>.inbox-search-panel{grid-column:2;grid-row:1;align-self:center;min-width:0}
.inbox-panel#activity>.inbox-search-panel .search-box{width:100%}
.inbox-panel#activity>#service-filters,.inbox-panel#activity>.event-list{grid-column:1/-1}
.inbox-mobile-controls{display:none}

@media(max-width:760px){
  .inbox-panel#activity{display:block;padding:18px 14px;overflow:hidden}
  .inbox-panel#activity>.inbox-header{display:block!important}
  .inbox-panel#activity .inbox-header h2{font-size:21px}
  .inbox-panel#activity .inbox-header p{font-size:12px;line-height:1.4}
  .inbox-panel#activity>.inbox-mobile-toolbar{display:flex;align-items:center;justify-content:flex-start;margin-top:15px}
  .inbox-mobile-controls{display:flex;align-items:center;gap:8px;width:auto}
  .inbox-control-slot{min-width:0;padding:0;border:0;background:transparent}
  .inbox-control-toggle{display:grid;place-items:center;width:42px;height:42px;min-height:42px;padding:0;border:1px solid rgba(76,255,145,.22);border-radius:10px;background:rgba(76,255,145,.065);color:#9cffbb;cursor:pointer}
  .inbox-control-toggle>span{display:none}
  .inbox-control-toggle svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
  .inbox-control-toggle b{font:900 22px/1 Arial,sans-serif}
  .inbox-control-toggle[aria-expanded="true"]{border-color:rgba(76,255,145,.46);background:rgba(76,255,145,.14);color:#c6ffd9}
  .inbox-panel#activity>.inbox-search-panel{display:none;width:100%;margin:10px 0 0}
  .inbox-panel#activity>.inbox-search-panel.is-open{display:block}
  .inbox-panel#activity>.inbox-search-panel .search-box{width:100%;min-height:46px}
  .inbox-panel#activity>#service-filters{display:none!important}
  .inbox-panel#activity>#service-filters.is-open{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px!important;width:100%!important;max-width:100%!important;margin:10px 0 0!important;padding:10px!important;overflow:hidden!important;border:1px solid rgba(76,255,145,.13);border-radius:12px;background:rgba(5,16,11,.72)}
  .inbox-panel#activity>#service-filters.is-open button{width:100%!important;min-width:0!important;min-height:40px!important;padding:9px 7px!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .inbox-panel#activity>.inbox-counter{margin:13px 0 10px}
}

/* Campo de nombre para servicios personalizados. */
[data-custom-service-name][hidden]{display:none!important}

/* Los nuevos servicios conservan su logo multiforma real, sin convertirlo en silueta. */
.service-badge.gemini::before,.service-icon.gemini>b::before{background:url("streaming-icons/gemini.svg") center/contain no-repeat!important;-webkit-mask:none!important;mask:none!important}
.service-badge.spotify::before,.service-icon.spotify>b::before{background:url("streaming-icons/spotify.svg") center/contain no-repeat!important;-webkit-mask:none!important;mask:none!important}
.service-badge.youtube::before,.service-icon.youtube>b::before{background:url("streaming-icons/youtube.svg") center/contain no-repeat!important;-webkit-mask:none!important;mask:none!important}
.service-badge.vix::before,.service-icon.vix>b::before{background:url("streaming-icons/vix.svg") center/contain no-repeat!important;-webkit-mask:none!important;mask:none!important}
.service-badge.crunchyroll::before,.service-icon.crunchyroll>b::before{background:url("streaming-icons/crunchyroll.svg") center/contain no-repeat!important;-webkit-mask:none!important;mask:none!important}
#service-filters button[data-service="GEMINI"]::before{background:url("streaming-icons/gemini.svg") center/contain no-repeat!important;-webkit-mask:none!important;mask:none!important}
#service-filters button[data-service="SPOTIFY"]::before{background:url("streaming-icons/spotify.svg") center/contain no-repeat!important;-webkit-mask:none!important;mask:none!important}
#service-filters button[data-service="YOUTUBE"]::before{background:url("streaming-icons/youtube.svg") center/contain no-repeat!important;-webkit-mask:none!important;mask:none!important}
#service-filters button[data-service="VIX"]::before{background:url("streaming-icons/vix.svg") center/contain no-repeat!important;-webkit-mask:none!important;mask:none!important}
#service-filters button[data-service="CRUNCHYROLL"]::before{background:url("streaming-icons/crunchyroll.svg") center/contain no-repeat!important;-webkit-mask:none!important;mask:none!important}

/* v1.23 · buscadores estables + facturación individual por servicio */
/* Paso 4: cada streaming tiene su propia fecha, facturación y precio. */
.service-period-list{display:grid;gap:14px}
.service-period-card{padding:16px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(145deg,rgba(16,35,25,.86),rgba(8,18,13,.9))}
.service-period-card[hidden]{display:none!important}
.service-period-head{display:flex;align-items:center;gap:12px;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.055)}
.service-period-head .service-badge{flex:0 0 auto}
.service-period-head small,.service-period-head strong{display:block}
.service-period-head small{margin-bottom:3px;color:#6c8377;font:800 8px ui-monospace,monospace;letter-spacing:.13em}
.service-period-head strong{font-size:16px}
.service-period-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.service-period-fields>label[data-service-custom-end][hidden]{display:none!important}
.service-billing-preview{margin-top:12px}
.wizard-review-list{display:grid;gap:9px;margin-bottom:16px}
.wizard-review-row{display:grid;grid-template-columns:minmax(120px,1fr) auto auto;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.018)}
.wizard-review-row strong{font-size:13px}
.wizard-review-row span{color:#879c91;font-size:11px}
.wizard-review-row b{color:#caffdc;font:800 12px ui-monospace,monospace;white-space:nowrap}

@media(max-width:760px){
  .service-period-fields{grid-template-columns:1fr}
  .wizard-review-row{grid-template-columns:1fr;gap:5px}
  .wizard-review-row strong{font-size:14px}
  .wizard-review-row span,.wizard-review-row b{font-size:12px}
  /* En móvil el buscador puede ocupar el ancho disponible, sin mover el botón. */
  .account-list-tools .search-collapse-wrap,
  .subscription-tools .search-collapse-wrap,
  .admin-list-tools .search-collapse-wrap{position:relative!important;justify-self:end!important}
}

/* v1.24 · revisión visual de escritorio y formularios compactos */

/* Acciones principales: debajo del título y a la izquierda, no pegadas al perfil. */
.header-action-row{display:flex;align-items:center;gap:10px;margin-top:14px}
.header-action-row .create-modal-button{min-height:48px;padding:12px 18px;font-size:14px;font-weight:900;border-radius:12px}
@media(min-width:761px){
  .management-workspace>.topbar{align-items:flex-start!important}
  .management-workspace>.topbar>div:first-child{min-width:0}
  .management-top-actions{margin-left:auto!important;align-self:flex-start!important}
  .header-action-row .create-modal-button{min-height:52px;padding:13px 20px;font-size:15px}
  .back-link{font-size:16px!important;line-height:1.35;padding:8px 0!important;margin-bottom:8px!important}
}
@media(max-width:760px){
  .header-action-row{margin-top:12px}
  .header-action-row .create-modal-button{min-height:50px;font-size:15px;padding:12px 17px}
  .back-link{font-size:18px!important;font-weight:900!important}
}

/* Formularios: controles que contienen un valor corto no necesitan ocupar una fila completa. */
.compact-number-input,input[name="screen_capacity"]{width:132px!important;max-width:132px!important;min-width:100px!important;display:block!important}
.service-period-fields .money-input{max-width:220px}
.service-period-fields input[type="date"],.service-period-fields select{max-width:240px}
.custom-subscription-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.custom-subscription-fields label{display:grid;gap:7px}
.custom-subscription-fields>p{grid-column:1/-1;margin:0;color:#71877a;font-size:11px;line-height:1.45}

/* Tipografía de gestión: evitar textos diminutos en PC. */
@media(min-width:761px){
  .management-form label,.service-icon-picker legend,.password-options legend,.screen-picker legend{font-size:14px!important}
  .management-form label>small,.field-hint{font-size:12px!important;line-height:1.4!important}
  .management-form input,.management-form select,.management-form textarea{font-size:15px!important}
  .list-heading .eyebrow,.detail-section-card .eyebrow{font-size:10px!important}
  .selected-client-filter{font-size:13px!important}
  .selected-client-filter button,.selected-client-filter a{font-size:12px!important}
  .table-count-caption{font-size:13px!important}
  .table-count-badge{font-size:14px!important}
  .subscription-history-hero small{font-size:10px!important}
  .subscription-history-hero>div>strong{font-size:16px!important}
  .subscription-history-hero .subscription-service p{font-size:12px!important}
}

@media(max-width:760px){
  .wizard-modal{width:calc(100vw - 20px)!important;max-height:92vh!important}
  .wizard-progress{max-width:290px!important;gap:5px!important}.wizard-progress i{flex-basis:18px!important;max-width:18px!important}.wizard-progress span{width:30px!important;height:30px!important;flex-basis:30px!important}
  .wizard-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  [data-modal="create-account"] .service-icon-grid,[data-modal="edit-account"] .service-icon-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .service-icon small{font-size:14px!important}
  .compact-number-input,input[name="screen_capacity"]{width:120px!important;max-width:120px!important}
}


/* v1.25 · ajustes solicitados sin alterar el resto de la interfaz */
.post-summary-action-row{display:flex;align-items:center;justify-content:flex-start;margin:14px 0 16px}
.post-summary-action-row .create-modal-button{min-height:50px;padding:12px 19px;font-size:15px;font-weight:900}
.row-inline-actions{display:flex;align-items:center;justify-content:flex-start;gap:9px}
.compact-edit-button{min-height:40px;padding:8px 13px;border:1px solid rgba(76,255,145,.22);border-radius:10px;background:rgba(76,255,145,.07);color:#91ffb7;font-size:13px;font-weight:900;cursor:pointer}
.compact-edit-button:hover{background:rgba(76,255,145,.13);border-color:rgba(76,255,145,.4)}
.activity-filter-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.activity-filter-tools select{min-width:210px;min-height:48px;padding:10px 38px 10px 13px;border:1px solid var(--line);border-radius:12px;background:#0b1711;color:var(--text);font-size:14px}
/* El portal del cliente conserva su fila de servicios independiente. */
.client-inbox #service-filters{display:flex!important;flex-wrap:wrap!important;width:auto!important;overflow:visible!important}
.client-inbox #service-filters button{width:auto!important;min-width:0!important}
@media(max-width:760px){
  .post-summary-action-row{margin:12px 0 14px}
  .post-summary-action-row .create-modal-button{width:auto;min-height:48px;font-size:14px}
  .row-inline-actions{justify-content:flex-end}
  .compact-edit-button{min-height:42px;font-size:13px}
  .activity-filter-tools{width:100%;align-items:stretch}
  .activity-filter-tools select{width:100%;min-width:0}
}



/* v1.28 · implementaciones únicas para búsqueda, filtros, tarjetas y wizard */

/* Gestión: filtros y lupa permanecen en una sola fila. La lupa es fija y el campo sale a la derecha. */
@media(min-width:761px){
  .account-list-tools,.subscription-tools,.admin-list-tools{
    display:flex!important;align-items:center!important;justify-content:flex-start!important;
    flex-wrap:nowrap!important;gap:10px!important;width:max-content!important;max-width:100%!important;
    overflow:visible!important;margin-left:0!important;
  }
  .account-list-tools .search-collapse-wrap,
  .subscription-tools .search-collapse-wrap,
  .admin-list-tools .search-collapse-wrap{
    position:relative!important;display:block!important;width:48px!important;min-width:48px!important;
    max-width:48px!important;flex:0 0 48px!important;margin:0!important;overflow:visible!important;
  }
  .account-list-tools .search-icon-toggle,
  .subscription-tools .search-icon-toggle,
  .admin-list-tools .search-icon-toggle{position:relative!important;z-index:2!important;width:48px!important;height:48px!important}
  .account-list-tools .collapsible-search-field,
  .subscription-tools .collapsible-search-field,
  .admin-list-tools .collapsible-search-field{
    position:absolute!important;z-index:1!important;top:0!important;left:56px!important;right:auto!important;transform:none!important;
    width:0!important;min-width:0!important;max-width:none!important;height:48px!important;margin:0!important;
    padding-left:0!important;padding-right:0!important;border-width:0!important;opacity:0!important;pointer-events:none!important;
    overflow:hidden!important;white-space:nowrap!important;box-shadow:0 10px 28px rgba(0,0,0,.38)!important;
    transition:width .16s ease,opacity .16s ease!important;
  }
  .account-list-tools .search-open .collapsible-search-field,
  .subscription-tools .search-open .collapsible-search-field,
  .admin-list-tools .search-open .collapsible-search-field{
    width:280px!important;min-width:280px!important;max-width:min(280px,calc(100vw - 120px))!important;
    padding-left:14px!important;padding-right:14px!important;border-width:1px!important;opacity:1!important;pointer-events:auto!important;overflow:visible!important;
  }
}

/* Wizard: ancho real por paso y sin espacio muerto. */
.wizard-modal{box-sizing:border-box!important;max-height:90vh!important;padding:24px 26px!important}
.wizard-modal[data-current-step="1"]{width:min(540px,calc(100vw - 36px))!important}
.wizard-modal[data-current-step="2"]{width:min(900px,calc(100vw - 36px))!important}
.wizard-modal[data-current-step="3"]{width:min(720px,calc(100vw - 36px))!important}
.wizard-modal[data-current-step="4"]{width:min(700px,calc(100vw - 36px))!important}
.wizard-modal[data-current-step="5"]{width:min(620px,calc(100vw - 36px))!important}
.wizard-modal .wizard-progress{width:max-content!important;max-width:100%!important;margin:11px 0 16px!important;gap:6px!important}
.wizard-modal .wizard-progress span{width:28px!important;height:28px!important;flex:0 0 28px!important;font-size:10px!important}
.wizard-modal .wizard-progress i{flex:0 0 22px!important;max-width:22px!important}
.wizard-modal .wizard-step h3{font-size:24px!important;margin:2px 0 6px!important}
.wizard-modal .wizard-step>p:not(.wizard-kicker){font-size:13px!important;line-height:1.45!important;margin:0 0 15px!important}
.wizard-modal[data-current-step="1"] .wizard-step[data-wizard-step="1"]>label{max-width:100%!important}
.wizard-modal[data-current-step="1"] .wizard-actions{justify-content:flex-end!important;margin-top:16px!important}

/* Tarjetas de servicios: ancho fijo compacto; no se reparten con 1fr. */
@media(min-width:761px){
  .wizard-modal .wizard-service-grid,
  [data-modal="create-account"] .service-icon-grid,
  [data-modal="edit-account"] .service-icon-grid{
    display:flex!important;flex-wrap:wrap!important;align-items:stretch!important;justify-content:flex-start!important;
    gap:8px!important;grid-template-columns:none!important;
  }
  .wizard-modal .wizard-service-grid>label{flex:0 0 160px!important;width:160px!important;max-width:160px!important}
  [data-modal="create-account"] .service-icon-grid>label,
  [data-modal="edit-account"] .service-icon-grid>label{flex:0 0 174px!important;width:174px!important;max-width:174px!important}
  .wizard-modal .wizard-service-grid .service-icon,
  [data-modal="create-account"] .service-icon,
  [data-modal="edit-account"] .service-icon{
    box-sizing:border-box!important;width:100%!important;min-height:58px!important;padding:8px 10px!important;
    grid-template-columns:34px minmax(0,1fr)!important;grid-template-rows:auto auto!important;column-gap:9px!important;row-gap:2px!important;
    align-items:center!important;border-radius:10px!important;
  }
  .wizard-modal .wizard-service-grid .service-icon>b,
  [data-modal="create-account"] .service-icon>b,
  [data-modal="edit-account"] .service-icon>b{width:32px!important;height:32px!important;grid-row:1/3!important}
  .wizard-modal .wizard-service-grid .service-icon small,
  [data-modal="create-account"] .service-icon small,
  [data-modal="edit-account"] .service-icon small{font-size:14px!important;line-height:1.15!important;font-weight:850!important;color:#dcebe3!important}
  .wizard-modal .wizard-service-grid .service-icon em,
  [data-modal="create-account"] .service-icon em,
  [data-modal="edit-account"] .service-icon em{margin-top:1px!important;font-size:12px!important;line-height:1.2!important;color:#83998d!important}
  .service-icon-grid label.unavailable .service-icon,.wizard-service-grid label.unavailable .service-icon{opacity:.56!important;filter:saturate(.65)!important}
}

/* Vencimientos: filtro propio del panel, no un select nativo gris. */
.expiration-filter-bar{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.expiration-filter-bar button{min-height:40px;padding:8px 13px;border:1px solid var(--line);border-radius:10px;background:#0b1711;color:#92a99d;font-size:13px;font-weight:800;cursor:pointer}
.expiration-filter-bar button:hover{border-color:rgba(76,255,145,.22);color:#c9f8d8}
.expiration-filter-bar button.active{border-color:rgba(76,255,145,.42);background:rgba(76,255,145,.11);color:#72ffa6}

/* Actividad: selector simple, sin texto de roles, y compatible con el filtro instantáneo JS. */
.activity-filter-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.activity-filter-tools>select{min-width:180px;min-height:46px;padding:9px 38px 9px 13px;border:1px solid var(--line);border-radius:11px;background:#0b1711;color:var(--text);font-size:14px}

/* Clientes móvil: cabecera compacta, teléfono propio y acciones sin crear una fila vacía. */
@media(max-width:760px){
  .client-summary-table tr[data-user-row]{grid-template-columns:1fr 1fr!important;gap:14px 12px!important;padding:16px!important}
  .client-summary-table tr[data-user-row]>td:first-child{grid-column:1/-1!important;grid-row:1!important;padding-right:0!important;min-width:0!important}
  .client-summary-table tr[data-user-row]>td:nth-child(2){grid-column:1!important;grid-row:2!important}
  .client-summary-table tr[data-user-row]>td:nth-child(3){grid-column:2!important;grid-row:2!important}
  .client-summary-table tr[data-user-row]>td:nth-child(4){grid-column:1!important;grid-row:3!important}
  .client-summary-table tr[data-user-row]>td:nth-child(5){grid-column:2!important;grid-row:3!important}
  .client-summary-table tr[data-user-row]>td:last-child{position:absolute!important;top:15px!important;right:15px!important;width:auto!important;display:block!important;z-index:2!important}
  .client-summary-table tr[data-user-row]>td:last-child .row-inline-actions{justify-content:flex-end!important;width:auto!important;gap:7px!important}
  .client-summary-table .user-cell{align-items:flex-start!important;gap:12px!important;min-width:0!important}
  .client-summary-table .client-main-info{flex:1 1 auto!important;min-width:0!important;width:100%!important}
  .client-summary-table .client-name-link{display:block!important;max-width:calc(100% - 116px)!important;font-size:19px!important;line-height:1.25!important;overflow-wrap:anywhere!important}
  .client-summary-table .client-phone-space{margin-top:30px!important;padding:10px 11px!important;width:100%!important;box-sizing:border-box!important}
  .client-summary-table .client-phone-line{display:block!important;font-size:14px!important;line-height:1.35!important}
  .client-summary-table .client-phone-whatsapp{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;width:100%!important}
  .client-summary-table .client-phone-whatsapp b{font-size:11px!important;white-space:nowrap!important}
  .client-summary-table .compact-edit-button{min-height:40px!important;padding:8px 12px!important;font-size:13px!important}
  .client-summary-table .row-menu>summary{width:44px!important;height:40px!important}
  .client-summary-table .subscription-value,.client-summary-table .date-value,.client-summary-table .price-value{font-size:17px!important}
  .client-summary-table .status-badge{font-size:12px!important}

  /* En suscripciones la fila sigue siendo editable, pero tocar el menú no debe simular un clic de tarjeta. */
  .subscription-table tr[data-row-edit-target]{transition:none!important}
  .subscription-table tr[data-row-edit-target]:hover,.subscription-table tr[data-row-edit-target]:active{background:linear-gradient(145deg,rgba(15,32,24,.9),rgba(8,20,14,.9))!important}

  .expiration-filter-bar{flex-wrap:nowrap;overflow-x:auto;padding-bottom:2px}
  .expiration-filter-bar button{flex:0 0 auto}
  .activity-filter-tools{width:100%}
  .activity-filter-tools>select{width:100%;min-width:0}
  .wizard-modal,.wizard-modal[data-current-step]{width:calc(100vw - 16px)!important;max-height:92vh!important;padding:20px 16px!important}
  .wizard-modal .wizard-service-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
  .wizard-modal .wizard-service-grid .service-icon{min-height:58px!important;padding:8px!important}
  .wizard-modal .wizard-service-grid .service-icon em{font-size:11px!important}
  .custom-subscription-fields{grid-template-columns:1fr}
}

/* v1.30 — móvil diseñado como lista propia; PC conserva las tablas. */
[hidden]{display:none!important}
.mobile-compact-list,.mobile-indicators-panel>summary{display:none}
.mobile-indicators-panel{margin:0;padding:0;border:0}
@media(min-width:761px){
  /* Web PC: los indicadores siempre deben estar visibles, sin depender del estado nativo de <details>. */
  .mobile-indicators-panel{display:block!important}
  .mobile-indicators-panel>summary{display:none!important}
  .mobile-indicators-panel>.management-summary{display:grid!important}
}

@media(max-width:760px){
  .desktop-record-table{display:none!important}
  .mobile-compact-list{display:grid!important;margin:0;border-top:1px solid rgba(255,255,255,.045)}
  .mobile-compact-row{position:relative;display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:66px;padding:11px 12px;border-bottom:1px solid rgba(255,255,255,.055);background:transparent;cursor:pointer;outline:none}
  .mobile-compact-row:last-of-type{border-bottom:0}
  .mobile-compact-row:active{background:rgba(76,255,145,.035)}
  .mobile-compact-row:focus-visible{box-shadow:inset 0 0 0 1px rgba(76,255,145,.32)}
  .mobile-record-icon,.mobile-record-service-icon{width:38px!important;height:38px!important;min-width:38px!important;flex:0 0 38px!important}
  .mobile-avatar{display:grid;place-items:center;border-radius:11px;background:rgba(76,255,145,.08);color:#a8ffc7;font-size:15px;font-weight:900}
  .mobile-record-service-icon{border-radius:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
  .mobile-record-service-icon::before{width:100%!important;height:100%!important}
  .mobile-record-main{min-width:0;display:grid;gap:3px}
  .mobile-record-main strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#effff5;font-size:15px;line-height:1.18;font-weight:900}
  .mobile-record-main small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#8ca196;font-size:12.5px;line-height:1.25}
  .mobile-record-main em{color:#e3bb69;font-size:11px;font-style:normal;font-weight:800}
  .mobile-state-dot{display:inline-block;width:7px;height:7px;margin-left:5px;border-radius:50%;vertical-align:middle;background:#73867d;box-shadow:0 0 8px rgba(115,134,125,.3)}
  .mobile-state-dot.active{background:#54ff95;box-shadow:0 0 9px rgba(84,255,149,.48)}
  .mobile-state-dot.expiring,.mobile-state-dot.scheduled{background:#ffd66d;box-shadow:0 0 9px rgba(255,214,109,.42)}
  .mobile-state-dot.expired,.mobile-state-dot.suspended,.mobile-state-dot.removed{background:#ff7c84;box-shadow:0 0 9px rgba(255,124,132,.36)}
  .mobile-state-dot.empty{background:#75877e}
  .mobile-record-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px}
  .mobile-icon-action,.mobile-row-menu>summary{display:grid;place-items:center;width:36px;height:36px;min-width:36px;padding:0;border:1px solid rgba(76,255,145,.17);border-radius:10px;background:rgba(76,255,145,.055);color:#a9ffc7;font-size:17px;font-weight:900;text-decoration:none;cursor:pointer;box-sizing:border-box}
  .mobile-icon-action.whatsapp{color:#6effa3;background:rgba(37,211,102,.08);border-color:rgba(37,211,102,.22)}
  .mobile-row-menu{position:relative;margin:0}
  .mobile-row-menu>summary{list-style:none;font-size:15px;letter-spacing:.08em}
  .mobile-row-menu>summary::-webkit-details-marker{display:none}
  .mobile-list-empty{padding:22px 14px;color:#7f9489;text-align:center;font-size:13px}
  .mobile-client-list .mobile-record-main small{color:#a7b9b0}
  .mobile-subscription-list .mobile-record-main strong{font-size:16px}
  .mobile-account-list .mobile-record-main strong{font-size:13.5px;font-family:ui-monospace,monospace}
  .mobile-expiration-list .mobile-compact-row{min-height:76px}
  .mobile-history-list{gap:10px;padding:0 12px 12px}
  .mobile-history-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:15px 12px;padding:15px;border:1px solid rgba(76,255,145,.13);border-radius:14px;background:rgba(255,255,255,.018)}
  .mobile-history-row>div{min-width:0}
  .mobile-history-row small,.mobile-history-row strong,.mobile-history-row span{display:block}
  .mobile-history-row small{margin-bottom:6px;color:#667b70;font:800 10px/1.25 ui-monospace,monospace;letter-spacing:.09em}
  .mobile-history-row strong,.mobile-history-row span{font-size:15px;line-height:1.35;overflow-wrap:anywhere}
  .mobile-history-row .price-value{font-size:16px!important;white-space:normal}
  .mobile-history-registered{grid-column:1/-1;padding-top:12px;border-top:1px solid rgba(255,255,255,.055)}
  .mobile-history-registered span{color:#91a69b;font-size:13px}

  /* Indicadores: cerrados por defecto y accesibles con una sola franja. */
  .mobile-indicators-panel{display:block;margin:0 0 12px}
  .mobile-indicators-panel>summary{display:inline-flex!important;width:auto;max-width:100%;align-items:center;justify-content:center;gap:9px;min-height:40px;padding:0 12px;border:1px solid var(--line);border-radius:10px;background:rgba(12,25,18,.78);color:#c8ddd2;font-size:13px;font-weight:900;cursor:pointer;list-style:none}
  .mobile-indicators-panel>summary::-webkit-details-marker{display:none}
  .mobile-indicators-chevron{font-size:18px;color:#6fffa4;transition:transform .18s ease}
  .mobile-indicators-panel[open] .mobile-indicators-chevron{transform:rotate(180deg)}
  .mobile-indicators-panel>.management-summary{margin:8px 0 0!important}
  .mobile-indicators-panel:not([open])>.management-summary{display:none!important}
  .mobile-indicators-panel[open]>.management-summary{display:grid!important}
  .mobile-home-workspace .dashboard-summary-heading{display:none}
  .home-indicators-static>.management-summary{display:grid!important;margin-top:0!important}

  /* La lista móvil es la vista principal; las viejas reglas responsive de tabla ya no participan. */
  .user-list-card>.mobile-compact-list{border-radius:0 0 15px 15px;overflow:visible}
  .user-list-card .list-heading{padding-bottom:11px}
}


/* v1.37 · acceso de clientes, papelera de actividad y lupa estable de Clientes */
.activity-timeline>article{grid-template-columns:34px minmax(0,1fr) auto}
.activity-delete-form{align-self:center;margin:0}
.activity-delete-button{display:grid;place-items:center;width:38px;height:38px;padding:0;border:1px solid rgba(255,96,104,.2);border-radius:10px;background:rgba(255,96,104,.055);color:#ff8f96;cursor:pointer;transition:border-color .16s ease,background .16s ease,transform .16s ease}
.activity-delete-button:hover,.activity-delete-button:focus-visible{border-color:rgba(255,96,104,.48);background:rgba(255,96,104,.12);outline:0}
.activity-delete-button:active{transform:scale(.96)}
.activity-delete-button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}

/* Clientes: la lupa queda anclada a la izquierda y el campo crece hacia la derecha. */
.client-list-tools{justify-content:flex-start!important}
.client-list-tools .search-collapse-wrap{justify-content:flex-start!important;margin-left:0!important}
@media(max-width:760px){
  .client-list-tools{display:flex!important;width:100%!important;justify-content:flex-start!important}
  .client-list-tools .search-collapse-wrap{order:1!important;flex:0 0 auto!important;width:auto!important;max-width:100%!important;justify-content:flex-start!important}
  .client-list-tools .search-collapse-wrap.search-open{flex:1 1 auto!important;width:auto!important}
  .client-list-tools .client-count-icon{order:2!important}
  .activity-timeline>article{grid-template-columns:50px minmax(0,1fr) auto!important}
  .activity-delete-button{width:42px;height:42px}
}

/* v1.38 · alertas de seguridad exclusivas para administradores/propietario */
.event-card-alert{grid-template-columns:46px minmax(0,1fr)!important;border-color:rgba(255,76,86,.42)!important;background:linear-gradient(135deg,rgba(91,15,22,.38),rgba(26,8,11,.82))!important;box-shadow:inset 3px 0 0 rgba(255,76,86,.82),0 10px 28px rgba(0,0,0,.16)}
.event-card-alert:hover{border-color:rgba(255,96,106,.72)!important;background:linear-gradient(135deg,rgba(112,18,27,.44),rgba(31,9,13,.88))!important}
.security-alert-badge{background:rgba(255,76,86,.16)!important;color:#ff858d!important;border:1px solid rgba(255,96,106,.3);font-size:24px!important;box-shadow:0 0 18px rgba(255,76,86,.13)}
.security-alert-main{display:grid;gap:5px}
.security-alert-title strong{color:#ff737d!important;font-size:17px!important;letter-spacing:.04em}
.security-alert-message{margin:2px 0 0!important;color:#fff1f2!important;font:900 15px/1.35 ui-monospace,monospace!important;white-space:normal!important;overflow-wrap:anywhere}
.security-alert-service{display:block;color:#ffadb2;font:900 12px/1.2 ui-monospace,monospace;letter-spacing:.14em}
@media(max-width:760px){
  .event-card-alert,.workspace .event-card-alert,.client-inbox .event-card-alert{grid-template-columns:46px minmax(0,1fr)!important}
  .event-card-alert .event-main{grid-column:2;grid-row:1}
  .security-alert-message{font-size:14px!important}
}