@import url("/assets/css/aegis-os-premium.css?v=20260514-flicker-stability-1");
@import url("/assets/css/aegis-module-bridge.css?v=20260514-flicker-stability-1");

:root {
    --bg: #030405;
    --panel: rgba(10, 13, 17, 0.78);
    --panel-strong: rgba(14, 18, 24, 0.92);
    --text: #f5f7fb;
    --muted: #9ca4b0;
    --line: rgba(255, 255, 255, 0.11);
    --red: #1b7fff;
    --red-dark: #0b3f97;
    --green: #00d4ff;
}

* {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    min-height: 100vh;
    margin: 0;
    color: var(--text);
    background:
        radial-gradient(circle at 16% 8%, rgba(27, 127, 255, 0.22), transparent 24rem),
        radial-gradient(circle at 84% 18%, rgba(0, 212, 255, 0.12), transparent 26rem),
        conic-gradient(from 216deg at 72% -8%, rgba(0, 212, 255, 0.18), transparent 20%, rgba(27, 127, 255, 0.12), transparent 54%),
        linear-gradient(145deg, #07111c 0%, #06101a 42%, #02050a 100%),
        var(--bg);
    background-attachment: scroll;
    font-family: Rajdhani, "Bahnschrift SemiCondensed", "Segoe UI", sans-serif;
    letter-spacing: 0.02em;
}

body[data-aegis-theme="stealth"] {
    --bg: #020706;
    --panel: rgba(7, 14, 13, 0.78);
    --panel-strong: rgba(11, 22, 20, 0.92);
    --red: #8bffcf;
    --red-dark: #1c6d5f;
    --green: #d5fff1;
}

body[data-aegis-theme="light"] {
    --bg: #f4f7fb;
    --panel: rgba(255, 255, 255, 0.82);
    --panel-strong: rgba(255, 255, 255, 0.94);
    --text: #111720;
    --muted: #53606f;
    --line: rgba(15, 23, 42, 0.14);
    --red: #d8172b;
    --red-dark: #8f0d18;
    --green: #147e61;
}

body[data-aegis-theme="light"] .topbar,
body[data-aegis-theme="light"] .aegis-site-nav,
body[data-aegis-theme="light"] .mission-card,
body[data-aegis-theme="light"] .module-card,
body[data-aegis-theme="light"] .workspace-launch-card,
body[data-aegis-theme="light"] .glass-panel,
body[data-aegis-theme="light"] .brain-box,
body[data-aegis-theme="light"] .resource-router,
body[data-aegis-theme="light"] .resource-result,
body[data-aegis-theme="light"] .account-stat,
body[data-aegis-theme="light"] .account-ledger-card,
body[data-aegis-theme="light"] .account-empty-card,
body[data-aegis-theme="light"] .settings-card {
    background: rgba(255, 255, 255, 0.82);
}

body[data-aegis-density="compact"] .section {
    margin-top: 64px;
}

body[data-aegis-density="compact"] .module-card,
body[data-aegis-density="compact"] .glass-panel,
body[data-aegis-density="compact"] .mission-card,
body[data-aegis-density="compact"] .brain-box,
body[data-aegis-density="compact"] .settings-card {
    padding: 20px;
}

body[data-aegis-command-palette="0"] .js-command-open {
    display: none;
}

body::before {
    position: fixed;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    content: "";
    background:
        linear-gradient(90deg, rgba(255, 255, 255, 0.028) 1px, transparent 1px),
        linear-gradient(rgba(255, 255, 255, 0.022) 1px, transparent 1px);
    background-size: 58px 58px;
    mask-image: linear-gradient(to bottom, transparent, #000 16%, #000 78%, transparent);
}

a {
    color: inherit;
    text-decoration: none;
}

code {
    color: #ffd6da;
    font-family: "Cascadia Mono", "Consolas", monospace;
}

.site-shell {
    width: min(1180px, calc(100% - 40px));
    margin: 0 auto;
    padding: 26px 0 72px;
}

.site-shell.compact {
    width: min(1020px, calc(100% - 40px));
}

.topbar,
.aegis-site-nav {
    position: sticky;
    top: 18px;
    z-index: 10;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: 12px 14px;
    border: 1px solid var(--line);
    border-radius: 22px;
    background: rgba(3, 5, 8, 0.72);
    box-shadow: 0 18px 70px rgba(0, 0, 0, 0.34), inset 0 1px rgba(255, 255, 255, 0.06);
    backdrop-filter: blur(18px);
}

.brand,
.aegis-site-brand {
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
    gap: 12px;
    min-width: 0;
    font-size: 1.18rem;
    font-weight: 800;
    text-transform: uppercase;
}

.brand span,
.aegis-site-brand span {
    white-space: nowrap;
}

.brand img,
.aegis-site-brand img {
    width: 46px;
    height: 34px;
    object-fit: contain;
    filter: drop-shadow(0 0 20px rgba(27, 127, 255, 0.44));
}

.nav,
.aegis-site-links,
.aegis-site-account {
    display: flex;
    gap: 8px;
    align-items: center;
}

.nav a,
.aegis-site-links a,
.aegis-account-chip,
.aegis-nav-cta,
.button,
.route-row a,
.route-row span {
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.06);
    color: #f7f8fa;
    transition: transform 180ms ease, border-color 180ms ease, background 180ms ease;
}

.nav a {
    padding: 10px 15px;
    color: var(--muted);
}

.aegis-site-links {
    flex: 1 1 auto;
    justify-content: center;
    flex-wrap: wrap;
    min-width: 0;
}

.aegis-site-links a,
.aegis-account-chip,
.aegis-nav-cta {
    min-height: 42px;
    padding: 0 15px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--muted);
    font-weight: 800;
}

.aegis-site-account {
    flex: 0 1 auto;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.aegis-site-links a.is-active,
.aegis-site-links a:hover,
.aegis-account-chip:hover,
.aegis-nav-cta:hover {
    color: var(--text);
}

.aegis-nav-cta {
    color: var(--text);
    border-color: rgba(47, 125, 255, 0.62);
    background: linear-gradient(135deg, rgba(47, 125, 255, 0.96), rgba(0, 212, 255, 0.72));
    box-shadow: 0 0 28px rgba(47, 125, 255, 0.24);
}

.aegis-account-chip {
    gap: 9px;
    background: rgba(255, 255, 255, 0.045);
}

.aegis-account-chip small {
    padding: 2px 7px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.08);
    color: var(--muted);
    font-family: "Cascadia Mono", "Consolas", monospace;
    font-size: 0.72rem;
}

.aegis-account-dot {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: var(--green);
    box-shadow: 0 0 18px rgba(139, 255, 207, 0.72);
}

.aegis-account-dot.muted {
    background: var(--muted);
    box-shadow: 0 0 12px rgba(255, 255, 255, 0.18);
}

.nav a:hover,
.aegis-site-links a:hover,
.aegis-site-links a.is-active,
.button:hover,
.route-row a:hover {
    transform: translateY(-1px);
    border-color: rgba(47, 125, 255, 0.62);
    background: rgba(47, 125, 255, 0.13);
}

.hero,
.page-hero {
    position: relative;
    display: grid;
    gap: 34px;
    margin-top: 72px;
}

.hero {
    grid-template-columns: minmax(0, 1.2fr) 390px;
    align-items: center;
}

.hero h1,
.page-hero h1,
.section-heading h2,
.glass-panel h2 {
    margin: 0;
    max-width: 960px;
    font-size: clamp(2.75rem, 7vw, 6.8rem);
    line-height: 0.86;
    letter-spacing: -0.075em;
    text-transform: uppercase;
    text-shadow: 0 0 34px rgba(27, 127, 255, 0.2);
}

.page-hero h1,
.section-heading h2,
.glass-panel h2 {
    font-size: clamp(2.1rem, 5vw, 4.8rem);
}

.hero-text,
.page-hero p,
.section-heading p,
.glass-panel p,
.module-card p {
    max-width: 720px;
    color: var(--muted);
    font-size: 1.05rem;
    line-height: 1.75;
}

.kicker {
    margin: 0 0 18px;
    color: #f2f4f7;
    font-family: "Cascadia Mono", "Consolas", monospace;
    font-weight: 800;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.kicker span {
    color: var(--red);
}

.hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 28px;
}

.workspace-launch-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin-top: 26px;
}

.workspace-launch-card {
    position: relative;
    min-height: 148px;
    display: grid;
    align-content: start;
    gap: 8px;
    overflow: hidden;
    padding: 18px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 24px;
    background:
        linear-gradient(135deg, color-mix(in srgb, var(--accent, var(--red)) 18%, transparent), rgba(255, 255, 255, 0.035)),
        rgba(8, 11, 16, 0.72);
    box-shadow: 0 24px 76px rgba(0, 0, 0, 0.28), inset 0 1px rgba(255, 255, 255, 0.06);
    transition: transform 180ms ease, border-color 180ms ease, background 180ms ease;
}

.workspace-launch-card::before {
    position: absolute;
    inset: -42px -56px auto auto;
    width: 128px;
    height: 128px;
    content: "";
    border-radius: 50%;
    background: radial-gradient(circle, color-mix(in srgb, var(--accent, var(--red)) 40%, transparent), transparent 68%);
    opacity: 0.68;
}

.workspace-launch-card:hover {
    transform: translateY(-1px);
    border-color: color-mix(in srgb, var(--accent, var(--red)) 58%, rgba(255, 255, 255, 0.16));
    background:
        linear-gradient(135deg, color-mix(in srgb, var(--accent, var(--red)) 24%, transparent), rgba(255, 255, 255, 0.05)),
        rgba(10, 14, 20, 0.86);
}

.workspace-launch-card span,
.workspace-launch-card strong,
.workspace-launch-card small,
.workspace-launch-card em {
    position: relative;
    z-index: 1;
}

.workspace-launch-card span {
    color: var(--accent, var(--red));
    font-family: "Cascadia Mono", "Consolas", monospace;
    font-size: 0.68rem;
    font-weight: 900;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.workspace-launch-card strong {
    color: var(--text);
    font-size: 1.12rem;
    line-height: 1;
    text-transform: uppercase;
}

.workspace-launch-card small {
    color: var(--muted);
    font-size: 0.88rem;
    line-height: 1.45;
}

.workspace-launch-card em {
    justify-self: start;
    margin-top: auto;
    padding: 5px 8px;
    border: 1px solid color-mix(in srgb, var(--accent, var(--red)) 34%, transparent);
    border-radius: 999px;
    color: #f7f8fa;
    background: rgba(255, 255, 255, 0.055);
    font-size: 0.72rem;
    font-style: normal;
    font-weight: 900;
}

.button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 0 22px;
    cursor: pointer;
    font: inherit;
    font-weight: 800;
}

.button.primary {
    border-color: rgba(47, 125, 255, 0.62);
    background: linear-gradient(135deg, var(--red), var(--red-dark));
    box-shadow: 0 0 34px rgba(47, 125, 255, 0.28);
}

.mission-card,
.module-card,
.glass-panel {
    position: relative;
    overflow: hidden;
    border: 1px solid var(--line);
    border-radius: 30px;
    background: linear-gradient(180deg, rgba(16, 18, 24, 0.86), rgba(7, 9, 13, 0.84));
    box-shadow: 0 30px 100px rgba(0, 0, 0, 0.42), inset 0 1px rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(18px);
}

.mission-card {
    padding: 34px;
}

.mission-card::before,
.module-card::before,
.glass-panel::before {
    position: absolute;
    inset: -40% auto auto -20%;
    width: 260px;
    height: 260px;
    content: "";
    background: radial-gradient(circle, rgba(47, 125, 255, 0.24), transparent 65%);
}

.ring {
    display: grid;
    place-items: center;
    width: 190px;
    height: 190px;
    margin: 0 auto 28px;
    border: 1px solid rgba(47, 125, 255, 0.42);
    border-radius: 50%;
    background: radial-gradient(circle, rgba(47, 125, 255, 0.18), transparent 62%);
    box-shadow: 0 0 48px rgba(47, 125, 255, 0.18);
}

.ring span {
    font-size: 4rem;
    font-weight: 900;
    line-height: 1;
}

.ring small {
    color: var(--muted);
    text-transform: uppercase;
}

.ring.ring-ok {
    border-color: rgba(139, 255, 207, 0.42);
    background: radial-gradient(circle, rgba(139, 255, 207, 0.17), transparent 62%);
    box-shadow: 0 0 48px rgba(139, 255, 207, 0.16);
}

.ring.ring-warn {
    border-color: rgba(47, 125, 255, 0.58);
}

.metric-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
    margin: 0;
}

.metric-grid div {
    padding: 16px;
    border: 1px solid var(--line);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.045);
}

.metric-grid dt {
    color: var(--muted);
    font-size: 0.75rem;
    text-transform: uppercase;
}

.metric-grid dd {
    margin: 6px 0 0;
    font-size: 1.7rem;
    font-weight: 900;
}

.section {
    margin-top: 96px;
}

.section-heading {
    display: grid;
    gap: 8px;
    margin-bottom: 28px;
}

.module-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}

.module-card {
    padding: 24px;
}

.card-topline {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    color: var(--muted);
    font-size: 0.78rem;
    text-transform: uppercase;
}

.card-topline strong {
    color: var(--accent);
}

.module-card h3,
.module-card h2 {
    margin: 18px 0 10px;
    font-size: 2rem;
    letter-spacing: -0.045em;
    text-transform: uppercase;
}

.module-card ul {
    display: grid;
    gap: 10px;
    margin: 20px 0 0;
    padding: 0;
    list-style: none;
}

.module-card li {
    position: relative;
    padding-left: 18px;
    color: #d8dde4;
}

.module-card li::before {
    position: absolute;
    top: 0.65em;
    left: 0;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    content: "";
    background: var(--accent, var(--red));
    box-shadow: 0 0 18px var(--accent, var(--red));
}

.route-row {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 24px;
}

.route-row a,
.route-row span {
    padding: 9px 12px;
    color: #f3f5f8;
    font-size: 0.88rem;
    font-weight: 800;
}

.route-row span {
    color: var(--muted);
    cursor: default;
    background: rgba(255, 255, 255, 0.04);
    border-color: rgba(255, 255, 255, 0.08);
}

.flow-grid,
.route-table {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
}

.flow-card,
.route-table article,
.terminal-card {
    position: relative;
    overflow: hidden;
    border: 1px solid var(--line);
    border-radius: 24px;
    background: rgba(8, 11, 16, 0.74);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.06), 0 24px 70px rgba(0, 0, 0, 0.28);
    backdrop-filter: blur(14px);
}

.flow-card {
    padding: 24px;
}

.flow-card span {
    color: var(--red);
    font-family: "Cascadia Mono", "Consolas", monospace;
    font-weight: 900;
}

.flow-card h3,
.route-table h3 {
    margin: 18px 0 8px;
    font-size: 1.45rem;
    letter-spacing: -0.04em;
    text-transform: uppercase;
}

.flow-card p,
.route-table p {
    color: var(--muted);
    line-height: 1.65;
}

.route-table {
    grid-template-columns: 1fr;
}

.route-table article {
    padding: 24px;
}

.terminal-card {
    display: grid;
    gap: 12px;
    align-content: start;
    padding: 24px;
}

.terminal-card span {
    color: var(--muted);
    font-family: "Cascadia Mono", "Consolas", monospace;
    font-size: 0.8rem;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.terminal-card code {
    display: block;
    padding: 12px 14px;
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.045);
    overflow-wrap: anywhere;
}

.split {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(280px, 0.9fr);
    gap: 18px;
}

.glass-panel {
    padding: 30px;
}

.checklist,
.health-list {
    display: grid;
    gap: 12px;
}

.checklist span,
.health-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    min-height: 58px;
    padding: 16px 18px;
    border: 1px solid var(--line);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.055);
}

.checklist span {
    justify-content: flex-start;
}

.checklist span::before {
    width: 10px;
    height: 10px;
    flex: 0 0 auto;
    border-radius: 50%;
    content: "";
    background: var(--green);
    box-shadow: 0 0 18px rgba(139, 255, 207, 0.72);
}

.setup-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: 34px;
}

.health-list {
    margin-top: 34px;
}

.health-row {
    display: grid;
    grid-template-columns: 1fr minmax(220px, 0.8fr) auto;
}

.health-row span {
    font-weight: 900;
}

.health-row.ok span {
    color: var(--green);
}

.health-row.fail span {
    color: #ff6b73;
}

.dashboard-hero {
    grid-template-columns: minmax(0, 1.18fr) 420px;
}

.dashboard-status-card .ring {
    margin-bottom: 24px;
}

.dashboard-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

/* Bot styles */
.bot-list {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.bot-item {
    padding: 16px;
    border: 1px solid var(--line);
    border-radius: 12px;
    background: var(--panel);
}

.bot-item h3 {
    margin: 0 0 8px;
    font-size: 1.2rem;
}

.bot-item p {
    margin: 0 0 12px;
    color: var(--muted);
}

.app-frame {
    width: 100%;
    min-height: 78vh;
    border: 1px solid var(--line);
    border-radius: 24px;
    background: rgba(8, 11, 16, 0.82);
    box-shadow: 0 30px 100px rgba(0, 0, 0, 0.36);
}

.sports-grid,
.bot-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(320px, 0.9fr);
    gap: 18px;
}

.table-wrap {
    width: 100%;
    overflow-x: auto;
}

.odds-table {
    width: 100%;
    min-width: 560px;
    border-collapse: collapse;
    color: var(--text);
}

.odds-table th,
.odds-table td {
    padding: 14px;
    border-bottom: 1px solid var(--line);
    text-align: left;
}

.odds-table th {
    color: var(--muted);
    font-family: "Cascadia Mono", "Consolas", monospace;
    font-size: 0.76rem;
    font-weight: 900;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.prediction-list,
.automation-flow {
    display: grid;
    gap: 12px;
}

.prediction-list div,
.automation-flow span {
    padding: 16px;
    border: 1px solid var(--line);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.052);
}

.prediction-list strong {
    display: block;
    margin-bottom: 8px;
    font-size: 1.2rem;
    text-transform: uppercase;
}

.prediction-list span {
    display: inline-flex;
    margin-bottom: 8px;
    color: var(--green);
    font-family: "Cascadia Mono", "Consolas", monospace;
    font-size: 0.76rem;
    font-weight: 900;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.prediction-list p {
    margin: 0;
    color: var(--muted);
    line-height: 1.55;
}

.automation-flow span {
    color: #d8dde4;
    font-weight: 800;
}

/* Footer styles */
.aegis-footer {
    margin-top: auto;
    padding: 40px 0 20px;
    border-top: 1px solid var(--line);
    background: var(--bg);
}

.footer-content {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 24px;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 32px;
}

.footer-section h4 {
    margin: 0 0 16px;
    font-size: 1.1rem;
    color: var(--text);
}

.footer-section p {
    margin: 0 0 12px;
    color: var(--muted);
    line-height: 1.6;
}

.footer-section ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-section li {
    margin-bottom: 8px;
}

.footer-section a {
    color: var(--muted);
    transition: color 0.2s;
}

.footer-section a:hover {
    color: var(--text);
}

.dashboard-panel {
    padding: 28px;
}

.dashboard-panel h2 {
    margin-bottom: 22px;
    font-size: clamp(2rem, 4vw, 3.8rem);
}

.brain-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.18fr) minmax(320px, 0.82fr);
    gap: 18px;
}

.brain-panel-head {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 22px;
}

.brain-panel-head h3 {
    margin: 0;
    font-size: 2.8rem;
    line-height: 0.95;
    text-transform: uppercase;
}

.brain-score {
    display: grid;
    place-items: center;
    width: 118px;
    height: 118px;
    flex: 0 0 auto;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.052);
}

.brain-score strong {
    font-size: 2.4rem;
    line-height: 1;
}

.brain-score span {
    color: var(--muted);
    font-family: "Cascadia Mono", "Consolas", monospace;
    font-size: 0.78rem;
    font-weight: 800;
}

.brain-score.ok {
    border-color: rgba(139, 255, 207, 0.52);
    box-shadow: 0 0 34px rgba(139, 255, 207, 0.18);
}

.brain-score.warn {
    border-color: rgba(255, 209, 102, 0.62);
    box-shadow: 0 0 34px rgba(255, 209, 102, 0.16);
}

.brain-score.fail {
    border-color: rgba(255, 107, 115, 0.72);
    box-shadow: 0 0 34px rgba(47, 125, 255, 0.2);
}

.brain-recommendations,
.brain-list {
    position: relative;
    z-index: 1;
    display: grid;
    gap: 12px;
}

.brain-action,
.brain-list a,
.brain-checklist a,
.module-meta-row span {
    border: 1px solid var(--line);
    background: rgba(255, 255, 255, 0.052);
}

.brain-action,
.brain-list a {
    display: grid;
    gap: 7px;
    padding: 16px;
    border-radius: 18px;
    transition: transform 180ms ease, border-color 180ms ease, background 180ms ease;
}

.brain-action:hover,
.brain-list a:hover,
.brain-checklist a:hover {
    transform: translateY(-1px);
    border-color: rgba(139, 255, 207, 0.42);
    background: rgba(139, 255, 207, 0.08);
}

.brain-action span,
.brain-level,
.module-meta-row span,
.signal-strip span {
    color: var(--green);
    font-family: "Cascadia Mono", "Consolas", monospace;
    font-size: 0.76rem;
    font-weight: 900;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.brain-action strong,
.brain-list strong,
.brain-checklist strong {
    font-size: 1.2rem;
    text-transform: uppercase;
}

.brain-action small,
.brain-list small {
    color: var(--muted);
    line-height: 1.55;
}

.brain-action em {
    color: #f7f8fa;
    font-style: normal;
    font-weight: 900;
    text-transform: uppercase;
}

.brain-side {
    display: grid;
    gap: 18px;
}

.brain-box {
    position: relative;
    overflow: hidden;
    padding: 24px;
    border: 1px solid var(--line);
    border-radius: 24px;
    background: rgba(8, 11, 16, 0.76);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.06), 0 24px 70px rgba(0, 0, 0, 0.24);
    backdrop-filter: blur(14px);
}

.brain-list.compact a {
    padding: 14px;
}

.brain-module-grid .module-card {
    min-height: 100%;
}

.compact-module-card p {
    min-height: 92px;
}

.module-meta-row {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 18px;
}

.module-meta-row span,
.signal-strip span {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    padding: 0 10px;
    border-radius: 999px;
}

.signal-strip {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 20px;
}

.signal-strip span {
    border: 1px solid rgba(139, 255, 207, 0.2);
    background: rgba(139, 255, 207, 0.08);
}

.brain-checklist a {
    display: grid;
    gap: 6px;
    min-height: 70px;
    padding: 16px 18px;
    border-radius: 18px;
    transition: transform 180ms ease, border-color 180ms ease, background 180ms ease;
}

.brain-checklist a strong {
    color: var(--text);
}

.brain-checklist a span {
    color: var(--muted);
    font-weight: 800;
    text-transform: uppercase;
}

.brain-checklist a::before {
    display: none;
}

.resource-router {
    display: grid;
    gap: 16px;
    padding: 20px;
    border: 1px solid var(--line);
    border-radius: 26px;
    background: linear-gradient(180deg, rgba(16, 18, 24, 0.84), rgba(7, 9, 13, 0.78));
    box-shadow: 0 30px 90px rgba(0, 0, 0, 0.34), inset 0 1px rgba(255, 255, 255, 0.07);
    backdrop-filter: blur(18px);
}

.resource-search {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
}

.resource-search label,
.resource-type,
.resource-empty {
    color: var(--muted);
    font-family: "Cascadia Mono", "Consolas", monospace;
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.resource-search input {
    width: 100%;
    min-height: 50px;
    border: 1px solid var(--line);
    border-radius: 999px;
    outline: 0;
    padding: 0 18px;
    color: var(--text);
    background: rgba(255, 255, 255, 0.07);
    font: inherit;
    font-weight: 800;
}

.resource-search input:focus {
    border-color: rgba(139, 255, 207, 0.54);
    box-shadow: 0 0 0 4px rgba(139, 255, 207, 0.1);
}

.resource-results {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

.resource-result,
.resource-empty {
    border: 1px solid var(--line);
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.052);
}

.resource-result {
    position: relative;
    display: grid;
    gap: 8px;
    min-height: 148px;
    padding: 16px;
    overflow: hidden;
    transition: transform 180ms ease, border-color 180ms ease, background 180ms ease;
}

.resource-result::before {
    position: absolute;
    inset: 0 auto 0 0;
    width: 4px;
    content: "";
    background: var(--accent, var(--red));
    box-shadow: 0 0 22px var(--accent, var(--red));
}

.resource-result:hover {
    transform: translateY(-1px);
    border-color: rgba(139, 255, 207, 0.42);
    background: rgba(139, 255, 207, 0.08);
}

.resource-result strong {
    color: var(--text);
    font-size: 1.18rem;
    line-height: 1;
    text-transform: uppercase;
}

.resource-result small {
    color: var(--muted);
    line-height: 1.55;
}

.resource-empty {
    grid-column: 1 / -1;
    padding: 22px;
    text-align: center;
}

.command-palette {
    position: fixed;
    inset: 0;
    z-index: 50;
    display: grid;
    place-items: start center;
    padding: 9vh 18px 18px;
    background: rgba(0, 0, 0, 0.58);
    backdrop-filter: blur(10px);
}

.command-palette[hidden] {
    display: none;
}

.command-dialog {
    width: min(760px, 100%);
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 22px;
    background: rgba(8, 11, 16, 0.96);
    box-shadow: 0 38px 120px rgba(0, 0, 0, 0.66), inset 0 1px rgba(255, 255, 255, 0.08);
}

.command-search {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 12px;
    padding: 16px;
    border-bottom: 1px solid var(--line);
}

.command-search span,
.command-search button,
.command-empty,
.command-category {
    color: var(--muted);
    font-family: "Cascadia Mono", "Consolas", monospace;
    font-size: 0.78rem;
    font-weight: 900;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.command-search input {
    width: 100%;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--text);
    font: inherit;
    font-size: 1.08rem;
}

.command-search button {
    min-height: 34px;
    padding: 0 10px;
    cursor: pointer;
    border: 1px solid var(--line);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.06);
}

.command-results {
    display: grid;
    gap: 8px;
    max-height: min(58vh, 520px);
    overflow: auto;
    padding: 12px;
}

.command-result {
    display: grid;
    gap: 5px;
    padding: 13px 14px;
    border: 1px solid transparent;
    border-radius: 16px;
}

.command-result:hover,
.command-result.is-active {
    border-color: rgba(47, 125, 255, 0.48);
    background: rgba(47, 125, 255, 0.11);
}

.command-result strong {
    font-size: 1rem;
}

.command-empty {
    padding: 18px;
    text-align: center;
}

.dashboard-list {
    display: grid;
    gap: 12px;
}

.dashboard-row {
    display: grid;
    grid-template-columns: auto minmax(92px, 0.5fr) minmax(140px, 1fr) auto;
    align-items: center;
    gap: 12px;
    min-height: 58px;
    padding: 14px 16px;
    border: 1px solid var(--line);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.052);
}

.dashboard-row strong {
    text-transform: uppercase;
}

.dashboard-row code {
    overflow-wrap: anywhere;
}

.dashboard-row a {
    color: #f7f8fa;
    font-weight: 900;
    text-transform: uppercase;
}

.account-overview-grid,
.account-ledger-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}

.account-ledger-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.account-stat,
.account-ledger-card,
.account-empty-card {
    border: 1px solid var(--line);
    border-radius: 22px;
    background: rgba(8, 11, 16, 0.76);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.06), 0 24px 70px rgba(0, 0, 0, 0.22);
    backdrop-filter: blur(14px);
}

.account-stat {
    padding: 20px;
}

.account-stat span,
.account-ledger-meta {
    color: var(--muted);
    font-family: "Cascadia Mono", "Consolas", monospace;
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.account-stat strong {
    display: block;
    margin-top: 10px;
    font-size: 2.2rem;
    line-height: 1;
}

.account-ledger-card,
.account-empty-card {
    padding: 22px;
}

.account-ledger-card h3,
.account-empty-card h3 {
    margin: 0 0 8px;
    font-size: 1.55rem;
    letter-spacing: -0.04em;
    text-transform: uppercase;
}

.account-ledger-card p,
.account-empty-card p {
    color: var(--muted);
    line-height: 1.65;
}

.account-ledger-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 16px;
}

.account-ledger-meta span {
    padding: 7px 10px;
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.045);
}

.account-key {
    display: inline-flex;
    max-width: 100%;
    margin-top: 10px;
    padding: 10px 12px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.045);
    color: #ffd6da;
    font-family: "Cascadia Mono", "Consolas", monospace;
    overflow-wrap: anywhere;
}

.notice-card {
    margin-bottom: 18px;
    padding: 16px 18px;
    border: 1px solid var(--line);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.055);
    font-weight: 900;
}

.notice-card.ok {
    color: var(--green);
}

.notice-card.fail {
    color: #ff6b73;
}

.settings-form {
    display: grid;
    gap: 18px;
}

.settings-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.settings-card {
    position: relative;
    overflow: hidden;
    padding: 24px;
    border: 1px solid var(--line);
    border-radius: 24px;
    background: rgba(8, 11, 16, 0.76);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.06), 0 24px 70px rgba(0, 0, 0, 0.24);
    backdrop-filter: blur(14px);
}

.setting-field {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(150px, 0.42fr);
    align-items: center;
    gap: 16px;
    margin-top: 16px;
    padding: 14px;
    border: 1px solid var(--line);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.052);
}

.setting-field span {
    display: grid;
    gap: 5px;
}

.setting-field strong {
    text-transform: uppercase;
}

.setting-field small,
.settings-note {
    color: var(--muted);
    line-height: 1.55;
}

.setting-field select,
.setting-field input[type="number"] {
    width: 100%;
    min-height: 42px;
    padding: 0 12px;
    border: 1px solid var(--line);
    border-radius: 14px;
    background: rgba(0, 0, 0, 0.24);
    color: var(--text);
    font: inherit;
    font-weight: 800;
}

.setting-field input[type="checkbox"] {
    justify-self: end;
    width: 48px;
    height: 28px;
    cursor: pointer;
    accent-color: var(--red);
}

.settings-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.settings-actions .button[disabled] {
    cursor: not-allowed;
    opacity: 0.52;
}

.notification-toolbar {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 150px)) minmax(180px, 1fr);
    align-items: center;
    gap: 12px;
    margin-bottom: 18px;
}

.notification-toolbar > div,
.notification-card {
    border: 1px solid var(--line);
    background: rgba(8, 11, 16, 0.76);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.06), 0 24px 70px rgba(0, 0, 0, 0.22);
    backdrop-filter: blur(14px);
}

.notification-toolbar > div {
    display: grid;
    gap: 4px;
    min-height: 72px;
    align-content: center;
    padding: 14px;
    border-radius: 18px;
}

.notification-toolbar strong {
    font-size: 1.9rem;
    line-height: 1;
}

