/* Ügyfélfelület és belépés · arculat 2026-11
   Papír alap, tintakék. A bordó csak a logóban és a cím egy kiemelt szavában (em) jelenik meg.
   Állapotszínek: jön = zöld, nem jön = szürke tinta, hiba = téglavörös (nem a márka bordója).
   Az osztálynevek a client.js / admin.js-ből jönnek, ezért nem változnak. */
[hidden]{display:none!important}
:root{
  --yes:#2F5A3E; --yes-bg:rgba(63,107,78,.12); --yes-bar:#3F6B4E;
  --no:#4a5568;  --no-bg:rgba(27,42,68,.07);  --no-bar:#a7adb8;
  --err:#8a2a22; --err-bg:rgba(138,42,34,.07);
  --card-shadow:0 1px 1px rgba(27,42,68,.05),0 14px 30px -24px rgba(27,42,68,.35);
}

/* ---------- Közös: gombok, mezők ---------- */
/* Gombok: a site.css közös .btn-jére épül (pill, nagybetűs, ritkított). Fő gomb: sötét pill.
   Másodlagos (.btn-line, kicsiben is): keret nélküli, nagybetűs szöveglink vékony aláhúzással. */
.btn.sm{gap:8px}
.btn.sm svg{width:14px;height:14px}
.btn[disabled]{opacity:.55;pointer-events:none}
.btn-line.sm{min-height:40px;padding:0 2px;border:0;border-radius:0;background:none;box-shadow:none;color:var(--ink);
  text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px;text-decoration-color:var(--line-2)}
.btn-line.sm:hover,.btn-line.sm:focus-visible{background:none;color:var(--ink);transform:none;box-shadow:none;text-decoration-color:currentColor}

/* ---------- Belépés ---------- */
.auth{min-height:100svh}
.auth-top{position:absolute;top:0;left:0;right:0;z-index:5}
.auth-top .wrap{height:76px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.auth-wrap{min-height:100svh;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.auth-art{position:relative;display:grid;place-items:center;padding:120px 40px 80px;background:var(--paper-2);border-right:1px solid var(--line);overflow:hidden}
.auth-art::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;
  background:repeating-linear-gradient(0deg,transparent 0 31px,rgba(27,42,68,.05) 31px 32px)}
/* ragasztószalagos papírlap: a ti vendéglistátok kicsiben */
.auth-sheet{position:relative;width:min(400px,100%);padding:34px 32px 30px;background:#fffdf8;box-shadow:var(--shadow);transform:rotate(-1.6deg);
  animation:sheetIn 1s var(--ease-out) both}
.auth-sheet::before{content:"";position:absolute;top:-11px;left:50%;width:92px;height:22px;margin-left:-46px;background:var(--tape);transform:rotate(2.4deg);
  clip-path:polygon(2% 8%,8% 0,16% 10%,24% 2%,32% 9%,40% 1%,48% 8%,56% 0,64% 9%,72% 2%,80% 10%,88% 1%,96% 8%,100% 92%,94% 100%,86% 91%,78% 99%,70% 92%,62% 100%,54% 91%,46% 99%,38% 92%,30% 100%,22% 91%,14% 99%,6% 92%,0 90%)}
@keyframes sheetIn{from{opacity:0;transform:translateY(18px) rotate(-3deg)}}
.auth-sheet small{display:block;font:500 11px/1.3 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--ink-3)}
.auth-sheet .as-t{display:block;margin:10px 0 22px;font:350 34px/1.05 var(--serif);letter-spacing:-.02em;font-variation-settings:"opsz" 72,"SOFT" 80;color:var(--ink)}
.as-count{display:flex;align-items:baseline;gap:12px;padding:16px 18px;background:var(--ink);color:var(--paper)}
.as-count b{font:300 44px/1 var(--serif);font-variation-settings:"opsz" 144;font-feature-settings:"tnum"}
.as-count span{font-size:14px;color:rgba(243,240,232,.8)}
.as-list{list-style:none;margin:14px 0 0;padding:0}
.as-list li{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--line);font:400 19px/1.2 var(--serif);color:var(--ink)}
.as-list li:first-child{border-top:0}
.auth-sheet .as-foot{display:block;margin-top:14px;padding-top:14px;border-top:1px solid var(--line);font:400 14px/1.4 var(--sans);color:var(--ink-3)}
.auth-box{display:flex;flex-direction:column;justify-content:center;width:100%;max-width:600px;padding:130px clamp(24px,6vw,96px) 72px}
.auth-box .label{margin:0 0 18px}
.auth-box .h2{font-size:clamp(36px,4.2vw,56px)}
.auth-box .lead{margin:22px 0 34px}
.c-field{display:flex;flex-direction:column;gap:10px;margin-bottom:22px}
.c-field span{font:500 12px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-2)}
.c-field input{height:54px;font:400 19px/1.3 var(--sans);color:var(--ink);background:transparent;border:0;border-bottom:1.5px solid var(--line-2);padding:0;outline:0;border-radius:0;
  transition:border-color .3s var(--ease),box-shadow .3s var(--ease)}
