.lamp-scene{display:block;border:0;background:transparent;color:inherit;padding:0;cursor:pointer;flex-shrink:0;outline-offset:6px}.lamp-hint{position:absolute;bottom:-12px;left:25px;right:0;font:10px "Segoe UI",sans-serif;letter-spacing:.05em;color:#a7b29c}.lamp-glow{transition:opacity .5s ease}.lamp-shade:after{transition:background .45s,box-shadow .45s}.lamp-cord{transform-origin:top;transition:transform .2s}.lamp-scene:active .lamp-cord{transform:translateY(8px)}.lamp-off .lamp-glow{opacity:0}.lamp-off .lamp-shade:after{background:#4a5145;box-shadow:none}.commercial-login{transition:background-color .5s}.commercial-login.lamp-off{background:#0b1414}.lamp-off .v24-login-card{box-shadow:0 20px 80px #0007}.lamp-off .lamp-scene{opacity:.85}
.commercial-shell{display:block;padding-left:112px}.commercial-sidebar{position:fixed;z-index:60;left:16px;top:16px;bottom:16px;height:auto;width:80px;border-radius:22px;padding:16px 12px;overflow-x:hidden;overflow-y:auto;background:#fff;color:#52606d;border:1px solid var(--line);box-shadow:0 15px 45px #1a344414;transition:width .32s ease;scrollbar-width:thin}.commercial-sidebar:hover,.commercial-sidebar:focus-within,.commercial-sidebar.is-pinned{width:278px}.commercial-profile{display:flex;align-items:center;gap:14px;min-height:52px;flex-shrink:0;margin-bottom:14px;white-space:nowrap}.commercial-avatar{display:grid;place-items:center;flex:0 0 44px;height:44px;border-radius:14px;background:#163e48;color:#c4e6dc;font-size:14px;font-weight:700}.commercial-profile-copy{opacity:0;transition:opacity .15s}.commercial-profile-copy b{display:block;font-size:14px;color:var(--text)}.commercial-profile-copy small{display:block;font-size:12px;color:var(--muted);margin-top:5px}.commercial-sidebar .brand{display:none}.commercial-sidebar .pilot{display:none;background:#f0f5f7;color:#52606d;border-color:var(--line);min-width:240px;margin:0 0 12px}.commercial-sidebar:hover .pilot,.commercial-sidebar:focus-within .pilot,.commercial-sidebar.is-pinned .pilot{display:block}.commercial-sidebar .role-switch button{background:#fff;color:#52606d;border-color:#ced9df}.commercial-sidebar .role-switch button.active{color:#fff;background:#167b79;border-color:#167b79}.commercial-sidebar .nav{flex:1}.commercial-sidebar .nav-head{height:0;overflow:hidden;opacity:0;margin:0;white-space:nowrap;transition:opacity .15s;color:#7c8c95}.commercial-sidebar .nav button{position:relative;min-height:46px;margin:5px 0;padding:11px 12px;gap:16px;color:#667580;white-space:nowrap;border-radius:12px;font-size:14px;transition:background .2s,color .2s}.commercial-sidebar .nav button:hover{background:#f0f5f6;color:#136f72}.commercial-sidebar .nav button.active{background:#e5f2f1;color:#147977}.commercial-sidebar .sym{width:20px;height:22px;flex:0 0 20px;display:grid;place-items:center}.commercial-sidebar svg{width:22px;height:22px}.commercial-nav-label{opacity:0;transition:opacity .15s}.commercial-sidebar .count{position:absolute;right:0;top:0;min-width:17px;padding:2px 4px;background:#167b79;color:#fff;font-size:9px;transition:right .3s,top .3s}.commercial-sidebar .sidebar-foot{display:none}.commercial-actions{margin-top:auto;padding-top:18px;display:flex;flex-direction:column;gap:8px;flex-shrink:0}.commercial-actions button{border:0;background:#f0f4f6;color:#697d87;border-radius:10px;min-width:44px;height:44px;display:grid;place-items:center}.commercial-actions button:hover,.commercial-actions button[aria-pressed=true]{background:#d9ede8;color:#1c756a}.commercial-sidebar:is(:hover,:focus-within,.is-pinned) .commercial-profile-copy,.commercial-sidebar:is(:hover,:focus-within,.is-pinned) .commercial-nav-label{opacity:1;transition-delay:.12s}.commercial-sidebar:is(:hover,:focus-within,.is-pinned) .nav-head{height:auto;opacity:1;margin:18px 10px 8px}.commercial-sidebar:is(:hover,:focus-within,.is-pinned) .count{right:8px;top:13px}.commercial-sidebar:is(:hover,:focus-within,.is-pinned) .commercial-actions{flex-direction:row}.commercial-sidebar .nav button.active:before{display:none}
@media(max-width:900px){.commercial-shell{padding-left:96px}.commercial-sidebar{left:8px;top:8px;bottom:8px;width:76px;padding:14px 10px;display:flex}.commercial-sidebar .brand{display:none}.commercial-sidebar .nav{display:block;overflow:visible}.commercial-sidebar .nav button{width:100%}.commercial-sidebar .nav-head{display:block}.commercial-sidebar .nav button .count{display:block}.commercial-profile{display:flex}.commercial-actions{display:flex}.commercial-sidebar.is-pinned{width:min(278px,calc(100vw - 24px))}.commercial-shell.responsable .sidebar{display:flex}.commercial-shell.responsable .main{background:var(--bg)}.commercial-shell.responsable .content{padding:12px}.commercial-shell .search{width:min(440px,46vw)}.commercial-shell .topbar{padding:0 12px}.commercial-shell .top-actions .chip{display:none}}
@media(max-width:800px){.commercial-login .lamp-scene{display:block;transform:scale(.65);transform-origin:center;margin:-20px auto -40px;height:290px}.commercial-login .login-story{gap:0}.commercial-login{gap:0;padding-top:20px}.commercial-login .login-brand{font-size:13px}.commercial-login .lamp-hint{font-size:14px}}
.commercial-sidebar{overflow:hidden}.commercial-sidebar .nav{min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin}.commercial-sidebar .pilot{flex-shrink:0}.commercial-actions{margin-top:12px}.commercial-sidebar .nav button{flex-shrink:0}.v24-login:not(.commercial-login) .v24-login-card{color:#172f3c}
@media(prefers-reduced-motion:reduce){.commercial-sidebar,.commercial-sidebar *,.lamp-glow,.lamp-shade:after,.lamp-cord{transition:none!important}}










/* Sistema compacto · componentes compartidos, temas y distribución */
:root{--bg:#f4f6fa;--card:#fff;--surface:#f7f9fc;--text:#223047;--muted:#617086;--line:#dfe5ee;--blue:#365edc;--blue-soft:#edf1fd;--shadow:0 2px 8px #172b4604;--r:12px;--focus:#6687f1;--soft-blue:#eaf0ff;--soft-green:#e8f5ef;--soft-amber:#fff4df;--soft-red:#fcebed;--soft-purple:#f0ecfc;--on-blue:#315ac7;--on-green:#207357;--on-amber:#926014;--on-red:#b3374c;--on-purple:#7352af}
html[data-commercial-theme=dark]{color-scheme:dark;--bg:#111722;--card:#1a2230;--surface:#202a3a;--text:#e7edf6;--muted:#acb8ca;--line:#354155;--blue:#7697ff;--blue-soft:#283657;--shadow:none;--soft-blue:#263754;--soft-green:#233e36;--soft-amber:#443a29;--soft-red:#462c36;--soft-purple:#39304e;--on-blue:#b2c7ff;--on-green:#9adbbc;--on-amber:#edc57c;--on-red:#ffadb9;--on-purple:#d0bafa}
body{font-family:"Segoe UI",Arial,sans-serif;background:var(--bg);color:var(--text)}
.commercial-shell{--rail:72px;padding-left:calc(var(--rail) + 24px);transition:padding-left .28s ease;min-width:0}
.commercial-shell:has(.commercial-sidebar:is(:hover,:focus-within,.is-pinned)){--rail:250px}
.commercial-sidebar{width:72px;left:12px;top:12px;bottom:12px;padding:12px 10px;border-radius:16px;background:var(--card);color:var(--muted);box-shadow:var(--shadow);border-color:var(--line)}
.commercial-sidebar:is(:hover,:focus-within,.is-pinned){width:250px}
.commercial-sidebar .nav-head,.commercial-sidebar:is(:hover,:focus-within,.is-pinned) .nav-head{display:block;height:22px;min-height:22px;margin:10px 10px 0;line-height:22px;overflow:hidden}
.commercial-sidebar .pilot{display:block;visibility:hidden;height:76px;min-height:76px;overflow:hidden}.commercial-sidebar:is(:hover,:focus-within,.is-pinned) .pilot{visibility:visible;display:block}
.commercial-sidebar .commercial-avatar{flex-basis:40px;height:40px;font-size:12px;background:var(--blue-soft);color:var(--on-blue);border-radius:12px}
.commercial-profile{gap:12px;min-height:42px;margin-bottom:12px}.commercial-profile-copy b{font-size:13px}.commercial-profile-copy small{font-size:11px}
.commercial-sidebar .pilot{min-width:0;width:228px;padding:8px;font-size:9px;background:var(--surface);border-color:var(--line);color:var(--muted)}
.commercial-sidebar .role-switch button{background:var(--card);color:var(--muted);border-color:var(--line)}.commercial-sidebar .role-switch button.active{background:var(--blue-soft);border-color:var(--blue);color:var(--on-blue)}
.commercial-sidebar .nav button{min-height:40px;margin:3px 0;padding:9px 12px;gap:12px;font-size:13px;color:var(--muted)}
.commercial-sidebar .nav button:is(.active,:hover){background:var(--blue-soft);color:var(--on-blue)}.commercial-sidebar svg{width:19px;height:19px}.commercial-sidebar .sym{width:18px;flex-basis:18px;height:20px}
.commercial-sidebar:is(:hover,:focus-within,.is-pinned) .nav-head{font-size:9px;margin:15px 10px 7px;color:var(--muted)}.commercial-sidebar .count{background:var(--blue-soft);color:var(--on-blue);border:1px solid var(--line);font-size:9px;line-height:12px;min-width:16px;padding:1px 3px}
.commercial-sidebar:is(:hover,:focus-within,.is-pinned) .count{top:10px}.commercial-actions{padding-top:8px;gap:6px}.commercial-actions button{min-width:40px;height:36px;background:var(--surface);color:var(--muted)}.commercial-actions button:is(:hover,[aria-pressed=true]){background:var(--blue-soft);color:var(--on-blue)}
.commercial-shell .main{min-width:0}.commercial-shell .topbar{height:58px;padding:0 24px;background:var(--card);border-color:var(--line);z-index:40;gap:12px}
.commercial-shell .search{width:min(400px,45vw)}.commercial-shell .search input{height:36px;font-size:13px;background:var(--surface);color:var(--text);border-color:var(--line);padding-top:8px;padding-bottom:8px}.commercial-shell .search .mag{top:8px}
.commercial-shell .content{max-width:1440px;padding:24px 28px 40px;margin:0 auto;min-width:0}
.commercial-shell .chip{background:var(--surface);border-color:var(--line);color:var(--muted);padding:6px 9px;font-size:11px}.commercial-shell .v24-logout{color:var(--text);background:var(--card)}
.commercial-shell .v24-cloud-chip{background:var(--soft-green);border-color:var(--line);color:var(--on-green)}
.commercial-shell .avatar{width:30px;height:30px;background:var(--blue-soft);color:var(--on-blue)}
.commercial-shell .hero{min-height:0;padding:0 0 20px;margin:0 0 18px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;overflow:visible}
.commercial-shell .hero:after,.commercial-shell .hero-quote,.commercial-shell .hero-badge{display:none}.commercial-shell .hero .eyebrow{font-size:10px;letter-spacing:.12em;color:var(--muted);font-weight:600}
.commercial-shell .hero h1,.commercial-shell .admin-page-head h1{font-size:26px;line-height:1.2;font-weight:650;letter-spacing:-.6px;color:var(--text);margin:6px 0 7px}
.commercial-shell .hero p,.commercial-shell .admin-page-head p{font-size:13px;line-height:1.6;max-width:85ch;color:var(--muted)}
.commercial-shell .hero .btn{position:static}.commercial-shell :is(.card,.resource-card,.admin-resource-card,.external-row,.modal){background:var(--card);border-color:var(--line);color:var(--text);box-shadow:var(--shadow);border-radius:12px}
.commercial-shell :is(h2,h3){color:var(--text);font-weight:650}.commercial-shell :is(.section-head h2,.section-title,.panel-head h2,.side-card h3){font-size:15px;line-height:1.4;margin:0}.commercial-shell .section-head{margin-bottom:14px;align-items:center;gap:12px}
.commercial-shell .pad,.commercial-shell .side-card{padding:18px}.commercial-shell .side-card h3{margin-bottom:8px}.commercial-shell .small{font-size:12px}.commercial-shell .muted{color:var(--muted)}
.commercial-shell .btn{font-size:12px;line-height:1.3;font-weight:600;padding:8px 11px;min-height:32px;border-radius:7px;border:1px solid var(--line);color:var(--text);background:var(--surface)}
.commercial-shell .btn:hover{background:var(--blue-soft);border-color:var(--blue);color:var(--on-blue)}.commercial-shell .btn.primary{background:#365edc;border-color:#365edc;color:#fff}.commercial-shell .btn.primary:hover{background:#294ec3;color:#fff}
.commercial-shell .btn.danger-outline{background:var(--soft-red)!important;color:var(--on-red)!important;border-color:transparent!important}.commercial-shell .danger-action{background:#b82f48!important;color:#fff!important}
.commercial-shell :is(input,select,textarea){color:var(--text);background:var(--surface);border-color:var(--line);font-size:13px;border-radius:7px}.commercial-shell :is(input,textarea)::placeholder{color:var(--muted);opacity:1}
.commercial-shell :is(input,select,textarea):focus{outline:2px solid var(--focus);outline-offset:1px}.commercial-shell .field label{font-size:12px;color:var(--muted);font-weight:600}.commercial-shell .field input,.commercial-shell .field select{padding:10px 11px}.commercial-shell .field textarea{padding:11px;min-height:90px}
.commercial-shell .filters{gap:6px;margin:0 0 16px}.commercial-shell .filter-pill{font-size:12px;padding:7px 11px;background:var(--card);border:1px solid var(--line);border-radius:8px;color:var(--muted);display:inline-flex;align-items:center;gap:7px}
.commercial-shell .filter-pill.active{background:var(--blue-soft);border-color:var(--blue);color:var(--on-blue)}.commercial-icon{width:21px;height:21px;flex-shrink:0}.filter-icon .commercial-icon{width:15px;height:15px}
.commercial-shell .tag{font-size:11px;font-weight:600;padding:4px 8px;line-height:1.3;border:0;border-radius:6px}.commercial-shell .tag:before{width:5px;height:5px}
.commercial-shell :is(.tag.ok,.green){background:var(--soft-green);color:var(--on-green)}.commercial-shell :is(.tag.warn,.orange){background:var(--soft-amber);color:var(--on-amber)}.commercial-shell :is(.tag.bad,.pink){background:var(--soft-red);color:var(--on-red)}.commercial-shell :is(.tag.review,.purple){background:var(--soft-purple);color:var(--on-purple)}.commercial-shell :is(.tag.info,.blue,.cyan){background:var(--soft-blue);color:var(--on-blue)}.commercial-shell :is(.gray,.tag.neutral){background:var(--surface);color:var(--muted)}
.commercial-shell :is(.circle,.quick-ico,.kpi-ico){width:36px;height:36px;border-radius:9px;font-size:17px;flex-shrink:0}
.commercial-shell .kpi-row{gap:12px;margin-bottom:20px}.commercial-shell .kpi-row .kpi{padding:15px 16px;min-height:82px;gap:12px}.commercial-shell .kpi-row .kpi b{font-size:24px;font-weight:650;line-height:1.15;margin:4px 0}.commercial-shell .kpi span{font-size:12px;color:var(--muted)}
.commercial-shell .quick-grid{gap:12px;margin-bottom:20px}.commercial-shell .quick-grid .quick{min-height:88px;padding:16px;gap:12px;grid-template-columns:36px minmax(0,1fr) auto;cursor:pointer}.commercial-shell .quick-grid .quick h3{font-size:14px;margin:0 0 4px}.commercial-shell .quick-grid .quick p{font-size:12px;margin:0 0 5px;color:var(--muted)}
.commercial-shell .module-grid{gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}.commercial-shell .module-card{min-height:180px;padding:18px}.commercial-shell .module-card h3{font-size:16px;margin:1px 0}.commercial-shell .module-card p{font-size:12px;color:var(--muted);line-height:1.5;margin:16px 0}.commercial-shell .module-card .statline{color:var(--muted);font-size:12px}.commercial-shell .module-card .btn{background:var(--surface);color:var(--text);border-color:var(--line);margin-top:12px}
.commercial-shell .report-layout,.commercial-shell .base-layout{grid-template-columns:minmax(0,1fr) 280px;gap:18px;align-items:start}.commercial-shell .resource-stack{padding:0 16px 16px;gap:10px}
.commercial-shell .resource-card{display:flex;flex-direction:column;min-height:0;padding:16px;gap:14px;border-radius:9px;box-shadow:none}.commercial-shell .resource-main{gap:12px}.commercial-shell .resource-body{flex:1;min-width:0}.commercial-shell .resource-top{align-items:center;justify-content:flex-start;gap:10px;margin-bottom:6px;flex-wrap:wrap}.commercial-shell .resource-top h3{font-size:16px;line-height:1.35;overflow-wrap:anywhere}.commercial-shell .resource-body p{font-size:12px;line-height:1.5;color:var(--muted);margin:0}
.commercial-shell .resource-side{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:12px;padding-top:12px;border-top:1px solid var(--line)}
.commercial-shell .update-box{padding:0;background:transparent;border:0;border-radius:0;flex-shrink:0}.commercial-shell .update-box label{font-size:10px;margin:0 0 3px;color:var(--muted)}.commercial-shell .update-box b{font-size:13px;font-weight:600;display:inline;color:var(--text)}.commercial-shell .update-box span{font-size:11px;color:var(--muted);margin-left:7px}
.commercial-shell .actions.stack{flex-direction:row;gap:6px;flex-wrap:wrap;justify-content:flex-end}.commercial-shell .actions.stack .btn{width:auto;flex:0 0 auto;font-size:11px;padding:7px 9px;min-height:30px}
.commercial-shell .logo-box{width:40px;height:40px;border-radius:8px;background:#fff;border:1px solid #dce2e9;box-shadow:none}.commercial-shell .brand-logo{width:30px;height:30px;border-radius:0;padding:1px}.commercial-shell .brand-logo.sm{width:18px;height:18px;padding:0}
.commercial-shell .type-badge{padding:4px 7px;font-size:11px;background:var(--surface);color:var(--text);border-color:var(--line);border-radius:6px;gap:5px}.commercial-shell .type-badge .brand-logo.sm{width:15px;height:15px}
.commercial-shell .meta-row{gap:8px;margin-top:10px;align-items:center}.commercial-shell .info-chip{min-width:0;padding:4px 8px;gap:2px;border-radius:6px;background:var(--surface);border-color:var(--line)}.commercial-shell .info-chip label{font-size:9px;color:var(--muted)}.commercial-shell .info-chip strong{font-size:11px;color:var(--text);font-weight:500}
.commercial-shell .resource-file-chip{max-width:100%;margin-top:9px;padding:6px 8px;background:var(--surface);border-color:var(--line);color:var(--text);border-radius:7px}.commercial-shell .resource-file-chip>span{width:26px;height:26px;background:var(--blue-soft);color:var(--on-blue);border-radius:5px}.commercial-shell .resource-file-chip b{color:var(--text);font-size:11px;font-weight:500;max-width:44ch}.commercial-shell .resource-file-chip small{color:var(--muted);font-size:10px}
.commercial-shell .module-dashboard-layout{grid-template-columns:minmax(0,1fr) 310px!important;align-items:start;gap:18px}.commercial-shell .dashboard-row{grid-template-columns:minmax(0,1fr);padding:15px 0;gap:12px;border-color:var(--line)}.commercial-shell .dash-main{gap:12px}.commercial-shell .dash-main h3{font-size:15px;margin:0 0 5px}.commercial-shell .dash-main p{font-size:12px;color:var(--muted)}.commercial-shell .dash-actions{flex-direction:row;justify-content:flex-start;gap:6px;padding-left:52px}.commercial-shell .dash-actions .btn{width:auto;flex:0 0 auto;font-size:11px;padding:7px 10px}
.commercial-shell .list-row{gap:9px;border-color:var(--line);padding:12px 0;align-items:start}.commercial-shell .list-row>div:nth-child(2){min-width:0;flex:1}.commercial-shell .list-row b{font-size:13px}.commercial-shell .list-row small{font-size:12px;color:var(--muted);line-height:1.5;overflow-wrap:anywhere}.commercial-shell .list-row .tag{flex-shrink:0;font-size:10px}.commercial-shell .list-row .circle{width:28px!important;height:28px!important;font-size:14px}
.commercial-shell .change-row{gap:8px;border-color:var(--line);padding:10px 0}.commercial-shell .change-row b{font-size:12px;font-weight:600}.commercial-shell .change-row small{font-size:11px;color:var(--muted)}.commercial-shell .mini-tile{background:var(--surface);border-color:var(--line);width:30px;height:30px;border-radius:7px}.commercial-shell .cta-card .circle{width:32px;height:32px}.commercial-shell .cta-card p{font-size:12px;line-height:1.5}.commercial-shell .cta-card h3{font-size:15px}
.commercial-shell :is(.req-table,.admin-table,.base-table,.admin-status-table){font-size:12px;color:var(--text)}.commercial-shell table th{background:var(--surface);color:var(--muted);font-size:11px;font-weight:600;padding:10px 12px;border-color:var(--line)}.commercial-shell table td{font-size:12px;line-height:1.5;padding:12px;border-color:var(--line);color:var(--text)}.commercial-shell table td .muted{font-size:11px}.commercial-shell .req-card{overflow-x:auto}.commercial-shell .req-table{min-width:850px}
.commercial-shell :is(.admin-sync-note,.info-sync,.admin-notice,.admin-empty,.issue-auto-note,.home-note){color:var(--muted);font-size:12px;line-height:1.6}.commercial-shell .admin-sync-note{background:var(--blue-soft);border-color:var(--line);color:var(--on-blue)}.commercial-shell .admin-control-kpi{padding:16px;background:var(--card);border-color:var(--line)}.commercial-shell .admin-control-kpi span{font-size:12px;font-weight:500}.commercial-shell .admin-control-kpi b{font-size:26px;margin:7px 0}.commercial-shell .admin-control-kpi small{font-size:11px}
.commercial-shell .admin-resource-card{min-height:0;padding:16px}.commercial-shell .admin-resource-title h3{font-size:15px}.commercial-shell .admin-resource-title span,.commercial-shell .admin-resource-meta span{font-size:10px}.commercial-shell .admin-resource-card>p,.commercial-shell .admin-resource-meta b{font-size:12px;line-height:1.5}.commercial-shell .admin-resource-actions .btn{font-size:11px}.commercial-shell .admin-resource-meta{gap:10px}.commercial-shell .admin-resource-meta b{white-space:normal}
.commercial-shell :is(.admin-mini span,.admin-obs-mini b,.admin-obs-mini span,.admin-obs-mini small,.admin-shortcuts span,.obs-main p,.obs-resource,.admin-user-card p,.user-main p,.user-main small){font-size:12px;color:var(--muted)}.commercial-shell .admin-mini{padding:14px}.commercial-shell .admin-shortcuts b{font-size:14px}
.commercial-shell :is(.resource-context,.obs-response,.resource-date-box,.resource-update-summary,.config-pills span,.external-data,.permission-grid label,.portal-counts span,.incident-detail,.urgent-panel.critical,.urgent-panel.pending,.urgent-panel.requests,.panel-mini){background:var(--surface);color:var(--text);border-color:var(--line)}.commercial-shell :is(.resource-context b,.incident-detail p,.resource-context span){color:var(--text)}
.commercial-shell .admin-obs-mini,.commercial-shell .admin-attention-row{background:transparent;color:var(--text);border-color:var(--line)}.commercial-shell .obs-actions .btn{font-size:11px}.commercial-shell .external-ger-icon{background:var(--blue-soft);color:var(--on-blue)}
html[data-commercial-theme=dark] :is(.modal,.modal-actions){background:var(--card);color:var(--text);border-color:var(--line)}html[data-commercial-theme=dark] .modal :is(input,select,textarea){background:var(--surface);color:var(--text);border-color:var(--line)}
.commercial-login .v24-login-button,html[data-commercial-theme=dark] .commercial-login .v24-login-button{background:#dbb96c;color:#1e291e}.commercial-login .v24-login-button:hover{background:#e7c981}.commercial-login{gap:56px;grid-template-columns:minmax(360px,480px) minmax(340px,400px);padding:40px}.commercial-login .login-story{min-height:580px}.commercial-login .login-story-copy h2{font-size:38px;letter-spacing:-1px}.commercial-login .v24-login-card{padding:32px}.commercial-login h1{font-size:27px}.commercial-login .v24-login-card>p{font-size:13px;margin-bottom:22px}.commercial-login .lamp-scene{transform:scale(.9);margin:0 auto}.commercial-login .v24-login-card input{background:#101d19;color:#edf2eb}.commercial-login input:-webkit-autofill{-webkit-text-fill-color:#edf2eb;box-shadow:0 0 0 1000px #101d19 inset}
@media(max-width:1280px){.commercial-shell .module-grid,.commercial-shell .quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.commercial-shell .report-layout,.commercial-shell .base-layout{grid-template-columns:minmax(0,1fr) 250px}.commercial-shell .resource-side{align-items:flex-start;flex-direction:column}.commercial-shell .actions.stack{justify-content:flex-start}.commercial-shell .module-dashboard-layout{grid-template-columns:minmax(0,1fr) 270px!important}.commercial-shell .kpi-row{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1050px){.commercial-shell .content{padding:20px}.commercial-shell .report-layout,.commercial-shell .base-layout,.commercial-shell .module-dashboard-layout,.commercial-shell .admin-home-grid{grid-template-columns:minmax(0,1fr)!important}.commercial-shell .report-layout>aside,.commercial-shell .base-layout>aside{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:12px}.commercial-shell .report-layout>aside>.card,.commercial-shell .base-layout>aside>.card{margin-top:0!important}.commercial-shell .admin-resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.commercial-shell{--rail:60px;padding-left:80px}.commercial-shell:has(.commercial-sidebar:is(:hover,:focus-within,.is-pinned)){--rail:60px}.commercial-sidebar{left:8px;top:8px;bottom:8px;width:60px;padding:10px 6px}.commercial-sidebar:is(:hover,:focus-within,.is-pinned){width:250px}.commercial-sidebar .nav button{padding-left:12px}.commercial-sidebar .commercial-avatar{flex-basis:36px;height:36px;margin-left:4px}.commercial-shell .content{padding:18px 12px}.commercial-shell .topbar{padding:0 12px}.commercial-shell .search{width:100%}.commercial-shell .top-actions{display:none}.commercial-shell :is(.module-grid,.quick-grid,.kpi-row,.admin-kpis,.admin-control-kpis,.admin-mini-kpis,.admin-resource-grid,.v20-users,.split,.admin-shortcuts){grid-template-columns:minmax(0,1fr)!important}.commercial-shell .hero h1,.commercial-shell .admin-page-head h1{font-size:23px}.commercial-shell .resource-stack{padding:0 10px 10px}.commercial-shell .resource-main,.commercial-shell .dash-main{gap:10px}.commercial-shell .resource-top{align-items:flex-start;flex-direction:column}.commercial-shell .info-chip{min-width:0}.commercial-shell .resource-file-chip b{max-width:18ch}.commercial-shell .dash-actions{padding-left:0}.commercial-shell .report-layout>aside,.commercial-shell .base-layout>aside{grid-template-columns:minmax(0,1fr)}.commercial-shell .resource-top h3{font-size:15px}.commercial-shell .meta-row{gap:6px}.commercial-shell .pad{padding:14px}.commercial-shell .list-row{flex-wrap:wrap}.commercial-shell .section-head{flex-wrap:wrap}.commercial-shell .admin-attention-row{grid-template-columns:24px minmax(0,1fr)}.commercial-shell .admin-observation-card{grid-template-columns:28px minmax(0,1fr)}.commercial-shell .obs-actions{grid-column:1/-1;flex-direction:row;flex-wrap:wrap}.commercial-shell .admin-resource-toolbar{flex-wrap:wrap}.commercial-shell .admin-resource-toolbar input{min-width:0;width:100%}.commercial-shell .form-grid{grid-template-columns:minmax(0,1fr)}.commercial-login{grid-template-columns:minmax(0,380px);padding:24px 16px;gap:0}.commercial-login .login-story{min-height:0}.commercial-login .lamp-scene{transform:scale(.6);margin:-28px auto -48px}.commercial-login .v24-login-card{padding:28px 24px}.commercial-login .login-brand{font-size:12px}}
@media(prefers-reduced-motion:reduce){.commercial-shell{transition:none}}
.commercial-sidebar .nav-head,.commercial-sidebar:is(:hover,:focus-within,.is-pinned) .nav-head{height:22px;min-height:22px;line-height:22px;margin:10px 10px 0}
.commercial-shell .kpi-ico svg{width:20px;height:20px}
.commercial-shell .v24-logout{background:var(--surface)!important;border-color:var(--line)!important;color:var(--text)!important}.commercial-shell .v24-cloud-chip{background:var(--soft-green)!important;border-color:var(--line)!important;color:var(--on-green)!important}
.commercial-shell :is(.base-table-card,.req-toolbar,.admin-resource-toolbar,.toolbar) :is(input,select){background:var(--surface);color:var(--text);border-color:var(--line)}.commercial-shell .base-table-card .toolbar :is(input,select){background:var(--surface);color:var(--text);border-color:var(--line);padding:8px 10px;font-size:12px}
html[data-commercial-theme=dark] .modal :is(.field label,h1,h2,h3,p,.muted){color:var(--text)}html[data-commercial-theme=dark] .modal .btn{background:var(--surface);border-color:var(--line);color:var(--text)}html[data-commercial-theme=dark] .modal .btn.primary{background:#365edc;color:#fff}
@media(max-width:700px){.commercial-sidebar:is(:hover,:focus-within){width:60px}.commercial-sidebar.is-pinned{width:250px}.commercial-sidebar:not(.is-pinned) :is(.commercial-profile-copy,.commercial-nav-label){opacity:0}.commercial-sidebar:not(.is-pinned) .pilot{visibility:hidden}.commercial-sidebar:not(.is-pinned) .nav-head{opacity:0}.commercial-sidebar:not(.is-pinned) .commercial-actions{flex-direction:column}.commercial-sidebar:not(.is-pinned) .count{top:0;right:0}}
.commercial-sidebar .commercial-actions{height:126px;min-height:126px;flex-direction:column;gap:6px;justify-content:flex-end;align-items:stretch;padding-top:8px}.commercial-sidebar:is(:hover,:focus-within,.is-pinned) .commercial-actions{flex-direction:column}.commercial-sidebar .commercial-actions button{display:flex;align-items:center;gap:12px;justify-content:flex-start;padding:8px 11px;min-height:36px;height:36px;flex-shrink:0;overflow:hidden;white-space:nowrap}.commercial-action-label{font-size:12px;opacity:0;transition:opacity .15s}.commercial-sidebar:is(:hover,:focus-within,.is-pinned) .commercial-action-label{opacity:1}.commercial-sidebar .commercial-actions svg{flex:0 0 19px}
@media(max-width:700px){.commercial-sidebar:not(.is-pinned) .commercial-action-label{opacity:0}.commercial-sidebar .commercial-actions button{padding-left:11px}}
@media(max-width:700px){.commercial-shell :is(.kpi-row,.admin-control-kpis,.admin-mini-kpis){grid-template-columns:repeat(2,minmax(0,1fr))!important}.commercial-shell .kpi-row .kpi{padding:12px;gap:8px;flex-wrap:wrap;min-height:0}.commercial-shell .kpi-row .kpi b{font-size:21px}.commercial-shell :is(.kpi span,.admin-control-kpi span,.admin-mini span){font-size:11px}.commercial-shell .admin-control-kpi{padding:12px}.commercial-shell .admin-control-kpi b{font-size:23px}.commercial-shell .kpi-row .kpi:last-child:nth-child(odd){grid-column:1/-1}}
.commercial-login .lamp-scene:before{content:"";position:absolute;left:90px;top:84px;width:260px;height:170px;background:linear-gradient(180deg,#eedb922b,#e8cd7020 45%,transparent);clip-path:polygon(30% 0,58% 0,100% 100%,0 100%);filter:blur(8px);transform:rotate(13deg);transition:opacity .4s;pointer-events:none}.commercial-login.lamp-off .lamp-scene:before{opacity:0}.commercial-login .lamp-shade{background:linear-gradient(120deg,#71806b 0,#334438 25%,#15231c 70%);box-shadow:inset 2px 2px 3px #a6b29a33,5px 8px 15px #0005}.commercial-login .lamp-base{box-shadow:0 12px 20px #0008,inset 0 2px 3px #85907733}
@media(min-width:701px) and (max-width:900px){.commercial-login{grid-template-columns:minmax(0,400px);padding:24px;gap:0}.commercial-login .login-story{min-height:0}.commercial-login :is(.login-story-copy,.login-story>small){display:none}.commercial-login .login-brand{justify-content:center}.commercial-login .lamp-scene{transform:scale(.65);margin:-20px auto -40px}}
/* Las marcas ya incluyen su espacio original: no añadir un mosaico blanco. */
.commercial-shell .logo-box{width:44px;height:44px;background:transparent;border:0;border-radius:0;box-shadow:none}.commercial-shell .brand-logo{width:38px;height:38px;object-fit:contain;object-position:center;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.commercial-shell .brand-logo.sm{width:22px;height:22px;padding:0;border-radius:0}.commercial-shell .type-badge .brand-logo.sm{width:18px;height:18px}.commercial-shell .mini-tile{background:transparent;border:0}.commercial-shell .resource-icon{width:44px;flex:0 0 44px}.commercial-shell .dash-actions{padding-left:56px}
@media(max-width:700px){.commercial-shell .logo-box{width:36px;height:36px}.commercial-shell .brand-logo{width:32px;height:32px}.commercial-shell .resource-icon{width:36px;flex-basis:36px}.commercial-shell .dash-actions{padding-left:0}}
.commercial-shell .brand-logo[alt="SQL"]{background:#f2f5fa;padding:3px;border-radius:4px}
.current-user{display:flex;flex-direction:column;gap:2px;text-align:right;max-width:190px;min-width:0;margin-left:3px}.current-user b{font-size:12px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.current-user small{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.presence-badge{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600}.presence-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.presence-online{color:var(--on-green)}.presence-offline,.presence-unknown{color:var(--muted)}
/* El panel del diálogo es modal-card; el contenedor modal es solo el fondo. */
html[data-commercial-theme=dark] .modal{background:rgba(0,0,0,.6)}html[data-commercial-theme=dark] .modal-card{background:var(--card);color:var(--text)}html[data-commercial-theme=dark] .modal-card :is(.permission-grid label,.field input,.field select,.field textarea){background:var(--surface);color:var(--text);border-color:var(--line)}html[data-commercial-theme=dark] .modal-card :is(.close,.field label,.modal-head h2){color:var(--text)}
@media(max-width:700px){.commercial-shell .topbar .top-actions{display:flex;flex-shrink:0}.commercial-shell .topbar .top-actions>:not(.current-user):not(.avatar){display:none}.commercial-shell .topbar .current-user{max-width:105px}.commercial-shell .topbar .current-user b{font-size:11px}.commercial-shell .topbar .current-user small{font-size:10px}.commercial-shell .topbar .avatar{display:grid;width:28px;height:28px}.commercial-shell .topbar .search{min-width:0;flex:1}.commercial-shell .topbar .search input{font-size:12px}.commercial-shell .topbar{gap:8px;padding:0 10px}}