/* Customer panel: same cocoa world as the shop, calmer layout. */
.acc-top{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:calc(env(safe-area-inset-top,0px) + 12px) var(--gutter) 12px;background:rgba(26,17,10,.94);border-bottom:1px solid var(--line)}
.brand{font-family:var(--f-brand);font-size:26px;line-height:1;text-decoration:none}
.acc-actions{display:flex;gap:8px}
.acc{max-width:920px;margin-inline:auto;padding:clamp(28px,5vw,56px) var(--gutter) 80px;display:grid;gap:28px}
.acc-hero{display:grid;gap:10px}
.acc-hero h1{font-size:clamp(38px,5vw,64px)}
.acc-sub{color:var(--ink-2);max-width:60ch}
.acc-guest{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}
.panel{display:grid;gap:16px;padding:clamp(18px,3vw,28px);border-radius:24px;background:var(--ground-2);box-shadow:inset 0 0 0 1px var(--line)}
.panel h2{font-size:28px}
.panel form{display:grid;gap:14px}
.hint{font-size:14px;color:var(--ink-3)}
.code-input{font-size:28px;letter-spacing:.4em;text-align:center;font-weight:800}
.row-links{display:flex;justify-content:space-between}
.note{padding:12px 14px;border-radius:14px;background:rgba(243,181,82,.1);font-size:14px}
.note.info{background:rgba(134,208,230,.12)}
.inline{display:flex;gap:8px}
.inline .input{flex:1;min-width:0}
.orders{display:grid;gap:18px}
.orders>h2{font-size:24px;color:var(--ink-2);margin-top:8px}
.order{display:grid;gap:18px;padding:clamp(16px,3vw,26px);border-radius:24px;background:var(--ground-2);box-shadow:inset 0 0 0 1px var(--line)}
.order.active{box-shadow:inset 0 0 0 1.5px rgba(242,189,116,.45)}
.o-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}
.o-code{font-family:var(--f-brand);font-size:22px;letter-spacing:.05em;direction:ltr}
.o-when{font-size:13px;color:var(--ink-3)}
.o-hint{font-size:14px;color:var(--ink-2)}
.o-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 24px;font-size:15px}
.o-grid dt{font-size:13px;color:var(--ink-3)}
.o-grid dd{margin:0;color:var(--ink)}
.o-items{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.o-items li{display:flex;align-items:center;gap:8px;padding:4px 12px 4px 4px;padding-inline:4px 12px;border-radius:999px;background:var(--ground-3);font-size:14px}
.o-items img{width:30px;height:30px;border-radius:50%}
.o-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding-top:14px;border-top:1px solid var(--line)}
.o-total{font-family:var(--f-display);font-size:24px}
.o-total b{font-weight:400;color:var(--accent)}
.o-actions{display:flex;flex-wrap:wrap;gap:8px}
.cancelled{padding:12px 14px;border-radius:14px;background:rgba(240,138,120,.12);color:var(--bad);font-weight:700}
details.order>summary{list-style:none;cursor:pointer}
details.order>summary::-webkit-details-marker{display:none}
details.order:not([open]) .o-body{display:none}
.o-body{display:grid;gap:18px}
.empty-orders{display:grid;justify-items:center;gap:12px;padding:40px 20px;border-radius:24px;border:1.5px dashed var(--line-2);text-align:center;color:var(--ink-2)}
@media (max-width:719px){
  .acc-guest{grid-template-columns:minmax(0,1fr)}
  .o-grid{grid-template-columns:minmax(0,1fr)}
}
.pay-st{font-weight:700}
.pay-st[data-pay="review"]{color:var(--warn)}
.pay-st[data-pay="paid"]{color:var(--good)}
.pay-st[data-pay="rejected"],.pay-st[data-pay="unpaid"]{color:var(--bad)}
.pay-again{display:grid;gap:12px;padding:14px 16px;border-radius:16px;background:rgba(240,138,120,.1);box-shadow:inset 0 0 0 1px rgba(240,138,120,.3)}
.pay-again p{font-size:14px;line-height:1.9}
.pa-card{display:grid;gap:2px;padding:12px 14px;border-radius:14px;background:linear-gradient(135deg,#6e421e,#2c1a0d);color:#fff6e8}
.pa-card b{font-size:20px;letter-spacing:.08em;white-space:nowrap;direction:ltr;text-align:right}
.pa-card span{font-size:13px;color:rgba(255,246,232,.8)}
.pa-actions{display:flex;flex-wrap:wrap;gap:8px}
label.btn.busy{opacity:.6;pointer-events:none}