.notification-toolbar span {
    color: var(--muted);
    font-family: "Cascadia Mono", "Consolas", monospace;
    font-size: 0.72rem;
    font-weight: 900;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.notification-toolbar form {
    justify-self: end;
}

.notification-list {
    display: grid;
    gap: 12px;
}

.notification-card {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 16px;
    align-items: center;
    padding: 18px;
    border-radius: 22px;
}

.notification-card.critical {
    border-color: rgba(255, 107, 115, 0.5);
}

.notification-card.warning {
    border-color: rgba(255, 209, 102, 0.42);
}

.notification-card h3 {
    margin: 8px 0;
    font-size: 1.45rem;
    line-height: 1;
    text-transform: uppercase;
}

.notification-card p {
    margin: 0 0 10px;
    color: var(--muted);
    line-height: 1.55;
}

.notification-card small {
    color: var(--muted);
    font-family: "Cascadia Mono", "Consolas", monospace;
    font-size: 0.75rem;
    font-weight: 800;
    text-transform: uppercase;
}

.notification-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
}

.notification-actions .button,
.notification-toolbar .button {
    min-height: 40px;
    padding: 0 14px;
}

.activity-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.12fr) minmax(320px, 0.88fr);
    gap: 18px;
}

.timeline-list {
    position: relative;
    display: grid;
    gap: 12px;
}

.timeline-list::before {
    position: absolute;
    top: 14px;
    bottom: 14px;
    left: 11px;
    width: 1px;
    content: "";
    background: linear-gradient(to bottom, rgba(47, 125, 255, 0.18), rgba(139, 255, 207, 0.24));
}

.timeline-event {
    position: relative;
    display: grid;
    grid-template-columns: 24px minmax(0, 1fr) auto;
    gap: 16px;
    align-items: center;
    padding: 18px;
    border: 1px solid var(--line);
    border-radius: 22px;
    background: rgba(8, 11, 16, 0.76);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.06), 0 24px 70px rgba(0, 0, 0, 0.18);
    backdrop-filter: blur(14px);
}

.timeline-event.warning,
.timeline-event.warn,
.timeline-event.fail,
.timeline-event.critical {
    border-color: rgba(255, 209, 102, 0.42);
}

.timeline-marker {
    position: relative;
    z-index: 1;
    width: 22px;
    height: 22px;
    border: 1px solid rgba(47, 125, 255, 0.56);
    border-radius: 50%;
    background: rgba(47, 125, 255, 0.16);
    box-shadow: 0 0 22px rgba(47, 125, 255, 0.2);
}

.timeline-event h3 {
    margin: 8px 0;
    font-size: 1.35rem;
    line-height: 1;
    text-transform: uppercase;
}

.timeline-event p {
    margin: 0 0 10px;
    color: var(--muted);
    line-height: 1.55;
}

.timeline-event small,
.checkpoint-form label span,
.checkpoint-copy {
    color: var(--muted);
}

.timeline-event small,
.checkpoint-form label span {
    font-family: "Cascadia Mono", "Consolas", monospace;
    font-size: 0.75rem;
    font-weight: 900;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.checkpoint-panel {
    display: grid;
    align-content: start;
    gap: 18px;
}

.checkpoint-copy {
    margin-top: 0;
    line-height: 1.6;
}

.checkpoint-form {
    display: grid;
    gap: 12px;
}

.checkpoint-form label {
    display: grid;
    gap: 7px;
}

.checkpoint-form input,
.checkpoint-form select,
.checkpoint-form textarea {
    width: 100%;
    border: 1px solid var(--line);
    border-radius: 14px;
    background: rgba(0, 0, 0, 0.24);
    color: var(--text);
    font: inherit;
    font-weight: 800;
}

.checkpoint-form input,
.checkpoint-form select {
    min-height: 42px;
    padding: 0 12px;
}

.checkpoint-form textarea {
    min-height: 110px;
    padding: 12px;
    resize: vertical;
}

.admin-table-wrap {
    overflow-x: auto;
    border: 1px solid var(--line);
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.045);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.06), 0 24px 70px rgba(0, 0, 0, 0.22);
}

.admin-table {
    width: 100%;
    min-width: 820px;
    border-collapse: collapse;
}

.admin-table th,
.admin-table td {
    padding: 13px 14px;
    border-bottom: 1px solid var(--line);
    text-align: left;
    vertical-align: top;
}

.admin-table th {
    color: var(--muted);
    background: rgba(255, 255, 255, 0.045);
    font-family: "Cascadia Mono", "Consolas", monospace;
    font-size: 0.72rem;
    font-weight: 900;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.admin-table tr:last-child td {
    border-bottom: 0;
}

.admin-table form {
    margin: 0;
}

.admin-inline-form {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
    min-width: 260px;
}

.admin-inline-form select,
.admin-inline-form input,
.admin-inline-form textarea {
    min-height: 36px;
    border: 1px solid var(--line);
    border-radius: 999px;
    background: rgba(0, 0, 0, 0.22);
    color: var(--text);
    padding: 0 10px;
    font: inherit;
    font-weight: 800;
}

.admin-inline-form input {
    width: 145px;
}

.admin-inline-form input[type="file"] {
    width: 230px;
    padding: 7px 10px;
    border-radius: 12px;
}

.admin-inline-form input[type="file"]::file-selector-button {
    min-height: 24px;
    margin-right: 8px;
    border: 0;
    border-radius: 8px;
    background: rgba(47, 125, 255, 0.9);
    color: #fff;
    font-family: "Cascadia Mono", "Consolas", monospace;
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0;
    cursor: pointer;
}

.admin-inline-form textarea {
    width: 220px;
    min-height: 42px;
    padding: 9px 10px;
    border-radius: 12px;
    resize: vertical;
}

.compact-button {
    min-height: 36px;
    padding: 0 12px;
    font-size: 0.86rem;
}

.admin-muted {
    color: var(--muted);
    font-weight: 800;
}

.license-output {
    width: 100%;
    min-height: 260px;
    padding: 16px;
    border: 1px solid var(--line);
    border-radius: 18px;
    background: rgba(0, 0, 0, 0.28);
    color: var(--text);
    font-family: "Cascadia Mono", "Consolas", monospace;
    font-size: 0.92rem;
    line-height: 1.55;
    resize: vertical;
}

.status-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--muted);
    box-shadow: 0 0 18px rgba(255, 255, 255, 0.16);
}

.product-login,
.product-command-head,
.terminal-head {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(240px, 340px);
    gap: 18px;
    align-items: stretch;
    padding: 44px 0 26px;
}

.product-login h1,
.product-command-head h1,
.terminal-head h1 {
    max-width: 920px;
    margin: 0 0 14px;
    font-size: clamp(2.2rem, 4.4vw, 4.8rem);
}

.product-login p,
.product-command-head p,
.terminal-head p {
    max-width: 780px;
    color: var(--muted);
    font-size: 1.05rem;
    line-height: 1.65;
}

.membership-card {
    display: grid;
    gap: 10px;
    align-content: center;
    padding: 20px;
    border: 1px solid var(--line);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.055);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.06);
}

.membership-card strong {
    color: var(--text);
    font-family: "Cascadia Mono", "Consolas", monospace;
    text-transform: uppercase;
}

.membership-card span {
    color: var(--muted);
    font-weight: 800;
}

.membership-card a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    margin-top: 4px;
    padding: 0 11px;
    border: 1px solid var(--line);
    border-radius: 11px;
    color: var(--text);
    background: rgba(255, 255, 255, 0.07);
    font-weight: 900;
    text-decoration: none;
}

.pro-ticker-strip,
.pro-command-grid {
    display: grid;
    gap: 8px;
    margin-bottom: 14px;
}

.pro-ticker-strip {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    padding: 8px;
    border: 1px solid var(--line);
    border-radius: 8px;
    background: rgba(3, 5, 8, 0.84);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.05);
}

.pro-ticker-strip div,
.pro-command-grid article {
    min-width: 0;
    border: 1px solid var(--line);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.045);
}

.pro-ticker-strip div {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 8px;
    align-items: center;
    min-height: 40px;
    padding: 0 10px;
}

.pro-command-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.pro-command-grid article {
    display: grid;
    gap: 5px;
    min-height: 78px;
    padding: 13px;
}

.pro-ticker-strip span,
.pro-command-grid span {
    color: var(--muted);
    font-family: "Cascadia Mono", "Consolas", monospace;
    font-size: 0.72rem;
    font-weight: 900;
    text-transform: uppercase;
}

.pro-ticker-strip strong,
.pro-command-grid strong {
    color: var(--text);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pro-ticker-strip em {
    color: var(--green);
    font-family: "Cascadia Mono", "Consolas", monospace;
    font-size: 0.78rem;
    font-style: normal;
    font-weight: 900;
}

.pro-ticker-strip em.down {
    color: #ff6b73;
}

.membership-strip {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin-bottom: 20px;
}

.membership-strip a {
    display: grid;
    gap: 5px;
    min-height: 96px;
    padding: 16px;
    border: 1px solid var(--line);
    border-radius: 16px;
    background: rgba(0, 0, 0, 0.24);
    color: var(--text);
    text-decoration: none;
}

.membership-strip span,
.membership-strip small,
.chat-topbar span,
.chart-toolbar span {
    color: var(--muted);
    font-family: "Cascadia Mono", "Consolas", monospace;
    font-size: 0.76rem;
    text-transform: uppercase;
}

.aegis-chat-shell,
.trading-terminal,
.sports-terminal {
    display: grid;
    gap: 14px;
    min-height: 660px;
}

.aegis-chat-shell {
    grid-template-columns: 250px minmax(0, 1fr) 290px;
}

.chat-rail,
.chat-main,
.chat-settings-panel,
.market-watch,
.chart-desk,
.order-ticket,
.live-board,
.model-stack {
    border: 1px solid var(--line);
    border-radius: 18px;
    background: rgba(8, 11, 16, 0.78);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.06);
}

.chat-rail,
.chat-settings-panel,
.market-watch,
.order-ticket,
.model-stack {
    display: grid;
    gap: 14px;
    align-content: start;
    padding: 16px;
}

.chat-thread-list {
    display: grid;
    gap: 8px;
}

.chat-thread-list a {
    padding: 10px;
    border: 1px solid var(--line);
    border-radius: 12px;
    color: var(--text);
    text-decoration: none;
    font-weight: 800;
}

.chat-thread-list a.is-active {
    border-color: rgba(0, 212, 255, 0.55);
    background: rgba(0, 212, 255, 0.12);
}

.chat-usage {
    display: grid;
    gap: 6px;
    margin-top: auto;
    color: var(--muted);
    font-size: 0.86rem;
    font-weight: 800;
}

.chat-main {
    display: grid;
    grid-template-rows: auto minmax(360px, 1fr) auto;
    overflow: hidden;
}

.chat-topbar,
.chart-toolbar {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    justify-content: space-between;
    padding: 14px 16px;
    border-bottom: 1px solid var(--line);
}

.chat-messages {
    display: grid;
    gap: 16px;
    align-content: start;
    padding: 20px;
    overflow: auto;
}

.chat-message {
    max-width: 760px;
    padding: 14px 16px;
    border: 1px solid var(--line);
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.055);
}

.chat-message.user {
    justify-self: end;
    background: rgba(47, 125, 255, 0.14);
}

.chat-message span {
    display: block;
    margin-bottom: 6px;
    color: var(--muted);
    font-family: "Cascadia Mono", "Consolas", monospace;
    font-size: 0.76rem;
    text-transform: uppercase;
}

.chat-message p {
    margin: 0;
    color: var(--text);
    line-height: 1.55;
}

.chat-composer {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px;
    padding: 14px;
    border-top: 1px solid var(--line);
}

.chat-composer textarea,
.chat-settings-panel select,
.order-ticket input,
.order-ticket select {
    width: 100%;
    border: 1px solid var(--line);
    border-radius: 14px;
    background: rgba(0, 0, 0, 0.28);
    color: var(--text);
    padding: 11px 12px;
    font: inherit;
    font-weight: 800;
}

.chat-settings-panel label,
.order-ticket label {
    display: grid;
    gap: 7px;
    color: var(--muted);
    font-weight: 900;
}

.toggle-row {
    display: flex !important;
    grid-template-columns: none !important;
    gap: 10px !important;
    align-items: flex-start;
    color: var(--text) !important;
}

.toggle-row input {
    width: 18px;
    min-width: 18px;
    height: 18px;
    margin-top: 2px;
}

.training-consent {
    padding: 12px;
    border: 1px solid rgba(255, 170, 0, 0.32);
    border-radius: 14px;
    background: rgba(255, 170, 0, 0.08);
}

.chatbot-pro-shell {
    display: grid;
    grid-template-columns: minmax(230px, 280px) minmax(0, 1fr) minmax(280px, 360px);
    gap: 14px;
    min-height: 820px;
    padding: 10px;
    border: 1px solid var(--line);
    border-radius: 8px;
    background: rgba(3, 5, 8, 0.72);
    box-shadow: 0 26px 90px rgba(0, 0, 0, 0.32), inset 0 1px rgba(255, 255, 255, 0.06);
}

.chatbot-sidebar,
.chatbot-stage,
.chatbot-inspector,
.chatbot-usage-card,
.chatbot-message,
.assistant-mode-grid > div,
.context-list > div {
    border: 1px solid var(--line);
    border-radius: 8px;
    background: linear-gradient(180deg, rgba(13, 17, 24, 0.88), rgba(5, 7, 11, 0.78));
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.06);
}

.chatbot-sidebar,
.chatbot-inspector {
    display: grid;
    align-content: start;
    gap: 14px;
    padding: 14px;
}

.chatbot-sidebar-head,
.chatbot-stage-top,
.composer-submit-row,
.context-list > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.chatbot-sidebar-head strong,
.chatbot-stage-top strong,
.chatbot-usage-card strong {
    color: var(--text);
    font-family: "Cascadia Mono", "Consolas", monospace;
}

.icon-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border: 1px solid rgba(0, 212, 255, 0.38);
    border-radius: 8px;
    color: var(--text);
    background: rgba(0, 212, 255, 0.12);
    font-size: 1.2rem;
    font-weight: 900;
}

.chatbot-thread-stack,
.assistant-mode-grid,
.context-list {
    display: grid;
    gap: 10px;
}

.chatbot-thread-stack a {
    display: grid;
    gap: 4px;
    min-height: 64px;
    padding: 12px;
    border: 1px solid var(--line);
    border-radius: 8px;
    color: var(--text);
    background: rgba(255, 255, 255, 0.045);
    text-decoration: none;
}

.chatbot-thread-stack a.is-active {
    border-color: rgba(0, 212, 255, 0.58);
    background: rgba(0, 212, 255, 0.12);
}

.chatbot-thread-stack span,
.chatbot-stage-top span,
.chatbot-status-row span,
.chatbot-usage-card span,
.assistant-mode-grid span,
.context-list span,
.composer-submit-row span {
    color: var(--muted);
    font-family: "Cascadia Mono", "Consolas", monospace;
    font-size: 0.76rem;
    font-weight: 800;
    text-transform: uppercase;
}

.chatbot-usage-card {
    display: grid;
    gap: 6px;
    margin-top: auto;
    padding: 14px;
}

.chatbot-usage-card p,
.chatbot-inspector .settings-note {
    margin: 0;
    color: var(--muted);
    line-height: 1.55;
}

.chatbot-stage {
    display: grid;
    grid-template-rows: auto minmax(420px, 1fr) auto auto;
    overflow: hidden;
}

.chatbot-stage-top {
    padding: 16px 18px;
    border-bottom: 1px solid var(--line);
}

.chatbot-status-row {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.chatbot-status-row span {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 0 9px;
    border: 1px solid rgba(0, 212, 255, 0.22);
    border-radius: 8px;
    background: rgba(0, 212, 255, 0.08);
}

.chatbot-message-canvas {
    display: grid;
    align-content: start;
    gap: 18px;
    padding: clamp(16px, 2vw, 28px);
    overflow-y: auto;
}

.chatbot-message {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr);
    gap: 12px;
    max-width: 860px;
    padding: 16px;
}

.chatbot-message.user {
    justify-self: end;
    border-color: rgba(47, 125, 255, 0.34);
    background: rgba(47, 125, 255, 0.12);
}

.chatbot-avatar {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border: 1px solid rgba(0, 212, 255, 0.34);
    border-radius: 8px;
    color: var(--text);
    background: rgba(0, 212, 255, 0.12);
    font-family: "Cascadia Mono", "Consolas", monospace;
    font-weight: 900;
}

.chatbot-message span {
    display: block;
    margin-bottom: 6px;
    color: var(--muted);
    font-family: "Cascadia Mono", "Consolas", monospace;
    font-size: 0.76rem;
    font-weight: 900;
    text-transform: uppercase;
}

.chatbot-message p {
    margin: 0;
    color: var(--text);
    line-height: 1.6;
}

.chatbot-shell {
    min-height: 100vh;
}

.chatbot-shell.site-shell {
    width: 100%;
    max-width: none;
}

.chatbot-shell main {
    padding: 0;
}

.chatbot-app-shell {
    display: grid;
    grid-template-columns: 300px minmax(0, 1fr);
    min-height: 100vh;
    background:
        radial-gradient(circle at 20% 20%, rgba(255, 255, 255, 0.05) 0 1px, transparent 1px 100%),
        radial-gradient(circle at 80% 30%, rgba(255, 255, 255, 0.04) 0 1px, transparent 1px 100%),
        linear-gradient(180deg, rgba(6, 8, 12, 0.98), rgba(10, 12, 17, 0.98));
    background-size: 220px 220px, 260px 260px, 100% 100%;
}

.chatbot-app-shell.is-sidebar-collapsed {
    grid-template-columns: 92px minmax(0, 1fr);
}

.chatbot-app-sidebar {
    display: grid;
    grid-template-rows: auto auto auto 1fr auto;
    gap: 18px;
    padding: 20px 14px;
    border-right: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(7, 8, 11, 0.88);
    backdrop-filter: blur(18px);
}

.chatbot-app-brand,
.chatbot-app-topbar,
.chatbot-sidebar-tools,
.chatbot-sidebar-section,
.chatbot-sidebar-footer {
    min-width: 0;
}

.chatbot-app-brand {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.chatbot-app-brand a {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: var(--text);
    font-weight: 700;
    text-decoration: none;
}

.chatbot-app-brand img {
    width: 28px;
    height: 28px;
}

.chatbot-sidebar-tools,
.chatbot-sidebar-section {
    display: grid;
    gap: 10px;
}

.chatbot-sidebar-label {
    color: var(--muted);
    font-family: "Cascadia Mono", "Consolas", monospace;
    font-size: 0.76rem;
    text-transform: uppercase;
}

.chatbot-sidebar-button,
.chatbot-sidebar-link {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 44px;
    padding: 0 14px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 8px;
    color: var(--text);
    background: rgba(255, 255, 255, 0.035);
    text-decoration: none;
}

.chatbot-sidebar-button.primary,
.chatbot-sidebar-link.is-active {
    border-color: rgba(47, 125, 255, 0.34);
    background: rgba(47, 125, 255, 0.12);
}

.chatbot-sidebar-button span,
.chatbot-sidebar-link span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    color: var(--muted);
}

.chatbot-sidebar-footer {
    display: grid;
    gap: 2px;
    padding: 12px 8px 0;
    color: var(--muted);
}

.chatbot-app-main {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    min-width: 0;
}

.chatbot-app-topbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 18px 28px;
}

.chatbot-app-topbar-left,
.chatbot-app-topbar-right {
    display: flex;
    align-items: center;
    gap: 12px;
}

.chatbot-app-topbar-left span {
    display: block;
    color: var(--muted);
    font-size: 0.78rem;
    font-family: "Cascadia Mono", "Consolas", monospace;
}

.chatbot-app-topbar-left strong {
    color: var(--text);
}

.chatbot-status-chip {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    padding: 0 12px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 999px;
    color: var(--muted);
    background: rgba(255, 255, 255, 0.04);
    font-size: 0.82rem;
}

.chatbot-stage {
    display: grid;
    grid-template-rows: minmax(0, 1fr) auto;
    align-items: center;
    padding: 16px 28px 28px;
    min-width: 0;
}

.chatbot-empty-hero {
    width: min(760px, 100%);
    margin: 0 auto 22px;
    text-align: center;
}

.chatbot-empty-hero h1 {
    margin: 10px 0 12px;
    color: var(--text);
    font-size: clamp(2rem, 4vw, 3.6rem);
}

.chatbot-empty-hero p {
    margin: 0 auto;
    max-width: 720px;
    color: var(--muted);
    line-height: 1.65;
}

.chatbot-empty-hero.is-hidden,
.chatbot-prompt-grid.is-hidden,
.chatbot-usage-card.is-hidden {
    display: none;
}

.chatbot-app-shell.has-conversation .chatbot-stage {
    align-items: stretch;
}

.chatbot-app-shell.has-conversation .chatbot-message-canvas {
    min-height: 0;
    max-height: none;
    flex: 1 1 auto;
    margin-bottom: 16px;
}

.chatbot-app-shell.has-conversation .chatbot-composer-centered {
    margin-top: 0;
}

.chatbot-message-canvas {
    width: min(920px, 100%);
    min-height: 220px;
    max-height: 58vh;
    margin: 0 auto;
    overflow-y: auto;
}

.chatbot-message {
    margin-inline: auto;
}

.chatbot-prompt-grid {
    width: min(920px, 100%);
    margin: 16px auto 0;
}

.chatbot-prompt-grid button {
    min-height: 38px;
    border-radius: 999px;
}

.chatbot-composer-centered {
    width: min(980px, 100%);
    margin: 0 auto;
}

.chatbot-composer-shell {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 12px;
    align-items: end;
    padding: 12px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 999px;
    background: rgba(23, 24, 28, 0.9);
    box-shadow: 0 18px 50px rgba(0, 0, 0, 0.32);
}

.chatbot-composer-centered textarea {
    min-height: 56px;
    max-height: 220px;
    padding: 14px 4px 12px;
    border: 0;
    border-radius: 0;
    resize: none;
    background: transparent;
    box-shadow: none;
}

.chatbot-composer-actions {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.chatbot-inline-mode {
    min-height: 38px;
    padding: 0 12px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 999px;
    color: var(--text);
    background: rgba(255, 255, 255, 0.04);
}

.chatbot-send-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border: 0;
    border-radius: 999px;
    color: #05070b;
    background: #f4f6fb;
    font-size: 1rem;
    font-weight: 900;
}

.chatbot-settings-modal {
    position: fixed;
    inset: 0;
    z-index: 60;
}

.chatbot-settings-backdrop {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.56);
    backdrop-filter: blur(10px);
}

.chatbot-settings-sheet {
    position: absolute;
    top: 24px;
    right: 24px;
    width: min(720px, calc(100vw - 32px));
    max-height: calc(100vh - 48px);
    overflow-y: auto;
    padding: 20px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 8px;
    background: rgba(17, 18, 23, 0.96);
    box-shadow: 0 28px 70px rgba(0, 0, 0, 0.4);
}

.chatbot-settings-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 16px;
}

.chatbot-settings-head h2 {
    margin: 8px 0 0;
    color: var(--text);
}

.chatbot-settings-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.chatbot-settings-grid section {
    display: grid;
    gap: 12px;
    padding: 16px;
    border: 1px solid var(--line);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.035);
}

.chatbot-settings-grid .chatbot-command-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.chatbot-synthetic-panel {
    display: grid;
    gap: 6px;
    padding: 14px;
    border: 1px solid rgba(var(--aegis-accent-rgb, 47, 125, 255), 0.22);
    border-radius: 18px;
    background:
        radial-gradient(circle at top right, rgba(var(--aegis-accent-rgb, 47, 125, 255), 0.22), transparent 50%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.025));
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.08);
}

.chatbot-synthetic-panel strong {
    color: #f8fbff;
}

.chatbot-synthetic-panel span {
    color: rgba(226, 233, 246, 0.72);
    line-height: 1.5;
}

.chatbot-membership-inline {
    margin-top: 8px;
}

body.chatbot-modal-open {
    overflow: hidden;
}

.chatbot-app-shell.is-sidebar-collapsed .chatbot-app-sidebar {
    padding-inline: 10px;
}

.chatbot-app-shell.is-sidebar-collapsed .chatbot-app-brand a span,
.chatbot-app-shell.is-sidebar-collapsed .chatbot-sidebar-button strong,
.chatbot-app-shell.is-sidebar-collapsed .chatbot-sidebar-section,
.chatbot-app-shell.is-sidebar-collapsed .chatbot-sidebar-footer,
.chatbot-app-shell.is-sidebar-collapsed .chatbot-usage-card {
    display: none;
}

.chatbot-app-shell.is-sidebar-collapsed .chatbot-sidebar-button {
    justify-content: center;
    padding-inline: 0;
}

.chatbot-prompt-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    padding: 0 18px 16px;
}

.chatbot-prompt-grid button,
.composer-tools button {
    min-height: 38px;
    padding: 0 10px;
    border: 1px solid var(--line);
    border-radius: 8px;
    color: var(--text);
    background: rgba(255, 255, 255, 0.055);
    font: inherit;
    font-weight: 900;
}

.chatbot-composer {
    display: grid;
    gap: 10px;
    padding: 14px;
    border-top: 1px solid var(--line);
    background: rgba(0, 0, 0, 0.18);
}

.composer-tools {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.chatbot-composer textarea,
.chatbot-inspector select {
    width: 100%;
    border: 1px solid var(--line);
    border-radius: 8px;
    background: rgba(0, 0, 0, 0.28);
    color: var(--text);
    padding: 12px;
    font: inherit;
    font-weight: 800;
    resize: vertical;
}

.chatbot-inspector section {
    display: grid;
    gap: 12px;
}

.chatbot-inspector label {
    display: grid;
    gap: 7px;
    color: var(--muted);
    font-weight: 900;
}

.assistant-mode-grid > div,
.context-list > div {
    padding: 12px;
}

.assistant-mode-grid strong,
.context-list strong {
    color: var(--text);
}

.trading-shell,
.sports-shell,
.chatbot-shell {
    max-width: 1720px;
}

.terminal-head {
    grid-template-columns: minmax(0, 1fr) 180px minmax(240px, 340px);
    align-items: center;
}

.trading-shell .topbar,
.sports-shell .topbar,
.trading-shell .membership-card,
.sports-shell .membership-card,
.trading-shell .terminal-clock,
.sports-shell .terminal-clock,
.trading-shell .market-watch,
.trading-shell .chart-desk,
.trading-shell .order-ticket,
.trading-shell .terminal-panel,
.sports-shell .live-board,
.sports-shell .model-stack,
.sports-shell .sports-panel {
    border-radius: 8px;
}

.terminal-clock {
    display: grid;
    gap: 4px;
    padding: 16px;
    border: 1px solid var(--line);
    border-radius: 8px;
    background: rgba(0, 0, 0, 0.24);
}

.terminal-clock span,
.terminal-clock strong {
    font-family: "Cascadia Mono", "Consolas", monospace;
}

.trading-terminal {
    grid-template-columns: 260px minmax(0, 1fr) 280px;
}

.watch-row {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 6px;
    padding: 11px;
    border: 1px solid var(--line);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.04);
}

.watch-row em.up,
.confidence-line.up em {
    color: var(--green);
}

.watch-row em.down,
.confidence-line.down em {
    color: #ff6b73;
}

.watch-row small {
    grid-column: 1 / -1;
    color: var(--muted);
}

.chart-desk {
    display: grid;
    grid-template-rows: auto minmax(320px, 1fr) auto;
    overflow: hidden;
}

.terminal-chart {
    display: flex;
    align-items: end;
    gap: 9px;
    min-height: 360px;
    padding: 28px;
    position: relative;
    background:
        linear-gradient(rgba(255,255,255,0.055) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,0.055) 1px, transparent 1px),
        rgba(0, 0, 0, 0.18);
    background-size: 100% 25%, 8% 100%, auto;
}

.terminal-chart i {
    flex: 1;
    min-width: 10px;
    height: var(--h);
    border-radius: 7px 7px 2px 2px;
    background: linear-gradient(180deg, rgba(0, 255, 136, 0.95), rgba(0, 212, 255, 0.72));
    box-shadow: 0 0 26px rgba(0, 255, 136, 0.18);
}

.terminal-chart::before {
    position: absolute;
    top: 16px;
    left: 18px;
    color: rgba(255, 255, 255, 0.38);
    content: "Price action / staged candles";
    font-family: "Cascadia Mono", "Consolas", monospace;
    font-size: 0.72rem;
    font-weight: 900;
    text-transform: uppercase;
}

.signal-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    padding: 14px;
    border-top: 1px solid var(--line);
}

.signal-grid article,
.model-card,
.game-card {
    display: grid;
    gap: 7px;
    padding: 14px;
    border: 1px solid var(--line);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.045);
}

.signal-grid span,
.model-card span,
.game-card span,
.game-card small {
    color: var(--muted);
}

.order-ticket .button {
    width: 100%;
}

.sports-terminal {
    grid-template-columns: minmax(0, 1fr) 340px;
}

.live-board {
    display: grid;
    align-content: start;
    overflow: hidden;
}

.game-card {
    margin: 14px;
}

.game-card b {
    font-size: 2rem;
}

.prediction-callout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px;
    align-items: center;
    padding: 10px 12px;
    border: 1px solid rgba(255, 170, 0, 0.26);
    border-radius: 8px;
    background: rgba(255, 170, 0, 0.08);
}

.prediction-callout strong {
    color: var(--text);
    text-align: right;
}

.confidence-sparkline {
    display: grid;
    grid-template-columns: repeat(8, minmax(8px, 1fr));
    gap: 5px;
    align-items: end;
    height: 54px;
    padding: 8px;
    border: 1px solid var(--line);
    border-radius: 8px;
    background: rgba(0, 0, 0, 0.18);
}

.confidence-sparkline i {
    position: relative;
    display: block;
    min-height: 8px;
    height: var(--p);
    border-radius: 4px 4px 0 0;
    background: linear-gradient(180deg, rgba(255, 170, 0, 0.95), rgba(47, 125, 255, 0.76));
}

.confidence-sparkline span {
    position: absolute;
    left: 50%;
    bottom: calc(100% + 4px);
    transform: translateX(-50%);
    font-size: 0.62rem;
    opacity: 0;
    pointer-events: none;
}

.confidence-sparkline i:hover span {
    opacity: 1;
}

.confidence-line {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 10px;
    align-items: center;
}

.confidence-line em {
    font-family: "Cascadia Mono", "Consolas", monospace;
    font-style: normal;
    font-weight: 900;
}

.confidence-line.flat em {
    color: #ffaa00;
}

.model-card.locked {
    opacity: 0.72;
}

.trading-workbench,
.sports-workbench {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    margin-top: 14px;
}

.sports-workbench {
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
}

.terminal-panel,
.sports-panel {
    display: grid;
    gap: 14px;
    align-content: start;
    border: 1px solid var(--line);
    border-radius: 8px;
    background: rgba(8, 11, 16, 0.78);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.06);
    padding: 16px;
}

.sports-panel.wide {
    grid-column: 1 / -1;
}

.terminal-table {
    display: grid;
    grid-template-columns: 1.1fr 0.8fr 0.7fr 0.8fr 0.9fr;
    gap: 1px;
    overflow: hidden;
    border: 1px solid var(--line);
    border-radius: 8px;
    background: var(--line);
}

.terminal-table > * {
    min-height: 38px;
    padding: 10px;
    background: rgba(3, 5, 8, 0.92);
    color: var(--muted);
    font-family: "Cascadia Mono", "Consolas", monospace;
    font-size: 0.78rem;
}

