.mud-paper {
    backdrop-filter: blur(12px);
}

.mud-tabs-toolbar {
    border-bottom: 1px solid rgba(148, 163, 184, 0.08);
}

.mud-tab {
    text-transform: none !important;
    font-weight: 700 !important;
}

.mud-alert {
    border-radius: 1rem !important;
}

.mud-input-control .mud-input-outlined-border {
    stroke: rgba(148, 163, 184, 0.16) !important;
}

.mud-input-control:hover .mud-input-outlined-border {
    stroke: rgba(124, 77, 255, 0.28) !important;
}

.mud-input-control.mud-input-focused .mud-input-outlined-border {
    stroke: #7c4dff !important;
}

.mud-button-root {
    text-transform: none !important;
    border-radius: 0.7rem !important;
    font-weight: 700 !important;
}

.mud-chip {
    font-weight: 700 !important;
    border-radius: 999px !important;
}

.mud-table {
    background: transparent !important;
}

.mud-table-root .mud-table-head th {
    color: #cbd5e1 !important;
    background: rgba(255,255,255,0.02);
    border-bottom: 1px solid rgba(148, 163, 184, 0.08);
}

.mud-table-root .mud-table-body td {
    border-bottom: 1px solid rgba(148, 163, 184, 0.06);
}

.mud-table-root .mud-table-row:hover {
    background: rgba(124, 77, 255, 0.06) !important;
}

.mud-progress-linear {
    border-radius: 999px !important;
    overflow: hidden;
}

.mud-progress-linear-bars {
    border-radius: 999px !important;
}

