/* =========================================================
   ENCAEX -- Modulo de Pre-Alertas (Internacional)
   Extiende el sistema de diseno de assets/css/style.css y assets/css/rastreo.css
   ========================================================= */

/* ---- Mensajes de aviso del sistema ---- */
.ex-alerta-msg {
    display: block;
    font-weight: 700;
    font-size: 13px;
    margin: 0 0 12px;
    color: var(--ex-wine);
}
.ex-alerta-msg-ok { color: var(--ex-success); }

/* ---- Encabezados de tarjeta reutilizados en las secciones de Pre-Alertas ---- */
.ex-card-head {
    font-size: 15px;
    font-weight: 800;
    color: var(--ex-navy);
    text-transform: uppercase;
    letter-spacing: .03em;
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 18px;
}

/* ---- Select dentro de las tarjetas de datos (ciudad / sucursal) ---- */
.ex-tile-select {
    width: 100%;
    margin-top: 2px;
    padding: 9px 10px;
    border-radius: 8px;
    border: 1.5px solid var(--ex-border);
    font-family: inherit;
    font-size: 13px;
    font-weight: 700;
    color: var(--ex-navy);
    background: #fff;
}
.ex-tile-select:focus {
    outline: none;
    border-color: var(--ex-primary);
    box-shadow: 0 0 0 3px var(--ex-primary-light);
}
.ex-tile-hint {
    display: block;
    margin-top: 6px;
    font-size: 11px;
    font-weight: 700;
    color: var(--ex-wine);
}

/* ---- Botones de imagen (Agregar en navy / Borrar en vinotinto) ---- */
.ex-imgbtn {
    height: 46px !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    border-radius: 999px !important;
    cursor: pointer;
    vertical-align: middle;
    transition: transform .15s, box-shadow .15s, filter .15s;
}
.ex-imgbtn:hover { transform: translateY(-2px); filter: brightness(1.06); box-shadow: var(--ex-shadow-lg); }

/* ---- Lista de trackings ingresados ---- */
.ex-tracking-list-wrap {
    background: var(--ex-primary-soft);
    border: 1px solid var(--ex-border);
    border-radius: var(--ex-radius-sm);
    padding: 18px 20px;
    margin-top: 18px;
}
.ex-tracking-list-label {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .05em;
    text-transform: uppercase;
    color: var(--ex-gray-light);
    margin-bottom: 10px;
}
select.ex-listbox {
    width: 100%;
    border: 1.5px solid var(--ex-border);
    border-radius: 10px;
    padding: 10px;
    font-family: inherit;
    font-size: 13px;
    color: var(--ex-navy);
    background: #fff;
}
select.ex-listbox:focus { outline: none; border-color: var(--ex-primary); }

/* ---- Notas / advertencias (en vinotinto, nueva paleta) ---- */
.ex-tracking-notas {
    background: var(--ex-wine-light);
    border: 1px solid rgba(122,23,48,0.18);
    color: var(--ex-wine-dark);
    padding: 14px 16px;
    border-radius: 10px;
    font-size: 12px;
    margin: 14px 0 0;
    list-style: none;
}
.ex-tracking-notas li { margin-bottom: 4px; }
.ex-tracking-notas li:last-child { margin-bottom: 0; }

@media (max-width: 560px) {
    .ex-imgbtn { width: 100% !important; }
}