.terminal-table strong,
.terminal-table b {
    color: var(--text);
}

.terminal-table b.up {
    color: var(--green);
}

.scanner-list,
.news-tape,
.factor-list,
.prediction-grid {
    display: grid;
    gap: 10px;
}

.scanner-list div,
.news-tape div,
.factor-list div,
.prediction-grid div {
    display: grid;
    gap: 6px;
    padding: 12px;
    border: 1px solid var(--line);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.045);
}

.scanner-list div {
    grid-template-columns: minmax(0, 1fr) auto auto;
    align-items: center;
}

.scanner-list span,
.scanner-list em,
.news-tape span,
.factor-list span,
.factor-list em,
.prediction-grid span,
.prediction-grid small {
    color: var(--muted);
}

.news-tape div {
    grid-template-columns: 54px minmax(0, 1fr);
}

.prediction-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.prediction-grid b {
    color: var(--green);
    font-family: "Cascadia Mono", "Consolas", monospace;
}

.factor-list div {
    grid-template-columns: minmax(120px, 0.8fr) auto minmax(0, 1.4fr);
    align-items: center;
}

.confidence-timeline {
    display: flex;
    align-items: end;
    gap: 12px;
    min-height: 180px;
    padding: 18px;
    border: 1px solid var(--line);
    border-radius: 8px;
    background:
        linear-gradient(rgba(255,255,255,0.055) 1px, transparent 1px),
        rgba(0, 0, 0, 0.22);
    background-size: 100% 25%, auto;
}

.confidence-timeline i {
    position: relative;
    display: block;
    flex: 1;
    height: var(--p);
    min-height: 22px;
    border-radius: 6px 6px 2px 2px;
    background: linear-gradient(180deg, rgba(255, 170, 0, 0.95), rgba(47, 125, 255, 0.72));
    box-shadow: 0 0 26px rgba(255, 170, 0, 0.16);
}

.confidence-timeline span {
    position: absolute;
    right: 50%;
    bottom: calc(100% + 6px);
    transform: translateX(50%);
    color: var(--muted);
    font-family: "Cascadia Mono", "Consolas", monospace;
    font-size: 0.72rem;
}

.decision-engine-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    margin-top: 14px;
}

.book-depth-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
    align-items: center;
}

.book-depth-grid span {
    color: var(--muted);
    font-family: "Cascadia Mono", "Consolas", monospace;
    font-size: 0.72rem;
    font-weight: 900;
    text-transform: uppercase;
}

.book-depth-grid strong,
.book-depth-grid em {
    min-height: 34px;
    padding: 8px;
    border: 1px solid var(--line);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.045);
    color: var(--text);
    font-style: normal;
    font-weight: 900;
}

.engine-metric-row {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 12px;
}

.engine-metric-row span {
    min-height: 30px;
    padding: 7px 9px;
    border: 1px solid var(--line);
    border-radius: 8px;
    color: var(--muted);
    background: rgba(255, 255, 255, 0.045);
    font-family: "Cascadia Mono", "Consolas", monospace;
    font-size: 0.72rem;
    font-weight: 900;
    text-transform: uppercase;
}

.engine-list,
.execution-stack {
    display: grid;
    gap: 10px;
}

.engine-list > div,
.execution-stack > div,
.risk-meter-grid > div,
.performance-grid > div {
    display: grid;
    gap: 6px;
    padding: 12px;
    border: 1px solid var(--line);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.045);
}

.engine-list > div {
    grid-template-columns: minmax(0, 1fr) auto;
}

.engine-list.compact > div {
    grid-template-columns: 1fr;
}

.engine-list span,
.execution-stack span,
.risk-meter-grid span,
.performance-grid span {
    color: var(--muted);
}

.engine-list span {
    grid-column: 1 / -1;
}

.engine-list b,
.performance-grid strong,
.risk-meter-grid strong {
    color: var(--green);
    font-family: "Cascadia Mono", "Consolas", monospace;
}

.execution-stack strong {
    color: var(--text);
}

.risk-meter-grid,
.performance-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

@media (max-width: 1180px) {
    .chatbot-pro-shell,
    .aegis-chat-shell,
    .trading-terminal,
    .sports-terminal,
    .terminal-head,
    .product-login,
    .product-command-head,
    .trading-workbench,
    .sports-workbench,
    .decision-engine-grid,
    .pro-ticker-strip,
    .pro-command-grid,
    .prediction-grid {
        grid-template-columns: 1fr;
    }

    .chat-main {
        min-height: 560px;
    }

    .chatbot-stage {
        min-height: 680px;
    }

    .chatbot-prompt-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .membership-strip,
    .chatbot-prompt-grid,
    .composer-submit-row,
    .book-depth-grid,
    .risk-meter-grid,
    .performance-grid,
    .pro-ticker-strip div,
    .signal-grid,
    .chat-composer,
    .terminal-table,
    .scanner-list div,
    .news-tape div,
    .factor-list div {
        grid-template-columns: 1fr;
    }

    .composer-submit-row {
        flex-direction: column;
        align-items: stretch;
    }

    .terminal-chart {
        min-height: 260px;
        gap: 5px;
        padding: 18px;
    }
}

.status-dot.ok {
    background: var(--green);
    box-shadow: 0 0 18px rgba(139, 255, 207, 0.72);
}

.status-dot.warn {
    background: #ffd166;
    box-shadow: 0 0 18px rgba(255, 209, 102, 0.58);
}

.status-dot.fail {
    background: #ff6b73;
    box-shadow: 0 0 18px rgba(47, 125, 255, 0.72);
}

.footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-top: 82px;
    padding-top: 24px;
    border-top: 1px solid var(--line);
    color: var(--muted);
}

.footer span {
    color: #f5f7fb;
    font-weight: 900;
    text-transform: uppercase;
}

.footer div {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.footer a {
    color: var(--muted);
}

.footer a:hover {
    color: var(--text);
}

@media (max-width: 980px) {
    .hero,
    .split,
    .module-grid,
    .workspace-launch-grid,
    .setup-grid,
    .flow-grid,
    .dashboard-hero,
    .dashboard-grid,
    .brain-layout,
    .sports-grid,
    .bot-grid,
    .activity-layout {
        grid-template-columns: 1fr;
    }

    .chatbot-app-shell,
    .chatbot-settings-grid {
        grid-template-columns: 1fr;
    }

    .chatbot-app-sidebar {
        grid-template-rows: auto;
    }

    .chatbot-stage {
        padding-inline: 20px;
    }

    .topbar,
    .aegis-site-nav {
        position: static;
        align-items: flex-start;
        flex-direction: column;
    }

    .nav,
    .aegis-site-links,
    .aegis-site-account {
        width: 100%;
        flex-wrap: wrap;
        justify-content: flex-start;
    }

    .account-overview-grid,
    .account-ledger-grid,
    .settings-grid,
    .notification-toolbar {
        grid-template-columns: 1fr 1fr;
    }

    .notification-card {
        grid-template-columns: 1fr;
    }

    .timeline-event {
        grid-template-columns: 24px minmax(0, 1fr);
    }

    .timeline-event .button {
        grid-column: 2;
        justify-self: start;
    }

    .notification-actions,
    .notification-toolbar form {
        justify-self: start;
        justify-content: flex-start;
    }

    .resource-results {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .site-shell {
        width: min(1180px, calc(100% - 24px));
        padding-top: 14px;
    }

    .chatbot-shell {
        width: 100%;
    }

    .chatbot-app-topbar,
    .chatbot-stage,
    .chatbot-settings-sheet {
        padding-inline: 16px;
    }

    .chatbot-app-topbar {
        flex-direction: column;
        align-items: flex-start;
    }

    .chatbot-composer-shell {
        grid-template-columns: auto minmax(0, 1fr);
        border-radius: 28px;
    }

    .chatbot-composer-actions {
        grid-column: 1 / -1;
        justify-content: flex-end;
    }

    .hero,
    .page-hero {
        margin-top: 48px;
    }

    .metric-grid,
    .health-row,
    .dashboard-row {
        grid-template-columns: 1fr;
    }

    .hero-actions,
    .nav,
    .aegis-site-links,
    .aegis-site-account,
    .footer,
    .brain-panel-head,
    .command-search,
    .resource-search {
        display: grid;
    }

    .brain-score {
        width: 96px;
        height: 96px;
    }

    .account-overview-grid,
    .account-ledger-grid,
    .settings-grid,
    .setting-field,
    .notification-toolbar,
    .resource-search,
    .resource-results {
        grid-template-columns: 1fr;
    }
}

/* Reference UI shells */

.chatbot-shell,
.markets-reference-page,
.sports-reference-page {
    width: 100%;
}

.chatbot-shell {
    max-width: none;
    margin: 0;
    padding: 0;
}

.chatbot-shell main,
.markets-reference-page main,
.sports-reference-page main {
    padding: 0;
}

.chatbot-reference-shell {
    display: grid;
    grid-template-columns: 286px minmax(0, 1fr) 332px;
    min-height: 100vh;
    background:
        radial-gradient(circle at 25% 24%, rgba(92, 117, 255, 0.12), transparent 30%),
        radial-gradient(circle at 62% 34%, rgba(143, 92, 255, 0.1), transparent 28%),
        linear-gradient(180deg, #0b1118, #0a1017 55%, #090f16);
    color: #edf2fd;
    font-family: Inter, "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;
}

.chatbot-reference-sidebar,
.chatbot-reference-rail {
    display: grid;
    align-content: start;
    gap: 18px;
    padding: 18px 18px 16px;
    border-right: 1px solid rgba(255, 255, 255, 0.06);
    background: rgba(8, 13, 20, 0.92);
}

.chatbot-reference-rail {
    border-right: 0;
    border-left: 1px solid rgba(255, 255, 255, 0.06);
}

.chatbot-reference-brand,
.chatbot-reference-card-head,
.chatbot-reference-account-head,
.chatbot-reference-progress-head,
.chatbot-reference-topbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.chatbot-reference-shell .icon-button,
.markets-reference-page .icon-button,
.sports-reference-page .icon-button {
    width: 42px;
    height: 42px;
    border-color: rgba(255, 255, 255, 0.08);
    color: #eef4ff;
    background: rgba(255, 255, 255, 0.04);
}

.chatbot-reference-brand a {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    color: #f5f8ff;
    font-size: 1.05rem;
    font-weight: 800;
}

.chatbot-reference-brand img {
    width: 32px;
    height: 32px;
}

.chatbot-reference-new-chat,
.chatbot-reference-upgrade,
.chatbot-reference-nav button,
.chatbot-reference-nav a,
.chatbot-reference-history-group button,
.chatbot-reference-tool-list button,
.chatbot-reference-agent,
.chatbot-reference-card-head button,
.chatbot-reference-workspace,
.chatbot-reference-composer-tools button,
.markets-reference-nav a,
.markets-reference-sidecard button,
.markets-reference-sidebar-footer button,
.markets-reference-tabs button,
.markets-reference-card-head button,
.markets-reference-filter-row button,
.sports-reference-topnav a,
.sports-reference-nav a,
.sports-reference-tabs button,
.sports-reference-card-head button,
.sports-reference-betslip-tabs button,
.sports-reference-quick-actions button {
    appearance: none;
    -webkit-appearance: none;
    border: 0;
    background: transparent;
    color: inherit;
    font: inherit;
    text-align: left;
    cursor: pointer;
}

.chatbot-reference-new-chat {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 44px;
    padding: 0 18px;
    border-radius: 12px;
    color: #ffffff;
    background: linear-gradient(90deg, #5c75ff, #6d4cff);
    box-shadow: 0 18px 44px rgba(91, 92, 255, 0.24);
}

.chatbot-reference-nav,
.chatbot-reference-history-group,
.chatbot-reference-account-card,
.chatbot-reference-card,
.markets-reference-panel,
.markets-reference-sidecard,
.markets-reference-watchlist,
.markets-reference-trade-card,
.sports-reference-panel,
.sports-reference-bankroll,
.sports-reference-betslip,
.sports-reference-quick-actions {
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 16px;
    background: rgba(14, 21, 30, 0.94);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.04);
}

.chatbot-reference-nav {
    display: grid;
    gap: 6px;
    padding: 8px;
    background: transparent;
    border: 0;
    box-shadow: none;
}

.chatbot-reference-nav button,
.chatbot-reference-nav a {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 42px;
    padding: 0 14px;
    border-radius: 12px;
    color: rgba(237, 242, 253, 0.76);
    background: transparent;
    text-decoration: none;
}

.chatbot-reference-nav .is-active {
    color: #f5f8ff;
    background: rgba(255, 255, 255, 0.06);
}

.chatbot-reference-history {
    display: grid;
    gap: 14px;
}

.chatbot-reference-history-group {
    gap: 6px;
    padding: 12px 14px;
}

.chatbot-reference-history-group > span {
    color: rgba(226, 233, 246, 0.52);
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.chatbot-reference-history-group button {
    text-align: left;
    min-height: 30px;
    padding: 0;
    color: rgba(237, 242, 253, 0.82);
    background: transparent;
}

.chatbot-thread-stack {
    display: grid;
    gap: 8px;
}

.chatbot-thread-stack a,
.chatbot-thread-empty {
    display: grid;
    gap: 3px;
    padding: 12px 14px;
    border-radius: 12px;
    color: rgba(237, 242, 253, 0.78);
    background: rgba(255, 255, 255, 0.035);
}

.chatbot-thread-stack a.is-active {
    background: rgba(92, 117, 255, 0.14);
    color: #ffffff;
}

.chatbot-thread-stack a span,
.chatbot-thread-empty {
    color: rgba(226, 233, 246, 0.52);
    font-size: 0.8rem;
}

.chatbot-reference-account-card {
    gap: 14px;
    padding: 14px;
}

.chatbot-reference-avatar {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    color: #ffffff;
    font-weight: 800;
    background: linear-gradient(180deg, #3147e2, #171d63);
}

.chatbot-reference-account-head span,
.chatbot-reference-account-card p {
    color: rgba(226, 233, 246, 0.58);
}

.chatbot-reference-progress-bar {
    height: 10px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.06);
    overflow: hidden;
}

.chatbot-reference-account-card .chatbot-usage-card {
    display: grid;
    gap: 10px;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.chatbot-reference-progress-bar i {
    display: block;
    width: 0;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #5c75ff, #6d4cff);
}

.chatbot-reference-upgrade {
    min-height: 40px;
    border-radius: 12px;
    color: #f8faff;
    background: rgba(255, 255, 255, 0.06);
}

.chatbot-reference-main {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    min-width: 0;
    padding: 18px 24px 18px 18px;
}

.chatbot-reference-topbar {
    padding: 0 0 18px;
}

.chatbot-reference-workspace {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    min-height: 42px;
    padding: 0 16px;
    border-radius: 12px;
    color: #f4f7ff;
    background: rgba(255, 255, 255, 0.05);
}

.chatbot-reference-workspace em {
    color: rgba(226, 233, 246, 0.6);
    font-style: normal;
}

.chatbot-reference-top-actions {
    display: flex;
    align-items: center;
    gap: 10px;
}

.chatbot-reference-search {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-width: min(340px, 42vw);
    min-height: 44px;
    padding: 0 14px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.03);
}

.chatbot-reference-search input {
    flex: 1;
    border: 0;
    color: #edf2fd;
    background: transparent;
}

.chatbot-reference-search em {
    color: rgba(226, 233, 246, 0.45);
    font-style: normal;
}

.chatbot-reference-center {
    position: relative;
    display: grid;
    align-content: center;
    gap: 18px;
    min-height: 0;
    padding: 24px 4vw 16px;
}

.chatbot-reference-center::before {
    content: "";
    position: absolute;
    inset: 12% 14% auto;
    height: 220px;
    background-image: radial-gradient(rgba(255, 255, 255, 0.08) 1px, transparent 1px);
    background-size: 12px 12px;
    opacity: 0.18;
    pointer-events: none;
}

.chatbot-empty-hero {
    position: relative;
    z-index: 1;
    width: min(760px, 100%);
    margin: 0 auto;
    text-align: center;
}

.chatbot-empty-hero h1 {
    margin: 0 0 12px;
    font-size: clamp(2.8rem, 5vw, 4.8rem);
    line-height: 1.04;
    background: linear-gradient(90deg, #4e7bff, #a66dff);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.chatbot-empty-hero p {
    max-width: 640px;
    margin: 0 auto;
    color: rgba(226, 233, 246, 0.7);
    font-size: 1.05rem;
    line-height: 1.6;
}

.chatbot-message-canvas {
    position: relative;
    z-index: 1;
    width: min(920px, 100%);
    min-height: 0;
    max-height: 50vh;
    margin: 0 auto;
    overflow-y: auto;
    padding: 0 0 6px;
    background: transparent;
    border: 0;
    box-shadow: none;
}

.chatbot-reference-shell.has-conversation .chatbot-reference-center {
    align-content: start;
    padding-top: 10px;
}

.chatbot-reference-composer {
    position: relative;
    z-index: 1;
    width: min(920px, 100%);
    margin: 0 auto;
}

.chatbot-reference-composer .chatbot-composer-shell {
    display: grid;
    gap: 16px;
    padding: 18px 18px 16px;
    border: 1px solid rgba(110, 96, 255, 0.72);
    border-radius: 28px;
    background: rgba(15, 23, 33, 0.94);
    box-shadow: 0 20px 46px rgba(0, 0, 0, 0.28);
}

.chatbot-reference-composer textarea {
    min-height: 74px;
    max-height: 220px;
    padding: 0;
    border: 0;
    color: #f4f7ff;
    font-size: 1rem;
    background: transparent;
}

.chatbot-reference-composer-row,
.chatbot-reference-composer-tools,
.chatbot-reference-composer-actions,
.chatbot-reference-allocation,
.markets-reference-card-head,
.markets-reference-panel-head,
.markets-reference-chart-head,
.markets-reference-buy-sell,
.markets-reference-order-type,
.markets-reference-trade-meta,
.sports-reference-card-head,
.sports-reference-betslip-tabs,
.sports-reference-userbar,
.sports-reference-line-legend {
    display: flex;
    align-items: center;
    gap: 10px;
}

.chatbot-reference-composer-row,
.markets-reference-card-head,
.markets-reference-panel-head,
.sports-reference-card-head {
    justify-content: space-between;
}

.chatbot-reference-composer-tools button,
.chatbot-reference-composer-actions button,
.chatbot-prompt-grid button,
.markets-reference-tabs button,
.markets-reference-filter-row button,
.markets-reference-buy-sell button,
.markets-reference-order-type button,
.sports-reference-tabs button,
.sports-reference-betslip-tabs button {
    min-height: 40px;
    padding: 0 14px;
    border-radius: 999px;
    color: rgba(237, 242, 253, 0.88);
    background: rgba(255, 255, 255, 0.05);
}

.chatbot-reference-composer-tools .icon-button {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    color: #ffffff;
    background: rgba(255, 255, 255, 0.06);
    border-color: rgba(255, 255, 255, 0.08);
}

.chatbot-reference-composer-actions {
    margin-left: auto;
}

.chatbot-reference-composer .chatbot-send-button {
    width: 44px;
    height: 44px;
    border: 0;
    border-radius: 50%;
    color: #ffffff;
    background: linear-gradient(180deg, #5c75ff, #6d4cff);
}

.chatbot-prompt-grid {
    position: relative;
    z-index: 1;
    width: min(920px, 100%);
    margin: 0 auto;
    padding: 0;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.chatbot-reference-disclaimer {
    position: relative;
    z-index: 1;
    margin: 0;
    color: rgba(226, 233, 246, 0.48);
    text-align: center;
}

.chatbot-reference-rail {
    gap: 16px;
}

.chatbot-reference-card {
    display: grid;
    gap: 14px;
    padding: 16px;
}

.chatbot-reference-card-head span {
    color: rgba(226, 233, 246, 0.56);
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.chatbot-reference-card-head button {
    min-height: 32px;
    padding: 0 10px;
    border-radius: 10px;
    color: #f4f7ff;
    background: rgba(255, 255, 255, 0.05);
}

.chatbot-reference-agent-list,
.chatbot-reference-tool-list {
    display: grid;
    gap: 10px;
}

.chatbot-reference-agent {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 12px;
    align-items: center;
    padding: 12px;
    border-radius: 14px;
    color: #edf2fd;
    background: rgba(255, 255, 255, 0.035);
}

.chatbot-reference-agent i {
    display: block;
    width: 42px;
    height: 42px;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.08);
}

.chatbot-reference-agent span,
.chatbot-reference-status span,
.markets-reference-news span,
.sports-reference-alerts span,
.sports-reference-bet-item span,
.sports-reference-bet-item small,
.sports-reference-quick-actions span {
    color: rgba(226, 233, 246, 0.56);
}

.chatbot-reference-agent.accent-purple i { background: rgba(143, 92, 255, 0.28); }
.chatbot-reference-agent.accent-blue i { background: rgba(78, 123, 255, 0.28); }
.chatbot-reference-agent.accent-teal i { background: rgba(20, 184, 166, 0.28); }
.chatbot-reference-agent.accent-amber i { background: rgba(245, 158, 11, 0.28); }
.chatbot-reference-agent.accent-slate i { background: rgba(100, 116, 139, 0.28); }

.chatbot-reference-tool-list button {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 42px;
    padding: 0 12px;
    border-radius: 12px;
    color: #edf2fd;
    background: rgba(255, 255, 255, 0.035);
}

.chatbot-reference-status {
    display: grid;
    gap: 6px;
}

.chatbot-reference-status strong {
    color: #16c55f;
}

.chatbot-reference-shell.is-sidebar-collapsed {
    grid-template-columns: 88px minmax(0, 1fr) 332px;
}

.chatbot-reference-shell.is-sidebar-collapsed .chatbot-reference-brand span,
.chatbot-reference-shell.is-sidebar-collapsed .chatbot-reference-new-chat strong,
.chatbot-reference-shell.is-sidebar-collapsed .chatbot-reference-nav strong,
.chatbot-reference-shell.is-sidebar-collapsed .chatbot-reference-history,
.chatbot-reference-shell.is-sidebar-collapsed .chatbot-reference-account-card {
    display: none;
}

.chatbot-reference-shell.is-sidebar-collapsed .chatbot-reference-new-chat,
.chatbot-reference-shell.is-sidebar-collapsed .chatbot-reference-nav button,
.chatbot-reference-shell.is-sidebar-collapsed .chatbot-reference-nav a {
    justify-content: center;
}

.chatbot-settings-modal .chatbot-settings-sheet {
    width: min(720px, calc(100vw - 40px));
    max-height: calc(100vh - 48px);
    padding: 24px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 24px;
    background: #0f1720;
}

.chatbot-settings-nav {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 14px;
}

.chatbot-settings-nav a {
    min-height: 34px;
    padding: 8px 12px;
    border-radius: 999px;
    color: rgba(237, 242, 253, 0.76);
    background: rgba(255, 255, 255, 0.05);
}

.chatbot-settings-overview {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    margin-bottom: 16px;
}

.chatbot-settings-overview article {
    display: grid;
    gap: 4px;
    padding: 14px;
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.04);
}

.chatbot-settings-overview span {
    color: rgba(226, 233, 246, 0.52);
}

.chatbot-model-library-grid,
.chatbot-model-custom-list {
    display: grid;
    gap: 12px;
}

.chatbot-model-library-grid {
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.chatbot-model-card {
    display: grid;
    gap: 10px;
    padding: 16px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 16px;
    background:
        radial-gradient(circle at top right, rgba(0, 212, 255, 0.12), transparent 46%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.025));
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.04);
}

.chatbot-model-card.is-active {
    border-color: rgba(0, 212, 255, 0.42);
    box-shadow:
        0 0 0 1px rgba(0, 212, 255, 0.18),
        inset 0 1px rgba(255, 255, 255, 0.06);
}

.chatbot-model-card-custom {
    background:
        radial-gradient(circle at top right, rgba(245, 158, 11, 0.16), transparent 44%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.025));
}

.chatbot-model-card[data-tier="S"] {
    background:
        radial-gradient(circle at top right, rgba(47, 125, 255, 0.22), transparent 48%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.025));
}

.chatbot-model-card[data-tier="A"] {
    background:
        radial-gradient(circle at top right, rgba(0, 212, 255, 0.16), transparent 48%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.025));
}

.chatbot-model-card[data-tier="CUSTOM"] {
    background:
        radial-gradient(circle at top right, rgba(245, 158, 11, 0.16), transparent 48%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.025));
}

.chatbot-model-card-head {
    display: grid;
    gap: 4px;
}

.chatbot-model-card-head strong {
    color: #f4f7fe;
}

.chatbot-model-card-head span,
.chatbot-model-card small,
.chatbot-model-empty,
.chatbot-model-import-head span {
    color: rgba(226, 233, 246, 0.62);
    font-size: 0.82rem;
}

.chatbot-model-card p {
    margin: 0;
    color: rgba(237, 242, 253, 0.88);
}

.chatbot-model-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.chatbot-model-tags span {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding: 0 9px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 999px;
    color: rgba(246, 249, 255, 0.78);
    background: rgba(255, 255, 255, 0.055);
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.chatbot-model-hardware {
    color: rgba(255, 214, 148, 0.82) !important;
}

.chatbot-model-card-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.chatbot-model-card-actions button {
    min-height: 34px;
    padding: 0 12px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 999px;
    color: #eef4ff;
    background: rgba(255, 255, 255, 0.04);
}

.chatbot-model-card-actions button:hover,
.chatbot-model-card-actions button:focus-visible {
    border-color: rgba(0, 212, 255, 0.24);
    background: rgba(0, 212, 255, 0.1);
}

.chatbot-model-import-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.chatbot-model-form {
    display: grid;
    gap: 12px;
    padding: 16px;
    border: 1px dashed rgba(255, 255, 255, 0.12);
    border-radius: 18px;
    background: rgba(7, 12, 19, 0.62);
}

.chatbot-model-form-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
}

.chatbot-model-form .settings-note {
    margin: 0;
}

.chatbot-model-form #chatbotModelFormStatus[data-state="ok"] {
    color: #25cf72;
}

.chatbot-model-form #chatbotModelFormStatus[data-state="fail"] {
    color: #ff7b87;
}

.chatbot-model-form #chatbotModelFormStatus[data-state="pending"] {
    color: #8bc9ff;
}

.chatbot-model-empty {
    padding: 14px;
    border: 1px dashed rgba(255, 255, 255, 0.1);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.025);
}

.chatbot-context-strip {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    width: min(900px, 100%);
}

.chatbot-context-strip article,
.chatbot-agent-card,
.chatbot-workspace-pane {
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 16px;
    background: rgba(13, 19, 28, 0.9);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.04);
}

.chatbot-context-strip article {
    display: grid;
    gap: 6px;
    padding: 14px 16px;
}

.chatbot-context-strip span,
.chatbot-workspace-pane-head span,
.chatbot-workspace-entry span,
.chatbot-agent-card span {
    color: rgba(226, 233, 246, 0.58);
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.chatbot-context-strip strong,
.chatbot-workspace-pane-head strong,
.chatbot-agent-card strong {
    color: #f4f7fe;
}

.chatbot-reference-workspace {
    align-items: center;
}

.chatbot-reference-workspace small {
    color: rgba(226, 233, 246, 0.58);
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.chatbot-reference-agent.is-active,
.chatbot-agent-card.is-active,
.chatbot-workspace-entry.is-selected {
    border-color: rgba(0, 212, 255, 0.32);
    background: rgba(0, 212, 255, 0.08);
    box-shadow: 0 0 0 1px rgba(0, 212, 255, 0.12);
}

.chatbot-agent-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 12px;
}

.chatbot-agent-card {
    display: grid;
    gap: 8px;
    padding: 16px;
    text-align: left;
}

.chatbot-agent-card:hover,
.chatbot-agent-card:focus-visible,
.chatbot-workspace-entry:hover,
.chatbot-workspace-entry:focus-visible,
.chatbot-workspace-breadcrumbs button:hover,
.chatbot-workspace-breadcrumbs button:focus-visible,
.chatbot-workspace-chip:hover,
.chatbot-workspace-chip:focus-visible {
    border-color: rgba(255, 255, 255, 0.16);
    background: rgba(255, 255, 255, 0.07);
}

.chatbot-agent-card.accent-blue,
.chatbot-reference-agent.accent-blue {
    --agent-accent: rgba(92, 117, 255, 0.3);
}

.chatbot-agent-card.accent-teal,
.chatbot-reference-agent.accent-teal {
    --agent-accent: rgba(30, 200, 180, 0.3);
}

.chatbot-agent-card.accent-amber,
.chatbot-reference-agent.accent-amber {
    --agent-accent: rgba(245, 158, 11, 0.3);
}

.chatbot-agent-card.accent-purple,
.chatbot-reference-agent.accent-purple {
    --agent-accent: rgba(143, 92, 255, 0.3);
}

.chatbot-agent-card.accent-slate,
.chatbot-reference-agent.accent-slate {
    --agent-accent: rgba(148, 163, 184, 0.25);
}

.chatbot-agent-card.accent-red,
.chatbot-reference-agent.accent-red {
    --agent-accent: rgba(255, 107, 120, 0.28);
}

.chatbot-agent-card.accent-green,
.chatbot-reference-agent.accent-green {
    --agent-accent: rgba(37, 207, 114, 0.28);
}

.chatbot-agent-card.accent-gold,
.chatbot-reference-agent.accent-gold {
    --agent-accent: rgba(250, 204, 21, 0.28);
}

.chatbot-agent-card.accent-cyan,
.chatbot-reference-agent.accent-cyan {
    --agent-accent: rgba(34, 211, 238, 0.28);
}

.chatbot-agent-card.accent-orange,
.chatbot-reference-agent.accent-orange {
    --agent-accent: rgba(251, 146, 60, 0.28);
}

.chatbot-agent-card::before,
.chatbot-reference-agent::before {
    content: "";
    width: 42px;
    height: 4px;
    border-radius: 999px;
    background: var(--agent-accent, rgba(0, 212, 255, 0.25));
}

.chatbot-workspace-toolbar,
.chatbot-workspace-browser,
.chatbot-workspace-pane-head,
.chatbot-workspace-breadcrumbs,
.chatbot-workspace-selected {
    display: grid;
    gap: 12px;
}

.chatbot-workspace-toolbar {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
}

.chatbot-workspace-browser {
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
}

.chatbot-workspace-browser.is-disabled {
    opacity: 0.75;
}

.chatbot-workspace-pane {
    display: grid;
    gap: 12px;
    padding: 16px;
}

.chatbot-workspace-breadcrumbs {
    grid-auto-flow: column;
    grid-auto-columns: max-content;
    overflow-x: auto;
    padding-bottom: 2px;
}

.chatbot-workspace-breadcrumbs button,
.chatbot-workspace-entry,
.chatbot-workspace-chip {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    min-height: 40px;
    padding: 0 14px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 12px;
    color: #eef4ff;
    background: rgba(255, 255, 255, 0.03);
}

.chatbot-workspace-list {
    display: grid;
    gap: 10px;
    max-height: 320px;
    overflow-y: auto;
}

.chatbot-workspace-entry {
    text-align: left;
}

.chatbot-workspace-entry.type-dir {
    border-style: dashed;
}

.chatbot-workspace-selected {
    align-content: start;
    min-height: 120px;
}

.chatbot-workspace-chip strong {
    color: #ff9ea8;
}

.chatbot-workspace-preview-content {
    min-height: 220px;
    max-height: 320px;
    overflow: auto;
    padding: 16px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 14px;
    color: rgba(237, 242, 253, 0.92);
    background: rgba(8, 12, 18, 0.86);
    font-family: "Cascadia Mono", "Consolas", monospace;
    font-size: 0.85rem;
    white-space: pre-wrap;
    word-break: break-word;
}

.chatbot-workspace-empty {
    padding: 14px;
    border: 1px dashed rgba(255, 255, 255, 0.1);
    border-radius: 14px;
    color: rgba(226, 233, 246, 0.62);
    background: rgba(255, 255, 255, 0.025);
}

#chatbotWorkspaceStatus[data-state="pending"] {
    color: #8bc9ff;
}

