/* Party Bar branding preview v0.6.0
   CSS-only: no external images/fonts, fully offline-capable. */

:root{
  --brand-neon:#39ff75;
  --brand-neon-soft:#16c95a;
  --brand-neon-dim:#0d7d3b;
  --brand-black:#010502;
  --brand-panel:rgba(5,16,10,.91);
  --brand-panel2:rgba(8,26,15,.94);
  --brand-line:rgba(57,255,117,.16);
}

/* PCB / terminal atmosphere without image downloads */
body{
  background-color:var(--brand-black);
  background-image:
    radial-gradient(circle at 12% 8%,rgba(57,255,117,.12),transparent 30rem),
    radial-gradient(circle at 88% 52%,rgba(0,169,86,.08),transparent 34rem),
    linear-gradient(rgba(0,0,0,.18),rgba(0,0,0,.72)),
    repeating-linear-gradient(0deg,transparent 0 47px,rgba(57,255,117,.022) 48px,transparent 49px),
    repeating-linear-gradient(90deg,transparent 0 63px,rgba(57,255,117,.018) 64px,transparent 65px);
  background-attachment:fixed;
}

body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-1;
  opacity:.42;
  background:
    linear-gradient(90deg,transparent 9%,var(--brand-line) 9.08%,transparent 9.16%) 0 0/420px 220px,
    linear-gradient(0deg,transparent 61%,var(--brand-line) 61.15%,transparent 61.3%) 0 0/420px 220px,
    radial-gradient(circle at 9% 61%,rgba(57,255,117,.45) 0 2px,transparent 3px) 0 0/420px 220px,
    linear-gradient(90deg,transparent 64%,rgba(57,255,117,.08) 64.1%,transparent 64.2%) 70px 75px/520px 300px,
    linear-gradient(0deg,transparent 28%,rgba(57,255,117,.08) 28.12%,transparent 28.24%) 70px 75px/520px 300px;
}