.mud-nav-link.active { color: #f6f7fb !important; border: 1px solid rgba(132,102,255,.22) !important; background: rgba(132,102,255,.12) !important; box-shadow: inset 3px 0 0 #8466ff !important; }
.mud-nav-link:not(.active) { color: #98a3b6 !important; border: 1px solid transparent !important; background: transparent !important; box-shadow: none !important; }
.mud-nav-link:not(.active):hover { color: #e8ecf5 !important; background: rgba(255,255,255,.035) !important; }
.mud-nav-link .mud-nav-link-icon { color: inherit !important; }

/* Shared workspace language --------------------------------------------- */

.server-page-stage {
    --workspace-border: rgba(148, 163, 184, .12);
    --workspace-border-strong: rgba(167, 139, 250, .22);
    --workspace-panel: rgba(13, 20, 36, .92);
    --workspace-panel-deep: rgba(8, 13, 25, .96);
    --workspace-muted: #8e9bb0;
}

.server-page-stage > .mud-grid { margin-top: 0; }
.server-page-stage .mud-typography-h3,
.server-page-stage .mud-typography-h4,
.server-page-stage .mud-typography-h5 { letter-spacing: -.035em; }

.server-page-stage .managed-hero,
.server-page-stage .dungeon-hero {
    isolation: isolate;
    position: relative;
    min-height: 190px;
    overflow: hidden;
    border: 1px solid var(--workspace-border-strong) !important;
    border-radius: 1.5rem !important;
    background:
        radial-gradient(circle at 84% 10%, rgba(132, 102, 255, .22), transparent 31%),
        radial-gradient(circle at 10% 115%, rgba(56, 189, 248, .09), transparent 35%),
        linear-gradient(138deg, rgba(20, 29, 51, .98), rgba(8, 14, 27, .98)) !important;
    box-shadow: 0 28px 75px rgba(0, 0, 0, .25), inset 0 1px 0 rgba(255,255,255,.04) !important;
}

.server-page-stage .managed-hero::before,
.server-page-stage .dungeon-hero::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: -215px;
    right: -85px;
    width: 390px;
    height: 390px;
    border: 1px solid rgba(167,139,250,.13);
    border-radius: 50%;
    box-shadow: 0 0 0 42px rgba(132,102,255,.024), 0 0 0 84px rgba(132,102,255,.015);
    pointer-events: none;
}

.server-page-stage .managed-hero::after,
.server-page-stage .dungeon-hero::after {
    content: "";
    position: absolute;
    z-index: -1;
    inset: 0;
    opacity: .15;
    background-image: linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px);
    background-size: 34px 34px;
    mask-image: linear-gradient(90deg, #000, transparent 78%);
    pointer-events: none;
}

.server-page-stage .managed-hero-title,
.server-page-stage .dungeon-hero .mud-typography-h3,
.server-page-stage .dungeon-hero .mud-typography-h4 {
    color: #f6f8fc;
    font-weight: 850 !important;
    letter-spacing: -.05em !important;
}

.server-page-stage .managed-hero-subtitle { max-width: 760px; margin-top: .55rem !important; color: #a7b2c4 !important; line-height: 1.6 !important; }
.server-page-stage .managed-muted { color: var(--workspace-muted) !important; }

.server-page-stage .managed-card,
.server-page-stage .managed-stat-card,
.server-page-stage .dungeon-card,
.server-page-stage .overview-mini-stat {
    position: relative;
    border: 1px solid var(--workspace-border) !important;
    border-radius: 1.15rem !important;
    background: linear-gradient(150deg, rgba(18, 27, 47, .94), rgba(9, 15, 28, .96)) !important;
    box-shadow: 0 16px 42px rgba(0,0,0,.17), inset 0 1px 0 rgba(255,255,255,.022) !important;
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease !important;
}

.server-page-stage .managed-card:hover,
.server-page-stage .managed-stat-card:hover,
.server-page-stage .dungeon-card:hover,
.server-page-stage .overview-mini-stat:hover {
    transform: translateY(-2px);
    border-color: rgba(167,139,250,.23) !important;
    box-shadow: 0 22px 52px rgba(0,0,0,.23), inset 0 1px 0 rgba(255,255,255,.035) !important;
}

.server-page-stage .managed-stat-card { isolation: isolate; min-height: 132px; overflow: hidden; }
.server-page-stage .managed-stat-card::before {
    content: "";
    position: absolute;
    z-index: -1;
    right: -32px;
    bottom: -55px;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(132,102,255,.15), transparent 68%);
}
.server-page-stage .managed-stat-label { color: #77849a !important; font-size: .66rem !important; font-weight: 850 !important; letter-spacing: .1em !important; text-transform: uppercase; }
.server-page-stage .managed-stat-value { color: #f7f9fd !important; font-weight: 850 !important; letter-spacing: -.035em !important; }
.server-page-stage .managed-stat-icon { display: grid; place-items: center; border: 1px solid rgba(132,102,255,.2); color: #b5a9ff; background: rgba(132,102,255,.09); }

.server-page-stage .mud-tabs {
    overflow: hidden;
    border: 1px solid rgba(148,163,184,.08);
    border-radius: 1rem;
    background: rgba(4,9,19,.18);
}
.server-page-stage .mud-tabs-tabbar { padding: .3rem; border-bottom: 1px solid rgba(148,163,184,.08); background: rgba(255,255,255,.018); }
.server-page-stage .mud-tab { min-height: 42px; border-radius: .7rem; color: #7f8ba0; }
.server-page-stage .mud-tab.mud-tab-active { color: #e7e3ff !important; background: linear-gradient(135deg, rgba(132,102,255,.15), rgba(56,189,248,.055)); }
.server-page-stage .mud-tabs-panels { padding: .35rem; }

.server-page-stage .mud-input-control { transition: transform .16s ease; }
.server-page-stage .mud-input-outlined { border-radius: .8rem; background: rgba(3,8,19,.22); }
.server-page-stage .mud-input-control:focus-within { transform: translateY(-1px); }
.server-page-stage .mud-input-label { color: #8390a5; }
.server-page-stage .mud-input-control:focus-within .mud-input-label { color: #bcb2ff !important; }
.server-page-stage .mud-input-adornment .mud-icon-root { color: #77869e; }

.server-page-stage .mud-table-container {
    overflow: auto;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
    border: 1px solid rgba(148,163,184,.09);
    border-radius: .9rem;
    background: rgba(3,8,18,.18);
}
.server-page-stage .mud-table-head .mud-table-cell {
    height: 48px;
    color: #8996ab !important;
    background: rgba(20,29,49,.84) !important;
    font-size: .68rem;
    font-weight: 850;
    letter-spacing: .075em;
    text-transform: uppercase;
}
.server-page-stage .mud-table-row { transition: background .14s ease, box-shadow .14s ease; }
.server-page-stage .mud-table-body .mud-table-row:nth-child(even) { background: rgba(255,255,255,.008); }
.server-page-stage .mud-table-body .mud-table-row:hover { background: rgba(132,102,255,.055) !important; box-shadow: inset 3px 0 #8466ff; }

.server-page-stage .mud-expansion-panels { display: grid; gap: .55rem; }
.server-page-stage .mud-expand-panel {
    overflow: hidden;
    border: 1px solid rgba(148,163,184,.09);
    border-radius: .9rem !important;
    background: rgba(12,19,34,.78) !important;
    box-shadow: none !important;
}
.server-page-stage .mud-expand-panel-header { min-height: 3.4rem; font-weight: 750; }
.server-page-stage .mud-expand-panel.mud-panel-expanded { border-color: rgba(132,102,255,.2); }

.server-page-stage .mud-alert { border-width: 1px; background-image: linear-gradient(135deg, rgba(255,255,255,.02), transparent); }
.server-page-stage .mud-list-item { border-radius: .65rem; transition: background .14s ease, transform .14s ease; }
.server-page-stage .mud-list-item:hover { transform: translateX(2px); background: rgba(132,102,255,.055); }
.server-page-stage .mud-divider { border-color: rgba(148,163,184,.09); }
.server-page-stage .mud-timeline-item-dot { box-shadow: 0 0 0 5px rgba(132,102,255,.055); }

.server-page-stage .mud-button-root { min-height: 38px; box-shadow: none; transition: transform .16s ease, filter .16s ease, box-shadow .16s ease !important; }
.server-page-stage .mud-button-filled:not(.mud-disabled):hover { transform: translateY(-1px); filter: brightness(1.08); box-shadow: 0 9px 22px rgba(0,0,0,.2); }
.server-page-stage .mud-icon-button { border-radius: .68rem; transition: color .15s ease, background .15s ease, transform .15s ease; }
.server-page-stage .mud-icon-button:hover { transform: translateY(-1px); background: rgba(255,255,255,.045); }
.server-page-stage :where(button, a, input, [tabindex]):focus-visible { outline: 2px solid rgba(167,139,250,.78); outline-offset: 2px; }

.server-page-stage .alt-hunter-drawer-host {
    overflow: hidden;
    border: 1px solid rgba(148,163,184,.08);
    border-radius: 1.2rem;
    background: radial-gradient(circle at 90% 0,rgba(132,102,255,.07),transparent 30%), rgba(5,10,21,.2);
}

* { scrollbar-width: thin; scrollbar-color: rgba(132,102,255,.42) rgba(255,255,255,.025); }
*::-webkit-scrollbar { width: 9px; height: 9px; }
*::-webkit-scrollbar-track { background: rgba(255,255,255,.018); }
*::-webkit-scrollbar-thumb { border: 2px solid transparent; border-radius: 999px; background: rgba(132,102,255,.42); background-clip: padding-box; }
*::-webkit-scrollbar-thumb:hover { background-color: rgba(167,139,250,.58); }

@media (max-width: 700px) {
    .server-page-stage .managed-hero,
    .server-page-stage .dungeon-hero { min-height: 165px; padding: 1.5rem !important; border-radius: 1.15rem !important; }
    .server-page-stage .managed-hero-title { font-size: 2rem !important; }
    .server-page-stage .managed-card,
    .server-page-stage .managed-stat-card { border-radius: .95rem !important; }
    .server-page-stage .mud-tabs-tabbar { overflow-x: auto; }
}

@media (prefers-reduced-motion: reduce) {
    .server-page-stage *, .server-page-stage *::before, .server-page-stage *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; transition-duration: .01ms !important; }
}

.system-state-page {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: min(680px, calc(100vh - 8rem));
    overflow: hidden;
    padding: 4rem 2rem;
    border: 1px solid rgba(148,163,184,.11);
    border-radius: 1.5rem;
    text-align: center;
    background: radial-gradient(circle at 50% 18%, rgba(132,102,255,.13), transparent 31%), linear-gradient(145deg,rgba(17,25,44,.92),rgba(7,12,23,.97));
    box-shadow: 0 28px 75px rgba(0,0,0,.24);
}
.system-state-page::before { content:""; position:absolute; inset:0; opacity:.12; background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px); background-size:34px 34px; mask-image:radial-gradient(circle at center,#000,transparent 68%); pointer-events:none; }
.system-state-orbit { position:relative; display:grid; place-items:center; width:92px; height:92px; margin-bottom:1.25rem; border:1px solid rgba(167,139,250,.25); border-radius:50%; color:#b8adff; background:rgba(132,102,255,.1); box-shadow:0 0 0 16px rgba(132,102,255,.025),0 0 55px rgba(132,102,255,.17); }
.system-state-orbit .mud-icon-root { font-size:2.6rem; }
.state-error .system-state-orbit { color:#fca5a5; border-color:rgba(248,113,113,.27); background:rgba(239,68,68,.09); box-shadow:0 0 0 16px rgba(239,68,68,.025),0 0 55px rgba(239,68,68,.14); }
.system-state-kicker { margin-bottom:.65rem; color:#9f91ff; font-size:.7rem; font-weight:900; letter-spacing:.18em; }
.state-error .system-state-kicker { color:#fb8b8b; }
.system-state-page .mud-typography-h3 { font-weight:850; letter-spacing:-.05em; }
.system-state-page > .managed-muted { max-width:600px; margin-top:.65rem; line-height:1.65; }
.system-state-reference { display:flex; align-items:center; gap:.7rem; max-width:100%; margin-top:1.35rem; padding:.65rem .8rem; border:1px solid rgba(148,163,184,.1); border-radius:.75rem; color:#758197; background:rgba(2,6,16,.32); font-size:.68rem; }
.system-state-reference code { overflow:hidden; color:#cbd5e1; text-overflow:ellipsis; }
.system-state-actions { display:flex; flex-wrap:wrap; justify-content:center; gap:.75rem; margin-top:1.65rem; }

/* Suspicious Trades ------------------------------------------------------ */

.suspicious-trades-page {
    --trade-border: rgba(148, 163, 184, .14);
    --trade-panel: rgba(12, 18, 32, .84);
    display: grid;
    gap: 1.25rem;
    max-width: 1560px;
    margin: 0 auto;
    padding-bottom: 5rem;
}

.trade-sentinel-hero {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
    min-height: 220px;
    overflow: hidden;
    padding: 2.2rem 2.5rem;
    border: 1px solid rgba(251, 146, 60, .18);
    border-radius: 1.5rem;
    background:
        radial-gradient(circle at 8% 20%, rgba(249, 115, 22, .20), transparent 30%),
        radial-gradient(circle at 86% 15%, rgba(239, 68, 68, .16), transparent 34%),
        linear-gradient(135deg, rgba(20, 25, 43, .98), rgba(9, 14, 27, .94));
    box-shadow: 0 30px 80px rgba(0, 0, 0, .28), inset 0 1px 0 rgba(255, 255, 255, .04);
}

.trade-sentinel-hero::before,
.trade-sentinel-hero::after {
    content: "";
    position: absolute;
    pointer-events: none;
}

.trade-sentinel-hero::before {
    inset: 0;
    opacity: .17;
    background-image: linear-gradient(rgba(255,255,255,.05) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.05) 1px, transparent 1px);
    background-size: 34px 34px;
    mask-image: linear-gradient(90deg, #000, transparent 72%);
}

.trade-sentinel-hero::after {
    right: -110px;
    top: -160px;
    width: 430px;
    height: 430px;
    border: 1px solid rgba(251, 146, 60, .12);
    border-radius: 50%;
    box-shadow: 0 0 0 45px rgba(251,146,60,.025), 0 0 0 90px rgba(251,146,60,.018);
}

.trade-sentinel-hero-copy,
.trade-sentinel-hero-stats { position: relative; z-index: 1; }
.trade-sentinel-hero-copy { max-width: 760px; }

.trade-sentinel-kicker {
    display: flex;
    align-items: center;
    gap: .55rem;
    margin-bottom: .65rem;
    color: #fb923c;
    font-size: .72rem;
    font-weight: 850;
    letter-spacing: .18em;
}

.trade-sentinel-pulse {
    width: .55rem;
    height: .55rem;
    border-radius: 50%;
    background: #fb923c;
    box-shadow: 0 0 0 0 rgba(251, 146, 60, .5);
    animation: trade-sentinel-pulse 2s infinite;
}

@keyframes trade-sentinel-pulse {
    70% { box-shadow: 0 0 0 9px rgba(251, 146, 60, 0); }
    100% { box-shadow: 0 0 0 0 rgba(251, 146, 60, 0); }
}

.trade-sentinel-title { font-weight: 850 !important; letter-spacing: -.045em !important; }
.trade-sentinel-subtitle { max-width: 700px; margin-top: .65rem !important; color: #aeb9ca; line-height: 1.65 !important; }

.trade-sentinel-hero-stats {
    display: grid;
    grid-template-columns: repeat(3, minmax(105px, 1fr));
    gap: .75rem;
}

.trade-sentinel-stat {
    display: flex;
    flex-direction: column;
    min-width: 112px;
    padding: 1rem;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 1rem;
    background: rgba(255,255,255,.035);
    backdrop-filter: blur(14px);
}

.trade-sentinel-stat.critical { border-color: rgba(248, 113, 113, .2); background: rgba(239, 68, 68, .075); }
.trade-sentinel-stat-value { color: #f8fafc; font-size: 1.75rem; font-weight: 850; line-height: 1; }
.trade-sentinel-stat.critical .trade-sentinel-stat-value { color: #fca5a5; }
.trade-sentinel-stat-label { margin-top: .55rem; color: #8d9aaf; font-size: .68rem; font-weight: 750; text-transform: uppercase; letter-spacing: .08em; }

.trade-filter-dock {
    position: sticky;
    top: .75rem;
    z-index: 12;
    display: grid;
    grid-template-columns: minmax(245px, 1fr) minmax(280px, 1.3fr) auto auto auto;
    align-items: center;
    gap: 1.1rem;
    padding: 1rem 1.15rem;
    border: 1px solid var(--trade-border);
    border-radius: 1.1rem;
    background: rgba(12, 18, 32, .9);
    box-shadow: 0 18px 48px rgba(0,0,0,.22);
    backdrop-filter: blur(22px);
}

.trade-filter-heading { display: flex; align-items: center; gap: .85rem; }
.trade-filter-icon { display: grid; place-items: center; width: 2.65rem; height: 2.65rem; flex: 0 0 auto; border-radius: .85rem; color: #fdba74; background: rgba(249,115,22,.12); }
.trade-filter-slider-wrap { min-width: 240px; }
.trade-score-slider { margin: 0 .25rem !important; }
.trade-filter-scale { display: flex; justify-content: space-between; margin-top: -.3rem; color: #6f7d91; font-size: .64rem; font-weight: 700; }

.trade-filter-score {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 4.5rem;
    height: 4.5rem;
    border: 1px solid rgba(148, 163, 184, .14);
    border-radius: 1rem;
    background: rgba(255,255,255,.035);
}

.trade-filter-score span { font-size: 1.55rem; font-weight: 900; line-height: 1; }
.trade-filter-score small { margin-top: .3rem; color: #8491a5; font-size: .55rem; font-weight: 800; letter-spacing: .08em; }
.trade-filter-score.watch span { color: #7dd3fc; }
.trade-filter-score.elevated span { color: #facc15; }
.trade-filter-score.high span { color: #fb923c; }
.trade-filter-score.critical span { color: #f87171; }

.trade-feed-loading,
.trade-empty-state {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 360px;
    padding: 3rem;
    text-align: center;
    border: 1px dashed rgba(148,163,184,.16);
    border-radius: 1.35rem;
    background: rgba(15,23,42,.32);
}

.trade-empty-state > .mud-icon-root { margin-bottom: 1rem; color: #34d399; font-size: 3.5rem; }
.trade-radar-loader { position: relative; width: 76px; height: 76px; margin-bottom: 1.2rem; overflow: hidden; border: 1px solid rgba(251,146,60,.3); border-radius: 50%; background: radial-gradient(circle, rgba(251,146,60,.22) 0 2px, transparent 3px), repeating-radial-gradient(circle, transparent 0 15px, rgba(251,146,60,.1) 16px 17px); }
.trade-radar-loader span { position: absolute; inset: 50% 50% 0 0; transform-origin: 100% 0; background: linear-gradient(45deg, transparent 35%, rgba(251,146,60,.55)); animation: trade-radar 1.5s linear infinite; }
@keyframes trade-radar { to { transform: rotate(360deg); } }

.trade-feed-toolbar { display: flex; align-items: center; justify-content: space-between; padding: .4rem .2rem; }
.suspicious-trade-feed { display: grid; gap: 1.1rem; }

.suspicious-trade-card {
    --risk-color: #38bdf8;
    position: relative;
    overflow: hidden;
    border: 1px solid var(--trade-border);
    border-radius: 1.25rem;
    background: linear-gradient(145deg, rgba(18, 25, 42, .93), rgba(10, 15, 27, .95));
    box-shadow: 0 18px 50px rgba(0, 0, 0, .18);
    transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.suspicious-trade-card:hover { transform: translateY(-2px); border-color: color-mix(in srgb, var(--risk-color) 34%, transparent); box-shadow: 0 24px 60px rgba(0,0,0,.24); }
.suspicious-trade-card.severity-elevated { --risk-color: #facc15; }
.suspicious-trade-card.severity-high { --risk-color: #fb923c; }
.suspicious-trade-card.severity-critical { --risk-color: #f87171; }
.trade-card-accent { position: absolute; z-index: 1; top: 1px; bottom: 1px; left: 1px; width: 4px; border-radius: 1.18rem 0 0 1.18rem; background: linear-gradient(180deg, var(--risk-color) 0%, color-mix(in srgb, var(--risk-color) 42%, transparent) 58%, transparent 100%); box-shadow: 8px 0 20px color-mix(in srgb, var(--risk-color) 16%, transparent); }

.trade-card-header { display: flex; align-items: center; gap: 1rem; padding: 1.25rem 1.35rem 1rem 1.55rem; }
.trade-score-orbit { display: grid; place-items: center; width: 76px; height: 76px; flex: 0 0 auto; border-radius: 50%; background: conic-gradient(var(--risk-color) var(--trade-score), rgba(148,163,184,.10) 0); box-shadow: 0 0 30px color-mix(in srgb, var(--risk-color) 15%, transparent); }
.trade-score-orbit::before { content: ""; position: absolute; width: 64px; height: 64px; border-radius: 50%; background: #111827; box-shadow: inset 0 0 0 1px rgba(255,255,255,.04); }
.trade-score-core { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; }
.trade-score-core strong { color: #f8fafc; font-size: 1.45rem; line-height: 1; }
.trade-score-core span { margin-top: .18rem; color: #7f8da2; font-size: .52rem; font-weight: 850; letter-spacing: .12em; }
.trade-card-identity { min-width: 0; flex: 1; }
.trade-card-title-row { display: flex; align-items: center; flex-wrap: wrap; gap: .5rem; }
.trade-card-title-row .mud-typography { font-weight: 800; letter-spacing: -.025em; }

.trade-severity-badge,
.trade-type-badge { display: inline-flex; align-items: center; gap: .25rem; padding: .28rem .58rem; border: 1px solid rgba(148,163,184,.14); border-radius: 999px; color: #aeb9c9; background: rgba(255,255,255,.035); font-size: .65rem; font-weight: 800; text-transform: uppercase; letter-spacing: .04em; }
.trade-severity-badge.watch { color: #7dd3fc; border-color: rgba(56,189,248,.24); background: rgba(56,189,248,.08); }
.trade-severity-badge.elevated { color: #fde047; border-color: rgba(250,204,21,.24); background: rgba(250,204,21,.08); }
.trade-severity-badge.high { color: #fdba74; border-color: rgba(251,146,60,.25); background: rgba(251,146,60,.09); }
.trade-severity-badge.critical { color: #fca5a5; border-color: rgba(248,113,113,.28); background: rgba(239,68,68,.1); }
.trade-type-badge.danger { color: #fca5a5; }
.trade-type-badge .mud-icon-root { font-size: .9rem; }
.trade-card-meta { display: flex; flex-wrap: wrap; gap: .45rem 1rem; margin-top: .4rem; color: #738197; font-size: .72rem; }
.trade-card-meta span { display: inline-flex; align-items: center; gap: .28rem; }

.trade-location-strip { display: flex; align-items: center; flex-wrap: wrap; gap: .45rem 1.1rem; margin: 0 1.35rem .9rem 1.55rem; padding: .65rem .75rem; border: 1px solid rgba(148,163,184,.09); border-radius: .75rem; color: #9aa7ba; background: rgba(2,6,23,.24); font-size: .69rem; }
.trade-location-strip span, .trade-location-strip a { display: inline-flex; align-items: center; gap: .3rem; min-width: 0; }
.trade-location-strip .mud-icon-root { color: #7dd3fc; font-size: 1rem; }
.trade-location-strip a { margin-left: auto; color: #93c5fd; font-weight: 750; text-decoration: none; }
.trade-location-strip a:hover { color: #bfdbfe; text-decoration: underline; }

.trade-risk-reasons { display: flex; flex-wrap: wrap; gap: .45rem; padding: 0 1.35rem 1rem 1.55rem; }
.trade-risk-chip { display: inline-flex; align-items: center; gap: .38rem; padding: .38rem .58rem; border: 1px solid rgba(148,163,184,.12); border-radius: .65rem; color: #b8c2d2; background: rgba(255,255,255,.025); font-size: .7rem; }
.trade-risk-chip strong { padding-left: .15rem; color: #fb923c; }
.trade-risk-chip .mud-icon-root { color: #8492a7; font-size: 1rem; }
.trade-risk-chip.signal-claim, .trade-risk-chip.signal-wishlist { border-color: rgba(168,85,247,.18); background: rgba(168,85,247,.055); }
.trade-risk-chip.signal-rubies { border-color: rgba(236,72,153,.2); background: rgba(236,72,153,.06); }
.trade-risk-chip.signal-fresh-account { border-color: rgba(34,211,238,.18); background: rgba(34,211,238,.05); }

.trade-participants { display: grid; grid-template-columns: minmax(0, 1fr) 48px minmax(0, 1fr); align-items: stretch; padding: 0 1.35rem 1.2rem 1.55rem; }
.trade-user-panel { min-width: 0; padding: 1rem; border: 1px solid rgba(148,163,184,.1); border-radius: 1rem; background: rgba(3, 8, 20, .28); }
.trade-user-header { display: flex; align-items: center; gap: .7rem; }
.trade-user-avatar { display: grid; place-items: center; width: 42px; height: 42px; flex: 0 0 auto; overflow: hidden; border: 1px solid rgba(255,255,255,.1); border-radius: .8rem; color: #dbeafe; background: linear-gradient(135deg, rgba(59,130,246,.35), rgba(139,92,246,.25)); font-size: .72rem; font-weight: 900; }
.trade-user-avatar img { width: 100%; height: 100%; object-fit: cover; }
.trade-user-copy { min-width: 0; flex: 1; }
.trade-user-copy .mud-typography { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 750; }
.trade-user-name-row { display: flex; align-items: center; min-width: 0; gap: .4rem; }
.trade-user-name-row .mud-typography { min-width: 0; }
.trade-country-badge { display: grid; place-items: center; width: 1.55rem; height: 1.25rem; flex: 0 0 auto; border: 1px solid rgba(255,255,255,.1); border-radius: .35rem; background: rgba(255,255,255,.045); font-size: .9rem; line-height: 1; box-shadow: 0 3px 10px rgba(0,0,0,.16); }
.trade-user-id { overflow: hidden; margin-top: .15rem; color: #67758a; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: .66rem; text-overflow: ellipsis; }
.trade-user-banned { padding: .23rem .4rem; border-radius: .35rem; color: #fecaca; background: rgba(239,68,68,.15); font-size: .58rem; font-weight: 900; letter-spacing: .06em; }
.trade-user-facts { display: flex; flex-wrap: wrap; gap: .38rem .8rem; margin: .8rem 0; color: #8492a7; font-size: .68rem; }
.trade-user-facts span { display: inline-flex; align-items: center; gap: .25rem; }
.trade-user-facts .mud-icon-root { font-size: .92rem; }

.trade-flow-divider { display: flex; flex-direction: column; align-items: center; justify-content: center; color: #64748b; }
.trade-flow-divider span { width: 1px; flex: 1; background: linear-gradient(transparent, rgba(148,163,184,.2), transparent); }
.trade-flow-divider div { display: grid; place-items: center; width: 32px; height: 32px; margin: .4rem 0; border: 1px solid rgba(148,163,184,.13); border-radius: 50%; background: #111827; }
.trade-flow-divider .mud-icon-root { font-size: 1.05rem; }

.trade-asset-section { padding-top: .65rem; border-top: 1px solid rgba(148,163,184,.08); }
.trade-asset-heading { display: flex; align-items: center; justify-content: space-between; margin-bottom: .55rem; color: #748298; font-size: .61rem; font-weight: 850; letter-spacing: .08em; }
.trade-asset-heading strong { color: #9aa7ba; font-size: .62rem; letter-spacing: 0; }
.trade-asset-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .45rem; }
.trade-asset-card { display: flex; align-items: center; min-width: 0; min-height: 58px; overflow: hidden; border: 1px solid rgba(148,163,184,.09); border-radius: .7rem; background: rgba(255,255,255,.025); }
.trade-asset-card.servant { border-color: rgba(168,85,247,.14); background: linear-gradient(110deg, rgba(168,85,247,.07), rgba(255,255,255,.015)); }
.trade-asset-visual { display: grid; place-items: center; align-self: stretch; width: 58px; min-height: 58px; flex: 0 0 auto; overflow: hidden; color: #94a3b8; background: rgba(0,0,0,.18); }
.trade-asset-visual img { width: 100%; height: 100%; min-height: 58px; object-fit: cover; }
.trade-asset-card.item .trade-asset-visual img { width: 38px; height: 38px; min-height: 0; object-fit: contain; filter: drop-shadow(0 5px 8px rgba(0,0,0,.34)); }
.trade-asset-copy { min-width: 0; padding: .48rem .55rem; }
.trade-asset-copy > strong { display: block; overflow: hidden; color: #dce3ed; font-size: .73rem; text-overflow: ellipsis; white-space: nowrap; }
.trade-asset-tags { display: flex; flex-wrap: wrap; gap: .26rem; margin-top: .3rem; }
.trade-asset-tags span { padding: .15rem .3rem; border-radius: .3rem; color: #8492a7; background: rgba(148,163,184,.07); font-size: .57rem; font-weight: 750; }
.trade-asset-tags .wishlist-tier { color: #c4b5fd; background: rgba(139,92,246,.12); }
.trade-asset-tags .wishlist-tier.tier-4 { color: #f9a8d4; background: rgba(236,72,153,.13); }
.trade-asset-tags .claim-index { color: #fcd34d; background: rgba(245,158,11,.12); }
.trade-asset-tags .asset-amount { color: #bae6fd; background: rgba(14,165,233,.1); }
.trade-asset-tags .item-rarity { min-width: 1.45rem; text-align: center; color: #d6deea; }
.trade-asset-tags .rarity-a { color: #86efac; background: rgba(34,197,94,.11); }
.trade-asset-tags .rarity-s { color: #93c5fd; background: rgba(59,130,246,.12); }
.trade-asset-tags .rarity-ss { color: #c4b5fd; background: rgba(139,92,246,.13); }
.trade-asset-tags .rarity-sr { color: #f9a8d4; background: rgba(236,72,153,.13); }
.trade-asset-tags .rarity-ur { color: #fde68a; background: rgba(245,158,11,.14); box-shadow: inset 0 0 0 1px rgba(245,158,11,.12); }
.trade-no-assets { grid-column: 1 / -1; display: flex; align-items: center; justify-content: center; gap: .4rem; min-height: 58px; border: 1px dashed rgba(148,163,184,.1); border-radius: .7rem; color: #657389; font-size: .7rem; }
.trade-receives-summary { display: flex; align-items: center; gap: .35rem; margin-top: .65rem; color: #7c8a9f; font-size: .67rem; }
.trade-receives-summary .mud-icon-root { color: #34d399; }

.trade-card-footer { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .72rem 1.35rem .72rem 1.55rem; border-top: 1px solid rgba(148,163,184,.08); background: rgba(0,0,0,.11); }
.trade-footer-note { display: flex; align-items: center; gap: .35rem; color: #64748b; font-size: .65rem; }
.trade-analysis-panel { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .55rem; padding: 1rem 1.35rem 1.2rem 1.55rem; border-top: 1px solid rgba(148,163,184,.08); background: rgba(2,6,23,.26); }
.trade-analysis-row { display: flex; align-items: flex-start; gap: .7rem; padding: .65rem; border: 1px solid rgba(148,163,184,.08); border-radius: .7rem; }
.trade-analysis-icon { display: grid; place-items: center; width: 30px; height: 30px; flex: 0 0 auto; border-radius: .55rem; color: #fdba74; background: rgba(249,115,22,.1); }
.trade-analysis-icon .mud-icon-root { font-size: 1rem; }
.trade-analysis-points { margin-left: .3rem; color: #fb923c; font-size: .7rem; }

.trade-infinite-sentinel { display: flex; align-items: center; justify-content: center; gap: .6rem; min-height: 90px; color: #7a879b; font-size: .75rem; }
.trade-end-marker { display: inline-flex; align-items: center; gap: .4rem; }

@media (max-width: 1100px) {
    .trade-sentinel-hero { align-items: flex-start; flex-direction: column; }
    .trade-sentinel-hero-stats { width: 100%; }
    .trade-filter-dock { position: relative; top: auto; grid-template-columns: 1fr auto auto; }
    .trade-filter-heading, .trade-filter-slider-wrap { grid-column: 1 / -1; }
}

@media (max-width: 760px) {
    .trade-sentinel-hero { padding: 1.5rem; }
    .trade-sentinel-title { font-size: 2rem !important; }
    .trade-sentinel-hero-stats { grid-template-columns: 1fr; }
    .trade-sentinel-stat { min-width: 0; }
    .trade-filter-dock { grid-template-columns: 1fr auto; }
    .trade-filter-score { width: 4rem; height: 4rem; }
    .trade-card-header { align-items: flex-start; padding-left: 1.2rem; }
    .trade-score-orbit { width: 64px; height: 64px; }
    .trade-score-orbit::before { width: 54px; height: 54px; }
    .trade-risk-reasons { padding-left: 1.2rem; }
    .trade-location-strip { margin-left: 1.2rem; }
    .trade-location-strip a { width: 100%; margin-left: 0; }
    .trade-participants { grid-template-columns: 1fr; gap: .65rem; padding-left: 1.2rem; }
    .trade-flow-divider { flex-direction: row; }
    .trade-flow-divider span { width: auto; height: 1px; background: linear-gradient(90deg, transparent, rgba(148,163,184,.2), transparent); }
    .trade-analysis-panel { grid-template-columns: 1fr; padding-left: 1.2rem; }
    .trade-card-footer { align-items: flex-start; flex-direction: column; padding-left: 1.2rem; }
}

@media (max-width: 480px) {
    .trade-asset-grid { grid-template-columns: 1fr; }
    .trade-card-meta span:nth-child(n+2) { display: none; }
}