/* PRTY OS — Advancing & Guestlist release: js/screens/guestlist.js (desktop manager + the
   show-day mobile door view rendered inside js/screens/show-day.js's phone frame, .sd-phone /
   .sd-pad already sized for 375–390px by css/screens/show-day.css). */

/* ---------------------------------------------------------------- desktop manager */
.gl-add { display: flex; flex-direction: column; gap: 8px; }
.gl-dupe { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; background: var(--amber-bg, #fff7e6); border: 1px solid var(--amber, #d97706); border-radius: 8px; padding: 8px 12px; font-size: var(--fs-12); }
.gl-list { display: flex; flex-direction: column; }
.gl-row { display: grid; grid-template-columns: 1fr auto auto auto; align-items: center; gap: 12px; padding: 10px 16px; border-bottom: 1px solid var(--line-soft, #eee); }
.gl-row:last-child { border-bottom: none; }
.gl-row__name { font-weight: 600; }
.gl-row__meta { color: var(--text-3); font-size: var(--fs-13); }
.gl-row__added { white-space: nowrap; }

/* ---------------------------------------------------------------- show-day mobile door view */
.gl-mobile__search { width: 100%; margin-bottom: 10px; }
.gl-mobile__add { margin-bottom: 14px; }
.gl-mobile__list { display: flex; flex-direction: column; gap: 8px; }
.gl-mobile__row {
  display: flex; align-items: center; justify-content: space-between;
  width: 100%; min-height: 44px; padding: 10px 14px; border-radius: 10px;
  border: 1px solid var(--line-soft, #e5e5e5); background: var(--surface, #fff);
  font-size: 16px; text-align: left; cursor: pointer;
}
.gl-mobile__row.is-checked { background: var(--green-bg, #e9f9ee); border-color: var(--green, #16a34a); }
.gl-mobile__name { font-weight: 600; }
.gl-mobile__state { display: flex; align-items: center; color: var(--green, #16a34a); }

@media (max-width: 390px) {
  .gl-mobile__row { min-height: 48px; }
  .gl-add .row { flex-direction: column; align-items: stretch; }
}