/*
 * Budapest "Trip sheet" — Phase 0 (deterministic, zero-LLM). See trip-sheet.js.
 * Per-concern stylesheet (tokens.css / chat.css / flight-table.css pattern).
 * Renders inside the dark agent bubble (.message.agent .bubble), same as the
 * shortlist insight card.
 */

.trip-sheet-card {
    outline: none;
    overflow-x: auto;
}

.trip-sheet-header {
    display: flex;
    align-items: baseline;
    gap: 10px;
    margin: 0 0 10px;
    flex-wrap: wrap;
}

.trip-sheet-title {
    font-size: 0.95rem;
    font-weight: 600;
    color: var(--aw-ink);
}

/* Freshness label — factual/dated, not styled as an alarm or a badge of
   authority; a small muted note next to the title. */
.trip-sheet-freshness {
    font-family: var(--aw-font-mono);
    font-size: 0.68rem;
    color: var(--aw-muted);
}

.trip-sheet-table {
    border-collapse: collapse;
    font-size: 0.82rem;
    width: 100%;
    min-width: 640px;
    margin-bottom: 14px;
}

.trip-sheet-table th,
.trip-sheet-table td {
    border: 1px solid var(--aw-hairline);
    padding: 6px 10px;
    text-align: left;
    vertical-align: top;
}

.trip-sheet-table thead th {
    background: var(--aw-surface);
    color: var(--aw-ink-dim);
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.trip-sheet-row-stopover td,
.trip-sheet-row-conference td {
    color: var(--aw-muted);
    font-style: italic;
}

.trip-sheet-chip {
    display: inline-block;
    padding: 1px 8px;
    border-radius: 999px;
    font-family: var(--aw-font-mono);
    font-size: 0.62rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    border: 1px solid currentColor;
}

.trip-sheet-chip-hunted {
    color: var(--aw-accent);
    background: color-mix(in srgb, var(--aw-accent) 14%, transparent);
}

.trip-sheet-chip-fixed {
    color: var(--aw-brand);
    background: color-mix(in srgb, var(--aw-brand) 14%, transparent);
}

.trip-sheet-chip-unhunted {
    color: var(--aw-muted);
    background: color-mix(in srgb, var(--aw-muted) 14%, transparent);
}

.trip-sheet-chip-recommended {
    margin-left: 6px;
    color: var(--aw-good);
    background: var(--aw-good-dim);
}

/* Tension panel — the FRA-vs-VIE hub choice. Both option cards below share
   ONE selector (.trip-sheet-tension-option) with no modifier — this is the
   render-layer half of "never auto-resolve": there is no class a future
   change could add to make one card look like the winner without editing
   this file directly. */
.trip-sheet-tension {
    margin: 8px 0 14px;
    padding: 10px 12px;
    border: 1px solid var(--aw-hairline-strong);
    border-radius: 8px;
    background: var(--aw-surface);
}

.trip-sheet-tension-heading {
    font-size: 0.78rem;
    color: var(--aw-ink-dim);
    margin-bottom: 8px;
}

.trip-sheet-tension-row {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.trip-sheet-tension-option {
    flex: 1 1 220px;
    padding: 8px 10px;
    border: 1px solid var(--aw-hairline);
    border-radius: 6px;
    background: var(--aw-elevated);
}

.trip-sheet-tension-option-title {
    font-weight: 600;
    color: var(--aw-ink);
    margin-bottom: 4px;
}

.trip-sheet-tension-option-why {
    font-size: 0.78rem;
    color: var(--aw-ink-dim);
    margin-bottom: 6px;
}

.trip-sheet-tension-option-numbers {
    font-family: var(--aw-font-mono);
    font-size: 0.72rem;
    color: var(--aw-muted);
}

.trip-sheet-totals {
    font-size: 0.82rem;
    color: var(--aw-ink-dim);
    margin-bottom: 8px;
}

.trip-sheet-totals-row {
    margin-bottom: 2px;
}

.trip-sheet-advisory {
    font-size: 0.76rem;
    color: var(--aw-muted);
    padding-top: 6px;
    border-top: 1px dashed var(--aw-hairline);
}