/* Adaptación de Axolotl Dashboard a Kaggle MCP: componentes nativos y responsive. */
:root{--primary:#fc779b;--secondary:#fcbdd5;--body-bg:#09070b}
body{overflow-x:hidden}
.app{min-height:100vh}
.sidebar{background:linear-gradient(170deg,#140e15 0%,#09070b 100%);gap:18px}
.sidebar-top{justify-content:space-between;gap:8px}
.brand{display:flex;align-items:center;gap:10px;color:#fff2f7;text-decoration:none;font-size:21px;font-weight:850;letter-spacing:-.7px;white-space:nowrap}
.brand img{width:40px;height:40px;object-fit:contain}
.brand-accent{color:var(--primary)}.brand small{display:block;color:#a98599;font-size:9px;letter-spacing:2px;margin-top:1px}
.icon-button{display:grid;place-items:center;width:32px;height:32px;background:#20151f;border:1px solid #493040;border-radius:9px;color:#ffdce7}
.nav-label{font-size:10px;font-weight:800;letter-spacing:1.8px;color:#856b7a;padding:15px 12px 8px}
.nav-item{text-decoration:none;display:flex;align-items:center;gap:12px}
.nav-icon{font-size:18px;min-width:25px;text-align:center;color:#eeb1ca}
.sidebar-bottom{margin-top:auto;display:flex;gap:11px;align-items:center;border:1px solid #493042;background:#1d131e;padding:12px;border-radius:12px}
.sidebar-bottom strong,.sidebar-bottom small{display:block}.sidebar-bottom strong{font-size:12px}.sidebar-bottom small{color:#ba98a8;font-size:11px}
.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#8edbc7;box-shadow:0 0 0 4px rgba(142,219,199,.12);flex-shrink:0}
.main{min-width:0;padding:0}
.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 34px;border-bottom:1px solid #2f202b;flex-wrap:wrap}
.welcome h1{font-size:24px;font-weight:800;margin:0 0 4px}.welcome p{margin:0;color:#b18e9f;font-size:13px}
.top-actions{display:flex;align-items:center;gap:15px}
.live-indicator{display:flex;align-items:center;gap:9px;font-size:10px;letter-spacing:1.4px;color:#a9e1d2;font-weight:800}
.date-label{font-size:12px;color:#ad8c9f}.logout-button{padding:9px 13px;border-radius:9px;background:#251825;border:1px solid #543347;color:#f4cbd9}
.dashboard-content{padding:27px 34px 42px;max-width:1650px;margin:0 auto}
.hero{position:relative;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:28px 30px;background:linear-gradient(112deg,#281322,#190f19 65%,#281524);border:1px solid #5a2b48;border-radius:20px;overflow:hidden}
.hero:after{content:"";position:absolute;width:240px;height:240px;background:radial-gradient(circle,rgba(252,119,155,.16),transparent 72%);right:0;top:-100px;pointer-events:none}
.eyebrow,.card-kicker{font-size:10px;letter-spacing:2px;font-weight:800;color:#fa9ebe}
.hero h2{font-size:clamp(22px,3vw,35px);margin:10px 0 8px;letter-spacing:-1px}
.hero p{max-width:600px;color:#c9a8b7;line-height:1.6;font-size:13px;margin:0}.hero-dot{color:#fc779b}.hero-mark{font-size:64px;color:#e37ca7}
.summary-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:20px 0 29px}
.stat-item{display:flex;gap:13px;align-items:center;background:#151018;border:1px solid #362631;border-radius:14px;padding:18px}
.stat-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#352034;color:#fc92b5;font-size:21px}
.stat-item small,.stat-item strong{display:block}.stat-item small{color:#b18a9c;font-size:11px}.stat-item strong{font-size:17px;margin-top:4px}
.section-heading{grid-column:1/-1;display:flex;align-items:end;justify-content:space-between;gap:16px;margin:0}
.section-heading h2{font-size:22px;margin:7px 0 0}.section-heading small{color:#967d8a;font-size:12px}
.resource-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:20px}
.card.resource-card,.card.section-card,.card.project-card,.card.empty-projects{border:1px solid #3d2937;background:#151018;border-radius:17px;box-shadow:0 8px 24px rgba(0,0,0,.10)}
.resource-card{padding:23px 23px 20px;min-height:295px}
.card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:15px}
.card-head h3{font-size:19px;margin:7px 0 0;letter-spacing:-.4px}
.card-status,.pill{border-radius:20px;background:#362231;color:#ffb7d0;padding:6px 11px;font-size:11px;white-space:nowrap;border:1px solid #5b344b}
.resource-body{display:flex;gap:27px;align-items:center;min-width:0}
.resource-detail{flex:1;min-width:0}.detail-title{color:#b28b9e;font-size:12px}.resource-detail>strong{display:block;font-size:24px;margin:6px 0 2px}.resource-detail>small{color:#987b8b;font-size:12px}
.metric-line{display:flex;gap:10px;justify-content:space-between;border-top:1px solid #392633;padding:10px 0;font-size:12px;margin-top:10px}
.metric-line span,.metric-note{color:#a7899a}.metric-note{font-size:11px;line-height:1.5}
.gpu-selector{margin-top:12px;display:flex;flex-wrap:wrap;gap:8px}.gpu-selector button{font-size:11px;border:1px solid #4a3041;border-radius:16px;padding:5px 11px;background:#2a1d29;color:#ffcee0}.gpu-selector button.selected{border-color:#fc779b;background:#6d3355}
.work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:20px 0}
.section-card{padding:24px}.section-card>p,.project-card>p{color:#b395a5;font-size:12.5px;line-height:1.6}
.mini-icon{font-size:22px;color:#eb9dbf}
.integration-item{display:flex;justify-content:space-between;align-items:center;margin:20px 0 10px;gap:15px}
.integration-item strong,.integration-item small{display:block}.integration-item strong{font-size:14px}.integration-item small{color:#9f8092;font-size:11px;margin-top:4px}
.inline-token{display:grid;grid-template-columns:1fr auto;gap:7px}
.inline-token label{grid-column:1/-1;font-size:11px;color:#bb91a6;font-weight:700}
input,textarea,select{min-width:0;max-width:100%;background:#0c090f!important;border:1px solid #4e3243!important;border-radius:9px!important;color:#fff0f6!important;padding:11px 12px!important;font-size:13px!important}
input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #fc779b;outline-offset:1px}
button{font:inherit}.inline-token button,.project-form button,.project-actions button,.project-columns button,.security-form button{background:#68364f;color:#ffdfeb;border:1px solid #864762;border-radius:9px;padding:10px 15px;cursor:pointer}
.action-primary,.project-form button.action-primary,.security-form button.action-primary{background:linear-gradient(110deg,#fc779b,#e86193);color:#260d1a;border:0;font-weight:800}
.muted{color:#b08da1;font-size:12px}
.project-form{display:grid;grid-template-columns:1fr 1fr;gap:11px}
.project-form label,.security-form label{display:block;font-size:12px;font-weight:700;color:#d5adbf}
.project-form label input,.security-form label input{display:block;width:100%;margin-top:6px}
.project-form button{grid-column:1/-1}
.projects-section{display:grid;gap:15px;margin-top:20px}.project-card{padding:23px}
.project-actions{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0}
.project-columns{display:grid;grid-template-columns:1fr 1fr;gap:22px}.project-columns h4{margin:12px 0}
.project-columns form{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.project-columns form textarea{width:100%;min-height:72px}
.entry{padding:10px 0;border-bottom:1px solid #392633;font-size:12px}
.task-row{border-bottom:1px solid #392633;padding:8px 0}.task-row>div{display:flex;gap:6px;justify-content:space-between}.task-row small{color:#a88699}
.task-row form{display:flex;justify-content:flex-end;margin:7px 0}.task-row select{max-width:160px}
.skill-entry{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:12px 0;text-decoration:none;color:#ffddeb;border-bottom:1px solid #382534}
.skill-entry small{width:100%;color:#a78a9a}.security-form{display:grid;gap:10px}
pre{overflow:auto;max-height:350px;white-space:pre-wrap;word-break:break-word;border-radius:10px;padding:12px;background:#0c090f;color:#e6bed1;font-size:11px}
.history-card{margin-top:18px}.history-entry{display:flex;align-items:flex-start;gap:13px;padding:12px 0;border-bottom:1px solid #392633}
.history-entry>div{min-width:0}.history-entry strong,.history-entry small{display:block}.history-entry small{color:#a58194;font-size:11px;margin-top:4px}
footer{color:#806b77;font-size:11px;text-align:center;margin-top:28px}
.login-wrap{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 55% 0%,#3c1e32 0,transparent 48%),#09070b}
.login-card{width:min(100%,450px);padding:38px;background:#151018;border:1px solid #523149;border-radius:22px;text-align:center;box-shadow:0 30px 90px #0008}
.login-brand{width:88px;height:88px;margin:0 auto 20px;display:block}.login-card h1{font-size:27px;margin:9px 0 6px}.login-card p{font-size:13px;color:#bca0af;margin-bottom:26px}
.login-card label{display:block;text-align:left;font-size:12px;font-weight:700;margin-bottom:7px}.login-card input{width:100%;margin-bottom:13px}
.login-card button{width:100%;padding:13px;border-radius:10px;cursor:pointer}.login-hint{margin-top:20px;color:#907587;font-size:11px}
.alert{padding:10px 12px;border:1px solid #c15b76;border-radius:8px;color:#ffc0d0!important}
.mobile-menu{display:none}
@media(max-width:1150px){.summary-stats{grid-template-columns:repeat(2,1fr)}.resource-body{gap:15px}.ring{width:145px;height:145px}.ring strong{font-size:29px}}
@media(max-width:850px){.app{display:block}.sidebar{position:fixed;inset:0 auto 0 0;width:250px;transform:translateX(-102%);transition:transform .2s ease}.app.mobile-open .sidebar{transform:translateX(0)}.mobile-sidebar-backdrop{display:none;position:fixed;inset:0;background:#0009;z-index:19}.app.mobile-open .mobile-sidebar-backdrop{display:block}.mobile-menu{display:grid}.hide-mobile{display:none}.topbar{padding:18px}.dashboard-content{padding:19px}.resource-grid,.work-grid{grid-template-columns:1fr}}
@media(max-width:520px){.summary-stats{grid-template-columns:1fr 1fr;gap:8px}.stat-item{padding:10px;gap:8px}.stat-icon{width:32px;height:32px}.stat-item strong{font-size:13px}.hero{padding:20px}.hero-mark{display:none}.resource-body{flex-direction:column;align-items:stretch;text-align:center}.ring{margin:0 auto}.metric-line{text-align:left}.top-actions{gap:8px}.date-label{display:none}.project-form,.project-columns{grid-template-columns:1fr}.section-card{padding:18px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}

/* Monitor dedicado de Axolotl: velocidades y barras SIN la regla .ring de ejemplo. */
.server-metrics{background:#151018!important;border:1px solid #422638;border-radius:17px;padding:22px;margin:16px 0 24px}
.monitor-heading{display:flex;align-items:start;justify-content:space-between;gap:20px;margin-bottom:20px}
.monitor-heading h2,.route-heading h2{font-size:25px;margin:8px 0}
.monitor-heading p,.route-heading p{font-size:13px;color:#b497a7;line-height:1.6;margin:4px 0 0}
.server-metrics .server-grid{gap:15px}
.server-metrics .server-card{padding:19px;border:1px solid #473040;background:linear-gradient(160deg,#1b1320,#120e17);border-radius:14px}
.server-metrics .server-card.cpu,.server-metrics .server-card.gpu{grid-column:span 7}
.server-metrics .server-card.ram,.server-metrics .server-card.storage{grid-column:span 5}
.server-metrics .server-card-head{margin-bottom:15px}
.server-metrics .server-card-head strong{font-size:17px}
.server-metrics .server-card-head small{font-size:11px}
.server-metrics .server-value{font-size:18px;color:#fc98b9}
.server-metrics .gauge-layout{gap:22px;grid-template-columns:220px minmax(0,1fr)}
.server-metrics .gauge-layout.ram-layout{grid-template-columns:1fr}
.server-metrics .speed-gauge{margin:auto}
.server-metrics .gauge-track{stroke:#4b3040}
.server-metrics .gauge-needle{transform-origin:105px 105px}
.server-metrics .gauge-readout strong{font-size:23px}
.server-metrics .gauge-readout span{font-size:11px}
.server-metrics .cpu-mini-stat span,.server-metrics .storage-note span{font-size:11px}
.server-metrics .cpu-mini-stat strong,.server-metrics .storage-note strong{font-size:13px}
.server-metrics .storage-list{margin-top:28px}
.server-metrics .storage-row-top{font-size:12px;margin-bottom:6px}
.server-metrics .storage-row-top strong{font-size:12px}
.server-metrics .storage-track{height:13px;background:#362630}
.server-metrics .storage-fill{width:0}
.server-metrics .storage-note{margin-top:18px}
.server-metrics .storage-note>div{background:#241823;padding:12px}
.gpu-monitor-body{display:flex;gap:28px;align-items:center;justify-content:center}
.telemetry-donut{--gpu-fill:0%;position:relative;isolation:isolate;flex:none;width:174px;height:174px;display:grid;place-items:center;border-radius:50%;
background:conic-gradient(from 0deg,#bc8cfa 0 var(--gpu-fill),#3b293c var(--gpu-fill) 100%)}
.telemetry-donut:before{content:"";position:absolute;z-index:0;inset:15px;border-radius:50%;background:#1b1320}
.telemetry-donut .donut-readout{z-index:1;position:relative;display:flex;align-items:center;flex-direction:column;justify-content:center;text-align:center;line-height:1}
.telemetry-donut .donut-readout strong{font-size:30px;font-weight:850;letter-spacing:-1px}
.telemetry-donut .donut-readout small{font-size:11px;color:#bb9db0;margin-top:7px}
.gpu-facts{display:grid;gap:13px;flex:1}
.gpu-facts>div{display:flex;justify-content:space-between;align-items:center;gap:15px;padding-bottom:10px;border-bottom:1px solid #473040}
.gpu-facts span{font-size:11px;color:#b89aad}.gpu-facts strong{font-size:13px}
.monitor-footnote{margin:19px 0 0;color:#a88ba0;font-size:11px}
.route-heading{margin:7px 0 22px}
.standalone-section{display:grid;grid-template-columns:minmax(0,850px);margin:20px 0}
.standalone-section>.section-card{width:100%}
.action-link{display:inline-flex;padding:11px 17px;border:1px solid #5b3652;border-radius:9px;color:#ffc4d9;background:#301d2e;text-decoration:none;font-size:12px;font-weight:700}
.page-actions{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}
.server-metrics .gpu-selector{margin-top:12px}
.server-metrics .gpu-selector button.selected{background:#614068}
.server-metrics .metric-note{font-size:11px}
.server-metrics .server-status{font-size:11px}
.server-metrics .server-status::before{flex-shrink:0}
@media(max-width:1230px){.server-metrics .server-card.cpu,.server-metrics .server-card.gpu,.server-metrics .server-card.ram,.server-metrics .server-card.storage{grid-column:span 12}}
@media(max-width:640px){.monitor-heading{flex-direction:column}.server-metrics{padding:13px}.server-metrics .server-card{padding:13px}
.server-metrics .gauge-layout{grid-template-columns:1fr}.server-metrics .cpu-summary{grid-template-columns:repeat(2,1fr)}
.gpu-monitor-body{flex-direction:column}.gpu-facts{width:100%}.telemetry-donut{margin:auto}}

/* Estado de conexión verificado; sin marcas verde/online cuando la API falla. */
.server-metrics .gauge-needle{display:none}
.live-indicator,.server-metrics .server-status{color:#bea1b0}
.live-indicator .status-dot,.sidebar-bottom .status-dot,.server-metrics .server-status:before{background:#826878;box-shadow:none}
.live-indicator.is-live,.server-metrics .server-status.is-live{color:#8edbc7}
.live-indicator.is-live .status-dot,.sidebar-bottom.is-live .status-dot,.server-metrics .server-status.is-live:before{background:#8edbc7;box-shadow:0 0 0 4px rgba(142,219,199,.1)}

/* Axolotl compact sidebar: preserve our <span class="nav-icon"> icons.
   The original theme hides ALL nav spans on collapse (it expected <i>). */
.app.sidebar-collapsed .sidebar { overflow-x:hidden; }
.app.sidebar-collapsed .sidebar-top { flex-direction:column; justify-content:center; gap:9px; padding:2px 0 12px; }
.app.sidebar-collapsed .brand { width:100%;justify-content:center; }
.app.sidebar-collapsed .brand > span { display:none; }
.app.sidebar-collapsed .brand img { width:37px;height:37px;flex:none; }
.app.sidebar-collapsed #collapseBtn { width:34px;height:31px;min-width:34px;flex:none; }
.app.sidebar-collapsed .nav-label { display:none; }
.app.sidebar-collapsed .nav { gap:9px; }
.app.sidebar-collapsed .nav-item { width:100%;min-height:44px;padding:0;justify-content:center;gap:0; }
.app.sidebar-collapsed .nav-item > .nav-icon { display:inline-grid!important;place-items:center;width:31px;min-width:31px;height:31px;margin:0;flex:none;font-size:19px; }
.app.sidebar-collapsed .nav-item > span:not(.nav-icon) { display:none; }
.app.sidebar-collapsed .sidebar-bottom { justify-content:center;min-width:0;padding:9px; }
.app.sidebar-collapsed .sidebar-bottom > div { display:none; }
.nav-item { min-width:0; }
.nav-icon { flex:0 0 28px;display:inline-grid;place-items:center; }
.app .sidebar-top, .app .nav-item, .app .sidebar-bottom { box-sizing:border-box; }
@media(max-width:850px) {
  .app.sidebar-collapsed .sidebar-top {flex-direction:row;justify-content:space-between;padding:0}
  .app.sidebar-collapsed .brand > span {display:block}
  .app.sidebar-collapsed .nav-label {display:block}
  .app.sidebar-collapsed .nav-item {justify-content:flex-start;padding:0 10px;gap:9px}
  .app.sidebar-collapsed .nav-item > span:not(.nav-icon) {display:inline}
  .app.sidebar-collapsed .sidebar-bottom > div {display:block}
  .app .sidebar {z-index:120;overflow-x:hidden}
  .app .mobile-sidebar-backdrop {z-index:110}
}
/* Compact, accessible activity timeline and pagination. */
.history-card .card-head {align-items:center}
.activity-summary {display:flex;align-items:center;justify-content:space-between;gap:14px;margin:17px 0 8px;color:#b995a8;font-size:12px;flex-wrap:wrap}
.activity-summary strong {color:#fee1eb}
.activity-entries {min-width:0}
.history-entry {min-width:0}
.history-details {min-width:0;flex:1}
.history-details pre {max-height:155px;white-space:pre-wrap;overflow-wrap:anywhere}
.activity-live {display:inline-flex;align-items:center;gap:7px;padding:6px 11px;border-radius:999px;border:1px solid #503342;color:#c1a0b1;background:#2a1d29;font-size:11px;white-space:nowrap}
.activity-live::before {content:"";width:7px;height:7px;flex:none;border-radius:50%;background:#927889}
.activity-live.is-live {color:#a2edda;border-color:#2c655b}
.activity-live.is-live::before {background:#8edbc7;box-shadow:0 0 7px #8edbc777}
.activity-pagination {display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px;margin-top:19px}
.activity-page {min-width:38px;min-height:38px;padding:9px 13px;display:inline-grid;place-items:center;border:1px solid #58394b;border-radius:9px;background:#221721;color:#f2d3e0;text-decoration:none;font-size:12px;font-weight:700}
.activity-page:hover {background:#3c2635;border-color:#c07699}
.activity-page.current {background:#9b446d;color:white;border-color:#e477a1}
.activity-page:focus-visible {outline:2px solid #ffa7c4;outline-offset:2px}
.activity-gap {padding:6px;color:#b394a7}
.activity-page-info {margin:11px 0 0;text-align:center;font-size:11px;color:#b190a1}
@media(max-width:520px) {
  .history-entry {flex-direction:column;gap:5px}
  .activity-page {padding:8px 10px;min-width:35px}
}

/* Same top-right control closes the drawer on mobile. */
@media(max-width:850px) {
  .app #collapseBtn.hide-mobile {display:grid;width:34px;height:34px;flex:none;font-size:24px}
  .app .sidebar-top {justify-content:space-between;align-items:center}
}

/* Agent Orchestrator: opt-in only, no auto-execution. */
.agent-consent,.agent-board{margin-bottom:18px;max-width:1100px}
.agent-consent .agent-choice{display:flex;align-items:flex-start;flex-wrap:wrap;gap:14px;margin-top:18px}
.agent-setup{flex:1;min-width:min(100%,350px)}
.agent-button{list-style:none;cursor:pointer;display:inline-flex;align-items:center;padding:11px 17px;border-radius:9px;border:1px solid #b05e80;background:#6a3654;color:#ffdeeb;font-size:13px;font-weight:750}
.agent-button::-webkit-details-marker{display:none}
.agent-button:focus-visible,.agent-task-link:focus-visible{outline:2px solid #fc779b;outline-offset:3px}
.agent-form{margin-top:19px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.agent-form label,.agent-prompt-ready label,.agent-review-form label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:650;color:#d5adbf}
.agent-form label.wide{grid-column:1/-1}
.agent-form input:not([type=checkbox]),.agent-form textarea,.agent-review-form textarea,.agent-prompt-ready textarea{width:100%;box-sizing:border-box}
.agent-form .agent-check{display:flex;flex-direction:row;align-items:flex-start;line-height:1.6;gap:11px}
.agent-check input[type=checkbox]{flex:0 0 auto;margin:3px 0!important;min-width:auto}
.agent-form button{grid-column:1/-1;justify-self:start;border-radius:10px;padding:11px 18px;cursor:pointer}
.agent-prompt-ready{margin-top:18px}
.agent-prompt-ready>strong{display:block;font-size:15px;color:#ffc4da}
.agent-prompt-ready textarea{margin-top:8px;max-height:420px;resize:vertical;line-height:1.55}
.agent-prompt-ready button{margin-top:10px;padding:11px 16px;border-radius:10px;cursor:pointer}
.agent-task{padding:19px 0;border-bottom:1px solid #392633;min-width:0}
.agent-task:last-child{border-bottom:0}
.agent-task-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.agent-task-top strong,.agent-task-top small{display:block}
.agent-task-top strong{font-size:15px}
.agent-task-top small{margin-top:5px;color:#b18da0;overflow-wrap:anywhere;font-size:11px}
.agent-task p{font-size:12px;color:#cfafc0;line-height:1.5}
.agent-task code{overflow-wrap:anywhere}
.agent-meta{display:flex;gap:12px;flex-wrap:wrap;font-size:11px;color:#b59bab;margin-top:8px}
.agent-task-link{display:inline-block;color:#ffc0d8;font-size:12px;padding:8px 0;margin-top:5px}
.agent-review-form{margin-top:17px;border:1px solid #6b3c56;padding:15px;border-radius:13px}
.agent-review-form textarea{min-height:80px;resize:vertical}
.agent-review-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}
.agent-review-actions button{padding:10px 14px;border-radius:9px;background:#442838;color:#fdd3e3;border:1px solid #70435b;cursor:pointer}
.agent-review-actions button.action-primary{background:#fc779b;color:#21111c}
@media(max-width:640px){.agent-form{grid-template-columns:1fr}.agent-task-top{align-items:flex-start}.agent-consent .agent-choice{flex-direction:column}.agent-setup{width:100%;min-width:0}}

.agent-cancel{margin-top:10px;padding:11px 0;color:#f1b6cd;font-size:12px}
.agent-cancel summary{cursor:pointer;font-weight:700}
.agent-cancel form{display:flex;flex-wrap:wrap;align-items:end;gap:9px;margin-top:10px}
.agent-cancel form label{display:flex;flex-direction:column;gap:5px;flex:1;min-width:180px}
.agent-cancel button{padding:10px 12px;border-radius:9px;background:#42202c;color:#ffc7d9;border:1px solid #a04f72}
.agent-cancel small{display:block;color:#b99eae;margin-top:6px}

/* No se presenta telemetría de acelerador cuando Kaggle no asignó GPU. */
.server-card[hidden]{display:none!important}
.server-metrics.no-gpu .server-card.cpu{grid-column:span 12}