.c-field input::placeholder{color:var(--ink-3);opacity:.7}
.c-field input:focus{border-color:var(--ink);box-shadow:0 1px 0 var(--ink)}
.c-field:has(+ .c-err:not([hidden])) input{border-color:var(--err)}
.c-err{display:block;margin:-6px 0 22px;padding:12px 14px;border-left:2px solid var(--err);background:var(--err-bg);font-size:15px;line-height:1.5;color:var(--err)}
.auth-box form .btn{width:100%;max-width:340px;justify-content:center}
.auth-note{margin:34px 0 0;padding-top:22px;border-top:1px solid var(--line);font-size:16px;color:var(--ink-2)}
.auth-note a{color:var(--ink);border-bottom:1px solid var(--line-2);transition:border-color .3s}
.auth-note a:hover{border-color:var(--ink)}
.auth .btn[disabled]{opacity:.6;pointer-events:none}
.auth-box .link{margin-top:6px;align-self:flex-start}
.auth-box b{font-weight:600;color:var(--ink)}
@media (max-width:860px){
  .auth-wrap{grid-template-columns:minmax(0,1fr);min-height:0}
  .auth-box{order:-1;max-width:none;padding:112px var(--gut) 48px}
  .auth-art{padding:52px var(--gut) 60px;border-right:0;border-top:1px solid var(--line)}
  .auth-sheet{width:min(340px,100%);padding:28px 22px 22px}
  .auth-sheet .as-t{font-size:28px}
  .auth-box form .btn{max-width:none}
}

/* ---------- Betöltés ---------- */
.loading{position:fixed;inset:0;z-index:80;display:grid;place-content:center;justify-items:center;gap:18px;background:var(--paper);transition:opacity .5s var(--ease)}
.loading.out{opacity:0;pointer-events:none}
.loading p{margin:0;font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-3)}
.auth-seal{display:inline-block;width:76px}
.auth-seal img{width:100%;height:auto}
.spin img{animation:sealPulse 1.6s ease-in-out infinite}
@keyframes sealPulse{50%{transform:scale(1.05) rotate(-5deg)}}

/* ---------- Felület: fejléc ---------- */
.app-top{position:sticky;top:0;z-index:40;background:rgba(243,240,232,.9);backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2);box-shadow:0 1px 0 var(--line)}
.app-top .wrap{height:76px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.app-user{display:flex;align-items:center;gap:10px;min-width:0}
.app-email{font-size:14px;color:var(--ink-3);margin-right:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:28ch}
.app-main{padding-bottom:120px}
.app-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px 40px;flex-wrap:wrap;padding-top:clamp(40px,6vw,76px);padding-bottom:clamp(28px,3.4vw,40px)}
.app-head .label{margin:0 0 14px}
.app-head .display{font-size:clamp(44px,6vw,84px)}
/* Elválasztó pötty minden elem előtt; a sor eleji pötty a doboz bal széle elé esik, az overflow levágja */
.app-meta{display:flex;flex-wrap:wrap;gap:8px 0;margin:18px 0 0;overflow:hidden;font-size:16px;color:var(--ink-2)}
.app-meta span{position:relative;margin-right:24px}
.app-meta span:empty{display:none}
.app-meta span::before{content:"";position:absolute;left:-14px;top:50%;width:4px;height:4px;margin-top:-2px;border-radius:50%;background:var(--ink-3)}
@media (max-width:640px){.app-email{display:none}.app-top .wrap{height:68px}}