#chatbotWorkspaceStatus[data-state="ok"] {
    color: #25cf72;
}

#chatbotWorkspaceStatus[data-state="fail"] {
    color: #ff7b87;
}

#chatbotWorkspaceStatus[data-state="warn"] {
    color: #f9c74f;
}

@media (max-width: 980px) {
    .chatbot-context-strip,
    .chatbot-workspace-browser,
    .chatbot-workspace-toolbar {
        grid-template-columns: 1fr;
    }
}

.markets-reference-page,
.sports-reference-page {
    min-height: 100vh;
    background: #081018;
    color: #eef5ff;
    font-family: Inter, "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;
}

.markets-reference-shell,
.sports-reference-shell {
    min-height: 100vh;
}

.markets-reference-topbar,
.sports-reference-topbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    min-height: 72px;
    padding: 0 18px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    background: #081018;
}

.markets-reference-brand,
.sports-reference-brand,
.markets-reference-user,
.sports-reference-user {
    display: inline-flex;
    align-items: center;
    gap: 12px;
}

.markets-reference-brand img,
.sports-reference-brand img {
    width: 34px;
    height: 34px;
}

.markets-reference-brand span,
.sports-reference-pro-chip {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding: 0 8px;
    border-radius: 999px;
    color: #f5f7fb;
    font-size: 0.72rem;
    background: rgba(255, 255, 255, 0.08);
}

.markets-reference-tickers {
    display: flex;
    align-items: stretch;
    gap: 16px;
    min-width: 0;
    overflow: auto hidden;
}

.markets-reference-tickers div {
    display: grid;
    gap: 4px;
    min-width: 88px;
}

.markets-reference-tickers strong,
.markets-reference-tickers span {
    color: #f2f6ff;
}

.markets-reference-tickers em,
.markets-reference-watchlist-list em,
.markets-reference-list em,
.sports-reference-picks-table .up,
.sports-reference-parlay .up {
    color: #1dd063;
    font-style: normal;
    font-weight: 700;
}

.markets-reference-tickers em.down,
.markets-reference-watchlist-list em.down {
    color: #ff6673;
}

.markets-reference-search {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-width: 280px;
    min-height: 44px;
    padding: 0 14px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.03);
}

.markets-reference-search input {
    flex: 1;
    border: 0;
    color: #eff5ff;
    background: transparent;
}

.markets-reference-user-avatar,
.sports-reference-avatar {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    color: #ffffff;
    font-weight: 800;
    background: linear-gradient(180deg, #1b7fff, #1341a2);
}

.sports-reference-avatar {
    background: linear-gradient(180deg, #29d15d, #11773b);
}

.markets-reference-user span,
.sports-reference-user span {
    color: rgba(229, 237, 247, 0.58);
}

.markets-reference-body,
.sports-reference-body {
    display: grid;
    grid-template-columns: 202px minmax(0, 1fr) 308px;
    min-height: calc(100vh - 72px);
}

.markets-reference-sidebar,
.sports-reference-sidebar {
    display: grid;
    align-content: start;
    gap: 16px;
    padding: 16px 10px 14px;
    border-right: 1px solid rgba(255, 255, 255, 0.06);
    background: #0a121a;
}

.markets-reference-nav,
.sports-reference-nav {
    display: grid;
    gap: 6px;
}

.markets-reference-nav a,
.sports-reference-nav a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 42px;
    padding: 0 14px;
    border-radius: 12px;
    color: rgba(229, 237, 247, 0.78);
    text-decoration: none;
}

.markets-reference-nav .is-active,
.sports-reference-nav .is-active {
    color: #1dd063;
    background: rgba(255, 255, 255, 0.05);
}

.sports-reference-nav em {
    min-height: 22px;
    padding: 0 8px;
    border-radius: 999px;
    color: #7ef0a0;
    font-style: normal;
    background: rgba(29, 208, 99, 0.16);
}

.markets-reference-sidecard,
.sports-reference-bankroll {
    display: grid;
    gap: 12px;
    padding: 14px;
}

.markets-reference-sidecard > span,
.sports-reference-bankroll > span {
    color: rgba(229, 237, 247, 0.58);
}

.markets-reference-sidecard > strong,
.sports-reference-bankroll > strong {
    font-size: 1.9rem;
}

.markets-reference-sidecard > em,
.sports-reference-bankroll > em {
    color: #1dd063;
    font-style: normal;
    font-weight: 700;
}

.markets-reference-mini-chart,
.sports-reference-line-chart {
    display: flex;
    align-items: end;
    gap: 5px;
    min-height: 92px;
}

.markets-reference-mini-chart i,
.sports-reference-line-chart i {
    display: block;
    flex: 1;
    height: var(--h);
    min-height: 12px;
    border-radius: 10px 10px 0 0;
    background: linear-gradient(180deg, rgba(34, 197, 94, 0.88), rgba(34, 197, 94, 0.22));
}

.markets-reference-sidecard-grid,
.sports-reference-bankroll-grid {
    display: grid;
    gap: 10px;
}

.markets-reference-sidecard button,
.sports-reference-bankroll button,
.markets-reference-buy-button,
.sports-reference-place-bet {
    min-height: 46px;
    border-radius: 12px;
    color: #f8faff;
    background: #16a34a;
}

.markets-reference-sidebar-footer {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
    margin-top: auto;
}

.markets-reference-sidebar-footer button {
    min-height: 38px;
    border-radius: 12px;
    color: rgba(229, 237, 247, 0.74);
    background: rgba(255, 255, 255, 0.04);
}

.markets-reference-main,
.sports-reference-main {
    min-width: 0;
    padding: 16px;
}

.markets-reference-panel,
.sports-reference-panel {
    padding: 16px;
}

.markets-reference-panel-head strong {
    font-size: 1.5rem;
}

.markets-reference-card-head strong,
.sports-reference-card-head strong {
    font-size: 1.02rem;
}

.markets-reference-tabs,
.sports-reference-tabs,
.markets-reference-filter-row {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.markets-reference-tabs button.is-active,
.markets-reference-filter-row button.is-active,
.sports-reference-tabs button.is-active,
.sports-reference-betslip-tabs button.is-active,
.markets-reference-buy-sell .is-active,
.markets-reference-order-type .is-active {
    color: #f8fcff;
    background: rgba(255, 255, 255, 0.09);
}

.markets-reference-overview-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    margin-top: 14px;
}

.markets-reference-overview-card,
.sports-reference-live-card,
.markets-reference-data-card {
    display: grid;
    gap: 8px;
    padding: 14px;
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 14px;
    background: rgba(11, 18, 26, 0.84);
}

.markets-reference-overview-card span,
.markets-reference-overview-card small,
.markets-reference-live-card span,
.sports-reference-live-card small,
.markets-reference-chart-card span,
.markets-reference-chart-card small,
.markets-reference-chart-stats span,
.markets-reference-list span,
.markets-reference-list small,
.sports-reference-live-head em,
.sports-reference-ai-insight p,
.sports-reference-line-legend span,
.sports-reference-market-select {
    color: rgba(229, 237, 247, 0.58);
}

.markets-reference-overview-card strong {
    font-size: 1.95rem;
}

.markets-reference-overview-card em,
.markets-reference-overview-card b {
    color: #1dd063;
    font-style: normal;
}

.markets-reference-sparkline {
    display: flex;
    align-items: end;
    gap: 5px;
    min-height: 72px;
}

.markets-reference-sparkline i {
    display: block;
    flex: 1;
    height: var(--h);
    min-height: 10px;
    border-radius: 999px;
    background: linear-gradient(180deg, rgba(34, 197, 94, 0.88), rgba(34, 197, 94, 0.16));
}

.markets-reference-chart-grid,
.sports-reference-lower-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 248px;
    gap: 14px;
    margin-top: 14px;
}

.markets-reference-chart-card,
.markets-reference-orderbook,
.markets-reference-watchlist,
.markets-reference-trade-card,
.sports-reference-betslip,
.sports-reference-quick-actions {
    display: grid;
    gap: 14px;
    padding: 16px;
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 16px;
    background: rgba(11, 18, 26, 0.94);
}

.markets-reference-chart-price strong {
    display: block;
    font-size: 2rem;
}

.markets-reference-chart-price span {
    color: #1dd063;
}

.markets-reference-timeframes {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.markets-reference-timeframes button {
    min-height: 32px;
    padding: 0 10px;
    border-radius: 10px;
    color: rgba(229, 237, 247, 0.78);
    background: transparent;
}

.markets-reference-timeframes .is-active {
    color: #f8fcff;
    background: rgba(46, 120, 255, 0.22);
}

.markets-reference-candles {
    display: flex;
    align-items: end;
    gap: 8px;
    min-height: 260px;
    padding: 16px 0 10px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.markets-reference-candles i {
    display: block;
    flex: 1;
    height: var(--h);
    min-height: 24px;
    border-radius: 8px 8px 2px 2px;
}

.markets-reference-candles .up {
    background: linear-gradient(180deg, rgba(34, 197, 94, 0.92), rgba(34, 197, 94, 0.28));
}

.markets-reference-candles .down {
    background: linear-gradient(180deg, rgba(248, 113, 113, 0.92), rgba(248, 113, 113, 0.28));
}

.markets-reference-chart-stats {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 10px;
}

.markets-reference-book-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
}

.markets-reference-book-grid span {
    color: rgba(229, 237, 247, 0.48);
    font-size: 0.76rem;
    text-transform: uppercase;
}

.markets-reference-book-grid strong,
.markets-reference-book-grid em,
.markets-reference-book-grid b {
    padding: 8px 10px;
    border-radius: 10px;
    font-style: normal;
    background: rgba(255, 255, 255, 0.04);
}

.markets-reference-book-grid strong.up { color: #1dd063; }
.markets-reference-book-grid strong.down { color: #ff6673; }

.markets-reference-book-mid {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 46px;
    padding: 0 12px;
    border-radius: 12px;
    background: rgba(29, 208, 99, 0.12);
}

.markets-reference-book-mid span {
    color: #1dd063;
}

.markets-reference-book-balance {
    display: grid;
    grid-template-columns: 62fr 38fr;
    overflow: hidden;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.04);
}

.markets-reference-book-balance span {
    min-height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.markets-reference-book-balance span:first-child {
    color: #1dd063;
    background: rgba(29, 208, 99, 0.18);
}

.markets-reference-book-balance span:last-child {
    color: #ff6673;
    background: rgba(255, 102, 115, 0.14);
}

.markets-reference-lower-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin-top: 14px;
}

.markets-reference-data-card {
    padding: 14px;
}

.markets-reference-allocation-ring {
    position: relative;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background:
        conic-gradient(#3b82f6 0 60%, #2563eb 60% 84%, #f472b6 84% 94%, #f59e0b 94% 98%, #8b5cf6 98% 100%);
}

.markets-reference-allocation-ring::after {
    content: "";
    position: absolute;
    inset: 22px;
    border-radius: 50%;
    background: #0d1520;
}

.markets-reference-allocation-ring div {
    position: relative;
    z-index: 1;
    display: grid;
    place-items: center;
    gap: 4px;
}

.markets-reference-allocation-list,
.markets-reference-list,
.markets-reference-news,
.sports-reference-alerts {
    display: grid;
    gap: 10px;
}

.markets-reference-allocation-list div,
.markets-reference-list > div,
.markets-reference-news > div,
.sports-reference-alerts > div,
.sports-reference-quick-actions button {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.markets-reference-allocation-list span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.markets-reference-allocation-list i {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;
}

.markets-reference-rail,
.sports-reference-rail {
    display: grid;
    align-content: start;
    gap: 14px;
    padding: 16px 16px 14px 0;
}

.markets-reference-watchlist-list,
.sports-reference-betslip-body {
    display: grid;
    gap: 12px;
}

.markets-reference-watchlist-list div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.markets-reference-trade-card label,
.sports-reference-bet-item label {
    display: grid;
    gap: 8px;
}

.markets-reference-trade-card label span,
.sports-reference-bet-item label span {
    color: rgba(229, 237, 247, 0.56);
}

.markets-reference-trade-card input,
.sports-reference-bet-item input {
    min-height: 44px;
    padding: 0 12px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 12px;
    color: #eef5ff;
    background: rgba(255, 255, 255, 0.03);
}

.markets-reference-statusbar,
.sports-reference-statusbar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 16px;
    min-height: 54px;
    padding: 0 18px;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
    color: rgba(229, 237, 247, 0.66);
    background: rgba(8, 16, 24, 0.98);
}

.markets-reference-statusbar .live,
.sports-reference-statusbar .system,
.markets-reference-statusbar .system strong {
    color: #1dd063;
}

.sports-reference-topnav {
    display: flex;
    align-items: center;
    gap: 16px;
}

.sports-reference-topnav a {
    color: rgba(229, 237, 247, 0.78);
    text-decoration: none;
}

.sports-reference-topnav .is-active {
    color: #f8fcff;
}

.sports-reference-pro-chip {
    color: #7ef0a0;
    background: rgba(29, 208, 99, 0.16);
}

.sports-reference-tabs {
    margin-bottom: 14px;
}

.sports-reference-tabs button:last-child {
    margin-left: auto;
}

.sports-reference-live-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 12px;
    margin-top: 14px;
}

.sports-reference-live-card {
    padding: 12px;
}

.sports-reference-live-head,
.sports-reference-live-lines {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.sports-reference-live-teams {
    display: grid;
    gap: 8px;
}

.sports-reference-live-teams strong {
    font-size: 1rem;
}

.sports-reference-live-teams b {
    font-size: 1.4rem;
}

.sports-reference-live-card .confidence-sparkline {
    width: 100%;
    margin: 0;
}

.sports-reference-picks-table {
    display: grid;
    grid-template-columns: 1.2fr 1fr 1.2fr 0.8fr 0.8fr 0.8fr 1fr;
    gap: 1px;
    overflow: hidden;
    margin-top: 14px;
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.06);
}

.sports-reference-picks-table > * {
    min-height: 42px;
    padding: 12px 14px;
    background: rgba(11, 18, 26, 0.96);
    color: rgba(229, 237, 247, 0.82);
}

.sports-reference-picks-table span {
    color: rgba(229, 237, 247, 0.5);
    font-size: 0.76rem;
    font-weight: 700;
    text-transform: uppercase;
}

.sports-reference-ai-insight,
.sports-reference-market-move {
    display: grid;
    gap: 14px;
}

.sports-reference-market-select {
    min-height: 40px;
    padding: 10px 12px;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.04);
}

.sports-reference-betslip-tabs {
    padding: 0;
    overflow: hidden;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.04);
}

.sports-reference-betslip-tabs button {
    flex: 1;
}