body::after{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:9999;
  opacity:.055;
  background:repeating-linear-gradient(0deg,transparent 0 2px,#8affaa 3px,transparent 4px);
  mix-blend-mode:screen;
}

/* Terminal header */
header{
  background:rgba(1,9,5,.92);
  border-bottom:1px solid rgba(57,255,117,.24);
  box-shadow:0 8px 30px rgba(0,0,0,.5),0 1px 0 rgba(57,255,117,.05) inset;
}

header h1,
.waiter-select-intro h2,
.stats-body h1{
  font-family:"SFMono-Regular",Consolas,"Liberation Mono",Menlo,monospace;
  letter-spacing:-.035em;
}

header h1::before{
  content:"> ";
  color:var(--brand-neon);
  text-shadow:0 0 12px rgba(57,255,117,.75);
}

.waiter-head{
  border-bottom-color:var(--waiter-color);
  box-shadow:0 6px 28px rgba(0,0,0,.55);
}

main{
  position:relative;
}

/* System tag used on all pages */
.brand-console{
  max-width:1050px;
  margin:.9rem auto 0;
  padding:0 1rem;
  color:#75ff9d;
  font:700 .72rem/1.2 "SFMono-Regular",Consolas,"Liberation Mono",Menlo,monospace;
  letter-spacing:.07em;
  text-transform:uppercase;
  opacity:.78;
}
.bar-body .brand-console,
.stats-body .brand-console{
  max-width:none;
  margin-left:0;
  padding-left:1rem;
}
.brand-console::after{
  content:" _";
  animation:brandBlink 1.05s steps(1,end) infinite;
}
@keyframes brandBlink{50%{opacity:0}}

/* Panels */
.card,
.waiter-select-card,
.qr-card,
.bar-order,
.stats-totals article,
.favorite-admin{
  background:
    linear-gradient(145deg,rgba(10,29,18,.96),rgba(3,12,8,.96));
  border-color:rgba(57,255,117,.14);
  box-shadow:
    0 16px 38px rgba(0,0,0,.42),
    inset 0 1px rgba(131,255,164,.035);
}

.drink-main{
  background:
    linear-gradient(145deg,rgba(10,31,19,.98),rgba(5,17,11,.98));
  border:1px solid rgba(57,255,117,.10);
  box-shadow:inset 0 0 24px rgba(57,255,117,.018);
}
.drink-main:active{
  border-color:rgba(57,255,117,.5);
  box-shadow:0 0 18px rgba(57,255,117,.10);
}
.drink-main .count{
  background:#020904;
  border:1px solid rgba(57,255,117,.2);
  color:#b8ffca;
}

.minus,
.secondary,
.waiter-switch-btn{
  background:#102118;
  border:1px solid rgba(57,255,117,.16);
}
.secondary:active,
.waiter-switch-btn:active{
  background:#193624;
}

.primary{
  background:linear-gradient(180deg,#51ff82,#25c95b);
  color:#001b09;
  box-shadow:0 0 18px rgba(57,255,117,.13);
}
.primary:not(:disabled):active{
  filter:brightness(1.08);
}

.chip{
  background:#0c2115;
  border-color:rgba(99,255,141,.20);
}
.chip.selected{
  background:#0b6230;
  border-color:#47f37a;
}
.chip.favorite{
  background:#243218;
  border-color:#9aca52;
}

input,textarea,
.drink-admin-row-v2 select{
  background:rgba(2,12,7,.94);
  border-color:rgba(92,184,116,.32);
}
input:focus,textarea:focus,
.drink-admin-row-v2 select:focus{
  outline:2px solid rgba(57,255,117,.34);
  border-color:#4de979;
}

/* Stats and statuses */
.online{
  background:#063d1c;
  color:#84ffab;
  border:1px solid rgba(57,255,117,.26);
}
.waiter-mini-stats,
.bar-stats{
  background:linear-gradient(135deg,rgba(5,39,19,.93),rgba(5,18,14,.96));
  border-color:rgba(57,255,117,.20);
}
.guest-stats-total strong,
.stats-totals strong{
  color:#9dffba;
  text-shadow:0 0 18px rgba(57,255,117,.12);
}

.sendbar{
  border:1px solid rgba(125,255,160,.35);
  box-shadow:0 12px 32px #000c,0 0 22px rgba(57,255,117,.10);
}

/* Keep warning/error semantics clearly different from branding green */
.offline-banner{box-shadow:0 8px 24px rgba(127,29,29,.22)}
.pending-banner{box-shadow:0 8px 24px rgba(120,53,15,.22)}
.danger{border:1px solid rgba(255,255,255,.10)}

/* Slightly more "terminal" section headings */
h2{
  color:#caffd7;
}
.drink-category h3{
  color:#a6ffbd;
  border-bottom-color:rgba(57,255,117,.12);
  font-family:"SFMono-Regular",Consolas,"Liberation Mono",Menlo,monospace;
}

/* Bar stays very readable on 10" tablet */
.bar-body{
  background-color:#010402;
}
.bar-order.status-ready{
  background:linear-gradient(145deg,#074326,#05281a);
  box-shadow:0 0 0 3px rgba(57,255,117,.68),0 18px 42px #0008;
}

/* Mobile: reduce visual noise */
@media(max-width:680px){
  body::before{opacity:.26}
  body::after{opacity:.035}
  .brand-console{font-size:.66rem;margin-top:.65rem}
}

.special-current-row{background:linear-gradient(135deg,rgba(67,49,6,.96),rgba(30,25,7,.96));border-color:rgba(229,184,73,.55)}
.special-save-row{background:rgba(3,18,9,.95);border-color:rgba(57,255,117,.15)}

.admin-branding-box{background:rgba(3,18,9,.95);border-color:rgba(57,255,117,.16)}
.bar-undo{background:linear-gradient(135deg,#0b4b25,#07351c);border-color:#51ff82}

.wait-time-settings{background:rgba(3,18,9,.95);border-color:rgba(57,255,117,.16)}

.direct-panel{background:linear-gradient(145deg,rgba(5,19,11,.99),rgba(2,8,5,.99));border-color:rgba(57,255,117,.2)}
.direct-footer{background:linear-gradient(180deg,transparent,rgba(2,10,6,.98) 24%,rgba(2,10,6,.98))}
.direct-undo{background:linear-gradient(135deg,#0b4b32,#073526);border-color:#51ff9a}

.done-confirm-panel{
  background:linear-gradient(145deg,rgba(5,19,11,.99),rgba(2,8,5,.99));
  border-color:rgba(57,255,117,.24);
  box-shadow:0 24px 80px rgba(0,0,0,.72),0 0 32px rgba(57,255,117,.08);
}

.app-confirm-panel{
  background:linear-gradient(145deg,rgba(5,19,11,.99),rgba(2,8,5,.99));
  border-color:rgba(57,255,117,.24);
  box-shadow:0 24px 80px rgba(0,0,0,.72),0 0 32px rgba(57,255,117,.08);
}

.drink-category-toggle{
  background:linear-gradient(135deg,rgba(8,34,17,.96),rgba(3,18,9,.96));
  border-color:rgba(57,255,117,.18);
}
.drink-category-toggle:hover{
  background:linear-gradient(135deg,rgba(10,45,22,.98),rgba(4,24,12,.98));
  border-color:rgba(57,255,117,.34);
}
.drink-category-selected{
  background:rgba(31,122,64,.72);
  border:1px solid rgba(81,255,154,.2);
}

.push-test-settings{background:rgba(3,18,9,.95);border-color:rgba(57,255,117,.16)}

.app-version-badge{
  color:#9cffbc;background:rgba(4,30,14,.92);
  border-color:rgba(57,255,117,.25);
  box-shadow:0 0 14px rgba(57,255,117,.06)
}

.bar-pin-settings{background:rgba(3,18,9,.95);border-color:rgba(57,255,117,.16)}

.counter-row.has-count{
  background:linear-gradient(135deg,rgba(7,38,18,.98),rgba(4,24,12,.98));
  border-color:rgba(57,255,117,.28);
  box-shadow:0 8px 22px rgba(0,0,0,.35),0 0 18px rgba(57,255,117,.04)
}
.counter-value{color:#9cffbc}

.counter-entry-link{
  background:linear-gradient(135deg,rgba(4,25,12,.98),rgba(5,42,18,.96));
  border-color:rgba(57,255,117,.24)
}
.counter-link-settings{background:rgba(3,18,9,.95);border-color:rgba(57,255,117,.16)}