/* ============================================================================
   KOSIS — assets/css/kosis-audit-rebaseline.css
   ----------------------------------------------------------------------------
   v1.0 · Session 22 ("Tier 0")

   The deliberate, manager-only "re-baseline" control that appears INSIDE the
   audit-log integrity banner — but only when the SHA-256 hash chain is broken
   (red state). It reseals the chain after a known, intentional DB change and is
   itself recorded as a permanent audit entry.

   Scoped entirely under the red banner (.ks-audit-integrity.is-warn) and the
   .ks-audit-rebaseline* classes, so it can never affect the green state or any
   other page. Loaded last in head-dashboard.php so it inherits brand tokens.
   ========================================================================= */

/* The explanatory line: reassures the officer the red state is correct, not a
   bug, before offering the reseal. Sits under the reason text. */
.ks-audit-rebaseline__hint {
    display: block;
    margin-top: var(--ks-space-xs, 6px);
    font-size: 0.82rem;
    line-height: 1.5;
    opacity: 0.9;
}

/* Collapsed <details> control — keeps the destructive-ish action tucked away. */
.ks-audit-rebaseline {
    margin-top: var(--ks-space-sm, 10px);
}

.ks-audit-rebaseline__toggle {
    cursor: pointer;
    display: inline-block;
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--ks-navy, #1F2952);
    text-decoration: underline;
    user-select: none;
}
.ks-audit-rebaseline__toggle:hover { opacity: 0.8; }

/* The reveal form. */
.ks-audit-rebaseline__form {
    margin-top: var(--ks-space-sm, 10px);
    padding: var(--ks-space-sm, 10px) var(--ks-space-md, 14px);
    background: rgba(255, 255, 255, 0.55);
    border: 1px solid rgba(0, 0, 0, 0.12);
    border-radius: 8px;
    max-width: 420px;
}

.ks-audit-rebaseline__label {
    display: block;
    font-size: 0.82rem;
    margin-bottom: 6px;
}

.ks-audit-rebaseline__row {
    display: flex;
    gap: 8px;
    align-items: center;
}

.ks-audit-rebaseline__input {
    flex: 1;
    min-width: 0;
    padding: 8px 10px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    font: inherit;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}
.ks-audit-rebaseline__input:focus {
    outline: 2px solid var(--ks-gold, #D4A955);
    outline-offset: 1px;
}

@media (max-width: 520px) {
    .ks-audit-rebaseline__row { flex-direction: column; align-items: stretch; }
}