.sports-reference-bet-item {
    display: grid;
    gap: 10px;
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.sports-reference-bet-item b {
    justify-self: end;
}

.sports-reference-parlay {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 8px 12px;
    padding: 12px 0;
}

.sports-reference-quick-actions button {
    display: grid;
    justify-items: start;
    gap: 4px;
    min-height: 64px;
    padding: 14px;
    border-radius: 14px;
    color: #eef5ff;
    background: rgba(255, 255, 255, 0.04);
}

.sports-reference-hidden {
    display: none;
}

.chatbot-reference-center {
    gap: 24px;
    padding-top: 34px;
}

.chatbot-empty-hero {
    width: min(820px, 100%);
}

.chatbot-empty-hero h1 {
    margin-bottom: 16px;
    font-size: clamp(3.4rem, 5vw, 4.9rem);
}

.chatbot-reference-composer {
    width: min(900px, 100%);
}

.chatbot-reference-composer .chatbot-composer-shell {
    gap: 14px;
    padding: 14px 18px 14px;
}

.chatbot-reference-composer textarea {
    min-height: 52px;
    font-size: 1.04rem;
}

.chatbot-reference-composer-actions .chatbot-inline-mode {
    min-width: 112px;
    justify-content: center;
}

.chatbot-prompt-grid button {
    min-height: 52px;
    font-weight: 600;
    justify-content: center;
    text-align: center;
}

.chatbot-reference-agent strong,
.chatbot-reference-tool-list strong,
.chatbot-thread-stack a strong,
.chatbot-reference-nav strong {
    font-weight: 700;
}

.markets-reference-brand strong {
    letter-spacing: 0.04em;
}

.markets-reference-notice strong {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    border-radius: 999px;
    color: #06110b;
    font-size: 0.78rem;
    font-weight: 800;
    background: #22c55e;
}

.markets-reference-asset-head,
.markets-reference-asset-line {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.markets-reference-asset-copy {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.markets-reference-asset-copy strong,
.markets-reference-asset-copy span,
.markets-reference-asset-copy small {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.markets-reference-asset-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    color: #ffffff;
    font-size: 0.82rem;
    font-weight: 800;
    flex: 0 0 28px;
}

.markets-reference-asset-icon.orange { background: linear-gradient(180deg, #f59e0b, #d97706); }
.markets-reference-asset-icon.violet { background: linear-gradient(180deg, #8b5cf6, #6d28d9); }
.markets-reference-asset-icon.light { background: linear-gradient(180deg, #d5d9e3, #9ca3af); color: #081018; }
.markets-reference-asset-icon.red { background: linear-gradient(180deg, #ef4444, #b91c1c); }
.markets-reference-asset-icon.green { background: linear-gradient(180deg, #22c55e, #15803d); }
.markets-reference-asset-icon.blue { background: linear-gradient(180deg, #3b82f6, #1d4ed8); }
.markets-reference-asset-icon.indigo { background: linear-gradient(180deg, #6366f1, #3730a3); }
.markets-reference-asset-icon.amber { background: linear-gradient(180deg, #fbbf24, #d97706); color: #081018; }

.markets-reference-watchlist-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.markets-reference-watchlist-item > div:last-child {
    display: grid;
    justify-items: end;
    gap: 4px;
}

.markets-reference-metrics,
.markets-reference-dashboard-grid,
.markets-reference-module-grid,
.markets-reference-heatmap,
.markets-reference-feed,
.markets-reference-position-list,
.markets-reference-allocation {
    display: grid;
    gap: 14px;
}

.markets-reference-metrics {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    margin-bottom: 14px;
}

.markets-reference-metrics article,
.markets-reference-module-card,
.markets-reference-heat-card,
.markets-reference-feed-item,
.markets-reference-position-card {
    padding: 14px;
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 14px;
    background: rgba(11, 18, 26, 0.92);
}

.markets-reference-metrics article {
    display: grid;
    gap: 6px;
}

.markets-reference-metrics article span,
.markets-reference-card-note,
.markets-reference-module-card span,
.markets-reference-heat-card span,
.markets-reference-feed-item span,
.markets-reference-feed-item small,
.markets-reference-position-card span {
    color: rgba(229, 237, 247, 0.6);
}

.markets-reference-metrics article strong,
.markets-reference-module-card b,
.markets-reference-heat-card b,
.markets-reference-position-card b {
    color: #eef5ff;
    font-size: 1.05rem;
}

.markets-reference-dashboard-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: 14px;
}

.markets-reference-dashboard-grid--secondary {
    margin-top: 14px;
}

.markets-reference-module-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.markets-reference-module-card {
    display: grid;
    gap: 10px;
    min-height: 152px;
}

.markets-reference-module-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.markets-reference-module-head strong {
    color: #f3f7ff;
    font-size: 1rem;
}

.markets-reference-module-head em {
    justify-self: start;
    min-height: 24px;
    padding: 0 10px;
    border-radius: 999px;
    color: #7ef0a0;
    font-style: normal;
    background: rgba(29, 208, 99, 0.14);
}

.markets-reference-heatmap {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.markets-reference-heat-card {
    display: grid;
    gap: 10px;
}

.markets-reference-heat-meter {
    height: 8px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.08);
    overflow: hidden;
}

.markets-reference-heat-meter i {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #2563eb, #22c55e);
}

.markets-reference-feed-item,
.markets-reference-position-card {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
}

.markets-reference-feed-item > div,
.markets-reference-position-card > div {
    display: grid;
    gap: 4px;
}

.markets-reference-position-card {
    display: grid;
    gap: 10px;
}

.markets-reference-allocation {
    grid-template-columns: auto 1fr;
    align-items: center;
}

.markets-reference-panel-head p {
    margin: 8px 0 0;
    color: rgba(229, 237, 247, 0.58);
    font-size: 0.88rem;
    max-width: 560px;
}

.markets-reference-trade-card .markets-reference-card-note {
    margin: 0;
    line-height: 1.5;
}

.sports-reference-brand strong span {
    color: #22c55e;
}

#sportsSourceLabel {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: rgba(229, 237, 247, 0.68);
}

#sportsSourceLabel::before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #ff5f67;
    box-shadow: 0 0 0 4px rgba(255, 95, 103, 0.16);
}

.sports-reference-live-card {
    gap: 12px;
    min-height: 206px;
}

.sports-reference-live-head span {
    font-weight: 700;
}

.sports-reference-live-status {
    display: flex;
    align-items: center;
    gap: 10px;
}

.sports-reference-live-head em {
    font-style: normal;
}

.sports-reference-status-chip {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding: 0 10px;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.sports-reference-status-chip.tone-live {
    color: #081018;
    background: #22c55e;
}

.sports-reference-status-chip.tone-final {
    color: #eef5ff;
    background: rgba(148, 163, 184, 0.2);
}

.sports-reference-status-chip.tone-alert {
    color: #081018;
    background: #f59e0b;
}

.sports-reference-status-chip.tone-scheduled {
    color: #0b1220;
    background: #93c5fd;
}

.sports-reference-live-detail {
    display: block;
    color: rgba(229, 237, 247, 0.58);
    line-height: 1.45;
}

.sports-reference-team-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.sports-reference-team-meta {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.sports-reference-team-meta strong {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 1rem;
}

.sports-reference-team-meta img,
.sports-reference-team-badge {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    flex: 0 0 18px;
}

.sports-reference-team-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #081018;
    font-size: 0.66rem;
    font-weight: 800;
    background: #dbeafe;
}

.sports-reference-team-row b {
    font-size: 1.1rem;
}

.sports-reference-live-market {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 14px;
    align-items: center;
    padding-top: 8px;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
}

.sports-reference-live-market span {
    color: rgba(229, 237, 247, 0.54);
}

.sports-reference-live-market div {
    display: flex;
    justify-content: space-between;
    gap: 12px;
}

.sports-reference-live-market b {
    font-size: 0.95rem;
}

.sports-reference-picks-table {
    display: grid;
    gap: 0;
    margin-top: 14px;
    border-radius: 14px;
    border: 1px solid rgba(255, 255, 255, 0.06);
    background: rgba(11, 18, 26, 0.96);
    overflow: hidden;
}

.sports-reference-picks-head,
.sports-reference-pick-row {
    display: grid;
    grid-template-columns: 1.2fr 1fr 0.8fr 1fr 0.7fr 0.7fr 0.9fr 40px;
    gap: 14px;
    align-items: center;
    padding: 0 16px;
}

.sports-reference-picks-head {
    min-height: 40px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.sports-reference-picks-head span {
    color: rgba(229, 237, 247, 0.5);
    font-size: 0.76rem;
    font-weight: 700;
    text-transform: uppercase;
}

.sports-reference-pick-row {
    min-height: 58px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.sports-reference-pick-row:last-child {
    border-bottom: 0;
}

.sports-reference-pick-main {
    display: flex;
    align-items: center;
    gap: 12px;
}

.sports-reference-pick-main i {
    width: 3px;
    height: 24px;
    border-radius: 999px;
    background: #22c55e;
    box-shadow: 0 0 0 1px rgba(34, 197, 94, 0.18);
}

.sports-reference-pick-main strong,
.sports-reference-pick-match,
.sports-reference-pick-market,
.sports-reference-pick-odds,
.sports-reference-pick-edge,
.sports-reference-pick-ev {
    color: #eef5ff;
}

.sports-reference-pick-confidence {
    display: flex;
    align-items: center;
    gap: 10px;
}

.sports-reference-pick-confidence span {
    flex: 1;
    height: 8px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.08);
    overflow: hidden;
}

.sports-reference-pick-confidence span i {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #4ade80, #22c55e);
}

.sports-reference-pick-confidence b {
    min-width: 42px;
    text-align: right;
}

.sports-reference-pick-odds {
    display: grid;
    gap: 2px;
}

.sports-reference-pick-odds strong {
    color: #eef5ff;
}

.sports-reference-pick-odds small {
    color: rgba(126, 240, 160, 0.7);
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.sports-reference-pick-save {
    width: 32px;
    height: 32px;
    border: 0;
    border-radius: 10px;
    color: rgba(229, 237, 247, 0.6);
    background: rgba(255, 255, 255, 0.04);
}

.sports-reference-text-link {
    color: #90e6a9;
    font-size: 0.88rem;
    text-decoration: none;
}

.sports-reference-card-note {
    color: rgba(229, 237, 247, 0.58);
    font-size: 0.82rem;
}

.sports-reference-metrics,
.sports-reference-dashboard-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin-top: 14px;
}

.sports-reference-dashboard-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.sports-reference-dashboard-grid--secondary {
    margin-top: 14px;
}

.sports-reference-metrics article,
.sports-reference-edge-stack > div,
.sports-reference-factor-grid > div,
.sports-reference-provider-grid > div,
.sports-reference-rule-grid > div,
.sports-reference-opportunity-feed > div,
.sports-reference-performance-grid > div,
.sports-reference-chip-grid > div {
    display: grid;
    gap: 6px;
    padding: 14px;
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 14px;
    background: rgba(11, 18, 26, 0.92);
}

.sports-reference-metrics article span,
.sports-reference-factor-grid span,
.sports-reference-provider-grid span,
.sports-reference-rule-grid span,
.sports-reference-opportunity-feed span,
.sports-reference-chip-grid span,
.sports-reference-performance-grid span,
.sports-reference-alerts small,
.sports-reference-alerts span,
.sports-reference-edge-stack span {
    color: rgba(229, 237, 247, 0.6);
}

.sports-reference-metrics article strong,
.sports-reference-edge-stack b,
.sports-reference-provider-grid strong,
.sports-reference-opportunity-feed b,
.sports-reference-performance-grid strong,
.sports-reference-chip-grid strong {
    color: #eef5ff;
    font-size: 1.05rem;
}

.sports-reference-edge-stack,
.sports-reference-factor-grid,
.sports-reference-provider-grid,
.sports-reference-rule-grid,
.sports-reference-opportunity-feed {
    display: grid;
    gap: 12px;
}

.sports-reference-provider-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 14px;
}

.sports-reference-provider-grid > div {
    min-width: 0;
}

.sports-reference-provider-grid em,
.sports-reference-provider-note {
    color: rgba(229, 237, 247, 0.58);
    font-style: normal;
}

.sports-reference-provider-note {
    margin: 12px 0 0;
    line-height: 1.55;
}

.sports-reference-performance-grid,
.sports-reference-chip-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.sports-reference-factor-grid em,
.sports-reference-rule-grid em,
.sports-reference-opportunity-head em {
    justify-self: start;
    min-height: 24px;
    padding: 0 10px;
    border-radius: 999px;
    color: #7ef0a0;
    font-style: normal;
    background: rgba(29, 208, 99, 0.14);
}

.sports-reference-market-context,
.sports-reference-opportunity-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.sports-reference-market-context strong,
.sports-reference-opportunity-head strong {
    font-size: 1rem;
}

.sports-reference-book-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px 12px;
    margin-top: 14px;
}

.sports-reference-book-grid span {
    color: rgba(229, 237, 247, 0.5);
    font-size: 0.76rem;
    font-weight: 700;
    text-transform: uppercase;
}

.sports-reference-book-grid strong,
.sports-reference-book-grid em {
    min-height: 44px;
    padding: 10px 12px;
    border-radius: 12px;
    color: #eef5ff;
    font-style: normal;
    background: rgba(255, 255, 255, 0.04);
}

.sports-reference-book-summary {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 14px;
}

.sports-reference-book-summary span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 36px;
    padding: 0 12px;
    border-radius: 999px;
    color: rgba(229, 237, 247, 0.72);
    background: rgba(255, 255, 255, 0.04);
}

.sports-reference-book-summary strong {
    color: #f8fcff;
}

.sports-reference-offer-strip,
.sports-reference-top-links {
    display: grid;
    gap: 8px;
}

.sports-reference-offer-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 4px;
    padding-top: 10px;
    border-top: 1px solid rgba(255, 255, 255, 0.07);
}

.sports-reference-offer-strip > span {
    grid-column: 1 / -1;
    color: rgba(126, 240, 160, 0.78);
    font-size: 0.72rem;
    font-weight: 900;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.sports-reference-offer-strip a,
.sports-reference-top-links a {
    min-width: 0;
    border: 1px solid rgba(255, 255, 255, 0.08);
    color: #eef5ff;
    text-decoration: none;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.02));
    transition: transform 180ms ease, border-color 180ms ease, background 180ms ease;
}

.sports-reference-offer-strip a {
    display: grid;
    gap: 3px;
    padding: 9px;
    border-radius: 12px;
}

.sports-reference-top-links {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.sports-reference-top-links a {
    display: grid;
    gap: 4px;
    padding: 11px 12px;
    border-radius: 14px;
}

.sports-reference-offer-strip a:hover,
.sports-reference-top-links a:hover,
.sports-reference-offer-strip a.is-live {
    border-color: rgba(126, 240, 160, 0.32);
    background: linear-gradient(135deg, rgba(34, 197, 94, 0.14), rgba(255, 255, 255, 0.035));
    transform: translateY(-1px);
}

.sports-reference-offer-strip strong,
.sports-reference-top-links span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #f8fcff;
}

.sports-reference-offer-strip em,
.sports-reference-top-links strong {
    overflow: hidden;
    color: rgba(229, 237, 247, 0.64);
    font-size: 0.75rem;
    font-style: normal;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sports-reference-alerts > div {
    align-items: flex-start;
}

.sports-reference-alerts > div > div {
    display: grid;
    gap: 4px;
}

.sports-reference-alerts small,
.sports-reference-performance-grid small {
    color: rgba(229, 237, 247, 0.54);
}

.sports-reference-alerts strong,
.sports-reference-edge-stack strong,
.sports-reference-factor-grid strong,
.sports-reference-provider-grid strong,
.sports-reference-rule-grid strong,
.sports-reference-opportunity-feed strong {
    color: #f3f7ff;
}

.sports-reference-edge-stack b,
.sports-reference-performance-grid strong,
.sports-reference-chip-grid strong {
    color: #53d978;
}

.sports-reference-opportunity-feed b {
    color: #9ee7b0;
}

.sports-reference-action-card {
    display: grid;
    justify-items: start;
    gap: 4px;
    min-height: 64px;
    padding: 14px;
    border-radius: 14px;
    color: #eef5ff;
    text-decoration: none;
    background: rgba(255, 255, 255, 0.04);
}

.sports-reference-pick-command {
    display: grid;
    grid-template-columns: minmax(0, 1.5fr) minmax(280px, 0.8fr);
    gap: 16px;
    margin-top: 14px;
    padding: clamp(18px, 2vw, 26px);
    border: 1px solid rgba(126, 240, 160, 0.18);
    border-radius: 22px;
    background:
        radial-gradient(circle at 10% 0%, rgba(34, 197, 94, 0.18), transparent 20rem),
        radial-gradient(circle at 88% 20%, rgba(var(--aegis-accent-rgb, 47, 125, 255), 0.18), transparent 22rem),
        rgba(8, 14, 22, 0.96);
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.28), inset 0 1px rgba(255, 255, 255, 0.08);
}

.sports-reference-pick-command-main,
.sports-reference-pick-command-score {
    display: grid;
    align-content: start;
    gap: 12px;
}

.sports-reference-pick-command-main > span,
.sports-reference-pick-command-score > span {
    color: #7ef0a0;
    font-size: 0.78rem;
    font-weight: 900;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.sports-reference-pick-command h2 {
    margin: 0;
    color: #f8fcff;
    font-size: clamp(2rem, 4vw, 4.1rem);
    line-height: 0.92;
    letter-spacing: -0.05em;
}

.sports-reference-pick-command p,
.sports-reference-why-list,
.sports-reference-pick-main small,
.sports-reference-coverage-grid span,
.sports-reference-coverage-grid em {
    color: rgba(229, 237, 247, 0.62);
}

.sports-reference-pick-command-meta,
.sports-reference-pick-command-grid,
.sports-reference-coverage-grid {
    display: grid;
    gap: 10px;
}

.sports-reference-pick-command-meta {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.sports-reference-pick-command-meta strong,
.sports-reference-pick-command-meta em,
.sports-reference-pick-command-meta b,
.sports-reference-pick-command-grid div,
.sports-reference-coverage-grid div {
    min-width: 0;
    padding: 12px;
    border: 1px solid rgba(255, 255, 255, 0.07);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.045);
}

.sports-reference-pick-command-meta em {
    color: rgba(229, 237, 247, 0.72);
    font-style: normal;
}

.sports-reference-pick-command-score > strong {
    color: #f8fcff;
    font-size: clamp(2.5rem, 5vw, 5rem);
    line-height: 0.9;
}

.sports-reference-pick-meter {
    height: 12px;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.08);
}

.sports-reference-pick-meter i {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #7ef0a0, #22c55e, #fbbf24);
}

.sports-reference-pick-command-grid,
.sports-reference-coverage-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.sports-reference-pick-command-grid div,
.sports-reference-coverage-grid div {
    display: grid;
    gap: 4px;
}

.sports-reference-pick-command-grid span,
.sports-reference-coverage-grid span {
    font-size: 0.78rem;
    font-weight: 800;
    text-transform: uppercase;
}

.sports-reference-why-list {
    display: grid;
    gap: 8px;
    margin: 0;
    padding-left: 18px;
}

.sports-reference-pick-row[data-can-bet="false"] {
    opacity: 0.7;
}

.sports-reference-pick-row[data-can-bet="false"] .sports-reference-pick-main i {
    background: #94a3b8;
    box-shadow: none;
}

.sports-reference-pick-main > div {
    display: grid;
    gap: 2px;
    min-width: 0;
}

@media (max-width: 1180px) {
    .sports-reference-pick-command {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 680px) {
    .sports-reference-pick-command-meta,
    .sports-reference-pick-command-grid,
    .sports-reference-coverage-grid,
    .sports-reference-provider-grid,
    .sports-reference-offer-strip,
    .sports-reference-top-links {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 1480px) {
    .chatbot-reference-shell {
        grid-template-columns: 250px minmax(0, 1fr) 300px;
    }

    .markets-reference-body,
    .sports-reference-body {
        grid-template-columns: 188px minmax(0, 1fr) 288px;
    }

    .sports-reference-live-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .sports-reference-dashboard-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .markets-reference-lower-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .markets-reference-metrics,
    .markets-reference-dashboard-grid,
    .markets-reference-module-grid,
    .markets-reference-heatmap {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 1180px) {
    .chatbot-reference-shell,
    .markets-reference-body,
    .sports-reference-body,
    .markets-reference-chart-grid,
    .sports-reference-lower-grid,
    .chatbot-settings-overview {
        grid-template-columns: 1fr;
    }

    .chatbot-reference-rail,
    .markets-reference-rail,
    .sports-reference-rail {
        padding: 0 16px 16px;
    }

    .chatbot-reference-main,
    .markets-reference-main,
    .sports-reference-main {
        padding: 16px;
    }

    .markets-reference-overview-grid,
    .sports-reference-live-grid,
    .markets-reference-chart-stats,
    .sports-reference-metrics,
    .markets-reference-metrics,
    .markets-reference-module-grid,
    .markets-reference-heatmap {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .sports-reference-dashboard-grid {
        grid-template-columns: 1fr;
    }

    .markets-reference-dashboard-grid,
    .markets-reference-allocation {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    .chatbot-reference-topbar,
    .markets-reference-topbar,
    .sports-reference-topbar,
    .chatbot-reference-composer-row,
    .markets-reference-userbar,
    .sports-reference-userbar {
        flex-direction: column;
        align-items: stretch;
    }

    .chatbot-reference-search,
    .markets-reference-search {
        min-width: 0;
        width: 100%;
    }

    .chatbot-reference-center {
        padding-inline: 0;
    }

    .chatbot-prompt-grid,
    .markets-reference-overview-grid,
    .sports-reference-live-grid,
    .markets-reference-lower-grid,
    .markets-reference-chart-stats,
    .markets-reference-metrics,
    .markets-reference-dashboard-grid,
    .markets-reference-module-grid,
    .markets-reference-heatmap,
    .sports-reference-picks-table,
    .sports-reference-metrics,
    .sports-reference-book-grid,
    .sports-reference-performance-grid,
    .sports-reference-chip-grid {
        grid-template-columns: 1fr;
    }

    .chatbot-reference-sidebar,
    .chatbot-reference-rail,
    .markets-reference-sidebar,
    .sports-reference-sidebar {
        padding-inline: 12px;
    }

    .markets-reference-statusbar,
    .sports-reference-statusbar {
        padding-block: 10px;
    }
}

#marketsTicketRoute button:disabled {
    opacity: 0.45;
    cursor: not-allowed;
}

#marketsTicketStatus[data-tone="ok"] {
    color: #1dd063;
}

#marketsTicketStatus[data-tone="warn"],
#marketsTicketStatus[data-tone="pending"] {
    color: #fbbf24;
}

#marketsTicketStatus[data-tone="fail"] {
    color: #ff6673;
}

.markets-reference-overview-card[data-ticket-symbol],
.markets-reference-watchlist-item[data-ticket-symbol],
#marketsSpeculativeRadar [data-ticket-symbol] {
    cursor: pointer;
}

#marketsSpeculativeRadar .up {
    color: #1dd063;
}

#marketsSpeculativeRadar .down {
    color: #ff6673;
}

/* Aegis premium polish pass */

body:not([data-aegis-theme]),
body[data-aegis-theme=""] {
    --red: #2f7dff;
    --red-dark: #0b3f97;
    --green: #8bdcff;
    --aegis-accent: #2f7dff;
    --aegis-accent-2: #00d4ff;
    --aegis-accent-rgb: 47, 125, 255;
    --aegis-good: #1dd063;
    --aegis-warn: #f59e0b;
    --aegis-card: rgba(10, 15, 22, 0.88);
}

body[data-aegis-theme="aegis-red"] {
    --red: #ff2634;
    --red-dark: #97000c;
    --green: #8bffcf;
    --aegis-accent: #ff2634;
    --aegis-accent-2: #ff6a3d;
    --aegis-accent-rgb: 255, 38, 52;
    --aegis-good: #1dd063;
    --aegis-warn: #f59e0b;
    --aegis-card: rgba(10, 15, 22, 0.88);
}

body[data-aegis-theme="aegis-blue"] {
    --red: #2f7dff;
    --red-dark: #0b3f97;
    --green: #8bdcff;
    --aegis-accent: #2f7dff;
    --aegis-accent-2: #00d4ff;
    --aegis-accent-rgb: 47, 125, 255;
}

body[data-aegis-theme="aegis-green"] {
    --red: #19d67d;
    --red-dark: #08754a;
    --green: #b8ffe0;
    --aegis-accent: #19d67d;
    --aegis-accent-2: #8bffcf;
    --aegis-accent-rgb: 25, 214, 125;
}

body[data-aegis-theme="aegis-purple"] {
    --red: #a855f7;
    --red-dark: #5b21b6;
    --green: #dec8ff;
    --aegis-accent: #a855f7;
    --aegis-accent-2: #ff4fd8;
    --aegis-accent-rgb: 168, 85, 247;
}

.button.primary,
.aegis-nav-cta,
.route-row a:hover,
.markets-reference-buy-button,
.sports-reference-place-bet,
.sports-reference-bankroll button {
    background: linear-gradient(135deg, var(--aegis-accent, var(--red)), var(--aegis-accent-2, #00d4ff));
    box-shadow: 0 18px 44px rgba(var(--aegis-accent-rgb, 47, 125, 255), 0.24);
}

.aegis-site-nav {
    gap: 14px;
    align-items: center;
    padding: 12px 16px;
}

.aegis-site-links {
    flex: 1 1 auto;
    justify-content: center;
    min-width: 220px;
    overflow: auto hidden;
    scrollbar-width: none;
}

.aegis-site-links::-webkit-scrollbar {
    display: none;
}

.aegis-site-links a,
.aegis-account-chip,
.aegis-nav-cta {
    min-height: 42px;
    padding: 0 16px;
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
}

.aegis-site-links a.is-active {
    border-color: rgba(var(--aegis-accent-rgb, 47, 125, 255), 0.55);
    background: rgba(var(--aegis-accent-rgb, 47, 125, 255), 0.16);
}

.aegis-site-account {
    flex: 0 0 auto;
    margin-left: auto;
}

.module-card,
.glass-panel,
.mission-card,
.settings-card,
.account-stat,
.account-ledger-card,
.account-empty-card {
    position: relative;
    overflow: hidden;
}

.module-card::after,
.mission-card::after,
.glass-panel::after {
    position: absolute;
    inset: auto 18px 0;
    height: 1px;
    pointer-events: none;
    content: "";
    background: linear-gradient(90deg, transparent, rgba(var(--aegis-accent-rgb, 47, 125, 255), 0.62), transparent);
}

.card-topline strong {
    color: var(--green);
}

.markets-reference-page,
.sports-reference-page,
.chatbot-reference-shell {
    --terminal-bg: #060b12;
    --terminal-panel: rgba(10, 16, 24, 0.94);
    background:
        radial-gradient(circle at 18% 0%, rgba(var(--aegis-accent-rgb, 47, 125, 255), 0.18), transparent 26rem),
        radial-gradient(circle at 82% 16%, rgba(var(--aegis-accent-rgb, 47, 125, 255), 0.1), transparent 30rem),
        linear-gradient(180deg, #070d14, #050910 56%, #030508);
}

.markets-reference-shell {
    background:
        radial-gradient(circle at 12% 8%, rgba(47, 125, 255, 0.14), transparent 28rem),
        radial-gradient(circle at 84% 16%, rgba(25, 214, 125, 0.11), transparent 30rem),
        linear-gradient(135deg, #050b12 0%, #061015 50%, #030507 100%);
}

.sports-reference-shell {
    background:
        radial-gradient(circle at 16% 10%, rgba(25, 214, 125, 0.15), transparent 26rem),
        radial-gradient(circle at 82% 20%, rgba(245, 158, 11, 0.12), transparent 28rem),
        linear-gradient(135deg, #050c0d 0%, #07100d 48%, #030604 100%);
}

.markets-reference-topbar,
.sports-reference-topbar {
    position: sticky;
    top: 0;
    z-index: 8;
    background:
        linear-gradient(180deg, rgba(8, 13, 20, 0.98), rgba(8, 13, 20, 0.9)),
        rgba(8, 13, 20, 0.98);
    backdrop-filter: blur(18px);
}

.markets-reference-sidebar,
.sports-reference-sidebar,
.chatbot-reference-sidebar,
.chatbot-reference-rail {
    background:
        linear-gradient(180deg, rgba(var(--aegis-accent-rgb, 47, 125, 255), 0.08), transparent 19rem),
        rgba(7, 12, 18, 0.94);
}

.markets-reference-nav .is-active,
.sports-reference-nav .is-active {
    color: var(--green);
    background: rgba(var(--aegis-accent-rgb, 47, 125, 255), 0.12);
}

.markets-reference-panel,
.markets-reference-sidecard,
.markets-reference-watchlist,
.markets-reference-trade-card,
.sports-reference-panel,
.sports-reference-bankroll,
.sports-reference-betslip,
.sports-reference-quick-actions,
.chatbot-reference-card,
.chatbot-reference-account-card,
.chatbot-reference-history-group {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.035), transparent),
        var(--terminal-panel);
    border-color: rgba(255, 255, 255, 0.08);
    box-shadow: 0 24px 80px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 255, 255, 0.05);
}

.markets-reference-card-head,
.sports-reference-card-head,
.markets-reference-panel-head,
.sports-reference-market-context,
.sports-reference-opportunity-head {
    align-items: flex-start;
    flex-wrap: wrap;
}

.markets-reference-card-head > div,
.sports-reference-card-head > div,
.markets-reference-panel-head > div {
    min-width: 0;
}

.markets-reference-card-note,
.sports-reference-card-note,
.markets-reference-module-card span,
.sports-reference-live-detail {
    overflow-wrap: anywhere;
    line-height: 1.45;
}

.markets-reference-dashboard-grid--secondary {
    grid-template-columns: minmax(420px, 0.95fr) minmax(420px, 1.05fr);
    align-items: stretch;
}

.markets-reference-module-grid {
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
}

.markets-reference-dashboard-grid--secondary .markets-reference-module-grid {
    grid-template-columns: repeat(auto-fit, minmax(205px, 1fr));
}

.markets-reference-module-card {
    min-height: 0;
}

.markets-reference-module-head {
    align-items: flex-start;
}

.markets-reference-module-head em {
    max-width: 100%;
    white-space: nowrap;
}

.markets-reference-module-card b,
.markets-reference-module-card strong,
.sports-reference-live-card strong,
.sports-reference-pick-main strong {
    overflow-wrap: anywhere;
}

.markets-reference-watchlist-item {
    min-width: 0;
}

.markets-reference-watchlist-item > div:first-child,
.markets-reference-asset-line,
.sports-reference-team-meta {
    min-width: 0;
}

.markets-reference-filter-row {
    gap: 10px;
}

.markets-reference-filter-row button,
.markets-reference-tabs button,
.sports-reference-tabs button,
.sports-reference-betslip-tabs button {
    min-height: 38px;
    padding: 0 14px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.055);
}

.markets-reference-tabs button.is-active,
.markets-reference-filter-row button.is-active,
.sports-reference-tabs button.is-active,
.sports-reference-betslip-tabs button.is-active {
    background: rgba(var(--aegis-accent-rgb, 47, 125, 255), 0.18);
    color: #fff;
}

.sports-reference-brand strong span {
    color: var(--green);
}

.sports-reference-topnav {
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px 18px;
}

.sports-reference-topnav a {
    min-height: 34px;
    display: inline-flex;
    align-items: center;
}

.sports-reference-topnav .is-active {
    color: #fff;
    box-shadow: inset 0 -2px var(--aegis-accent, var(--red));
}

.sports-reference-pro-chip {
    color: #fff;
    background: rgba(var(--aegis-accent-rgb, 47, 125, 255), 0.22);
}

.sports-reference-avatar {
    background: linear-gradient(180deg, var(--aegis-accent, var(--red)), var(--red-dark));
}

.sports-reference-live-grid {
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.sports-reference-live-card {
    min-width: 0;
}

.sports-reference-team-meta strong {
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.sports-reference-live-market {
    grid-template-columns: minmax(52px, auto) minmax(0, 1fr);
}

.sports-reference-live-market div {
    min-width: 0;
}

.sports-reference-picks-table {
    overflow-x: auto;
}

.sports-reference-picks-head,
.sports-reference-pick-row {
    grid-template-columns: minmax(160px, 1.25fr) minmax(120px, 1fr) minmax(86px, 0.75fr) minmax(130px, 1fr) minmax(72px, 0.6fr) minmax(74px, 0.65fr) minmax(112px, 0.85fr) 40px;
    min-width: 900px;
}

.sports-reference-pick-match,
.sports-reference-pick-market,
.sports-reference-pick-odds,
.sports-reference-pick-edge,
.sports-reference-pick-ev {
    overflow-wrap: anywhere;
}

.chatbot-reference-shell {
    background:
        radial-gradient(circle at 32% 30%, rgba(var(--aegis-accent-rgb, 47, 125, 255), 0.16), transparent 32%),
        radial-gradient(circle at 68% 38%, rgba(var(--aegis-accent-rgb, 47, 125, 255), 0.1), transparent 30%),
        linear-gradient(180deg, #081018, #070c13 56%, #05080d);
}

.chatbot-reference-new-chat,
.chatbot-send-button {
    background: linear-gradient(135deg, var(--aegis-accent, var(--red)), var(--aegis-accent-2, #00d4ff));
    box-shadow: 0 18px 44px rgba(var(--aegis-accent-rgb, 47, 125, 255), 0.28);
}

.chatbot-empty-hero h1 {
    background: linear-gradient(90deg, #fff, var(--aegis-accent-2, #00d4ff), var(--aegis-accent, var(--red)));
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.chatbot-reference-composer .chatbot-composer-shell {
    border-color: rgba(var(--aegis-accent-rgb, 47, 125, 255), 0.52);
    box-shadow: 0 24px 82px rgba(var(--aegis-accent-rgb, 47, 125, 255), 0.12);
}

.chatbot-thread-stack a.is-active {
    background: rgba(var(--aegis-accent-rgb, 47, 125, 255), 0.14);
}

@keyframes aegisCardRise {
    from {
        opacity: 0;
        transform: translateY(14px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.module-card,
.markets-reference-panel,
.sports-reference-panel,
.chatbot-reference-card,
.markets-reference-watchlist,
.sports-reference-betslip {
    animation: aegisCardRise 420ms ease both;
}

@media (max-width: 1480px) {
    .markets-reference-dashboard-grid--secondary {
        grid-template-columns: 1fr;
    }

    .markets-reference-dashboard-grid--secondary .markets-reference-module-grid {
        grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    }
}

@media (max-width: 980px) {
    .aegis-site-nav {
        position: relative;
        top: 0;
    }

    .aegis-site-links,
    .aegis-site-account {
        width: 100%;
        justify-content: flex-start;
        margin-left: 0;
    }
}

/* Aegis executive UI pass */
:root {
    --aegis-ease: cubic-bezier(0.2, 0.8, 0.2, 1);
    --aegis-ease-snap: cubic-bezier(0.16, 1, 0.3, 1);
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 24px;
    --space-6: 32px;
    --space-7: 48px;
    --radius-sm: 12px;
    --radius-md: 18px;
    --radius-lg: 28px;
    --radius-xl: 36px;
    --aegis-shadow-soft: 0 26px 90px rgba(0, 0, 0, 0.34);
    --aegis-shadow-hard: 0 40px 130px rgba(0, 0, 0, 0.52);
    --aegis-line-strong: rgba(255, 255, 255, 0.14);
    --aegis-glass: rgba(8, 12, 18, 0.76);
    --surface-base: rgba(8, 12, 18, 0.74);
    --surface-elevated: rgba(13, 18, 27, 0.9);
    --surface-floating: rgba(16, 22, 32, 0.96);
}

html {
    scrollbar-color: rgba(var(--aegis-accent-rgb, 47, 125, 255), 0.74) rgba(255, 255, 255, 0.05);
}

body {
    text-rendering: geometricPrecision;
}

::selection {
    color: #ffffff;
    background: rgba(var(--aegis-accent-rgb, 47, 125, 255), 0.42);
}

body::after {
    position: fixed;
    inset: 0;
    z-index: -2;
    pointer-events: none;
    content: "";
    background:
        radial-gradient(circle at 8% 8%, rgba(var(--aegis-accent-rgb, 47, 125, 255), 0.2), transparent 24rem),
        radial-gradient(circle at 92% 14%, rgba(139, 255, 207, 0.08), transparent 25rem),
        radial-gradient(circle at 50% 100%, rgba(var(--aegis-accent-rgb, 47, 125, 255), 0.13), transparent 36rem);
    animation: aegisAmbientDrift 18s var(--aegis-ease) infinite alternate;
}

@keyframes aegisAmbientDrift {
    from {
        transform: scale(1) translate3d(0, 0, 0);
        opacity: 0.82;
    }

    to {
        transform: scale(1.06) translate3d(0, -18px, 0);
        opacity: 1;
    }
}

.site-shell {
    width: min(1420px, calc(100% - 40px));
}

.aegis-site-nav {
    position: sticky;
    top: 16px;
    z-index: 30;
    border-radius: 30px;
    border-color: rgba(255, 255, 255, 0.1);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.065), transparent),
        rgba(2, 5, 9, 0.78);
    box-shadow: var(--aegis-shadow-soft), inset 0 1px rgba(255, 255, 255, 0.08);
}

.aegis-site-brand img,
.brand img,
.restore-brand img,
.chatbot-reference-brand img,
.markets-reference-brand img,
.sports-reference-brand img {
    filter: drop-shadow(0 0 20px rgba(var(--aegis-accent-rgb, 47, 125, 255), 0.5));
}

.aegis-site-links a,
.aegis-account-chip,
.aegis-nav-cta,
.button,
.route-row a,
.restore-button,
.aegis-auth-button {
    transition:
        transform 180ms var(--aegis-ease),
        border-color 180ms var(--aegis-ease),
        background 180ms var(--aegis-ease),
        box-shadow 180ms var(--aegis-ease),
        color 180ms var(--aegis-ease);
}

.aegis-site-links a:hover,
.aegis-account-chip:hover,
.aegis-nav-cta:hover,
.button:hover,
.route-row a:hover,
.restore-button:hover,
.aegis-auth-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 18px 44px rgba(var(--aegis-accent-rgb, 47, 125, 255), 0.16);
}

.hero,
.page-hero,
.product-login {
    position: relative;
    isolation: isolate;
}

.hero::before,
.page-hero::before,
.product-login::before {
    position: absolute;
    inset: -28px;
    z-index: -1;
    pointer-events: none;
    content: "";
    border-radius: 44px;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.06), transparent 34%),
        radial-gradient(circle at 24% 20%, rgba(var(--aegis-accent-rgb, 47, 125, 255), 0.2), transparent 22rem);
    opacity: 0.72;
}

.hero h1,
.page-hero h1,
.section-heading h2,
.glass-panel h2,
.mission-card h2 {
    letter-spacing: -0.08em;
}

.mission-card,
.module-card,
.glass-panel,
.flow-card,
.route-table article,
.terminal-card,
.settings-card,
.account-stat,
.account-ledger-card,
.account-empty-card,
.store-ledger,
.product-login > div,
.product-login > aside {
    border-radius: 34px;
    border-color: rgba(255, 255, 255, 0.1);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.065), rgba(255, 255, 255, 0.018)),
        rgba(5, 8, 13, 0.78);
    box-shadow: var(--aegis-shadow-soft), inset 0 1px rgba(255, 255, 255, 0.07);
}

.module-card,
.flow-card,
.route-table article,
.terminal-card,
.mission-card,
.glass-panel {
    transition:
        transform 220ms var(--aegis-ease),
        border-color 220ms var(--aegis-ease),
        box-shadow 220ms var(--aegis-ease);
}

.module-card:hover,
.flow-card:hover,
.route-table article:hover,
.terminal-card:hover,
.mission-card:hover,
.glass-panel:hover {
    transform: translateY(-3px);
    border-color: rgba(var(--aegis-accent-rgb, 47, 125, 255), 0.34);
    box-shadow: var(--aegis-shadow-hard), inset 0 1px rgba(255, 255, 255, 0.09);
}

.module-grid {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr));
}

.split {
    gap: clamp(18px, 3vw, 34px);
}

.checklist span,
.brain-checklist a,
.signal-strip span,
.store-pill {
    border-color: rgba(255, 255, 255, 0.1);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.055), transparent),
        rgba(255, 255, 255, 0.045);
}

.aegis-suite-card {
    display: grid;
    align-content: center;
    gap: 18px;
}

.aegis-suite-card h2 {
    margin: 0;
    font-size: clamp(2.2rem, 4vw, 4.6rem);
    line-height: 0.9;
}

.aegis-suite-card p {
    color: var(--muted);
    line-height: 1.65;
}

.aegis-suite-stack {
    display: grid;
    gap: 10px;
}

.aegis-suite-stack span {
    min-height: 46px;
    padding: 12px 14px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 16px;
    color: #f8fbff;
    background:
        linear-gradient(90deg, rgba(var(--aegis-accent-rgb, 47, 125, 255), 0.18), transparent),
        rgba(255, 255, 255, 0.045);
    font-weight: 900;
}

.product-login {
    min-height: min(760px, calc(100vh - 80px));
    align-items: center;
    padding: clamp(28px, 7vw, 86px);
}

.product-login > div {
    padding: clamp(28px, 4vw, 52px);
}

.product-login h1 {
    font-size: clamp(3rem, 7vw, 7rem);
    line-height: 0.84;
}

input,
select,
textarea,
button {
    font: inherit;
}

button,
.button,
.aegis-site-links a,
.aegis-site-account a,
.route-row a,
.chatbot-reference-tool-list a,
.chatbot-prompt-grid button,
.module-card a,
.glass-panel a {
    -webkit-tap-highlight-color: transparent;
}

input,
select,
textarea {
    transition:
        border-color 180ms var(--aegis-ease),
        box-shadow 180ms var(--aegis-ease),
        background 180ms var(--aegis-ease);
    caret-color: var(--red);
}

input:focus,
select:focus,
textarea:focus,
button:focus-visible,
a:focus-visible {
    outline: 0;
    box-shadow: 0 0 0 4px rgba(var(--aegis-accent-rgb, 47, 125, 255), 0.18) !important;
}

button:active,
.button:active,
.aegis-site-links a:active,
.aegis-site-account a:active,
.route-row a:active,
.chatbot-reference-tool-list a:active,
.chatbot-prompt-grid button:active {
    transform: translateY(0) scale(0.98);
}

button:disabled,
.button[aria-disabled="true"],
[aria-busy="true"] button {
    cursor: not-allowed;
    filter: saturate(0.7);
    opacity: 0.62;
}

.markets-reference-body,
.sports-reference-body {
    grid-template-columns: minmax(190px, 224px) minmax(0, 1fr) minmax(292px, 342px);
    gap: 0;
}

.markets-reference-main,
.sports-reference-main,
.markets-reference-rail,
.sports-reference-rail {
    min-width: 0;
}

.markets-reference-panel,
.markets-reference-sidecard,
.markets-reference-watchlist,
.markets-reference-trade-card,
.sports-reference-panel,
.sports-reference-bankroll,
.sports-reference-betslip,
.sports-reference-quick-actions,
.chatbot-reference-card,
.chatbot-reference-account-card,
.chatbot-reference-history-group {
    border-radius: 24px;
}

.markets-reference-dashboard-grid--secondary,
.markets-reference-dashboard-grid,
.sports-reference-dashboard-grid {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 520px), 1fr));
}

.markets-reference-module-grid,
.markets-reference-metrics,
.sports-reference-metrics {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr));
}

.markets-reference-module-card,
.sports-reference-live-card,
.sports-reference-pick-row,
.sports-reference-picks-head,
.markets-reference-overview-card {
    min-width: 0;
}

.markets-reference-module-card {
    overflow: hidden;
}

.markets-reference-module-head {
    gap: 10px;
}

.markets-reference-module-head em,
.sports-reference-live-status i {
    white-space: normal;
    text-align: center;
}

.sports-reference-live-grid {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr));
}

.sports-reference-live-card {
    min-height: 250px;
}

.sports-reference-topbar,
.markets-reference-topbar {
    border-bottom-color: rgba(255, 255, 255, 0.08);
    box-shadow: 0 16px 44px rgba(0, 0, 0, 0.24);
}

.sports-reference-topnav,
.markets-reference-tickers {
    min-width: 0;
}

.sports-reference-topnav a,
.markets-reference-tickers div,
.sports-reference-tabs button,
.markets-reference-tabs button,
.markets-reference-filter-row button {
    transition: transform 180ms var(--aegis-ease), background 180ms var(--aegis-ease), border-color 180ms var(--aegis-ease);
}

.sports-reference-topnav a:hover,
.markets-reference-tickers div:hover,
.sports-reference-tabs button:hover,
.markets-reference-tabs button:hover,
.markets-reference-filter-row button:hover {
    transform: translateY(-1px);
}

/* Aegis Chatbot command-workspace rebuild */
.chatbot-shell {
    width: 100%;
    max-width: none;
    padding: 0;
}

.chatbot-reference-shell {
    grid-template-columns: minmax(82px, 292px) minmax(0, 1fr);
    width: 100%;
    height: 100dvh;
    min-height: 100dvh;
    overflow: hidden;
    background:
        radial-gradient(circle at 24% 28%, rgba(var(--aegis-accent-rgb, 47, 125, 255), 0.16), transparent 30rem),
        radial-gradient(circle at 86% 20%, rgba(0, 212, 255, 0.085), transparent 28rem),
        linear-gradient(140deg, #070b12 0%, #08090f 48%, #040506 100%);
}

.chatbot-reference-shell.is-sidebar-collapsed {
    grid-template-columns: 88px minmax(0, 1fr);
}

.chatbot-reference-sidebar {
    height: 100dvh;
    overflow: hidden auto;
    border-right: 1px solid rgba(255, 255, 255, 0.07);
}

.chatbot-reference-main {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    height: 100dvh;
    min-height: 0;
    overflow: hidden;
    padding: clamp(14px, 2vw, 22px);
}

.chatbot-reference-topbar {
    position: relative;
    z-index: 4;
    padding: 0 0 clamp(10px, 1.6vw, 16px);
}

.chatbot-reference-top-actions {
    min-width: 0;
}

.chatbot-command-trigger {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 2px;
    min-height: 50px;
    padding: 0 18px;
    border: 1px solid rgba(var(--aegis-accent-rgb, 47, 125, 255), 0.36);
    border-radius: 18px;
    color: #f9fbff;
    cursor: pointer;
    background:
        linear-gradient(135deg, rgba(var(--aegis-accent-rgb, 47, 125, 255), 0.24), rgba(255, 255, 255, 0.04)),
        rgba(255, 255, 255, 0.045);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.08);
}

.chatbot-command-trigger span {
    color: rgba(237, 244, 255, 0.72);
    font-size: 0.68rem;
    font-weight: 900;
    letter-spacing: 0.13em;
    text-transform: uppercase;
}

.chatbot-command-trigger strong {
    font-size: 0.9rem;
    white-space: nowrap;
}

.chatbot-command-trigger:hover {
    transform: translateY(-1px);
    border-color: rgba(var(--aegis-accent-rgb, 47, 125, 255), 0.64);
}

.chatbot-reference-center {
    display: grid;
    grid-template-areas:
        "hero"
        "context"
        "messages"
        "composer"
        "prompts"
        "disclaimer";
    grid-template-rows: auto auto minmax(0, 1fr) auto auto auto;
    align-content: stretch;
    height: auto;
    min-height: 0;
    gap: clamp(10px, 1.4vw, 16px);
    padding: clamp(10px, 1.8vw, 22px) clamp(14px, 4vw, 72px) clamp(14px, 2.2vw, 24px);
    overflow: hidden;
}

.chatbot-reference-center::before {
    inset: 8% 12% auto;
    height: min(260px, 28vh);
}

.chatbot-empty-hero {
    grid-area: hero;
    width: min(1040px, 100%);
}

.chatbot-empty-hero h1 {
    font-size: clamp(3rem, 6vw, 6.6rem);
    line-height: 0.86;
    text-wrap: balance;
}

.chatbot-empty-hero p {
    margin-top: 12px;
}

.chatbot-context-strip {
    grid-area: context;
    width: min(1040px, 100%);
    margin-inline: auto;
}

.chatbot-message-canvas {
    grid-area: messages;
    width: min(1040px, 100%);
    min-height: 0;
    max-height: none;
    margin-inline: auto;
    overflow: auto;
    overscroll-behavior: contain;
    scroll-padding-bottom: 32px;
}

.chatbot-reference-composer {
    grid-area: composer;
    width: min(1240px, 100%);
    align-self: end;
}

.chatbot-reference-composer .chatbot-composer-shell {
    grid-template-columns: minmax(0, 1fr);
    align-items: stretch;
    gap: clamp(12px, 1.6vw, 18px);
    padding: clamp(16px, 2vw, 24px);
    border-radius: 32px;
    background:
        radial-gradient(circle at 10% 0%, rgba(var(--aegis-accent-rgb, 47, 125, 255), 0.1), transparent 18rem),
        linear-gradient(180deg, rgba(255, 255, 255, 0.07), transparent),
        rgba(8, 13, 20, 0.96);
    box-shadow:
        0 30px 90px rgba(0, 0, 0, 0.42),
        0 0 0 1px rgba(var(--aegis-accent-rgb, 47, 125, 255), 0.24),
        inset 0 1px rgba(255, 255, 255, 0.08);
}

.chatbot-reference-composer textarea {
    display: block;
    width: 100%;
    min-width: 0;
    min-height: clamp(128px, 16vh, 210px);
    max-height: 320px;
    padding: 4px 2px;
    resize: vertical;
    font-size: clamp(1.04rem, 1.2vw, 1.22rem);
    line-height: 1.55;
}

.chatbot-reference-composer textarea::placeholder {
    color: rgba(237, 244, 255, 0.5);
}

.chatbot-reference-composer-row {
    gap: 12px;
    align-items: center;
}

.chatbot-reference-composer-tools,
.chatbot-reference-composer-actions {
    flex-wrap: wrap;
    min-width: 0;
}

.chatbot-reference-composer-tools {
    flex: 1 1 auto;
}

.chatbot-reference-composer-actions {
    flex: 0 0 auto;
}

.chatbot-upload-input {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    opacity: 0;
    pointer-events: none;
}

.chatbot-creative-toggle.is-active,
.chatbot-image-toggle.is-active,
.chatbot-reference-composer-tools button.chatbot-creative-toggle.is-active,
.chatbot-reference-composer-tools button.chatbot-image-toggle.is-active {
    color: #ffffff;
    border-color: rgba(139, 255, 207, 0.46);
    background:
        linear-gradient(135deg, rgba(139, 255, 207, 0.24), rgba(var(--aegis-accent-rgb, 47, 125, 255), 0.18)),
        rgba(255, 255, 255, 0.08);
    box-shadow: 0 0 0 1px rgba(139, 255, 207, 0.12), 0 10px 30px rgba(139, 255, 207, 0.08);
}

.chatbot-upload-tray,
.chatbot-upload-list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    min-height: 30px;
}

.chatbot-upload-tray {
    padding-top: 2px;
}

.chatbot-upload-summary,
.chatbot-upload-chip {
    min-height: 30px;
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.045);
}

.chatbot-upload-summary {
    display: inline-flex;
    align-items: center;
    padding: 0 12px;
    color: rgba(237, 244, 255, 0.62);
    font-size: 0.82rem;
    font-weight: 800;
}

.chatbot-upload-chip {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    max-width: min(280px, 100%);
    padding: 0 10px 0 12px;
    color: #f7fbff;
    cursor: pointer;
}

.chatbot-upload-chip span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.chatbot-upload-chip strong {
    color: rgba(255, 255, 255, 0.62);
}

.chatbot-upload-manager {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 18px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 20px;
    background:
        radial-gradient(circle at 0% 0%, rgba(139, 255, 207, 0.12), transparent 16rem),
        rgba(255, 255, 255, 0.045);
}

.chatbot-upload-manager div {
    display: grid;
    gap: 4px;
}

.chatbot-upload-manager strong {
    color: #ffffff;
}

.chatbot-upload-manager span {
    color: rgba(237, 244, 255, 0.64);
}

.chatbot-upload-list {
    padding: 12px;
    border: 1px dashed rgba(255, 255, 255, 0.12);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.025);
}

.composer-submit-row {
    width: min(1240px, 100%);
    margin-inline: auto;
    padding-inline: 4px;
}

.chatbot-reference-shell.has-conversation .chatbot-reference-center {
    grid-template-rows: 0 auto minmax(0, 1fr) auto 0 0;
    gap: clamp(8px, 1vw, 12px);
}

.chatbot-reference-shell.has-conversation .chatbot-reference-composer textarea {
    min-height: clamp(88px, 11vh, 136px);
    max-height: min(220px, 26vh);
}

.chatbot-reference-shell.has-conversation .chatbot-prompt-grid,
.chatbot-reference-shell.has-conversation .chatbot-reference-disclaimer {
    display: none;
}

.chatbot-send-button {
    transition: transform 180ms var(--aegis-ease), box-shadow 180ms var(--aegis-ease);
}

.chatbot-send-button:hover {
    transform: translateY(-2px) scale(1.04);
}

.chatbot-generated-image {
    display: grid;
    gap: 8px;
    width: min(420px, 100%);
    margin-top: 14px;
    padding: 10px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.045);
    box-shadow: 0 22px 60px rgba(0, 0, 0, 0.28);
}

