/* =====================================================================
   ADR · Ajustes propios sobre theme.css + intranet.css (heredados de AUDIT).
   Solo lo que no cubren aquellos. Nada de colores a pelo: variables.
   ===================================================================== */

/* --- Tarjetas de sección --------------------------------------------- */
.adr-card {
    background: var(--surface);
    border: 1px solid var(--border);
    clip-path: var(--clip-card);
    padding: 22px 24px;
    height: 100%;
    display: block;
    text-decoration: none;
    color: var(--text);
    transition: border-color .15s, box-shadow .15s, transform .15s;
}
.adr-card:hover {
    border-color: var(--accent);
    box-shadow: var(--glow-accent);
    color: var(--text);
    transform: translateY(-2px);
}
.adr-card .adr-card-ico { font-size: 26px; line-height: 1; margin-bottom: 12px; display: block; }
.adr-card .adr-card-tit {
    font-size: 13px; font-weight: 700; text-transform: uppercase;
    letter-spacing: var(--tracking-wide); margin: 0 0 6px;
}
.adr-card .adr-card-txt { font-size: 12px; color: var(--text-muted); margin: 0; line-height: 1.5; }
.adr-card .adr-card-num { font-size: 30px; font-weight: 700; line-height: 1; color: var(--accent); }

/* --- Cabecera de página ---------------------------------------------- */
.adr-head {
    display: flex; align-items: center; justify-content: space-between;
    gap: 16px; flex-wrap: wrap; margin-bottom: 22px;
}
.adr-head h1 {
    font-size: 19px; font-weight: 700; margin: 0;
    text-transform: uppercase; letter-spacing: var(--tracking-wide);
}
.adr-head .adr-sub { font-size: 12px; color: var(--text-muted); margin: 4px 0 0; }

/* --- Migas ------------------------------------------------------------ */
.adr-migas { font-size: 12px; color: var(--text-muted); margin-bottom: 14px; }
.adr-migas a { color: var(--text-muted); text-decoration: none; }
.adr-migas a:hover { color: var(--accent); }
.adr-migas .sep { opacity: .5; margin: 0 6px; }

/* --- Formularios ------------------------------------------------------ */
.form-label {
    font-size: 11px; font-weight: 600; color: var(--text-muted);
    margin-bottom: 6px; text-transform: uppercase; letter-spacing: var(--tracking-wide);
}
.form-control, .form-select {
    background: var(--bg); border: 1px solid var(--border);
    color: var(--text); border-radius: 0; padding: 9px 12px; font-size: 14px;
}
.form-control:focus, .form-select:focus {
    background: var(--bg); border-color: var(--accent); color: var(--text);
    box-shadow: 0 0 0 2px var(--accent-soft); outline: none;
}
.form-control::placeholder { color: var(--text-muted); opacity: .6; }

/* --- Botones ---------------------------------------------------------- */
.btn-adr {
    background: var(--accent); color: var(--btn-on-accent); border: none;
    padding: 9px 20px; clip-path: var(--clip-button);
    font-weight: 600; font-size: 12px; text-transform: uppercase;
    letter-spacing: var(--tracking-wide);
    transition: background .15s, box-shadow .15s;
}
.btn-adr:hover { background: var(--accent-strong); color: var(--btn-on-accent); box-shadow: var(--glow-accent); }
.btn-adr-ghost {
    background: transparent; color: var(--text-muted);
    border: 1px solid var(--border); padding: 9px 20px;
    font-weight: 600; font-size: 12px; text-transform: uppercase;
    letter-spacing: var(--tracking-wide);
}
.btn-adr-ghost:hover { border-color: var(--accent); color: var(--accent); }

/* --- Tablas ----------------------------------------------------------- */
table.tabla { width: 100%; font-size: 13px; }
table.tabla thead th {
    font-size: 11px; text-transform: uppercase; letter-spacing: var(--tracking-wide);
    color: var(--text-muted); font-weight: 600;
    border-bottom: 1px solid var(--border); padding: 10px 12px; white-space: nowrap;
}
table.tabla tbody td { padding: 10px 12px; border-bottom: 1px solid var(--border); vertical-align: middle; }
table.tabla tbody tr:hover { background: var(--surface); }
table.tabla tbody tr.clicable { cursor: pointer; }

/* --- Estados ---------------------------------------------------------- */
.adr-estado { font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: .5px; }
.adr-estado::before {
    content: ''; display: inline-block; width: 7px; height: 7px;
    border-radius: 50%; margin-right: 6px; vertical-align: middle;
    background: currentColor;
}
.es-ok       { color: var(--state-ok, #3fb950); }
.es-aviso    { color: var(--state-warn, #d29922); }
.es-mal      { color: var(--state-danger, #f85149); }
.es-neutro   { color: var(--text-muted); }

/* --- Etiquetas de actividad ADR --------------------------------------- */
.adr-act {
    display: inline-block; font-size: 10px; text-transform: uppercase;
    letter-spacing: .5px; padding: 2px 8px; margin: 0 4px 4px 0;
    border: 1px solid var(--border); color: var(--text-muted);
}

/* --- Vacío ------------------------------------------------------------ */
.adr-vacio { text-align: center; padding: 46px 20px; color: var(--text-muted); }
.adr-vacio .ico { font-size: 34px; display: block; margin-bottom: 12px; opacity: .5; }
.adr-vacio p { font-size: 13px; margin: 0 0 18px; }

/* --- Avisos ----------------------------------------------------------- */
.alert { border-radius: 0; font-size: 13px; padding: 12px 16px; }
.alert-success {
    background: var(--state-ok-bg, rgba(46,160,67,.12));
    border: 1px solid var(--state-ok-border, rgba(46,160,67,.4));
    color: var(--state-ok, #3fb950);
}
.alert-danger {
    background: var(--state-danger-bg, rgba(248,81,73,.12));
    border: 1px solid var(--state-danger-border, rgba(248,81,73,.4));
    color: var(--state-danger, #f85149);
}