/* ── SIMA — Términos y Condiciones (modules/legal.js) ────────────────────────────────
   Todo por TEMA ACTIVO (var(--win-*)/var(--accent-rgb)/var(--matrix-color)) — cero hex fijo
   salvo los semáforos mac-dots (patrón compartido con el resto de SIMA). */

#sima-panel .legal-tabs { display:flex; gap:2px; padding:8px 12px 0; background:var(--win-toolbar); border-bottom:1px solid var(--win-border); }
#sima-panel .legal-tab {
    border:1px solid transparent; border-bottom:none; background:transparent; color:var(--win-muted);
    font-family:inherit; font-size:.82rem; font-weight:600; padding:8px 14px; border-radius:8px 8px 0 0;
    cursor:pointer; display:inline-flex; align-items:center; gap:6px; transition:background .12s,color .12s;
}
#sima-panel .legal-tab:hover { color:var(--win-text); background:rgba(var(--accent-rgb),.08); }
#sima-panel .legal-tab.active { color:var(--matrix-color); background:var(--win-bg); border-color:var(--win-border); }

#sima-panel .legal-notice {
    display:flex; align-items:flex-start; gap:9px; font-size:.8rem; line-height:1.5; color:#fbbf24;
    background:rgba(245,158,11,.1); border:1px solid rgba(245,158,11,.35); border-radius:10px;
    padding:10px 13px; margin-bottom:14px;
}
#sima-panel .legal-notice i { flex-shrink:0; margin-top:1px; }

#sima-panel .legal-toolbar { display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin-bottom:12px; }
#sima-panel .legal-toolbar .field { min-width:160px; margin:0; }

/* ── Lista de versiones ── */
#sima-panel .legal-tbl-actions { display:flex; gap:6px; flex-wrap:wrap; }

/* ── Editor: dos columnas redimensionables (form+html a la izquierda, vista previa a la
   derecha) separadas por un divisor arrastrable .legal-splitter. El ancho de cada columna
   lo controla flex-grow inline (JS, modules/legal.js _applySplit) — el CSS solo define el
   comportamiento base y el minmax de seguridad. ── */
#sima-panel .legal-editor { display:flex; align-items:stretch; gap:0; }
@media (max-width: 900px) { #sima-panel .legal-editor { flex-direction:column; } #sima-panel .legal-splitter { display:none; } }
#sima-panel .legal-editor-form { flex:50 1 0%; min-width:280px; padding-right:14px; box-sizing:border-box; }
#sima-panel .legal-editor-preview { flex:50 1 0%; min-width:280px; padding-left:14px; box-sizing:border-box; }
#sima-panel .legal-editor-form .field { margin-bottom:12px; }
#sima-panel .legal-editor-row { display:flex; gap:12px; }
#sima-panel .legal-editor-row .field { flex:1; }
#sima-panel .legal-html { width:100%; box-sizing:border-box; min-height:360px; resize:vertical; font-family:ui-monospace,Menlo,Consolas,monospace; font-size:.8rem; line-height:1.5; }
#sima-panel .legal-editor-actions { display:flex; gap:8px; margin-top:14px; }

/* Divisor arrastrable entre las dos columnas */
#sima-panel .legal-splitter {
    flex:0 0 6px; width:6px; margin:0 -3px; cursor:col-resize; background:transparent;
    position:relative; z-index:2; border-radius:3px; transition:background .12s;
}
#sima-panel .legal-splitter::before {
    content:''; position:absolute; top:0; bottom:0; left:2px; right:2px; border-radius:3px;
    background:var(--win-border); transition:background .12s, opacity .12s;
}
#sima-panel .legal-splitter:hover::before, #sima-panel .legal-splitter.dragging::before {
    background:rgba(var(--accent-rgb),.65);
}
#sima-panel .legal-splitter.dragging { background:rgba(var(--accent-rgb),.08); }

#sima-panel .legal-preview-label { font-size:.75rem; font-weight:700; text-transform:uppercase; letter-spacing:.4px; color:var(--win-muted); margin-bottom:8px; display:flex; align-items:center; gap:6px; }
#sima-panel .legal-preview-tools { margin-left:auto; display:flex; gap:4px; }
#sima-panel .legal-preview-tools button {
    background:var(--win-card); border:1px solid var(--win-border); color:var(--win-muted);
    border-radius:6px; padding:3px 7px; cursor:pointer; font-size:.78rem; line-height:1;
    display:inline-flex; align-items:center; transition:color .12s, border-color .12s;
}
#sima-panel .legal-preview-tools button:hover { color:var(--matrix-color); border-color:rgba(var(--accent-rgb),.4); }
#sima-panel .legal-preview-wrap {
    border:1px solid var(--win-border); border-radius:12px; background:var(--win-card); padding:28px 32px;
    max-height:640px; overflow:auto;
}
/* .legal-terms = clase del contenido publicado; el body_html se renderiza EXACTO como en CIMA.
   Tipografía pensada para lectura larga (sustituye al zoom del navegador, que está bloqueado). */
#sima-panel .legal-terms { color:var(--win-text); font-size:.97rem; line-height:1.7; max-width:72ch; }
#sima-panel .legal-terms h1 {
    font-size:1.5rem; font-weight:800; color:var(--win-text); margin:0 0 .7em; line-height:1.3;
    padding-bottom:.4em; border-bottom:1px solid var(--win-border);
}
#sima-panel .legal-terms h2 {
    font-size:1.18rem; font-weight:700; color:var(--win-text); margin:1.6em 0 .6em; line-height:1.35;
}
#sima-panel .legal-terms h3 {
    font-size:1.02rem; font-weight:700; color:var(--win-text); margin:1.3em 0 .5em;
}
#sima-panel .legal-terms h1:first-child, #sima-panel .legal-terms h2:first-child, #sima-panel .legal-terms h3:first-child { margin-top:0; }
#sima-panel .legal-terms p { margin:0 0 1em; }
#sima-panel .legal-terms ul, #sima-panel .legal-terms ol { margin:0 0 1em; padding-left:1.4em; }
#sima-panel .legal-terms li { margin-bottom:.4em; }
#sima-panel .legal-terms li > ul, #sima-panel .legal-terms li > ol { margin-top:.4em; margin-bottom:0; }
#sima-panel .legal-terms strong, #sima-panel .legal-terms b { color:var(--win-text); }
#sima-panel .legal-terms a { color:var(--matrix-color); }
#sima-panel .legal-terms blockquote {
    margin:0 0 1em; padding:.6em 1em; border-left:3px solid rgba(var(--accent-rgb),.4);
    background:rgba(var(--accent-rgb),.06); color:var(--win-muted); border-radius:0 8px 8px 0;
}
#sima-panel .legal-terms hr { border:none; border-top:1px solid var(--win-border); margin:1.6em 0; }
#sima-panel .legal-terms:empty:before { content:'La vista previa aparece aquí a medida que escribes el HTML…'; color:var(--win-muted); font-style:italic; }

/* ── Aceptaciones ── */
#sima-panel .legal-acc-toolbar { display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin-bottom:12px; }
#sima-panel .legal-acc-toolbar select { min-width:180px; }