/* Bacanime Business OS 10.0.0 — PRO GAME UI
   Diseño oscuro, legible y consistente para todos los módulos. */
:root{
  color-scheme:dark;
  --pro-bg:#030611;--pro-bg-2:#070c19;--pro-panel:#0b1427;--pro-panel-2:#101d36;
  --pro-line:#284467;--pro-line-hot:#38d9ff;--pro-text:#f2f7ff;--pro-muted:#9db0cb;
  --pro-cyan:#27d9ff;--pro-blue:#5b9dff;--pro-violet:#8b5cf6;--pro-green:#39e49a;
  --pro-yellow:#f7c94b;--pro-red:#ff6b88;--pro-shadow:0 18px 55px rgba(0,0,0,.38);
  --module-bg:var(--pro-bg);--module-card:var(--pro-panel);--module-border:var(--pro-line);
  --module-muted:var(--pro-muted);--text:var(--pro-text);--muted:var(--pro-muted);
  --panel:var(--pro-panel);--panel-2:var(--pro-panel-2);--line:var(--pro-line);
}
html,body,#app,.shell,.main{background:var(--pro-bg)!important;color:var(--pro-text)!important}
body{background:
  radial-gradient(circle at 8% -12%,color-mix(in srgb,var(--accent,#8b5cf6) 28%,transparent),transparent 31%),
  radial-gradient(circle at 98% 3%,rgba(39,217,255,.12),transparent 27%),
  linear-gradient(180deg,#030611 0%,#060b17 55%,#030610 100%)!important}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.34;background-image:linear-gradient(rgba(91,157,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(91,157,255,.055) 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(#000,transparent 91%)}
body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:9999;opacity:.12;background:repeating-linear-gradient(180deg,transparent 0 3px,rgba(255,255,255,.025) 4px)}
*{scrollbar-color:#304a70 #07101f}::selection{background:rgba(39,217,255,.28);color:#fff}

/* Estructura y navegación */
.sidebar{background:linear-gradient(180deg,#050a16,#071020 65%,#040814)!important;border-right:1px solid rgba(39,217,255,.22)!important;box-shadow:24px 0 70px rgba(0,0,0,.28)!important}
.brand{background:linear-gradient(135deg,rgba(139,92,246,.2),rgba(39,217,255,.05))!important;border-bottom-color:var(--pro-line)!important}
.nav-section{color:#7188aa!important;letter-spacing:.16em!important}
.nav button{color:#bbcae0!important;border:1px solid transparent!important;min-height:42px!important}
.nav button:hover{color:#fff!important;background:linear-gradient(90deg,rgba(39,217,255,.1),rgba(139,92,246,.06))!important;border-color:rgba(39,217,255,.18)!important;transform:translateX(3px)}
.nav button.active{color:#fff!important;background:linear-gradient(90deg,color-mix(in srgb,var(--accent,#8b5cf6) 28%,#0a1426),rgba(39,217,255,.05))!important;border-color:color-mix(in srgb,var(--accent,#8b5cf6) 62%,#29466b)!important;box-shadow:inset 3px 0 0 var(--accent,#8b5cf6),0 0 25px color-mix(in srgb,var(--accent,#8b5cf6) 16%,transparent)!important}
.topbar{background:linear-gradient(90deg,rgba(4,8,18,.98),rgba(8,16,31,.94))!important;border-bottom:1px solid rgba(39,217,255,.22)!important;box-shadow:0 14px 45px rgba(0,0,0,.25)!important}
.topbar .page-title{color:#f8fbff!important;font-weight:900!important}.topbar .page-title:before{content:"// ";color:var(--pro-cyan)}
.content{background:radial-gradient(circle at 50% 0,rgba(39,217,255,.035),transparent 36%)!important}
.global-search .input,.company-switch,.topbar select,.topbar input{background:#071225!important;color:#edf6ff!important;border-color:#315174!important}

/* HUD profesional */
.game-command-strip.pro-v1000{clip-path:polygon(0 14px,14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%);border-color:rgba(39,217,255,.3)!important;background:linear-gradient(110deg,rgba(13,25,48,.98),rgba(6,13,28,.98))!important;box-shadow:var(--pro-shadow),inset 0 1px 0 rgba(255,255,255,.035)!important}
.game-command-strip.pro-v1000:after{content:"SYSTEM 10.0.0";position:absolute;right:17px;bottom:7px;color:#5e789c;font-size:8px;font-weight:900;letter-spacing:.18em}
.game-command-main small{color:var(--pro-cyan)!important}.game-command-main b{color:#fff!important}.game-command-main span{color:var(--pro-muted)!important}
.game-command-stat{background:rgba(3,9,21,.58)!important;border-color:rgba(91,157,255,.2)!important}.game-command-stat span{color:#8095b5!important}.game-command-stat b{color:#edf6ff!important}.game-command-stat.online b{color:var(--pro-green)!important}
.game-xp{background:#192943!important}.game-xp i{background:linear-gradient(90deg,var(--pro-cyan),var(--accent,#8b5cf6))!important}

/* Panel universal: no quedan tarjetas blancas */
:is(.card,.metric,.mini-card,.integration-card,.module-card,.module-kpi,.connection-card,.connection-steps>div,.quick-action,.automation-idea,.mc-panel,.mc-card,.lp-domain-card,.lp-page-item,.lp-sidebar,.lp-workspace,.kanban-col,.pipeline-column,.production-card,.app-card,.v9-card,.v9-kpi,.v9-unit,.dashboard-card,.panel,.stat,.dian-checklist,.assignment-rule,.entry-line,.builder-row,.variant-row,.journey-step-row,.target-option,.connected-accounts,.email-message,.invoice-preview:not(.print-invoice *),.game-panel){
  background:linear-gradient(150deg,rgba(15,29,54,.98),rgba(6,13,28,.99))!important;
  color:var(--pro-text)!important;border-color:var(--pro-line)!important;box-shadow:var(--pro-shadow),inset 0 1px 0 rgba(255,255,255,.025)!important
}
:is(.card,.module-card,.connection-card,.mc-panel,.lp-domain-card,.lp-sidebar,.lp-workspace,.game-panel){position:relative;overflow:hidden}
:is(.card,.module-card,.connection-card,.mc-panel,.lp-domain-card,.lp-sidebar,.lp-workspace,.game-panel):before{content:"";position:absolute;left:0;top:0;width:64px;height:2px;background:linear-gradient(90deg,var(--pro-cyan),transparent);z-index:3}
:is(.card,.module-card,.connection-card,.mc-panel,.lp-domain-card,.lp-sidebar,.lp-workspace,.game-panel):after{content:"";position:absolute;right:0;bottom:0;width:28px;height:28px;pointer-events:none;background:linear-gradient(135deg,transparent 47%,rgba(39,217,255,.17) 48% 52%,transparent 53%)}
:is(.card,.module-card,.connection-card,.mc-panel,.lp-domain-card,.lp-page-item,.quick-action,.automation-idea):hover{border-color:rgba(39,217,255,.48)!important;box-shadow:0 22px 65px rgba(0,0,0,.44),0 0 24px rgba(39,217,255,.055)!important}

/* Tipografía legible */
h1,h2,h3,h4,h5,h6,.module-title,.module-section-title,.lp-workspace-head,.lp-sidebar-head,.mc-panel-head{color:#f7faff!important}
p,.muted,.tiny.muted,.small.muted,.module-sub,.connection-card p,.quick-action span,.automation-idea span,.lp-domain-card small,.lp-page-item small,.mc-empty,.module-empty{color:var(--pro-muted)!important}
.module-title{font-weight:900!important}.module-sub{line-height:1.45!important}
a{color:#73e6ff}.grow b,.connection-detail b,.info-row b,.module-kpi b{color:#f1f7ff!important}

/* Botones */
:is(.btn,.mc-btn,.module-btn,.v9-btn,.pill,.lp-admin-tabs button,.module-tabs button){background:linear-gradient(180deg,#13233f,#0b172c)!important;color:#eaf4ff!important;border:1px solid #36577d!important;border-radius:10px!important;box-shadow:0 8px 18px rgba(0,0,0,.18)!important;text-shadow:none!important}
:is(.btn,.mc-btn,.module-btn,.v9-btn,.pill,.lp-admin-tabs button,.module-tabs button):hover{border-color:var(--pro-cyan)!important;color:#fff!important;box-shadow:0 0 0 1px rgba(39,217,255,.12),0 10px 26px rgba(0,0,0,.25),0 0 22px rgba(39,217,255,.08)!important;transform:translateY(-1px)}
:is(.btn,.mc-btn,.module-btn,.v9-btn).primary,.lp-admin-tabs button.active,.module-tabs button.active,.pill.active{background:linear-gradient(135deg,var(--accent,#7c3aed),#5357e8)!important;color:#fff!important;border-color:#a68cff!important;box-shadow:0 10px 28px color-mix(in srgb,var(--accent,#7c3aed) 31%,transparent)!important}
:is(.btn,.mc-btn,.module-btn).danger{background:linear-gradient(135deg,#6f2037,#a72d51)!important;color:#ffe5eb!important;border-color:#d65372!important}
:is(.btn,.mc-btn,.module-btn):disabled{opacity:.5!important;transform:none!important}

/* Formularios */
:is(input,select,textarea,.input,.select,.textarea,.mc-input,.mc-select,.mc-textarea,.module-input){background:#061124!important;color:#f0f7ff!important;border:1px solid #34567c!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.018)!important}
:is(input,select,textarea,.input,.select,.textarea,.mc-input,.mc-select,.mc-textarea):focus{outline:none!important;border-color:var(--pro-cyan)!important;box-shadow:0 0 0 3px rgba(39,217,255,.1),0 0 24px rgba(39,217,255,.07)!important}
:is(input,textarea)::placeholder{color:#617899!important}option{background:#0a1529;color:#edf6ff}.module-field label,.mc-field label,.field label,.module-label{color:#b8cae2!important}
input:disabled,select:disabled,textarea:disabled{background:#0b1528!important;color:#778eae!important;opacity:1!important}

/* Conexiones: tarjetas, pasos y avisos completamente oscuros */
.module-shell{color:var(--pro-text)!important}.module-head{padding:18px;border:1px solid var(--pro-line);border-radius:18px;background:linear-gradient(135deg,rgba(18,32,59,.98),rgba(7,14,29,.98));box-shadow:var(--pro-shadow)}
.module-kpis{gap:12px!important}.module-kpi{min-height:105px!important;border-radius:16px!important}.module-kpi span{color:#8299bb!important;text-transform:uppercase;letter-spacing:.08em;font-size:10px!important}.module-kpi b{font-size:26px!important}
.connection-steps>div{min-height:62px!important;border-radius:13px!important}.connection-steps b{background:linear-gradient(135deg,var(--pro-violet),var(--pro-blue))!important;box-shadow:0 0 18px rgba(139,92,246,.25)!important}.connection-steps span{color:#d9e7f8!important}
.connections-grid{gap:14px!important}.connection-card{min-height:330px!important;padding:17px!important}.connection-card-head{border-bottom:1px solid rgba(91,157,255,.16);padding-bottom:12px}.connection-icon,.channel-icon{background:linear-gradient(135deg,rgba(139,92,246,.28),rgba(39,217,255,.14))!important;color:#d9f7ff!important;border:1px solid rgba(139,92,246,.28)!important;box-shadow:0 0 22px rgba(139,92,246,.09)}
.connection-name{background:#0a172c!important;color:#e7f1ff!important;border:1px solid #294668!important}.connection-detail{border-bottom-color:#203a59!important}.connection-detail span{color:#87a0c2!important}.connection-actions{padding-top:5px}
.setup-note,.connection-callout{display:block!important;background:linear-gradient(135deg,rgba(247,201,75,.105),rgba(139,92,246,.06))!important;color:#ffe9a8!important;border:1px solid rgba(247,201,75,.38)!important}.setup-note b{color:#ffe7a0!important}.setup-note span{color:#c9b986!important}
.connected-accounts{border:1px solid var(--pro-line)!important}.connected-accounts span{color:#a9bdd7!important}
.module-tabs{border-bottom-color:var(--pro-line)!important;gap:8px!important}.module-tabs button{padding:9px 14px!important}.module-badge{background:#12233e!important;color:#bfd0e7!important;border:1px solid #345476!important}.module-badge.active,.module-badge.success{background:rgba(57,228,154,.1)!important;color:#a9ffd3!important;border-color:rgba(57,228,154,.38)!important}.module-badge.paused,.module-badge.draft{background:rgba(247,201,75,.09)!important;color:#ffe9a4!important;border-color:rgba(247,201,75,.34)!important}.module-badge.failed,.module-badge.archived{background:rgba(255,107,136,.1)!important;color:#ffc6d1!important;border-color:rgba(255,107,136,.38)!important}

/* Tablas y modales */
.module-table-wrap,.table-wrap{background:#071225!important;border-color:var(--pro-line)!important}.module-table,.table{background:#071225!important;color:#e5effc!important}.module-table th,.table th{background:#0d1b32!important;color:#9fb4d1!important;border-color:#284260!important;text-transform:uppercase;letter-spacing:.075em}.module-table td,.table td{color:#dbe8f8!important;border-color:#1f3652!important}.module-table tr:hover td,.table tbody tr:hover td{background:rgba(39,217,255,.045)!important}
.module-modal-backdrop,.modal-backdrop{background:rgba(0,3,10,.82)!important;backdrop-filter:blur(8px)}.module-modal,.modal{background:linear-gradient(155deg,#101e38,#071225)!important;color:#edf6ff!important;border:1px solid #36597e!important;box-shadow:0 35px 100px rgba(0,0,0,.62)!important}.module-modal header,.module-modal footer,.modal-head,.modal-foot{border-color:var(--pro-line)!important;background:rgba(8,18,35,.72)!important}.module-alert{background:rgba(255,107,136,.09)!important;color:#ffd0d9!important;border:1px solid rgba(255,107,136,.35)!important}

/* Páginas y landings */
.lp-command-header{border:1px solid #365376!important;background:linear-gradient(130deg,rgba(18,31,59,.98),rgba(8,15,31,.98))!important;box-shadow:var(--pro-shadow)!important}.lp-command-header h1{color:#fff!important}.lp-command-header p{color:#a8bbd4!important}
.lp-admin-tabs{padding:7px!important;background:linear-gradient(180deg,#0b162b,#061020)!important;border:1px solid #2f4d70!important;border-radius:15px!important;box-shadow:var(--pro-shadow)!important}.lp-admin-tabs button{border:1px solid transparent!important;background:transparent!important;color:#9fb2cd!important;box-shadow:none!important}.lp-admin-tabs button span{background:#142943!important;color:#d9edff!important}.lp-admin-tabs button.active{background:linear-gradient(135deg,#7338e8,#4f46d8)!important;color:#fff!important;border-color:#ad94ff!important}
.lp-layout{gap:14px!important}.lp-sidebar,.lp-workspace{border-radius:17px!important}.lp-sidebar-head,.lp-workspace-head{background:linear-gradient(90deg,rgba(39,217,255,.055),rgba(139,92,246,.05))!important;border-bottom-color:var(--pro-line)!important}.lp-page-item{border:1px solid #294766!important;background:#0a172c!important}.lp-page-item.active{border-color:var(--pro-cyan)!important;background:linear-gradient(135deg,rgba(39,217,255,.12),rgba(139,92,246,.1))!important}.lp-workspace-body{background:radial-gradient(circle at 50% 0,rgba(39,217,255,.025),transparent 36%)!important}.mc-empty{color:#91a6c4!important}
.domain-hud-kpi{background:linear-gradient(145deg,#101f3a,#071326)!important;border-color:#315071!important}.domain-hud-kpi span,.domain-hud-kpi small{color:#8ea6c6!important}.domain-hud-kpi b{color:#f2f8ff!important}.lp-shopify-safety{background:linear-gradient(135deg,rgba(20,184,166,.105),rgba(13,25,46,.98))!important;color:#d9f6f2!important}.lp-domain-warning{background:linear-gradient(135deg,rgba(247,201,75,.095),rgba(139,92,246,.055))!important;border-color:rgba(247,201,75,.37)!important;color:#f5e4ae!important}.domain-connection-guide article{background:#09172c!important;border-color:#2a4869!important}.domain-route-code,.lp-final-url,.mc-terminal{background:#030a16!important;color:#79eaff!important;border-color:#2f5476!important}.domain-signal{background:#071428!important}.lp-next-mission{background:rgba(247,201,75,.055)!important}.lp-cloudflare-bridge{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;padding:17px;border:1px solid #315477;border-radius:17px;background:linear-gradient(135deg,rgba(245,132,31,.1),rgba(13,25,48,.98));box-shadow:var(--pro-shadow)}.lp-cloudflare-bridge h3{margin:0}.lp-cloudflare-bridge p{margin:5px 0 0;color:#9fb3ce}.lp-cloudflare-bridge .status{display:flex;gap:8px;align-items:center;color:#ffd59f;font-weight:850}.lp-cloudflare-bridge.ready .status{color:#a8ffd1}.lp-cloudflare-bridge .status i{width:9px;height:9px;border-radius:50%;background:currentColor;box-shadow:0 0 13px currentColor}

/* Avisos y estados */
.notice,.error-box{border-radius:11px!important}.notice{background:rgba(39,217,255,.065)!important;color:#d8f4ff!important;border-color:rgba(39,217,255,.28)!important}.error-box{background:rgba(255,107,136,.095)!important;color:#ffd2dc!important;border-color:rgba(255,107,136,.38)!important}.badge,.mc-badge{background:#11233e!important;color:#cbdcf0!important;border-color:#385a7e!important}.badge.green,.mc-badge.good{background:rgba(57,228,154,.1)!important;color:#a9ffd3!important;border-color:rgba(57,228,154,.4)!important}.badge.yellow,.mc-badge.warn{background:rgba(247,201,75,.09)!important;color:#ffe8a0!important;border-color:rgba(247,201,75,.36)!important}.badge.red,.mc-badge.bad{background:rgba(255,107,136,.1)!important;color:#ffc8d3!important;border-color:rgba(255,107,136,.4)!important}

/* Facturas conservan vista blanca solo al imprimir */
.invoice-preview{background:linear-gradient(150deg,#101d35,#071326)!important;color:#edf6ff!important}.invoice-preview .muted{color:#9eb0c8!important}.print-invoice,.print-invoice .invoice-preview{background:#fff!important;color:#111827!important}.print-invoice .muted{color:#64748b!important}

@media(max-width:1100px){.game-command-strip.pro-v1000{grid-template-columns:1fr 1fr}.game-command-main{grid-column:1/-1}.connection-steps{grid-template-columns:1fr!important}.lp-cloudflare-bridge{grid-template-columns:1fr}}
@media(max-width:760px){.game-command-strip.pro-v1000{grid-template-columns:1fr}.game-command-main{grid-column:auto}.content{padding:12px!important}.module-head{padding:14px}.connections-grid{grid-template-columns:1fr!important}.lp-admin-tabs{border-radius:12px!important}.lp-cloudflare-bridge{grid-template-columns:1fr}}
@media print{body:before,body:after,.sidebar,.topbar,.game-command-strip{display:none!important}.print-invoice,.print-invoice *{color:#111827!important;box-shadow:none!important}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}


/* Estabilidad 10.0.0 */
.connection-recovery{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;padding:18px;border:1px solid rgba(255,107,136,.42);border-radius:16px;background:linear-gradient(135deg,rgba(255,107,136,.1),rgba(9,20,40,.98));box-shadow:var(--pro-shadow)}
.connection-recovery h3{margin:0;color:#fff!important}.connection-recovery p{margin:5px 0 0;color:#b9cbe2!important}.connection-recovery code{display:block;margin-top:8px;color:#81eaff;white-space:normal}.connection-recovery-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.connection-stale-banner{display:flex;gap:10px;align-items:center;margin-bottom:12px;padding:11px 14px;border:1px solid rgba(247,201,75,.36);border-radius:12px;background:rgba(247,201,75,.075);color:#ffe9a5}
.module-loading-line{height:3px;overflow:hidden;border-radius:999px;background:#172a46}.module-loading-line:after{content:"";display:block;width:36%;height:100%;background:linear-gradient(90deg,transparent,var(--pro-cyan),transparent);animation:bosLoad 1.05s linear infinite}@keyframes bosLoad{from{transform:translateX(-120%)}to{transform:translateX(340%)}}
@media(max-width:760px){.connection-recovery{grid-template-columns:1fr}.connection-recovery-actions{justify-content:flex-start}}


/* 10.0.0 HYPERSPEED — estabilidad visual y rendimiento */
body:after{display:none!important}
*{scroll-behavior:auto!important}
.bos-view-root{min-height:100%;contain:layout style;isolation:isolate}
.bos-view-loading{display:grid;place-items:center;align-content:center;gap:10px;min-height:280px;border:1px solid #223e5f;border-radius:16px;background:#071225;color:#dfeeff}
.bos-view-loading .module-loading-line{width:min(480px,70vw)}
.bos-view-loading span{color:#8fa7c7}
.game-command-strip.pro-v1000:after{content:"SYSTEM 10.0.0 · HYPERSPEED"}

/* Evita repintados costosos y parpadeos */
:is(.card,.metric,.mini-card,.integration-card,.module-card,.module-kpi,.connection-card,.connection-steps>div,.quick-action,.automation-idea,.mc-panel,.mc-card,.lp-domain-card,.lp-page-item,.lp-sidebar,.lp-workspace,.kanban-col,.pipeline-column,.production-card,.app-card,.v9-card,.v9-kpi,.v9-unit,.app93-card,.app93-info,.app93-header,.app93-table-wrap,.app93-runtime,.app93-credential,.app93-block,.domain-hud-kpi){
  box-shadow:0 8px 24px rgba(0,0,0,.22)!important;
  contain:layout paint style;
}
:is(.card,.module-card,.connection-card,.mc-panel,.lp-domain-card,.lp-page-item,.quick-action,.automation-idea):hover{transform:none!important;box-shadow:0 9px 26px rgba(0,0,0,.26)!important}
:is(.btn,.mc-btn,.module-btn,.v9-btn,.pill,.lp-admin-tabs button,.module-tabs button){transition:border-color .1s ease,background-color .1s ease,color .1s ease!important}
:is(.btn,.mc-btn,.module-btn,.v9-btn,.pill,.lp-admin-tabs button,.module-tabs button):hover{transform:none!important}
.modal-backdrop,.module-modal-backdrop{backdrop-filter:none!important}

/* Conexiones: nunca vuelve a blanco */
.module-shell,.connections-grid,.connection-card,.connection-card-head,.connection-steps,.connection-steps>div{color:#edf6ff!important}
.connection-card,.connection-steps>div{background:#0a162a!important;border-color:#294a6d!important}
.connection-card h1,.connection-card h2,.connection-card h3,.connection-card h4,.connection-card b,.connection-card strong,.connection-steps span{color:#f5f9ff!important}
.connection-card p,.connection-card small,.connection-card .module-sub{color:#9fb4d1!important}
.connection-name{background:#0d1c33!important;color:#f4f8ff!important;border:1px solid #315477!important}
.setup-note,.connection-callout{background:#151b2b!important;color:#ffe5a4!important;border-color:#9b7628!important}
.setup-note b,.connection-callout b{color:#fff0bd!important}.setup-note span,.connection-callout span{color:#d7c38d!important}
.connection-icon,.channel-icon{background:#182346!important;color:#c9baff!important}

/* Aplicaciones: estado gamer y contenido visible */
.app93-shell,.app93-header,.app93-info,.app93-card,.app93-table-wrap,.app93-runtime,.app93-credential,.app93-block{background:#0a162a!important;color:#edf6ff!important;border-color:#294a6d!important}
.app93-header h1,.app93-card h3,.app93-info b,.app93-table th,.app93-table td{color:#f5f9ff!important}
.app93-header p,.app93-description,.app93-info span,.app93-card p,.app93-card small{color:#9fb4d1!important}
.app93-tabs{background:#071225!important;border-color:#294a6d!important}.app93-tabs button{color:#9fb4d1!important}.app93-tabs button.active{color:#fff!important;background:#4d32a8!important}
.app93-table{background:#071225!important}.app93-table th{background:#0d1c33!important}.app93-table td{border-color:#203b59!important}

/* Páginas y dominios: controles claros */
.lp-quick-actions{display:flex!important;gap:8px!important;flex-wrap:wrap!important}
.lp-url-preview,.lp-final-url{background:#030b18!important;border:1px solid #2c5477!important;color:#7cecff!important}
.lp-url-preview small,.lp-final-url small{color:#92aac8!important}.lp-url-preview b,.lp-final-url b{color:#7cecff!important;overflow-wrap:anywhere}
.lp-domain-card,.domain-connection-guide article,.lp-cloudflare-bridge{background:#0a162a!important;color:#edf6ff!important}

/* Tablas V9 completamente oscuras */
.v9-page,.v9-grid,.v9-table-wrap{color:#edf6ff!important}.v9-card,.v9-kpi,.v9-hero{background:#0a162a!important;border-color:#294a6d!important}.v9-table{background:#071225!important;color:#edf6ff!important}.v9-table th{background:#0d1c33!important;color:#a9bdd7!important}.v9-table td{color:#dfeaf8!important;border-color:#203b59!important}

/* Menos trabajo gráfico en equipos normales */
@media (prefers-reduced-motion:no-preference){.module-loading-line:after{animation-duration:.75s}}
@media(max-width:1100px){:is(.card,.module-card,.connection-card,.mc-panel,.v9-card,.app93-card){contain:layout style}}

/* HyperSpeed 10.0.0: feedback inmediato y contraste total */
.connection-sync-banner,.app93-sync{margin:0 0 12px;padding:10px 14px;border:1px solid rgba(34,211,238,.35);border-radius:12px;background:rgba(8,28,52,.86);color:#baf7ff;font-weight:800}
.connection-card,.connection-steps>div,.setup-note,.app93-card,.app93-info,.app93-table-wrap,.mc-empty{background:linear-gradient(145deg,#101b31,#08101f)!important;color:#edf6ff!important;border-color:rgba(95,150,255,.28)!important}
.connection-card .module-title,.connection-card h3,.connection-card b,.connection-steps span,.app93-card h3,.app93-info b{color:#f4f8ff!important}
.connection-card .module-sub,.connection-card p,.setup-note span,.app93-card p,.app93-info span{color:#9fb5d4!important}
.setup-note{background:rgba(77,52,8,.3)!important;border-color:rgba(251,191,36,.35)!important}
.connection-card,.app93-card{content-visibility:auto;contain-intrinsic-size:320px 360px}
.connections-grid,.app93-grid{align-items:stretch}


/* 10.0.0 — identidad visual, logos y paneles de producción */
.connection-icon{width:48px!important;height:48px!important;display:grid!important;place-items:center!important;padding:8px!important;border-radius:14px!important;background:linear-gradient(145deg,#172a50,#0c1730)!important;border:1px solid rgba(112,82,255,.52)!important;box-shadow:inset 0 0 20px rgba(71,215,255,.08),0 0 18px rgba(112,82,255,.12)!important;flex:0 0 48px!important}
.connection-brand-logo{width:30px!important;height:30px!important;display:block!important;object-fit:contain!important;filter:drop-shadow(0 0 9px rgba(110,227,255,.25))}
.connection-card{position:relative!important;overflow:hidden!important;background:linear-gradient(150deg,#0d1a31 0%,#091224 72%,#10152b 100%)!important;border:1px solid #284b70!important;color:#eef7ff!important}
.connection-card:before{content:"";position:absolute;inset:0 0 auto 0;height:2px;background:linear-gradient(90deg,#29e6ff,#7857ff,transparent);opacity:.78}
.connection-card:after{content:"";position:absolute;width:90px;height:90px;right:-45px;bottom:-45px;border:1px solid rgba(40,225,255,.24);transform:rotate(45deg);pointer-events:none}
.connection-card-head{align-items:flex-start!important}.connection-actions{margin-top:auto!important;padding-top:16px!important}
.connections-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))!important;gap:14px!important}.connection-card{min-height:330px!important;display:flex!important;flex-direction:column!important}
.connection-steps>div{background:linear-gradient(145deg,#0d1a31,#091224)!important;color:#eef7ff!important}.connection-steps>div b{background:linear-gradient(135deg,#7c3aed,#4f46e5)!important;color:#fff!important}

.inventory-command{display:grid;gap:14px}.inventory-hero{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:22px;border:1px solid #2b5278;border-radius:18px;background:radial-gradient(circle at 88% 20%,rgba(118,64,255,.27),transparent 33%),linear-gradient(145deg,#101c35,#071020);box-shadow:0 16px 38px rgba(0,0,0,.28)}
.inventory-hero small{color:#4deaff;font-weight:900;letter-spacing:.14em}.inventory-hero h2{margin:5px 0;font-size:27px;color:#f7fbff}.inventory-hero p{margin:0;color:#9fb4d1;max-width:700px}.inventory-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.inventory-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.inventory-kpis article{padding:16px;border:1px solid #294b70;border-radius:15px;background:linear-gradient(145deg,#0e1b32,#081225);box-shadow:0 10px 25px rgba(0,0,0,.22)}.inventory-kpis span{display:block;color:#8fa8c9;font-size:12px}.inventory-kpis b{display:block;margin-top:6px;color:#fff;font-size:25px}.inventory-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr);gap:14px}.inventory-panel{border:1px solid #294b70;border-radius:16px;overflow:hidden;background:#091426;box-shadow:0 12px 30px rgba(0,0,0,.23)}.inventory-panel>header{padding:15px 17px;border-bottom:1px solid #203c5c;background:#0d1b32}.inventory-panel h3{margin:0;color:#f5f9ff}.inventory-panel p{margin:4px 0 0;color:#8fa8c9}.inventory-table{background:#071120!important}.inventory-table th{background:#0d1b32!important;color:#9db6d5!important}.inventory-table td{color:#e5f0ff!important;border-color:#1d3856!important}.inventory-table code{color:#6ee7ff;background:#07101d;border:1px solid #285070;border-radius:7px;padding:3px 6px}.inventory-empty{padding:34px;text-align:center}.inventory-empty b,.inventory-empty span{display:block}.inventory-empty b{color:#fff}.inventory-empty span{margin-top:5px;color:#8fa8c9}.inventory-warning{display:flex;gap:12px;align-items:center;padding:12px 15px;border:1px solid #8d6821;border-radius:12px;background:rgba(111,73,9,.22);color:#ffe7a3}.inventory-warning span{color:#d9c38c}

.social-command-shell,.social-command-shell *{box-sizing:border-box}.social-command-shell{display:grid;gap:14px;color:#edf7ff}.social-command-shell button,.social-command-shell input,.social-command-shell textarea,.social-command-shell select{font:inherit}.social-hero{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px;border:1px solid #34577d;border-radius:18px;background:radial-gradient(circle at 88% 20%,rgba(119,63,255,.32),transparent 36%),radial-gradient(circle at 12% 120%,rgba(36,222,255,.13),transparent 40%),linear-gradient(145deg,#111d36,#080f20);box-shadow:0 18px 42px rgba(0,0,0,.3)}.social-eyebrow{color:#45e8ff;font-size:11px;font-weight:950;letter-spacing:.16em}.social-hero h1{margin:5px 0;font-size:30px;color:#fff}.social-hero p{margin:0;color:#9fb4d1;max-width:720px}.social-hero-actions,.social-actions{display:flex;gap:8px;flex-wrap:wrap}.social-btn{border:1px solid #34577d;border-radius:10px;background:#0e1d35;color:#eaf4ff;padding:9px 13px;font-weight:850;cursor:pointer}.social-btn:hover{border-color:#6deaff;background:#142847}.social-btn.primary{background:linear-gradient(135deg,#7439ee,#4f46e5);border-color:#9b7aff;color:#fff;box-shadow:0 0 18px rgba(117,65,255,.24)}.social-btn.icon{width:42px}.social-btn:disabled{opacity:.55;cursor:wait}.social-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.social-kpi{padding:16px;border:1px solid #294b70;border-radius:15px;background:linear-gradient(145deg,#0e1b32,#081225)}.social-kpi span,.social-kpi small,.social-muted{color:#8fa8c9}.social-kpi strong{display:block;margin:5px 0;color:#fff;font-size:26px}.social-readiness,.social-feed{padding:18px;border:1px solid #294b70;border-radius:17px;background:linear-gradient(145deg,#0b172b,#071120);box-shadow:0 12px 30px rgba(0,0,0,.23)}.social-readiness{display:grid;grid-template-columns:280px 1fr;gap:18px;align-items:start}.social-readiness h2,.social-feed h2{margin:0;color:#fff}.social-readiness p,.social-section-head p{margin:5px 0;color:#8fa8c9}.social-connected-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.social-connected-account{display:grid;grid-template-columns:44px 1fr auto;gap:10px;align-items:center;padding:12px;border:1px solid #2c5075;border-radius:13px;background:#0d1b32}.social-brand-logo{width:34px;height:34px;object-fit:contain;filter:drop-shadow(0 0 8px rgba(54,224,255,.2))}.social-connected-account b,.social-connected-account span,.social-connected-account small{display:block}.social-connected-account span{color:#dceaff}.social-connected-account small{color:#829bbc}.social-connected-account i{font-style:normal;color:#8dffd0;font-size:10px;font-weight:950;letter-spacing:.12em}.social-empty-connect{min-height:74px;border:1px dashed #5e4bbb;border-radius:13px;background:rgba(96,54,202,.12);color:#d9ceff;font-weight:900;cursor:pointer}.social-explainer{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.social-explainer>div{padding:14px;border:1px solid #294b70;border-radius:13px;background:#0b172b}.social-explainer b,.social-explainer span{display:block}.social-explainer b{color:#fff}.social-explainer span{color:#8fa8c9;margin-top:3px}.social-section-head{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:14px}.social-publication-grid{display:grid;gap:12px}.social-publication-card{display:grid;grid-template-columns:180px 1fr;gap:15px;padding:12px;border:1px solid #294b70;border-radius:15px;background:#0d1a30}.social-publication-media{min-height:145px;border-radius:12px;overflow:hidden;background:#040b16;border:1px solid #203e60}.social-publication-media img,.social-publication-media video{width:100%;height:100%;object-fit:cover}.social-media-empty{height:100%;display:grid;place-items:center;color:#657f9f;font-size:26px}.social-publication-top{display:flex;justify-content:space-between;gap:12px}.social-publication-top h3{margin:0;color:#fff}.social-publication-top p{margin:5px 0;color:#a4b8d3;white-space:pre-wrap}.social-status{height:max-content;padding:5px 9px;border-radius:999px;border:1px solid #385979;color:#d8e8fa;font-size:11px;font-weight:900}.social-status.good{color:#9fffc8;border-color:#29935f;background:rgba(21,119,73,.18)}.social-status.warn{color:#ffe59b;border-color:#98742c;background:rgba(115,82,12,.2)}.social-status.danger{color:#ffc0cc;border-color:#a53d56;background:rgba(138,24,52,.2)}.social-targets{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}.social-target-chip{display:flex;align-items:center;gap:6px;padding:6px 8px;border:1px solid #2b4d71;border-radius:9px;background:#09162a}.social-target-chip .social-brand-logo{width:20px;height:20px}.social-target-chip small{color:#8199b9}.social-publication-meta{display:flex;gap:12px;flex-wrap:wrap;color:#829bbc;font-size:12px}.social-error{color:#ff9db0}.social-empty{display:grid;place-items:center;text-align:center;min-height:160px;border:1px dashed #335779;border-radius:14px;color:#8fa8c9}.social-empty b{color:#fff}.social-empty span{margin-top:5px}.social-alert{display:flex;gap:10px;align-items:center;padding:12px 15px;border-radius:12px;border:1px solid #2e5478;background:#0d1a30}.social-alert.danger{border-color:#9e3b54;background:rgba(101,18,39,.25)}.social-alert span{flex:1;color:#c9d9ec}
.social-modal-root .modal{width:min(1120px,94vw)!important;max-height:92vh!important;background:#081426!important;border:1px solid #365b82!important}.social-modal-root .modal-head,.social-modal-root .modal-foot{background:#0d1b32!important;border-color:#274768!important;color:#fff!important}.social-composer-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr);gap:18px}.social-composer-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.social-field{display:grid;gap:6px}.social-field.wide,.social-advanced.wide{grid-column:1/-1}.social-field label{color:#b8cbe2;font-weight:800}.social-field input,.social-field textarea,.social-field select{width:100%;border:1px solid #315478;border-radius:10px;background:#071326;color:#edf7ff;padding:10px 12px;outline:none}.social-field input:focus,.social-field textarea:focus,.social-field select:focus{border-color:#6deaff;box-shadow:0 0 0 3px rgba(43,215,255,.1)}.social-field small{color:#8199b9}.social-advanced{border:1px solid #294b70;border-radius:12px;padding:10px;background:#0b172b}.social-advanced summary{cursor:pointer;color:#c8d8eb;font-weight:850}.social-target-selector{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:9px}.social-target-option{display:grid;grid-template-columns:auto 40px 1fr auto;gap:9px;align-items:center;padding:10px;border:1px solid #2d5074;border-radius:12px;background:#0b172b;cursor:pointer}.social-target-option:has(input:checked){border-color:#7c5cff;background:rgba(89,55,202,.16);box-shadow:0 0 0 2px rgba(119,83,255,.12)}.social-target-option input{accent-color:#7c3aed}.social-target-option .social-brand-logo{width:30px;height:30px}.social-target-option b,.social-target-option small,.social-target-option em{display:block}.social-target-option small{color:#a8bbd3}.social-target-option em{color:#7790af;font-style:normal;font-size:11px}.social-target-option i{font-style:normal;color:#a7b9d0;font-size:11px}.social-live-preview{position:sticky;top:0;border:1px solid #2d5074;border-radius:16px;background:#071120;overflow:hidden;height:max-content}.social-preview-head{display:flex;gap:10px;align-items:center;padding:13px}.social-preview-avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#7339eb,#25cce8);font-weight:950}.social-preview-head b,.social-preview-head small{display:block}.social-preview-head small{color:#8199b9}.social-preview-media{min-height:280px;display:grid;place-items:center;background:#030916;color:#647d9d}.social-preview-media img,.social-preview-media video{width:100%;max-height:460px;object-fit:contain}.social-live-preview>p{white-space:pre-wrap;padding:13px;margin:0;color:#dce8f7}.social-form-error{grid-column:1/-1;color:#ff9fb2}.social-form-error.show{padding:9px;border:1px solid #9d3d55;border-radius:9px;background:rgba(111,24,45,.22)}.social-upload-status{grid-column:1/-1;color:#8dffd0}.social-command-loading{min-height:300px;display:grid;place-items:center;align-content:center;gap:12px;color:#dcecff}.social-command-loading i{width:44px;height:44px;border-radius:50%;border:3px solid #284b70;border-top-color:#62ebff;animation:socialSpin .75s linear infinite}@keyframes socialSpin{to{transform:rotate(360deg)}}

@media(max-width:1100px){.inventory-grid{grid-template-columns:1fr}.inventory-kpis,.social-kpis{grid-template-columns:repeat(2,1fr)}.social-readiness{grid-template-columns:1fr}.social-composer-grid{grid-template-columns:1fr}.social-live-preview{position:static}}
@media(max-width:720px){.inventory-hero,.social-hero,.social-section-head{align-items:flex-start;flex-direction:column}.inventory-actions,.social-hero-actions{justify-content:flex-start}.inventory-kpis,.social-kpis,.social-explainer{grid-template-columns:1fr}.social-publication-card{grid-template-columns:1fr}.social-composer-form{grid-template-columns:1fr}.social-field.wide,.social-advanced.wide{grid-column:auto}.connections-grid{grid-template-columns:1fr!important}}