/* ---------- Fülek ---------- */
.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:34px;overflow-x:auto;scrollbar-width:none}
.tabs::-webkit-scrollbar{display:none}
.tabs button{position:relative;display:flex;align-items:center;gap:10px;min-height:52px;padding:14px 18px;white-space:nowrap;font:500 13px/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);transition:color .3s}
.tabs button:hover{color:var(--ink)}
.tabs button::after{content:"";position:absolute;left:12px;right:12px;bottom:-1px;height:2px;background:var(--ink);transform:scaleX(0);transition:transform .4s var(--ease)}
.tabs button[aria-selected=true]{color:var(--ink)}
.tabs button[aria-selected=true]::after{transform:none}
.tabs .pill{display:inline-grid;place-items:center;min-width:24px;height:22px;padding:0 7px;border:0;border-radius:99px;background:var(--paper-2);
  font:500 12px/1 var(--sans);letter-spacing:0;color:var(--ink-2);font-feature-settings:"tnum"}
.tabs button[aria-selected=true] .pill{background:var(--ink);color:var(--paper)}
.tabs .pill.dot{min-width:8px;width:8px;height:8px;padding:0;background:transparent}
.tabs .pill.dot.on{background:var(--ink)}
@media (max-width:640px){
  .tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-bottom:26px;overflow:visible}
  .tabs button{flex-direction:column;justify-content:flex-start;gap:7px;min-height:66px;padding:12px 4px;white-space:normal;text-align:center;
    font-size:14px;letter-spacing:0;text-transform:none;line-height:1.2}
  .tabs button::after{left:8px;right:8px}
  .tabs .pill.dot{margin-top:7px}
}
.panel{animation:panelIn .5s var(--ease-out)}
@keyframes panelIn{from{opacity:0;transform:translateY(8px)}}

