/* panel.css — lo propio del panel de administracion. El panel es claro fijo:
   el layout lo declara con data-theme="light". */
:root[data-theme="light"]{--panel:var(--superficie)}
body{font-size:15px;line-height:1.55}
a{text-decoration:none}

/* Los botones del panel son mas chicos y sin gritar */
.btn{padding:.62rem 1.15rem;min-height:auto;font-size:.85rem;letter-spacing:normal;text-transform:none;border-width:1px;border-radius:3px}
.btn-chico{padding:.4rem .75rem;font-size:.78rem}
/* Envio manual por wa.me: el verde lo distingue de los reenvios por Twilio */
.btn-wa{border-color:var(--exito);color:var(--exito-texto)}
.btn-wa:hover{background:var(--exito);color:#F5F7F8;border-color:var(--exito)}

/* Estado visual mientras se arrastra una ficha para reordenar (expositores). */
.arrastrando{opacity:.4}

/* En el panel .campo va directo sobre inputs y selects (no es el wrapper del
   sistema compartido): sin esto, el margin-bottom de componentes.css los
   desalinea en los filtros y agranda los dialogos. */
.campo{margin:0}

.contenido .alerta{margin-bottom:1.2rem}

/* Cabeceras de tabla ordenables */
.th-orden{color:inherit;text-decoration:none;white-space:nowrap}
.th-orden:hover{color:var(--tinta)}
.th-orden--activo{color:var(--tinta)}

.disposicion{display:grid;grid-template-columns:238px 1fr;min-height:100vh}
@media(max-width:900px){.disposicion{grid-template-columns:1fr}}

.lateral{background:var(--grafito);color:var(--natural);padding:1.1rem .9rem;display:flex;flex-direction:column;gap:1.4rem}
@media(max-width:900px){.lateral{position:sticky;top:0;z-index:40}}
.lateral .marca{display:flex;align-items:center;gap:.6rem;padding:.2rem .4rem 1rem;border-bottom:1px solid rgba(245,247,248,.12)}
.lateral .marca img{width:32px;height:32px}
.lateral .marca b{font-size:.82rem;font-weight:700;text-transform:uppercase;line-height:1.1}

.menu{display:flex;flex-direction:column;gap:.15rem}
.menu a{display:flex;align-items:center;gap:.7rem;padding:.68rem .8rem;border-radius:3px;font-size:.9rem;font-weight:600;color:#AFB6BC;transition:.16s}
.menu a:hover{background:rgba(245,247,248,.07);color:var(--natural)}
.menu a.activo{background:var(--turquesa-hondo);color:#fff}
.menu a span.ico{width:18px;text-align:center;opacity:.9}

.selector{background:rgba(245,247,248,.06);border:1px solid rgba(245,247,248,.14);border-radius:3px;padding:.7rem}
.selector label{display:block;font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;color:var(--acero);margin-bottom:.4rem}
.selector select{width:100%;background:var(--grafito);color:var(--natural);border:1px solid rgba(245,247,248,.2);border-radius:2px;padding:.5rem;font-family:inherit;font-size:.88rem;font-weight:600}
.chip-estado{display:inline-block;margin-top:.55rem;font-size:.63rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;padding:.25rem .55rem;border-radius:2px}
.e-borrador{background:#4A5157;color:#F5F7F8}
.e-publicado{background:var(--turquesa);color:#08201F}
.e-en_curso{background:var(--cobre);color:#231204}
.e-cerrado{background:#3A4046;color:#AFB6BC}

.contenido{padding:1.6rem clamp(1rem,3vw,2.2rem)}
.cabecera{display:flex;flex-wrap:wrap;gap:1rem;align-items:baseline;justify-content:space-between;margin-bottom:1.5rem}
h1{font-size:1.6rem;font-weight:800;letter-spacing:-.02em;margin:0}

/* Login */
.pantalla-entrar{min-height:100vh;display:grid;place-items:center}
.pantalla-entrar form{width:min(360px,90vw);background:rgba(245,247,248,.05);border:1px solid rgba(245,247,248,.13);border-radius:4px;padding:2rem}
.pantalla-entrar img{width:46px;margin:0 auto 1.2rem;display:block}
.pantalla-entrar h1{font-size:1.15rem;font-weight:800;text-align:center;margin:0 0 1.6rem}
.pantalla-entrar label{display:block;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:#8E959B;margin:0 0 .35rem}
.pantalla-entrar input{width:100%;padding:.75rem;margin-bottom:1rem;background:#1E1F22;border:1px solid rgba(245,247,248,.2);border-radius:2px;color:#F5F7F8;font-family:inherit;font-size:.95rem}
.pantalla-entrar button{width:100%;padding:.85rem;background:#17B2AD;color:#08201F;border:0;border-radius:2px;font-weight:800;font-family:inherit;font-size:.9rem;text-transform:uppercase;letter-spacing:.08em;cursor:pointer}
.pantalla-entrar .error{background:rgba(199,123,61,.16);border-left:3px solid #C77B3D;padding:.7rem;margin-bottom:1rem;font-size:.85rem}

/* Dialogos y formularios de ABM */
.dialogo{border:none;border-radius:4px;padding:1.4rem;max-width:480px;width:92vw;box-shadow:0 18px 50px rgba(30,31,34,.28)}
.dialogo::backdrop{background:rgba(30,31,34,.45)}
.titulo-dialogo{font-size:1.05rem;font-weight:800;margin:0 0 1rem}
.pie-dialogo{display:flex;gap:.5rem;justify-content:flex-end;margin-top:1.1rem}
.grilla-campos{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.7rem}
.etiqueta{display:block;font-size:.76rem;font-weight:700;color:var(--tinta-suave);margin-bottom:.4rem}
.etiqueta .campo{display:block;width:100%;margin-top:.25rem;font-weight:400}
.campo{padding:.58rem .7rem;border:1px solid var(--borde);border-radius:3px;font-family:inherit;font-size:.87rem;background:var(--panel);color:var(--tinta)}