/* The Livewire letters page (/letters, docs/livewire/TRAVEL-LETTERS-PLAN.md phase L2).
   Buttons, the tertiary link-button and "Still needed" come from travel.css. */

.linzi {
    max-width: 100px;
}

/* Today's tab look, kept (the two-page form's own inline styles). */
.letters-tabs .nav-link {
    border-radius: 0.375rem;
    margin: 0 5px;
    min-height: 44px;
}

.letters-tabs .nav-link.active {
    background-color: var(--bs-primary);
}

.letters-tabs .nav-link:focus-visible {
    outline: 2px solid var(--aik-orange-700, #c96b1a);
    outline-offset: 2px;
}

.letters-hint {
    color: var(--aik-grey-700, #4f4c4d);
    font-size: 0.875rem;
    margin-top: 4px;
}

.letters-trip {
    border: 0;
    margin: 0;
    min-width: 0;
    padding: 0;
}

.letters-trip__legend {
    float: none;
    font-size: 1rem;
    margin-bottom: 4px;
}

/* One country and its dates: the countries page's row, on the house grey border. */
.letters-leg {
    border: 1px solid var(--aik-grey-200, #dedddd);
    border-radius: 8px;
    margin-bottom: 16px;
    padding: 16px 16px 4px;
}

.letters-leg .travel-btn-tertiary {
    margin-bottom: 12px;
}

/* The 45-day inpatient notice: the AIK warning surface, black text on #FFF6E5 with a #8A5300 edge. */
.letters-notice {
    background: #fff6e5;
    border-left: 4px solid #8a5300;
    border-radius: 4px;
    color: var(--aik-black, #000);
    font-size: 0.9375rem;
    line-height: 1.5;
    padding: 12px 16px;
}

.letters-outcome:focus {
    outline: 2px solid var(--aik-orange-700, #c96b1a);
    outline-offset: 2px;
}