/* ---------- Számlálók ---------- */
.stats{display:grid;grid-template-columns:1.4fr repeat(4,minmax(0,1fr));gap:12px}
.stat{padding:22px 22px 20px;border:1px solid var(--sheet-edge);border-radius:2px;background:var(--sheet);box-shadow:var(--card-shadow);display:flex;flex-direction:column;gap:8px;min-width:0}
.stat span{font:500 12px/1.25 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2)}
.stat b{font:300 clamp(40px,4.4vw,60px)/1 var(--serif);font-variation-settings:"opsz" 144,"SOFT" 50;letter-spacing:-.02em;font-feature-settings:"tnum";color:var(--ink)}
.stat small{font-size:14px;color:var(--ink-3)}
.stat.big{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.stat.big b{color:var(--paper)}
.stat.big span,.stat.big small{color:rgba(243,240,232,.78)}
.stat.no b{color:var(--ink-2)}
.meter{display:flex;height:8px;border-radius:8px;background:var(--paper-3);overflow:hidden;margin:24px 0 12px}
.meter i{display:block;height:100%;transition:width 1s var(--ease-out)}
#mYes{background:var(--yes-bar)}#mNo{background:var(--no-bar)}
.meter-legend{display:flex;gap:24px;margin:0 0 36px;font-size:14px;color:var(--ink-2)}
.meter-legend span{display:inline-flex;align-items:center;gap:8px}
.meter-legend span::before{content:"";display:inline-block;width:9px;height:9px;border-radius:50%}
.meter-legend .yes::before{background:var(--yes-bar)}.meter-legend .no::before{background:var(--no-bar)}
@media (max-width:980px){.stats{grid-template-columns:1fr 1fr}.stat.big{grid-column:1/-1}}
@media (max-width:640px){
  .stats{gap:10px}
  .stat{padding:16px 16px 14px;gap:6px}
  .stat span{font-size:11.5px;letter-spacing:.12em}
  .stat b{font-size:40px}
  .stat small{font-size:13px}
  .stat.big{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;align-items:center;column-gap:16px;padding:18px 20px}
  .stat.big b{grid-column:2;grid-row:1/3;font-size:54px}
  .stat.big span{grid-column:1;grid-row:1}
  .stat.big small{grid-column:1;grid-row:2}
  .meter{margin-top:20px}
  .meter-legend{margin-bottom:28px}
}

/* ---------- Dobozok, eszköztár ---------- */
.grid-2{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;align-items:start}
.side{display:grid;gap:24px;position:sticky;top:100px}
@media (max-width:1080px){.grid-2{grid-template-columns:minmax(0,1fr)}.side{position:static}}
.card-box{background:var(--sheet);border:1px solid var(--sheet-edge);border-radius:2px;box-shadow:var(--card-shadow);padding:clamp(20px,2.6vw,32px);min-width:0}
.card-box .h3{margin:0}
.box-head{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:22px}
.box-tools{display:flex;gap:8px;flex-wrap:wrap}

.toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:10px}
.search{flex:1 1 240px;display:flex;align-items:center;gap:10px;height:46px;padding:0 16px;border:1px solid var(--line-2);border-radius:99px;background:#fffdf8;transition:border-color .3s}
.search:focus-within{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}
.search svg{width:16px;height:16px;fill:none;stroke:var(--ink-3);stroke-width:1.6;flex:none}
.search input{flex:1;border:0;outline:0;background:none;font:400 16px var(--sans);color:var(--ink);min-width:0}
.search input::placeholder{color:var(--ink-3)}
.search input::-webkit-search-cancel-button{opacity:.5}
.card-box > .search{margin-bottom:12px}
.grid-2 .toolbar .search{flex-basis:100%}
.toolbar .seg button{height:40px;padding:0 16px;font-size:15px}
.grp-filter select{height:40px;padding:0 34px 0 16px;border-radius:99px;border:1px solid var(--line-2);background:#fffdf8 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M3 4.5l3 3 3-3' fill='none' stroke='%231b2a44' stroke-width='1.3'/%3E%3C/svg%3E") right 12px center/12px no-repeat;
  font:400 15px var(--sans);color:var(--ink);-webkit-appearance:none;appearance:none;cursor:pointer}
.grp-filter select:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
@media (max-width:640px){
  .box-head{align-items:flex-start}
  .box-tools{width:100%}
  .box-tools{align-items:center;gap:8px 18px}
  .box-tools .btn-ink{flex:1 1 0;justify-content:center;padding-left:12px;padding-right:12px}
  .toolbar .search{flex-basis:100%}
  .toolbar .seg{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;gap:6px}
  .toolbar .seg button{padding:0 6px;font-size:15px}
  .grp-filter{width:100%}
  .grp-filter select{width:100%;height:44px;font-size:16px}
}

/* ---------- Vendéglista ---------- */
.guests,.diet,.songs{list-style:none;margin:0;padding:0}
.guests .g{display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:4px 12px;padding:18px 0;border-top:1px solid var(--line)}
.guests .g:first-child{border-top:0}
.gdot-btn{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;transition:background .2s}
.gdot-btn:hover{background:var(--paper-2)}
.gdot{display:inline-block;width:11px;height:11px;border-radius:50%;box-shadow:inset 0 0 0 1.5px rgba(27,42,68,.28);flex:none}
.g-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px 10px;min-height:32px}
.g-row b{font:400 22px/1.15 var(--serif);font-variation-settings:"opsz" 36,"SOFT" 80;color:var(--ink)}
.g-main{min-width:0}
.g-main small{display:block;font-size:14px;color:var(--ink-3);margin-top:3px;overflow-wrap:anywhere}
.gtag{font-size:12px;font-weight:500;letter-spacing:.04em;padding:4px 10px;border-radius:99px;color:var(--c);background:color-mix(in srgb,var(--c) 12%,transparent)}
/* Állapotcímke: jön / nem jön */
.st{display:inline-flex;align-items:center;gap:7px;height:26px;padding:0 11px 0 9px;border-radius:99px;white-space:nowrap;
  font:500 13px/1 var(--sans);letter-spacing:.01em;text-transform:none}