.chatbot-generated-image img {
    display: block;
    width: 100%;
    aspect-ratio: 1;
    object-fit: cover;
    border-radius: 16px;
}

.chatbot-generated-image span {
    color: rgba(237, 244, 255, 0.62);
    font-size: 0.82rem;
    font-weight: 800;
}

.chatbot-generated-animation,
.chatbot-generated-beat,
.chatbot-generated-project {
    display: grid;
    gap: 14px;
    width: min(620px, 100%);
    margin-top: 14px;
    padding: 14px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 24px;
    background:
        radial-gradient(circle at 0% 0%, rgba(var(--aegis-accent-rgb, 47, 125, 255), 0.14), transparent 18rem),
        rgba(255, 255, 255, 0.045);
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.3);
}

.chatbot-creative-preview-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.chatbot-creative-preview-head strong {
    color: #ffffff;
    font-size: 0.98rem;
}

.chatbot-creative-preview-head span,
.chatbot-generated-animation p {
    color: rgba(237, 244, 255, 0.62);
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.03em;
}

.chatbot-animation-stage {
    overflow: hidden;
    border-radius: 20px;
    background: #02050a;
}

.aegis-motion-art {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    aspect-ratio: 16 / 9;
    background:
        radial-gradient(circle at 18% 20%, color-mix(in srgb, var(--motion-a) 38%, transparent), transparent 28%),
        radial-gradient(circle at 82% 72%, color-mix(in srgb, var(--motion-b) 34%, transparent), transparent 30%),
        linear-gradient(135deg, #05070d, #101724 56%, #05070d);
}

.aegis-motion-art svg {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    height: 100%;
}

.aegis-motion-noise {
    position: absolute;
    inset: 0;
    z-index: 0;
    background-image:
        linear-gradient(rgba(255, 255, 255, 0.045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.045) 1px, transparent 1px);
    background-size: 32px 32px;
    mask-image: radial-gradient(circle at center, #000 28%, transparent 76%);
    animation: aegisMotionDrift calc(var(--motion-duration, 7s) * 1.6) linear infinite;
}

.aegis-motion-orb {
    filter: blur(0.5px) drop-shadow(0 0 24px currentColor);
    transform-origin: center;
    animation: aegisMotionFloat var(--motion-duration, 7s) ease-in-out infinite alternate;
}

.aegis-motion-orb-b {
    animation-delay: -1.8s;
}

.aegis-motion-orb-c {
    animation-delay: -3s;
}

.aegis-motion-ring {
    stroke-dasharray: 90 42;
    animation: aegisMotionDash var(--motion-duration, 7s) linear infinite;
    filter: drop-shadow(0 0 18px var(--motion-a));
}

.aegis-motion-spark {
    stroke-dasharray: 30 16;
    animation: aegisMotionDash calc(var(--motion-duration, 7s) * 0.7) linear infinite reverse;
    filter: drop-shadow(0 0 14px var(--motion-c));
}

.chatbot-beat-grid {
    display: grid;
    gap: 9px;
    padding: 12px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 18px;
    background: rgba(0, 0, 0, 0.18);
}

.chatbot-beat-row {
    display: grid;
    grid-template-columns: minmax(64px, 0.8fr) repeat(16, minmax(8px, 1fr));
    align-items: center;
    gap: 5px;
}

.chatbot-beat-row span {
    color: rgba(237, 244, 255, 0.72);
    font-size: 0.76rem;
    font-weight: 900;
}

.chatbot-beat-row i {
    display: block;
    aspect-ratio: 1;
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.08);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.04);
}

.chatbot-beat-row i.is-on {
    background:
        linear-gradient(135deg, rgba(139, 255, 207, 0.92), rgba(var(--aegis-accent-rgb, 47, 125, 255), 0.86));
    box-shadow: 0 0 18px rgba(139, 255, 207, 0.18);
}

.chatbot-beat-controls {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.chatbot-beat-controls button {
    min-height: 38px;
    padding: 0 14px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 999px;
    color: #ffffff;
    background: rgba(255, 255, 255, 0.07);
    font-weight: 900;
    cursor: pointer;
}

.chatbot-beat-controls button[data-playing="true"] {
    border-color: rgba(139, 255, 207, 0.44);
    background: linear-gradient(135deg, rgba(139, 255, 207, 0.24), rgba(var(--aegis-accent-rgb, 47, 125, 255), 0.18));
}

.chatbot-generated-project p {
    margin: 0;
    color: rgba(237, 244, 255, 0.68);
    line-height: 1.55;
}

.chatbot-project-file-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
    gap: 10px;
}

.chatbot-project-file-grid a {
    display: grid;
    gap: 6px;
    min-width: 0;
    padding: 12px;
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: 16px;
    color: #f7fbff;
    background: rgba(255, 255, 255, 0.045);
    text-decoration: none;
}

.chatbot-project-file-grid strong,
.chatbot-project-file-grid span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.chatbot-project-file-grid span {
    color: rgba(237, 244, 255, 0.58);
    font-size: 0.76rem;
    font-weight: 800;
}

.chatbot-project-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.chatbot-project-download {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 0 18px;
    border: 1px solid rgba(139, 255, 207, 0.38);
    border-radius: 999px;
    color: #ffffff;
    background:
        linear-gradient(135deg, rgba(139, 255, 207, 0.24), rgba(var(--aegis-accent-rgb, 47, 125, 255), 0.2)),
        rgba(255, 255, 255, 0.07);
    font-weight: 900;
    text-decoration: none;
    box-shadow: 0 18px 44px rgba(0, 0, 0, 0.22);
}

@keyframes aegisMotionFloat {
    from {
        transform: translate3d(-12px, -8px, 0) scale(0.96);
    }

    to {
        transform: translate3d(14px, 10px, 0) scale(1.08);
    }
}

@keyframes aegisMotionDash {
    to {
        stroke-dashoffset: -220;
    }
}

@keyframes aegisMotionDrift {
    to {
        transform: translate3d(-32px, -32px, 0);
    }
}

.chatbot-prompt-grid {
    grid-area: prompts;
    width: min(1240px, 100%);
    margin-inline: auto;
}

.chatbot-prompt-grid button {
    transition: transform 180ms var(--aegis-ease), border-color 180ms var(--aegis-ease), background 180ms var(--aegis-ease);
}

.chatbot-prompt-grid button:hover {
    transform: translateY(-2px);
}

.chatbot-reference-disclaimer {
    grid-area: disclaimer;
    margin-bottom: 0;
}

.chatbot-reference-rail {
    display: none;
}

body.chatbot-modal-open {
    overflow: hidden;
}

.chatbot-settings-modal[hidden] {
    display: none !important;
}

.chatbot-settings-modal {
    position: fixed;
    inset: 0;
    z-index: 1000;
    display: grid;
    pointer-events: auto;
}

.chatbot-settings-backdrop {
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 0% 28%, rgba(var(--aegis-accent-rgb, 47, 125, 255), 0.18), transparent 26rem),
        rgba(0, 0, 0, 0.72);
    backdrop-filter: blur(16px);
}

.chatbot-settings-modal .chatbot-settings-sheet {
    position: relative;
    top: auto;
    right: auto;
    left: auto;
    align-self: stretch;
    justify-self: start;
    width: min(820px, calc(100vw - 22px));
    max-height: none;
    height: calc(100dvh - 22px);
    margin: 11px;
    padding: clamp(18px, 2vw, 28px);
    overflow: hidden auto;
    border-radius: 30px;
    border-color: rgba(255, 255, 255, 0.13);
    background:
        radial-gradient(circle at 18% 0%, rgba(var(--aegis-accent-rgb, 47, 125, 255), 0.22), transparent 22rem),
        linear-gradient(180deg, rgba(255, 255, 255, 0.065), transparent),
        #071018;
    box-shadow: 34px 0 120px rgba(0, 0, 0, 0.58), inset 0 1px rgba(255, 255, 255, 0.08);
    animation: aegisDrawerIn 260ms var(--aegis-ease) both;
}

@keyframes aegisDrawerIn {
    from {
        opacity: 0;
        transform: translateX(-28px) scale(0.985);
    }

    to {
        opacity: 1;
        transform: translateX(0) scale(1);
    }
}

.chatbot-settings-head {
    position: sticky;
    top: -1px;
    z-index: 3;
    padding: 0 0 14px;
    background: linear-gradient(180deg, #071018 72%, rgba(7, 16, 24, 0));
}

.chatbot-settings-nav {
    position: sticky;
    top: 82px;
    z-index: 3;
    padding: 8px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.045);
    backdrop-filter: blur(14px);
}

.chatbot-settings-command-deck {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    margin: 18px 0;
}

.chatbot-settings-command-deck .chatbot-reference-card {
    align-content: start;
    min-height: 100%;
}

.chatbot-settings-command-deck .chatbot-reference-card-head a,
.chatbot-reference-tool-list a {
    color: inherit;
    text-decoration: none;
}

.chatbot-reference-tool-list a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    min-height: 48px;
    padding: 0 14px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.045);
}

.chatbot-reference-tool-list a:hover {
    border-color: rgba(var(--aegis-accent-rgb, 47, 125, 255), 0.42);
    background: rgba(var(--aegis-accent-rgb, 47, 125, 255), 0.12);
}

.chatbot-settings-grid > section,
.chatbot-settings-overview article,
.chatbot-model-card,
.chatbot-agent-card,
.chatbot-workspace-pane {
    border-radius: 22px;
}

@media (max-height: 860px) {
    .chatbot-empty-hero h1 {
        font-size: clamp(2.8rem, 6vw, 5.8rem);
    }

    .chatbot-empty-hero p {
        display: none;
    }

    .chatbot-context-strip {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .chatbot-prompt-grid {
        display: none;
    }
}

@media (max-width: 1180px) {
    .chatbot-reference-shell {
        grid-template-columns: 1fr;
        overflow: auto;
        height: auto;
    }

    .chatbot-reference-sidebar {
        position: sticky;
        top: 0;
        z-index: 8;
        height: auto;
        max-height: 42vh;
    }

    .chatbot-reference-main {
        height: auto;
        min-height: 100dvh;
        overflow: visible;
    }

    .chatbot-reference-center {
        overflow: visible;
    }

    .chatbot-settings-command-deck {
        grid-template-columns: 1fr;
    }

    .markets-reference-body,
    .sports-reference-body {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    .site-shell {
        width: min(100% - 24px, 1420px);
    }

    .hero,
    .store-hero {
        grid-template-columns: 1fr;
    }

    .product-login {
        padding: 22px;
    }

    .chatbot-reference-main {
        padding: 12px;
    }

    .chatbot-reference-center {
        padding-inline: 0;
    }

    .chatbot-empty-hero h1 {
        font-size: clamp(2.6rem, 16vw, 4.6rem);
    }

    .chatbot-context-strip {
        grid-template-columns: 1fr;
    }

    .chatbot-reference-composer textarea {
        min-height: 96px;
    }

    .chatbot-upload-manager,
    .chatbot-reference-composer-row {
        align-items: stretch;
        flex-direction: column;
    }

    .chatbot-beat-grid {
        overflow-x: auto;
    }

    .chatbot-beat-row {
        min-width: 520px;
    }

    .chatbot-command-trigger {
        width: 100%;
    }
}

/* Sports betting premium cleanup */
.sports-reference-body {
    grid-template-columns: minmax(286px, 332px) minmax(0, 1fr);
}

.sports-reference-rail {
    display: none;
}

.sports-reference-sidebar {
    position: sticky;
    top: 72px;
    max-height: calc(100dvh - 72px);
    overflow: hidden auto;
    padding: 18px 14px 20px;
    scrollbar-width: thin;
    scrollbar-color: rgba(var(--aegis-accent-rgb, 47, 125, 255), 0.72) rgba(255, 255, 255, 0.05);
}

.sports-reference-main {
    padding: 18px clamp(18px, 2vw, 28px) 92px;
}

.sports-reference-nav {
    padding: 6px;
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 24px;
    background: rgba(255, 255, 255, 0.035);
}

.sports-reference-nav a {
    min-height: 38px;
    border-radius: 16px;
}

.sports-reference-side-card {
    position: relative;
    display: grid;
    gap: 12px;
    padding: 16px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 24px;
    background:
        radial-gradient(circle at 18% 0%, rgba(var(--aegis-accent-rgb, 47, 125, 255), 0.18), transparent 14rem),
        linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.02)),
        rgba(8, 14, 22, 0.9);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.06), 0 18px 44px rgba(0, 0, 0, 0.2);
}

.sports-reference-side-card::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 3px;
    background: linear-gradient(180deg, rgba(var(--aegis-accent-rgb, 47, 125, 255), 0), rgba(var(--aegis-accent-rgb, 47, 125, 255), 0.9), rgba(var(--aegis-accent-rgb, 47, 125, 255), 0));
    opacity: 0.7;
}

.sports-reference-side-card > span,
.sports-reference-side-card-head span {
    color: rgba(229, 237, 247, 0.58);
    font-size: 0.72rem;
    font-weight: 900;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.sports-reference-side-card > strong,
.sports-reference-side-card-head strong {
    color: #f8fcff;
    font-size: 1.02rem;
    line-height: 1.18;
}

.sports-reference-side-card small {
    color: rgba(229, 237, 247, 0.62);
    line-height: 1.45;
}

.sports-reference-side-card-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.sports-reference-side-meter {
    display: grid;
    gap: 8px;
}

.sports-reference-side-meter::before {
    content: "";
    display: block;
    height: 9px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.08);
}

.sports-reference-side-meter i {
    display: block;
    height: 9px;
    max-width: 100%;
    margin-top: -17px;
    border-radius: 999px;
    background: linear-gradient(90deg, #20e782, #f6bd16, rgb(var(--aegis-accent-rgb, 47, 125, 255)));
    box-shadow: 0 0 18px rgba(var(--aegis-accent-rgb, 47, 125, 255), 0.36);
}

.sports-reference-side-meter b {
    color: rgba(248, 252, 255, 0.92);
    font-size: 0.86rem;
}

.sports-reference-side-card button,
.sports-reference-info-button,
.sports-reference-card-detail {
    min-height: 38px;
    padding: 0 14px;
    border: 1px solid rgba(var(--aegis-accent-rgb, 47, 125, 255), 0.38);
    border-radius: 999px;
    color: #fff;
    font: inherit;
    font-weight: 900;
    background:
        linear-gradient(135deg, rgba(var(--aegis-accent-rgb, 47, 125, 255), 0.92), rgba(0, 212, 255, 0.72));
    cursor: pointer;
    transition: transform 180ms var(--aegis-ease), box-shadow 180ms var(--aegis-ease), border-color 180ms var(--aegis-ease);
}

.sports-reference-side-card button:hover,
.sports-reference-info-button:hover,
.sports-reference-card-detail:hover {
    transform: translateY(-1px);
    box-shadow: 0 14px 30px rgba(var(--aegis-accent-rgb, 47, 125, 255), 0.24);
}

.sports-reference-side-books a,
.sports-reference-side-actions a,
.sports-reference-side-slip > div:not(.sports-reference-side-card-head),
.sports-reference-side-risk > div:not(.sports-reference-side-card-head) {
    display: grid;
    gap: 3px;
    padding: 11px 12px;
    border: 1px solid rgba(255, 255, 255, 0.07);
    border-radius: 16px;
    color: inherit;
    text-decoration: none;
    background: rgba(255, 255, 255, 0.045);
}

.sports-reference-side-books a {
    grid-template-columns: 1fr auto;
    align-items: center;
}

.sports-reference-side-actions a {
    color: inherit;
    text-decoration: none;
}

.sports-reference-side-actions a:hover,
.sports-reference-side-books a:hover {
    border-color: rgba(var(--aegis-accent-rgb, 47, 125, 255), 0.32);
    background: rgba(var(--aegis-accent-rgb, 47, 125, 255), 0.08);
}

.sports-reference-side-books a.is-live {
    border-color: rgba(32, 231, 130, 0.34);
    background: rgba(32, 231, 130, 0.075);
}

.sports-reference-side-books a span,
.sports-reference-side-actions span,
.sports-reference-side-slip span,
.sports-reference-side-risk span {
    color: rgba(229, 237, 247, 0.64);
}

.sports-reference-side-books a strong,
.sports-reference-side-actions strong,
.sports-reference-side-slip strong,
.sports-reference-side-risk strong {
    color: #f8fcff;
}

.sports-reference-bankroll {
    border-radius: 24px;
}

.sports-reference-pick-command {
    grid-template-columns: minmax(0, 1.35fr) minmax(250px, 0.65fr);
    margin-top: 16px;
    padding: clamp(16px, 1.7vw, 22px);
}

.sports-reference-pick-command h2 {
    max-width: 11ch;
    font-size: clamp(1.9rem, 3.1vw, 3.35rem);
    line-height: 0.98;
}

.sports-reference-pick-command p {
    max-width: 72ch;
}

.sports-reference-pick-command-score > strong {
    font-size: clamp(2.2rem, 4vw, 4.1rem);
}

.sports-reference-info-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    padding-inline: 13px;
    font-size: 0.82rem;
    background: rgba(var(--aegis-accent-rgb, 47, 125, 255), 0.12);
}

.sports-reference-info-button--wide {
    width: 100%;
    background: linear-gradient(135deg, rgba(var(--aegis-accent-rgb, 47, 125, 255), 0.9), rgba(0, 212, 255, 0.7));
}

.sports-reference-card-detail {
    width: 100%;
    margin-top: auto;
    background: rgba(var(--aegis-accent-rgb, 47, 125, 255), 0.12);
}

.sports-reference-live-grid {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 288px), 1fr));
}

.sports-reference-live-card {
    min-height: 0;
}

.sports-reference-picks-table {
    overflow: hidden;
}

.sports-reference-picks-head,
.sports-reference-pick-row {
    grid-template-columns: minmax(190px, 1.25fr) minmax(130px, 0.95fr) minmax(82px, 0.62fr) minmax(130px, 0.86fr) minmax(82px, 0.54fr) minmax(72px, 0.5fr) minmax(112px, 0.72fr) minmax(78px, 0.5fr);
    min-width: 0;
}

body.sports-drawer-open {
    overflow: hidden;
}

.sports-reference-drawer[hidden] {
    display: none !important;
}

.sports-reference-drawer {
    position: fixed;
    inset: 0;
    z-index: 1100;
    display: grid;
    grid-template-columns: minmax(0, 1fr) min(760px, calc(100vw - 24px));
}

.sports-reference-drawer-backdrop {
    background:
        radial-gradient(circle at 18% 22%, rgba(var(--aegis-accent-rgb, 47, 125, 255), 0.18), transparent 22rem),
        rgba(0, 0, 0, 0.68);
    backdrop-filter: blur(14px);
}

.sports-reference-drawer-panel {
    position: relative;
    display: grid;
    align-content: start;
    gap: 18px;
    height: calc(100dvh - 24px);
    margin: 12px 12px 12px 0;
    padding: clamp(20px, 2vw, 30px);
    overflow: hidden auto;
    border: 1px solid rgba(255, 255, 255, 0.13);
    border-radius: 30px;
    background:
        radial-gradient(circle at 20% 0%, rgba(var(--aegis-accent-rgb, 47, 125, 255), 0.2), transparent 22rem),
        linear-gradient(180deg, rgba(255, 255, 255, 0.065), transparent 42%),
        #071018;
    box-shadow: -30px 0 100px rgba(0, 0, 0, 0.52), inset 0 1px rgba(255, 255, 255, 0.08);
    animation: aegisSportsDrawerIn 240ms var(--aegis-ease) both;
}

@keyframes aegisSportsDrawerIn {
    from {
        opacity: 0;
        transform: translateX(26px) scale(0.985);
    }

    to {
        opacity: 1;
        transform: translateX(0) scale(1);
    }
}

.sports-reference-drawer-close {
    position: absolute;
    top: 16px;
    right: 16px;
    width: 42px;
    height: 42px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 50%;
    color: #fff;
    font-size: 1.5rem;
    line-height: 1;
    background: rgba(255, 255, 255, 0.055);
    cursor: pointer;
}

.sports-reference-drawer-panel > span {
    width: fit-content;
    padding: 7px 10px;
    border: 1px solid rgba(var(--aegis-accent-rgb, 47, 125, 255), 0.26);
    border-radius: 999px;
    color: rgba(255, 199, 204, 0.92);
    font-size: 0.72rem;
    font-weight: 900;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    background: rgba(var(--aegis-accent-rgb, 47, 125, 255), 0.08);
}

.sports-reference-drawer-panel h2,
.sports-reference-drawer-panel h3,
.sports-reference-drawer-panel p {
    margin: 0;
}

.sports-reference-drawer-panel h2 {
    max-width: min(100%, 18ch);
    color: #f8fcff;
    font-size: clamp(1.9rem, 4vw, 3.2rem);
    line-height: 1.02;
    letter-spacing: 0;
}

.sports-reference-drawer-panel h3 {
    color: #f8fcff;
    font-size: 1rem;
}

.sports-reference-drawer-panel p,
.sports-reference-drawer-panel small {
    color: rgba(229, 237, 247, 0.66);
    line-height: 1.55;
}

.sports-reference-drawer-grid,
.sports-reference-drawer-list,
.sports-reference-drawer-providers {
    display: grid;
    gap: 10px;
}

.sports-reference-drawer-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.sports-reference-drawer-grid div,
.sports-reference-drawer-list div,
.sports-reference-drawer-providers a,
.sports-reference-drawer-providers div {
    display: grid;
    gap: 5px;
    padding: 13px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 18px;
    color: inherit;
    text-decoration: none;
    background: rgba(255, 255, 255, 0.045);
}

.sports-reference-drawer-grid span,
.sports-reference-drawer-list span,
.sports-reference-drawer-providers span {
    color: rgba(229, 237, 247, 0.58);
    font-size: 0.74rem;
    font-weight: 900;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.sports-reference-drawer-grid strong,
.sports-reference-drawer-list strong,
.sports-reference-drawer-providers strong {
    color: #f8fcff;
    font-size: 1.05rem;
}

.sports-reference-drawer-providers a.is-live {
    border-color: rgba(32, 231, 130, 0.36);
    background: rgba(32, 231, 130, 0.075);
}

.sports-reference-drawer-section {
    display: grid;
    gap: 10px;
}

.betedge-drawer-score {
    display: grid;
    grid-template-columns: minmax(180px, 1.25fr) repeat(2, minmax(150px, 1fr));
    gap: 10px;
}

.betedge-drawer-score > div,
.betedge-factor-card,
.betedge-source-grid > div {
    display: grid;
    gap: 7px;
    min-width: 0;
    padding: 14px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.045);
}

.betedge-drawer-score > div.is-primary {
    border-color: rgba(49, 217, 107, 0.32);
    background: rgba(49, 217, 107, 0.08);
}

.betedge-drawer-score span,
.betedge-factor-card span,
.betedge-source-grid span {
    color: rgba(229, 237, 247, 0.58);
    font-size: 0.72rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.betedge-drawer-score strong {
    color: #ffffff;
    font-size: clamp(1.35rem, 3vw, 2.1rem);
}

.betedge-team-comparison {
    display: grid;
    gap: 10px;
    min-width: 0;
}

.betedge-comparison-score {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(160px, 0.8fr) minmax(0, 1fr);
    gap: 10px;
}

.betedge-comparison-score > div,
.betedge-comparison-table {
    min-width: 0;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.045);
}

.betedge-comparison-score > div {
    display: grid;
    gap: 6px;
    padding: 14px;
}

