:root {
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: #17233a;
  background: #eef0f3;
  font-synthesis: none;
  --accent: #f30446;
  --accent-soft: #fff0f4;
  --border: #e8ebef;
  --muted: #87909e;
}

* { box-sizing: border-box; }

body {
  margin: 0;
  min-width: 320px;
  min-height: 100vh;
  background: #eef0f3;
}

button, a { font: inherit; }
button { color: inherit; }

.app-shell {
  display: grid;
  grid-template-columns: 244px minmax(0, 1fr);
  width: 100%;
  min-width: 0;
  min-height: 100vh;
  overflow-x: hidden;
}

.sidebar {
  position: sticky;
  top: 0;
  display: flex;
  flex-direction: column;
  height: 100vh;
  min-width: 0;
  padding: 26px 16px 18px;
  border-right: 1px solid #dfe3e8;
  background: #f3f4f6;
}

.brand {
  display: inline-flex;
  align-items: center;
  gap: 11px;
  width: max-content;
  margin: 0 10px 44px;
  color: #17233a;
  font-size: 15px;
  font-weight: 800;
  letter-spacing: .16em;
  text-decoration: none;
}

.brand-mark {
  display: flex;
  align-items: end;
  gap: 3px;
  height: 22px;
}

.brand-mark i {
  display: block;
  width: 4px;
  border-radius: 4px;
  background: var(--accent);
}
.brand-mark i:nth-child(1) { height: 11px; opacity: .45; }
.brand-mark i:nth-child(2) { height: 22px; }
.brand-mark i:nth-child(3) { height: 16px; opacity: .7; }

.sidebar-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 10px 12px;
  color: #8b93a0;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.league-count {
  display: grid;
  width: 22px;
  height: 22px;
  place-items: center;
  border-radius: 7px;
  background: #e5e8ec;
  color: #677181;
  font-size: 11px;
}

.league-list {
  display: grid;
  gap: 6px;
}

.league-button {
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr) 14px;
  align-items: center;
  gap: 10px;
  width: 100%;
  min-height: 58px;
  padding: 8px 10px;
  border: 0;
  border-radius: 12px;
  background: transparent;
  text-align: left;
  cursor: pointer;
  transition: background .18s ease, box-shadow .18s ease, transform .18s ease;
}

.league-button:hover {
  background: #fff;
  transform: translateX(2px);
}

.league-button.is-active {
  background: #fff;
  box-shadow: 0 7px 22px rgba(28, 38, 54, .08);
}

.league-button.is-active::before {
  position: absolute;
  left: 0;
  width: 3px;
  height: 28px;
  border-radius: 0 4px 4px 0;
  background: var(--accent);
  content: "";
}

.flag {
  position: relative;
  display: block;
  width: 22px;
  height: 15px;
  overflow: hidden;
  border-radius: 2px;
  box-shadow: 0 0 0 1px rgba(0,0,0,.06);
}

