/* ConfirmaQui — Painel v6.1 */
:root {
  --panel-bg:#f4f7fb;
  --panel-card:#fff;
  --panel-line:#e4eaf1;
  --panel-ink:#0f172a;
  --panel-muted:#687589;
  --panel-brand:#2164f3;
  --panel-brand-dark:#1748b8;
  --panel-green:#168653;
  --panel-red:#c53b4c;
  --panel-amber:#b7791f;
  --panel-shadow:0 24px 70px rgba(15,23,42,.09);
  --panel-shadow-soft:0 12px 36px rgba(15,23,42,.065);
}

.panel-body { min-height:100vh; background:linear-gradient(180deg,#fff 0,#f7f9fc 32rem,var(--panel-bg) 100%); }
.panel-header { position:sticky; top:0; z-index:50; padding:13px 0; border-bottom:1px solid rgba(226,232,240,.8); background:rgba(255,255,255,.88); backdrop-filter:blur(18px); }
.panel-nav { display:flex; align-items:center; justify-content:space-between; gap:20px; }
.panel-brand { display:flex; align-items:center; gap:11px; min-width:0; }
.panel-brand img { width:46px; height:46px; object-fit:contain; border-radius:12px; }
.panel-brand span { display:grid; gap:1px; }
.panel-brand strong { color:var(--panel-ink); font-size:17px; letter-spacing:-.04em; }
.panel-brand small { color:var(--panel-muted); font-size:9px; font-weight:800; text-transform:uppercase; letter-spacing:.08em; }
.panel-nav-actions { display:flex; align-items:center; gap:7px; }
.panel-nav-link { min-height:40px; padding:0 13px; display:inline-flex; align-items:center; justify-content:center; border:0; border-radius:12px; background:transparent; color:#536176; font:800 12px/1 Inter,sans-serif; cursor:pointer; }
.panel-nav-link:hover { background:#f4f7fb; color:var(--panel-ink); }
.panel-new-event { min-height:42px; padding:0 16px; border-radius:13px; box-shadow:0 12px 25px rgba(33,100,243,.2); }
.panel-new-event span,.btn-hero span { font-size:18px; font-weight:500; }

.panel-page { position:relative; padding:34px 0 70px; overflow:hidden; }
.panel-container { position:relative; z-index:2; }
.panel-bg-orb { position:fixed; z-index:0; pointer-events:none; border-radius:50%; filter:blur(60px); opacity:.38; }
.panel-bg-orb-1 { width:330px; height:330px; left:-160px; top:180px; background:rgba(46,113,255,.18); }
.panel-bg-orb-2 { width:360px; height:360px; right:-180px; bottom:50px; background:rgba(15,163,105,.13); }

.panel-hero { min-height:250px; padding:34px 36px; display:flex; align-items:flex-end; justify-content:space-between; gap:28px; border:1px solid var(--panel-line); border-radius:32px; background:radial-gradient(circle at 86% 0,rgba(33,100,243,.13),transparent 26rem),radial-gradient(circle at 7% 100%,rgba(40,181,124,.08),transparent 22rem),#fff; box-shadow:var(--panel-shadow-soft); }
.panel-hero-copy { max-width:690px; }
.panel-eyebrow,.panel-list-kicker { display:block; margin-bottom:12px; color:var(--panel-brand); font-size:10px; font-weight:900; letter-spacing:.15em; }
.panel-hero h1 { margin:0; color:var(--panel-ink); font-size:clamp(42px,5vw,68px); line-height:.92; letter-spacing:-.07em; }
.panel-hero h1 em { color:var(--panel-brand); font-style:normal; }
.panel-hero p { margin:17px 0 0; max-width:640px; font-size:15px; line-height:1.55; }
.btn-hero { min-height:50px; padding:0 20px; border-radius:15px; white-space:nowrap; }

.panel-overview { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin:16px 0 30px; }
.overview-card { position:relative; overflow:hidden; padding:18px 20px; border:1px solid var(--panel-line); border-radius:20px; background:rgba(255,255,255,.9); box-shadow:0 8px 25px rgba(15,23,42,.045); }
.overview-card::after { content:""; position:absolute; right:-26px; top:-28px; width:78px; height:78px; border-radius:50%; background:rgba(33,100,243,.06); }
.overview-card span { display:block; color:var(--panel-muted); font-size:10px; font-weight:900; text-transform:uppercase; letter-spacing:.08em; }
.overview-card strong { display:block; margin-top:7px; color:var(--panel-ink); font-size:32px; line-height:1; letter-spacing:-.05em; }
.overview-card small { display:block; margin-top:7px; color:#8a96a7; font-size:10px; font-weight:700; }

.panel-events-section { margin-top:4px; }
.panel-list-head { display:flex; align-items:flex-end; justify-content:space-between; gap:20px; margin-bottom:14px; padding:0 3px; }
.panel-list-kicker { margin-bottom:5px; }
.panel-list-title { display:flex; align-items:baseline; gap:10px; }
.panel-list-title h2 { margin:0; font-size:29px; line-height:1; letter-spacing:-.045em; }
.panel-list-title span { color:var(--panel-muted); font-size:11px; font-weight:800; }
.panel-filters { display:flex; align-items:center; gap:8px; }
.panel-search { width:min(290px,36vw); min-height:42px; padding:0 12px; display:flex; align-items:center; gap:8px; border:1px solid var(--panel-line); border-radius:13px; background:#fff; color:#8793a3; }
.panel-search input { min-width:0; height:40px; padding:0; border:0; border-radius:0; box-shadow:none!important; background:transparent; font-size:12px; }
.panel-filters select { min-height:42px; width:auto; padding:0 34px 0 12px; border-radius:13px; border-color:var(--panel-line); font-size:11px; font-weight:800; color:#536176; }
.panel-list { display:grid; gap:15px; }

.panel-card { border:1px solid var(--panel-line); border-radius:26px; background:#fff; box-shadow:var(--panel-shadow-soft); }
.empty-state { padding:42px 24px; text-align:center; }
.compact-empty { padding:34px 24px; }
.empty-state h1,.empty-state h2 { margin:12px 0 7px; letter-spacing:-.04em; }
.empty-state p { margin:0 auto 16px; max-width:470px; }
.empty-icon { width:52px; height:52px; margin:auto; display:grid; place-items:center; border-radius:16px; background:#eef4ff; color:var(--panel-brand); font-size:23px; font-weight:900; }

.event-panel-card { display:grid; grid-template-columns:190px minmax(0,1fr); gap:0; overflow:hidden; border:1px solid var(--panel-line); border-radius:27px; background:#fff; box-shadow:var(--panel-shadow-soft); transition:transform .18s ease,box-shadow .18s ease; }
.event-panel-card:hover { transform:translateY(-2px); box-shadow:var(--panel-shadow); }
.event-panel-cover { position:relative; min-height:330px; overflow:hidden; background:linear-gradient(145deg,#edf2f7,#dde5ef); }
.event-panel-cover img { width:100%; height:100%; display:block; object-fit:cover; object-position:center; }
.event-panel-cover::after { content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(180deg,rgba(15,23,42,.02),rgba(15,23,42,.35)); }
.cover-placeholder { margin:auto; color:#8491a3; font-size:11px; font-weight:900; }
.cover-status,.cover-layout { position:absolute; z-index:2; left:12px; border-radius:999px; backdrop-filter:blur(10px); font-size:9px; font-weight:900; }
.cover-status { top:12px; padding:7px 10px; color:#fff; background:rgba(15,23,42,.6); }
.cover-status.ok { background:rgba(16,111,68,.88); }
.cover-layout { bottom:12px; padding:6px 9px; color:#fff; background:rgba(15,23,42,.58); }

.event-panel-content { min-width:0; padding:22px; }
.event-card-top { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:18px; align-items:start; }
.event-card-title-area { min-width:0; }
.event-tags { display:flex; flex-wrap:wrap; gap:6px; margin-bottom:11px; }
.event-tags span { padding:5px 8px; border:1px solid #e6ebf1; border-radius:999px; background:#f8fafc; color:#667386; font-size:9px; font-weight:850; }
.event-card-title-area h2 { margin:0; color:var(--panel-ink); font-size:clamp(23px,2.5vw,31px); line-height:1.05; letter-spacing:-.05em; }
.event-date-line { margin:8px 0 0; color:#637186; font-size:11px; font-weight:700; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.event-date-line span { padding:0 4px; color:#a1abba; }
.event-public-link { max-width:650px; margin-top:10px; display:flex; align-items:center; gap:7px; color:var(--panel-brand); font-size:10px; font-weight:800; }
.event-public-link span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.event-public-link b { flex:none; }
.event-public-link.is-locked { color:#8b96a5; pointer-events:none; }
.event-primary-actions { display:flex; gap:7px; }
.event-primary-actions .btn { min-height:41px; padding:0 14px; border-radius:12px; white-space:nowrap; font-size:11px; }
.panel-action-main { box-shadow:0 10px 23px rgba(33,100,243,.18); }

.event-status-strip { margin-top:16px; padding:10px 12px; display:flex; align-items:center; gap:10px; border:1px solid #e8edf3; border-radius:13px; background:#f9fbfd; }
.event-status-dot { width:8px; height:8px; flex:none; border-radius:50%; background:#d49a35; box-shadow:0 0 0 4px rgba(212,154,53,.12); }
.event-status-strip.is-ok .event-status-dot { background:#2a9a67; box-shadow:0 0 0 4px rgba(42,154,103,.12); }
.event-status-strip > div { min-width:0; display:grid; gap:1px; }
.event-status-strip strong { color:#334155; font-size:10px; }
.event-status-strip small { color:#7a8798; font-size:9px; }
.event-status-strip > a { margin-left:auto; color:var(--panel-brand); font-size:9px; font-weight:900; white-space:nowrap; }

.stats { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; margin-top:13px; }
.stat { padding:12px 13px; border:1px solid #edf1f5; border-radius:14px; background:#fbfcfe; }
.stat span { display:block; color:#7c899a; font-size:9px; font-weight:850; }
.stat strong { display:block; margin-top:5px; color:var(--panel-ink); font-size:22px; line-height:1; letter-spacing:-.04em; }

.event-secondary-actions { display:flex; flex-wrap:wrap; gap:5px; margin-top:13px; padding-top:12px; border-top:1px solid #eef2f6; }
.event-secondary-actions a,.event-secondary-actions button { min-height:32px; padding:0 9px; display:inline-flex; align-items:center; gap:5px; border:0; border-radius:9px; background:#f7f9fc; color:#536176; font:800 9px/1 Inter,sans-serif; cursor:pointer; }
.event-secondary-actions a:hover,.event-secondary-actions button:hover { background:#eef3f8; color:#1f2c3d; }
.event-secondary-actions span { color:#7d8a9a; font-size:11px; }
.event-secondary-actions .is-danger { margin-left:auto; background:#fff5f6; color:#b63a4a; }
.event-secondary-actions .is-danger span { color:#c74d5c; }

.guest-details { margin-top:13px; border:1px solid #e8edf3; border-radius:14px; overflow:hidden; background:#fff; }
.guest-details summary { min-height:43px; padding:0 13px; display:flex; align-items:center; gap:9px; cursor:pointer; list-style:none; }
.guest-details summary::-webkit-details-marker { display:none; }
.guest-details summary span { color:#364457; font-size:10px; font-weight:900; }
.guest-details summary b { margin-left:auto; color:#8793a3; font-size:9px; }
.guest-details summary i { color:#8793a3; font-style:normal; transition:transform .16s ease; }
.guest-details[open] summary i { transform:rotate(180deg); }
.table-wrap { overflow-x:auto; border-top:1px solid #edf1f5; }
.table-loading,.table-error { padding:20px; color:#7a8798; font-size:10px; font-weight:700; }
table { width:100%; min-width:700px; border-collapse:collapse; }
th,td { padding:11px 12px; border-bottom:1px solid #eef2f6; text-align:left; font-size:10px; }
th { background:#f8fafc; color:#758295; font-size:8px; font-weight:900; text-transform:uppercase; letter-spacing:.06em; }
td { color:#536176; }
tbody tr:last-child td { border-bottom:0; }
.table-empty { text-align:center; padding:22px; color:#8793a3; }
.guest-status { display:inline-flex; padding:5px 7px; border-radius:999px; font-size:8px; font-weight:900; }
.guest-status.is-confirmed { background:#e9f8f0; color:#19704a; }
.guest-status.is-declined { background:#fff0f1; color:#a73c49; }

.panel-dialog { width:min(470px,calc(100% - 24px)); padding:0; border:0; border-radius:25px; background:transparent; overflow:visible; }
.panel-dialog::backdrop { background:rgba(15,23,42,.58); backdrop-filter:blur(8px); }
.panel-dialog-card { position:relative; padding:27px; border:1px solid rgba(255,255,255,.8); border-radius:25px; background:#fff; box-shadow:0 35px 90px rgba(15,23,42,.3); }
.panel-dialog-close { position:absolute; right:15px; top:15px; width:34px; height:34px; display:grid; place-items:center; border:1px solid #e6ebf1; border-radius:50%; background:#fff; color:#768396; font-size:21px; cursor:pointer; }
.panel-dialog-icon { width:48px; height:48px; margin-bottom:15px; display:grid; place-items:center; border-radius:15px; background:#fff0f1; color:#bd4150; font-size:20px; font-weight:900; }
.panel-dialog-eyebrow { color:#b63a4a; font-size:9px; font-weight:900; letter-spacing:.13em; }
.panel-dialog h2 { margin:6px 0 9px; font-size:28px; line-height:1; letter-spacing:-.05em; }
.panel-dialog p { margin:0; color:#657287; font-size:12px; line-height:1.55; }
.panel-dialog-warning { margin-top:15px; padding:10px 12px; border-radius:11px; background:#fff6f6; color:#a43c49; font-size:10px; font-weight:800; }
.panel-dialog-actions { display:flex; justify-content:flex-end; gap:8px; margin-top:20px; }
.panel-dialog-actions .btn { min-height:42px; padding:0 15px; border-radius:12px; font-size:11px; }
.panel-btn-danger { border:0; background:#c53b4c; color:#fff; box-shadow:0 10px 22px rgba(197,59,76,.2); }
.panel-btn-danger:disabled { opacity:.65; cursor:wait; }

@media (max-width:980px) {
  .panel-overview { grid-template-columns:repeat(2,1fr); }
  .event-panel-card { grid-template-columns:155px minmax(0,1fr); }
  .event-card-top { grid-template-columns:1fr; }
  .event-primary-actions { justify-content:flex-start; }
}

@media (max-width:760px) {
  .panel-header { padding:9px 0; }
  .panel-brand img { width:39px; height:39px; }
  .panel-brand small { display:none; }
  .panel-nav-actions { gap:3px; }
  .panel-nav-link { padding:0 8px; font-size:10px; }
  .panel-new-event { width:42px; min-width:42px; padding:0; border-radius:12px; font-size:0; }
  .panel-new-event span { font-size:20px; }
  .panel-page { padding:18px 0 54px; }
  .panel-hero { min-height:0; padding:25px 22px; display:block; border-radius:24px; }
  .panel-hero h1 { font-size:clamp(38px,12vw,53px); }
  .panel-hero p { margin-top:13px; font-size:13px; }
  .btn-hero { width:100%; margin-top:20px; }
  .panel-overview { margin:11px 0 25px; gap:8px; }
  .overview-card { padding:14px 15px; border-radius:16px; }
  .overview-card strong { font-size:27px; }
  .panel-list-head { align-items:stretch; display:grid; gap:11px; }
  .panel-filters { width:100%; }
  .panel-search { width:auto; flex:1; }
  .panel-filters select { max-width:42%; }
  .event-panel-card { grid-template-columns:1fr; border-radius:22px; }
  .event-panel-cover { min-height:190px; max-height:230px; }
  .event-panel-cover img { object-position:center 32%; }
  .event-panel-content { padding:16px; }
  .event-primary-actions { display:grid; grid-template-columns:1fr 1fr; }
  .event-primary-actions .btn { width:100%; }
  .stats { grid-template-columns:repeat(4,1fr); }
  .stat { padding:10px 8px; text-align:center; }
  .stat span { font-size:8px; }
  .stat strong { font-size:20px; }
  .event-secondary-actions { display:grid; grid-template-columns:repeat(2,1fr); }
  .event-secondary-actions a,.event-secondary-actions button { justify-content:center; }
  .event-secondary-actions .is-danger { margin-left:0; }
}

@media (max-width:480px) {
  .panel-brand strong { font-size:15px; }
  .panel-nav-link:first-child { display:none; }
  .panel-hero { padding:22px 18px; }
  .panel-overview { grid-template-columns:1fr 1fr; }
  .panel-filters { display:grid; grid-template-columns:1fr 132px; }
  .panel-filters select { max-width:none; width:100%; }
  .event-date-line { white-space:normal; line-height:1.5; }
  .event-status-strip { align-items:flex-start; }
  .event-status-strip > a { display:none; }
  .stats { gap:5px; }
  .stat { padding:9px 4px; }
  .stat span { font-size:7px; }
  .stat strong { font-size:18px; }
  .panel-dialog-card { padding:23px 19px 19px; }
  .panel-dialog-actions { display:grid; grid-template-columns:1fr; }
  .panel-dialog-actions .btn { width:100%; }
}

/* v6.4 — convidados escaláveis */
.guest-access { width:100%; margin-top:13px; min-height:58px; padding:10px 12px; display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:11px; border:1px solid #e6ebf1; border-radius:14px; background:linear-gradient(180deg,#fff,#f9fbfd); color:#334155; text-align:left; cursor:pointer; transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease; }
.guest-access:hover:not(:disabled) { border-color:#cfdcf7; box-shadow:0 9px 24px rgba(33,100,243,.08); transform:translateY(-1px); }
.guest-access:disabled { cursor:default; opacity:.66; }
.guest-access-icon { width:34px; height:34px; display:grid; place-items:center; border-radius:10px; background:#eef4ff; color:var(--panel-brand); font-size:16px; font-weight:900; }
.guest-access > span:nth-child(2) { min-width:0; display:grid; gap:2px; }
.guest-access strong { color:#253348; font-size:10px; }
.guest-access small { color:#8190a3; font-size:9px; font-weight:700; }
.guest-access > b { width:30px; height:30px; display:grid; place-items:center; border-radius:9px; background:#f2f6fb; color:#65758a; font-size:13px; }

.guest-dialog { width:min(1080px,calc(100% - 28px)); max-height:min(88vh,860px); padding:0; border:0; border-radius:28px; background:transparent; overflow:visible; }
.guest-dialog::backdrop { background:rgba(15,23,42,.58); backdrop-filter:blur(9px); }
.guest-dialog-card { height:min(82vh,780px); display:grid; grid-template-rows:auto auto auto minmax(0,1fr) auto; overflow:hidden; border:1px solid rgba(255,255,255,.85); border-radius:28px; background:#fff; box-shadow:0 36px 100px rgba(15,23,42,.3); }
.guest-dialog-header { padding:22px 24px 17px; display:flex; align-items:flex-start; justify-content:space-between; gap:20px; border-bottom:1px solid #edf1f5; }
.guest-dialog-eyebrow { display:block; margin-bottom:5px; color:var(--panel-brand); font-size:9px; font-weight:900; letter-spacing:.14em; }
.guest-dialog-header h2 { margin:0; color:var(--panel-ink); font-size:29px; line-height:1; letter-spacing:-.05em; }
.guest-dialog-header p { margin:7px 0 0; color:#728096; font-size:11px; font-weight:700; }
.guest-dialog-close { width:38px; height:38px; flex:none; display:grid; place-items:center; border:1px solid #e4eaf1; border-radius:12px; background:#fff; color:#748197; font-size:22px; cursor:pointer; }
.guest-dialog-close:hover { background:#f7f9fc; color:#1e293b; }

.guest-dialog-summary { padding:13px 24px 0; display:flex; gap:7px; overflow-x:auto; scrollbar-width:none; }
.guest-dialog-summary::-webkit-scrollbar { display:none; }
.guest-dialog-summary button { min-width:112px; min-height:45px; padding:7px 11px; display:flex; align-items:center; justify-content:space-between; gap:12px; border:1px solid #e5ebf2; border-radius:13px; background:#fff; color:#69778b; cursor:pointer; font:850 10px/1 Inter,sans-serif; }
.guest-dialog-summary button strong { min-width:25px; height:25px; padding:0 6px; display:grid; place-items:center; border-radius:8px; background:#f2f5f9; color:#445268; font-size:10px; }
.guest-dialog-summary button.is-active { border-color:#b9cdfb; background:#eef4ff; color:#1748b8; box-shadow:inset 0 0 0 1px rgba(33,100,243,.08); }
.guest-dialog-summary button.is-active strong { background:#2164f3; color:#fff; }

.guest-dialog-tools { padding:11px 24px 13px; display:flex; gap:8px; border-bottom:1px solid #edf1f5; }
.guest-search { min-width:0; flex:1; min-height:42px; padding:0 12px; display:flex; align-items:center; gap:8px; border:1px solid #dfe6ee; border-radius:12px; background:#fff; color:#8793a3; }
.guest-search input { min-width:0; width:100%; height:40px; padding:0; border:0; border-radius:0; box-shadow:none!important; background:transparent; font-size:12px; }
.guest-dialog-tools select { width:auto; min-height:42px; padding:0 34px 0 12px; border:1px solid #dfe6ee; border-radius:12px; color:#536176; font-size:10px; font-weight:800; }

.guest-list-wrap { min-height:0; overflow:auto; background:#fbfcfe; }
.guest-list-loading { min-height:200px; display:flex; align-items:center; justify-content:center; gap:9px; color:#718096; font-size:11px; font-weight:800; }
.guest-list-loading span { width:16px; height:16px; border:2px solid #dbe4ee; border-top-color:var(--panel-brand); border-radius:50%; animation:guest-spin .75s linear infinite; }
@keyframes guest-spin { to { transform:rotate(360deg); } }
.guest-list-head { position:sticky; top:0; z-index:2; min-width:780px; padding:9px 24px; display:grid; grid-template-columns:minmax(280px,1.4fr) 120px 90px minmax(220px,1fr); gap:16px; border-bottom:1px solid #e8edf3; background:rgba(248,250,252,.96); backdrop-filter:blur(8px); color:#8490a1; font-size:8px; font-weight:900; text-transform:uppercase; letter-spacing:.07em; }
.guest-list { min-width:780px; }
.guest-row { padding:12px 24px; display:grid; grid-template-columns:minmax(280px,1.4fr) 120px 90px minmax(220px,1fr); gap:16px; align-items:center; border-bottom:1px solid #edf1f5; background:#fff; }
.guest-row:last-child { border-bottom:0; }
.guest-row:hover { background:#fbfdff; }
.guest-person { min-width:0; display:flex; align-items:center; gap:10px; }
.guest-avatar { width:34px; height:34px; flex:none; display:grid; place-items:center; border-radius:11px; background:#eef4ff; color:#2758be; font-size:12px; font-weight:900; }
.guest-person > div { min-width:0; display:grid; gap:3px; }
.guest-person strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#263449; font-size:11px; }
.guest-person small { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#8995a5; font-size:9px; font-weight:650; }
.guest-qty { display:grid; gap:2px; }
.guest-qty strong { color:#263449; font-size:15px; line-height:1; }
.guest-qty small { color:#8a96a6; font-size:8px; font-weight:750; }
.guest-note { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#657287; font-size:10px; }
.guest-status { display:inline-flex; width:max-content; padding:6px 8px; border-radius:999px; font-size:8px; font-weight:900; }
.guest-status.is-confirmed { background:#e9f8f0; color:#19704a; }
.guest-status.is-declined { background:#fff0f1; color:#a73c49; }
.guest-list-empty { min-height:260px; padding:28px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; }
.guest-list-empty > span { width:46px; height:46px; display:grid; place-items:center; border-radius:14px; background:#eef4ff; color:var(--panel-brand); font-size:20px; }
.guest-list-empty strong { margin-top:12px; color:#334155; font-size:14px; }
.guest-list-empty p { margin:5px 0 0; color:#8390a2; font-size:10px; }
.guest-list-empty.is-error > span { background:#fff0f1; color:#b43b4a; }

.guest-dialog-footer { padding:12px 24px; display:flex; align-items:center; justify-content:space-between; gap:15px; border-top:1px solid #e8edf3; background:#fff; }
.guest-dialog-footer > span { color:#7c899b; font-size:9px; font-weight:750; }
.guest-dialog-footer > div { display:flex; gap:7px; }
.guest-dialog-footer .btn { min-height:36px; padding:0 11px; border-radius:10px; font-size:9px; }
.guest-dialog-footer .btn:disabled { opacity:.4; cursor:default; }

@media (max-width:760px) {
  .guest-access { min-height:54px; padding:9px 10px; }
  .guest-access-icon { width:32px; height:32px; }
  .guest-dialog { width:100vw; max-width:none; height:100dvh; max-height:none; margin:0; border-radius:0; }
  .guest-dialog-card { width:100%; height:100dvh; border:0; border-radius:0; box-shadow:none; }
  .guest-dialog-header { padding:calc(14px + env(safe-area-inset-top)) 17px 13px; }
  .guest-dialog-header h2 { font-size:25px; }
  .guest-dialog-header p { max-width:240px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
  .guest-dialog-summary { padding:10px 13px 0; gap:6px; }
  .guest-dialog-summary button { min-width:100px; min-height:42px; }
  .guest-dialog-tools { padding:9px 13px 11px; display:grid; grid-template-columns:minmax(0,1fr) 116px; }
  .guest-dialog-tools select { width:100%; padding-left:9px; padding-right:24px; }
  .guest-list-head { display:none; }
  .guest-list { min-width:0; padding:8px 12px 18px; display:grid; gap:8px; }
  .guest-row { padding:12px; display:grid; grid-template-columns:minmax(0,1fr) auto; gap:9px 12px; border:1px solid #e6ebf1; border-radius:14px; background:#fff; box-shadow:0 5px 18px rgba(15,23,42,.035); }
  .guest-row:hover { background:#fff; }
  .guest-person { grid-column:1/2; }
  .guest-row > div:nth-child(2) { grid-column:2/3; grid-row:1; align-self:start; }
  .guest-qty { grid-column:1/2; padding-left:44px; display:flex; align-items:baseline; gap:5px; }
  .guest-qty strong { font-size:13px; }
  .guest-note { grid-column:1/-1; padding:9px 10px; border-radius:10px; background:#f7f9fc; white-space:normal; line-height:1.4; font-size:9px; }
  .guest-dialog-footer { padding:10px 13px calc(10px + env(safe-area-inset-bottom)); display:grid; gap:8px; }
  .guest-dialog-footer > span { text-align:center; }
  .guest-dialog-footer > div { display:grid; grid-template-columns:1fr 1fr; }
  .guest-dialog-footer .btn { width:100%; min-height:40px; }
}

@media (max-width:420px) {
  .guest-dialog-summary button { min-width:92px; padding:6px 8px; }
  .guest-dialog-tools { grid-template-columns:1fr; }
  .guest-dialog-tools select { display:none; }
  .guest-person strong { font-size:10px; }
  .guest-person small { font-size:8px; }
}