.betedge-comparison-score span,
.betedge-comparison-row span > strong,
.betedge-comparison-head span {
    color: rgba(229, 237, 247, 0.62);
    font-size: 0.72rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.betedge-comparison-score strong,
.betedge-comparison-score b {
    color: #ffffff;
}

.betedge-comparison-score b {
    font-size: 1.4rem;
}

.betedge-comparison-score em {
    color: var(--aegis-green, #31d96b);
    font-size: 0.82rem;
    font-style: normal;
    font-weight: 900;
}

.betedge-comparison-vs {
    text-align: center;
    border-color: rgba(49, 217, 107, 0.24) !important;
    background: rgba(49, 217, 107, 0.07) !important;
}

.betedge-comparison-table {
    display: grid;
    overflow: hidden;
}

.betedge-comparison-head,
.betedge-comparison-row {
    display: grid;
    grid-template-columns: minmax(160px, 1.1fr) minmax(120px, 0.75fr) minmax(120px, 0.75fr) minmax(110px, 0.65fr);
    gap: 10px;
    align-items: center;
    min-width: 0;
    padding: 11px 12px;
}

.betedge-comparison-head {
    background: rgba(49, 217, 107, 0.08);
}

.betedge-comparison-row + .betedge-comparison-row {
    border-top: 1px solid rgba(255, 255, 255, 0.07);
}

.betedge-comparison-row span {
    display: grid;
    gap: 3px;
    min-width: 0;
}

.betedge-comparison-row small {
    overflow-wrap: anywhere;
}

.betedge-comparison-row b,
.betedge-comparison-row em {
    min-width: 0;
    color: #ffffff;
    font-size: 0.9rem;
    overflow-wrap: anywhere;
}

.betedge-comparison-row em {
    color: var(--aegis-green, #31d96b);
    font-style: normal;
    font-weight: 900;
}

.betedge-rating-steps {
    grid-template-columns: 1fr;
}

.betedge-rating-steps > div {
    grid-template-columns: minmax(145px, 0.42fr) minmax(72px, 0.18fr) minmax(0, 1fr);
    align-items: center;
}

.betedge-rating-steps > div span,
.betedge-rating-steps > div strong,
.betedge-rating-steps > div small {
    min-width: 0;
}

.betedge-factor-matrix,
.betedge-source-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 10px;
}

.betedge-factor-card > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.betedge-factor-card em {
    flex: 0 0 auto;
    padding: 4px 7px;
    border-radius: 999px;
    color: rgba(229, 237, 247, 0.74);
    font-size: 0.66rem;
    font-style: normal;
    font-weight: 900;
    background: rgba(255, 255, 255, 0.07);
}

.betedge-factor-card strong,
.betedge-source-grid strong {
    color: #ffffff;
}

.betedge-factor-card.is-connected,
.sports-reference-drawer-grid div.is-connected,
.sports-reference-drawer-list div.is-connected,
.betedge-source-grid > div.is-connected {
    border-color: rgba(49, 217, 107, 0.28);
    background: rgba(49, 217, 107, 0.07);
}

.betedge-factor-card.is-partial,
.sports-reference-drawer-grid div.is-partial,
.sports-reference-drawer-list div.is-partial,
.betedge-source-grid > div.is-partial,
.betedge-source-grid > div.is-designed {
    border-color: rgba(245, 190, 75, 0.24);
    background: rgba(245, 190, 75, 0.065);
}

.betedge-factor-card.needs-setup,
.sports-reference-drawer-grid div.needs-setup,
.sports-reference-drawer-list div.needs-setup,
.betedge-source-grid > div.needs-setup {
    border-color: rgba(255, 103, 112, 0.25);
    background: rgba(255, 103, 112, 0.055);
}

.betedge-source-grid code {
    width: fit-content;
    max-width: 100%;
    padding: 5px 7px;
    overflow-wrap: anywhere;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 6px;
    color: rgba(229, 237, 247, 0.78);
    background: rgba(0, 0, 0, 0.2);
}

@media (max-width: 1280px) {
    .sports-reference-body {
        grid-template-columns: minmax(250px, 296px) minmax(0, 1fr);
    }

    .sports-reference-picks-table {
        overflow-x: auto;
    }

    .sports-reference-picks-head,
    .sports-reference-pick-row {
        min-width: 900px;
    }
}

@media (max-width: 1180px) {
    .sports-reference-body {
        grid-template-columns: 1fr;
    }

    .sports-reference-sidebar {
        position: relative;
        top: auto;
        max-height: none;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .sports-reference-nav {
        grid-column: 1 / -1;
    }

    .sports-reference-pick-command {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    .sports-reference-sidebar {
        grid-template-columns: 1fr;
    }

    .sports-reference-main {
        padding-inline: 12px;
    }

    .sports-reference-drawer {
        grid-template-columns: 1fr;
    }

    .sports-reference-drawer-backdrop {
        display: none;
    }

    .sports-reference-drawer-panel {
        height: calc(100dvh - 16px);
        margin: 8px;
        border-radius: 24px;
    }

    .sports-reference-drawer-grid {
        grid-template-columns: 1fr;
    }

    .betedge-drawer-score,
    .betedge-comparison-score,
    .betedge-factor-matrix,
    .betedge-source-grid {
        grid-template-columns: 1fr;
    }

    .betedge-rating-steps > div,
    .betedge-comparison-head,
    .betedge-comparison-row {
        grid-template-columns: 1fr;
    }
}

/* Sports betting app revamp */
.sports-command-main > :not(.sports-command-app) {
    display: none !important;
}

.sports-reference-body {
    grid-template-columns: minmax(270px, 320px) minmax(0, 1fr);
    background:
        radial-gradient(circle at 22% 18%, rgba(32, 231, 130, 0.09), transparent 34rem),
        radial-gradient(circle at 86% 12%, rgba(var(--aegis-accent-rgb, 47, 125, 255), 0.14), transparent 30rem),
        #05090e;
}

.sports-command-sidebar {
    z-index: 12;
    gap: 14px;
    padding: 18px;
    background:
        linear-gradient(180deg, rgba(var(--aegis-accent-rgb, 47, 125, 255), 0.08), transparent 18rem),
        rgba(6, 10, 16, 0.96);
}

.sports-command-nav,
.sports-command-nav button,
.sports-command-mini-pick,
.sports-command-mini-apps {
    position: relative;
    z-index: 13;
    pointer-events: auto;
}

.sports-reference-topnav,
.sports-reference-topnav a {
    position: relative;
    z-index: 20;
    pointer-events: auto;
}

.sports-command-main {
    position: relative;
    z-index: 1;
}

.sports-command-status,
.sports-command-mini-pick,
.sports-command-mini-apps {
    display: grid;
    gap: 10px;
    padding: 14px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.045);
}

.sports-command-status {
    grid-template-columns: auto 1fr;
    align-items: center;
}

.sports-command-dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #20e782;
    box-shadow: 0 0 0 8px rgba(32, 231, 130, 0.1), 0 0 24px rgba(32, 231, 130, 0.42);
}

.sports-command-status strong,
.sports-command-mini-pick strong,
.sports-command-mini-apps strong {
    color: #f8fcff;
}

.sports-command-status small,
.sports-command-mini-pick small,
.sports-command-mini-apps small {
    color: rgba(229, 237, 247, 0.62);
}

.sports-command-nav {
    display: grid;
    gap: 8px;
}

.sports-command-nav button,
.sports-command-mini-pick button,
.sports-command-mini-apps button,
.sports-command-filterbar button,
.sports-provider-tabs button,
.sports-command-pick-strip button,
.sports-tracker-prediction button,
.sports-event-card button {
    appearance: none;
    border: 0;
    color: inherit;
    font: inherit;
    cursor: pointer;
}

.sports-command-nav button {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 2px 12px;
    min-height: 76px;
    padding: 14px;
    text-align: left;
    border: 1px solid rgba(255, 255, 255, 0.075);
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.035);
    transition: transform 180ms var(--aegis-ease), border-color 180ms var(--aegis-ease), background 180ms var(--aegis-ease);
}

.sports-command-nav button:hover,
.sports-command-nav button.is-active {
    transform: translateY(-1px);
    border-color: rgba(var(--aegis-accent-rgb, 47, 125, 255), 0.36);
    background:
        linear-gradient(135deg, rgba(var(--aegis-accent-rgb, 47, 125, 255), 0.18), rgba(32, 231, 130, 0.06)),
        rgba(255, 255, 255, 0.05);
}

.sports-command-nav button span {
    grid-row: span 2;
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    border-radius: 12px;
    color: rgba(255, 255, 255, 0.78);
    font-size: 0.72rem;
    font-weight: 900;
    background: rgba(255, 255, 255, 0.07);
}

.sports-command-nav button strong {
    color: #f8fcff;
}

.sports-command-nav button small {
    color: rgba(229, 237, 247, 0.58);
}

.sports-command-mini-pick > span,
.sports-command-mini-apps > span,
.sports-command-card-head span,
.sports-command-refresh span,
.sports-command-pick-strip span {
    color: rgba(229, 237, 247, 0.58);
    font-size: 0.72rem;
    font-weight: 900;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.sports-command-mini-pick button,
.sports-command-mini-apps button,
.sports-command-pick-strip button,
.sports-tracker-prediction button,
.sports-event-card button {
    min-height: 38px;
    padding: 0 14px;
    border-radius: 999px;
    color: #fff;
    font-weight: 900;
    background: linear-gradient(135deg, rgba(var(--aegis-accent-rgb, 47, 125, 255), 0.92), rgba(0, 212, 255, 0.7));
}

.sports-command-mini-apps button {
    text-align: left;
    background: rgba(var(--aegis-accent-rgb, 47, 125, 255), 0.14);
}

.sports-command-main {
    min-width: 0;
    padding: 22px clamp(18px, 2vw, 30px) 96px;
}

.sports-command-app {
    display: grid;
    gap: 18px;
}

.sports-command-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(260px, 360px);
    gap: 18px;
    align-items: stretch;
}

.sports-command-hero h1 {
    max-width: 920px;
    margin: 0;
    color: #f8fcff;
    font-size: clamp(2.2rem, 4vw, 5.2rem);
    line-height: 0.93;
    letter-spacing: -0.06em;
}

.sports-command-hero p {
    max-width: 760px;
    color: rgba(229, 237, 247, 0.66);
    line-height: 1.55;
}

.sports-command-refresh,
.sports-command-card,
.sports-command-pick-strip {
    border: 1px solid rgba(255, 255, 255, 0.085);
    border-radius: 28px;
    background:
        radial-gradient(circle at 18% 0%, rgba(var(--aegis-accent-rgb, 47, 125, 255), 0.16), transparent 18rem),
        linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.02)),
        rgba(8, 14, 22, 0.88);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.07), 0 22px 60px rgba(0, 0, 0, 0.22);
}

.sports-command-refresh {
    display: grid;
    align-content: center;
    gap: 10px;
    padding: 20px;
}

.sports-command-refresh strong {
    color: #f8fcff;
    font-size: 1.5rem;
}

.sports-command-refresh small {
    color: rgba(229, 237, 247, 0.62);
    line-height: 1.45;
}

.sports-command-filterbar,
.sports-provider-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.sports-command-filterbar button,
.sports-provider-tabs button {
    min-height: 42px;
    padding: 0 18px;
    border: 1px solid rgba(255, 255, 255, 0.075);
    border-radius: 999px;
    color: rgba(229, 237, 247, 0.76);
    font-weight: 850;
    background: rgba(255, 255, 255, 0.045);
}

.sports-command-filterbar button:hover,
.sports-command-filterbar button.is-active,
.sports-provider-tabs button:hover,
.sports-provider-tabs button.is-active {
    color: #fff;
    border-color: rgba(var(--aegis-accent-rgb, 47, 125, 255), 0.38);
    background: rgba(var(--aegis-accent-rgb, 47, 125, 255), 0.18);
}

.sports-command-view[hidden] {
    display: none !important;
}

.sports-command-view {
    display: grid;
    gap: 18px;
}

.sports-command-metrics {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.sports-command-grid {
    display: grid;
    grid-template-columns: minmax(320px, 0.78fr) minmax(520px, 1.22fr);
    gap: 18px;
    align-items: start;
}

.sports-command-card {
    display: grid;
    gap: 16px;
    min-width: 0;
    padding: 18px;
}

.sports-command-card-head {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 14px;
}

.sports-command-card-head strong {
    display: block;
    margin-top: 4px;
    color: #f8fcff;
    font-size: 1.2rem;
}

.sports-command-card-head em {
    color: rgba(229, 237, 247, 0.64);
    font-style: normal;
    white-space: nowrap;
}

.sports-event-list {
    display: grid;
    gap: 10px;
    max-height: 650px;
    overflow: hidden auto;
    padding-right: 4px;
}

.sports-event-card {
    display: grid;
    gap: 10px;
    padding: 14px;
    border: 1px solid rgba(255, 255, 255, 0.075);
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.04);
    transition: transform 180ms var(--aegis-ease), border-color 180ms var(--aegis-ease), background 180ms var(--aegis-ease);
}

.sports-event-card:hover,
.sports-event-card.is-selected {
    transform: translateY(-1px);
    border-color: rgba(32, 231, 130, 0.34);
    background:
        linear-gradient(135deg, rgba(32, 231, 130, 0.1), rgba(var(--aegis-accent-rgb, 47, 125, 255), 0.08)),
        rgba(255, 255, 255, 0.055);
}

.sports-event-card > div:first-child,
.sports-event-scoreline,
.sports-tracker-score,
.sports-tracker-odds,
.sports-tracker-prediction,
.sports-command-pick-strip {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.sports-event-card span,
.sports-event-card small {
    color: rgba(229, 237, 247, 0.62);
}

.sports-event-card strong {
    color: #f8fcff;
}

.sports-event-scoreline span {
    display: flex;
    align-items: center;
    gap: 8px;
}

.sports-event-scoreline b {
    color: #fff;
    font-size: 1.2rem;
}

.sports-game-tracker {
    min-height: 640px;
}

.sports-tracker-tabs {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    overflow: hidden;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.055);
}

.sports-tracker-tabs button {
    min-height: 48px;
    border: 0;
    color: rgba(229, 237, 247, 0.72);
    font: inherit;
    font-weight: 900;
    background: transparent;
}

.sports-tracker-tabs button.is-active {
    color: #fff;
    background: rgba(47, 134, 255, 0.2);
}

.sports-tracker-field {
    position: relative;
    min-height: clamp(250px, 34vw, 430px);
    overflow: hidden;
    border-radius: 26px;
    background:
        linear-gradient(90deg, rgba(255, 255, 255, 0.08) 1px, transparent 1px),
        linear-gradient(rgba(255, 255, 255, 0.08) 1px, transparent 1px),
        radial-gradient(circle at 75% 54%, rgba(255, 255, 255, 0.18), transparent 7rem),
        linear-gradient(135deg, #9f5836, #d68c52 48%, #bb7042);
    background-size: 54px 54px, 54px 54px, auto, auto;
    box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.1);
}

.sports-tracker-field[data-sport*="Football"],
.sports-tracker-field[data-sport*="Rugby"] {
    background:
        repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.18) 0 2px, transparent 2px 10%),
        linear-gradient(135deg, #0b6b36, #14884b);
}

.sports-tracker-field[data-sport*="Baseball"] {
    background:
        radial-gradient(circle at 50% 62%, rgba(236, 219, 172, 0.95) 0 4rem, transparent 4.1rem),
        linear-gradient(135deg, #166d42, #0e3c29);
}

.sports-tracker-hoop,
.sports-tracker-line,
.sports-tracker-ball {
    position: absolute;
    display: block;
}

.sports-tracker-hoop {
    top: 16%;
    left: 12%;
    width: 72px;
    height: 48px;
    border: 5px solid rgba(255, 255, 255, 0.92);
    border-radius: 10px;
    transform: skewY(-10deg);
}

.sports-tracker-line--one {
    inset: 28% 10% auto 30%;
    height: 2px;
    background: rgba(255, 255, 255, 0.72);
    transform: rotate(8deg);
}

.sports-tracker-line--two {
    right: 14%;
    bottom: 20%;
    width: 32%;
    height: 28%;
    border: 3px solid rgba(255, 255, 255, 0.72);
    border-radius: 50%;
}

.sports-tracker-ball {
    left: var(--x, 50%);
    top: var(--y, 50%);
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background:
        radial-gradient(circle at 35% 30%, #ffc26f, #f27618 55%, #7a2b00);
    box-shadow: 0 0 0 8px rgba(255, 133, 41, 0.18), 0 16px 30px rgba(0, 0, 0, 0.4);
    transition: left 420ms var(--aegis-ease), top 420ms var(--aegis-ease);
}

.sports-tracker-score {
    padding: 14px;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.055);
}

.sports-tracker-score div {
    display: grid;
    gap: 4px;
}

.sports-tracker-score span,
.sports-tracker-odds span,
.sports-tracker-prediction span {
    color: rgba(229, 237, 247, 0.64);
}

.sports-tracker-score strong {
    color: #f8fcff;
    font-size: 2rem;
}

.sports-game-tracker p {
    margin: 0;
    color: rgba(229, 237, 247, 0.66);
    line-height: 1.5;
}

.sports-tracker-odds,
.sports-tracker-prediction {
    flex-wrap: wrap;
}

.sports-tracker-odds span,
.sports-tracker-prediction {
    padding: 12px 14px;
    border: 1px solid rgba(255, 255, 255, 0.075);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.045);
}

.sports-tracker-odds strong,
.sports-tracker-prediction strong {
    color: #f8fcff;
}

.sports-market-terminal {
    min-height: 68vh;
}

.sports-market-board {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 12px;
}

.sports-market-card,
.sports-market-empty {
    display: grid;
    gap: 10px;
    min-height: 176px;
    padding: 16px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 22px;
    color: inherit;
    text-decoration: none;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.055), transparent),
        rgba(255, 255, 255, 0.04);
}

.sports-market-card.is-live {
    border-color: rgba(32, 231, 130, 0.34);
    background:
        radial-gradient(circle at 16% 0%, rgba(32, 231, 130, 0.14), transparent 14rem),
        rgba(255, 255, 255, 0.045);
}

.sports-market-card span,
.sports-market-card small,
.sports-market-empty span {
    color: rgba(229, 237, 247, 0.62);
}

.sports-market-card strong,
.sports-market-empty strong {
    color: #f8fcff;
    font-size: 1.08rem;
}

.sports-market-card div {
    display: flex;
    justify-content: space-between;
    gap: 12px;
}

.sports-market-card em {
    color: rgba(229, 237, 247, 0.72);
    font-style: normal;
}

.sports-market-card b {
    color: #20e782;
}

.sports-risk-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.sports-hidden-refresh-nodes {
    display: none !important;
}

@media (max-width: 1360px) {
    .sports-command-grid,
    .sports-command-hero,
    .sports-risk-grid {
        grid-template-columns: 1fr;
    }

    .sports-game-tracker {
        min-height: 0;
    }
}

@media (max-width: 1180px) {
    .sports-command-sidebar {
        position: relative;
        top: auto;
        max-height: none;
    }

    .sports-command-metrics {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .sports-command-main {
        padding: 14px 12px 80px;
    }

    .sports-command-hero h1 {
        font-size: clamp(2.1rem, 13vw, 3.6rem);
    }

    .sports-command-metrics,
    .sports-tracker-score,
    .sports-tracker-odds,
    .sports-tracker-prediction,
    .sports-command-pick-strip {
        display: grid;
        grid-template-columns: 1fr;
    }
}

/* Aegis Sports Betting AI terminal */
.sports-reference-page.betedge-page {
    --betedge-bg: #060b0a;
    --betedge-surface: #0d1312;
    --betedge-surface-2: #101817;
    --betedge-surface-3: #141d1b;
    --betedge-line: rgba(172, 190, 184, 0.15);
    --betedge-line-strong: rgba(91, 232, 133, 0.36);
    --betedge-text: #f5fbf7;
    --betedge-muted: rgba(224, 235, 229, 0.68);
    --betedge-soft: rgba(224, 235, 229, 0.44);
    --betedge-green: #31d96b;
    --betedge-green-2: #1f9f49;
    --betedge-red: #ff4b4b;
    --betedge-yellow: #ffc044;
    --betedge-blue: #4da3ff;
    --betedge-radius: 8px;
    min-height: 100vh;
    background: var(--betedge-bg);
    color: var(--betedge-text);
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.sports-reference-page.betedge-page main {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
}

.betedge-page * {
    box-sizing: border-box;
    letter-spacing: 0;
}

.betedge-page button,
.betedge-page input,
.betedge-page a {
    font: inherit;
}

.betedge-shell {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background:
        linear-gradient(180deg, rgba(9, 18, 15, 0.98), rgba(5, 10, 9, 1) 58%),
        #060b0a;
}

.betedge-topbar {
    height: 70px;
    flex: 0 0 70px;
    display: grid;
    grid-template-columns: 250px minmax(0, 1fr) 300px;
    align-items: center;
    border-bottom: 1px solid var(--betedge-line);
    background: rgba(6, 12, 11, 0.98);
}

.betedge-brand {
    height: 100%;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 0 24px;
    color: var(--betedge-text);
    text-decoration: none;
}

.betedge-brand-mark {
    position: relative;
    width: 30px;
    height: 30px;
    border: 3px solid var(--betedge-green);
    border-radius: 9px;
    transform: rotate(-10deg);
}

.betedge-brand-mark::before {
    content: "";
    position: absolute;
    inset: 5px 8px 5px 5px;
    border-left: 3px solid var(--betedge-green);
    border-bottom: 3px solid var(--betedge-green);
    border-radius: 0 0 0 8px;
    transform: rotate(-38deg);
}

.betedge-brand-mark::after {
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    right: -7px;
    top: -6px;
    background: var(--betedge-bg);
}

.betedge-brand strong {
    color: var(--betedge-text);
    font-size: 1.28rem;
    font-weight: 850;
    line-height: 1;
}

.betedge-brand em {
    color: var(--betedge-green);
    font-style: normal;
}

.betedge-topnav {
    height: 100%;
    display: flex;
    align-items: stretch;
    justify-content: center;
    gap: 18px;
    min-width: 0;
}

.betedge-topnav a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 92px;
    padding: 0 10px;
    color: rgba(245, 251, 247, 0.88);
    text-decoration: none;
    font-size: 0.95rem;
    font-weight: 740;
    white-space: nowrap;
}

.betedge-topnav a::after {
    content: "";
    position: absolute;
    left: 10px;
    right: 10px;
    bottom: -1px;
    height: 2px;
    background: transparent;
}

.betedge-topnav a.is-active {
    color: #ffffff;
}

.betedge-topnav a.is-active::after {
    background: var(--betedge-green);
}

.betedge-userbar {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 16px;
    min-width: 0;
    padding: 0 22px;
}

.betedge-pro-chip {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 31px;
    padding: 0 13px;
    border-radius: 8px;
    background: rgba(49, 217, 107, 0.12);
    color: var(--betedge-green);
    font-size: 0.82rem;
    font-weight: 800;
}

.betedge-pro-chip i,
.betedge-statusbar .system i {
    width: 10px;
    height: 10px;
    border-radius: 999px;
    background: var(--betedge-green);
    box-shadow: 0 0 18px rgba(49, 217, 107, 0.44);
}

.betedge-icon-button {
    position: relative;
    width: 34px;
    height: 34px;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: var(--betedge-text);
    cursor: pointer;
}

.betedge-icon-button span {
    position: absolute;
    left: 10px;
    top: 9px;
    width: 13px;
    height: 14px;
    border: 2px solid rgba(245, 251, 247, 0.78);
    border-radius: 7px 7px 4px 4px;
}

.betedge-icon-button span::before {
    content: "";
    position: absolute;
    left: 3px;
    top: -5px;
    width: 5px;
    height: 5px;
    border: 2px solid rgba(245, 251, 247, 0.78);
    border-bottom: 0;
    border-radius: 6px 6px 0 0;
}

.betedge-icon-button span::after {
    content: "";
    position: absolute;
    left: 4px;
    bottom: -7px;
    width: 5px;
    height: 5px;
    border-radius: 999px;
    background: rgba(245, 251, 247, 0.78);
}

.betedge-icon-button b {
    position: absolute;
    min-width: 22px;
    height: 22px;
    right: -6px;
    top: -5px;
    display: grid;
    place-items: center;
    border-radius: 999px;
    background: var(--betedge-green);
    color: #041008;
    font-size: 0.74rem;
    font-weight: 900;
}

.betedge-user {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.betedge-user > span {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border-radius: 999px;
    background: var(--betedge-green-2);
    color: #ffffff;
    font-size: 0.9rem;
    font-weight: 900;
}

.betedge-user div {
    min-width: 0;
}

.betedge-user strong,
.betedge-user small {
    display: block;
    overflow: hidden;
    max-width: 118px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.betedge-user strong {
    color: #ffffff;
    font-size: 0.9rem;
}

.betedge-user small {
    color: var(--betedge-muted);
    font-size: 0.82rem;
}

.betedge-layout {
    flex: 1;
    min-height: 0;
    display: grid;
    grid-template-columns: 258px minmax(660px, 1fr);
}

.betedge-sidebar,
.betedge-main,
.betedge-rail {
    min-height: 0;
    overflow-y: auto;
    scrollbar-color: rgba(49, 217, 107, 0.3) transparent;
}

.betedge-sidebar {
    padding: 16px 12px 72px;
    border-right: 1px solid var(--betedge-line);
    background: rgba(8, 15, 14, 0.92);
}

.betedge-side-nav {
    display: grid;
    gap: 8px;
}

.betedge-side-nav button,
.betedge-quick-actions button,
.betedge-provider-tabs button,
.betedge-sport-tabs button,
.betedge-card-head button,
.betedge-slip-head button,
.betedge-slip-tabs button {
    border: 0;
    color: var(--betedge-muted);
    background: transparent;
    cursor: pointer;
}

.betedge-side-nav button {
    position: relative;
    min-height: 51px;
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
    padding: 0 12px;
    border-radius: 8px;
    text-align: left;
}

.betedge-side-nav button:hover,
.betedge-side-nav button.is-active {
    background: rgba(255, 255, 255, 0.045);
    color: #ffffff;
}

.betedge-side-nav button.is-active::before {
    content: "";
    position: absolute;
    left: 0;
    top: 12px;
    bottom: 12px;
    width: 3px;
    border-radius: 0 8px 8px 0;
    background: var(--betedge-green);
}

.betedge-side-nav button span,
.betedge-quick-actions button span {
    width: 27px;
    height: 27px;
    display: grid;
    place-items: center;
    border-radius: 6px;
    background: rgba(226, 235, 230, 0.09);
    color: rgba(245, 251, 247, 0.84);
    font-size: 0.75rem;
    font-weight: 850;
}

.betedge-icon {
    line-height: 0;
}

.betedge-svg-icon {
    width: 15px;
    height: 15px;
    display: block;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.85;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.betedge-side-nav button.is-active span,
.betedge-quick-actions button:hover span {
    background: rgba(49, 217, 107, 0.18);
    color: var(--betedge-green);
}

.betedge-side-nav strong {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: inherit;
    font-size: 0.95rem;
    font-weight: 740;
}

.betedge-side-nav em {
    min-width: 34px;
    padding: 4px 8px;
    border-radius: 7px;
    background: rgba(49, 217, 107, 0.14);
    color: var(--betedge-green);
    font-style: normal;
    text-align: center;
    font-size: 0.72rem;
    font-weight: 850;
}

.betedge-bankroll-card {
    display: grid;
    gap: 12px;
    margin-top: 58px;
    padding: 20px 18px;
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 8px;
    background: var(--betedge-surface-2);
}

.betedge-bankroll-card > span,
.betedge-card-head strong,
.betedge-slip-head strong {
    color: #ffffff;
    font-weight: 850;
}

.betedge-bankroll-card small,
.betedge-chart-legend,
.betedge-slip-item span,
.betedge-slip-item small,
.betedge-feed-grid small,
.betedge-chip-grid small {
    color: var(--betedge-soft);
}

.betedge-bankroll-card > strong {
    color: var(--betedge-green);
    font-size: 1.35rem;
}

.betedge-bankroll-card > em,
.betedge-pick-row .up,
.betedge-parlay .up {
    color: var(--betedge-green);
    font-style: normal;
    font-weight: 850;
}

.betedge-bankroll-card > div {
    display: grid;
    gap: 14px;
}

.betedge-bankroll-card > div span {
    display: grid;
    gap: 4px;
}

.betedge-bankroll-card > div b {
    color: #ffffff;
    font-size: 1.08rem;
}

.betedge-bankroll-card button,
.betedge-place-bet {
    min-height: 48px;
    border: 1px solid var(--betedge-line-strong);
    border-radius: 7px;
    background: rgba(49, 217, 107, 0.08);
    color: var(--betedge-green);
    font-weight: 850;
    cursor: pointer;
}

.betedge-main {
    padding: 16px 18px 72px;
}

.betedge-filter-bar {
    display: grid;
    grid-template-columns: minmax(190px, 260px) minmax(260px, 1fr);
    gap: 12px;
    margin-bottom: 12px;
}

.betedge-filter-combo,
.betedge-game-search {
    min-width: 0;
    height: 52px;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 10px;
    padding: 0 13px;
    border: 1px solid var(--betedge-line);
    border-radius: 8px;
    background: rgba(13, 22, 20, 0.78);
    color: rgba(245, 251, 247, 0.78);
}

.betedge-filter-combo span,
.betedge-game-search span {
    color: rgba(173, 188, 180, 0.86);
    font-size: 0.74rem;
    font-weight: 800;
    text-transform: uppercase;
}

.betedge-filter-combo select,
.betedge-game-search input {
    min-width: 0;
    width: 100%;
    border: 0;
    outline: 0;
    background: transparent;
    color: #f6fff9;
    font: inherit;
    font-weight: 760;
}

.betedge-filter-combo select {
    cursor: pointer;
}

.betedge-game-search input::placeholder {
    color: rgba(173, 188, 180, 0.62);
}

.betedge-sport-tabs {
    min-height: 54px;
    display: grid;
    grid-template-columns: repeat(9, minmax(74px, 1fr)) 118px;
    gap: 12px;
    margin-bottom: 16px;
}

.betedge-sport-tabs button {
    min-width: 0;
    height: 52px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 0 14px;
    border: 1px solid var(--betedge-line);
    border-radius: 8px;
    background: rgba(13, 22, 20, 0.78);
    color: rgba(245, 251, 247, 0.75);
    font-weight: 760;
    white-space: nowrap;
}

.betedge-sport-tabs button.is-active {
    border-color: rgba(49, 217, 107, 0.18);
    background: rgba(49, 217, 107, 0.08);
    color: var(--betedge-green);
}

.betedge-sport-tabs button .betedge-icon {
    width: 25px;
    height: 25px;
    display: grid;
    flex: 0 0 25px;
    place-items: center;
    margin: 0;
    border-radius: 7px;
    background: rgba(255, 255, 255, 0.055);
    color: rgba(245, 251, 247, 0.92);
}

.betedge-sport-tabs button .betedge-svg-icon {
    width: 15px;
    height: 15px;
}

.betedge-sport-tabs button .betedge-tab-label {
    min-width: 0;
    margin: 0;
    overflow: hidden;
    color: inherit;
    text-overflow: ellipsis;
}

.betedge-sport-tabs button.is-active .betedge-icon {
    background: rgba(49, 217, 107, 0.16);
    color: var(--betedge-green);
}

.betedge-panel {
    display: grid;
    gap: 16px;
}

.betedge-panel[hidden] {
    display: none !important;
}

.betedge-card,
.betedge-slip,
.betedge-quick-actions {
    border: 1px solid var(--betedge-line);
    border-radius: 8px;
    background: linear-gradient(180deg, rgba(17, 27, 25, 0.94), rgba(12, 18, 17, 0.98));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.025);
}

.betedge-card {
    padding: 16px;
}

.betedge-wide-card {
    grid-column: 1 / -1;
}

.betedge-card-head {
    min-height: 26px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 14px;
}

.betedge-card-head > div {
    display: flex;
    align-items: center;
    gap: 12px;
}

.betedge-card-head button,
.betedge-card-head small {
    color: var(--betedge-muted);
    font-size: 0.82rem;
    white-space: nowrap;
}

.betedge-card-head small {
    display: inline-flex;
    align-items: center;
    gap: 7px;
}

.betedge-card-head small i {
    width: 8px;
    height: 8px;
    border-radius: 999px;
    background: var(--betedge-red);
}

.betedge-events-row {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 12px;
}

.betedge-event-card {
    position: relative;
    display: grid;
    gap: 10px;
    min-height: 194px;
    padding: 13px 14px;
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 7px;
    background: rgba(255, 255, 255, 0.035);
}

.betedge-event-card.is-selected {
    border-color: rgba(49, 217, 107, 0.28);
    box-shadow: inset 0 0 0 1px rgba(49, 217, 107, 0.08);
}

.betedge-empty-state {
    grid-column: 1 / -1;
    min-height: 194px;
    display: grid;
    place-content: center;
    gap: 7px;
    padding: 24px;
    border: 1px dashed rgba(255, 255, 255, 0.1);
    border-radius: 7px;
    background: rgba(255, 255, 255, 0.025);
    text-align: center;
}

.betedge-empty-state strong {
    color: #ffffff;
    font-size: 0.98rem;
}

.betedge-empty-state span {
    max-width: 390px;
    color: var(--betedge-soft);
    font-size: 0.82rem;
    line-height: 1.45;
}

.betedge-event-head,
.betedge-team-row,
.betedge-market-lines span,
.betedge-parlay div,
.betedge-slip-item > div,
.betedge-chart-legend {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.betedge-event-head span,
.betedge-market-lines span,
.betedge-slip-item span {
    color: var(--betedge-muted);
    font-size: 0.82rem;
}

.betedge-event-head em {
    color: var(--betedge-red);
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 850;
}

.betedge-event-head em.tone-live,
.betedge-event-head em.tone-scheduled {
    color: var(--betedge-red);
}

.betedge-event-head em.tone-final {
    color: var(--betedge-soft);
}

.betedge-event-head em.tone-alert {
    color: var(--betedge-yellow);
}

.betedge-team-row div {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 9px;
}

.betedge-team-row img,
.betedge-team-row div span {
    width: 21px;
    height: 21px;
    flex: 0 0 21px;
    border-radius: 999px;
    object-fit: contain;
}

.betedge-team-row div span {
    display: grid;
    place-items: center;
    background: rgba(49, 217, 107, 0.15);
    color: var(--betedge-green);
    font-size: 0.56rem;
    font-weight: 900;
}

.betedge-team-row strong {
    overflow: hidden;
    color: #ffffff;
    font-size: 0.92rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.betedge-team-row b {
    color: #ffffff;
    font-size: 1rem;
}

.betedge-market-lines {
    display: grid;
    gap: 8px;
    padding-top: 9px;
    border-top: 1px solid var(--betedge-line);
}

.betedge-market-lines span {
    display: grid;
    grid-template-columns: 1fr auto auto;
}

.betedge-market-lines b {
    color: #ffffff;
    font-size: 0.82rem;
    font-weight: 720;
}

.betedge-card-hit {
    position: absolute;
    inset: 0;
    border: 0;
    border-radius: inherit;
    background: transparent;
    cursor: pointer;
}

.betedge-picks-table {
    display: grid;
    overflow-x: auto;
}

.betedge-picks-head,
.betedge-pick-row {
    display: grid;
    grid-template-columns: minmax(170px, 1.4fr) minmax(118px, 1fr) 110px minmax(138px, 0.9fr) 86px 86px 132px 54px;
    align-items: center;
    min-width: 900px;
}

.betedge-picks-head {
    min-height: 43px;
    padding: 0 14px;
    border: 1px solid var(--betedge-line);
    border-radius: 7px;
    color: var(--betedge-soft);
    font-size: 0.76rem;
}

.betedge-pick-row {
    min-height: 48px;
    padding: 0 14px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.045);
    color: #ffffff;
    font-size: 0.86rem;
}

.betedge-pick-row:last-child {
    border-bottom: 0;
}

.betedge-pick-main {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 11px;
}

.betedge-pick-main i {
    width: 3px;
    height: 19px;
    border-radius: 999px;
    background: var(--betedge-green);
}

.betedge-pick-main strong,
.betedge-pick-row > div {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.betedge-confidence {
    display: flex;
    align-items: center;
    gap: 10px;
}

.betedge-confidence span {
    width: 72px;
    height: 10px;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(226, 235, 230, 0.12);
}

.betedge-confidence span i {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #4cdf76, #7ee49b);
}

.betedge-confidence b {
    min-width: 34px;
    color: #ffffff;
    font-size: 0.82rem;
}

.betedge-pick-actions {
    display: flex;
    justify-content: end;
    gap: 7px;
}

.betedge-pick-actions button {
    position: relative;
    width: 25px;
    height: 27px;
    border: 0;
    background: transparent;
    cursor: pointer;
}

.betedge-pick-actions button[data-sports-open-pick]::before {
    content: "";
    position: absolute;
    inset: 5px 7px;
    border: 2px solid rgba(245, 251, 247, 0.72);
    border-radius: 2px;
}

.betedge-pick-actions button[data-sports-open-pick]::after {
    content: "";
    position: absolute;
    left: 10px;
    right: 10px;
    bottom: 4px;
    height: 8px;
    background: var(--betedge-surface-2);
    transform: rotate(45deg);
}

.betedge-lower-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(260px, 0.86fr);
    gap: 16px;
}

.betedge-insight-copy {
    min-height: 82px;
    margin: 0 0 16px;
    color: #ffffff;
    line-height: 1.55;
}

.betedge-signal-graph {
    position: relative;
    height: 174px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.075);
    border-radius: 8px;
    background:
        radial-gradient(circle at 18% 8%, rgba(49, 217, 107, 0.18), transparent 34%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.015));
}

.betedge-signal-graph::before {
    content: "";
    position: absolute;
    inset: 44px 14px 28px;
    opacity: 0.7;
    background-image:
        linear-gradient(rgba(255, 255, 255, 0.055) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.045) 1px, transparent 1px);
    background-size: 100% 25%, 20% 100%;
}

.betedge-signal-graph svg {
    position: absolute;
    left: 14px;
    right: 14px;
    top: 44px;
    bottom: 28px;
    z-index: 1;
    width: calc(100% - 28px);
    height: calc(100% - 72px);
    overflow: visible;
}

.betedge-signal-graph polyline {
    fill: none;
    stroke: var(--betedge-green);
    stroke-width: 3;
    filter: drop-shadow(0 0 8px rgba(49, 217, 107, 0.45));
}

.betedge-signal-graph circle {
    fill: #071310;
    stroke: var(--betedge-green);
    stroke-width: 2;
}

.betedge-signal-graph.is-market {
    background:
        radial-gradient(circle at 82% 7%, rgba(141, 231, 255, 0.17), transparent 34%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.015));
}

