/* Shared refinement of the existing Bald BOT interface. Presentation only. */
body #app main #content .panel:not(.bb-module-list){background:#111c24!important;border:1px solid #2b404f!important;border-radius:10px!important;padding:20px!important;margin-bottom:0!important}
body #app main #content .bb-inner{background:transparent!important;border:0!important;padding:0!important}
body #app main #content .bb-settings,body #app main #content .age-settings{gap:16px}
body #app main #content .bb-main,body #app main #content .age-main{gap:18px;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}
body #app main #content .panel h2{margin-top:0;margin-bottom:14px}
body #app main #content .bb-status,body #app main #content .age-status{padding:14px 18px!important}
body #app main #content .bb-fold,body #app main #content .age-fold{border-radius:8px;border-color:#2b404f}
body #app main #content .bb-fold>summary,body #app main #content .age-fold>summary{padding:13px 16px}
body #app main #content .bb-fold-description,body #app main #content .age-fold-description{font-size:12px;line-height:1.5}
body #app main #content label{font-size:13px}
body #app main #content input:not([type=checkbox]):not([type=radio]),body #app main #content select,body #app main #content textarea{border-radius:7px;min-height:40px}
body #app main #content textarea{min-height:125px}
body #app main #content .bb-message-tools,body #app main #content .age-message-tools{gap:8px}
body #app main #content .stats-strip{gap:10px;margin-bottom:20px}
body #app main #content .stat-card{background:#111c24!important;border:1px solid #2b404f!important;border-radius:10px!important;padding:16px 12px!important;gap:10px;min-height:135px}
body #app main #content .stat-card::after{display:none}
body #app main #content .stat-icon{flex-basis:28px;height:30px}
body #app main #content .stat-icon svg{width:28px;height:28px}
body #app main #content .stat-value{font-size:35px}
body #app main #content .stats-analytics{gap:18px;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr)}
body #app main #content .stats-graph,body #app main #content .stats-side{background:#111c24!important;border:1px solid #2b404f!important;border-radius:10px!important;padding:18px!important;min-height:290px}
body #app main #content .bb-module-list.panel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;background:transparent!important}
body #app main #content .module-row{display:grid;grid-template-columns:38px minmax(0,1fr);gap:12px;background:#111c24!important;border:1px solid #2b404f!important;border-radius:8px;padding:15px!important;align-items:start}
body #app main #content .module-meta{min-width:0}
body #app main #content .module-meta p{line-height:1.5}
body #app main #content .module-configure-link{grid-column:1/3;justify-self:start}
body #app main #content .module-row .bald-switch{grid-column:1/3;justify-self:end}
body #app main #content .bb-module-section{border:0;padding-top:4px}
body #app main #content .bb-entry-list{margin-bottom:0}
body #app main #content .row-editor{padding:14px;border-radius:8px}
body #app main #content .bb-personalizer .pc-layout{grid-template-columns:minmax(0,1.2fr) minmax(310px,1fr);gap:20px}
body #app main #content .bb-personalizer .pc-previews{position:sticky;top:16px;align-self:start;grid-template-columns:1fr}
body #app main #content .bb-personalizer .pc-form{gap:16px}
body #app main #content .bb-personalizer .pc-results{margin-top:16px}
body #app main #content .bb-history-panel{overflow:hidden}
body #app main #content .table-wrap{margin-top:18px;border:1px solid #2b404f;border-radius:8px}
body #app main #content th{padding:13px 12px}
body #app main #content td{padding:14px 12px;line-height:1.5}
body #app main #savebar{position:sticky;bottom:16px;border-radius:8px;box-shadow:0 8px 25px #0004}

body #app main #content .module-actions{grid-column:1/3;grid-row:2;justify-self:start}
body #app main #content .module-row .bb-row-switch{grid-column:1/3;grid-row:3;justify-self:start;width:auto}
@media(max-width:1250px){
 body #app main #content .bb-personalizer .pc-layout{grid-template-columns:minmax(0,1fr)}
 body #app main #content .bb-personalizer .pc-previews{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}
 body #app main #content .bb-module-list.panel{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:1140px){
 body #app main #content .bb-main,body #app main #content .age-main,
 body #app main #content .stats-analytics{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:760px){
 body #app main #content .bb-personalizer .pc-previews,
 body #app main #content .bb-module-list.panel{grid-template-columns:minmax(0,1fr)}
 body #app main #content .panel:not(.bb-module-list){padding:14px!important}
 body #app main #content .stat-card{padding:12px 8px!important;min-width:0;gap:8px;flex-wrap:wrap}
 body #app main #content .stat-value{font-size:30px}
 body #app main #savebar{position:static;box-shadow:none}
}

/* Compact overview cards; original controls and their save handlers remain intact. */
body #app main #content .module-row{grid-template-columns:28px minmax(0,1fr) 76px;grid-template-rows:minmax(28px,auto) auto;gap:12px 10px;padding:16px!important;min-height:99px;align-items:center}
body #app main #content .module-icon{grid-column:1;grid-row:1;width:28px;height:28px;background:transparent;border:0;box-shadow:none}
body #app main #content .module-meta{display:contents}
body #app main #content .module-meta h3{grid-column:2;grid-row:1;margin:0;font-size:13px;overflow-wrap:anywhere}
body #app main #content .module-meta p{grid-column:1/3;grid-row:2;margin:0;font-size:12px;line-height:1.5}
body #app main #content .module-row .bb-row-switch{grid-column:3;grid-row:1;justify-self:end;margin:0}
body #app main #content .module-row .bald-switch-state{position:absolute;width:1px;min-width:0;max-width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
body #app main #content .module-row .bald-switch{padding:0;min-width:0;min-height:28px;gap:0}
body #app main #content .module-row .module-actions{grid-column:3;grid-row:2;justify-self:end;margin:0}
body #app main #content .module-row .module-configure-link{padding:0!important;border:0!important;background:transparent!important;white-space:nowrap;min-height:22px;font-size:12px!important}
body #app main #content .module-configure-link::after{content:'›';margin-left:4px}
@media(pointer:coarse){body #app main #content .module-row .bald-switch,body #app main #content .module-row .module-configure-link{min-height:44px}}
.service-settings{display:grid;gap:18px;max-width:1000px}
.service-settings .service-plan{font-size:24px;color:#a9c7df;margin:12px 0}
body #app main .service-danger,body .service-confirm .service-danger{background:#33252c!important;border:1px solid #9f6473!important;color:#f0c8d1!important}
body #app main #content .service-removal{border-color:#684954!important}
.service-confirm{width:min(560px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:24px;border-radius:10px}
.service-confirm::backdrop{background:#0009}
.service-confirm label{display:grid;gap:8px;margin:16px 0}
.service-confirm input,.service-confirm textarea{width:100%;box-sizing:border-box;background:#14212b;border:1px solid #344c5e;border-radius:7px;padding:10px;color:#edf3f7;font:inherit}
.service-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:20px}
.service-confirm .error:empty{display:none}



/* El enlace de eventos se integra con el fondo del panel. */
body #app main #content .stats-recent .stats-text-link,
body #app main #content .stats-recent .stats-text-link:hover,
body #app main #content .stats-recent .stats-text-link:active{background:transparent;box-shadow:none}