:root{--bg:#141414;--p1:#1e1e1e;--p2:#2a2a2a;--bd:#3a3a3a;--tx:#f0f0f0;--mu:#a8a8a8;--gold:#c9a227;--cta:#c41e3a;--ctah:#a3182f}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--tx);font:13.5px/1.5 Verdana,Geneva,system-ui,sans-serif}
a{color:var(--tx);text-decoration:none}a:hover{color:#fff;text-decoration:underline}
.wrap{max-width:1180px;margin:0 auto;padding:0 20px}
.wordmark{font-family:Georgia,"Times New Roman",serif;font-weight:bold;letter-spacing:.18em;color:var(--tx)}
.wordmark span{color:var(--cta)}
.crest{width:34px;height:34px;border:2px solid var(--gold);border-radius:50% 50% 50% 50%/40% 40% 60% 60%;display:inline-grid;place-items:center;color:var(--gold);font:bold 15px Georgia,serif;vertical-align:middle}
.panel{background:var(--p1);border:1px solid var(--bd);border-radius:4px}
.panel-h{background:var(--p2);border-bottom:1px solid var(--bd);padding:8px 14px;font-weight:bold;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--mu)}
.panel-b{padding:16px}
.btn{display:inline-block;background:var(--cta);color:#fff;border:0;border-radius:3px;padding:9px 18px;font:bold 13px Verdana,sans-serif;cursor:pointer}
.btn:hover{background:var(--ctah);text-decoration:none}
.btn.sm{padding:5px 12px;font-size:12px}
.btn.ghost{background:var(--p2);border:1px solid var(--bd);color:var(--tx)}
label{display:block;font-size:12px;color:var(--mu);margin:0 0 5px}
input[type=text],input[type=password]{width:100%;background:#111;border:1px solid var(--bd);color:var(--tx);padding:9px 10px;border-radius:3px;font:13.5px Verdana,sans-serif}
input:focus{outline:none;border-color:var(--gold)}
.muted{color:var(--mu)}.gold{color:var(--gold);font-weight:bold}
/* login */
.login-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px}
.login-brand{text-align:center}.login-brand .wordmark{font-size:40px;display:block;margin-top:10px}
.login-brand .tag{color:var(--mu);font-size:12px;letter-spacing:.2em;text-transform:uppercase}
.login-card{width:360px}.login-card .field{margin-bottom:14px}
.login-card .btn{width:100%;padding:11px}
.login-links{text-align:center;margin-top:14px;font-size:12.5px}.login-links a{color:var(--tx);border-bottom:1px dotted var(--mu)}
.login-links .sep{color:var(--bd);margin:0 10px}
.foot{color:#666;font-size:11px;text-align:center}
/* header */
.topbar{background:var(--p1);border-bottom:1px solid var(--bd)}
.topbar .wrap{display:flex;align-items:center;justify-content:space-between;height:60px}
.topbar .wordmark{font-size:22px;margin-left:10px}
.stats{display:flex;gap:0;font-size:12.5px}
.stat{padding:0 16px;border-left:1px solid var(--bd)}.stat:first-child{border-left:0}
.stat b{display:block;font-size:10.5px;color:var(--mu);font-weight:normal;text-transform:uppercase;letter-spacing:.08em}
.bar{width:90px;height:5px;background:#333;border-radius:3px;margin-top:3px}.bar i{display:block;height:100%;background:var(--cta);border-radius:3px}
.ticker{background:#191919;border-bottom:1px solid var(--bd);font-size:12px;color:var(--mu)}
.ticker .wrap{height:30px;display:flex;align-items:center;gap:10px}.ticker em{color:var(--cta);font-style:normal;font-weight:bold}
.content{padding:22px 0}
.grid2{display:grid;grid-template-columns:2fr 1fr;gap:18px}
/* layout w/ sidebar */
.layout{display:grid;grid-template-columns:200px 1fr;gap:18px;padding:22px 0}
.nav .grp{padding:10px 14px 4px;font-size:10.5px;color:var(--mu);text-transform:uppercase;letter-spacing:.12em}
.nav a{display:flex;justify-content:space-between;padding:6px 14px;border-left:3px solid transparent;font-size:13px}
.nav a:hover{background:var(--p2);text-decoration:none}
.nav a.on{background:var(--p2);border-left-color:var(--cta);font-weight:bold}
.nav .badge{background:var(--cta);color:#fff;font-size:10.5px;border-radius:9px;padding:0 6px}
.nav hr{border:0;border-top:1px solid var(--bd);margin:6px 0}
table.t{width:100%;border-collapse:collapse}
.t th{text-align:left;font-size:11px;color:#fff;text-transform:uppercase;letter-spacing:.06em;padding:8px 12px;border-bottom:1px solid var(--ctah);background:var(--cta)}
.t td{padding:10px 12px;border-bottom:1px solid #2c2c2c}
.t tr:hover td{background:#232323}
.notice{background:#22191b;border:1px solid #4a2a30;border-left:3px solid var(--cta);padding:10px 14px;border-radius:3px;margin-bottom:16px}
h1{font-size:20px;margin:0 0 4px}

/* --- legacy bridge: restyle classic tables/chrome without markup rewrite --- */
body, td, th { color: var(--tx) !important; }
a, a:link, a:visited { color: var(--tx) !important; font-size: inherit; }
a:hover { color: #fff !important; }
table.main, table.Main, table.thinline, .style2 {
  background: var(--p1) !important;
  border: 1px solid var(--bd) !important;
  border-collapse: collapse;
  border-radius: 4px;
  font-size: 13px !important;
}
.TableHeading, .Tableheading, .tableHeading, .tableheading, td.TableHeading {
  background: var(--cta) !important;
  background-image: none !important;
  color: #fff !important;
  font-size: 11px !important;
  letter-spacing: .06em;
  text-transform: uppercase;
  border-bottom: 1px solid var(--ctah) !important;
}
.TableSub, td.TableSub {
  background: var(--cta) !important;
  background-image: none !important;
  color: #fff !important;
  font-size: 11px !important;
  letter-spacing: .06em;
  text-transform: uppercase;
  border-bottom: 1px solid var(--ctah) !important;
}
.TableArea, .tablearea, .TAbleArea, td.TableArea {
  background: var(--p1) !important;
  color: var(--tx) !important;
  border-bottom: 1px solid #2c2c2c !important;
  padding: 8px 10px !important;
}
input.input, input.textbox, input[type=text], input[type=password], textarea {
  background: #111 !important;
  border: 1px solid var(--bd) !important;
  color: var(--tx) !important;
  padding: 8px 10px !important;
  border-radius: 3px;
  font: 13.5px Verdana,sans-serif !important;
}
input.button, input[type=submit], .button {
  background: var(--cta) !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 3px;
  padding: 8px 16px !important;
  font: bold 13px Verdana,sans-serif !important;
  cursor: pointer;
}
input.button:hover, input[type=submit]:hover { background: var(--ctah) !important; }
/* gold only when marked */
.gold, .money, span.gold { color: var(--gold) !important; font-weight: bold; }

/* --- frame chrome additions (2026-10-28) --- */
html,body{background:var(--bg) !important}
body.frame{padding:0;font-size:12.5px}
.nav{padding:4px 0 10px}
.nav .grp{display:block;cursor:pointer;color:var(--mu) !important;border-top:1px solid var(--bd);margin-top:4px}
.nav .grp:first-child{border-top:0;margin-top:0}
.nav .grp:hover{color:#fff !important;text-decoration:none}
.nav .row{display:flex;flex-wrap:wrap;gap:4px;padding:5px 14px;border-left:3px solid transparent;font-size:12.5px}
.nav .row:hover{background:var(--p2);border-left-color:var(--cta)}
.nav .row a{display:inline;padding:0;border:0}
.nav .row a:hover{background:none}
.nav .row.red a,.nav a.red{color:var(--cta) !important;font-weight:bold}
.nav .tools{padding:4px 14px;font-size:11px}
.nav .tools a{display:inline;padding:0;border:0;color:var(--mu) !important}
.topbar .wrap{height:100%;min-height:60px}
.topbar.full{height:100vh;display:flex;align-items:center}
.topbar.full .wrap{width:100%;max-width:none}
.qs{margin:6px}.qs .panel-h{padding:5px 10px}.qs .panel-b{padding:6px 10px;font-size:11.5px;line-height:1.45}
.qs .unread a{color:var(--cta) !important;font-weight:bold}
.pi{width:96%;margin:18px auto 0}
.pi table{width:100%;border-collapse:collapse}
.pi td{padding:8px 12px;border-bottom:1px solid #2c2c2c;font-size:12.5px;vertical-align:middle}
.pi td b{color:var(--mu);font-weight:normal}
.pi .bar{width:100%;height:14px;position:relative}
.pi .bar i{background:var(--cta)}
.pi .bar span{position:absolute;inset:0;font-size:10px;line-height:14px;text-align:center;color:#fff}
.site-foot{text-align:center;color:#666;font-size:11px;margin:18px 0}
.site-foot a{color:var(--mu) !important}
.login-card .error{color:#ff6b7f;text-align:center;font-weight:bold;margin-bottom:12px}

/* ===== INTERIOR BRIDGE (proposed for includes/web-refresh.css) ===== */
body.frame-mid,.content-frame{max-width:960px;margin:0 auto;padding:18px 16px}
.content-frame>.panel{margin-bottom:16px}
.money,span.gold{color:var(--gold);font-weight:bold}
/* legacy class bridge */
table.main,table.Main,.main,.Main{background:var(--p1);border:1px solid var(--bd)!important;border-radius:4px;border-collapse:collapse;margin:0 auto 16px;width:100%;max-width:960px}
/* STANDING: red (#c41e3a) bg + white text on first/header row of EVERY table */
.tableheading,.TableHeading,.TableSub{background:var(--cta)!important;color:#fff!important;font-size:11px;font-weight:bold;letter-spacing:.06em;text-transform:uppercase;padding:8px 12px;border-bottom:1px solid var(--ctah)}
.tablearea,.TableArea,.TAbleArea,.tablarea{background:var(--p1)!important;color:var(--tx);padding:9px 12px;border-bottom:1px solid #2c2c2c}
tr:hover>.tablearea,tr:hover>.TableArea{background:#232323!important}
.thinline{border:1px solid var(--bd)!important;background:var(--p1)}
.button,input[type=submit]{background:var(--cta);color:#fff;border:0;border-radius:3px;padding:7px 16px;font:bold 12.5px Verdana,sans-serif;cursor:pointer}
.button:hover,input[type=submit]:hover{background:var(--ctah)}
.textbox,select,textarea{background:#111;border:1px solid var(--bd);color:var(--tx);padding:7px 9px;border-radius:3px;font:13px Verdana,sans-serif}
td[background]{background-image:none!important}
/* action picker */
.picker{display:grid;grid-template-columns:minmax(220px,300px) 1fr;gap:18px}
.picker .preview{background:var(--p2);border:1px solid var(--bd);border-radius:3px;aspect-ratio:4/3;display:grid;place-items:center;color:var(--mu);font-size:12px;overflow:hidden}
.picker .preview img{width:100%;height:100%;object-fit:cover}
.picker label.opt{display:flex;justify-content:space-between;gap:10px;padding:9px 12px;border:1px solid var(--bd);border-radius:3px;margin-bottom:6px;color:var(--tx);font-size:13px;cursor:pointer}
.picker label.opt:hover,.picker label.opt.on{border-color:var(--cta);background:#232323}
/* flags */
.flag,img.flag{width:48px;height:32px;object-fit:cover;border-radius:2px;border:1px solid var(--bd);display:inline-block;vertical-align:middle;background:#111}
.panel-h img.flag{width:36px;height:24px;margin-right:8px}

/* Austin standing (~2026-10-28): red first/header row on every table */
table.main > tr:first-child > td,
table.Main > tr:first-child > td,
table.main > tbody > tr:first-child > td,
table.Main > tbody > tr:first-child > td,
table.main > tr:first-child > th,
table.Main > tbody > tr:first-child > th,
table.thinline > tr:first-child > td,
.content-frame table > tr:first-child > td,
.content-frame table > tbody > tr:first-child > td {
  background: var(--cta) !important;
  background-image: none !important;
  color: #fff !important;
  font-weight: bold;
  letter-spacing: .06em;
  text-transform: uppercase;
  border-bottom: 1px solid var(--ctah) !important;
}
.tableheading,.TableHeading,td.TableHeading,.Tableheading,.tableHeading,.TableSub,td.TableSub{
  background: var(--cta) !important;
  background-image: none !important;
  color: #fff !important;
}
/* panel titles stay dark muted unless they are a table header cell */
.panel-h{background:var(--p2);color:var(--mu)}

/* vehicle thumbs */
.thumb{width:96px;height:54px;object-fit:cover;border-radius:2px;border:1px solid var(--bd);background:var(--p2);display:grid;place-items:center;color:var(--mu);font-size:10px}
.hero{height:140px;border-radius:4px 4px 0 0;background:linear-gradient(90deg,#1e1e1e,#2a2a2a);display:flex;align-items:flex-end;padding:14px;border-bottom:1px solid var(--bd)}
.hero h1{margin:0}
.note{font-size:11.5px;color:var(--mu);margin-top:8px}
@media(max-width:640px){.picker{grid-template-columns:1fr}}

/* 2026-10-28 msg ship (comp 77): Personal Information header red */
.panel.pi .panel-h{background:#c41e3a!important;color:#fff!important;border-bottom:1px solid #a3182f}

/* Admin / staff panel titles — match game red headers (comps 84–86) */
.acp .panel-h,
.panel.admin .panel-h,
body.admin-cp .panel-h {
  background:#c41e3a!important;
  color:#fff!important;
  border-bottom:1px solid #a3182f;
}
/* legacy class=header on admin tables — scoped */
body.admin-cp .header,
body.admin-cp td.header,
body.admin-cp th.header {
  background:#c41e3a!important;
  color:#fff!important;
}
/* Mod CP panel titles red */
body.mod-cp .panel-h {
  background:#c41e3a!important;
  color:#fff!important;
  border-bottom:1px solid #a3182f;
}

/* 2026-10-29 admin-red-fix (v=20261029adminred2): broaden Admin/Mod red — admin-scoped only */
.acp .panel-h,
.acp .panel .panel-h,
.acp-grp > .panel-h,
.acp-grp .panel-h,
.panel.admin .panel-h,
body.admin-cp .panel-h,
body.mod-cp .panel-h {
  background:#c41e3a!important;
  background-image:none!important;
  color:#fff!important;
  border-bottom:1px solid #a3182f;
}
body.admin-cp .TableHeading,
body.admin-cp .tableheading,
body.admin-cp td.TableHeading,
body.admin-cp .TableSub,
body.mod-cp .header,
body.mod-cp td.header,
body.mod-cp th.header {
  background:#c41e3a!important;
  background-image:none!important;
  color:#fff!important;
}