/* MugShotter — Tactical Command Center theme overrides. * * Layered on TOP of styles.css. Activated when has class * "tactical-theme" (set in _layout.ejs whenever the user is signed in). * * Palette (Owner spec 2026-05-25): * void #0B0F19 deepest charcoal/midnight * panel #111827 primary panel background * surface #1A2435 raised surface (cards, sidebar tiles) * hairline rgba(255,255,255,0.06) * cyan #00E5FF primary accent / active CTAs * blue #3B82F6 secondary accent * amber #F59E0B warnings / unreviewed * crimson #EF4444 high priority / errors * emerald #10B981 secure / nominal * muted #93A4B5 * muted-dim #4C5F74 * * Type stack: * sans Inter, -apple-system, "SF Pro", "Segoe UI", system-ui, sans-serif * mono "JetBrains Mono", "SF Mono", "Roboto Mono", Consolas, monospace */ /* High-specificity body selector beats the legacy .admin-theme rules in * styles.css (which still set white backgrounds on .admin-main, .filter-bar, * .review-queue, etc.). We keep .admin-theme on the body for other styles * that depend on it, just override the colour-dependent bits here. */ body.tactical-theme, body.tactical-theme.admin-theme { --t-void: #0B0F19; --t-panel: #111827; --t-surface: #1A2435; --t-surface-2: #21304A; --t-hairline: rgba(255,255,255,0.06); --t-hairline-strong: rgba(255,255,255,0.12); --t-cyan: #00E5FF; --t-cyan-soft: rgba(0, 229, 255, 0.18); --t-cyan-glow: rgba(0, 229, 255, 0.35); --t-blue: #3B82F6; --t-amber: #F59E0B; --t-amber-soft: rgba(245, 158, 11, 0.16); --t-amber-glow: rgba(245, 158, 11, 0.35); --t-crimson: #EF4444; --t-crimson-soft:rgba(239, 68, 68, 0.18); --t-crimson-glow:rgba(239, 68, 68, 0.4); --t-emerald: #10B981; --t-emerald-soft:rgba(16, 185, 129, 0.15); --t-white: #F8FAFC; /* 2026-05-27 accessibility pass: original --t-muted #93A4B5 and --t-muted-dim #4C5F74 looked grey-on-grey at 12px and failed/skirted WCAG AA. Brightened both — kept the cool-blue cast so the tactical palette still reads. Form labels separately bumped to near-white. */ --t-muted: #C4D2E0; --t-muted-dim: #94A6BC; --t-sans: "Inter", -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI", system-ui, sans-serif; --t-mono: "JetBrains Mono", "SF Mono", "Roboto Mono", Consolas, "Liberation Mono", monospace; background: var(--t-void); background-image: radial-gradient(ellipse 1200px 700px at 20% -10%, rgba(0, 229, 255, 0.045), transparent), radial-gradient(ellipse 800px 500px at 90% 110%, rgba(59, 130, 246, 0.045), transparent), radial-gradient(circle at 50% 50%, rgba(0, 229, 255, 0.02) 0 1px, transparent 1px), var(--t-void); background-size: auto, auto, 24px 24px, auto; color: var(--t-white); font-family: var(--t-sans); letter-spacing: 0.01em; min-height: 100vh; } /* ── TOPBAR (brand + nav) ───────────────────────────────────────────── */ body.tactical-theme .topbar { background: rgba(11, 15, 25, 0.85); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); border-bottom: 1px solid var(--t-hairline); padding: 14px 24px; } body.tactical-theme .topbar .brand { display: flex; align-items: center; gap: 14px; text-decoration: none; color: var(--t-white); } body.tactical-theme .topbar .brand-mark { width: 40px; height: 40px; border-radius: 8px; box-shadow: 0 0 14px -2px var(--t-cyan-glow), 0 1px 2px rgba(0,0,0,0.4); flex-shrink: 0; object-fit: cover; } body.tactical-theme .brand-wordmark { font-weight: 800; letter-spacing: 3px; font-size: 18px; text-transform: uppercase; background: linear-gradient(135deg, var(--t-cyan), var(--t-blue)); -webkit-background-clip: text; background-clip: text; color: transparent; } body.tactical-theme nav a, body.tactical-theme nav .topbar-meta { color: var(--t-muted); font-size: 13px; letter-spacing: 0.5px; padding: 6px 12px; border-radius: 6px; text-decoration: none; transition: color .15s, background .15s; } body.tactical-theme nav a:hover { color: var(--t-cyan); background: var(--t-cyan-soft); } /* ── MAIN PAGE SHELL ────────────────────────────────────────────────── */ body.tactical-theme main.page, body.tactical-theme.admin-theme main.page { /* 2026-05-27: drop the base styles.css .page max-width:1100px constraint for authed dashboard pages — the console + admin tables need the wider 1400px shell so the 3-column grid (Main Hub / Match Results / Post- Detention) doesn't squash the middle column to 100px. */ max-width: 1400px; margin: 1rem auto; padding: 0 1rem; background: transparent !important; } body.tactical-theme .admin-shell, body.tactical-theme.admin-theme .admin-shell { display: grid; grid-template-columns: 260px 1fr; gap: 0; min-height: calc(100vh - 60px); background: transparent !important; } body.tactical-theme .admin-main, body.tactical-theme.admin-theme .admin-main { padding: 28px 32px 60px; background: linear-gradient(180deg, rgba(0, 229, 255, 0.025) 0%, transparent 320px), transparent !important; color: var(--t-white); } /* Drop the legacy light-theme cookie banner so it doesn't stand out as a * white slab on the dark background. */ body.tactical-theme #cookie-banner, body.tactical-theme.admin-theme #cookie-banner { background: rgba(11, 15, 25, 0.92) !important; border-top: 1px solid var(--t-hairline) !important; color: var(--t-muted) !important; backdrop-filter: blur(14px); } body.tactical-theme #cookie-banner a { color: var(--t-cyan); } body.tactical-theme #cookie-banner button { background: linear-gradient(135deg, var(--t-cyan), #00B7D4) !important; color: #0B0F19 !important; border: none; } body.tactical-theme h1 { font-size: 26px; font-weight: 800; letter-spacing: 3.5px; text-transform: uppercase; color: var(--t-white); border-bottom: 1px solid var(--t-cyan); display: inline-block; padding-bottom: 6px; box-shadow: 0 1px 0 var(--t-cyan-soft); margin: 6px 0 22px; } body.tactical-theme h1 small.muted { font-size: 13px; letter-spacing: 1.5px; color: var(--t-muted); margin-left: 12px; } body.tactical-theme h2 { font-size: 14px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: var(--t-muted); margin-top: 26px; margin-bottom: 14px; } body.tactical-theme p.muted, body.tactical-theme .muted { color: var(--t-muted); font-size: 13px; line-height: 1.55; } body.tactical-theme code { font-family: var(--t-mono); background: var(--t-surface); color: var(--t-cyan); padding: 1px 6px; border-radius: 3px; font-size: 12px; border: 1px solid var(--t-hairline); } body.tactical-theme a { color: var(--t-cyan); } /* ── SIDEBAR ────────────────────────────────────────────────────────── */ body.tactical-theme .sidebar { background: rgba(17, 24, 39, 0.85); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); border-right: 1px solid var(--t-hairline); padding: 22px 14px 32px; min-height: 100%; } body.tactical-theme .sidebar .t-section { font-family: var(--t-sans); font-size: 10px; font-weight: 700; letter-spacing: 2.2px; text-transform: uppercase; color: var(--t-muted-dim); padding: 14px 12px 6px; user-select: none; } body.tactical-theme .sidebar .t-section.t-section-platform { color: var(--t-cyan); margin-top: 4px; } body.tactical-theme .sidebar .sb-link { display: flex; align-items: center; gap: 10px; padding: 9px 12px; border-radius: 8px; color: var(--t-muted); text-decoration: none; font-size: 13px; font-weight: 500; letter-spacing: 0.1px; transition: background .15s, color .15s, transform .1s; background: transparent !important; } body.tactical-theme .sidebar .sb-link:hover { background: rgba(0, 229, 255, 0.06) !important; color: var(--t-white); } body.tactical-theme .sidebar .sb-link.active { background: linear-gradient(90deg, var(--t-cyan-soft) 0%, rgba(0,229,255,0.04) 100%) !important; color: var(--t-cyan); box-shadow: inset 3px 0 0 var(--t-cyan); } body.tactical-theme .sidebar .sb-icon { width: 18px; height: 18px; flex-shrink: 0; } body.tactical-theme .sidebar .sb-meta { font-family: var(--t-mono); font-size: 11px; color: var(--t-muted-dim); padding: 12px; margin: 16px 6px 0; line-height: 1.6; border-top: 1px solid var(--t-hairline); } body.tactical-theme .sidebar hr { border: none; border-top: 1px solid var(--t-hairline); margin: 14px 8px; } /* Notification badge for sidebar items (red dot with count) */ body.tactical-theme .sb-badge { display: inline-flex; align-items: center; justify-content: center; min-width: 18px; height: 18px; padding: 0 5px; margin-left: auto; background: var(--t-crimson); color: var(--t-white); font-family: var(--t-mono); font-size: 10px; font-weight: 700; border-radius: 9px; box-shadow: 0 0 8px var(--t-crimson-glow); } /* ── METRIC CARDS (glassmorphic) ────────────────────────────────────── */ body.tactical-theme .metric-bar { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-bottom: 22px; } @media (max-width: 900px) { body.tactical-theme .metric-bar { grid-template-columns: 1fr; } } body.tactical-theme .metric-card, body.tactical-theme.admin-theme .metric-card { position: relative; padding: 18px 22px; background: rgba(20, 28, 44, 0.85) !important; backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid var(--t-hairline-strong); border-radius: 12px; display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 14px; transition: transform .15s, box-shadow .15s; color: var(--t-white); } body.tactical-theme .metric-card.metric-amber { border-color: var(--t-amber-glow); box-shadow: 0 0 0 1px var(--t-amber-soft), 0 0 22px -4px var(--t-amber-glow); } body.tactical-theme .metric-card.metric-cyan { border-color: var(--t-cyan-glow); box-shadow: 0 0 0 1px var(--t-cyan-soft), 0 0 22px -4px var(--t-cyan-glow); } body.tactical-theme .metric-card.metric-blue { border-color: rgba(59, 130, 246, 0.35); box-shadow: 0 0 0 1px rgba(59, 130, 246, 0.16), 0 0 22px -4px rgba(59, 130, 246, 0.35); } body.tactical-theme .metric-number { font-family: var(--t-sans); font-size: 44px; font-weight: 800; letter-spacing: -1px; line-height: 1; color: var(--t-white); } body.tactical-theme .metric-card.metric-amber .metric-number { color: var(--t-amber); } body.tactical-theme .metric-card.metric-cyan .metric-number { color: var(--t-cyan); } body.tactical-theme .metric-card.metric-blue .metric-number { color: var(--t-blue); } body.tactical-theme .metric-label { font-family: var(--t-sans); color: var(--t-muted); font-size: 12px; font-weight: 600; letter-spacing: 0.5px; margin-top: 6px; } body.tactical-theme .metric-icon { width: 42px; height: 42px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: rgba(0,0,0,0.25); flex-shrink: 0; } body.tactical-theme .metric-icon svg { width: 22px; height: 22px; stroke-width: 1.7; fill: none; stroke: currentColor; } body.tactical-theme .metric-amber .metric-icon { color: var(--t-amber); } body.tactical-theme .metric-cyan .metric-icon { color: var(--t-cyan); } body.tactical-theme .metric-blue .metric-icon { color: var(--t-blue); } @keyframes metric-pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.45; } } body.tactical-theme .metric-amber .metric-icon svg { animation: metric-pulse 1.8s ease-in-out infinite; } /* ── FILTER BAR ─────────────────────────────────────────────────────── */ body.tactical-theme .filter-bar, body.tactical-theme.admin-theme .filter-bar { display: flex; flex-wrap: wrap; gap: 14px; align-items: center; padding: 12px 16px; background: rgba(26, 36, 53, 0.55) !important; backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); border: 1px solid var(--t-hairline-strong) !important; border-radius: 10px; margin-bottom: 18px; font-size: 13px; color: var(--t-muted); } body.tactical-theme .filter-bar label { display: inline-flex; align-items: center; gap: 8px; color: var(--t-muted); font-size: 12px; letter-spacing: 0.5px; } body.tactical-theme .filter-bar input[type="text"], body.tactical-theme .filter-bar input[type="search"], body.tactical-theme .filter-bar select { background: rgba(11, 15, 25, 0.7); border: 1px solid var(--t-hairline); color: var(--t-white); padding: 6px 10px; border-radius: 6px; font-family: var(--t-sans); font-size: 12px; outline: none; transition: border-color .12s, box-shadow .12s; } body.tactical-theme .filter-bar input:focus, body.tactical-theme .filter-bar select:focus { border-color: var(--t-cyan); box-shadow: 0 0 0 2px var(--t-cyan-soft); } body.tactical-theme .filter-bar input[type="checkbox"] { width: 14px; height: 14px; accent-color: var(--t-cyan); } body.tactical-theme .filter-bar button, body.tactical-theme .btn-tactical { background: linear-gradient(135deg, var(--t-cyan), #00B7D4); color: #0B0F19; border: none; font-weight: 700; letter-spacing: 1.4px; text-transform: lowercase; padding: 7px 18px; border-radius: 6px; font-size: 12px; cursor: pointer; box-shadow: 0 0 14px -2px var(--t-cyan-glow); transition: transform .12s, box-shadow .12s; } body.tactical-theme .filter-bar button:hover, body.tactical-theme .btn-tactical:hover { box-shadow: 0 0 22px -2px var(--t-cyan); transform: translateY(-1px); } /* ── PANEL (main work area container) ───────────────────────────────── */ body.tactical-theme .t-panel, body.tactical-theme.admin-theme .t-panel { background: rgba(17, 24, 39, 0.75) !important; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid var(--t-hairline-strong) !important; border-radius: 12px; padding: 20px 24px; color: var(--t-white); } body.tactical-theme .t-panel-head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 14px; } body.tactical-theme .t-panel-head h3 { font-size: 14px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; color: var(--t-muted); margin: 0; } body.tactical-theme .t-panel-meta { font-family: var(--t-mono); font-size: 11px; color: var(--t-muted-dim); } /* ── EMPTY STATE (System Secure) ────────────────────────────────────── */ body.tactical-theme .system-secure { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 50px 24px; gap: 18px; } body.tactical-theme .system-secure-shield { position: relative; width: 180px; height: 180px; display: flex; align-items: center; justify-content: center; } body.tactical-theme .system-secure-shield::before, body.tactical-theme .system-secure-shield::after { content: ""; position: absolute; inset: 0; border-radius: 50%; border: 1px solid var(--t-cyan-glow); animation: shield-radar 3s ease-out infinite; } body.tactical-theme .system-secure-shield::after { animation-delay: 1.5s; } @keyframes shield-radar { 0% { transform: scale(0.55); opacity: 0.9; } 100% { transform: scale(1.2); opacity: 0; } } body.tactical-theme .system-secure-shield svg { position: relative; width: 110px; height: 110px; filter: drop-shadow(0 0 16px var(--t-cyan-glow)) drop-shadow(0 0 36px rgba(0, 229, 255, 0.25)); } body.tactical-theme .system-secure-title { font-family: var(--t-sans); font-size: 22px; font-weight: 800; letter-spacing: 5px; text-transform: uppercase; color: var(--t-white); text-align: center; background: linear-gradient(135deg, var(--t-cyan), var(--t-white)); -webkit-background-clip: text; background-clip: text; color: transparent; } body.tactical-theme .system-secure-sub { color: var(--t-muted); font-size: 13px; text-align: center; letter-spacing: 0.4px; } body.tactical-theme .system-log { margin-top: 18px; width: 100%; max-width: 460px; padding: 14px 18px; background: rgba(11, 15, 25, 0.65); border: 1px solid var(--t-hairline); border-radius: 8px; font-family: var(--t-mono); font-size: 12px; line-height: 1.85; color: var(--t-muted); } body.tactical-theme .system-log .log-ts { color: var(--t-muted-dim); } body.tactical-theme .system-log .log-ok { color: var(--t-emerald); font-weight: 700; } body.tactical-theme .system-log .log-active { color: var(--t-cyan); font-weight: 700; } /* ── TABLES (existing .data class lift) ─────────────────────────────── */ body.tactical-theme table.data { width: 100%; border-collapse: collapse; font-size: 13px; } body.tactical-theme table.data thead th { text-align: left; font-family: var(--t-sans); font-size: 11px; font-weight: 700; letter-spacing: 1.8px; text-transform: uppercase; color: var(--t-muted); padding: 12px 14px; border-bottom: 1px solid var(--t-hairline-strong); } body.tactical-theme table.data tbody td { padding: 12px 14px; border-bottom: 1px solid var(--t-hairline); color: var(--t-white); } body.tactical-theme table.data tbody tr:hover td { background: rgba(0, 229, 255, 0.03); } /* ── FORMS (existing .form lift) ───────────────────────────────────── */ body.tactical-theme .form input, body.tactical-theme .form select, body.tactical-theme .form textarea { background: rgba(11, 15, 25, 0.7); border: 1px solid var(--t-hairline); color: var(--t-white); padding: 9px 12px; border-radius: 7px; font-family: var(--t-sans); font-size: 13px; outline: none; transition: border-color .12s, box-shadow .12s; } body.tactical-theme .form input:focus, body.tactical-theme .form select:focus, body.tactical-theme .form textarea:focus { border-color: var(--t-cyan); box-shadow: 0 0 0 2px var(--t-cyan-soft); } body.tactical-theme .form label { display: block; margin: 14px 0 6px; /* 2026-05-27 a11y: form-field labels are critical UI, push to near-white for maximum contrast (8:1+ on every dashboard bg). Keep the tactical uppercase styling but bump size from 12 → 13 so the smallcaps read at arm's-length in the field. */ color: var(--t-white); font-size: 13px; letter-spacing: 0.6px; text-transform: uppercase; font-weight: 700; } /* Fieldset legends — render as section headings inside forms. Same a11y logic: was --t-muted, now near-white. */ body.tactical-theme .form legend { color: var(--t-white); font-weight: 700; letter-spacing: 0.8px; text-transform: uppercase; font-size: 11px; padding: 0 8px; } /* Placeholder text — was browser default (~40% opacity) on already-dim --t-muted. Bump opacity so placeholders are readable hints, not invisible suggestions. */ body.tactical-theme .form input::placeholder, body.tactical-theme .form textarea::placeholder { color: var(--t-muted-dim); opacity: 1; } body.tactical-theme .form button[type="submit"], body.tactical-theme button.btn-primary { background: linear-gradient(135deg, var(--t-cyan), #00B7D4); color: #0B0F19; border: none; font-weight: 700; letter-spacing: 1.4px; text-transform: uppercase; padding: 10px 22px; border-radius: 7px; font-size: 12px; cursor: pointer; box-shadow: 0 0 14px -3px var(--t-cyan-glow); } /* ── OK / ERR boxes ─────────────────────────────────────────────────── */ body.tactical-theme .ok { background: var(--t-emerald-soft); border: 1px solid rgba(16, 185, 129, 0.4); color: var(--t-white); padding: 12px 14px; border-radius: 8px; margin: 14px 0; } body.tactical-theme .err { background: var(--t-crimson-soft); border: 1px solid rgba(239, 68, 68, 0.45); color: var(--t-white); padding: 12px 14px; border-radius: 8px; margin: 14px 0; } body.tactical-theme .empty-queue { color: var(--t-muted); font-style: italic; padding: 24px 0; text-align: center; } /* ── LIST-ROW CARDS (flagged, members, review queue) ───────────────── * Owner spec 2026-05-25 (post-screenshot): the legacy list rows were * rendering as bright white cards on the dark background. Force the * tactical glass-surface look on every list-row pattern so the whole * dashboard reads consistently dark. */ body.tactical-theme .flagged-list, body.tactical-theme.admin-theme .flagged-list, body.tactical-theme .member-list, body.tactical-theme.admin-theme .member-list, body.tactical-theme .review-queue, body.tactical-theme.admin-theme .review-queue { list-style: none; padding: 0; margin: 14px 0; display: flex; flex-direction: column; gap: 10px; } body.tactical-theme .flagged-row, body.tactical-theme.admin-theme .flagged-row, body.tactical-theme .member-row, body.tactical-theme.admin-theme .member-row, body.tactical-theme .review-card, body.tactical-theme.admin-theme .review-card { background: rgba(20, 28, 44, 0.85) !important; border: 1px solid var(--t-hairline-strong) !important; border-radius: 10px !important; padding: 14px 18px !important; color: var(--t-white) !important; box-shadow: 0 1px 0 rgba(0,0,0,0.25), inset 0 1px 0 rgba(255,255,255,0.02); transition: background .12s, border-color .12s, transform .08s; } body.tactical-theme .flagged-row:hover, body.tactical-theme.admin-theme .flagged-row:hover, body.tactical-theme .member-row:hover, body.tactical-theme.admin-theme .member-row:hover, body.tactical-theme .review-card:hover, body.tactical-theme.admin-theme .review-card:hover { background: rgba(26, 36, 53, 0.92) !important; border-color: var(--t-cyan-soft) !important; } /* Make the title link inside list rows pop (cyan). */ body.tactical-theme .fr-name, body.tactical-theme.admin-theme .fr-name, body.tactical-theme .mr-name, body.tactical-theme.admin-theme .mr-name { color: var(--t-cyan) !important; font-weight: 700; text-decoration: none; letter-spacing: 0.2px; } body.tactical-theme .fr-name:hover, body.tactical-theme .mr-name:hover { text-decoration: underline; text-decoration-color: var(--t-cyan-glow); } /* Meta spans inside list rows — muted, mono for chrome bits. */ body.tactical-theme .fr-status, body.tactical-theme .fr-counts, body.tactical-theme .fr-owner, body.tactical-theme .fr-creator, body.tactical-theme .fr-retention, body.tactical-theme .mr-psira, body.tactical-theme .mr-contact, body.tactical-theme .mr-cert, body.tactical-theme .mr-when { color: var(--t-muted) !important; font-size: 12px !important; } body.tactical-theme .mr-review { color: var(--t-cyan) !important; font-weight: 600; } /* Escalation pills inside .flagged-row */ body.tactical-theme .fr-esc { display: inline-block; padding: 3px 9px; border-radius: 4px; font-family: var(--t-mono); font-size: 10px; font-weight: 700; letter-spacing: 1.4px; text-transform: uppercase; background: rgba(0,229,255,0.10); color: var(--t-cyan); border: 1px solid rgba(0,229,255,0.30); } body.tactical-theme .fr-esc.esc-trespass_banned, body.tactical-theme .fr-esc.esc-warning, body.tactical-theme .fr-esc.esc-watch, body.tactical-theme .fr-esc[class*="warning"] { background: rgba(245,158,11,0.10); color: var(--t-amber); border-color: rgba(245,158,11,0.30); } body.tactical-theme .fr-esc.esc-armed, body.tactical-theme .fr-esc.esc-dangerous, body.tactical-theme .fr-esc[class*="danger"], body.tactical-theme .fr-esc[class*="armed"] { background: rgba(239,68,68,0.10); color: var(--t-crimson); border-color: rgba(239,68,68,0.30); } /* ── BUTTONS — bring legacy .btn-primary / .btn-promote / .btn-approve * in line with the tactical palette. The legacy CSS used a soft * pastel green / cyan; tactical uses solid neon cyan with glow. */ body.tactical-theme .btn-primary, body.tactical-theme.admin-theme .btn-primary, body.tactical-theme .btn-promote, body.tactical-theme.admin-theme .btn-promote { background: linear-gradient(135deg, var(--t-cyan), #00B7D4) !important; color: #0B0F19 !important; border: none !important; font-weight: 700 !important; letter-spacing: 1.2px !important; padding: 8px 16px !important; border-radius: 7px !important; font-size: 12px !important; text-transform: uppercase; text-decoration: none !important; box-shadow: 0 0 14px -3px var(--t-cyan-glow) !important; display: inline-block; transition: transform .12s, box-shadow .12s; } body.tactical-theme .btn-primary:hover, body.tactical-theme .btn-promote:hover { transform: translateY(-1px); box-shadow: 0 0 22px -2px var(--t-cyan) !important; } body.tactical-theme .btn-approve { background: linear-gradient(135deg, var(--t-emerald), #059669) !important; color: #0B0F19 !important; border: none !important; font-weight: 700 !important; padding: 7px 14px !important; border-radius: 6px !important; font-size: 12px !important; letter-spacing: 1px; text-transform: uppercase; } body.tactical-theme .btn-sendback { background: var(--t-surface) !important; color: var(--t-muted) !important; border: 1px solid var(--t-hairline-strong) !important; padding: 7px 14px !important; border-radius: 6px !important; font-size: 12px !important; } body.tactical-theme .btn-link { color: var(--t-muted) !important; text-decoration: none !important; font-size: 12px !important; padding: 7px 10px !important; } body.tactical-theme .btn-link:hover { color: var(--t-cyan) !important; } /* ── REVIEW QUEUE CARD INTERNALS ── */ body.tactical-theme .rc-head { display: flex; flex-wrap: wrap; gap: 14px; color: var(--t-muted); font-size: 12px; margin-bottom: 8px; font-family: var(--t-mono); } body.tactical-theme .rc-when { color: var(--t-white); font-weight: 600; } body.tactical-theme .rc-anomaly { color: var(--t-amber); font-weight: 700; } body.tactical-theme .rc-body { margin: 10px 0; } body.tactical-theme .rc-charges { color: var(--t-white); font-size: 14px; } body.tactical-theme .rc-site { color: var(--t-muted); font-size: 12px; } body.tactical-theme .rc-summary { color: var(--t-muted); font-size: 13px; margin-top: 6px; } body.tactical-theme .rc-actions { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; margin-top: 10px; padding-top: 10px; border-top: 1px solid var(--t-hairline); } /* Pager + small body text overrides */ body.tactical-theme .pager { display: flex; gap: 14px; justify-content: center; align-items: center; margin-top: 16px; color: var(--t-muted); font-size: 13px; } body.tactical-theme .pager a { color: var(--t-cyan); } /* ── FOOTER ────────────────────────────────────────────────────────── */ body.tactical-theme .footer { border-top: 1px solid var(--t-hairline); padding: 18px 24px; text-align: center; color: var(--t-muted-dim); font-size: 11px; font-family: var(--t-mono); letter-spacing: 0.5px; } body.tactical-theme .footer a { color: var(--t-muted); } body.tactical-theme .footer a:hover { color: var(--t-cyan); }