/* Liapin Tickets: жовто-блакитна тема сторінок касира й організатора. Кольори місць у залі лишаються з ядра. */
:root{--blue:#0057B7;--blue-d:#0b2a5b;--yellow:#FFD500;--yellow-l:#fff8cc;--bg:#f2f6fc;--line:#cfdcf0}
body{background:var(--bg);color:#10264a}
.gate{position:fixed;inset:0;display:grid;place-items:center;padding:18px;background:linear-gradient(180deg,var(--blue) 0 50%,var(--yellow) 50% 100%);z-index:200;overflow:auto}
.gate[hidden],#appView[hidden],[data-tab-view][hidden]{display:none!important}
.gate .card{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0b2a5b55;padding:28px;width:min(400px,100%);display:grid;gap:14px}
.gate .brand{font-size:22px;font-weight:900;color:var(--blue);letter-spacing:.3px}.gate .brand b{color:#d6a800;background:var(--blue-d);padding:0 6px;border-radius:5px;margin-left:4px;color:var(--yellow)}
.gate h1{margin:0;font-size:19px;color:var(--blue-d)}.gate label{display:grid;gap:5px;font-size:12px;font-weight:700;color:#41597c}
.gate input{padding:11px;border:1px solid var(--line);border-radius:9px;font:inherit;width:100%}.gate input:focus{outline:3px solid #ffd50088;border-color:var(--blue)}
body .gate button,body.cashier .gate button{background:var(--yellow);color:var(--blue-d);font-size:15px;padding:12px;border:0;border-radius:9px;font-weight:800;cursor:pointer}.gate button:disabled{opacity:.5}
.gate .err{color:#b21d31;font-weight:700;min-height:18px;font-size:13px}.gate .hint2{font-size:12px;color:#6a7d99}
.cbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:14px;padding:0 18px;height:56px;background:var(--blue);color:#fff;border-bottom:4px solid var(--yellow);flex-wrap:nowrap;overflow:auto}
.cbar .brand{font-weight:900;font-size:17px;white-space:nowrap}.cbar .brand b{background:var(--yellow);color:var(--blue-d);padding:1px 7px;border-radius:5px;margin-left:5px}
.cbar nav{display:flex;gap:4px;flex:1}.cbar nav button{background:transparent;color:#dbe8ff;border:0;border-radius:8px;padding:8px 14px;font-weight:700;cursor:pointer;white-space:nowrap}
.cbar nav button.active{background:var(--yellow);color:var(--blue-d)}.cbar .who{font-size:13px;white-space:nowrap;display:flex;gap:10px;align-items:center}.cbar .who button{background:#ffffff26;color:#fff;border:0;border-radius:8px;padding:7px 12px;cursor:pointer;font-weight:700}
body.cashier .top{top:56px;background:var(--bg);border-bottom:1px solid var(--line)}body.cashier .top h1{color:var(--blue-d)}
body.cashier .showbar{background:var(--yellow-l);border:2px solid var(--yellow)}body.cashier .showbar label{color:var(--blue-d)}body.cashier .showbar select{color:var(--blue-d);border-color:var(--blue)}
body.cashier button{background:var(--blue)}body.cashier .cart-row button{background:#f6e1e1;color:#a63838}body.cashier .gate button#cout{background:#e8eef8;color:var(--blue-d)}body.cashier button.secondary{background:#e3edfb;color:var(--blue)}body.cashier button:disabled{opacity:.5}
body.cashier .panel{border-color:var(--line)}body.cashier .panel h2{color:var(--blue)}
body.cashier #sale,body.cashier #salePdf,body.cashier #groupSale{background:var(--yellow);color:var(--blue-d)}
body.cashier .hint{background:var(--yellow-l);border-color:#f1d84a;color:#5c4a00}
body.cashier .cart-comment{padding:7px;font-size:12px;border:1px solid var(--yellow);background:#fffdf0;border-radius:6px;margin-top:4px}
body.cashier .content{padding:16px 22px}body.cashier main.content{display:block}
.tabview{padding:16px 22px;max-width:1300px;margin:0 auto}.tabview .panel{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px;margin-bottom:14px}
.tabview h2{color:var(--blue);margin:0 0 10px;font-size:17px}.tabview input,.tabview select{padding:10px;border:1px solid var(--line);border-radius:8px;font:inherit;width:100%}
.rf-order{border:1px solid var(--line);border-radius:10px;padding:12px;margin:10px 0;background:#fff}.rf-order h3{margin:0 0 6px;font-size:14px;color:var(--blue-d)}
.rf-t{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;padding:6px 0;border-top:1px solid #edf2fa}.rf-t input{width:auto}.rf-t.denied{color:#7b8aa3}.rf-why{font-size:12px;color:#a3202f;grid-column:2/-1}
.rf-ok{color:#146b44;font-weight:700}.msg2{padding:10px 14px;border-radius:10px;margin:10px 0;font-weight:650}.msg2.ok{background:#e4f6ec;color:#146b44}.msg2.err{background:#fde8ea;color:#a3202f}
.tabview iframe{width:100%;border:0;min-height:700px;background:transparent}
@media(max-width:700px){.cbar{padding:0 10px;gap:8px}.tabview,body.cashier .content{padding:10px}}