/* FinnAdvisor — the organisation-seat pages (/redeem, /organisation), ORG-SEATS. Sanctioned navy and
   golds only; gold TEXT on light surfaces uses --gold-ink (5.37:1). No photos on these pages. */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
:root{--navy:#0D2340;--gold:#EDAC3A;--gold-light:#F5C86B;--gold-ink:#8A6413;--cream:#F5F1E8;--text:#1A1A2E;--muted:#23262E;--success:#0F6E56;--danger:#993C1D;--border:rgba(13,35,64,0.12);--border-strong:rgba(13,35,64,0.22);}
body{font-family:'Inter','DM Sans',sans-serif;background:var(--cream);color:var(--text);font-size:17px;line-height:1.6;min-height:100vh;display:flex;flex-direction:column;}
body.lang-ar,body.lang-fa{font-family:'Tajawal',sans-serif;}
nav{background:#fff;padding:0 1rem;display:flex;align-items:center;justify-content:space-between;gap:.5rem;min-height:60px;border-bottom:1px solid rgba(13,35,64,0.10);}
nav a,nav select{font-weight:700;}
.nav-logo{display:inline-flex;align-items:center;gap:9px;color:var(--navy);font-size:21px;font-weight:900;text-decoration:none;}
.nav-logo-mark{height:30px;width:auto;}
.nav-r{display:flex;align-items:center;gap:.6rem;}
.nav-r select{background:#fff;border:1px solid var(--border-strong);color:var(--navy);font-size:13px;padding:6px 8px;border-radius:7px;}
.nav-back{color:var(--navy);border:1.5px solid var(--border-strong);font-size:13px;padding:7px 12px;border-radius:7px;text-decoration:none;white-space:nowrap;}
main{flex:1;padding:40px 1rem 56px;}
.ow{max-width:820px;margin:0 auto;}
.tag{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--navy);opacity:.7;margin-bottom:.6rem;}
h1{font-family:'Playfair Display',serif;font-size:clamp(26px,4vw,38px);color:var(--navy);line-height:1.2;margin-bottom:.7rem;}
body.lang-ar h1,body.lang-fa h1,body.lang-ar h2,body.lang-fa h2{font-family:'Tajawal',sans-serif;}
h2{font-family:'Playfair Display',serif;font-size:clamp(20px,2.4vw,25px);color:var(--navy);margin:0 0 .6rem;}
.sub{color:var(--muted);margin-bottom:1.4rem;}
.card{background:#fff;border:1px solid var(--border);border-radius:14px;padding:1.4rem 1.25rem;box-shadow:0 4px 18px rgba(13,35,64,0.06);margin:0 0 1.2rem;}
.priv{background:#FDF4E0;border:1px solid var(--gold-light);border-radius:10px;padding:.7rem .95rem;color:var(--navy);font-weight:700;margin:0 0 1.2rem;}
.seat-list{padding-inline-start:1.2rem;display:flex;flex-direction:column;gap:.4rem;}
label{display:block;font-size:14px;font-weight:700;color:var(--navy);margin:.2rem 0 .4rem;}
input[type=text],input[type=number],select.f{width:100%;border:1.5px solid var(--border-strong);border-radius:10px;padding:.75rem .9rem;font:inherit;font-size:16px;background:var(--cream);}
.code-in{font-family:ui-monospace,Menlo,Consolas,monospace;letter-spacing:.08em;text-transform:uppercase;}
.help{font-size:13.5px;color:var(--muted);margin:.35rem 0 1rem;}
.btn{display:inline-block;background:var(--navy);color:#fff;border:none;font:inherit;font-weight:700;font-size:16px;padding:12px 18px;border-radius:10px;cursor:pointer;text-decoration:none;}
.btn.gold{background:var(--gold);color:var(--navy);}
.btn:disabled{opacity:.55;cursor:not-allowed;}
.btn.small{font-size:14px;padding:8px 12px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;}   /* the 44px tap floor (verify-control-consistency) */
.msg{display:none;margin:.8rem 0 0;padding:.65rem .9rem;border-radius:8px;font-size:14.5px;}
.msg.err{display:block;background:rgba(153,60,29,0.06);border:1px solid rgba(153,60,29,0.25);color:var(--danger);}
.msg.ok{display:block;background:rgba(15,110,86,0.07);border:1px solid rgba(15,110,86,0.3);color:var(--success);}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:.6rem;margin:.6rem 0 1rem;}
.stat{background:var(--cream);border-radius:10px;padding:.6rem .7rem;text-align:center;}
.stat b{display:block;font-size:24px;color:var(--navy);}
.stat span{font-size:13px;color:var(--muted);}
.codes{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.4rem;margin:.5rem 0;direction:ltr;}
.codes code{font-family:ui-monospace,Menlo,Consolas,monospace;background:var(--cream);border-radius:8px;padding:.4rem .5rem;text-align:center;font-size:15px;}
.link-row{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;direction:ltr;}
.link-row input{flex:1;min-width:0;font-size:14px;}
.qr{display:block;width:200px;height:200px;margin:.8rem 0;background:#fff;}
/* ORG-SEATS-2 A: the used/available bar (counts only) and the order's dates. */
.bar{height:12px;border-radius:6px;background:var(--cream);border:1px solid var(--border-strong);overflow:hidden;margin:.2rem 0 .35rem;}
.bar span{display:block;height:100%;background:var(--navy);}
.bar-txt{font-weight:700;color:var(--navy);margin:0 0 .6rem;}
.dates{list-style:none;display:flex;flex-direction:column;gap:.2rem;font-size:14.5px;color:var(--muted);margin:0 0 1rem;}
/* Buy more seats: the three packages. */
.pkgs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;margin:.4rem 0;}
.pkg{background:var(--cream);border-radius:10px;padding:.8rem;display:flex;flex-direction:column;gap:.2rem;}
.pkg b{font-size:22px;color:var(--navy);}
.pkg-h{font-weight:700;}
.pkg .btn{margin-top:.4rem;}
/* ORG-SEATS-3: the refund box names its order; the inline confirmation; codes no longer redeemable; the buyer's details */
.refund-box{border:1.5px solid var(--border-strong);border-radius:12px;padding:1rem 1rem .9rem;margin-top:1.2rem;background:#fff;}
.refund-box h3{font-size:17px;color:var(--navy);margin:0 0 .5rem;line-height:1.35;overflow-wrap:anywhere;}
.rf-ask{margin-top:.7rem;padding:.75rem .9rem;border:1.5px solid var(--gold);border-radius:10px;background:#FDF4E0;}
.rf-ask[hidden]{display:none;}
.rf-q{font-weight:700;color:var(--navy);margin:0 0 .3rem;overflow-wrap:anywhere;}
.rf-ask .btn{margin:.35rem 0 0;}
.btn.ghost{background:#fff;color:var(--navy);border:1.5px solid var(--border-strong);}
.codes-left{font-weight:700;color:var(--navy);margin:.2rem 0 .4rem;}
.codes-left.none{color:var(--danger);}
.codes.spent code{text-decoration:line-through;opacity:.55;}
.link-spent{text-decoration:line-through;color:var(--muted);word-break:break-all;font-size:14px;margin:0 0 .8rem;}
.fa-who .field{margin:0 0 .8rem;}
.fa-who-err{color:var(--danger);font-size:14px;margin:.3rem 0 0;}
.fa-who-err:empty{display:none;}
input[aria-invalid=true]{border-color:var(--danger);}
.msg.beta{display:block;background:#FDF4E0;border:1px solid var(--gold-light);color:var(--gold-ink);font-weight:700;}
.msg.beta[hidden]{display:none;}
.msg.beta a{color:var(--navy);display:inline-flex;align-items:center;min-height:44px;}
@media(max-width:700px){.pkgs{grid-template-columns:1fr;}}
footer{background:var(--navy);padding:1.3rem 1rem;text-align:center;}
footer p{font-size:12.5px;color:rgba(255,255,255,.7);}
footer a{color:rgba(255,255,255,.75);text-decoration:none;margin:0 .6rem;}
@media(max-width:600px){.nav-back{display:none;}}
@media(min-width:1024px){body{font-size:18px;}.card{padding:2rem;}}