.betedge-signal-graph.is-market polyline {
    stroke: #8de7ff;
    filter: drop-shadow(0 0 8px rgba(141, 231, 255, 0.36));
}

.betedge-signal-graph.is-market circle {
    stroke: #8de7ff;
}

.betedge-graph-meta {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: baseline;
    gap: 10px;
    padding: 13px 14px 0;
}

.betedge-graph-meta span {
    color: var(--betedge-soft);
    font-size: 0.78rem;
}

.betedge-graph-meta strong {
    color: #ffffff;
    font-size: 1.22rem;
}

.betedge-graph-meta em {
    padding: 3px 7px;
    border-radius: 999px;
    background: rgba(49, 217, 107, 0.13);
    color: var(--betedge-green);
    font-style: normal;
    font-size: 0.72rem;
    font-weight: 850;
}

.betedge-graph-meta em.down {
    background: rgba(255, 107, 107, 0.12);
    color: var(--betedge-red);
}

.betedge-graph-axis {
    position: absolute;
    left: 14px;
    right: 14px;
    bottom: 9px;
    display: flex;
    justify-content: space-between;
    color: var(--betedge-soft);
    font-size: 0.68rem;
    text-transform: uppercase;
    letter-spacing: 0;
}

.betedge-signal-graph > i {
    display: none;
}

.betedge-market-title {
    display: block;
    margin-bottom: 10px;
    color: #ffffff;
    font-size: 0.98rem;
}

.betedge-chart-legend {
    margin-top: 12px;
    font-size: 0.78rem;
}

.betedge-alert-list {
    display: grid;
    gap: 18px;
}

.betedge-alert-list > div {
    display: grid;
    grid-template-columns: 24px minmax(0, 1fr) auto;
    align-items: start;
    gap: 10px;
}

.betedge-alert-list > div > span {
    width: 16px;
    height: 16px;
    margin-top: 3px;
    border-radius: 5px;
    background: var(--betedge-yellow);
}

.betedge-alert-list strong,
.betedge-alert-list small {
    display: block;
}

.betedge-alert-list strong {
    color: #ffffff;
    font-size: 0.93rem;
}

.betedge-alert-list small {
    overflow: hidden;
    color: var(--betedge-soft);
    font-size: 0.8rem;
    line-height: 1.45;
}

.betedge-alert-list em {
    color: var(--betedge-soft);
    font-size: 0.76rem;
    font-style: normal;
    white-space: nowrap;
}

.betedge-expanded-events {
    display: grid;
    grid-template-columns: 1fr;
    gap: 24px;
}

.betedge-event-section {
    display: grid;
    gap: 12px;
    padding-top: 2px;
}

.betedge-event-section + .betedge-event-section {
    padding-top: 20px;
    border-top: 1px solid rgba(255, 255, 255, 0.075);
}

.betedge-event-section-head {
    min-height: 34px;
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 16px;
}

.betedge-event-section-head strong {
    display: block;
    color: #ffffff;
    font-size: 1rem;
}

.betedge-event-section-head small {
    display: block;
    margin-top: 3px;
    color: var(--betedge-soft);
    font-size: 0.78rem;
}

.betedge-event-section-head span {
    padding: 5px 9px;
    border-radius: 999px;
    background: rgba(49, 217, 107, 0.12);
    color: var(--betedge-green);
    white-space: nowrap;
    font-size: 0.76rem;
    font-weight: 850;
}

.betedge-event-section-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(235px, 1fr));
    gap: 12px;
}

.betedge-provider-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 14px;
}

.betedge-provider-tabs button {
    min-height: 34px;
    padding: 0 13px;
    border: 1px solid var(--betedge-line);
    border-radius: 7px;
    background: rgba(255, 255, 255, 0.035);
}

.betedge-provider-tabs button.is-active {
    border-color: rgba(49, 217, 107, 0.28);
    color: var(--betedge-green);
}

.betedge-market-board {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 12px;
}

.betedge-market-card,
.betedge-market-empty {
    display: grid;
    gap: 10px;
    min-height: 132px;
    padding: 14px;
    border: 1px solid var(--betedge-line);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.035);
    color: var(--betedge-text);
    text-decoration: none;
}

.betedge-market-card.is-live {
    border-color: rgba(49, 217, 107, 0.24);
}

.betedge-market-card span,
.betedge-market-card small,
.betedge-market-empty span {
    color: var(--betedge-soft);
    font-size: 0.78rem;
}

.betedge-market-card strong,
.betedge-market-empty strong {
    color: #ffffff;
}

.betedge-market-card div {
    display: flex;
    justify-content: space-between;
    gap: 10px;
}

.betedge-market-card em {
    color: var(--betedge-muted);
    font-style: normal;
}

.betedge-market-card b {
    color: var(--betedge-green);
}

.betedge-analytics-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.betedge-chip-grid,
.betedge-feed-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
    gap: 10px;
}

.betedge-chip-grid > div,
.betedge-feed-grid > div,
.betedge-book-grid > div {
    display: grid;
    gap: 6px;
    min-height: 95px;
    padding: 13px;
    border: 1px solid var(--betedge-line);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.035);
}

.betedge-chip-grid span,
.betedge-feed-grid span,
.betedge-book-grid span {
    color: var(--betedge-soft);
    font-size: 0.78rem;
}

.betedge-chip-grid strong,
.betedge-feed-grid strong,
.betedge-book-grid strong {
    color: #ffffff;
}

.betedge-feed-grid em {
    color: var(--betedge-green);
    font-style: normal;
    font-weight: 850;
}

.betedge-book-grid {
    display: grid;
    gap: 10px;
}

.betedge-book-grid > div {
    min-height: 72px;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
}

.betedge-bankroll-large {
    display: grid;
    gap: 18px;
}

.betedge-bankroll-large > strong {
    color: var(--betedge-green);
    font-size: 2.6rem;
}

.betedge-bankroll-large > span {
    color: var(--betedge-green);
    font-weight: 850;
}

.betedge-bankroll-large > div {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

.betedge-bankroll-large b {
    display: grid;
    gap: 6px;
    padding: 13px;
    border: 1px solid var(--betedge-line);
    border-radius: 8px;
    color: #ffffff;
    background: rgba(255, 255, 255, 0.035);
}

.betedge-bankroll-large small {
    color: var(--betedge-soft);
    font-size: 0.78rem;
    font-weight: 600;
}

.betedge-rail {
    display: grid;
    align-content: start;
    gap: 18px;
    padding: 16px 18px 72px;
    border-left: 1px solid var(--betedge-line);
    background: rgba(8, 15, 14, 0.92);
}

.betedge-slip {
    overflow: hidden;
}

.betedge-slip-tabs {
    display: grid;
    grid-template-columns: 1fr 1fr;
    min-height: 48px;
    border-bottom: 1px solid var(--betedge-line);
}

.betedge-slip-tabs button {
    color: var(--betedge-muted);
    font-weight: 760;
}

.betedge-slip-tabs button.is-active {
    background: rgba(49, 217, 107, 0.12);
    color: #a5f3bd;
    box-shadow: inset 0 2px 0 var(--betedge-green);
}

.betedge-slip-pane {
    display: grid;
    gap: 16px;
    padding: 18px;
}

.betedge-slip-pane[hidden] {
    display: none !important;
}

.betedge-slip-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.betedge-slip-head button {
    color: #ffffff;
    font-size: 0.78rem;
}

.betedge-slip-list {
    display: grid;
}

.betedge-slip-item {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 6px 12px;
    padding: 0 0 20px;
    margin-bottom: 18px;
    border-bottom: 1px solid var(--betedge-line);
}

.betedge-slip-item:last-child {
    margin-bottom: 0;
}

.betedge-slip-item > div {
    grid-column: 1 / -1;
}

.betedge-slip-item strong {
    overflow: hidden;
    color: #ffffff;
    font-size: 1rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.betedge-slip-item b {
    color: #ffffff;
}

.betedge-slip-item small {
    grid-column: 1 / -1;
}

.betedge-slip-item label {
    width: 138px;
    height: 38px;
    display: grid;
    grid-template-columns: 31px 1fr;
    align-items: center;
    border: 1px solid rgba(224, 235, 229, 0.28);
    border-radius: 5px;
    background: rgba(255, 255, 255, 0.025);
}

.betedge-slip-item label span {
    display: grid;
    place-items: center;
    color: var(--betedge-soft);
}

.betedge-slip-item input {
    width: 100%;
    min-width: 0;
    border: 0;
    outline: 0;
    background: transparent;
    color: #ffffff;
    text-align: center;
}

.betedge-slip-item em {
    align-self: center;
    color: var(--betedge-soft);
    font-size: 0.78rem;
    font-style: normal;
    text-align: right;
}

.betedge-slip-item [data-sports-remove-slip] {
    width: 26px;
    height: 26px;
    border: 1px solid var(--betedge-line);
    border-radius: 6px;
    background: transparent;
    color: var(--betedge-soft);
    cursor: pointer;
}

.betedge-parlay {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 12px;
    padding-top: 2px;
}

.betedge-parlay div {
    grid-column: 1 / -1;
}

.betedge-parlay span {
    color: var(--betedge-soft);
}

.betedge-parlay strong,
.betedge-parlay b {
    color: #ffffff;
}

.betedge-place-bet {
    border: 0;
    background: var(--betedge-green-2);
    color: #ffffff;
}

.betedge-place-bet:disabled {
    cursor: not-allowed;
    opacity: 0.48;
}

.betedge-slip-note {
    min-height: 18px;
    margin: -4px 0 0;
    color: var(--betedge-green);
    font-size: 0.82rem;
    text-align: center;
}

.betedge-my-bets {
    display: grid;
    gap: 10px;
}

.betedge-my-bets > div {
    display: grid;
    gap: 7px;
    padding: 13px;
    border: 1px solid var(--betedge-line);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.035);
}

.betedge-my-bets strong {
    color: #ffffff;
}

.betedge-my-bets span,
.betedge-my-bets small {
    color: var(--betedge-soft);
}

.betedge-quick-actions {
    display: grid;
    gap: 10px;
    padding: 16px;
}

.betedge-quick-actions .betedge-card-head {
    margin-bottom: 2px;
}

.betedge-quick-actions button {
    min-height: 58px;
    display: grid;
    grid-template-columns: 46px minmax(0, 1fr);
    grid-template-rows: auto auto;
    align-items: center;
    gap: 3px 12px;
    padding: 9px;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.035);
    text-align: left;
}

.betedge-quick-actions button span {
    grid-row: 1 / 3;
    width: 42px;
    height: 42px;
    background: rgba(49, 217, 107, 0.13);
    color: var(--betedge-green);
}

.betedge-quick-actions strong {
    color: #ffffff;
}

.betedge-quick-actions small {
    color: var(--betedge-soft);
    font-size: 0.78rem;
}

.betedge-statusbar {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 25;
    height: 45px;
    display: flex;
    align-items: center;
    gap: 28px;
    overflow: hidden;
    padding: 0 28px;
    border-top: 1px solid var(--betedge-line);
    background: rgba(6, 12, 11, 0.98);
    color: rgba(245, 251, 247, 0.72);
    font-size: 0.82rem;
    white-space: nowrap;
}

.betedge-statusbar span {
    flex: 0 0 auto;
}

.betedge-statusbar strong {
    color: var(--betedge-green);
    margin-right: 5px;
}

.betedge-statusbar em {
    color: var(--betedge-soft);
    font-style: normal;
    margin-left: 5px;
}

.betedge-statusbar .system {
    margin-left: auto;
    display: inline-flex;
    align-items: center;
    gap: 9px;
    color: var(--betedge-green);
}

.betedge-drawer .sports-reference-drawer-panel {
    border-color: rgba(49, 217, 107, 0.24);
    background: #0c1412;
}

/* Premium finish for the existing Aegis Sports Betting AI layout. */
.sports-reference-page.betedge-page {
    --betedge-surface: #0b1311;
    --betedge-surface-2: #101a17;
    --betedge-surface-3: #14211d;
    --betedge-line: rgba(196, 222, 211, 0.13);
    --betedge-line-strong: rgba(74, 238, 132, 0.44);
    --betedge-shadow-soft: 0 18px 48px rgba(0, 0, 0, 0.34);
    --betedge-shadow-card: 0 12px 30px rgba(0, 0, 0, 0.24);
    --betedge-glass: linear-gradient(180deg, rgba(255, 255, 255, 0.052), rgba(255, 255, 255, 0.018));
}

.betedge-shell {
    background:
        radial-gradient(circle at 18% 0%, rgba(49, 217, 107, 0.105), transparent 32%),
        radial-gradient(circle at 84% 8%, rgba(77, 163, 255, 0.07), transparent 30%),
        linear-gradient(180deg, rgba(8, 17, 14, 0.99), rgba(4, 9, 8, 1) 58%),
        #050908;
}

.betedge-topbar {
    grid-template-columns: 292px minmax(0, 1fr) 300px;
    border-bottom-color: rgba(206, 229, 219, 0.11);
    background: rgba(5, 11, 9, 0.86);
    box-shadow: 0 10px 34px rgba(0, 0, 0, 0.32);
    backdrop-filter: blur(18px) saturate(1.18);
}

.betedge-brand {
    gap: 10px;
    padding: 0 18px 0 24px;
}

.betedge-brand-mark {
    flex: 0 0 auto;
    border-color: rgba(68, 230, 122, 0.96);
    box-shadow: 0 0 0 1px rgba(49, 217, 107, 0.14), 0 0 24px rgba(49, 217, 107, 0.18);
}

.betedge-brand-mark::before {
    border-color: rgba(68, 230, 122, 0.96);
}

.betedge-brand strong {
    min-width: 0;
    font-size: 1.02rem;
    line-height: 1.05;
    white-space: nowrap;
    text-shadow: 0 0 24px rgba(255, 255, 255, 0.08);
}

.betedge-brand em {
    color: #66f394;
}

.betedge-topnav a,
.betedge-side-nav button,
.betedge-sport-tabs button,
.betedge-card-head button,
.betedge-icon-button {
    transition: border-color 160ms ease, background-color 160ms ease, color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.betedge-topnav a:hover,
.betedge-topnav a:focus-visible {
    color: #ffffff;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.018));
}

.betedge-topnav a.is-active::after {
    height: 3px;
    border-radius: 999px 999px 0 0;
    box-shadow: 0 0 18px rgba(49, 217, 107, 0.62);
}

.betedge-sidebar {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.018), transparent 38%),
        rgba(5, 11, 10, 0.74);
    box-shadow: inset -1px 0 rgba(255, 255, 255, 0.025);
}

.betedge-side-nav button:hover,
.betedge-side-nav button.is-active {
    background: linear-gradient(90deg, rgba(49, 217, 107, 0.12), rgba(255, 255, 255, 0.035));
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.045);
}

.betedge-side-nav button.is-active::before {
    box-shadow: 0 0 18px rgba(49, 217, 107, 0.62);
}

.betedge-icon,
.betedge-side-nav button span,
.betedge-quick-actions button span {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

.betedge-sport-tabs button {
    border-color: rgba(196, 222, 211, 0.12);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.047), rgba(255, 255, 255, 0.015));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.045);
}

.betedge-filter-combo,
.betedge-game-search {
    border-color: rgba(196, 222, 211, 0.12);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.047), rgba(255, 255, 255, 0.015)),
        rgba(12, 21, 18, 0.86);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.045), 0 12px 28px rgba(0, 0, 0, 0.16);
}

.betedge-filter-combo:focus-within,
.betedge-game-search:focus-within {
    border-color: rgba(49, 217, 107, 0.34);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.07), 0 0 0 3px rgba(49, 217, 107, 0.08);
}

.betedge-sport-tabs button:hover {
    transform: translateY(-1px);
    border-color: rgba(49, 217, 107, 0.3);
    background: linear-gradient(180deg, rgba(49, 217, 107, 0.11), rgba(255, 255, 255, 0.018));
    color: #ffffff;
}

.betedge-sport-tabs button.is-active {
    border-color: rgba(49, 217, 107, 0.38);
    background: linear-gradient(180deg, rgba(49, 217, 107, 0.18), rgba(49, 217, 107, 0.055));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 12px 28px rgba(49, 217, 107, 0.08);
}

.betedge-card,
.betedge-event-card,
.betedge-slip,
.betedge-quick-actions,
.betedge-drawer-score > div,
.betedge-comparison-score > div,
.betedge-comparison-table,
.betedge-factor-card,
.betedge-source-grid > div {
    background:
        var(--betedge-glass),
        rgba(12, 21, 18, 0.88);
    border-color: rgba(205, 231, 219, 0.12);
    box-shadow: var(--betedge-shadow-card), inset 0 1px 0 rgba(255, 255, 255, 0.045);
}

.betedge-card {
    position: relative;
}

.betedge-card::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    border-radius: inherit;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.055), transparent 42%);
    opacity: 0.62;
}

.betedge-card > * {
    position: relative;
    z-index: 1;
}

.betedge-event-card,
.betedge-pick-row,
.betedge-chip-grid > div,
.betedge-feed-grid > div,
.betedge-book-grid > div {
    transition: border-color 160ms ease, background-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.betedge-event-card:hover,
.betedge-pick-row:hover,
.betedge-chip-grid > div:hover,
.betedge-feed-grid > div:hover,
.betedge-book-grid > div:hover {
    border-color: rgba(49, 217, 107, 0.26);
    background-color: rgba(49, 217, 107, 0.045);
}

.betedge-event-card:hover,
.betedge-chip-grid > div:hover,
.betedge-feed-grid > div:hover,
.betedge-book-grid > div:hover {
    transform: translateY(-1px);
}

.betedge-event-card.is-selected {
    border-color: rgba(49, 217, 107, 0.46);
    box-shadow: 0 16px 36px rgba(0, 0, 0, 0.32), inset 0 0 0 1px rgba(49, 217, 107, 0.18), 0 0 24px rgba(49, 217, 107, 0.08);
}

.betedge-confidence span {
    background: rgba(255, 255, 255, 0.11);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.36);
}

.betedge-confidence span i {
    background: linear-gradient(90deg, #41df78, #8cf5a9);
    box-shadow: 0 0 14px rgba(49, 217, 107, 0.36);
}

.betedge-card-head strong,
.betedge-pick-main strong,
.betedge-team-row strong {
    text-shadow: 0 1px 10px rgba(0, 0, 0, 0.18);
}

.betedge-card-head button:hover,
.betedge-card-head button:focus-visible {
    color: #ffffff;
    text-shadow: 0 0 16px rgba(49, 217, 107, 0.22);
}

.betedge-drawer .sports-reference-drawer-panel {
    border-color: rgba(68, 230, 122, 0.34);
    background:
        radial-gradient(circle at 18% 0%, rgba(49, 217, 107, 0.12), transparent 28%),
        linear-gradient(180deg, rgba(15, 25, 21, 0.98), rgba(8, 15, 13, 0.99));
    box-shadow: -28px 0 64px rgba(0, 0, 0, 0.46), inset 1px 0 0 rgba(255, 255, 255, 0.04);
}

.sports-reference-drawer-close {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06), 0 12px 24px rgba(0, 0, 0, 0.24);
}

.betedge-statusbar {
    border-top-color: rgba(206, 229, 219, 0.11);
    background: rgba(5, 10, 9, 0.92);
    box-shadow: 0 -12px 30px rgba(0, 0, 0, 0.26);
    backdrop-filter: blur(14px);
}

.betedge-page :is(button, a, input):focus-visible {
    outline: 2px solid rgba(103, 243, 148, 0.78);
    outline-offset: 3px;
}

body.sports-drawer-open {
    overflow: hidden;
}

@media (max-width: 1500px) {
    .betedge-layout {
        grid-template-columns: 230px minmax(580px, 1fr);
    }

    .betedge-topbar {
        grid-template-columns: 286px minmax(0, 1fr) 270px;
    }

    .betedge-topnav {
        gap: 6px;
    }

    .betedge-topnav a {
        min-width: 78px;
        font-size: 0.86rem;
    }

    .betedge-events-row {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 1180px) {
    .betedge-shell {
        overflow: visible;
    }

    .betedge-topbar {
        height: auto;
        min-height: 70px;
        flex: 0 0 auto;
        grid-template-columns: 1fr;
        gap: 10px;
        padding: 12px;
    }

    .betedge-brand,
    .betedge-userbar {
        justify-content: center;
        padding: 0;
    }

    .betedge-topnav {
        width: 100%;
        justify-content: start;
        overflow-x: auto;
    }

    .betedge-layout {
        display: block;
    }

    .betedge-sidebar,
    .betedge-main,
    .betedge-rail {
        overflow: visible;
    }

    .betedge-sidebar,
    .betedge-rail {
        border: 0;
    }

    .betedge-side-nav {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .betedge-bankroll-card {
        margin-top: 16px;
    }

    .betedge-sport-tabs {
        display: flex;
        overflow-x: auto;
    }

    .betedge-filter-bar {
        grid-template-columns: 1fr;
    }

    .betedge-sport-tabs button {
        flex: 0 0 auto;
    }

    .betedge-lower-grid,
    .betedge-analytics-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    .betedge-topnav a {
        min-width: 106px;
    }

    .betedge-userbar {
        justify-content: space-between;
    }

    .betedge-sidebar,
    .betedge-main,
    .betedge-rail {
        padding-left: 12px;
        padding-right: 12px;
    }

    .betedge-side-nav {
        grid-template-columns: 1fr;
    }

    .betedge-events-row,
    .betedge-expanded-events,
    .betedge-event-section-grid {
        grid-template-columns: 1fr;
    }

    .betedge-filter-combo,
    .betedge-game-search {
        grid-template-columns: 1fr;
        align-content: center;
        height: auto;
        min-height: 54px;
        gap: 4px;
    }

    .betedge-card,
    .betedge-slip-pane,
    .betedge-quick-actions {
        padding: 14px;
    }

    .betedge-picks-head,
    .betedge-pick-row {
        grid-template-columns: minmax(160px, 1.35fr) 110px 94px 126px 76px 76px 118px 54px;
        min-width: 814px;
    }

    .betedge-statusbar {
        gap: 18px;
        padding: 0 14px;
    }
}
/* Shared Aegis OS premium layer is imported once at the top of this file. */

/* Aegis performance stability override: prevents fixed-background and blur repaint crashes on touch/mobile Safari. */

body.aegis-stability-mode {
    background-attachment: scroll !important;
}

body.aegis-stability-mode::before,
body.aegis-stability-mode::after {
    transform: none !important;
    animation: none !important;
    filter: none !important;
}

body.aegis-stability-mode .aegis-aurora-field,
body.aegis-stability-mode .aegis-depth-fog,
body.aegis-stability-mode .aegis-system-rail,
body.aegis-stability-mode .aegis-digital-dust,
body.aegis-stability-mode .aegis-active-reflection,
body.aegis-stability-mode .aegis-cursor-light {
    display: none !important;
}

body.aegis-stability-mode .aegis-environment-system {
    opacity: 0.34 !important;
    transform: none !important;
    contain: layout paint;
}

body.aegis-stability-mode .aegis-environment-system > * {
    animation: none !important;
    filter: none !important;
    mix-blend-mode: normal !important;
    transform: none !important;
}

body.aegis-stability-mode .aegis-environment-system > :not(.aegis-horizon-light):not(.aegis-vector-grid):not(.aegis-atmosphere-pulse) {
    display: none !important;
}

body.aegis-stability-mode .aegis-site-nav,
body.aegis-stability-mode .topbar,
body.aegis-stability-mode .sports-product-nav,
body.aegis-stability-mode .restore-topbar,
body.aegis-stability-mode .glass-panel,
body.aegis-stability-mode .module-card,
body.aegis-stability-mode .mission-card,
body.aegis-stability-mode .workspace-launch-card,
body.aegis-stability-mode .store-membership-card,
body.aegis-stability-mode .store-choice-card,
body.aegis-stability-mode .aegis-auth-panel {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}

@media (hover: none), (pointer: coarse), (max-width: 900px) {
    body {
        background-attachment: scroll !important;
    }

    body::before,
    body::after {
        transform: none !important;
        animation: none !important;
        filter: none !important;
    }

    .aegis-aurora-field,
    .aegis-depth-fog,
    .aegis-system-rail,
    .aegis-digital-dust,
    .aegis-active-reflection,
    .aegis-cursor-light {
        display: none !important;
    }

    .aegis-environment-system {
        opacity: 0.34 !important;
        transform: none !important;
        contain: layout paint;
    }

    .aegis-environment-system > * {
        animation: none !important;
        filter: none !important;
        mix-blend-mode: normal !important;
        transform: none !important;
    }

    .aegis-environment-system > :not(.aegis-horizon-light):not(.aegis-vector-grid):not(.aegis-atmosphere-pulse) {
        display: none !important;
    }

    .aegis-site-nav,
    .topbar,
    .sports-product-nav,
    .restore-topbar,
    .glass-panel,
    .module-card,
    .mission-card,
    .workspace-launch-card,
    .store-membership-card,
    .store-choice-card,
    .aegis-auth-panel {
        -webkit-backdrop-filter: none !important;
        backdrop-filter: none !important;
    }
}