/* ==========================================================================
   Añadidos propios del gestor de Fundación Sonrisas
   (complementan admin.css, que trae la estructura general del panel)
   ========================================================================== */

.admin-menu__logo img { border-radius: 10px; background: #fff; }

/* --- Barra superior de cada sección ------------------------------------- */
.barra-superior {
    display: flex; align-items: center; justify-content: space-between;
    gap: 1rem; flex-wrap: wrap; margin-bottom: 4px;
}
.acciones-rapidas { display: flex; gap: .5rem; flex-wrap: wrap; }

/* --- Selector de imagen -------------------------------------------------- */
.campo--imagen { gap: 8px; }
.campo--imagen .inline { gap: 6px; }
.portada--chica {
    width: 190px; height: 128px; border-radius: 10px; overflow: hidden; background: #eef2f8;
    border: 1px dashed #c9d4e2; display: grid; place-items: center; color: #8a97a6; font-size: 12px;
}
.portada--chica img { width: 100%; height: 100%; object-fit: cover; }

/* --- Constructor de formularios ------------------------------------------ */
.campo-fila {
    background: #fff; border: 1px solid #e2e9f2; border-radius: 12px; padding: 14px;
    margin-bottom: 12px; display: grid; gap: 10px;
    grid-template-columns: 34px minmax(0, 1.4fr) minmax(0, 1fr) minmax(0, 1fr) auto;
    align-items: start;
}
.campo-fila__num {
    width: 28px; height: 28px; border-radius: 50%; background: #16305F; color: #fff;
    display: grid; place-items: center; font-weight: 700; font-size: 12px; margin-top: 22px;
}
.campo-fila__opciones { grid-column: 2 / -1; }
.campo-fila__marcas { display: flex; gap: 14px; flex-wrap: wrap; align-items: center; grid-column: 2 / -1; }
.campo-fila__botones { display: flex; flex-direction: column; gap: 5px; margin-top: 20px; }
.campo-fila label { display: flex; flex-direction: column; gap: 5px; font-size: 12px; font-weight: 600; }
.campo-fila input[type="text"], .campo-fila select, .campo-fila textarea {
    font: inherit; font-size: 13px; padding: 8px 10px; border: 1px solid #d6dee8; border-radius: 8px; width: 100%;
}
.campo-fila textarea { resize: vertical; min-height: 70px; }
.campo-fila .marca { flex-direction: row; align-items: center; gap: 6px; font-weight: 500; }

@media (max-width: 900px) {
    .campo-fila { grid-template-columns: 1fr; }
    .campo-fila__num, .campo-fila__botones { margin-top: 0; }
    .campo-fila__botones { flex-direction: row; }
    .campo-fila__opciones, .campo-fila__marcas { grid-column: 1; }
}

/* --- Estados de la bandeja ----------------------------------------------- */
.estado {
    display: inline-block; padding: 3px 10px; border-radius: 999px; font-size: 11px;
    font-weight: 700; letter-spacing: .02em;
}
.estado--nuevo       { background: #e7f0ff; color: #1B3A6B; }
.estado--en_proceso  { background: #FCEFD5; color: #8a5c00; }
.estado--atendido    { background: #e8f6ee; color: #14653a; }
.estado--descartado  { background: #f1f3f6; color: #6b7a90; }

.envio-detalle {
    background: #f7f9fc; border: 1px solid #e2e9f2; border-radius: 10px; padding: 12px 14px;
    font-size: 13px; display: grid; gap: 6px;
}
.envio-detalle dt { font-weight: 700; color: #16305F; font-size: 12px; }
.envio-detalle dd { margin: 0 0 8px; color: #46536b; }

/* --- Filtros de listado --------------------------------------------------- */
.filtros-admin {
    display: flex; gap: 8px; flex-wrap: wrap; align-items: center;
    background: #fff; border: 1px solid #e2e9f2; border-radius: 12px; padding: 12px 14px; margin-bottom: 16px;
}
.filtros-admin select, .filtros-admin input {
    font: inherit; font-size: 13px; padding: 8px 11px; border: 1px solid #d6dee8; border-radius: 8px;
}
.filtros-admin .pastilla {
    padding: 6px 12px; border-radius: 999px; background: #eef2f8; color: #46536b;
    font-size: 12px; font-weight: 700; text-decoration: none;
}
.filtros-admin .pastilla.activa { background: #16305F; color: #fff; }

/* --- Miniaturas en tablas ------------------------------------------------- */
.mini-img {
    width: 62px; height: 44px; object-fit: cover; border-radius: 7px; background: #eef2f8;
}
.mini-icono {
    width: 44px; height: 44px; border-radius: 12px; background: #FCEFD5;
    display: grid; place-items: center; font-size: 20px;
}

/* --- Editor de contenido -------------------------------------------------- */
.editor__lienzo { min-height: 380px; }
.editor__lienzo img { max-width: 100%; border-radius: 8px; }
.editor__lienzo blockquote {
    border-left: 4px solid #F0A81E; background: #FCEFD5; margin: 12px 0;
    padding: 10px 14px; border-radius: 0 8px 8px 0;
}

/* --- Pequeños ajustes ----------------------------------------------------- */
.rol--editor { background: #eef2f8; color: #46536b; }
.tabla td .inline { gap: 6px; }
.ayuda code {
    background: #eef2f8; padding: 2px 6px; border-radius: 5px; font-size: 12px; color: #16305F;
}
.fragmento {
    display: inline-block; background: #16305F; color: #fff; padding: 5px 11px; border-radius: 7px;
    font-size: 12px; font-family: ui-monospace, Consolas, monospace; cursor: pointer; user-select: none;
}
.fragmento:hover { background: #F0A81E; color: #16305F; }

.form-post__lateral { min-width: 0; }