.st::before{content:"";width:7px;height:7px;border-radius:50%;flex:none}
.st.yes{background:var(--yes-bg);color:var(--yes)}
.st.yes::before{background:currentColor}
.st.no{background:var(--no-bg);color:var(--no)}
.st.no::before{box-shadow:inset 0 0 0 1.5px currentColor}
/* site.css .chip (összeállító) visszaállítása kis címkére */
.chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.chips .chip{height:auto;min-height:26px;gap:6px;padding:4px 10px;border:0;border-radius:99px;background:var(--paper-2);font-size:13.5px;line-height:1.3;color:var(--ink-2)}
.chips .chip:hover{border-color:transparent;color:var(--ink-2)}
.chips .chip.diet{background:rgba(165,140,90,.18);color:#5a4622}
.chips .chip.song{background:rgba(27,42,68,.07);color:var(--ink)}
.guests blockquote{margin:12px 0 0;padding:2px 0 2px 14px;border-left:1.5px solid var(--line-2);font:400 17px/1.5 var(--serif);font-style:italic;color:var(--ink-2);white-space:pre-line}
.guests time{font-size:13px;color:var(--ink-3);white-space:nowrap;padding-top:8px}
.guests small.edited{color:var(--ink-2);font-style:italic}
.none{padding:26px 0;color:var(--ink-3);font-size:16px;list-style:none}
.guests .none,.songs .none{padding:44px 12px;text-align:center;font:400 19px/1.45 var(--serif);font-style:italic;color:var(--ink-2);text-wrap:balance}
@media (max-width:640px){.guests .g{grid-template-columns:32px minmax(0,1fr)}.guests time{grid-column:2;padding-top:4px}.g-row b{font-size:21px}}

.gpop{position:absolute;z-index:60;min-width:200px;padding:6px;background:#fffdf8;border:1px solid var(--sheet-edge);border-radius:4px;box-shadow:0 22px 44px -20px rgba(27,42,68,.45);animation:panelIn .2s var(--ease-out)}
.gpop button{display:flex;align-items:center;gap:10px;width:100%;min-height:42px;padding:8px 10px;border-radius:3px;font-size:15px;text-align:left}
.gpop button:hover,.gpop button:focus-visible{background:var(--paper-2)}
.gpop .clear{color:var(--ink-3)}

.diet li{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:13px 0;border-top:1px solid var(--line)}
.diet li:first-child{border-top:0}
.diet li > div{display:flex;flex-direction:column;gap:3px;min-width:0}
.diet li > div:has(.gdot){flex-direction:row;align-items:center;gap:10px}
.diet b{font-weight:500}
.diet small{font-size:14px;color:var(--ink-3)}
.diet li > span{font:350 22px/1 var(--serif);white-space:nowrap;font-feature-settings:"tnum"}
.diet .none{display:block;padding:14px 0 0;font-size:14px;line-height:1.5}
.side .h3{margin-bottom:10px}

.songs{counter-reset:s;margin-top:4px}
.songs li{counter-increment:s;display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:baseline;gap:12px;padding:15px 0;border-top:1px solid var(--line)}
.songs li::before{content:counter(s,decimal-leading-zero);font:400 15px var(--serif);font-style:italic;color:var(--ink-3)}
.songs li b{font-weight:500}
.songs li small{color:var(--ink-3);font-size:14px;text-align:right}
.songs .none{display:block}
.songs .none::before{content:none}
@media (max-width:640px){.songs li{grid-template-columns:32px minmax(0,1fr)}.songs li small{grid-column:2;text-align:left}}

/* ---------- Meghívó adatai ---------- */
.steps-line{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:8px 0 32px;padding:0;counter-reset:st}
.steps-line li{counter-increment:st;position:relative;padding:34px 14px 0 0;border-top:2px solid var(--paper-3)}
.steps-line li::before{content:counter(st);position:absolute;top:-14px;left:0;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--paper);border:1.5px solid var(--paper-3);font:400 14px var(--serif);color:var(--ink-3)}
.steps-line li.done{border-color:var(--ink)}
.steps-line li.done::before{content:"✓";background:var(--ink);border-color:var(--ink);color:var(--paper);font-family:var(--sans);font-size:12px}
.steps-line li.now{border-image:linear-gradient(90deg,var(--ink) 0 40%,var(--paper-3) 40%) 1}
.steps-line li.now::before{border-color:var(--ink);color:var(--ink);background:#fffdf8;box-shadow:0 0 0 4px rgba(27,42,68,.08)}
.steps-line b{display:block;font:400 21px/1.15 var(--serif);font-variation-settings:"opsz" 36,"SOFT" 80}
.steps-line span{font-size:14px;color:var(--ink-3)}
.steps-line li.now span{color:var(--ink-2);font-weight:500}
@media (max-width:760px){.steps-line{grid-template-columns:1fr 1fr;row-gap:34px}.steps-line b{font-size:19px}}
.locked-msg{margin-bottom:24px;border-color:rgba(63,107,78,.3);background:#f4f6f0}
.locked-msg p{margin:10px 0 0;color:var(--ink-2)}
.locked-msg a{color:var(--ink);border-bottom:1px solid var(--line-2)}
.dform .form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px 32px}
.dform .f.full{grid-column:1/-1}
@media (max-width:700px){.dform .form{grid-template-columns:minmax(0,1fr);gap:24px}}
.dform .f > input,.dform .f > textarea,.dform .f input,.dform .f textarea{width:100%;font:400 17px/1.4 var(--sans);color:var(--ink);background:transparent;border:0;border-bottom:1px solid var(--line-2);padding:10px 0 12px;border-radius:0;outline:0}
.dform .f textarea{min-height:120px;resize:vertical;line-height:1.6}
.dform .f input:focus,.dform .f textarea:focus{border-color:var(--ink);box-shadow:0 1px 0 var(--ink)}
.dform input:disabled,.dform textarea:disabled,.dform .pick:disabled{color:var(--ink-2);border-bottom-style:dashed;cursor:default}
.cal-g button.sel{background:var(--ink);color:var(--paper)}
.cal{background:#fffdf8;border-color:var(--sheet-edge);border-radius:4px;box-shadow:0 30px 60px -24px rgba(27,42,68,.4)}
.cal-f button:hover{color:var(--ink)}
.saved{font-size:14px;color:var(--yes);opacity:0;transition:opacity .4s}
.saved.on{opacity:1}
.dform .form-end{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:12px;margin-top:32px;padding-top:24px;border-top:1px solid var(--line)}
.dform .form-end{align-items:center;gap:12px 26px}
@media (max-width:560px){.dform .form-end{flex-direction:column-reverse;align-items:stretch}.dform .form-end .btn-ink{justify-content:center}.dform .form-end .btn-line{align-self:center}}
.photos{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px;margin-top:6px}
.photos figure{position:relative;margin:0;aspect-ratio:1;border-radius:2px;overflow:hidden;background:var(--paper-2)}
.photos img{width:100%;height:100%;object-fit:cover}
.photos .x,.glist .x{position:absolute;top:6px;right:6px;width:32px;height:32px;border-radius:50%;background:rgba(27,42,68,.8);color:#fff;font-size:18px;line-height:1;display:grid;place-items:center}
.photos .add{aspect-ratio:1;border:1px dashed var(--line-2);border-radius:2px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;font-size:14px;color:var(--ink-2);transition:border-color .3s,background .3s}
.photos .add span{font:300 34px/1 var(--serif);color:var(--ink)}
.photos .add:hover{border-color:var(--ink);background:#fffdf8}

/* ---------- Párbeszédablakok ---------- */
.cdlg{border:0;padding:0;border-radius:4px;width:min(470px,calc(100vw - 32px));background:#fffdf8;color:var(--ink);box-shadow:0 40px 80px -30px rgba(27,42,68,.5)}
.cdlg::backdrop{background:rgba(27,42,68,.45)}
.cdlg[open]{animation:panelIn .25s var(--ease-out)}
.cdlg-in{padding:30px 28px 24px}
.cdlg-in p{margin:10px 0 18px;color:var(--ink-2);font-size:16px}
.cdlg-btns{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:10px;margin-top:22px}
.glist{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.glist li{position:relative;display:flex;align-items:center;gap:10px;padding:6px 46px 6px 8px;border:1px solid var(--line);border-radius:3px;background:var(--sheet)}
.glist .x{top:50%;transform:translateY(-50%);background:transparent;color:var(--ink-3)}
.glist .x:hover{color:var(--err);background:var(--err-bg)}
.glist input[type=text],.gadd input[type=text]{flex:1;min-width:0;border:0;outline:0;background:none;font:400 16px var(--sans);color:var(--ink);padding:8px 4px}
input[type=color]{width:34px;height:34px;border:0;padding:0;background:none;cursor:pointer;border-radius:50%;flex:none}
.gadd{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:14px;padding:6px 8px;border:1px dashed var(--line-2);border-radius:3px}
.gadd input[type=text]{flex:1 1 140px}
.cdlg-btns{align-items:center;gap:10px 22px}
@media (max-width:420px){.cdlg-in{padding:26px 20px 20px}.cdlg-btns .btn-ink,.cdlg-btns .btn-danger{flex:1;justify-content:center}}

.toast{position:fixed;left:50%;bottom:28px;z-index:90;transform:translate(-50%,20px);opacity:0;pointer-events:none;padding:14px 22px;border-radius:99px;background:var(--ink);color:var(--paper);font-size:15px;box-shadow:0 20px 40px -20px rgba(27,42,68,.6);transition:opacity .3s var(--ease),transform .4s var(--ease-out);max-width:calc(100vw - 32px);text-align:center}
.toast.on{opacity:1;transform:translate(-50%,0)}
.toast.bad{background:var(--err)}

/* ---------- Üres állapot ---------- */
.empty-state{position:relative;max-width:640px;margin-top:clamp(48px,8vw,96px);padding:48px clamp(22px,5vw,56px) 44px;text-align:center;display:flex;flex-direction:column;align-items:center;
  background:#fffdf8;box-shadow:var(--shadow);transform:rotate(-.6deg)}
.empty-state::before{content:"";position:absolute;top:-11px;left:50%;width:92px;height:22px;margin-left:-46px;background:var(--tape);transform:rotate(-2deg)}
.empty-state .lead{margin:20px auto 30px}
.empty-state .h2{margin-top:22px;font-size:clamp(32px,4.4vw,52px)}
.empty-state .hero-cta{justify-content:center}
.empty-state .lead b{font-weight:600;color:var(--ink);overflow-wrap:anywhere}
@media (max-width:640px){.empty-state{margin-left:16px;margin-right:16px;transform:none}.empty-state .hero-cta .btn-ink{width:100%;justify-content:center}}

/* ---------- Nyomtatható meghívó letöltése ---------- */
.app-actions{display:flex;flex-direction:column;align-items:flex-end;gap:16px}
.print-dl{display:flex;flex-direction:column;align-items:flex-end;gap:10px;text-align:right}
.print-dl .label{margin:0}
.print-dl-btns{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.print-dl-btns svg{width:14px;height:14px}
.print-dl small{max-width:30em;font-size:14px;line-height:1.5;color:var(--ink-3)}
@media (max-width:700px){.app-actions,.print-dl{align-items:flex-start;text-align:left}.print-dl-btns{justify-content:flex-start}.app-actions{width:100%}}

@media (prefers-reduced-motion:reduce){
  .auth-sheet,.panel,.cdlg[open],.gpop{animation:none}
  .spin img{animation:none}
  .meter i,.tabs button::after{transition:none}
}

/* A pár neve a fejlécben: a levél tipográfiája (Georgia, dőlt bordó) */
#coupleName{font-family:Georgia,"Times New Roman",serif;font-style:italic;font-weight:400;color:var(--wine,#6B1E2A);letter-spacing:-.01em}
#coupleName em{font-style:italic;color:inherit}

/* Ültetési rend: fül és belépő kártya */
.tabs .tab-seat{display:flex;align-items:center;gap:10px;min-height:52px;padding:14px 18px;white-space:nowrap;font:500 13px/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--wine);margin-left:auto}
.tabs .tab-seat:hover{color:var(--ink)}
.tabs .pill.new{background:var(--wine);color:var(--paper);font-size:10px;letter-spacing:.08em}
.seat-cta{margin:-14px auto 30px}
.seat-card{display:grid;grid-template-columns:200px 1fr auto;align-items:center;gap:28px;padding:20px 26px 20px 20px;border-radius:18px;background:var(--sheet);box-shadow:0 0 0 1px var(--line);transition:box-shadow .35s var(--ease),transform .35s var(--ease)}
.seat-card:hover{transform:translateY(-2px);box-shadow:0 0 0 1px var(--line-2),0 20px 40px -24px rgba(27,42,68,.35)}
.seat-art{width:100%;height:auto}
.seat-txt{display:flex;flex-direction:column;gap:6px;min-width:0}
.seat-txt .label{color:var(--wine);white-space:nowrap}
.seat-txt b{font:400 clamp(22px,2.2vw,28px)/1.15 var(--serif)}
.seat-txt b em{font-style:italic;color:var(--wine)}
.seat-txt small{font-size:14px;color:var(--ink-3);line-height:1.5;max-width:46em}
.seat-card .btn{white-space:nowrap}
.app-main:has([data-panel="guests"][hidden]) .seat-cta{display:none}
@media (max-width:760px){.seat-card{grid-template-columns:1fr;gap:16px;padding:18px}.seat-art{max-width:220px}.seat-card .btn{justify-self:start}}
@media (max-width:760px){.tabs .tab-seat{display:none}}