/* The trip is a small workspace: one task at a time, no nested disclosures. */
#trip-drawer { width: min(880px, 100vw); max-width: 100vw; }
#trip-drawer .drawer-header { padding: 22px 28px 16px; }
#trip-drawer .drawer-header h2 { margin: 0; }
.planner-tabs { display: flex; gap: 8px; padding: 0 28px 18px; border-bottom: 1px solid var(--line); }
#trip-drawer .planner-tabs button { flex: 1; min-height: 44px; border: 1px solid var(--line); border-radius: 999px; padding: 10px 16px; background: var(--white); color: var(--ink); font: inherit; cursor: pointer; }
#trip-drawer .planner-tabs button[aria-selected="true"] { background: var(--olive-dark); border-color: var(--olive-dark); color: var(--white); }
#trip-drawer .planner-tabs button:hover { background: var(--cream); color: var(--ink); }
#trip-drawer .planner-tabs button[aria-selected="true"]:hover { background: var(--olive); color: var(--white); }
#trip-drawer button:focus-visible, #trip-drawer a:focus-visible { outline: 2px solid var(--olive); outline-offset: 3px; }
#trip-drawer .drawer-body { padding: 18px 28px 28px; }
.planner-quick-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; margin-bottom: 18px; }
.planner-quick-actions .trip-preference-button { width: auto; min-height: 44px; padding: 9px 14px; border-radius: 999px; }
.planner-quick-actions small { display: none; }
.planner-view > h3, #planning-choices h3 { margin: 0 0 16px; }
#planning-choices { padding: 0; border: 0; background: transparent; }
#planning-choices h3 small { display: block; margin-top: 6px; color: var(--muted); font-weight: normal; }
#planning-choices .preference-panel-actions { justify-content: flex-end; }
#stay-done { display: none; }
#trip-drawer .trip-climate-link { font-size: 14px; margin-top: 8px; }
.planner-base-row { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 18px 0; margin-top: 10px; border-top: 1px solid var(--line); }
.planner-base-row span { min-width: 0; overflow-wrap: anywhere; }
#trip-drawer button, #trip-drawer .button-secondary { border-radius: 999px; }
#trip-drawer .planner-create-row { display: flex; align-items: center; gap: 16px; margin-top: 12px; }
#trip-drawer .planner-primary { background: var(--olive-dark); color: var(--white); border: 1px solid var(--olive-dark); padding: 13px 24px; min-height: 48px; font-weight: 600; }
#trip-drawer .planner-primary:hover { background: var(--olive); }
#trip-drawer .planner-primary:disabled { opacity: .65; cursor: default; }
#planner-selection-summary, #planner-route-note { font-size: 14px; color: var(--muted); }
#planner-route-note { margin: 10px 0 24px; }
#trip-drawer .trip-schedule { padding: 0; border: 0; background: transparent; margin: 0; }
#trip-drawer .schedule-status { margin: 20px 0; padding: 0; background: transparent; }
#trip-drawer .itinerary-day { padding: 24px 0 8px; margin-top: 14px; border: 0; border-top: 1px solid var(--line); background: transparent; }
#trip-drawer .itinerary-day h4 { margin: 0 0 12px; }
#trip-drawer .itinerary-timeline { margin-top: 18px; }
#trip-drawer .itinerary-block { display: grid; grid-template-columns: 160px minmax(0, 1fr); gap: 16px; padding: 10px 0; margin: 0; border-bottom: 1px solid var(--line); }
#trip-drawer .itinerary-clock { white-space: nowrap; font-variant-numeric: tabular-nums; }
#trip-drawer .itinerary-block.journey, #trip-drawer .itinerary-block.free { font-size: 14px; color: var(--muted); }
.planner-result-actions { display: flex; flex-wrap: wrap; gap: 10px; margin: 24px 0; }
#planner-alternatives-open { margin-top: 12px; }
#trip-drawer .trip-item { padding: 16px 0; border: 0; border-bottom: 1px solid var(--line); background: transparent; }
#trip-drawer .trip-item-main > p { font-size: 14px; margin: 4px 0; }
#trip-drawer .visit-settings { margin-top: 12px; padding: 0; border: 0; }
#trip-drawer .visit-editor { padding-top: 16px; }
.visit-edit-button { min-height: 44px; padding: 8px 16px; }
#trip-drawer .trip-preference-panel { margin: 0 0 20px; padding: 0; border: 0; background: transparent; }
#trip-drawer .trip-preference-panel h4 { margin: 24px 0 10px; }
#trip-drawer .trip-accommodation { padding-top: 22px; margin-top: 22px; border-top: 1px solid var(--line); }
.planner-settings-links { display: flex; flex-wrap: wrap; gap: 10px; margin: 20px 0; }
#trip-drawer .planner-back { margin-top: 24px; }
#trip-drawer .drawer-footer { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 14px 28px; }
#trip-drawer .drawer-footer p { font-size: 14px; margin: 0; }
@media (max-width: 600px) {
  #trip-drawer .drawer-header { padding: 16px 16px 12px; }
  .planner-tabs { padding: 0 16px 14px; gap: 6px; }
  #trip-drawer .planner-tabs button { padding: 9px 10px; font-size: 14px; }
  #trip-drawer .drawer-body { padding: 14px 16px 24px; }
  .planner-quick-actions { justify-content: flex-start; margin-bottom: 16px; }
  .planner-base-row { align-items: flex-start; flex-direction: column; gap: 10px; }
  #trip-drawer .planner-create-row { align-items: flex-start; flex-direction: column; gap: 8px; }
  #trip-drawer .planner-primary { width: 100%; }
  #trip-drawer .itinerary-block { grid-template-columns: 1fr; gap: 3px; }
  #trip-drawer .drawer-footer { padding: 12px 16px; align-items: flex-start; }
  #trip-drawer .drawer-footer button { flex-shrink: 0; }
}
#trip-drawer [hidden] { display: none !important; }

.planner-dates-row {display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;}
#trip-drawer .planner-view-dates .trip-climate {margin-top:16px;}
#trip-drawer .planning-choices {border:0;background:transparent;padding:0;}
#trip-drawer .stay-date-picker {border:0;background:transparent;padding:0;}
#trip-drawer .planner-dates-row span {min-width:0;overflow-wrap:anywhere;}
@media(max-width:600px){.planner-dates-row{align-items:flex-start;flex-direction:column;gap:8px;}}

.planner-unplaced-row {padding:16px 0;border-bottom:1px solid var(--line);}
#trip-drawer .planner-unplaced-row p {margin:8px 0;}

#trip-drawer button {background:var(--white);color:var(--ink);border:1px solid var(--line);padding:10px 18px;min-height:44px;font:inherit;box-shadow:none;cursor:pointer;}
#trip-drawer button:hover {background:var(--cream);border-color:var(--olive);}
#trip-drawer .planner-primary {background:var(--olive-dark);color:var(--white);border-color:var(--olive-dark);font-weight:600;}
#trip-drawer .planner-primary:hover {background:var(--olive);color:var(--white);}
#trip-drawer .close-button {padding:10px;}