/* Guide UX v27: make the generated plan a readable, staged experience. */
.ai-guide__guide-nav[hidden] { display: none !important; }
.ai-guide__guide-nav {
    position: sticky;
    top: 12px;
    z-index: 20;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin: 18px 0 14px;
    padding: 10px;
    border: 1px solid #e2e9e5;
    border-radius: 17px;
    background: rgba(255,255,255,.94);
    box-shadow: 0 10px 28px rgba(24,42,39,.08);
    backdrop-filter: blur(14px);
}
.ai-guide__guide-nav-copy { min-width: 170px; padding: 3px 7px; }
.ai-guide__guide-nav-copy strong { display: block; color: #203747; font-size: 13px; }
.ai-guide__guide-nav-copy span { display: block; margin-top: 3px; color: #819096; font-size: 10px; line-height: 1.35; }
.ai-guide__guide-nav-tabs { display: flex; gap: 5px; min-width: 0; }
.ai-guide__guide-nav-tabs button {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 38px;
    padding: 0 12px;
    border: 1px solid transparent;
    border-radius: 11px;
    color: #647278;
    background: #f6f9f7;
    font: inherit;
    font-size: 11px;
    font-weight: 750;
    cursor: pointer;
    white-space: nowrap;
}
.ai-guide__guide-nav-tabs button span { color: #a1afb1; font-size: 9px; font-weight: 800; }
.ai-guide__guide-nav-tabs button:hover { border-color: #f0c1ad; color: #bd5838; background: #fff8f4; }
.ai-guide__guide-nav-tabs button.is-active { border-color: #ed7042; color: #fff; background: #ed7042; box-shadow: 0 5px 12px rgba(237,112,66,.2); }
.ai-guide__guide-nav-tabs button.is-active span { color: rgba(255,255,255,.78); }

.ai-guide[data-guide-view="overview"] [data-guide-discovery],
.ai-guide[data-guide-view="overview"] [data-guide-day-tabs],
.ai-guide[data-guide-view="overview"] [data-guide-day-content],
.ai-guide[data-guide-view="selection"] [data-guide-overview],
.ai-guide[data-guide-view="selection"] [data-guide-journey],
.ai-guide[data-guide-view="selection"] [data-guide-budget-summary],
.ai-guide[data-guide-view="selection"] [data-guide-day-tabs],
.ai-guide[data-guide-view="selection"] [data-guide-day-content],
.ai-guide[data-guide-view="route"] [data-guide-overview],
.ai-guide[data-guide-view="route"] [data-guide-discovery],
.ai-guide[data-guide-view="route"] [data-guide-journey],
.ai-guide[data-guide-view="route"] [data-guide-budget-summary],
.ai-guide[data-guide-view="budget"] [data-guide-overview],
.ai-guide[data-guide-view="budget"] [data-guide-discovery],
.ai-guide[data-guide-view="budget"] [data-guide-day-tabs],
.ai-guide[data-guide-view="budget"] [data-guide-day-content] { display: none !important; }

.ai-guide[data-guide-view="selection"] [data-guide-nav-status]::after { content: ' Выбор можно изменить в любой момент.'; }
.ai-guide[data-guide-view="route"] [data-guide-nav-status]::after { content: ' Время и порядок можно скорректировать.'; }
.ai-guide[data-guide-view="budget"] [data-guide-nav-status]::after { content: ' Все суммы — ориентиры, а не цены бронирования.'; }
.ai-guide[data-guide-view="overview"] [data-guide-nav-status]::after { content: ' Здесь собраны ключевые параметры поездки.'; }

.ai-guide__discovery { position: relative; }
.ai-guide__discovery-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 4px 0 10px; padding: 9px 10px; border: 1px solid #edf1ef; border-radius: 12px; background: #fbfdfb; }
.ai-guide__discovery-filters { display: flex; flex-wrap: wrap; gap: 5px; }
.ai-guide__discovery-filter { min-height: 27px; padding: 0 9px; border: 1px solid #e1e9e5; border-radius: 999px; color: #78888b; background: #fff; font: inherit; font-size: 10px; cursor: pointer; }
.ai-guide__discovery-filter.is-active { border-color: #ef9b78; color: #bb5837; background: #fff0e8; font-weight: 800; }
.ai-guide__discovery-count { flex: 0 0 auto; color: #6e7f82; font-size: 11px; white-space: nowrap; }
.ai-guide__discovery-count strong { color: #c15a37; }
.ai-guide__discovery-card[data-discovery-selectable="true"] { cursor: pointer; }
.ai-guide__discovery-card[data-discovery-selectable="true"]:hover { border-color: #ef9b78; transform: translateY(-1px); box-shadow: 0 7px 16px rgba(48,60,57,.08); }
.ai-guide__discovery-card.is-selected .ai-guide__discovery-photo { position: relative; }
.ai-guide__discovery-card.is-selected .ai-guide__discovery-photo::after { content: '✓ Выбрано'; position: absolute; right: 7px; bottom: 7px; padding: 4px 7px; border-radius: 999px; color: #fff; background: #2b7b5c; font-size: 9px; font-weight: 800; }
.ai-guide__discovery-card.is-hidden { display: none; }
.ai-guide__discovery-card[data-discovery-selectable="false"] .ai-guide__discovery-card-body { background: #fffaf7; }
.ai-guide__discovery-selection-bar { position: sticky; bottom: 14px; z-index: 10; display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 12px; padding: 10px 12px; border: 1px solid #f0c5b1; border-radius: 14px; background: rgba(255,250,247,.96); box-shadow: 0 10px 24px rgba(79,49,38,.12); backdrop-filter: blur(10px); }
.ai-guide__discovery-selection-bar span { color: #765c53; font-size: 11px; }
.ai-guide__discovery-selection-bar strong { color: #bf5835; }
.ai-guide__discovery-selection-bar button { min-height: 34px; padding: 0 12px; border: 0; border-radius: 9px; color: #fff; background: #ed7042; font: inherit; font-size: 11px; font-weight: 800; cursor: pointer; }
.ai-guide__discovery-selection-bar button[disabled] { opacity: .45; cursor: not-allowed; }

.ai-guide__budget-summary { scroll-margin-top: 90px; }
.ai-guide__budget-switch { display: inline-flex; gap: 3px; margin-left: auto; padding: 3px; border-radius: 999px; background: #f1f5f2; }
.ai-guide__budget-switch button { min-height: 25px; padding: 0 8px; border: 0; border-radius: 999px; color: #78878a; background: transparent; font: inherit; font-size: 10px; cursor: pointer; }
.ai-guide__budget-switch button.is-active { color: #fff; background: #39705b; }
.ai-guide__budget-breakdown { display: grid; gap: 8px; margin-top: 13px; padding-top: 12px; border-top: 1px solid #edf1ef; }
.ai-guide__budget-breakdown-row { display: grid; grid-template-columns: 105px minmax(0,1fr) auto; gap: 9px; align-items: center; color: #66777d; font-size: 10px; }
.ai-guide__budget-breakdown-row > div { height: 7px; overflow: hidden; border-radius: 99px; background: #edf2ef; }
.ai-guide__budget-breakdown-row i { display: block; height: 100%; border-radius: inherit; background: #ef8b64; }
.ai-guide__budget-breakdown-row:nth-child(2) i { background: #6aa68b; }
.ai-guide__budget-breakdown-row b { color: #324953; font-size: 10px; white-space: nowrap; }
.ai-guide__budget-summary[data-budget-mode="person"] [data-budget-group], .ai-guide__budget-summary[data-budget-mode="group"] [data-budget-person] { display: none; }

.ai-guide__day-tabs { scroll-margin-top: 88px; }
.ai-guide__day-content { scroll-margin-top: 88px; }
.ai-guide__day-heading { position: relative; }
.ai-guide__day-heading::before { content: 'ШАГ 3 · МАРШРУТ'; display: block; margin-bottom: 6px; color: #e56b42; font-size: 10px; font-weight: 850; letter-spacing: .12em; }
.ai-guide__day-heading h3 { max-width: 720px; }
.ai-guide__day-heading-actions { display: grid; justify-items: end; gap: 7px; }
.ai-guide__day-controls { display: inline-flex; gap: 3px; padding: 3px; border-radius: 999px; background: #f1f5f2; }
.ai-guide__day-controls button { min-height: 25px; padding: 0 8px; border: 0; border-radius: 999px; color: #78878a; background: transparent; font: inherit; font-size: 10px; cursor: pointer; }
.ai-guide__day-controls button.is-active { color: #fff; background: #39705b; }
.ai-guide__flexible-time { display: none !important; color: #39705b !important; font-weight: 800 !important; }
.ai-guide__day-content.is-flexible .ai-guide__timeline-time [data-exact-time] { display: none; }
.ai-guide__day-content.is-flexible .ai-guide__timeline-time .ai-guide__flexible-time { display: block !important; }
.ai-guide__segment summary strong { font-weight: 800; }

@media (max-width: 700px) {
    .ai-guide__guide-nav { top: 6px; display: block; margin: 10px 9px 12px; padding: 8px; }
    .ai-guide__guide-nav-copy { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; padding: 2px 4px 8px; }
    .ai-guide__guide-nav-copy strong { font-size: 12px; }
    .ai-guide__guide-nav-copy span { flex: 1; overflow: hidden; text-align: right; text-overflow: ellipsis; white-space: nowrap; }
    .ai-guide__guide-nav-tabs { overflow-x: auto; padding-bottom: 1px; }
    .ai-guide__guide-nav-tabs button { flex: 1 0 auto; min-height: 35px; padding: 0 10px; font-size: 10px; }
    .ai-guide__discovery-toolbar { align-items: flex-start; flex-direction: column; }
    .ai-guide__discovery-count { align-self: flex-end; }
    .ai-guide__discovery-selection-bar { bottom: 8px; margin-right: 0; margin-left: 0; }
    .ai-guide__discovery-selection-bar button { flex: 0 0 auto; }
    .ai-guide__budget-title { align-items: flex-start; flex-wrap: wrap; }
    .ai-guide__budget-switch { flex-basis: 100%; margin: 0 0 0 44px; }
    .ai-guide__budget-breakdown-row { grid-template-columns: 90px minmax(0,1fr) auto; }
    .ai-guide__day-heading-actions { justify-items: start; }
    .ai-guide__day-controls { margin-top: 2px; }
}
