/* Panel del asesor — Desempeño. Página propia (sin main.css del sitio). Usa los estilos del componente (desempeno.css)
   y define solo lo específico del panel. Todo cuelga de .dsp-page. */
html { scroll-behavior: smooth; }
body.dsp-page { margin: 0; background: #08111e; }
.dsp-page { --bg: #08111e; }
/* ---- panel del asesor ---- */
.dsp-page .adm { display: grid; grid-template-columns: 330px minmax(0, 1fr); gap: 22px; align-items: start; }
@media (max-width: 1000px) { .dsp-page .adm { grid-template-columns: 1fr; } }
.dsp-page .adm h2 { margin: 0; font-size: 17px; color: var(--ink-strong); font-weight: 800; }
.dsp-page .cl-list { display: grid; gap: 10px; margin-top: 14px; }
.dsp-page .cl { background: var(--surface-2); border: 1px solid transparent; border-radius: 12px; padding: 13px 14px; cursor: pointer; text-align: left; width: 100%; color: inherit; }
.dsp-page .cl.sel { border-color: var(--accent); background: rgba(61,139,255,.1); }
.dsp-page .cl .code { font-family: ui-monospace, Consolas, monospace; font-size: 13px; color: var(--ink-strong); font-weight: 600; }
.dsp-page .cl .meta { display: flex; gap: 6px; flex-wrap: wrap; margin-top: 8px; }
.dsp-page .cl .cnt { color: var(--muted); font-size: 12.5px; margin-top: 8px; }
.dsp-page .toolbar { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 12px; }
.dsp-page table.cls { width: 100%; border-collapse: collapse; font-size: 13.5px; margin-top: 12px; }
.dsp-page table.cls th { text-align: left; color: var(--muted); font-size: 11.5px; text-transform: uppercase; letter-spacing: .04em; padding: 8px 10px; border-bottom: 1px solid var(--line); }
.dsp-page table.cls td { padding: 11px 10px; border-bottom: 1px solid rgba(38,58,99,.55); }
.dsp-page table.cls tr[data-id] { cursor: pointer; }
.dsp-page table.cls tr[data-id]:hover td { background: rgba(61,139,255,.07); }
.dsp-page table.cls tr.sel td { background: rgba(61,139,255,.12); }
@media (max-width: 640px) { .dsp-page table.cls .hide-m { display: none; } }
.dsp-page .prev-banner { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; background: #0B2A63; border: 1px solid #1d4a99; border-radius: 12px; padding: 12px 16px; margin: 24px 0 0; }
.dsp-page .prev-banner b { color: #fff; }
.dsp-page .prev-banner span { color: #BBD3FF; font-size: 13px; }
.dsp-page .prev-banner.pub { background: #0E3A27; border-color: #1c6b49; }
.dsp-page .advonly { margin-top: 14px; background: #2A1F00; border: 1px dashed #8a6a1a; border-radius: 12px; padding: 16px 18px; }
.dsp-page .advonly h3 { margin: 0 0 4px; font-size: 14px; color: #FFD470; }
.dsp-page .advonly .why { font-size: 12.5px; color: #d8c28a; margin: 0 0 12px; }
.dsp-page .advonly ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; font-size: 13.5px; color: #F1E6C4; }
.dsp-page .advonly li { display: flex; gap: 8px; align-items: flex-start; }
.dsp-page .pubbar { display: flex; gap: 12px; align-items: center; flex-wrap: wrap; margin-top: 14px; }
.dsp-page .pubbar label { font-size: 13px; color: #F1E6C4; display: flex; gap: 8px; align-items: center; cursor: pointer; }
.dsp-page .dsp-modal-bg { position: fixed; inset: 0; background: rgba(0,8,24,.72); display: none; align-items: center; justify-content: center; z-index: 200; padding: 16px; }
.dsp-page .dsp-modal-bg.on { display: flex; }
.dsp-page .modal { background: var(--surface-2); border: 1px solid var(--line); border-radius: 16px; padding: 24px; width: min(480px, 100%); box-shadow: 0 24px 60px rgba(0,0,0,.5); }
.dsp-page .modal h3 { margin: 0 0 8px; color: var(--ink-strong); font-size: 18px; }
.dsp-page .modal p { margin: 0 0 14px; color: var(--ink); font-size: 14px; }
.dsp-page .modal input[type=text], .dsp-page .modal input[type=email], .dsp-page .modal input[type=date] { width: 100%; height: 40px; border-radius: 9px; border: 1px solid var(--line); background: var(--surface); color: var(--ink-strong); padding: 0 12px; font: inherit; }
.dsp-page .modal .row { display: flex; gap: 10px; justify-content: flex-end; margin-top: 16px; flex-wrap: wrap; }
.dsp-page .codebox { font-family: ui-monospace, Consolas, monospace; background: var(--surface); border: 1px solid var(--line); padding: 12px; border-radius: 9px; color: var(--ink-strong); font-size: 14px; word-break: break-all; }
.dsp-page .toast { position: fixed; bottom: 22px; left: 50%; transform: translateX(-50%) translateY(20px); background: #0E3A27; color: #CFF7DF; border: 1px solid #1c6b49; padding: 11px 18px; border-radius: 11px; font-size: 14px; opacity: 0; pointer-events: none; transition: .2s; z-index: 400; max-width: 92vw; }
.dsp-page .toast.on { opacity: 1; transform: translateX(-50%) translateY(0); }
.dsp-page .empty { color: var(--muted); font-size: 14px; padding: 22px; text-align: center; border: 1px dashed var(--line); border-radius: 12px; margin-top: 12px; }
.dsp-page .sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

/* ---- barra superior y contenedor de la página ---- */
.dsp-page .dsp-topbar { background: #00133A; border-bottom: 1px solid rgba(255,255,255,.07); height: 56px; display: flex; align-items: center; justify-content: space-between; padding: 0 20px; }
.dsp-page .dsp-topbar-brand { display: flex; align-items: center; gap: 10px; color: #fff; text-decoration: none; font-weight: 700; font-size: 15px; }
.dsp-page .dsp-topbar-back { color: var(--muted); font-size: 13px; text-decoration: none; }
.dsp-page .dsp-topbar-back:hover { color: #fff; }
.dsp-page .dsp-main { width: min(1680px, 100% - 8vw); margin: 0 auto; padding: 26px 0 70px; }
@media (max-width: 560px) { .dsp-page .dsp-main { width: calc(100% - 32px); } }
.dsp-page .dsp { min-height: 100vh; }