.flag-england { background: linear-gradient(transparent 38%, #df1535 38% 62%, transparent 62%), linear-gradient(90deg, transparent 38%, #df1535 38% 62%, transparent 62%), #fff; }
.flag-germany { background: linear-gradient(#171717 0 33.33%, #d3182d 33.33% 66.66%, #f0c92e 66.66%); }
.flag-spain { background: linear-gradient(#e21b2d 0 27%, #f8cb3b 27% 73%, #e21b2d 73%); }
.flag-italy { background: linear-gradient(90deg, #15985f 0 33.33%, #fff 33.33% 66.66%, #e33443 66.66%); }
.flag-france { background: linear-gradient(90deg, #1b43a3 0 33.33%, #fff 33.33% 66.66%, #ed2939 66.66%); }
.flag-portugal { background: linear-gradient(90deg, #087a45 0 40%, #d62032 40%); }

.league-label { display: grid; gap: 3px; min-width: 0; }
.league-label strong { overflow: hidden; font-size: 13px; font-weight: 650; text-overflow: ellipsis; white-space: nowrap; }
.league-label small { color: #9299a5; font-size: 10px; }
.chevron { color: #bec3cb; font-size: 20px; line-height: 1; }
.league-button.is-active .chevron { color: var(--accent); }

.sidebar-footer {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: auto 10px 0;
  color: #9ba2ad;
  font-size: 10px;
}

.live-dot { width: 7px; height: 7px; border-radius: 50%; background: #38c77a; box-shadow: 0 0 0 4px rgba(56,199,122,.12); }

.workspace {
  display: grid;
  grid-template-columns: minmax(560px, 820px) 300px;
  align-items: start;
  justify-content: center;
  gap: 24px;
  min-width: 0;
  padding: 38px clamp(22px, 3vw, 48px) 70px;
}

.content {
  min-width: 0;
}

.page-header {
  display: flex;
  align-items: start;
  justify-content: space-between;
  margin: 0 0 28px;
}

.eyebrow { margin: 0 0 8px; color: var(--accent); font-size: 11px; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
h1 { margin: 0; color: #121c2e; font-size: clamp(28px, 4vw, 42px); letter-spacing: -.04em; line-height: 1.05; }
.league-meta { margin: 9px 0 0; color: #9299a5; font-size: 13px; }

.match-card {
  width: 100%;
  border-radius: 16px;
}

.agents-panel {
  position: sticky;
  top: 24px;
  min-height: 360px;
  overflow: hidden;
  border: 1px solid rgba(24, 36, 58, .05);
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 12px 34px rgba(28, 38, 54, .07);
}

.agents-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 20px;
  border-bottom: 1px solid var(--border);
}

.agents-header .eyebrow { margin-bottom: 5px; }
.agents-header h2 { margin: 0; color: #152139; font-size: 23px; letter-spacing: -.035em; }
.agents-header-actions { display: flex; align-items: center; gap: 7px; }

.ai-chat-open {
  display: grid;
  min-width: 34px;
  height: 28px;
  place-items: center;
  border: 1px solid #cfe4e8;
  border-radius: 8px;
  background: #edf8fa;
  color: #0d6170;
  font-size: 8px;
  font-weight: 900;
  letter-spacing: .05em;
  cursor: pointer;
}
.ai-chat-open:hover { border-color: #8fc4ce; background: #def2f5; }

.notification-toggle {
  position: relative;
  display: grid;
  width: 28px;
  height: 28px;
  place-items: center;
  border: 1px solid #e1e5eb;
  border-radius: 8px;
  background: #fff;
  color: #778395;
  font-size: 17px;
  cursor: pointer;
}
.notification-toggle:hover, .notification-toggle.is-enabled { border-color: #f1afc1; background: #fff2f6; color: var(--accent); }
.notification-toggle.is-blocked { color: #b64d5b; }
.notification-toggle i { position: absolute; top: -5px; right: -5px; display: grid; min-width: 16px; height: 16px; padding: 0 4px; place-items: center; border: 2px solid #fff; border-radius: 10px; background: var(--accent); color: #fff; font-size: 7px; font-style: normal; font-weight: 900; }

.agents-count {
  display: grid;
  width: 28px;
  height: 28px;
  place-items: center;
  border-radius: 8px;
  background: #eef0f3;
  color: #707a89;
  font-size: 11px;
  font-weight: 800;
}

.ai-chat-launcher {
  position: fixed;
  z-index: 60;
  right: 24px;
  bottom: 24px;
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 46px;
  padding: 0 16px 0 11px;
  border: 0;
  border-radius: 15px;
  background: #0d3440;
  box-shadow: 0 12px 28px rgba(13, 52, 64, .25);
  color: #fff;
  font-size: 10px;
  font-weight: 800;
  cursor: pointer;
}
.ai-chat-launcher i { display: grid; width: 27px; height: 27px; place-items: center; border-radius: 9px; background: rgba(255,255,255,.12); color: #65d5c0; font-style: normal; font-size: 15px; }
.ai-chat-launcher:hover { background: #104553; transform: translateY(-1px); }
.ai-chat-launcher.is-hidden { display: none; }

.ai-chat-drawer[hidden] { display: none; }
.ai-chat-drawer {
  position: fixed;
  z-index: 90;
  right: 24px;
  bottom: 24px;
  display: grid;
  grid-template-rows: auto auto minmax(160px, 1fr) auto auto auto;
  width: min(380px, calc(100vw - 32px));
  height: min(650px, calc(100vh - 48px));
  overflow: hidden;
  border: 1px solid #dce4e8;
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 24px 70px rgba(15, 33, 48, .24);
}
.ai-chat-header { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 17px 18px; background: #0d3440; color: #fff; }
.ai-chat-header small { color: #77d7c5; font-size: 7px; font-weight: 900; letter-spacing: .13em; }
.ai-chat-header h2 { margin: 3px 0 0; font-size: 19px; letter-spacing: -.02em; }
.ai-chat-header button { display: grid; width: 36px; height: 36px; place-items: center; border: 0; border-radius: 11px; background: rgba(255,255,255,.1); color: #fff; font-size: 22px; cursor: pointer; }
.ai-chat-context { display: grid; gap: 4px; padding: 10px 18px; border-bottom: 1px solid #e8edef; background: #f7fafb; }
.ai-chat-context span { display: flex; align-items: center; gap: 6px; color: #344a54; font-size: 9px; }
.ai-chat-context span i { width: 7px; height: 7px; border-radius: 50%; background: #d9a33e; box-shadow: 0 0 0 3px rgba(217,163,62,.12); }
.ai-chat-context.is-ready span i { background: #2fad72; box-shadow: 0 0 0 3px rgba(47,173,114,.12); }
.ai-chat-context.is-off span i { background: #d55b70; box-shadow: 0 0 0 3px rgba(213,91,112,.12); }
.ai-chat-context small { overflow: hidden; color: #86929c; font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
.ai-chat-messages { display: flex; flex-direction: column; gap: 9px; overflow-y: auto; padding: 16px 18px; background: #fbfcfd; }
.ai-chat-message { max-width: 88%; padding: 10px 12px; border-radius: 13px 13px 13px 4px; background: #fff; box-shadow: 0 3px 12px rgba(29,46,60,.06); color: #45545f; font-size: 10px; line-height: 1.5; white-space: pre-wrap; }
.ai-chat-message.is-user { align-self: flex-end; border-radius: 13px 13px 4px 13px; background: #0d6170; color: #fff; }
.ai-chat-message.is-system { max-width: 100%; border: 1px dashed #dce4e8; background: #f8fafb; box-shadow: none; color: #77858f; text-align: center; }
.ai-chat-message.is-error { border: 1px solid #f0d3da; background: #fff7f9; color: #a74358; }
.ai-chat-thinking { display: inline-flex; align-items: center; gap: 4px; }
.ai-chat-thinking i { width: 5px; height: 5px; border-radius: 50%; background: #75a3ad; animation: ai-chat-pulse 1s infinite alternate; }
.ai-chat-thinking i:nth-child(2) { animation-delay: .2s; }
.ai-chat-thinking i:nth-child(3) { animation-delay: .4s; }
@keyframes ai-chat-pulse { to { opacity: .2; transform: translateY(-2px); } }
.ai-chat-suggestions { display: flex; gap: 6px; overflow-x: auto; padding: 0 18px 10px; background: #fbfcfd; scrollbar-width: none; }
.ai-chat-suggestions::-webkit-scrollbar { display: none; }
.ai-chat-suggestions button { flex: 0 0 auto; min-height: 30px; padding: 0 9px; border: 1px solid #dbe5e8; border-radius: 10px; background: #fff; color: #3e6570; font-size: 8px; font-weight: 750; cursor: pointer; }
.ai-chat-suggestions button:disabled { cursor: not-allowed; opacity: .45; }
.ai-chat-form { display: grid; gap: 6px; padding: 12px 14px; border-top: 1px solid #e6ebee; background: #fff; }
.ai-chat-form label { color: #82909a; font-size: 7px; font-weight: 850; letter-spacing: .04em; text-transform: uppercase; }
.ai-chat-form > div { display: grid; grid-template-columns: minmax(0, 1fr) 42px; gap: 8px; align-items: end; }
.ai-chat-form textarea { width: 100%; min-height: 44px; max-height: 100px; resize: vertical; padding: 9px 10px; border: 1px solid #dce3e7; border-radius: 11px; outline: 0; color: #2e3d48; font: inherit; font-size: 10px; line-height: 1.4; }
.ai-chat-form textarea:focus { border-color: #73aeb9; box-shadow: 0 0 0 3px rgba(115,174,185,.12); }
.ai-chat-form textarea:disabled { background: #f1f3f5; color: #9aa2aa; }
.ai-chat-form button { display: grid; width: 42px; height: 42px; place-items: center; border: 0; border-radius: 12px; background: var(--accent); color: #fff; font-size: 18px; cursor: pointer; }
.ai-chat-form button:disabled { cursor: not-allowed; opacity: .45; }
.ai-chat-note { margin: 0; padding: 0 16px 12px; background: #fff; color: #9aa3aa; font-size: 7px; line-height: 1.4; }

.line-alert-monitor { display: flex; align-items: center; gap: 7px; min-height: 30px; padding: 7px 20px; border-bottom: 1px solid var(--border); background: #fafbfc; color: #7d8796; font-size: 8px; font-weight: 650; }
.line-alert-monitor i { width: 6px; height: 6px; flex: 0 0 auto; border-radius: 50%; background: #efb44b; box-shadow: 0 0 0 3px rgba(239,180,75,.13); }
.line-alert-monitor.is-watching i { background: #38c77a; box-shadow: 0 0 0 3px rgba(56,199,122,.13); }
.line-alert-monitor.has-alerts { background: #fff4f7; color: #a62b50; }
.line-alert-monitor.has-alerts i { background: var(--accent); box-shadow: 0 0 0 3px rgba(243,4,70,.12); }
.line-alert-monitor.is-stale i { background: #a5adba; box-shadow: 0 0 0 3px rgba(165,173,186,.13); }
.provider-health { display: flex; align-items: center; flex-wrap: wrap; gap: 5px; min-height: 32px; padding: 6px 20px; border-bottom: 1px solid var(--border); background: #fff; }
.provider-health-label { margin-right: 2px; color: #8a94a3; font-size: 7px; font-weight: 850; letter-spacing: .06em; text-transform: uppercase; }
.provider-health-loading, .provider-health-error { color: #8a94a3; font-size: 8px; }
.provider-health-chip { display: inline-flex; align-items: center; gap: 4px; padding: 4px 6px; border: 1px solid #e5e8ed; border-radius: 9px; color: #657286; font-size: 7px; }
.provider-health-chip i { width: 5px; height: 5px; border-radius: 50%; background: #e1a842; }
.provider-health-chip.is-available { border-color: #d6ecdf; background: #f4fbf7; color: #347257; }
.provider-health-chip.is-available i { background: #35b974; }
.provider-health-chip.is-degraded, .provider-health-chip.is-circuit-open { border-color: #f0d6db; background: #fff7f8; color: #a74658; }
.provider-health-chip.is-degraded i, .provider-health-chip.is-circuit-open i { background: #d85c70; }
.provider-health-chip.is-not-configured i { background: #a5adba; }
.provider-coordination { display: inline-flex; align-items: center; margin-left: auto; padding: 4px 6px; border-radius: 8px; background: #f0f2f5; color: #687487; font-size: 6px; font-weight: 850; white-space: nowrap; }
.provider-coordination.is-healthy { background: #eaf8f0; color: #267351; }
.provider-coordination.is-degraded { background: #fff3dc; color: #966313; }

.value-alert-stack { position: fixed; top: 18px; right: 18px; z-index: 100; display: grid; width: min(360px, calc(100vw - 36px)); gap: 10px; pointer-events: none; }
.value-alert-toast { position: relative; pointer-events: auto; overflow: hidden; border: 1px solid #ead8de; border-left: 4px solid var(--accent); border-radius: 12px; background: #fff; box-shadow: 0 16px 44px rgba(28,38,54,.18); animation: value-alert-in .2s ease-out; }
.value-alert-toast.is-medium { border-left-color: #ee9a2c; }
.value-alert-toast.is-low { border-left-color: #6b8daf; }
.value-alert-toast button { display: grid; width: 100%; gap: 4px; padding: 13px 34px 13px 14px; border: 0; background: transparent; text-align: left; cursor: pointer; }
.value-alert-toast button small { color: var(--accent); font-size: 8px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.value-alert-toast button strong { color: #1b2b43; font-size: 12px; }
.value-alert-toast button span { color: #667488; font-size: 10px; line-height: 1.45; }
.value-alert-toast .value-alert-close { position: absolute; top: 7px; right: 7px; width: 24px; height: 24px; padding: 0; border: 0; background: transparent; color: #929aa7; font-size: 17px; cursor: pointer; }
@keyframes value-alert-in { from { opacity: 0; transform: translateY(-8px); } to { opacity: 1; transform: translateY(0); } }

.agents-empty {
  display: flex;
  min-height: 270px;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 28px;
  color: #8c94a0;
  text-align: center;
}

.agents-empty-icon {
  display: grid;
  width: 48px;
  height: 48px;
  margin-bottom: 15px;
  place-items: center;
  border-radius: 14px;
  background: var(--accent-soft);
  color: var(--accent);
  font-size: 28px;
}

.agents-empty strong { color: #344054; font-size: 13px; }
.agents-empty p { max-width: 210px; margin: 8px 0 0; font-size: 11px; line-height: 1.55; }

.agent-ready-badge {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin-bottom: 20px;
  padding: 6px 9px;
  border-radius: 999px;
  background: #f0faf5;
  color: #28865a;
  font-size: 9px;
  font-weight: 800;
}

.agent-ready-badge i { width: 6px; height: 6px; border-radius: 50%; background: #39bd7b; }
.agent-ready-badge.is-off { background: #f1f2f4; color: #7b8490; }
.agent-ready-badge.is-off i { background: #9ca3ad; }
.agent-content { min-height: 270px; }

.agent-loading {
  display: grid;
  min-height: 270px;
  place-items: center;
  padding: 30px;
  color: #727c8b;
  font-size: 12px;
  text-align: center;
}

.agent-loading small { display: block; margin-top: 8px; color: #a0a7b2; font-size: 9px; }

.agent-spinner {
  width: 28px;
  height: 28px;
  margin: 0 auto 12px;
  border: 3px solid #f1d5dd;
  border-top-color: var(--accent);
  border-radius: 50%;
  animation: spin .8s linear infinite;
}

@keyframes spin { to { transform: rotate(360deg); } }

.agent-report { padding: 18px; }
.agent-label { margin: 0 0 6px; color: var(--accent); font-size: 9px; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }
.agent-match { padding-bottom: 16px; border-bottom: 1px solid var(--border); }
.agent-match strong { display: block; color: #1d2939; font-size: 14px; line-height: 1.45; }
.agent-match span { display: block; margin-top: 5px; color: #89919d; font-size: 10px; }

.agent-meta-chips { display: flex; flex-wrap: wrap; gap: 6px; margin: 13px 0 0; }
.agent-chip { padding: 5px 7px; border-radius: 999px; background: #f1f3f5; color: #677181; font-size: 8px; font-weight: 750; }
.agent-chip.is-primary { background: #e9f5f7; color: #116072; }
.agent-chip.is-good { background: #edf8f2; color: #287a53; }
.agent-chip.is-warn { background: #fff5e7; color: #9a6515; }

.agent-recommendation { display: grid; gap: 4px; margin-top: 14px; padding: 12px 13px; border-radius: 11px; }
.agent-recommendation span { font-size: 8px; font-weight: 850; letter-spacing: .06em; text-transform: uppercase; }
.agent-recommendation strong { font-size: 14px; line-height: 1.3; }
.agent-recommendation small { font-size: 8px; line-height: 1.4; }
.agent-recommendation.is-waiting { border: 1px dashed #d7dce2; background: #f8f9fa; color: #7d8794; }
.agent-recommendation.is-ready { border: 1px solid #bce5cf; background: #edf9f3; color: #247651; }

.agent-signal { margin: 16px 0; padding: 13px; border-radius: 10px; background: var(--accent-soft); }
.agent-signal small { display: block; margin-bottom: 5px; color: #9a5367; font-size: 9px; font-weight: 800; text-transform: uppercase; }
.agent-signal strong { color: #a90032; font-size: 14px; line-height: 1.35; }

.probabilities { display: grid; gap: 9px; margin: 16px 0; }
.probability-head { display: flex; justify-content: space-between; color: #586474; font-size: 10px; }
.probability-head strong { display: flex; align-items: baseline; gap: 6px; color: #253247; }
.probability-head strong small { color: #8b95a3; font-size: 8px; font-weight: 650; }
.probability-track { height: 5px; overflow: hidden; border-radius: 999px; background: #edf0f3; }
.probability-fill { display: block; height: 100%; border-radius: inherit; background: #7d8999; }
.probability-row.is-best .probability-fill { background: var(--accent); }

.agent-metrics { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 15px; }
.agent-metrics div { padding: 10px; border: 1px solid var(--border); border-radius: 10px; background: #fafbfc; }
.agent-metrics span { display: block; min-height: 22px; color: #7d8795; font-size: 8px; line-height: 1.35; }
.agent-metrics strong { display: block; margin-top: 5px; color: #27364b; font-size: 16px; }

.agent-confidence { display: grid; grid-template-columns: 1fr auto; gap: 3px 8px; margin-top: 14px; padding: 11px; border-radius: 10px; background: #f6f7f9; }
.agent-confidence span { color: #707b89; font-size: 9px; font-weight: 750; }
.agent-confidence strong { font-size: 10px; }
.agent-confidence small { grid-column: 1 / -1; color: #8b939f; font-size: 8px; line-height: 1.4; }
.agent-confidence.is-good strong { color: #248058; }
.agent-confidence.is-medium strong { color: #9b6a19; }
.agent-confidence.is-low strong { color: #b24949; }
.agent-ev-audit { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 14px; padding: 11px; border: 1px solid var(--border); border-radius: 10px; background: #fafbfc; }
.agent-ev-audit div { min-width: 0; }
.agent-ev-audit span { display: block; color: #7d8795; font-size: 8px; line-height: 1.35; }
.agent-ev-audit strong { display: block; margin-top: 4px; overflow-wrap: anywhere; color: #27364b; font-size: 12px; }
.agent-ev-audit p { grid-column: 1 / -1; margin: 2px 0 0; color: #8b5c2c; font-size: 8px; line-height: 1.45; }
.agent-ev-audit.is-ready { border-color: #bce5cf; background: #edf9f3; }
.agent-ev-audit.is-ready p { color: #247651; }
.agent-simulation { margin-top: 14px; padding: 11px; border: 1px solid #d8e6ee; border-radius: 10px; background: #f5fafc; }
.agent-simulation-title { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.agent-simulation-title span { color: #557080; font-size: 8px; font-weight: 850; letter-spacing: .05em; text-transform: uppercase; }
.agent-simulation-title strong { color: #153f50; font-size: 9px; }
.agent-simulation-scores { display: grid; grid-template-columns: repeat(3, 1fr); gap: 7px; margin-top: 9px; }
.agent-simulation-scores div { padding: 8px; border-radius: 8px; background: #fff; text-align: center; }
.agent-simulation-scores strong { display: block; color: #102d3a; font-size: 13px; }
.agent-simulation-scores span { display: block; margin-top: 2px; color: #778691; font-size: 8px; }
.agent-simulation p { margin: 8px 0 0; color: #6f808b; font-size: 8px; line-height: 1.45; }
.agent-simulation-details { margin-top: 9px; border-top: 1px solid #d8e6ee; padding-top: 8px; }
.agent-simulation-details summary { color: #31596a; cursor: pointer; font-size: 8px; font-weight: 800; }
.agent-simulation-details summary:focus-visible { border-radius: 3px; outline: 1px solid #6e9bac; outline-offset: 2px; }
.agent-simulation-timeline { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; margin-top: 8px; }
.agent-simulation-timeline div { padding: 7px 4px; border-radius: 7px; background: #fff; text-align: center; }
.agent-simulation-timeline span, .agent-simulation-timeline small { display: block; color: #778691; font-size: 7px; line-height: 1.25; }
.agent-simulation-timeline strong { display: block; margin: 2px 0; color: #153f50; font-size: 11px; }
.agent-simulation-result { display: grid; grid-template-columns: repeat(2, 1fr); gap: 6px; margin-top: 9px; padding: 8px; border: 1px solid #bfe1d4; border-radius: 8px; background: #f3faf7; }
.agent-simulation-result div { padding: 6px; border-radius: 7px; background: #fff; }
.agent-simulation-result span { display: block; color: #6c867d; font-size: 7px; line-height: 1.3; }
.agent-simulation-result strong { display: block; margin-top: 3px; color: #236447; font-size: 11px; }
.agent-simulation-result p { grid-column: 1 / -1; margin: 2px 0 0; color: #527064; }
.agent-live-pilot { margin-top: 14px; padding: 11px; border: 1px solid #d8e2eb; border-radius: 10px; background: #f7f9fb; }
.agent-live-pilot.is-live { border-color: #ffc1d1; background: #fff6f8; box-shadow: inset 3px 0 0 var(--accent); }
.agent-live-pilot.is-finished { border-color: #cfe0d8; background: #f5faf7; }
.agent-live-title { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.agent-live-title span { color: #647482; font-size: 8px; font-weight: 850; letter-spacing: .05em; text-transform: uppercase; }
.agent-live-title strong { color: #142f3e; font-size: 10px; }
.agent-live-probabilities { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; margin-top: 9px; }
.agent-live-probabilities div { padding: 7px; border-radius: 7px; background: #fff; text-align: center; }
.agent-live-probabilities span, .agent-live-probabilities strong { display: block; }
.agent-live-probabilities span { color: #7b8791; font-size: 7px; }
.agent-live-probabilities strong { margin-top: 2px; color: #153f50; font-size: 11px; }
.agent-live-evidence { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 7px; }
.agent-live-evidence span { padding: 4px 6px; border-radius: 999px; background: #fff; color: #536775; font-size: 7px; font-weight: 750; }
.agent-live-pilot p { margin: 8px 0 0; color: #687986; font-size: 8px; line-height: 1.45; }
.agent-live-pilot > small { display: block; margin-top: 7px; color: #87939c; font-size: 7px; line-height: 1.4; }
.agent-live-details { margin-top: 8px; padding-top: 7px; border-top: 1px solid rgba(20, 47, 62, .1); }
.agent-live-details summary { color: #31596a; cursor: pointer; font-size: 8px; font-weight: 800; }
.agent-live-teams { display: grid; grid-template-columns: repeat(2, 1fr); gap: 6px; margin-top: 7px; }
.agent-live-teams div { display: grid; gap: 3px; padding: 7px; border-radius: 7px; background: #fff; }
.agent-live-teams strong { color: #153f50; font-size: 8px; }
.agent-live-teams span { color: #667985; font-size: 7px; }
.agent-live-players { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 6px; }
.agent-live-players span { padding: 4px 6px; border-radius: 999px; background: #fff; color: #667985; font-size: 7px; }
.agent-live-players strong { color: #153f50; }
.agent-small-markets { margin-top: 14px; padding: 11px; border: 1px solid #e5dced; border-radius: 10px; background: #fbf8fd; }
.agent-small-title { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.agent-small-title span { color: #76558b; font-size: 8px; font-weight: 850; letter-spacing: .05em; text-transform: uppercase; }
.agent-small-title strong { color: #5c3e70; font-size: 9px; }
.agent-small-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 7px; margin-top: 9px; }
.agent-small-grid div { padding: 8px 5px; border-radius: 8px; background: #fff; text-align: center; }
.agent-small-grid span { display: block; min-height: 20px; color: #877694; font-size: 7px; line-height: 1.3; }
.agent-small-grid strong { display: block; color: #4c335d; font-size: 13px; }
.agent-small-markets p { margin: 8px 0 0; color: #7d6d86; font-size: 8px; line-height: 1.45; }
.agent-arbitrage-value { margin-top: 14px; padding: 11px; border: 1px solid #d9e5c9; border-radius: 10px; background: #f7fbf1; }
.agent-arbitrage-title { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.agent-arbitrage-title span { color: #51702e; font-size: 8px; font-weight: 850; letter-spacing: .05em; text-transform: uppercase; }
.agent-arbitrage-title strong { color: #3f5d22; font-size: 9px; }
.agent-arbitrage-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 7px; margin-top: 9px; }
.agent-arbitrage-grid div { padding: 8px 5px; border-radius: 8px; background: #fff; text-align: center; }
.agent-arbitrage-grid span { display: block; min-height: 20px; color: #778863; font-size: 7px; line-height: 1.3; }
.agent-arbitrage-grid strong { display: block; color: #39551e; font-size: 13px; }
.agent-arbitrage-value p { margin: 8px 0 0; color: #687b54; font-size: 8px; line-height: 1.45; }
.agent-market-identity { margin-top: 14px; padding: 11px; border: 1px solid #d4d9e8; border-radius: 10px; background: #f7f8fc; }
.agent-market-identity-title { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.agent-market-identity-title span { color: #465b87; font-size: 8px; font-weight: 850; letter-spacing: .05em; text-transform: uppercase; }
.agent-market-identity-title strong { color: #5e6f98; font-size: 9px; }
.agent-market-identity-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 7px; margin-top: 9px; }
.agent-market-identity-grid div { padding: 8px 5px; border-radius: 8px; background: #fff; text-align: center; }
.agent-market-identity-grid span { display: block; min-height: 20px; color: #7a849c; font-size: 7px; line-height: 1.3; }
.agent-market-identity-grid strong { display: block; color: #3e5079; font-size: 12px; }
.agent-market-identity p { margin: 8px 0 0; color: #68748e; font-size: 8px; line-height: 1.45; }
.agent-arbitrage-execution { margin-top: 14px; padding: 11px; border: 1px solid #ead6bd; border-radius: 10px; background: #fff9f1; }
.agent-arbitrage-execution.is-ready { border-color: #b8dcc8; background: #f2faf5; }
.agent-arbitrage-execution-title { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.agent-arbitrage-execution-title span { color: #8a5b24; font-size: 8px; font-weight: 850; letter-spacing: .05em; text-transform: uppercase; }
.agent-arbitrage-execution-title strong { color: #a0631f; font-size: 9px; text-align: right; }
.agent-arbitrage-execution-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 7px; margin-top: 9px; }
.agent-arbitrage-execution-grid div { padding: 8px 5px; border-radius: 8px; background: #fff; text-align: center; }
.agent-arbitrage-execution-grid span { display: block; min-height: 20px; color: #9a7a55; font-size: 7px; line-height: 1.3; }
.agent-arbitrage-execution-grid strong { display: block; color: #704919; font-size: 10px; }
.agent-arbitrage-execution p { margin: 8px 0 0; color: #806543; font-size: 8px; line-height: 1.45; }
.agent-odds-history { margin-top: 14px; padding: 11px; border: 1px solid #dce3eb; border-radius: 10px; background: #f8fafc; }
.agent-odds-history-title { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.agent-odds-history-title span { color: #536579; font-size: 8px; font-weight: 850; letter-spacing: .05em; text-transform: uppercase; }
.agent-odds-history-title strong { color: #30445a; font-size: 9px; }
.agent-odds-checkpoints { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; margin-top: 9px; }
.agent-odds-checkpoints div { display: grid; grid-template-columns: 6px 1fr; gap: 2px 5px; align-items: center; padding: 7px; border-radius: 8px; background: #fff; }
.agent-odds-checkpoints i { grid-row: 1 / 3; width: 6px; height: 6px; border-radius: 50%; background: #c6cdd6; }
.agent-odds-checkpoints .is-captured i { background: #35a66c; }
.agent-odds-checkpoints .is-missed i { background: #dd6b6b; }
.agent-odds-checkpoints .is-missed span { color: #b05e5e; }
.agent-odds-checkpoints strong { color: #3c4e62; font-size: 8px; }
.agent-odds-checkpoints span { color: #919ba7; font-size: 7px; }
.agent-odds-history p { margin: 8px 0 0; color: #778493; font-size: 8px; line-height: 1.45; }
.agent-closing-line { margin-top: 14px; padding: 11px; border: 1px solid #e5ddca; border-radius: 10px; background: #fcfaf5; }
.agent-closing-line.is-ready { border-color: #bee2ce; background: #f2faf6; }
.agent-closing-title { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.agent-closing-title span { color: #806b3f; font-size: 8px; font-weight: 850; letter-spacing: .05em; text-transform: uppercase; }
.agent-closing-title strong { color: #795e28; font-size: 9px; }
.agent-closing-line.is-ready .agent-closing-title strong { color: #26754f; }
.agent-closing-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 7px; margin-top: 9px; }
.agent-closing-grid div { padding: 8px 5px; border-radius: 8px; background: #fff; text-align: center; }
.agent-closing-grid span { display: block; min-height: 20px; color: #8c8068; font-size: 7px; line-height: 1.3; }
.agent-closing-grid strong { display: block; color: #604f2d; font-size: 13px; }
.agent-closing-line p { margin: 8px 0 0; color: #82765f; font-size: 8px; line-height: 1.45; }
.agent-line-movement { margin-top: 14px; padding: 11px; border: 1px solid #d7d6ea; border-radius: 10px; background: #f8f7fc; }
.agent-line-movement.is-ready { border-color: #bfe0d0; background: #f2faf6; }
.agent-line-movement-title { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.agent-line-movement-title span { color: #5e5b87; font-size: 8px; font-weight: 850; letter-spacing: .05em; text-transform: uppercase; }
.agent-line-movement-title strong { color: #706c99; font-size: 9px; }
.agent-line-movement.is-ready .agent-line-movement-title strong { color: #26754f; }
.agent-line-movement-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 7px; margin-top: 9px; }
.agent-line-movement-grid div { padding: 8px 5px; border-radius: 8px; background: #fff; text-align: center; }
.agent-line-movement-grid span { display: block; min-height: 20px; color: #8581a1; font-size: 7px; line-height: 1.3; }
.agent-line-movement-grid strong { display: block; color: #504c78; font-size: 13px; }
.agent-line-movement p { margin: 8px 0 0; color: #77738f; font-size: 8px; line-height: 1.45; }
.agent-referee, .agent-lineup-impact { margin-top: 14px; padding: 11px; border: 1px solid #ead8d2; border-radius: 10px; background: #fdf8f6; }
.agent-referee.is-ready, .agent-lineup-impact.is-ready { border-color: #bfe0d0; background: #f2faf6; }
.agent-referee-title, .agent-lineup-impact-title { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.agent-referee-title span, .agent-lineup-impact-title span { color: #865d52; font-size: 8px; font-weight: 850; letter-spacing: .05em; text-transform: uppercase; }
.agent-referee-title strong, .agent-lineup-impact-title strong { color: #98685b; font-size: 9px; text-align: right; }
.agent-referee-grid, .agent-lineup-impact-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 7px; margin-top: 9px; }
.agent-referee-grid div, .agent-lineup-impact-grid div { padding: 8px 5px; border-radius: 8px; background: #fff; text-align: center; }
.agent-referee-grid span, .agent-lineup-impact-grid span { display: block; min-height: 20px; color: #947b74; font-size: 7px; line-height: 1.3; }
.agent-referee-grid strong, .agent-lineup-impact-grid strong { display: block; color: #744b40; font-size: 13px; }
.agent-referee p, .agent-lineup-impact p { margin: 8px 0 0; color: #866f68; font-size: 8px; line-height: 1.45; }
.agent-lineup-impact-details { margin-top: 9px; border-top: 1px solid #ead8d2; padding-top: 8px; }
.agent-lineup-impact-details summary { color: #744b40; cursor: pointer; font-size: 8px; font-weight: 800; }
.agent-lineup-impact-details summary:focus-visible { border-radius: 3px; outline: 1px solid #c68f7d; outline-offset: 2px; }
.agent-lineup-impact-details > div { display: grid; gap: 3px; margin-top: 7px; padding: 7px; border-radius: 8px; background: #fff; }
.agent-lineup-impact-details > div strong { color: #744b40; font-size: 8px; }
.agent-lineup-impact-details > div span { color: #866f68; font-size: 7px; line-height: 1.35; }
.agent-news-reliability { margin-top: 14px; padding: 11px; border: 1px solid #d4deeb; border-radius: 10px; background: #f5f8fc; }
.agent-news-reliability.is-ready { border-color: #bfe0d0; background: #f2faf6; }
.agent-news-title { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.agent-news-title span { color: #48617e; font-size: 8px; font-weight: 850; letter-spacing: .05em; text-transform: uppercase; }
.agent-news-title strong { color: #5b7390; font-size: 9px; text-align: right; }
.agent-news-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 7px; margin-top: 9px; }
.agent-news-grid div { padding: 8px 5px; border-radius: 8px; background: #fff; text-align: center; }
.agent-news-grid span { display: block; min-height: 20px; color: #788ba2; font-size: 7px; line-height: 1.3; }
.agent-news-grid strong { display: block; color: #405874; font-size: 13px; }
.agent-news-reliability p { margin: 8px 0 0; color: #6b7c90; font-size: 8px; line-height: 1.45; }
.agent-advanced-events { margin-top: 14px; padding: 11px; border: 1px solid #d8d7ed; border-radius: 10px; background: #f8f7fd; }
.agent-events-title { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.agent-events-title span { color: #5d568b; font-size: 8px; font-weight: 850; letter-spacing: .05em; text-transform: uppercase; }
.agent-events-title strong { color: #71699b; font-size: 9px; text-align: right; }
.agent-events-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 7px; margin-top: 9px; }
.agent-events-grid div { padding: 8px 5px; border-radius: 8px; background: #fff; text-align: center; }
.agent-events-grid span { display: block; min-height: 20px; color: #817ca3; font-size: 7px; line-height: 1.3; }
.agent-events-grid strong { display: block; color: #4e4777; font-size: 10px; }
.agent-advanced-events p { margin: 8px 0 0; color: #76718f; font-size: 8px; line-height: 1.45; }
.agent-team-facts { margin-top: 14px; padding: 11px; border: 1px solid #d6d9c5; border-radius: 10px; background: #fafbf4; }
.agent-team-facts-title { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.agent-team-facts-title span { color: #56632d; font-size: 8px; font-weight: 850; letter-spacing: .05em; text-transform: uppercase; }
.agent-team-facts-title strong { color: #6d793f; font-size: 8px; text-align: right; }
.agent-team-facts-highlights { display: grid; gap: 7px; margin-top: 9px; }
.agent-team-facts-highlights article { padding: 8px; border-radius: 8px; background: #fff; }
.agent-team-facts-highlights article > div { display: flex; align-items: center; justify-content: space-between; gap: 7px; }
.agent-team-facts-highlights article strong { color: #465121; font-size: 9px; }
.agent-team-facts-highlights article b, .agent-team-facts-details b { border-radius: 999px; padding: 2px 5px; background: #e4ecc1; color: #53621e; font-size: 6px; white-space: nowrap; }
.agent-team-facts-highlights p { margin: 5px 0 0; color: #667044; font-size: 8px; line-height: 1.4; }
.agent-team-facts-details { margin-top: 9px; border-top: 1px solid #dfe3cf; padding-top: 8px; }
.agent-team-facts-details summary { color: #53602e; cursor: pointer; font-size: 8px; font-weight: 800; }
.agent-team-facts-details summary:focus-visible { border-radius: 3px; outline: 1px solid #95a559; outline-offset: 2px; }
.agent-team-facts-details section { display: grid; gap: 5px; margin-top: 8px; padding: 7px; border-radius: 8px; background: #fff; }
.agent-team-facts-details section > strong { color: #465121; font-size: 8px; }
.agent-team-facts-details section span { display: grid; grid-template-columns: auto 1fr; align-items: start; gap: 5px; color: #69734a; font-size: 7px; line-height: 1.35; }
.agent-team-facts-details section span.is-player { color: #66587c; }
.agent-team-facts-details section span.is-player b { background: #eee8f5; color: #6b5483; }
.agent-team-facts > p { margin: 8px 0 0; color: #72795a; font-size: 8px; line-height: 1.45; }
.agent-market-blind { margin-top: 14px; padding: 11px; border: 1px solid #c8d9e2; border-radius: 10px; background: #f4f9fb; }
.agent-market-blind-title { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.agent-market-blind-title span { color: #245a70; font-size: 8px; font-weight: 850; letter-spacing: .05em; text-transform: uppercase; }
.agent-market-blind-title strong { color: #397086; font-size: 8px; text-align: right; }
.agent-market-blind-styles { display: grid; grid-template-columns: repeat(2, 1fr); gap: 7px; margin-top: 9px; }
.agent-market-blind-styles article { display: grid; gap: 3px; padding: 8px; border-radius: 8px; background: #fff; }
.agent-market-blind-styles strong { color: #24566a; font-size: 8px; }
.agent-market-blind-styles span { color: #66808d; font-size: 7px; line-height: 1.35; }
.agent-market-blind-matchup { margin: 8px 0 0; color: #607c89; font-size: 8px; }
.agent-market-blind-matchup strong { color: #285e73; }
.agent-market-blind-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 7px; margin-top: 8px; }
.agent-market-blind-grid div { padding: 8px 4px; border-radius: 8px; background: #fff; text-align: center; }
.agent-market-blind-grid span { display: block; min-height: 20px; color: #718b97; font-size: 7px; line-height: 1.3; }
.agent-market-blind-grid strong { display: block; color: #24566a; font-size: 11px; }
.agent-market-blind-details { margin-top: 9px; border-top: 1px solid #d5e3e9; padding-top: 8px; }
.agent-market-blind-details summary { color: #2b6075; cursor: pointer; font-size: 8px; font-weight: 800; }
.agent-market-blind-details summary:focus-visible { border-radius: 3px; outline: 1px solid #72a0b3; outline-offset: 2px; }
.agent-market-blind-details section { display: grid; gap: 5px; margin-top: 8px; padding: 7px; border-radius: 8px; background: #fff; }
.agent-market-blind-details section > strong { color: #285b6f; font-size: 8px; }
.agent-market-blind-details section span { display: grid; grid-template-columns: auto 1fr; align-items: start; gap: 5px; color: #627c88; font-size: 7px; line-height: 1.35; }
.agent-market-blind-details section b { border-radius: 999px; padding: 2px 5px; background: #dcecf2; color: #326d83; font-size: 6px; white-space: nowrap; }
.agent-market-blind > p:not(.agent-market-blind-matchup) { margin: 8px 0 0; color: #6f8791; font-size: 8px; line-height: 1.45; }
.agent-season-transition { margin-top: 14px; padding: 11px; border: 1px solid #cbdde4; border-radius: 10px; background: #f4fafc; }
.agent-season-transition-title { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.agent-season-transition-title span { color: #245a6d; font-size: 8px; font-weight: 850; letter-spacing: .05em; text-transform: uppercase; }
.agent-season-transition-title strong { color: #316d80; font-size: 9px; text-align: right; }
.agent-season-transition-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 7px; margin-top: 9px; }
.agent-season-transition-grid div { padding: 8px 5px; border-radius: 8px; background: #fff; text-align: center; }
.agent-season-transition-grid span { display: block; min-height: 20px; color: #65828c; font-size: 7px; line-height: 1.3; }
.agent-season-transition-grid strong { display: block; color: #174b5d; font-size: 11px; }
.agent-season-transition p { margin: 8px 0 0; color: #587681; font-size: 8px; line-height: 1.45; }
.agent-uncertainty { margin-top: 14px; padding: 11px; border: 1px solid #d8cdea; border-radius: 10px; background: #faf7fd; }
.agent-uncertainty-title { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.agent-uncertainty-title span { color: #685086; font-size: 8px; font-weight: 850; letter-spacing: .05em; text-transform: uppercase; }
.agent-uncertainty-title strong { color: #8067a0; font-size: 9px; text-align: right; }
.agent-uncertainty-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 7px; margin-top: 9px; }
.agent-uncertainty-grid div { padding: 8px 5px; border-radius: 8px; background: #fff; text-align: center; }
.agent-uncertainty-grid span, .agent-uncertainty-grid small { display: block; color: #8c7b9f; font-size: 7px; line-height: 1.3; }
.agent-uncertainty-grid strong { display: block; color: #5b4078; font-size: 12px; }
.agent-uncertainty p { margin: 8px 0 0; color: #78688a; font-size: 8px; line-height: 1.45; }
.agent-dynamic-threshold { margin-top: 14px; padding: 11px; border: 1px solid #e6d9b9; border-radius: 10px; background: #fffaf0; }
.agent-dynamic-threshold-title { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.agent-dynamic-threshold-title span { color: #7d6424; font-size: 8px; font-weight: 850; letter-spacing: .05em; text-transform: uppercase; }
.agent-dynamic-threshold-title strong { color: #92762f; font-size: 9px; text-align: right; }
.agent-dynamic-threshold-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px; margin-top: 9px; }
.agent-dynamic-threshold-grid div { padding: 8px 4px; border-radius: 8px; background: #fff; text-align: center; }
.agent-dynamic-threshold-grid span, .agent-dynamic-threshold-grid small { display: block; color: #93845f; font-size: 7px; line-height: 1.3; }
.agent-dynamic-threshold-grid strong { display: block; color: #685016; font-size: 12px; }
.agent-dynamic-threshold p { margin: 8px 0 0; color: #7e704e; font-size: 8px; line-height: 1.45; }
.agent-bankroll { margin-top: 14px; padding: 11px; border: 1px solid #d6deea; border-radius: 10px; background: #f6f8fc; }
.agent-bankroll.is-ready { border-color: #b8dfcb; background: #f1faf5; }
.agent-bankroll.is-blocked { border-color: #e2d6d8; background: #fbf7f8; }
.agent-bankroll-title { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.agent-bankroll-title span { color: #465b78; font-size: 8px; font-weight: 850; letter-spacing: .05em; text-transform: uppercase; }
.agent-bankroll-title strong { color: #6c5260; font-size: 9px; text-align: right; }
.agent-bankroll-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px; margin-top: 9px; }
.agent-bankroll-grid div { padding: 8px 4px; border-radius: 8px; background: #fff; text-align: center; }
.agent-bankroll-grid span, .agent-bankroll-grid small { display: block; color: #7f8998; font-size: 7px; line-height: 1.3; }
.agent-bankroll-grid strong { display: block; color: #263c5a; font-size: 12px; }
.agent-bankroll-grid .is-profit strong, .agent-bankroll-history .is-profit { color: #178052; }
.agent-bankroll-grid .is-loss strong, .agent-bankroll-history .is-loss { color: #bd3046; }
.agent-bankroll p { margin: 8px 0 0; color: #6d7887; font-size: 8px; line-height: 1.45; }
.agent-bankroll-history { margin-top: 9px; border-top: 1px solid #e2e7ee; padding-top: 8px; }
.agent-bankroll-history summary { color: #425a78; font-size: 8px; font-weight: 800; cursor: pointer; }
.agent-bankroll-history div { display: grid; gap: 4px; margin-top: 6px; }
.agent-bankroll-history div p { display: grid; grid-template-columns: 62px 58px 1fr; align-items: center; gap: 5px; margin: 0; padding: 5px 7px; border-radius: 6px; background: #fff; }
.agent-bankroll-history p span, .agent-bankroll-history p small { color: #7a8798; font-size: 7px; }
.agent-bankroll-history p strong { color: #2f465f; font-size: 8px; }
.agent-red-card { margin-top: 14px; padding: 11px; border: 1px solid #e6dbdc; border-radius: 10px; background: #fcf8f8; }
.agent-red-card.is-high { border-color: #efb5bd; background: #fff3f4; }
.agent-red-card.is-elevated { border-color: #ead0a7; background: #fff9ef; }
.agent-red-card-title { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.agent-red-card-title span { color: #7b4d55; font-size: 8px; font-weight: 900; letter-spacing: .06em; text-transform: uppercase; }
.agent-red-card-title strong { color: #b52d42; font-size: 9px; }
.agent-red-card-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 5px; margin-top: 8px; }
.agent-red-card-grid div { padding: 7px 3px; border-radius: 7px; background: #fff; text-align: center; }
.agent-red-card-grid span, .agent-red-card-grid small { display: block; color: #8b7b7e; font-size: 6px; line-height: 1.25; }
.agent-red-card-grid strong { display: block; color: #752d3a; font-size: 11px; }
.agent-red-card details { margin-top: 8px; }
.agent-red-card summary { color: #784d56; font-size: 8px; font-weight: 800; cursor: pointer; }
.agent-red-card p { margin: 7px 0 0; color: #796d70; font-size: 8px; line-height: 1.45; }
.agent-model-drift { margin-top: 14px; padding: 11px; border: 1px solid #d8ddea; border-radius: 10px; background: #f7f8fc; }
.agent-model-drift.is-watch { border-color: #e6d6ad; background: #fffaf0; }
.agent-model-drift.is-critical { border-color: #eabcbc; background: #fff5f5; }
.agent-model-drift.is-stable { border-color: #bce0cc; background: #f2faf6; }
.agent-model-drift-title { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.agent-model-drift-title span { color: #55627d; font-size: 8px; font-weight: 850; letter-spacing: .05em; text-transform: uppercase; }
.agent-model-drift-title strong { color: #83652c; font-size: 9px; text-align: right; }
.agent-model-drift-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px; margin-top: 9px; }
.agent-model-drift-grid div { padding: 8px 4px; border-radius: 8px; background: #fff; text-align: center; }
.agent-model-drift-grid span, .agent-model-drift-grid small { display: block; color: #858c9b; font-size: 7px; line-height: 1.3; }
.agent-model-drift-grid strong { display: block; color: #32405c; font-size: 11px; }
.agent-model-drift p { margin: 8px 0 0; color: #727b8c; font-size: 8px; line-height: 1.45; }
.agent-champion-challenger { margin-top: 14px; padding: 11px; border: 1px solid #d5ddeb; border-radius: 10px; background: linear-gradient(145deg, #f5f8fc, #fbfcfe); }
.agent-champion-challenger.is-candidate { border-color: #b8ddca; background: #f1faf5; }
.agent-champion-title { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.agent-champion-title span { color: #334f77; font-size: 8px; font-weight: 850; letter-spacing: .05em; text-transform: uppercase; }
.agent-champion-title strong { color: #526d91; font-size: 9px; text-align: right; }
.agent-champion-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 7px; margin-top: 9px; }
.agent-champion-grid div { min-width: 0; padding: 8px 6px; border-radius: 8px; background: #fff; }
.agent-champion-grid span, .agent-champion-grid small { display: block; color: #8490a1; font-size: 7px; line-height: 1.3; }
.agent-champion-grid strong { display: block; margin: 2px 0; overflow-wrap: anywhere; color: #2d4362; font-size: 9px; }
.agent-champion-challenger p { margin: 8px 0 0; color: #6f7c8f; font-size: 8px; line-height: 1.45; }
.agent-correlation { margin-top: 14px; padding: 11px; border: 1px solid #d7d8ec; border-radius: 10px; background: #f8f7fc; }
.agent-correlation.is-audited { border-color: #c7d8eb; background: #f4f8fc; }
.agent-correlation.is-blocked { border-color: #e9bebe; background: #fff5f5; }
.agent-correlation-title { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.agent-correlation-title span { color: #4f5680; font-size: 8px; font-weight: 850; letter-spacing: .05em; text-transform: uppercase; }
.agent-correlation-title strong { color: #63719a; font-size: 9px; text-align: right; }
.agent-correlation-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px; margin-top: 9px; }
.agent-correlation-grid div { padding: 8px 4px; border-radius: 8px; background: #fff; text-align: center; }
.agent-correlation-grid span, .agent-correlation-grid small { display: block; color: #858ba1; font-size: 7px; line-height: 1.3; }
.agent-correlation-grid strong { display: block; color: #343d67; font-size: 12px; }
.agent-correlation p { margin: 8px 0 0; color: #6d748d; font-size: 8px; line-height: 1.45; }
.agent-sample-adequacy { margin-top: 14px; padding: 11px; border: 1px solid #e4d7b8; border-radius: 10px; background: #fffaf1; }
.agent-sample-adequacy.is-ready { border-color: #b9ddc9; background: #f1faf5; }
.agent-sample-title { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.agent-sample-title span { color: #735e31; font-size: 8px; font-weight: 850; letter-spacing: .05em; text-transform: uppercase; }
.agent-sample-title strong { color: #8a6a2b; font-size: 9px; text-align: right; }
.agent-sample-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px; margin-top: 9px; }
.agent-sample-grid div { padding: 8px 4px; border-radius: 8px; background: #fff; text-align: center; }
.agent-sample-grid span, .agent-sample-grid small { display: block; color: #8d826d; font-size: 7px; line-height: 1.3; }
.agent-sample-grid strong { display: block; color: #5d4a25; font-size: 12px; }
.agent-sample-adequacy > p { margin: 8px 0 0; color: #796c54; font-size: 8px; line-height: 1.45; }
.agent-sample-adequacy details { margin-top: 9px; border-top: 1px solid #eee3ce; padding-top: 8px; }
.agent-sample-adequacy summary { cursor: pointer; color: #715d37; font-size: 8px; font-weight: 800; }
.agent-sample-markets { display: grid; gap: 4px; margin-top: 7px; }
.agent-sample-markets div { display: grid; grid-template-columns: 1.35fr repeat(3, 1fr); gap: 5px; align-items: center; padding: 6px 7px; border-radius: 7px; background: #fff; }
.agent-sample-markets div.is-limited { border-left: 3px solid #cf9b48; }
.agent-sample-markets div.is-ready { border-left: 3px solid #359269; }
.agent-sample-markets strong, .agent-sample-markets span { color: #716952; font-size: 7px; line-height: 1.35; }
.agent-sample-markets strong { color: #4b432f; }
.agent-favorite-failure { margin-top: 14px; padding: 11px; border: 1px solid #dec8d6; border-radius: 10px; background: #fcf7fb; }
.agent-favorite-failure.is-validated { border-color: #badfca; background: #f1faf5; }
.agent-favorite-title { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.agent-favorite-title span { color: #704966; font-size: 8px; font-weight: 850; letter-spacing: .05em; text-transform: uppercase; }
.agent-favorite-title strong { color: #825675; font-size: 9px; text-align: right; }
.agent-favorite-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px; margin-top: 9px; }
.agent-favorite-grid div { padding: 8px 4px; border-radius: 8px; background: #fff; text-align: center; }
.agent-favorite-grid span, .agent-favorite-grid small { display: block; color: #8c7b88; font-size: 7px; line-height: 1.3; }
.agent-favorite-grid strong { display: block; color: #593b52; font-size: 11px; }
.agent-favorite-current { margin-top: 8px; padding: 8px; border-radius: 8px; background: #fff; }
.agent-favorite-current strong, .agent-favorite-current span { display: block; color: #7b6b77; font-size: 8px; line-height: 1.4; }
.agent-favorite-current strong { color: #5e4558; }
.agent-favorite-failure details { margin-top: 8px; border-top: 1px solid #ecdfE8; padding-top: 7px; }
.agent-favorite-failure summary { cursor: pointer; color: #6d5166; font-size: 8px; font-weight: 800; }
.agent-favorite-leagues, .agent-favorite-signals { display: grid; gap: 4px; margin-top: 7px; }
.agent-favorite-leagues div { display: grid; grid-template-columns: 1.1fr repeat(3, 1fr); gap: 5px; padding: 6px; border-radius: 7px; background: #fff; }
.agent-favorite-signals div { display: grid; grid-template-columns: 1.7fr .6fr .8fr; gap: 5px; padding: 6px; border-radius: 7px; background: #fff; }
.agent-favorite-leagues strong, .agent-favorite-leagues span, .agent-favorite-signals strong, .agent-favorite-signals span, .agent-favorite-signals em { color: #756a72; font-size: 7px; font-style: normal; line-height: 1.35; }
.agent-favorite-leagues strong, .agent-favorite-signals strong { color: #4f3e4b; }
.agent-favorite-failure > p { margin: 8px 0 0; color: #766572; font-size: 8px; line-height: 1.45; }
.agent-residual-intuition { margin-top: 14px; padding: 11px; border: 1px solid #c9d8e8; border-radius: 10px; background: linear-gradient(145deg, #f4f8fd, #fbfdff); }
.agent-intuition-title { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.agent-intuition-title span { color: #365c81; font-size: 8px; font-weight: 850; letter-spacing: .05em; text-transform: uppercase; }
.agent-intuition-title strong { color: #52769a; font-size: 9px; }
.agent-intuition-match { margin: 7px 0 0; color: #687d92; font-size: 8px; }
.agent-intuition-match strong { color: #385a7a; }
.agent-intuition-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 6px; margin-top: 8px; }
.agent-intuition-grid div { padding: 8px; border-radius: 8px; background: #fff; }
.agent-intuition-grid span, .agent-intuition-grid small { display: block; color: #8190a0; font-size: 7px; line-height: 1.35; }
.agent-intuition-grid strong { display: block; margin: 2px 0; color: #294f73; font-size: 13px; }
.agent-intuition-grid .is-waiting { opacity: .7; }
.agent-residual-intuition details { margin-top: 8px; border-top: 1px solid #dfe8f1; padding-top: 7px; }
.agent-residual-intuition summary { cursor: pointer; color: #4c6c8c; font-size: 8px; font-weight: 800; }
.agent-residual-intuition details p, .agent-residual-intuition > p:last-child { margin: 7px 0 0; color: #687d91; font-size: 8px; line-height: 1.45; }
.decision-explanation { margin-top: 14px; padding: 12px; border: 1px solid #e5c5ca; border-radius: 12px; background: linear-gradient(145deg, #fff8f9, #fff); }
.decision-explanation.is-bet { border-color: #b9dfca; background: linear-gradient(145deg, #f0faf5, #fff); }
.decision-explanation-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.decision-explanation-head div span { display: block; color: #9c6871; font-size: 7px; font-weight: 850; letter-spacing: .06em; text-transform: uppercase; }
.decision-explanation-head div strong { display: block; margin-top: 2px; color: #713b46; font-size: 15px; }
.decision-explanation-head em { padding: 5px 7px; border-radius: 999px; background: #f7e7ea; color: #8b5962; font-size: 8px; font-style: normal; font-weight: 800; }
.decision-explanation-flow { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; margin-top: 10px; }
.decision-explanation-flow article { min-height: 62px; padding: 9px; border: 1px solid #eceff3; border-radius: 9px; background: #fff; }
.decision-explanation-flow article.is-decision { border-color: #ead1d5; background: #fff6f7; }
.decision-explanation-flow small { display: block; color: #929aaa; font-size: 7px; font-weight: 800; text-transform: uppercase; }
.decision-explanation-flow strong { display: block; margin-top: 5px; color: #38445a; font-size: 9px; line-height: 1.45; }
.decision-checks { display: grid; gap: 4px; margin-top: 9px; }
.decision-checks span { display: flex; align-items: center; gap: 6px; color: #6e7888; font-size: 8px; }
.decision-checks i { display: grid; width: 14px; height: 14px; place-items: center; border-radius: 50%; font-size: 9px; font-style: normal; font-weight: 900; }
.decision-checks .is-passed i { background: #dff4e8; color: #27805a; }
.decision-checks .is-failed i { background: #f8e3e6; color: #a04453; }
.decision-explanation details { margin-top: 9px; border-top: 1px solid #eee4e6; padding-top: 8px; }
.decision-explanation summary { cursor: pointer; color: #785b62; font-size: 8px; font-weight: 800; }
.decision-explanation ul { display: grid; gap: 6px; margin: 8px 0 0; padding: 0; list-style: none; }
.decision-explanation li { padding: 7px; border-radius: 8px; background: #fff; }
.decision-explanation li strong, .decision-explanation li span { display: block; color: #697485; font-size: 8px; line-height: 1.4; }
.decision-explanation li strong { color: #3f4b60; }
.agent-travel-weather { margin-top: 14px; padding: 11px; border: 1px solid #c9dde8; border-radius: 10px; background: linear-gradient(145deg, #f2f9fc, #f8fbfd); }
.agent-travel-weather-title { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.agent-travel-weather-title span { color: #245d78; font-size: 8px; font-weight: 850; letter-spacing: .05em; text-transform: uppercase; }
.agent-travel-weather-title strong { color: #39758d; font-size: 9px; text-align: right; }
.agent-travel-weather-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 7px; margin-top: 9px; }
.agent-travel-weather-grid div { padding: 8px 5px; border-radius: 8px; background: #fff; text-align: center; }
.agent-travel-weather-grid span { display: block; min-height: 20px; color: #6b8794; font-size: 7px; line-height: 1.3; }
.agent-travel-weather-grid strong { display: block; color: #194f68; font-size: 10px; }
.agent-travel-weather p { margin: 8px 0 0; color: #587783; font-size: 8px; line-height: 1.45; }
.agent-matchup-panel { margin-top: 14px; padding: 11px; border: 1px solid #d9e3d4; border-radius: 10px; background: #f7faf5; }
.agent-matchup-title { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.agent-matchup-title span { color: #526d48; font-size: 8px; font-weight: 850; letter-spacing: .05em; text-transform: uppercase; }
.agent-matchup-title strong { color: #6b8462; font-size: 9px; text-align: right; }
.agent-matchup-summary { display: grid; grid-template-columns: repeat(3, 1fr); gap: 7px; margin-top: 9px; }
.agent-matchup-summary div { padding: 8px 5px; border-radius: 8px; background: #fff; text-align: center; }
.agent-matchup-summary span { display: block; min-height: 20px; color: #81917a; font-size: 7px; line-height: 1.3; }
.agent-matchup-summary strong { display: block; color: #4b6543; font-size: 13px; }
.agent-matchup-patterns { display: grid; gap: 5px; margin-top: 8px; }
.agent-matchup-patterns div { display: grid; grid-template-columns: 1fr auto; gap: 2px 8px; padding: 7px 8px; border-left: 3px solid #b7c3b2; border-radius: 7px; background: #fff; }
.agent-matchup-patterns div.is-potential_edge { border-left-color: #3b9366; }
.agent-matchup-patterns div.is-suppressed { border-left-color: #c57a67; }
.agent-matchup-patterns span { color: #52624d; font-size: 8px; font-weight: 750; }
.agent-matchup-patterns strong { color: #3f5639; font-size: 10px; }
.agent-matchup-patterns em { grid-column: 1 / -1; color: #879382; font-size: 7px; font-style: normal; }
.agent-matchup-panel p { margin: 8px 0 0; color: #778272; font-size: 8px; line-height: 1.45; }
.agent-prediction-journal { margin-top: 14px; padding: 11px; border: 1px solid #d8e4e9; border-radius: 10px; background: #f5fafb; }
.agent-prediction-journal.is-valid { border-color: #bfe1d4; background: #f3faf7; }
.agent-prediction-journal.is-invalid { border-color: #efbebe; background: #fff5f5; }
.agent-journal-title { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.agent-journal-title span { color: #416a70; font-size: 8px; font-weight: 850; letter-spacing: .05em; text-transform: uppercase; }
.agent-journal-title strong { color: #267253; font-size: 9px; }
.agent-journal-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 7px; margin-top: 9px; }
.agent-journal-grid div { padding: 8px 5px; border-radius: 8px; background: #fff; text-align: center; }
.agent-journal-grid span { display: block; min-height: 20px; color: #71878a; font-size: 7px; line-height: 1.3; }
.agent-journal-grid strong { display: block; color: #345b5f; font-size: 10px; }
.agent-prediction-journal p { margin: 8px 0 0; color: #6a8184; font-size: 8px; line-height: 1.45; overflow-wrap: anywhere; }
.agent-walk-forward { margin-top: 14px; padding: 11px; border: 1px solid #ecd0d0; border-radius: 10px; background: #fff7f7; }
.agent-walk-forward.is-passed { border-color: #bce1cd; background: #f2faf6; }
.agent-walk-title { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.agent-walk-title span { color: #815757; font-size: 8px; font-weight: 850; letter-spacing: .05em; text-transform: uppercase; }
.agent-walk-title strong { color: #b04e4e; font-size: 9px; }
.agent-walk-forward.is-passed .agent-walk-title strong { color: #26754f; }
.agent-walk-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 7px; margin-top: 9px; }
.agent-walk-grid div { padding: 8px 5px; border-radius: 8px; background: #fff; text-align: center; }
.agent-walk-grid span { display: block; min-height: 20px; color: #8c7474; font-size: 7px; line-height: 1.3; }
.agent-walk-grid strong { display: block; color: #6d4141; font-size: 12px; }
.agent-walk-forward p { margin: 8px 0 0; color: #876969; font-size: 8px; line-height: 1.45; }
.agent-calibration { margin-top: 14px; padding: 11px; border: 1px solid #d9d9ed; border-radius: 10px; background: #f8f8fd; }
.agent-calibration-title { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.agent-calibration-title span { color: #585884; font-size: 8px; font-weight: 850; letter-spacing: .05em; text-transform: uppercase; }
.agent-calibration-title strong { color: #69649a; font-size: 9px; }
.agent-calibration-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 7px; margin-top: 9px; }
.agent-calibration-grid div { padding: 8px 5px; border-radius: 8px; background: #fff; text-align: center; }
.agent-calibration-grid span { display: block; color: #85859b; font-size: 7px; }
.agent-calibration-grid strong { display: block; margin-top: 3px; color: #4f4d76; font-size: 12px; }
.agent-calibration p { margin: 8px 0 0; color: #77758e; font-size: 8px; line-height: 1.45; }
.agent-market-models { margin-top: 14px; padding: 11px; border: 1px solid #cfdfea; border-radius: 10px; background: #f5f9fc; }
.agent-market-models-title { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.agent-market-models-title span { color: #43677e; font-size: 8px; font-weight: 850; letter-spacing: .05em; text-transform: uppercase; }
.agent-market-models-title strong { color: #50758b; font-size: 9px; }
.agent-market-models-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 7px; margin-top: 9px; }
.agent-market-models-grid div { padding: 8px 5px; border-radius: 8px; background: #fff; text-align: center; }
.agent-market-models-grid span { display: block; min-height: 20px; color: #748998; font-size: 7px; line-height: 1.3; }
.agent-market-models-grid strong { display: block; color: #36566b; font-size: 12px; }
.agent-market-models p { margin: 8px 0 0; color: #6d8290; font-size: 8px; line-height: 1.45; }

.agent-team { display: grid; gap: 7px; margin-top: 18px; }
.agent-team-title { display: flex; align-items: center; justify-content: space-between; margin-bottom: 2px; }
.agent-team-title h3 { margin: 0; color: #344054; font-size: 11px; }
.agent-team-title > span { color: #98a0ab; font-size: 8px; }
.agent-role { display: grid; grid-template-columns: 7px 1fr; gap: 8px; align-items: start; padding: 9px; border: 1px solid #edf0f3; border-radius: 9px; background: #fafbfc; }
.agent-role > i { width: 7px; height: 7px; margin-top: 3px; border-radius: 50%; background: #36a96d; }
.agent-role.has-risk > i { background: #e0a23b; }
.agent-role.is-moderator { border-color: #f2cad5; background: #fff6f8; }
.agent-role.is-moderator > i { background: var(--accent); }
.agent-role strong { display: block; color: #344054; font-size: 9px; }
.agent-role em { display: block; margin-top: 2px; color: #9aa2ad; font-size: 7px; font-style: normal; line-height: 1.35; }
.agent-role span { display: block; margin-top: 3px; color: #77818e; font-size: 8px; line-height: 1.45; }
.agent-module-board { margin-top: 14px; padding: 11px; border: 1px solid #e5e9ee; border-radius: 12px; background: linear-gradient(180deg, #fff 0%, #f8fafc 100%); }
.agent-module-board-title { display: flex; align-items: flex-end; justify-content: space-between; gap: 10px; margin-bottom: 10px; }
.agent-module-board-title span { color: var(--accent); font-size: 7px; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.agent-module-board-title h3 { margin: 2px 0 0; color: #223047; font-size: 12px; }
.agent-module-board-title > strong { color: #7a8492; font-size: 7px; text-align: right; }
.agent-module-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; }
.agent-module-card { min-width: 0; border: 1px solid #e8ebef; border-radius: 10px; background: #fff; overflow: hidden; }
.agent-module-card summary { display: grid; grid-template-columns: 26px minmax(0, 1fr); gap: 7px; align-items: center; min-height: 42px; padding: 7px; cursor: pointer; list-style: none; }
.agent-module-card summary::-webkit-details-marker { display: none; }
.agent-module-card summary > i { display: grid; place-items: center; width: 26px; height: 26px; border-radius: 8px; background: #e8f7ef; color: #168653; font-size: 11px; font-style: normal; font-weight: 900; }
.agent-module-card summary span { min-width: 0; }
.agent-module-card summary strong { display: block; overflow: hidden; color: #354052; font-size: 7px; line-height: 1.25; text-overflow: ellipsis; white-space: nowrap; }
.agent-module-card summary small { display: block; margin-top: 3px; color: #1b9460; font-size: 6px; font-weight: 800; text-transform: uppercase; }
.agent-module-card.is-waiting summary > i { background: #fff4d8; color: #b67810; }
.agent-module-card.is-waiting summary small { color: #b67810; }
.agent-module-card.is-blocked summary > i { background: #ffe5eb; color: #d82955; }
.agent-module-card.is-blocked summary small { color: #d82955; }
.agent-module-card.is-control { border-color: #f0dce3; }
.agent-module-card[open] { grid-column: 1 / -1; }
.agent-module-card[open] summary strong { white-space: normal; }
.agent-module-card > p { margin: 0; border-top: 1px solid #eef0f3; padding: 8px; color: #687384; font-size: 7px; line-height: 1.45; }
.agent-module-note { margin: 9px 0 0; color: #929aa6; font-size: 7px; line-height: 1.45; }

.agent-groups { margin-top: 15px; padding: 11px; border: 1px solid #e4e9ee; border-radius: 13px; background: linear-gradient(180deg, #fdfefe, #f6f8fa); }
.agent-groups-title { display: flex; align-items: flex-end; justify-content: space-between; gap: 10px; margin-bottom: 10px; }
.agent-groups-title span { color: var(--accent); font-size: 7px; font-weight: 850; letter-spacing: .09em; text-transform: uppercase; }
.agent-groups-title h3 { margin: 2px 0 0; color: #1e2d44; font-size: 13px; }
.agent-groups-title > strong { color: #7b8593; font-size: 7px; }
.agent-group-list { display: grid; gap: 7px; }
.agent-user-group { overflow: hidden; border: 1px solid #e3e8ed; border-radius: 11px; background: #fff; }
.agent-user-group > summary { display: grid; grid-template-columns: 18px 31px minmax(0, 1fr) auto; align-items: center; gap: 7px; min-height: 57px; padding: 8px; cursor: pointer; list-style: none; }
.agent-user-group > summary::-webkit-details-marker, .agent-group-role > summary::-webkit-details-marker, .agent-group-calculations > summary::-webkit-details-marker { display: none; }
.agent-group-order { display: grid; width: 18px; height: 18px; place-items: center; border-radius: 6px; background: #eef1f4; color: #7d8795; font-size: 7px; font-weight: 900; }
.agent-user-group > summary > i { display: grid; width: 31px; height: 31px; place-items: center; border-radius: 9px; background: #e8f7ef; color: #168653; font-size: 11px; font-style: normal; font-weight: 900; }
.agent-user-group.is-waiting > summary > i { background: #fff3d6; color: #a96b0b; }
.agent-user-group.is-blocked > summary > i { background: #ffe8ed; color: #c82f52; }
.agent-group-copy { min-width: 0; }
.agent-group-copy strong, .agent-group-copy small { display: block; }
.agent-group-copy strong { color: #29374c; font-size: 9px; }
.agent-group-copy small { margin-top: 3px; overflow: hidden; color: #7f8997; font-size: 7px; line-height: 1.25; text-overflow: ellipsis; white-space: nowrap; }
.agent-group-count { display: grid; justify-items: end; gap: 2px; }
.agent-group-count b { color: #34445a; font-size: 11px; }
.agent-group-count small { max-width: 58px; color: #8b95a2; font-size: 6px; line-height: 1.2; text-align: right; }
.agent-user-group.is-blocked .agent-group-count small { color: #bd3554; }
.agent-user-group[open] > summary { border-bottom: 1px solid #e9edf1; background: #fbfcfd; }
.agent-user-group-body { padding: 10px; }
.agent-group-description { margin: 0 0 9px; color: #6f7a89; font-size: 8px; line-height: 1.45; }
.agent-group-progress { height: 4px; overflow: hidden; border-radius: 4px; background: #edf0f3; }
.agent-group-progress span { display: block; height: 100%; border-radius: inherit; background: #31a76c; }
.agent-group-stats { display: flex; gap: 9px; margin: 6px 0 10px; color: #89929f; font-size: 6px; }
.agent-group-stats b { color: #4b586a; }
.agent-group-roles { display: grid; gap: 5px; }
.agent-group-role { overflow: hidden; border: 1px solid #e9edf0; border-radius: 8px; background: #fafbfc; }
.agent-group-role > summary { display: grid; grid-template-columns: 23px minmax(0, 1fr); align-items: center; gap: 7px; min-height: 36px; padding: 6px; cursor: pointer; list-style: none; }
.agent-group-role > summary > i { display: grid; width: 23px; height: 23px; place-items: center; border-radius: 7px; background: #e8f7ef; color: #168653; font-size: 8px; font-style: normal; font-weight: 900; }
.agent-group-role.is-waiting > summary > i { background: #fff3d6; color: #a96b0b; }
.agent-group-role.is-blocked > summary > i { background: #ffe8ed; color: #c82f52; }
.agent-group-role strong { display: block; color: #3a4657; font-size: 7px; }
.agent-group-role small { display: block; margin-top: 2px; color: #83909d; font-size: 6px; text-transform: uppercase; }
.agent-group-role > p { margin: 0; padding: 7px 8px; border-top: 1px solid #e9edf0; color: #687485; font-size: 7px; line-height: 1.45; }
.agent-group-calculations { margin-top: 9px; border-top: 1px solid #e6eaee; }
.agent-group-calculations > summary { padding: 10px 1px 1px; color: #48576b; font-size: 7px; font-weight: 850; cursor: pointer; list-style: none; }
.agent-group-calculations > summary::before { margin-right: 5px; color: var(--accent); content: "+"; }
.agent-group-calculations[open] > summary::before { content: "−"; }
.agent-group-calculations > div { padding-top: 8px; }
.agent-group-calculations > div > :first-child { margin-top: 0; }
.agent-groups-note { margin: 9px 1px 0; color: #9099a5; font-size: 7px; line-height: 1.45; }

.agent-limitation { display: grid; gap: 5px; margin: 14px 0; padding: 11px; border: 1px solid #f2dfba; border-radius: 10px; background: #fff9ee; }
.agent-limitation strong { color: #906119; font-size: 10px; }
.agent-limitation span { color: #8a7554; font-size: 9px; line-height: 1.45; }

.agent-arguments { margin-top: 18px; }
.agent-arguments h3 { margin: 0 0 10px; color: #344054; font-size: 11px; }
.agent-arguments ul { display: grid; gap: 9px; margin: 0; padding: 0; list-style: none; }
.agent-arguments li { position: relative; padding-left: 13px; color: #667181; font-size: 10px; line-height: 1.45; }
.agent-arguments li::before { position: absolute; top: 5px; left: 0; width: 5px; height: 5px; border-radius: 50%; background: var(--accent); content: ""; }
.agent-source { margin: 16px 0 0; color: #a0a6af; font-size: 8px; line-height: 1.4; }
.agent-error { padding: 32px 22px; color: #7a8492; font-size: 11px; line-height: 1.5; text-align: center; }

.toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
  padding: 18px 16px;
  border: 1px solid rgba(24, 36, 58, .04);
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 12px 34px rgba(28, 38, 54, .07);
}

.filters { display: flex; flex-wrap: wrap; gap: 8px; scrollbar-width: none; }
.filters::-webkit-scrollbar { display: none; }
.filter {
  min-height: 34px;
  padding: 0 15px;
  border: 0;
  border-radius: 9px;
  background: #f0f1f3;
  color: #606977;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .09em;
  text-transform: uppercase;
  cursor: pointer;
}
.filter:hover { background: #e8eaed; }
.filter.is-active { background: var(--accent); color: #fff; box-shadow: 0 6px 15px rgba(243,4,70,.2); }

.date-control {
  position: relative;
  flex: 0 0 auto;
}

.schedule-controls {
  display: flex;
  align-items: center;
  gap: 8px;
}

.timezone-badge {
  display: inline-flex;
  align-items: center;
  height: 28px;
  padding: 0 9px;
  border-radius: 7px;
  background: #0c3440;
  color: #fff;
  font-size: 9px;
  font-weight: 850;
  letter-spacing: .05em;
}

.date-switcher {
  display: grid;
  grid-template-columns: 30px minmax(108px, auto) 30px;
  align-items: center;
  min-width: 172px;
  height: 36px;
  border: 1px solid #e3e6ea;
  border-radius: 10px;
  color: #4a5463;
}
.date-switcher button { height: 100%; border: 0; background: transparent; cursor: pointer; }
.date-arrow { color: #8e96a1; font-size: 21px; }
.date-arrow:first-child { border-right: 1px solid #e8eaed; }
.date-arrow:last-child { border-left: 1px solid #e8eaed; }
.date-current { display: flex; align-items: center; justify-content: center; gap: 6px; color: #4a5463; }
.date-current:focus-visible { outline: 2px solid rgba(243, 4, 70, .32); outline-offset: -2px; border-radius: 7px; }
.date-current strong { font-size: 11px; }
.date-current small { color: #6f7885; font-size: 9px; font-weight: 800; }
.calendar-icon { position: relative; width: 15px; height: 14px; border: 1.5px solid #697382; border-radius: 3px; }
.calendar-icon::before { position: absolute; top: 3px; left: 0; width: 100%; border-top: 1.5px solid #697382; content: ""; }

.date-menu {
  position: absolute;
  z-index: 20;
  top: calc(100% + 3px);
  right: 0;
  display: grid;
  width: 168px;
  max-height: min(496px, calc(100vh - 130px));
  overflow-y: auto;
  padding: 10px 8px 12px;
  border: 1px solid #e8ebee;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 10px 28px rgba(27, 37, 51, .15);
}

.date-menu[hidden] { display: none; }

.date-option {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 32px;
  border: 0;
  border-radius: 4px;
  background: transparent;
  color: #344353;
  font-size: 11px;
  font-weight: 550;
  cursor: pointer;
}

.date-option:hover { background: #f1f4f6; }
.date-option.is-selected { color: var(--accent); font-weight: 800; }
.date-option.is-today {
  min-height: 29px;
  margin: 2px 0;
  background: #0c3440;
  color: #fff;
  font-weight: 850;
  letter-spacing: .03em;
  text-transform: uppercase;
}
.date-option.is-today:hover { background: #082a34; }

.competition-bar {
  display: grid;
  grid-template-columns: 26px 22px minmax(0, auto) 16px 1fr auto 24px;
  align-items: center;
  gap: 8px;
  min-height: 40px;
  padding: 5px 12px;
  background: #eaf5ff;
  color: #526074;
  font-size: 11px;
  letter-spacing: .02em;
}
.star-button, .favorite { border: 0; background: transparent; color: #bdc4cb; font-size: 25px; line-height: 1; cursor: pointer; }
.star-button:hover, .favorite:hover, .favorite.is-active { color: #f4be22; }
.competition-flag { font-size: 15px; }
.league-section.is-date-group .competition-bar { background: #f3f6f9; }
.league-section.is-date-group .competition-title { color: #2b394e; }
.league-section.is-date-group .pin { display: none; }
.league-section.is-date-group .star-button { visibility: hidden; }
.league-section.is-date-group .table-link { display: none; }
.pin { color: #1483e7; font-size: 12px; }
.table-link, .collapse-button { border: 0; background: transparent; color: #596678; font-size: 11px; text-decoration: underline; cursor: pointer; }
.collapse-button { font-size: 18px; text-decoration: none; }

.league-feed {
  display: grid;
  gap: 12px;
  margin-top: 12px;
}

.league-section {
  overflow: hidden;
  scroll-margin-top: 18px;
  border: 1px solid rgba(24, 36, 58, .04);
  border-radius: 11px;
  background: #fff;
  box-shadow: 0 10px 28px rgba(28, 38, 54, .055);
}

.league-section.is-collapsed .matches { display: none; }
.league-section.is-collapsed .collapse-button { transform: rotate(180deg); }

.matches { padding: 0 12px 6px; }
.match-row {
  display: grid;
  grid-template-columns: 38px 58px minmax(180px, 1fr) minmax(110px, 155px);
  align-items: center;
  min-height: 69px;
  border-bottom: 1px solid var(--border);
  font-size: 12px;
  cursor: pointer;
  transition: background .16s ease, box-shadow .16s ease;
}
.match-row:hover { background: #f8fafc; }
.match-row.is-selected { position: relative; z-index: 1; background: #fff4f7; box-shadow: inset 3px 0 0 var(--accent); }
.match-row:focus-visible { outline: 2px solid rgba(243, 4, 70, .35); outline-offset: -2px; }
.match-row:last-child { border-bottom: 0; }
.match-row time { color: #576272; font-variant-numeric: tabular-nums; }
.match-row.is-live time { color: var(--accent); font-weight: 800; }
.teams { display: grid; gap: 7px; }
.team { display: flex; align-items: center; gap: 9px; min-width: 0; }
.team-name { overflow: hidden; color: #21304a; font-weight: 550; text-overflow: ellipsis; white-space: nowrap; }
.team-badge {
  display: grid;
  flex: 0 0 auto;
  width: 20px;
  height: 20px;
  place-items: center;
  border: 2px solid rgba(255,255,255,.75);
  border-radius: 50%;
  background: var(--badge, #667085);
  box-shadow: 0 0 0 1px rgba(28,38,54,.1);
  color: #fff;
  font-size: 7px;
  font-weight: 900;
}

.team-badge img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.recommendation-cell { position: relative; justify-self: end; }
.recommendation-button {
  min-width: 28px;
  min-height: 28px;
  padding: 5px 9px;
  border: 1px solid #d2d7de;
  border-radius: 8px;
  background: #fff;
  color: #7f8996;
  font-family: inherit;
  font-size: 9px;
  font-weight: 800;
  line-height: 1.2;
  cursor: help;
}
.recommendation-button.is-waiting { width: 28px; padding: 0; border-radius: 50%; font-size: 12px; }
.recommendation-button.is-pick { border-color: #d5dae1; background: #f2f4f6; color: #344054; cursor: default; }
.recommendation-button.has-virtual-stake { display: grid; width: 100%; min-width: 110px; gap: 1px; text-align: left; }
.recommendation-button.has-virtual-stake strong, .recommendation-button.has-virtual-stake span, .recommendation-button.has-virtual-stake small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.recommendation-button.has-virtual-stake strong { font-size: 9px; }
.recommendation-button.has-virtual-stake span { font-size: 8px; font-weight: 750; }
.recommendation-button.has-virtual-stake small { font-size: 7px; font-weight: 650; opacity: .8; }
.recommendation-button.is-won { border-color: #a9dfc2; background: #e7f7ef; color: #19734b; }
.recommendation-button.is-lost { border-color: #efb8bf; background: #fff0f2; color: #b4233a; }
.recommendation-button.is-refund { border-color: #ccd2da; background: #eef0f3; color: #667085; }
.recommendation-button::after {
  position: absolute;
  right: 0;
  bottom: calc(100% + 9px);
  z-index: 20;
  width: 210px;
  padding: 9px 11px;
  border-radius: 8px;
  background: #14263a;
  box-shadow: 0 8px 22px rgba(18, 32, 49, .2);
  color: #fff;
  content: attr(data-tooltip);
  font: 500 9px/1.45 Arial, sans-serif;
  opacity: 0;
  pointer-events: none;
  text-align: left;
  transform: translateY(4px);
  transition: opacity .15s ease, transform .15s ease;
}
.recommendation-button:hover::after, .recommendation-button:focus-visible::after { opacity: 1; transform: translateY(0); }
.match-row.is-live { background: linear-gradient(90deg, rgba(243,4,70,.035), transparent 45%); }

.empty-state {
  padding: 52px 24px;
  border-radius: 12px;
  background: #fff;
  color: #8c94a0;
  text-align: center;
  box-shadow: 0 10px 28px rgba(28, 38, 54, .055);
}

.empty-state p { margin: 0; }

.nearest-date {
  margin-top: 15px;
  padding: 9px 13px;
  border: 0;
  border-radius: 8px;
  background: #0c3440;
  color: #fff;
  font-size: 11px;
  font-weight: 750;
  cursor: pointer;
}

.nearest-date:hover { background: #082a34; }

.match-card.is-match-center .toolbar { display: none; }
.match-card.is-match-center .league-feed { margin-top: 0; }
.match-center {
  overflow: hidden;
  border: 1px solid rgba(24, 36, 58, .05);
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 12px 34px rgba(28, 38, 54, .07);
}
.match-center-hero { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 22px 24px 18px; }
.match-center-hero h2 { margin: 7px 0 4px; color: #132039; font-size: clamp(23px, 3vw, 32px); letter-spacing: -.035em; }
.match-center-hero h2 b { color: #a1a8b3; font-weight: 500; }
.match-center-hero p { margin: 0; color: #8b94a2; font-size: 11px; }
.match-center-status { display: inline-flex; padding: 5px 8px; border-radius: 6px; background: #edf2f5; color: #42606b; font-size: 8px; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.match-center-status.is-loading { background: #fff0f4; color: var(--accent); }
.lineup-stage { display: inline-flex; align-items: center; width: max-content; padding: 6px 9px; border-radius: 7px; font-size: 8px; font-weight: 850; letter-spacing: .04em; white-space: nowrap; }
.lineup-stage.is-official { background: #e7f7ef; color: #19734b; }
.lineup-stage.is-probable { background: #fff4d8; color: #a56507; }
.lineup-stage.is-unavailable { background: #eef0f3; color: #717b89; }
.match-center-tabs { display: flex; width: 100%; overflow-x: auto; padding: 0 16px; border-top: 1px solid #eef0f3; border-bottom: 1px solid #e8ebef; scrollbar-width: none; }
.match-center-tabs::-webkit-scrollbar { display: none; }
.match-center-tabs button { position: relative; flex: 0 0 auto; min-height: 48px; padding: 0 12px; border: 0; background: transparent; color: #727c8a; font-size: 9px; font-weight: 800; cursor: pointer; }
.match-center-tabs button:hover { color: #26364c; }
.match-center-tabs button.is-active { color: var(--accent); }
.match-center-tabs button.is-active::after { position: absolute; right: 10px; bottom: -1px; left: 10px; height: 3px; border-radius: 3px 3px 0 0; background: var(--accent); content: ""; }
.match-center-tabs.is-skeleton { min-height: 49px; background: linear-gradient(90deg, transparent, #f3f5f7, transparent); }
.match-center-body { min-height: 410px; padding: 20px; background: #f8f9fb; }
.match-center-loading, .match-center-empty { display: grid; min-height: 390px; place-items: center; align-content: center; gap: 8px; padding: 35px; color: #758092; text-align: center; }
.match-center-loading strong, .match-center-empty strong { color: #2c394e; font-size: 14px; }
.match-center-loading small, .match-center-empty p { max-width: 430px; margin: 0; color: #8d96a3; font-size: 10px; line-height: 1.55; }
.match-center-empty > span { display: grid; width: 44px; height: 44px; place-items: center; border-radius: 14px; background: #eef1f4; color: #667385; font-size: 15px; font-weight: 850; }
.match-center-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.mc-summary-card { display: grid; min-height: 145px; align-content: start; gap: 8px; padding: 18px; border: 1px solid #e9edf1; border-radius: 13px; background: #fff; }
.mc-summary-card small { color: #8993a1; font-size: 8px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.mc-summary-card strong { color: #243249; font-size: 14px; }
.mc-summary-card span { color: #7c8796; font-size: 9px; line-height: 1.5; }
.mc-summary-card.is-decision { border-color: #f4dce4; background: #fff9fb; }
.shadow-rollout { display: grid; gap: 13px; margin-top: 12px; padding: 17px; border: 1px solid #dcebe5; border-radius: 13px; background: linear-gradient(135deg, #f6fcf9 0%, #fff 72%); }
.shadow-rollout-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.shadow-rollout-head > span { display: grid; grid-template-columns: 10px 1fr; column-gap: 9px; }
.shadow-rollout-head i { grid-row: 1 / 3; align-self: center; width: 9px; height: 9px; border-radius: 50%; background: #32af70; box-shadow: 0 0 0 4px rgba(50,175,112,.13); }
.shadow-rollout-head small { color: #668276; font-size: 7px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.shadow-rollout-head strong { color: #203e33; font-size: 12px; }
.shadow-rollout-head > b { color: #1f6048; font-size: 14px; white-space: nowrap; }
.shadow-rollout-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
.shadow-rollout-stats span { display: grid; gap: 3px; padding: 10px; border: 1px solid #e3eee9; border-radius: 9px; background: rgba(255,255,255,.78); color: #75847e; font-size: 7px; line-height: 1.3; }
.shadow-rollout-stats b { color: #294d3f; font-size: 12px; }
.shadow-performance-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
.shadow-performance-grid article { display: grid; gap: 4px; padding: 11px; border: 1px solid #e3eae7; border-radius: 9px; background: #fff; }
.shadow-performance-grid small { color: #7c8b84; font-size: 7px; font-weight: 850; letter-spacing: .05em; text-transform: uppercase; }
.shadow-performance-grid strong { color: #233f34; font-size: 15px; }
.shadow-performance-grid span { color: #929c97; font-size: 7px; line-height: 1.35; }
.shadow-market-progress { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.shadow-market-progress > span { display: grid; grid-template-columns: 1fr auto; gap: 5px; align-items: center; }
.shadow-market-progress small { color: #526c62; font-size: 8px; font-weight: 800; }
.shadow-market-progress em { color: #819087; font-size: 7px; font-style: normal; }
.shadow-market-progress i { grid-column: 1 / 3; height: 4px; overflow: hidden; border-radius: 99px; background: #e4ece8; }
.shadow-market-progress i b { display: block; height: 100%; min-width: 2px; border-radius: inherit; background: #ff0a55; }
.shadow-market-progress .is-waiting-model small, .shadow-market-progress .is-waiting-model em,
.shadow-market-progress .is-awaiting-strict-sample small, .shadow-market-progress .is-awaiting-strict-sample em { color: #a0a8a4; }
.shadow-market-progress .is-waiting-model i b, .shadow-market-progress .is-awaiting-strict-sample i b { background: #aab4af; }
.shadow-market-progress .is-ready i b { background: #32af70; }
.shadow-rollout > p { margin: 0; color: #75847e; font-size: 8px; line-height: 1.5; }
.source-audit { display: grid; gap: 10px; margin-top: 12px; padding: 16px; border: 1px solid #e4e9ee; border-radius: 13px; background: #fff; }
.source-audit-head { display: flex; align-items: center; gap: 9px; }
.source-audit-head > i, .source-inline-status > i { width: 9px; height: 9px; border-radius: 50%; background: #e1a842; box-shadow: 0 0 0 4px rgba(225,168,66,.13); }
.source-audit.is-verified .source-audit-head > i, .source-inline-status.is-verified > i { background: #32af70; box-shadow: 0 0 0 4px rgba(50,175,112,.13); }
.source-audit.is-conflict .source-audit-head > i, .source-inline-status.is-conflict > i { background: #d84360; box-shadow: 0 0 0 4px rgba(216,67,96,.13); }
.source-audit.is-fallback .source-audit-head > i, .source-inline-status.is-fallback > i { background: #e1962e; }
.source-audit-head span { display: grid; gap: 2px; }
.source-audit-head small { color: #8b95a3; font-size: 7px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.source-audit-head strong { color: #27364c; font-size: 12px; }
.source-audit > p { margin: 0; color: #748091; font-size: 9px; line-height: 1.5; }
.source-routes { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; }
.source-routes span { display: grid; gap: 4px; padding: 10px; border-radius: 9px; background: #f3f5f7; color: #5f6c7e; font-size: 8px; }
.source-routes b { color: #8b95a2; font-size: 6px; letter-spacing: .05em; text-transform: uppercase; }
.source-audit details { border-top: 1px solid #e8ecf0; }
.source-audit details summary { padding-top: 9px; color: #46556a; font-size: 8px; font-weight: 800; cursor: pointer; }
.source-audit details p { margin: 8px 0 0; color: #778393; font-size: 8px; line-height: 1.5; }
.source-inline-status { display: grid; grid-template-columns: 10px minmax(0, 1fr); align-items: center; gap: 9px; padding: 10px 11px; border: 1px solid #e4e9ee; border-radius: 9px; background: #fff; }
.source-inline-status span { display: grid; gap: 2px; }
.source-inline-status strong { color: #344258; font-size: 9px; }
.source-inline-status small { color: #7c8796; font-size: 8px; line-height: 1.4; }
.source-inline-status.is-conflict { border-color: #efc6cf; background: #fff7f8; }
.source-inline-status.is-verified { border-color: #cfe8da; background: #f7fcf9; }
.lineup-panel { display: grid; gap: 12px; }
.lineup-source, .lineup-team-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; color: #8a94a1; font-size: 9px; }
.lineup-source > span:last-child { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.lineup-warning { margin: 0; padding: 9px 11px; border: 1px solid #f1dfb4; border-radius: 8px; background: #fff9eb; color: #8e6a22; font-size: 9px; line-height: 1.45; }
.lineup-team-head { display: grid; grid-template-columns: 1fr auto auto 1fr; padding: 0 4px; color: #25334a; }
.lineup-team-head strong:last-child { text-align: right; }
.lineup-team-head span { padding: 4px 7px; border-radius: 6px; background: #edf1f4; color: #657184; font-weight: 800; }
.football-pitch { position: relative; min-height: 540px; overflow: hidden; border: 2px solid rgba(255,255,255,.72); border-radius: 14px; background: repeating-linear-gradient(0deg, rgba(255,255,255,.025) 0 54px, rgba(255,255,255,.07) 54px 108px), #4f956b; box-shadow: inset 0 0 0 1px rgba(21,71,44,.25); }
.football-pitch::before { position: absolute; inset: 14px; border: 1px solid rgba(255,255,255,.58); content: ""; }
.pitch-center { position: absolute; top: 50%; right: 14px; left: 14px; border-top: 1px solid rgba(255,255,255,.62); }
.pitch-circle { position: absolute; top: 50%; left: 50%; width: 100px; height: 100px; border: 1px solid rgba(255,255,255,.62); border-radius: 50%; transform: translate(-50%, -50%); }
.pitch-circle::after { position: absolute; top: 50%; left: 50%; width: 5px; height: 5px; border-radius: 50%; background: rgba(255,255,255,.8); content: ""; transform: translate(-50%, -50%); }
.pitch-box { position: absolute; left: 31%; width: 38%; height: 70px; border: 1px solid rgba(255,255,255,.62); }
.pitch-box-top { top: 14px; border-top: 0; }
.pitch-box-bottom { bottom: 14px; border-bottom: 0; }
.pitch-player { position: absolute; z-index: 2; display: grid; justify-items: center; gap: 3px; width: 74px; padding: 0; border: 0; background: transparent; cursor: pointer; transform: translate(-50%, -50%); }
.pitch-player > span { display: grid; width: 31px; height: 31px; place-items: center; border: 3px solid rgba(255,255,255,.82); border-radius: 50%; box-shadow: 0 4px 10px rgba(9,42,25,.25); color: #fff; font-size: 8px; font-weight: 900; }
.pitch-player.is-home > span { background: #17496c; }
.pitch-player.is-away > span { background: #e7a12b; }
.pitch-player small { max-width: 74px; overflow: hidden; padding: 3px 5px; border-radius: 5px; background: rgba(255,255,255,.94); box-shadow: 0 2px 5px rgba(16,48,30,.16); color: #213042; font-size: 7px; font-weight: 800; text-overflow: ellipsis; white-space: nowrap; }
.market-center { display: grid; gap: 18px; }
.market-xg, .market-probabilities { display: grid; align-items: center; gap: 10px; }
.market-xg { grid-template-columns: 1fr auto 1fr; }
.market-xg article, .market-probabilities article { display: grid; justify-items: center; gap: 5px; padding: 18px; border: 1px solid #e7ebef; border-radius: 12px; background: #fff; text-align: center; }
.market-xg article strong { color: #17263d; font-size: 28px; }
.market-xg article small, .market-xg article span, .market-probabilities small { color: #83909f; font-size: 9px; }
.market-probabilities { grid-template-columns: repeat(3, 1fr); }
.market-probabilities strong { color: #17263d; font-size: 18px; }
.match-center-note { margin: 0; color: #8893a2; font-size: 9px; line-height: 1.55; }
.stats-table { overflow: hidden; border: 1px solid #e6eaee; border-radius: 12px; background: #fff; }
.stats-table > div { display: grid; grid-template-columns: 1fr 1.3fr 1fr; align-items: center; min-height: 42px; padding: 0 15px; border-bottom: 1px solid #eef0f3; text-align: center; }
.stats-table > div:last-child { border-bottom: 0; }
.stats-table span { color: #7d8795; font-size: 9px; }
.stats-table strong { color: #27354b; font-size: 11px; }
.stats-head { background: #f1f4f6; }
.match-center-data { max-height: 520px; overflow: auto; margin: 0; padding: 16px; border-radius: 10px; background: #17263a; color: #dce7f0; font-size: 9px; white-space: pre-wrap; }
.h2h-list { display: grid; overflow: hidden; border: 1px solid #e5e9ed; border-radius: 12px; background: #fff; }
.reference-source { padding: 11px 14px; border-bottom: 1px solid #e9edf0; background: #f1f4f6; color: #758092; font-size: 8px; font-weight: 800; }
.h2h-list article { display: grid; grid-template-columns: 70px 1fr 54px 1fr; align-items: center; min-height: 48px; padding: 0 14px; border-bottom: 1px solid #eef0f2; font-size: 9px; }
.h2h-list article time { color: #8a94a1; }
.h2h-list article span:first-of-type { text-align: right; }
.h2h-list article strong { color: #203047; text-align: center; }
.h2h-list > .match-center-note { padding: 12px 14px; }
.standing-table { overflow: auto; border: 1px solid #e5e9ed; border-radius: 12px; background: #fff; }
.standing-table > div { display: grid; grid-template-columns: 28px minmax(130px, 1fr) repeat(4, 32px) 55px 32px; align-items: center; min-height: 38px; padding: 0 12px; border-bottom: 1px solid #eef0f2; color: #657184; font-size: 8px; text-align: center; }
.standing-table > div > span:nth-child(2) { overflow: hidden; color: #29374d; font-weight: 700; text-align: left; text-overflow: ellipsis; white-space: nowrap; }
.standing-table > div:last-child { border-bottom: 0; }
.standing-table > div.is-selected { background: #fff2f6; box-shadow: inset 3px 0 0 var(--accent); }
.standing-table .standing-head { min-height: 34px; background: #f1f4f6; color: #737e8c; font-weight: 800; }
.agent-outcome-center { display: grid; justify-items: start; gap: 12px; padding: 20px; border: 1px solid #e6eaee; border-radius: 13px; background: #fff; }
.agent-outcome-state { padding: 6px 9px; border-radius: 7px; background: #fff0f3; color: #b62b4b; font-size: 8px; font-weight: 850; }
.agent-outcome-state.is-allowed { background: #e7f7ef; color: #19734b; }
.agent-outcome-center h3 { margin: 0; color: #1f2e45; font-size: 20px; }
.agent-outcome-center > p { margin: 0; color: #748091; font-size: 10px; line-height: 1.55; }
.agent-outcome-center > div { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; width: 100%; }
.agent-outcome-center article { display: grid; gap: 5px; padding: 12px; border-radius: 9px; background: #f4f6f8; }
.agent-outcome-center article small { color: #87919f; font-size: 8px; }
.agent-outcome-center article strong { color: #29374d; font-size: 11px; }
.agent-outcome-layout { display: grid; gap: 13px; }
.match-agent-blocks { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }
.match-agent-blocks > div { display: flex; grid-column: 1 / -1; align-items: center; justify-content: space-between; padding: 0 2px; color: #7d8794; font-size: 9px; }
.match-agent-blocks > div strong { color: #334158; }
.match-agent-blocks article { display: grid; grid-template-columns: 34px minmax(0, 1fr); align-items: center; gap: 9px; min-height: 64px; padding: 11px; border: 1px solid #e5e9ed; border-radius: 11px; background: #fff; }
.match-agent-blocks article i { display: grid; width: 34px; height: 34px; place-items: center; border-radius: 10px; background: #e8f7ef; color: #168653; font-size: 11px; font-style: normal; font-weight: 900; }
.match-agent-blocks article.is-waiting i { background: #fff3d6; color: #a96b0b; }
.match-agent-blocks article.is-blocked i { background: #ffe8ed; color: #c82f52; }
.match-agent-blocks article strong, .match-agent-blocks article small { display: block; }
.match-agent-blocks article strong { color: #2c3a50; font-size: 9px; }
.match-agent-blocks article small { margin-top: 3px; color: #8892a0; font-size: 7px; }

@media (max-width: 1080px) {
  .workspace { grid-template-columns: minmax(0, 1fr); }
  .agents-panel { position: static; min-height: 250px; }
  .agents-empty { min-height: 160px; }
}

@media (max-width: 840px) {
  .app-shell { grid-template-columns: 1fr; }
  .sidebar { position: static; height: auto; padding: 18px; border-right: 0; border-bottom: 1px solid #dfe3e8; }
  .brand { margin: 0 0 20px; }
  .sidebar-heading, .sidebar-footer { display: none; }
  .league-list { display: flex; gap: 8px; width: 100%; max-width: 100%; overflow-x: auto; padding-bottom: 4px; scrollbar-width: none; }
  .league-list::-webkit-scrollbar { display: none; }
  .league-button { flex: 0 0 160px; min-height: 48px; background: #e9ebee; }
  .league-button.is-active::before { display: none; }
  .workspace { padding: 28px 14px 42px; }
  .page-header { margin-bottom: 20px; }
  .toolbar { align-items: flex-start; flex-direction: column; }
  .date-control { align-self: stretch; width: 100%; }
  .schedule-controls { align-self: stretch; width: 100%; }
  .schedule-controls .date-control { flex: 1; }
  .date-switcher { width: 100%; grid-template-columns: 42px minmax(108px, 1fr) 42px; }
  .date-menu { right: 0; width: 168px; }
}

@media (max-width: 600px) {
  .match-card { border-radius: 12px; }
  .filters { flex-wrap: nowrap; width: 100%; overflow-x: auto; padding-bottom: 3px; }
  .filter { flex: 0 0 auto; }
  .competition-bar { grid-template-columns: 24px 20px minmax(0, 1fr) 15px 24px; }
  .competition-bar .table-link, .competition-spacer { display: none; }
  .competition-bar::after { display: none; }
  .match-row { grid-template-columns: 30px 47px minmax(120px, 1fr) minmax(50px, 82px); min-height: 66px; }
  .recommendation-button { max-width: 82px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .matches { padding-inline: 8px; }
  .match-center-hero { align-items: flex-start; flex-direction: column; padding: 18px; }
  .match-center-body { padding: 12px; }
  .match-center-grid { grid-template-columns: 1fr; }
  .shadow-rollout-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .shadow-performance-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .shadow-market-progress { grid-template-columns: 1fr; }
  .source-routes { grid-template-columns: 1fr; }
  .football-pitch { min-height: 500px; }
  .pitch-player { width: 60px; }
  .pitch-player small { max-width: 60px; font-size: 6px; }
  .agent-outcome-center > div { grid-template-columns: 1fr; }
  .match-agent-blocks { grid-template-columns: 1fr; }
}

/* Mobile-first application shell */
.mobile-top-actions,
.mobile-bottom-nav,
.mobile-sheet,
.mobile-decision-card,
.match-tab-more,
.match-center-more-menu { display: none; }

.match-agent-block {
  overflow: hidden;
  border: 1px solid #e5e9ed;
  border-radius: 11px;
  background: #fff;
}
.match-agent-block > summary {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) 20px;
  align-items: center;
  gap: 9px;
  min-height: 64px;
  padding: 11px;
  cursor: pointer;
  list-style: none;
}
.match-agent-block > summary::-webkit-details-marker { display: none; }
.match-agent-block > summary > i {
  display: grid;
  width: 34px;
  height: 34px;
  place-items: center;
  border-radius: 10px;
  background: #e8f7ef;
  color: #168653;
  font-size: 11px;
  font-style: normal;
  font-weight: 900;
}
.match-agent-block.is-waiting > summary > i { background: #fff3d6; color: #a96b0b; }
.match-agent-block.is-blocked > summary > i { background: #ffe8ed; color: #c82f52; }
.match-agent-block > summary span strong,
.match-agent-block > summary span small { display: block; }
.match-agent-block > summary span strong { color: #2c3a50; font-size: 9px; }
.match-agent-block > summary span small { margin-top: 3px; color: #8892a0; font-size: 7px; }
.match-agent-block > summary > b { color: #8b95a2; font-size: 13px; transition: transform .2s ease; }
.match-agent-block[open] > summary > b { transform: rotate(180deg); }
.match-agent-block > div { display: grid; gap: 7px; padding: 0 11px 11px; border-top: 1px solid #edf0f3; }
.match-agent-block > div > p { margin: 10px 0 2px; color: #717d8c; font-size: 8px; line-height: 1.5; }
.match-agent-block > div article { display: grid; grid-template-columns: 1fr; gap: 5px; min-height: 0; padding: 9px; border: 0; border-radius: 8px; background: #f6f8fa; }
.match-agent-block > div article span { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.match-agent-block > div article strong { color: #344258; font-size: 8px; }
.match-agent-block > div article small { color: #8b95a2; font-size: 7px; text-transform: uppercase; }
.match-agent-block > div article p { margin: 0; color: #737f8e; font-size: 7px; line-height: 1.45; }
.match-agent-block > div article.is-blocked small { color: #c82f52; }
.match-agent-block > div article.is-ready small { color: #168653; }

@media (max-width: 600px) {
  html { scroll-padding-top: 112px; }
  body { padding-bottom: calc(72px + env(safe-area-inset-bottom)); overflow-x: hidden; }
  button, summary { -webkit-tap-highlight-color: transparent; }

  .sidebar {
    position: sticky;
    z-index: 30;
    top: 0;
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 8px 12px;
    padding: calc(7px + env(safe-area-inset-top)) 14px 8px;
    border-bottom: 1px solid rgba(213, 219, 226, .9);
    background: rgba(247, 248, 250, .96);
    backdrop-filter: blur(16px);
  }
  .brand { min-height: 40px; margin: 0; font-size: 13px; }
  .brand-mark { height: 21px; }
  .mobile-top-actions { display: flex; align-items: center; gap: 8px; }
  .mobile-top-actions > span { padding: 6px 8px; border-radius: 8px; background: #0c3440; color: #fff; font-size: 8px; font-weight: 850; }
  .mobile-top-actions button { position: relative; display: grid; width: 40px; height: 40px; place-items: center; border: 1px solid #e0e4e8; border-radius: 12px; background: #fff; color: #26364c; font-size: 17px; }
  .mobile-top-actions button.is-enabled { border-color: #bfe4d0; background: #effaf4; color: #168653; }
  .mobile-top-actions button > i { position: absolute; top: -3px; right: -3px; display: grid; min-width: 17px; height: 17px; place-items: center; padding: 0 4px; border: 2px solid #f7f8fa; border-radius: 10px; background: var(--accent); color: #fff; font-size: 7px; font-style: normal; font-weight: 900; }
  .league-list { grid-column: 1 / -1; gap: 7px; padding: 1px 0 3px; }
  .league-button { flex: 0 0 auto; width: auto; min-width: 122px; min-height: 44px; padding: 7px 10px; border: 1px solid transparent; border-radius: 12px; background: #eceef1; }
  .league-button.is-active { border-color: #f3b7c7; background: #fff; box-shadow: 0 4px 14px rgba(36, 45, 58, .07); }
  .league-label strong { max-width: 92px; font-size: 11px; }
  .league-label small { font-size: 8px; }
  .league-button .chevron { display: none; }

  .workspace { padding: 16px 12px 32px; }
  .content { min-width: 0; }
  .page-header { margin: 2px 2px 14px; }
  .page-header .eyebrow { font-size: 9px; }
  .page-header h1 { margin-top: 6px; font-size: clamp(26px, 8vw, 33px); line-height: 1.04; }
  .league-meta { margin-top: 7px; font-size: 11px; }
  body.is-match-view .page-header { display: none; }

  .toolbar { gap: 10px; padding: 12px; border-radius: 15px; }
  .filters { gap: 6px; margin: 0 -2px; padding: 0 2px 3px; }
  .filter { min-height: 40px; padding: 0 13px; border-radius: 10px; font-size: 8px; }
  .schedule-controls { gap: 7px; }
  .timezone-badge { display: none; }
  .date-switcher { height: 44px; border-radius: 11px; }
  .date-arrow { font-size: 20px; }
  .date-current strong { font-size: 12px; }
  .date-current small { font-size: 9px; }
  .date-menu { position: fixed; z-index: 80; top: auto; right: 12px; bottom: calc(78px + env(safe-area-inset-bottom)); left: 12px; width: auto; max-height: 70vh; padding: 12px; border-radius: 18px; }
  .date-option { min-height: 44px; font-size: 12px; }

  .league-feed { gap: 10px; margin-top: 10px; }
  .league-section { border-radius: 14px; }
  .competition-bar { grid-template-columns: 24px minmax(0, 1fr) 34px; min-height: 42px; padding: 5px 10px; }
  .competition-bar .star-button, .competition-bar .pin, .competition-bar .table-link, .competition-bar .competition-spacer { display: none; }
  .competition-title { overflow: hidden; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
  .collapse-button { width: 34px; height: 34px; }
  .matches { padding: 0 9px 5px; }
  .match-row { grid-template-columns: 46px minmax(0, 1fr) 82px; gap: 7px; min-height: 78px; }
  .match-row > .favorite { display: none; }
  .match-row time { align-self: start; padding-top: 14px; font-size: 11px; font-weight: 750; }
  .teams { gap: 8px; }
  .team { gap: 7px; }
  .team-badge { width: 22px; height: 22px; }
  .team-name { font-size: 12px; }
  .recommendation-cell { width: 82px; }
  .recommendation-button { max-width: 82px; min-height: 38px; font-size: 8px; }
  .recommendation-button.is-waiting { display: grid; width: 82px; min-height: 52px; align-content: center; gap: 2px; padding: 6px; border-radius: 10px; font-size: 14px; }
  .recommendation-button.is-waiting::after { position: static; display: block; width: auto; max-width: none; padding: 0; background: transparent; box-shadow: none; color: #8b95a2; content: attr(data-mobile-status); font-family: inherit; font-size: 6px; line-height: 1.2; opacity: 1; pointer-events: none; text-align: center; transform: none; white-space: normal; }
  .recommendation-button.has-virtual-stake { min-width: 82px; padding: 6px; white-space: normal; }

  .agents-panel { display: none; }
  .match-card.is-match-center { margin: 0; }
  .match-center { border-radius: 15px; box-shadow: 0 8px 24px rgba(28, 38, 54, .07); }
  .match-center-hero { gap: 11px; padding: 16px 15px 13px; }
  .match-center-hero h2 { margin: 8px 0 5px; font-size: 23px; line-height: 1.08; }
  .match-center-hero p { font-size: 9px; }
  .lineup-stage { padding: 6px 8px; font-size: 7px; }
  .match-center-tabs { position: sticky; z-index: 18; top: 105px; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); padding: 0 6px; background: rgba(255,255,255,.97); backdrop-filter: blur(12px); }
  .match-center-tabs button { min-width: 0; min-height: 48px; padding: 0 4px; font-size: 8px; }
  .match-center-tabs .is-mobile-extra { display: none; }
  .match-center-tabs .match-tab-more { display: block; }
  .match-center-tabs button.is-active::after { right: 5px; left: 5px; }
  .match-center-more-menu:not([hidden]) { display: grid; grid-template-columns: repeat(3, 1fr); gap: 7px; padding: 9px; border-bottom: 1px solid #e8ebef; background: #f7f9fb; }
  .match-center-more-menu button { min-height: 40px; border: 1px solid #e3e7eb; border-radius: 9px; background: #fff; color: #536074; font-size: 9px; font-weight: 800; }
  .match-center-more-menu button.is-active { border-color: #f3b7c7; color: var(--accent); }
  .match-center-body { min-height: 330px; padding: 10px; }

  .mobile-decision-card { display: grid; gap: 10px; margin-bottom: 10px; padding: 16px; border: 1px solid #e4e9ee; border-radius: 14px; background: #fff; box-shadow: 0 8px 22px rgba(31, 43, 60, .06); }
  .mobile-decision-card.is-allowed { border-color: #bfe5d1; background: linear-gradient(145deg, #f3fcf7, #fff); }
  .mobile-decision-card.is-waiting { border-color: #f0ddb2; background: linear-gradient(145deg, #fffaf0, #fff); }
  .mobile-decision-card.is-blocked { border-color: #edcbd3; background: linear-gradient(145deg, #fff7f9, #fff); }
  .mobile-decision-head { display: flex; align-items: center; justify-content: space-between; color: #7a8594; font-size: 8px; font-weight: 900; letter-spacing: .09em; text-transform: uppercase; }
  .mobile-decision-head i { width: 9px; height: 9px; border-radius: 50%; background: #d54a68; box-shadow: 0 0 0 4px rgba(213,74,104,.12); }
  .mobile-decision-card.is-allowed .mobile-decision-head i { background: #31a76c; box-shadow: 0 0 0 4px rgba(49,167,108,.12); }
  .mobile-decision-card.is-waiting .mobile-decision-head i { background: #dfa33b; box-shadow: 0 0 0 4px rgba(223,163,59,.13); }
  .mobile-decision-card h3 { margin: 0; color: #1d2b41; font-size: 20px; line-height: 1.2; }
  .mobile-decision-card > p { margin: 0; color: #6f7b8b; font-size: 10px; line-height: 1.5; }
  .mobile-decision-metrics { display: grid; grid-template-columns: repeat(3, 1fr); gap: 7px; }
  .mobile-decision-metrics > span { display: grid; gap: 4px; padding: 10px 8px; border-radius: 9px; background: rgba(255,255,255,.82); }
  .mobile-decision-metrics small { color: #8b95a2; font-size: 7px; }
  .mobile-decision-metrics strong { color: #2b394e; font-size: 13px; }
  .mobile-decision-metrics em { display: block; color: #7c8796; font-size: 7px; font-style: normal; }
  .mobile-decision-card > button { min-height: 42px; border: 0; border-radius: 10px; background: #142f3e; color: #fff; font-size: 10px; font-weight: 800; }
  .match-center-grid { display: flex; gap: 8px; overflow-x: auto; padding-bottom: 3px; scroll-snap-type: x proximity; }
  .match-center-grid { scrollbar-width: none; }
  .match-center-grid::-webkit-scrollbar { display: none; }
  .mc-summary-card { flex: 0 0 148px; min-height: 112px; gap: 6px; padding: 12px; scroll-snap-align: start; }
  .mc-summary-card.is-decision { display: none; }
  .mc-summary-card strong { font-size: 11px; }
  .mc-summary-card span { font-size: 8px; }
  .shadow-rollout, .source-audit { display: none; }

  .match-center-empty, .match-center-loading { min-height: 300px; padding: 25px 18px; }
  .lineup-source { align-items: flex-start; flex-direction: column; }
  .football-pitch { min-height: 520px; border-radius: 12px; }
  .lineup-team-head { grid-template-columns: 1fr auto auto 1fr; gap: 5px; font-size: 8px; }
  .pitch-player { width: 58px; }
  .pitch-player > span { width: 29px; height: 29px; }
  .pitch-player small { max-width: 58px; font-size: 6px; }
  .market-xg article, .market-probabilities article { padding: 13px 8px; }
  .h2h-list article { grid-template-columns: 49px minmax(84px, 1fr) 42px minmax(84px, 1fr); padding: 0 9px; }
  .standing-table { margin: 0 -1px; }

  .agent-outcome-center { gap: 10px; padding: 15px; }
  .agent-outcome-center h3 { font-size: 18px; }
  .agent-outcome-center > div { grid-template-columns: repeat(3, 1fr); gap: 6px; }
  .agent-outcome-center article { padding: 9px 7px; }
  .match-agent-blocks { grid-template-columns: 1fr; }
  .match-agent-blocks > div { position: sticky; top: 154px; z-index: 5; padding: 7px 2px; background: #f8f9fb; }
  .match-agent-block > summary { min-height: 60px; }
  .match-agent-block > summary span strong { font-size: 10px; }
  .match-agent-block > summary span small { font-size: 8px; }
  .match-agent-block > div > p { font-size: 9px; }
  .match-agent-block > div article strong { font-size: 9px; }
  .match-agent-block > div article p { font-size: 8px; }

  .mobile-bottom-nav {
    position: fixed;
    z-index: 70;
    right: 0;
    bottom: 0;
    left: 0;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    min-height: calc(64px + env(safe-area-inset-bottom));
    padding: 5px 8px env(safe-area-inset-bottom);
    border-top: 1px solid #e0e5e9;
    background: rgba(255,255,255,.97);
    box-shadow: 0 -8px 26px rgba(25, 36, 51, .08);
    backdrop-filter: blur(18px);
  }
  .mobile-bottom-nav button { display: grid; min-height: 54px; place-items: center; align-content: center; gap: 3px; border: 0; border-radius: 11px; background: transparent; color: #8a94a2; }
  .mobile-bottom-nav button i { font-size: 15px; font-style: normal; font-weight: 850; line-height: 1; }
  .mobile-bottom-nav button span { font-size: 8px; font-weight: 750; }
  .mobile-bottom-nav button.is-active { background: #fff0f4; color: var(--accent); }

  .ai-chat-launcher { right: 13px; bottom: calc(76px + env(safe-area-inset-bottom)); min-height: 42px; padding-right: 13px; }
  .ai-chat-drawer {
    z-index: 90;
    right: 8px;
    bottom: calc(68px + env(safe-area-inset-bottom));
    left: 8px;
    width: auto;
    height: min(76vh, 650px);
    border-radius: 21px 21px 14px 14px;
  }
  .ai-chat-header { padding: 14px 15px; }
  .ai-chat-context { padding-inline: 15px; }
  .ai-chat-messages { padding: 14px 13px; }
  .ai-chat-message { font-size: 11px; }
  .ai-chat-suggestions { padding-inline: 13px; }
  .ai-chat-suggestions button { min-height: 34px; font-size: 8px; }
  .ai-chat-form { padding: 11px 12px; }
  .ai-chat-form textarea { font-size: 11px; }

  .mobile-sheet:not([hidden]) {
    position: fixed;
    z-index: 65;
    right: 8px;
    bottom: calc(66px + env(safe-area-inset-bottom));
    left: 8px;
    display: block;
    max-height: min(72vh, 620px);
    overflow-y: auto;
    padding: 8px 14px 18px;
    border: 1px solid #e1e6ea;
    border-radius: 21px 21px 14px 14px;
    background: #fff;
    box-shadow: 0 -18px 50px rgba(21, 31, 46, .2);
  }
  .mobile-sheet-handle { width: 38px; height: 4px; margin: 0 auto 8px; border-radius: 4px; background: #d8dde2; }
  .mobile-sheet-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 5px 1px 13px; border-bottom: 1px solid #edf0f2; }
  .mobile-sheet-head small { color: var(--accent); font-size: 7px; font-weight: 900; letter-spacing: .1em; }
  .mobile-sheet-head h2 { margin: 3px 0 0; color: #1e2c42; font-size: 20px; }
  .mobile-sheet-head button { width: 40px; height: 40px; border: 0; border-radius: 12px; background: #f0f2f4; color: #677283; font-size: 22px; }
  .mobile-sheet-content { padding-top: 13px; }
  .mobile-bank-summary { display: grid; gap: 10px; }
  .mobile-bank-summary > article { padding: 17px; border-radius: 14px; background: #0d3440; color: #fff; }
  .mobile-bank-summary small, .mobile-bank-summary span { display: block; }
  .mobile-bank-summary > article small { color: #a8c2c8; font-size: 8px; }
  .mobile-bank-summary > article strong { display: block; margin: 5px 0 2px; font-size: 26px; }
  .mobile-bank-summary > article span { color: #c6d7da; font-size: 9px; }
  .mobile-bank-summary > div { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; }
  .mobile-bank-summary > div span { padding: 11px; border: 1px solid #e7ebee; border-radius: 11px; background: #f8fafb; }
  .mobile-bank-summary > div small { color: #8993a0; font-size: 7px; }
  .mobile-bank-summary > div strong { display: block; margin-top: 4px; color: #2c394d; font-size: 13px; }
  .mobile-bank-summary .is-profit { color: #168653; }
  .mobile-bank-summary .is-loss { color: #c82f52; }
  .mobile-bank-summary > p, .mobile-system-card p { margin: 0; color: #7c8795; font-size: 9px; line-height: 1.5; }
  .mobile-sheet-empty { display: grid; min-height: 250px; justify-items: center; align-content: center; gap: 8px; text-align: center; }
  .mobile-sheet-empty > i { display: grid; width: 48px; height: 48px; place-items: center; border-radius: 15px; background: #edf6f8; color: #0d6170; font-size: 20px; font-style: normal; }
  .mobile-sheet-empty strong { color: #2a384d; font-size: 14px; }
  .mobile-sheet-empty p { max-width: 270px; margin: 0; color: #7e8997; font-size: 9px; line-height: 1.5; }
  .mobile-sheet-empty button { min-height: 42px; margin-top: 6px; padding: 0 15px; border: 0; border-radius: 10px; background: #0d3440; color: #fff; font-size: 9px; font-weight: 800; }
  .mobile-signal-list, .mobile-more-links { display: grid; gap: 8px; }
  .mobile-signal-list button, .mobile-more-links button { display: grid; gap: 4px; width: 100%; padding: 12px; border: 1px solid #e6eaee; border-radius: 11px; background: #f8fafb; text-align: left; }
  .mobile-signal-list small { color: var(--accent); font-size: 7px; font-weight: 850; text-transform: uppercase; }
  .mobile-signal-list strong { color: #2b394e; font-size: 11px; }
  .mobile-signal-list span { color: #7b8695; font-size: 8px; line-height: 1.4; }
  .mobile-more-links button { grid-template-columns: 36px 1fr; align-items: center; }
  .mobile-more-links button > i { display: grid; width: 36px; height: 36px; place-items: center; border-radius: 10px; background: #edf2f5; color: #31596a; font-size: 12px; font-style: normal; font-weight: 900; text-align: center; }
  .mobile-more-links button strong, .mobile-more-links button small { display: block; }
  .mobile-more-links button strong { color: #2b394e; font-size: 10px; }
  .mobile-more-links button small { margin-top: 3px; color: #8993a0; font-size: 8px; }
  .mobile-system-card { display: grid; gap: 7px; margin-top: 10px; padding: 14px; border: 1px solid #dce9e4; border-radius: 12px; background: #f6fbf8; }
  .mobile-system-card > small { color: #5f7b70; font-size: 7px; font-weight: 900; text-transform: uppercase; }
  .mobile-system-card > strong { color: #24473a; font-size: 12px; }
  .mobile-system-card > span { color: #557065; font-size: 8px; }
  .mobile-system-card > span i { display: inline-block; width: 7px; height: 7px; margin-right: 5px; border-radius: 50%; background: #31a76c; }
}

@media (max-width: 370px) {
  .workspace { padding-inline: 9px; }
  .league-button { min-width: 113px; }
  .match-row { grid-template-columns: 43px minmax(0, 1fr) 76px; }
  .recommendation-cell, .recommendation-button.is-waiting { width: 76px; }
  .team-name { font-size: 11px; }
  .match-center-tabs button { font-size: 7px; }
  .mobile-decision-card { padding: 13px; }
}