/* PRTY OS — Advancing & Guestlist release: structured Flights/Hotels/Ground Transport panels
   (js/screens/advancing-logistics.js). Reuses .aa-cost / .aa-costs__grid / .panel__note from
   css/screens/artist-advance.css for the per-row field grid; this file only adds what's new. */
.al-page { display: flex; flex-direction: column; }
.field--wide { grid-column: 1 / -1; }
.panel__note { background: var(--bg-2, #f4f4f5); border-radius: 8px; padding: 8px 12px; margin-top: 10px; }


.al-section { padding: var(--s-4); }
.al-section__actions { display: flex; justify-content: flex-end; flex-wrap: wrap; margin-bottom: var(--s-3); }
.al-savebar { display: flex; align-items: center; justify-content: space-between; gap: var(--s-3); padding: var(--s-3) 0; margin-bottom: var(--s-3); }
.al-not-required { padding: var(--s-2) 0; color: var(--text-3); font-size: var(--fs-12); }
.al-not-required > summary { cursor: pointer; min-height: 44px; display: flex; align-items: center; }
.awc--artist-link { display: block; color: inherit; text-decoration: none; min-height: 72px; }
.awc--artist-link:hover { background: var(--hover); }
.awc--artist-link:focus-visible { outline: 2px solid var(--focus); outline-offset: 2px; }
@media (max-width: 600px) {
  .al-page .aa-costs__grid { grid-template-columns: minmax(0, 1fr); }
  .al-page .input, .al-page .select { width: 100%; min-width: 0; min-height: 44px; font-size: 16px; }
  .al-page .btn { min-height: 44px; }
  .al-savebar { flex-wrap: wrap; }
  .al-savebar > .btn { width: 100%; justify-content: center; }
  .al-not-required .row { flex-wrap: wrap; }
  .al-not-required input { flex-basis: 100%; }
}

.al-page .aa-cost { display: block; }
.al-page .aa-costs__grid { padding: 0; }
.al-page .aa-costs__grid > .field { min-width: 0; }

.al-full-advance { display: flex; flex-direction: column; gap: var(--s-4); margin-top: var(--s-4); }
.al-full-advance .aa-fact { white-space: normal; border: 0; padding: 0; }
.al-full-advance .aa-costs { margin-top: var(--s-4); }