/* ── TCN SHARED STYLES ───────────────────────────────────────────── */
:root{
  --bg:#0f0f0f;--s1:#161616;--s2:#1c1c1c;--s3:#222;
  --bd:#252525;--bd2:#2e2e2e;--bd3:#333;
  --tx:#e8e2d9;--tx2:#b0a898;--tx3:#666;
  --gold:#C9A84C;--gold-light:#E8C96A;--gold-dim:#8A6E2F;
  --gold-bg:#1a1200;--gold-bd:#2a1e00;
  --gn:#4ade80;--gn-bg:#0a1f0f;--gn-bd:#0d2a12;
  --am:#fbbf24;--am-bg:#1f1500;--am-bd:#2a1e00;
  --rd:#f87171;--rd-bg:#1f0a0a;--rd-bd:#2a1010;
  --bl:#4a9eff;--bl-bg:#0a1d35;--bl-bd:#0f2d52;
  --tl:#2dd4bf;--tl-bg:#071f1e;--tl-bd:#0a2e2c;
  --nav-w:220px;
}
*{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{background:var(--bg);color:var(--tx);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',system-ui,sans-serif;font-size:14px;line-height:1.5;}
body.has-nav{padding-left:var(--nav-w);}

/* ── NAV SIDEBAR ── */
.tcn-nav{position:fixed;top:0;left:0;bottom:0;width:var(--nav-w);background:var(--s1);border-right:1px solid var(--bd);display:flex;flex-direction:column;z-index:200;overflow-y:auto;}
.tcn-nav-brand{padding:20px 18px 16px;border-bottom:1px solid var(--bd);display:flex;align-items:center;gap:8px;}
.tcn-nav-logo{font-size:20px;color:var(--gold);}
.tcn-nav-name{font-size:16px;font-weight:700;color:var(--tx);letter-spacing:-0.01em;}
.tcn-nav-sub{font-size:10px;color:var(--tx3);letter-spacing:0.06em;text-transform:uppercase;margin-left:auto;}
.tcn-nav-links{flex:1;padding:10px 8px;}
.tcn-nav-link{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:6px;text-decoration:none;color:var(--tx2);font-size:13px;transition:all 0.12s;margin-bottom:2px;}
.tcn-nav-link:hover{background:var(--s2);color:var(--tx);}
.tcn-nav-link.active{background:var(--gold-bg);color:var(--gold);border:1px solid var(--gold-bd);}
.tcn-nav-icon{font-size:15px;width:18px;text-align:center;flex-shrink:0;}
.tcn-nav-label{font-size:13px;}
.tcn-nav-logout{margin:12px 8px;padding:9px 12px;background:transparent;border:1px solid var(--bd);border-radius:6px;color:var(--tx3);cursor:pointer;font-size:13px;transition:all 0.12s;text-align:left;}
.tcn-nav-logout:hover{border-color:var(--rd);color:var(--rd);}

/* ── PAGE WRAPPER ── */
.page{max-width:1100px;margin:0 auto;padding:28px 24px;}
.page-header{margin-bottom:28px;padding-bottom:16px;border-bottom:1px solid var(--bd);}
.page-title{font-size:22px;font-weight:700;color:var(--tx);margin-bottom:4px;}
.page-sub{font-size:12px;color:var(--tx3);}

/* ── CARDS ── */
.card{background:var(--s1);border:1px solid var(--bd);border-radius:8px;padding:20px;}
.card-title{font-size:13px;font-weight:600;color:var(--tx);margin-bottom:8px;}

/* ── BUTTONS ── */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-family:inherit;font-size:12px;font-weight:500;padding:8px 16px;border-radius:5px;cursor:pointer;border:1px solid;transition:all 0.12s;text-decoration:none;}
.btn-gold{background:var(--gold-bg);color:var(--gold);border-color:var(--gold-bd);}
.btn-gold:hover{background:var(--gold);color:var(--bg);}
.btn-green{background:var(--gn-bg);color:var(--gn);border-color:var(--gn-bd);}
.btn-green:hover{background:var(--gn);color:var(--bg);}
.btn-ghost{background:transparent;color:var(--tx2);border-color:var(--bd2);}
.btn-ghost:hover{color:var(--tx);border-color:var(--bd3);}
.btn-red{background:var(--rd-bg);color:var(--rd);border-color:var(--rd-bd);}

/* ── BADGES / TIERS ── */
.t-GRAIL{background:var(--rd-bg);color:var(--rd);border-color:var(--rd-bd);}
.t-HIGH{background:var(--am-bg);color:var(--am);border-color:var(--am-bd);}
.t-SOLID{background:var(--gn-bg);color:var(--gn);border-color:var(--gn-bd);}
.t-VERIFY{background:var(--bl-bg);color:var(--bl);border-color:var(--bl-bd);}
.tier{display:inline-flex;align-items:center;font-size:9px;font-weight:700;letter-spacing:0.05em;padding:2px 7px;border-radius:3px;border:1px solid;}

/* ── INPUTS ── */
input[type=text],input[type=number],input[type=password],textarea,select{
  background:var(--s2);border:1px solid var(--bd2);border-radius:6px;
  color:var(--tx);font-family:inherit;font-size:13px;padding:8px 12px;
  outline:none;width:100%;transition:border-color 0.15s;}
input:focus,textarea:focus,select:focus{border-color:var(--gold);}
input::placeholder,textarea::placeholder{color:var(--tx3);}

/* ── UTILS ── */
.gold{color:var(--gold);}
.muted{color:var(--tx3);}
.divider{height:1px;background:var(--bd);margin:20px 0;}
.empty{text-align:center;padding:48px 20px;color:var(--tx3);}
.tag{display:inline-block;font-size:10px;font-weight:600;padding:2px 8px;border-radius:3px;letter-spacing:0.06em;text-transform:uppercase;}
.tag-gold{background:var(--gold-bg);color:var(--gold);border:1px solid var(--gold-bd);}
.tag-green{background:var(--gn-bg);color:var(--gn);}

/* ── MOBILE ── */
@media(max-width:768px){
  :root{--nav-w:0px;}
  body.has-nav{padding-left:0;padding-top:56px;}
  .tcn-nav{width:100%;height:56px;bottom:auto;flex-direction:row;border-right:none;border-bottom:1px solid var(--bd);}
  .tcn-nav-brand{display:none;}
  .tcn-nav-links{display:flex;flex-direction:row;padding:0 8px;overflow-x:auto;align-items:center;}
  .tcn-nav-link{flex-direction:column;gap:2px;padding:6px 10px;font-size:10px;}
  .tcn-nav-label{font-size:10px;}
  .tcn-nav-logout{margin:8px 4px;padding:6px 10px;}
  .page{padding:16px;}
}