/* b1k1n1 UI kit — CRT green-on-black family (teaser sibling).
   Loaded after shell.css; additive, namespaced, no style resets. */
:root{
  --bk-bg:#0a0a0a; --bk-panel:#111214; --bk-panel-2:#151515;
  --bk-line:#1f2a22; --bk-green:#00ff88; --bk-green-dim:#00c86f;
  --bk-green-faint:rgba(0,255,136,.22); --bk-green-glow:rgba(0,255,136,.25);
  --bk-text:#e0e0e0; --bk-text-dim:#888; --bk-red:#f66;
  --bk-mono:"Courier New",ui-monospace,monospace;
  --bk-r:10px;
}
/* buttons: unselected / selected / disabled */
#shell button{font-family:var(--bk-mono);background:var(--bk-panel);color:var(--bk-text);
  border:1px solid var(--bk-line);border-radius:var(--bk-r);padding:6px 12px;cursor:pointer}
#shell button:hover{border-color:var(--bk-green-faint);box-shadow:0 0 12px var(--bk-green-glow)}
#shell button[data-selected="true"],#shell button[aria-selected="true"],#shell button.active{
  color:var(--bk-green);border-color:var(--bk-green);background:rgba(0,255,136,.06);
  box-shadow:0 0 14px var(--bk-green-glow)}
#shell button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}
/* tabs */
.bik-tabs{display:flex;gap:6px;border-bottom:1px solid var(--bk-line)}
.bik-tabs [role=tab]{border:1px solid transparent;border-bottom:none;border-radius:var(--bk-r) var(--bk-r) 0 0;
  background:transparent;color:var(--bk-text-dim)}
.bik-tabs [role=tab][aria-selected="true"]{color:var(--bk-green);border-color:var(--bk-line);
  background:var(--bk-panel);box-shadow:0 0 10px var(--bk-green-glow)}
/* tables: lines + borders */
table.bik-table{width:100%;border-collapse:collapse;font-family:var(--bk-mono);font-size:13px}
.bik-table th{color:var(--bk-green);text-align:left;border:1px solid var(--bk-line);
  border-bottom:2px solid var(--bk-green-faint);background:var(--bk-panel);padding:6px 10px;letter-spacing:.08em}
.bik-table td{border:1px solid var(--bk-line);padding:5px 10px;color:var(--bk-text);background:var(--bk-panel-2)}
.bik-table tr:nth-child(even) td{background:#101211}
.bik-table tr:hover td{background:rgba(0,255,136,.04)}
/* dropdown menus */
.bik-dropdown{position:relative;display:inline-block}
.bik-dropdown>.bik-menu,.bik-menu{display:none;position:absolute;z-index:50;min-width:180px;
  background:var(--bk-panel);border:1px solid var(--bk-green-faint);border-radius:var(--bk-r);
  box-shadow:0 8px 30px rgba(0,0,0,.8),0 0 18px var(--bk-green-glow);padding:6px;font-family:var(--bk-mono)}
.bik-dropdown.open>.bik-menu,.bik-menu.open{display:block}
.bik-menu>div,.bik-menu>a{padding:7px 12px;border-radius:6px;color:var(--bk-text);cursor:pointer;white-space:nowrap}
.bik-menu>div:hover,.bik-menu>a:hover{background:rgba(0,255,136,.08);color:var(--bk-green)}
/* inputs */
#shell input[type=text],#shell input[type=email],#shell input[type=password],#shell textarea{
  font-family:var(--bk-mono);background:#0c0e0d;color:var(--bk-green);
  border:1px solid var(--bk-line);border-radius:6px;padding:6px 10px}
#shell input:focus,#shell textarea:focus{border-color:var(--bk-green);box-shadow:0 0 10px var(--bk-green-glow);outline:none}
/* toggle */
.bik-toggle{appearance:none;width:40px;height:22px;border-radius:12px;border:1px solid var(--bk-line);
  background:var(--bk-panel);position:relative;cursor:pointer}
.bik-toggle:checked{background:rgba(0,255,136,.15);border-color:var(--bk-green)}
.bik-toggle::after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;
  background:var(--bk-text-dim);transition:.15s}
.bik-toggle:checked::after{left:20px;background:var(--bk-green);box-shadow:0 0 8px var(--bk-green-glow)}
/* panels/cards */
.bik-panel{background:var(--bk-panel);border:1px solid var(--bk-line);border-radius:14px;
  background-image:var(--bk-tile,none);background-size:cover;background-blend-mode:screen}
.bik-panel.bik-panel--tex{--bk-tile:url(/assets/tiles/bg-panel-01.png)}
/* toasts (platform already ships #bikini-toast) */
#bikini-toast{border:1px solid var(--bk-green-faint);border-radius:14px;background:rgba(10,14,12,.96);
  font-family:var(--bk-mono);box-shadow:0 0 26px rgba(0,255,136,.18)}
/* body texture variant (login/empty states) */
body.bik-bg-login{background:#0a0a0a url(/assets/tiles/bg-login-01.png) center/cover no-repeat fixed}
body.bik-bg-empty{background:#0a0a0a url(/assets/tiles/bg-empty-01.png) center/cover no-repeat fixed}
/* primary CTAs: base #shell button (ID specificity) beats class-based app rules;
   static submit buttons can't carry the state-attribute path — selected idiom */
#shell button[type="submit"]{color:var(--bk-green);border-color:var(--bk-green);
  background:rgba(0,255,136,.06);box-shadow:0 0 14px var(--bk-green-glow)}
#shell button[type="submit"]:hover{box-shadow:0 0 18px var(--bk-green-glow)}
#shell button[type="submit"]:disabled{box-shadow:none}