/* UI-only. Every rule is scoped to the opted-in client workspace. */
.app-shell.wrx-premium {
  --wrx-surface: #101d2c; --wrx-border: #b4c9e31a; --wrx-secondary: #9dadc1;
  --wrx-radius: 12px; background: var(--bg); color: #e4edf8;
}
.wrx-premium .sidebar { width: 208px; padding: 22px 14px; background: linear-gradient(160deg,#101c2b,#0b1420 80%); border-color:var(--wrx-border); }
.wrx-premium .sidebar > .brand { margin: 4px 8px 36px; }
.wrx-premium .sidebar .brand .brand-logo { width:164px; height:46px; }
.wrx-premium .nav-label { font-size:9px; letter-spacing:.14em; margin:0 12px 12px; color:#8596ac; }
.wrx-premium .sidebar nav { gap:4px; }
.wrx-premium .sidebar nav a { min-height:44px; padding:11px 12px; font-size:12px; gap:11px; border-radius:7px; }
.wrx-premium .sidebar nav a svg { width:17px; height:17px; stroke-width:1.6; }
.wrx-premium .sidebar nav a.active { background:linear-gradient(100deg,#23384f,#182739); border-color:#c2d9f014; color:#e4eefb; box-shadow:inset 2px 0 0 #a2c2e6; }
.wrx-premium .sidebar-bottom { padding-top:30px; }
.wrx-premium .sidebar-note { padding:20px 12px; margin-bottom:8px; border-color:var(--wrx-border); }
.wrx-premium .sidebar-bottom > a,.wrx-premium .sidebar-bottom > button { min-height:44px; font-size:12px; }
.wrx-premium .topbar { height:68px; padding:0 30px; background:#0d1723; border-color:var(--wrx-border); }
.wrx-premium .top-search { max-width:440px; }
.wrx-premium .top-search input { font-size:12px; }
.wrx-premium .top-tools { gap:18px; }
.wrx-premium .workspace { padding:20px 30px 18px; max-width:1460px; min-height:calc(100vh - 68px); }
.wrx-premium .back { margin-bottom:14px; font-size:12px; gap:8px; }
.wrx-premium .panel { border:1px solid var(--wrx-border); border-radius:var(--wrx-radius); background:linear-gradient(150deg,#132030,#0e1927); box-shadow:0 5px 20px #00000014,inset 0 1px #ffffff03; }
.wrx-premium .section-top { padding:13px 22px; border-color:var(--wrx-border); }
.wrx-premium .section-top h2 { font-size:14px; }
.wrx-premium .section-top > .muted { font-size:11px; }
.wrx-premium .pagehead { margin-bottom:24px; }
.wrx-premium .pagehead h1 { font-size:28px; }
.wrx-premium .workspace-grid { gap:18px; }
.wrx-premium .workspace-footer { margin-top:24px; padding-top:16px; font-size:10px; color:#8798af; }
.wrx-premium .wrx-match-heading { display:grid; grid-template-columns:1fr auto; column-gap:16px; background:transparent; box-shadow:none; padding:0 0 18px; border:0; border-bottom:1px solid var(--wrx-border); border-radius:0; margin-bottom:20px; }
.wrx-premium .wrx-match-heading > .eyebrow { grid-column:1 / -1; font-size:10px; color:#abc3de; letter-spacing:.14em; margin-bottom:8px; display:block; }
.wrx-premium .wrx-match-heading > div:not(.wrx-status-row) { grid-column:1 / -1; }
.wrx-premium .wrx-match-heading h1 { font-size:clamp(24px,2.2vw,34px); font-weight:550; line-height:1.3; }
.wrx-premium .wrx-match-heading h1 span { padding:0 17px; font-size:14px; color:#7f93ab; }
.wrx-premium .wrx-match-heading p { margin:12px 0 0; flex-wrap:wrap; font-size:11px; gap:8px; }
.wrx-premium .wrx-match-heading > .wrx-status-row { justify-content:flex-start; margin-top:12px; gap:8px; }
.wrx-premium .btn { min-height:42px; padding:10px 15px; border-radius:7px; font-size:12px; gap:8px; border-color:#becfe426; }
.wrx-premium .btn.primary { background:linear-gradient(135deg,#bdd5ee,#9cbedf); border-color:#c5d9ef5c; color:#102237; box-shadow:inset 0 1px #ffffff24,0 3px 8px #00000014; font-weight:600; }
.wrx-premium .btn.primary:hover { background:#c7def4; }
.wrx-premium .btn:disabled { opacity:.45; }
.wrx-premium .parameter-panel { margin-bottom:20px; }
.wrx-premium .parameters { display:grid; grid-template-columns:minmax(170px,.9fr) minmax(260px,1.65fr) minmax(110px,.6fr) auto; gap:14px; align-items:start; padding:14px 22px; }
.wrx-premium .parameters label { min-width:0; gap:7px; font-size:11px; }
.wrx-premium input,.wrx-premium select,.wrx-premium textarea { min-height:44px; border-radius:7px; background:#0b1522; border-color:#b1cae329; padding:10px 12px; font-size:13px; }
.wrx-premium select { width:100%; }
.wrx-premium .parameters .btn { margin-top:23px; min-height:44px; white-space:nowrap; }
.wrx-premium .parameters input[inputmode="decimal"] { font-variant-numeric:tabular-nums; font-size:17px; letter-spacing:.02em; }
.wrx-premium .parameters input[aria-invalid="true"] { border-color:#c9a66b; }
.wrx-premium .parameters small[role="alert"] { color:#dcc095; font-size:11px; }
.wrx-premium .wrx-manual-note { padding:0 22px 12px; margin:0; font-size:11px; display:flex; align-items:center; flex-wrap:wrap; gap:8px; color:var(--wrx-secondary); line-height:1.5; }
.wrx-premium .wrx-market-label { font-size:11px; color:#adbed3; margin:0; line-height:1.4; overflow-wrap:anywhere; }
.wrx-premium .wrx-chip { display:inline-flex; align-items:center; gap:6px; flex-shrink:0; padding:4px 8px; min-height:24px; font-size:9px; font-weight:600; letter-spacing:.055em; line-height:1.4; color:#b5c5d9; background:#b9cbe408; border:1px solid #b9cbe422; border-radius:5px; white-space:nowrap; }
.wrx-premium .wrx-chip-dot { width:4px; height:4px; border-radius:50%; background:currentColor; }
.wrx-premium .wrx-chip--blue { color:#b0ccec; background:#83b3e50b; border-color:#83b3e527; }
.wrx-premium .wrx-chip--amber { color:#d9ba86; background:#d9ba860b; border-color:#d9ba8629; }
.wrx-premium .wrx-chip--green { color:#a0c9b8; background:#90c1a70a; border-color:#90c1a72b; }
.wrx-premium .wrx-status-row { display:flex; align-items:center; flex-wrap:wrap; gap:8px; }
.wrx-premium .wrx-meta { color:var(--wrx-secondary); font-size:11px; line-height:1.5; }
.wrx-premium .wrx-decision { border:1px solid #a9c7e530; border-radius:var(--wrx-radius); background:linear-gradient(120deg,#17283b,#101d2d 65%); box-shadow:0 10px 28px #00000020,inset 0 1px #deedff08; overflow:hidden; }
.wrx-premium .wrx-decision-top { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:16px 22px; border-bottom:1px solid var(--wrx-border); }
.wrx-premium .wrx-decision-top .eyebrow { margin:0; font-size:10px; color:#bbcee3; letter-spacing:.14em; }
.wrx-premium .wrx-decision-top b { color:#91a7c1; font-weight:400; }
.wrx-premium .wrx-decision-main { padding:20px 22px 16px; display:grid; grid-template-columns:minmax(230px,1fr) minmax(0,1.65fr); align-items:center; gap:24px; }
.wrx-premium .wrx-verdict-label { display:block; font-size:9px; color:#91a6bf; letter-spacing:.11em; margin-bottom:8px; }
.wrx-premium .wrx-verdict h2 { margin:0 0 6px; font-size:36px; font-weight:550; letter-spacing:-.035em; }
.wrx-premium .wrx-decision--wait .wrx-verdict h2 { color:#dfc18c; }
.wrx-premium .wrx-decision--entry .wrx-verdict h2 { color:#abd5c3; }
.wrx-premium .wrx-verdict p { margin:0; font-size:13px; color:#b3c2d5; line-height:1.4; }
.wrx-premium .wrx-metric-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; border-left:1px solid var(--wrx-border); padding-left:28px; }
.wrx-premium .wrx-metric-grid:has(> :nth-child(4)) { grid-template-columns:repeat(4,minmax(0,1fr)); }
.wrx-premium .wrx-metric { min-width:0; }
.wrx-premium .wrx-metric span { display:block; color:#9eb1c9; font-size:11px; margin-bottom:8px; }
.wrx-premium .wrx-metric strong { display:block; font-size:28px; font-weight:500; font-variant-numeric:tabular-nums; letter-spacing:-.035em; line-height:1.15; }
.wrx-premium .wrx-metric--primary strong { color:#b4d5f6; }
.wrx-premium .wrx-selection { display:flex; align-items:center; gap:12px; flex-wrap:wrap; padding:0 22px 18px; }
.wrx-premium .wrx-selection-market { font-size:12px; font-weight:500; }
.wrx-premium .wrx-lineup { display:flex; align-items:flex-start; gap:12px; padding:14px 16px; margin:0 22px 18px; border:1px solid #d9ba8620; border-radius:8px; background:#d9ba8607; color:#d9ba86; }
.wrx-premium .wrx-lineup > svg { margin-top:2px; }
.wrx-premium .wrx-lineup > div { flex:1; min-width:0; }
.wrx-premium .wrx-lineup strong { display:block; font-size:12px; font-weight:550; }
.wrx-premium .wrx-lineup p { font-size:11px; line-height:1.65; margin:4px 0 0; color:#b2bdcd; max-width:690px; }
.wrx-premium .wrx-lineup--confirmed { border-color:#90c1a720; background:#90c1a706; color:#acd1bd; }
.wrx-premium .wrx-evidence { padding:16px 22px 0; border-top:1px solid var(--wrx-border); background:#07121e21; }
.wrx-premium .wrx-evidence-heading { display:flex; align-items:center; gap:8px; flex-wrap:wrap; color:#a8bcd4; font-size:11px; }
.wrx-premium .wrx-evidence-heading > .wrx-meta { margin-left:auto; }
.wrx-premium .wrx-evidence-grid { display:flex; flex-wrap:wrap; gap:16px 28px; padding:16px 0 0; }
.wrx-premium .wrx-evidence-grid:empty { display:none; }
.wrx-premium .wrx-evidence-grid > div { min-width:70px; }
.wrx-premium .wrx-evidence-grid span { display:block; font-size:10px; color:#92a5be; }
.wrx-premium .wrx-evidence-grid strong { font-weight:500; font-size:17px; font-variant-numeric:tabular-nums; }
.wrx-premium .wrx-explanation { font-size:11px; line-height:1.65; color:#98acc4; margin:14px 0; max-width:850px; }
.wrx-premium .wrx-details { border-top:1px solid var(--wrx-border); }
.wrx-premium .wrx-details summary { cursor:pointer; min-height:44px; display:flex; align-items:center; justify-content:space-between; list-style:none; font-size:11px; color:#b6c7dc; }
.wrx-premium .wrx-details summary::-webkit-details-marker { display:none; }
.wrx-premium .wrx-details[open] summary svg { transform:rotate(180deg); }
.wrx-premium .wrx-details-body { padding:0 0 14px; overflow-wrap:anywhere; }
.wrx-premium .wrx-details-body p { margin:5px 0; font-size:11px; }
.wrx-premium .wrx-result-footer { border-top:1px solid var(--wrx-border); padding:12px 22px; display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; }
.wrx-premium .wrx-result-footer > .wrx-meta { display:flex; align-items:center; gap:7px; }
.wrx-premium .analysis-await { border:1px dashed var(--wrx-border); border-radius:var(--wrx-radius); padding:28px 22px; background:#101c2a40; }
.wrx-premium .analysis-await h2 { font-size:17px; margin:12px 0 6px; }
.wrx-premium .analysis-await p { font-size:12px; margin:0; }
@media (max-width:1350px) and (min-width:1025px) {
 .wrx-premium .sidebar { width:192px; padding-inline:10px; }
 .wrx-premium .workspace { padding-inline:24px; }
 .wrx-premium .parameters { grid-template-columns:minmax(145px,.9fr) minmax(235px,1.5fr) minmax(100px,.6fr) auto; gap:10px; }
 .wrx-premium .wrx-decision-main { grid-template-columns:1fr 1.65fr; gap:18px; }
 .wrx-premium .wrx-metric-grid { gap:14px; padding-left:20px; }
 .wrx-premium .wrx-metric strong { font-size:26px; }
}
@media (max-width:1024px) {
 .wrx-premium .sidebar { width:190px; }
 .wrx-premium .workspace { padding:22px 20px; }
 .wrx-premium .parameters { grid-template-columns:1fr 1fr; }
 .wrx-premium .parameters .btn { margin-top:23px; }
 .wrx-premium .wrx-decision-main { grid-template-columns:1fr; gap:20px; }
 .wrx-premium .wrx-metric-grid { border-left:0; border-top:1px solid var(--wrx-border); padding:18px 0 0; }
 .wrx-premium .wrx-lineup { flex-wrap:wrap; }
 .wrx-premium .wrx-lineup > .wrx-chip { margin-left:30px; }
}
@media (max-width:767px) {
 .wrx-premium .sidebar { display:none; }
 .wrx-premium .sidebar.mobile-open { display:flex; width:min(300px,85vw); padding:24px 18px; }
 .wrx-premium .workspace { padding:20px 16px 78px; }
 .wrx-premium .topbar { padding:0 16px; height:62px; gap:12px; }
 .wrx-premium .top-tools { gap:10px; }
 .wrx-premium .wrx-match-heading { display:block; }
 .wrx-premium .wrx-match-heading > div:not(.wrx-status-row) { flex-wrap:wrap; gap:10px; }
 .wrx-premium .wrx-match-heading h1 { font-size:25px; }
 .wrx-premium .wrx-match-heading h1 span { padding:0 8px; }
 .wrx-premium .parameters { padding:16px; gap:14px; }
 .wrx-premium .parameters label:nth-child(2) { grid-column:1 / -1; grid-row:2; }
 .wrx-premium .parameters > .btn { margin-top:0; grid-column:1 / -1; }
 .wrx-premium .wrx-manual-note { padding-inline:16px; }
 .wrx-premium .wrx-decision-main { padding:20px 16px; }
 .wrx-premium .wrx-decision-top,.wrx-premium .section-top { padding:14px 16px; }
 .wrx-premium .wrx-verdict h2 { font-size:32px; }
 .wrx-premium .wrx-metric strong { font-size:24px; }
 .wrx-premium .wrx-metric-grid:has(> :nth-child(4)) { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .wrx-premium .wrx-selection { padding:0 16px 16px; }
 .wrx-premium .wrx-lineup { margin:0 16px 16px; }
 .wrx-premium .wrx-evidence { padding:16px 16px 0; }
 .wrx-premium .wrx-evidence-heading > .wrx-meta { margin-left:0; width:100%; }
 .wrx-premium .wrx-result-footer { padding:12px 16px; }
 .wrx-premium .workspace-footer { flex-wrap:wrap; }
}
@media (prefers-reduced-motion:reduce) { .wrx-premium * { scroll-behavior:auto; transition:none; animation:none; } }

.wrx-premium .sidebar-note small { white-space:nowrap; font-size:7px; }
@media (min-width:768px) and (max-width:1100px) { .wrx-premium .wrx-match-heading { display:block; } }

/* WALRIX GLOBAL CABINET — additive presentation layer on CURRENT Premium staging.
   No JS, route, API, data, logo, model or decision changes. */
.app-shell.wrx-premium {
  --cab-base: #081321;
  --cab-surface: #0e2032;
  --cab-elevated: #12283d;
  --cab-border: #86add529;
  --cab-muted: #9db0c8;
  --cab-accent: #a6d4fc;
  --cab-radius: 11px;
  --cab-small-radius: 6px;
  --cab-gutter: clamp(22px,2.15vw,36px);
  background: var(--cab-base);
  color: #e3edf8;
  font-family: Inter,Arial,sans-serif;
  line-height:1.5;
  min-height:100vh;
  isolation:isolate;
}
.wrx-premium .app-main { position:relative; isolation:isolate; background:linear-gradient(135deg,#0b1b2b70,transparent 50%); }
.wrx-premium .app-main::before {
  content:""; position:absolute; z-index:-1; pointer-events:none; inset:0 0 auto; height:790px;
  background:url('/bernabeu.jpg') center 58% / cover no-repeat;
  filter:grayscale(1); opacity:.085;
  -webkit-mask-image:linear-gradient(#000 0%,#0009 44%,transparent 100%);
  mask-image:linear-gradient(#000 0%,#0009 44%,transparent 100%);
}
.wrx-premium .sidebar {
  position:sticky; top:0; align-self:flex-start; width:216px; height:100vh;
  padding:24px 12px 14px; border-color:#8bb7df24;
  background:linear-gradient(165deg,#0c1a2b,#091625 75%); isolation:isolate;
  overflow-y:auto; scrollbar-width:thin; scrollbar-color:#39536c transparent;
}
.wrx-premium .sidebar::before {
  content:""; position:absolute; z-index:-1; pointer-events:none; inset:auto 0 60px; height:210px;
  background:url('/bernabeu.jpg') center 65% / auto 240px no-repeat;
  filter:grayscale(1); opacity:.075;
  -webkit-mask-image:linear-gradient(transparent,#000 48%,transparent);
  mask-image:linear-gradient(transparent,#000 48%,transparent);
}
.wrx-premium .sidebar > .brand { margin:0 6px 34px; }
.wrx-premium .nav-label { font-size:9px; letter-spacing:.16em; color:#92a7c0; margin:0 12px 13px; }
.wrx-premium .sidebar nav { gap:5px; }
.wrx-premium .sidebar nav a { position:relative; min-height:43px; padding:11px 13px; gap:12px; font-size:12px; line-height:1.4; border-radius:7px; color:#aec0d6; transition:background .15s,color .15s,border-color .15s; }
.wrx-premium .sidebar nav a svg { width:18px; height:18px; stroke-width:1.6; }
.wrx-premium .sidebar nav a:hover { background:#17324b7a; color:#f0f6fc; border-color:#93bee821; }
.wrx-premium .sidebar nav a.active { background:linear-gradient(100deg,#204465,#132c45); color:#eaf4ff; border-color:#96c4ee37; box-shadow:inset 2px 0 #a1d2ff,inset 0 1px #c3e3ff08; }
.wrx-premium .sidebar nav a:nth-child(7) { margin-top:35px; }
.wrx-premium .sidebar nav a:nth-child(7)::before { content:"АККАУНТ"; position:absolute; top:-29px; left:0; right:0; padding:8px 12px 0; border-top:1px solid #88a9c520; color:#859db7; font-size:9px; letter-spacing:.15em; pointer-events:none; }
html[lang="en"] .wrx-premium .sidebar nav a:nth-child(7)::before { content:"ACCOUNT"; }
.wrx-premium .sidebar-bottom { padding-top:20px; margin-top:auto; }
.wrx-premium .sidebar-note { padding:15px 12px; margin-bottom:8px; color:#a0c7ec; border-color:#88a9c523; gap:10px; }
.wrx-premium .sidebar-note small { white-space:nowrap; font-size:7px; letter-spacing:.05em; }
.wrx-premium .sidebar-bottom > a,.wrx-premium .sidebar-bottom > button { min-height:40px; padding:10px 13px; gap:12px; border-radius:6px; color:#a7bbd3; font-size:12px; }
.wrx-premium .sidebar-bottom > a:hover,.wrx-premium .sidebar-bottom > button:hover { background:#172d4275; color:#e2f0ff; }
.wrx-premium .topbar { height:60px; padding:0 var(--cab-gutter); gap:20px; border-color:#90b3d41b; background:#091727c9; }
.wrx-premium .top-search { max-width:420px; gap:10px; }
.wrx-premium .top-search input { min-height:38px; background:transparent; padding:8px 0; border:0; font-size:12px; }
.wrx-premium .top-search kbd { border-color:#8bb2d12b; color:#88a5c2; font-size:10px; }
.wrx-premium .top-tools { gap:16px; }
.wrx-premium .sport-indicator { font-size:11px; color:#a2bad3; }
.wrx-premium .language,.wrx-premium .icon-btn { min-width:36px; min-height:38px; }
.wrx-premium .avatar { background:#182f47; border:1px solid #8aafd12b; width:34px; height:34px; }
.wrx-premium .workspace { padding:25px var(--cab-gutter) 20px; max-width:1540px; min-height:calc(100vh - 60px); }
.wrx-premium .pagehead { padding:0 0 20px; margin:0 0 22px; border-bottom:1px solid #91b7db26; align-items:center; gap:24px; }
.wrx-premium .pagehead > div { min-width:0; }
.wrx-premium .pagehead .eyebrow { display:block; margin:0 0 9px; font-size:9px; letter-spacing:.19em; color:#9bbddf; }
.wrx-premium .pagehead h1 { margin:0 0 9px; font-size:clamp(24px,2.05vw,31px); font-weight:550; letter-spacing:-.03em; line-height:1.2; }
.wrx-premium .pagehead p { max-width:690px; margin:0; font-size:12px; line-height:1.65; color:#a3b5cc; }
.wrx-premium .pagehead .btn,.wrx-premium .pagehead > select { flex-shrink:0; }
.wrx-premium .eyebrow { color:#9fbddb; }
.wrx-premium .panel,.wrx-premium .result-panel {
  border:1px solid var(--cab-border); border-radius:var(--cab-radius);
  background:linear-gradient(125deg,#12283deb,#0d1e30f5 75%);
  box-shadow:inset 0 1px 0 #cce6ff07,0 8px 25px #00000018;
  overflow:hidden; min-width:0;
}
.wrx-premium .section-top { background:#213a4e18; padding:15px 20px; border-color:#95b5d220; gap:16px; min-height:49px; }
.wrx-premium .section-top h2 { font-size:13px; line-height:1.4; letter-spacing:0; font-weight:550; }
.wrx-premium .section-top .muted { font-size:10px; color:#92abc5; }
.wrx-premium .workspace-grid { grid-template-columns:minmax(0,1.9fr) minmax(280px,1fr); gap:18px; }
.wrx-premium .side-column { gap:18px; }
.wrx-premium .summary-strip { background:linear-gradient(110deg,#122a41eb,#0f2235ed); border:1px solid var(--cab-border); border-radius:var(--cab-radius); padding:0; margin:0 0 20px; grid-template-columns:repeat(3,minmax(0,1fr)); overflow:hidden; box-shadow:inset 0 1px #d1eaff06; }
.wrx-premium .summary-strip > div,.wrx-premium .summary-strip > div:first-child { padding:18px 23px; border-color:#90b6db24; min-width:0; }
.wrx-premium .summary-strip span { color:#a4b8cf; font-size:11px; margin-bottom:8px; }
.wrx-premium .summary-strip strong { color:#dfeeff; font-size:23px; font-weight:500; letter-spacing:-.025em; line-height:1.25; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
.wrx-premium .summary-strip small { font-size:10px; color:#9cb0c8; font-weight:400; letter-spacing:0; }
.wrx-premium .summary-strip svg { width:20px; height:20px; stroke-width:1.5; color:#9fc8ef; }
.wrx-premium .editorial-panel { padding:20px; background:linear-gradient(135deg,#17354eeb,#0d2338f5); }
.wrx-premium .editorial-panel .eyebrow { margin:0 0 16px; font-size:9px; }
.wrx-premium .editorial-panel > svg { width:23px; height:23px; margin-bottom:10px; stroke-width:1.5; color:#b0d7f8; }
.wrx-premium .editorial-panel h2 { font-size:22px; font-weight:500; margin-bottom:12px; }
.wrx-premium .editorial-panel h2 p { margin-top:9px; font-size:12px; line-height:1.65; color:#a8bdd4; }
.wrx-premium .text-link { font-size:11px; color:#b5d7f7; }
.wrx-premium .section-link { justify-content:space-between; padding:14px 20px; font-size:11px; border-color:#91b3d125; background:#06152526; color:#bddcf8; }
.wrx-premium .section-link:hover { background:#2c51742b; }
/* One compact match feed for Overview, Matches and Live; no league allowlist. */
.wrx-premium .match-columns,.wrx-premium .match-row { grid-template-columns:112px minmax(0,1fr) 116px 82px; gap:14px; padding:16px 20px; }
.wrx-premium .match-columns { min-height:40px; padding-block:11px; background:#091a2bbb; color:#98b0c9; font-size:10px; letter-spacing:.025em; }
.wrx-premium .match-row { min-height:83px; border-color:#91b4d51c; background:transparent; transition:background .15s; }
.wrx-premium .match-row:nth-child(2n) { background:#a4c8ed03; }
.wrx-premium .match-row:hover { background:#86baf00c; }
.wrx-premium .match-time { font-size:11px; color:#c1d2e4; line-height:1.5; }
.wrx-premium .match-time small { margin-top:5px; font-size:10px; color:#91acc6; }
.wrx-premium .teams { gap:10px; }
.wrx-premium .teams strong { font-size:12px; line-height:1.55; font-weight:550; color:#e0ecf9; overflow-wrap:anywhere; }
.wrx-premium .teams small { color:#9cb4cd; font-size:10px; margin-top:5px; line-height:1.4; }
.wrx-premium .team-symbol { clip-path:none; border:1px solid #89b8e334; border-radius:7px; width:29px; height:33px; background:#17334a; color:#c6dff4; font-size:11px; }
.wrx-premium .vs { color:#849fb9; padding:0 4px; }
.wrx-premium .availability { font-size:10px; color:#b5cbe0; }
.wrx-premium .availability small { font-size:10px; color:#8ca6c0; margin-top:5px; }
.wrx-premium .row-action { min-height:38px; padding:8px 9px; justify-content:center; border:1px solid #9dc9f028; border-radius:6px; font-size:10px; color:#b5d9fa; background:#23476125; }
.wrx-premium .row-action:hover { background:#294f704f; border-color:#a2ccef67; }
.wrx-premium .row-action svg { width:14px; height:14px; }
.wrx-premium .live-label { color:#a3d3de!important; display:inline-flex; align-items:center; gap:5px; padding:2px 6px; background:#62a6bf0e; border:1px solid #9ecbe526; border-radius:4px; font-size:9px; letter-spacing:.06em; }
.wrx-premium .live-label::before { content:""; width:4px; height:4px; background:currentColor; border-radius:50%; }
.wrx-premium .filterbar { padding:13px 20px; gap:12px; border-color:#90b7d725; background:#172e411f; flex-wrap:wrap; }
.wrx-premium .filterbar .search-field { min-width:180px; min-height:41px; background:#09192aaa; border:1px solid #99bfdf24; border-radius:6px; padding:0 12px; gap:9px; }
.wrx-premium .filterbar .search-field input { font-size:12px; min-height:39px; padding:7px 0; border:0; background:transparent; }
.wrx-premium .filterbar .search-field svg { color:#9ab6d0; width:16px; }
.wrx-premium .filterbar select { max-width:250px; font-size:11px; min-height:41px; }
/* Analytical records, saved analyses and notifications. */
.wrx-premium .run-list > a,.wrx-premium .watch-row { padding:17px 20px; gap:22px; border-color:#91b6d525; min-height:76px; background:transparent; transition:background .15s; }
.wrx-premium .run-list > a:hover,.wrx-premium .watch-row:hover { background:#8dbce80a; }
.wrx-premium .run-list > a > div:first-child { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:5px 20px; flex:1; min-width:0; align-items:baseline; }
.wrx-premium .run-list strong { font-size:12px; font-weight:550; grid-column:1; grid-row:1; color:#e2edfa; }
.wrx-premium .run-list small { margin:0; font-size:10px; color:#a0b5ce; line-height:1.55; overflow-wrap:anywhere; }
.wrx-premium .run-list small:nth-of-type(1) { grid-column:1; grid-row:2; color:#b2c8df; }
.wrx-premium .run-list small:nth-of-type(2) { grid-column:2; grid-row:1; white-space:nowrap; font-variant-numeric:tabular-nums; color:#8ea8c3; }
.wrx-premium .run-list small:nth-of-type(3) { grid-column:1 / -1; grid-row:3; color:#8da7c1; }
.wrx-premium .run-list > a > div:last-child { flex-shrink:0; gap:12px; }
.wrx-premium .run-list > a > div:last-child > svg { color:#8caccc; width:14px; }
.wrx-premium .watch-row a { font-size:12px; color:#d4e5f6; }
.wrx-premium .watch-row p { margin:6px 0 0; font-size:11px; line-height:1.65; color:#9fb4cf; }
.wrx-premium .side-column .run-list > a { padding:15px 18px; gap:12px; align-items:flex-start; }
.wrx-premium .side-column .run-list > a > div:first-child { display:flex; flex-direction:column; gap:5px; }
.wrx-premium .side-column .run-list > a > div:last-child { gap:5px; }
.wrx-premium .side-column .run-list > a > div:last-child > svg { display:none; }
/* Shared quiet state vocabulary across every route. */
.wrx-premium .pill,.wrx-premium .wrx-chip { border-radius:5px; font-size:9px; font-weight:500; line-height:1.35; letter-spacing:.055em; min-height:24px; padding:4px 8px; border-color:#a7bfd934; color:#b8cee4; background:#a8c6e10a; }
.wrx-premium .pill.entry,.wrx-premium .wrx-chip--green { color:#abd4c4; border-color:#9ac5b238; background:#6eae890f; }
.wrx-premium .pill.wait,.wrx-premium .wrx-chip--amber { color:#e0c187; border-color:#d8b47348; background:#cfa75110; }
.wrx-premium .pill.skip { color:#c5c8d8; border-color:#b7b6cf38; background:#b1b0c00b; }
.wrx-premium .wrx-chip--blue { color:#b3d5f4; border-color:#99caef36; background:#66a7da12; }
/* Shared controls, focus, and density. */
.wrx-premium .btn { min-height:40px; padding:9px 14px; border-radius:6px; gap:8px; font-size:11px; font-weight:500; letter-spacing:0; border:1px solid #94bfe13c; background:#152e461f; color:#d5e6f7; box-shadow:inset 0 1px #c4dff207; transition:background .15s,border-color .15s; }
.wrx-premium .btn:hover { background:#24445e7a; border-color:#a3cbee65; }
.wrx-premium .btn.primary { background:linear-gradient(120deg,#aad7f9,#91bfe5); color:#0b2136; border-color:#bedefa85; box-shadow:inset 0 1px #e6f5ff37,0 3px 10px #00000016; font-weight:600; }
.wrx-premium .btn.primary:hover { background:linear-gradient(120deg,#c1e4ff,#a9d2f1); }
.wrx-premium .btn:disabled { opacity:.46; cursor:not-allowed; }
.wrx-premium :is(a,button,input,select,textarea,summary):focus-visible { outline:2px solid #a7d6ff; outline-offset:3px; }
.wrx-premium label { color:#a9bfd6; font-size:11px; gap:8px; }
.wrx-premium :is(input,select,textarea) { min-height:42px; padding:10px 12px; border-radius:6px; border:1px solid #91b4d534; background:#091a2be6; color:#e1edf9; font-size:12px; line-height:1.5; max-width:100%; }
.wrx-premium select { width:100%; color-scheme:dark; }
.wrx-premium option { background:#0e2134; color:#e0edf8; }
.wrx-premium :is(input,select,textarea):hover { border-color:#9fc6eb55; }
.wrx-premium input::placeholder,.wrx-premium textarea::placeholder { color:#839db7; }
.wrx-premium textarea { resize:vertical; }
.wrx-premium input[aria-invalid="true"] { border-color:#d2b683; }
/* Account, plans, billing, settings and security share the same panel language. */
.wrx-premium .tabs { display:flex; width:fit-content; max-width:100%; gap:4px; margin:0 0 20px; padding:4px; border:1px solid var(--cab-border); border-radius:8px; background:#0c1c2ccf; }
.wrx-premium .tabs > a,.wrx-premium .tabs > button { padding:9px 15px; min-height:38px; display:flex; align-items:center; font-size:11px; line-height:1.4; color:#a5bdd5; border:1px solid transparent; border-radius:5px; }
.wrx-premium .tabs > .active { color:#def0ff; background:#20415ec2; border-color:#a7cff235; box-shadow:inset 0 1px #c6e3fa08; }
.wrx-premium .tabs > a:hover,.wrx-premium .tabs > button:hover { background:#26456355; color:#e4f2ff; }
.wrx-premium .form-panel { padding:23px 25px; max-width:920px; }
.wrx-premium .form-panel h2 { color:#dfecf9; font-size:15px; margin:0 0 18px; letter-spacing:-.01em; line-height:1.4; }
.wrx-premium .form-panel form { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:21px 25px; }
.wrx-premium .form-panel form > h2 { grid-column:1 / -1; margin:0; padding-bottom:15px; border-bottom:1px solid #8baece26; }
.wrx-premium .form-panel form > .btn { grid-column:1 / -1; justify-self:start; align-self:end; margin-top:2px; }
.wrx-premium .form-panel form > p { grid-column:1 / -1; font-size:12px; margin:0; }
.wrx-premium .form-panel form > label:last-of-type:nth-of-type(3) { grid-column:1; }
.wrx-premium .form-panel .account-avatar { width:54px; height:54px; border-radius:11px; margin:0 0 19px; background:linear-gradient(145deg,#234760,#132c44); border:1px solid #a8cae43a; color:#bddaf4; }
.wrx-premium .account-avatar svg { width:25px; height:25px; stroke-width:1.5; }
.wrx-premium .account-lines { padding:0; margin:19px 0; border:1px solid #8fb4d429; border-radius:7px; background:#0c1e2e9e; overflow:hidden; }
.wrx-premium .account-lines > div { margin:0; padding:14px 17px; font-size:12px; gap:20px; border-bottom:1px solid #8fb4d41c; }
.wrx-premium .account-lines > div:last-child { border-bottom:0; }
.wrx-premium .account-lines span { color:#9fb6cd; }
.wrx-premium .account-lines strong { color:#d6e8f8; font-weight:500; }
.wrx-premium .form-panel .note,.wrx-premium .form-panel > .muted { font-size:11px; line-height:1.7; color:#a0b3cc; }
.wrx-premium .form-panel > h2:has(+.muted) { margin-bottom:5px; overflow-wrap:anywhere; }
/* Measured performance remains the existing metrics + daily ledger; no invented charts. */
.wrx-premium .plain-table { border-collapse:collapse; width:100%; table-layout:fixed; text-align:left; font-size:12px; }
.wrx-premium .plain-table th { font-size:10px; letter-spacing:.03em; color:#9fb5ce; background:#0a1b2bb3; font-weight:400; padding:13px 20px; }
.wrx-premium .plain-table td { padding:16px 20px; border-color:#8eb3d422; color:#d5e5f5; font-variant-numeric:tabular-nums; }
.wrx-premium .plain-table tr:last-child td { border-bottom:0; }
.wrx-premium .plain-table th:not(:first-child),.wrx-premium .plain-table td:not(:first-child) { text-align:right; }
.wrx-premium .plain-table tbody tr:hover { background:#8abbe30b; }
.wrx-premium .plain-table td:last-child { color:#b4d8f7; }
/* Help, support and all missing-data states are first-class workspace surfaces. */
.wrx-premium .workspace-grid:has(.editorial) { grid-template-columns:minmax(0,1.15fr) minmax(330px,1fr); }
.wrx-premium .panel.editorial { padding:5px 22px; }
.wrx-premium .panel.editorial details { border-color:#90b4d22c; }
.wrx-premium .panel.editorial summary { padding:20px 0; min-height:63px; font-size:13px; color:#d3e4f4; gap:14px; }
.wrx-premium .panel.editorial details p { font-size:12px; color:#a4bad1; line-height:1.8; margin:0 0 20px; }
.wrx-premium .panel.editorial details[open] summary { color:#b6dfff; }
.wrx-premium .workspace-grid .form-panel { max-width:none; padding:22px; }
.wrx-premium .workspace-grid .form-panel form { grid-template-columns:1fr; gap:17px; }
.wrx-premium .workspace-grid .form-panel textarea { min-height:140px; }
.wrx-premium .empty { padding:35px 24px; max-width:620px; }
.wrx-premium .empty-icon { width:45px; height:45px; border-radius:10px; background:#18364e; border:1px solid #8bb9de2c; color:#a8ceef; margin-bottom:16px; }
.wrx-premium .empty-icon svg { width:23px; height:23px; stroke-width:1.5; }
.wrx-premium .empty h3 { font-size:17px; font-weight:500; color:#dbeaf8; margin-bottom:10px; }
.wrx-premium .empty p { color:#9eb5ce; font-size:12px; line-height:1.75; max-width:440px; margin-bottom:18px; }
.wrx-premium .side-column .empty { padding:25px 18px; }
.wrx-premium .side-column .empty h3 { font-size:14px; }
.wrx-premium .side-column .empty p { font-size:11px; }
.wrx-premium .notice { border:1px solid #9bbbd434; border-left:2px solid #9abfdf; border-radius:6px; background:#182e43; color:#c6d8e9; padding:13px 16px; font-size:12px; }
.wrx-premium .skeleton { padding:24px; min-height:160px; }
.wrx-premium .skeleton i { background:#a3c5e609; height:34px; border:1px solid #a3c5e60b; border-radius:5px; margin-bottom:16px; }
/* Match Detail uses the SAME shell and surfaces even without its Decision card. */
.wrx-premium .back { font-size:11px; margin:0 0 16px; gap:8px; color:#a8c1d9; }
.wrx-premium .wrx-match-heading { margin:0 0 19px; padding:0 0 19px; border-color:#91b7d62a; }
.wrx-premium .wrx-match-heading > .eyebrow { font-size:10px; letter-spacing:.1em; color:#b3cee6; margin-bottom:9px; }
.wrx-premium .wrx-match-heading h1 { font-size:clamp(26px,2.3vw,34px); font-weight:550; }
.wrx-premium .wrx-match-heading h1 span { font-size:14px; color:#8daac7; padding-inline:16px; }
.wrx-premium .wrx-match-heading p { font-size:11px; margin-top:13px; color:#a9bfd4; }
.wrx-premium .wrx-meta { font-size:11px; color:#a1b7cf; }
.wrx-premium .parameter-panel { margin-bottom:18px; }
.wrx-premium .parameters { grid-template-columns:minmax(160px,1fr) minmax(280px,1.65fr) minmax(115px,.62fr) auto; gap:16px; padding:17px 20px 14px; }
.wrx-premium .parameters label { font-size:11px; gap:8px; }
.wrx-premium .parameters .btn { margin-top:24px; min-height:43px; padding-inline:18px; }
.wrx-premium .parameters input[inputmode="decimal"] { font-size:18px; font-variant-numeric:tabular-nums; padding:8px 13px; }
.wrx-premium .wrx-manual-note { padding:0 20px 15px; font-size:10px; color:#9fb5cd; }
.wrx-premium .wrx-market-label { font-size:10px; color:#91a9c0; }
.wrx-premium .analysis-await { margin-top:18px; padding:28px 22px; border:1px solid #8fb9d82e; background:linear-gradient(110deg,#152d429c,#0c2133a3); border-radius:11px; }
.wrx-premium .analysis-await h2 { color:#d1e5f7; font-size:17px; margin:11px 0 6px; }
.wrx-premium .analysis-await p { font-size:12px; color:#9cb6d0; }
.wrx-premium .wrx-decision { background:linear-gradient(120deg,#142f47f0,#102439f7); border-color:#98c9f148; box-shadow:inset 0 1px #c9e6ff0b,0 9px 26px #00000019; }
.wrx-premium .wrx-decision-top { padding:13px 20px; border-color:#8eb4d62a; background:#1f3d5519; }
.wrx-premium .wrx-decision-top .eyebrow { color:#a9d3f6; font-size:10px; letter-spacing:.17em; }
.wrx-premium .wrx-decision-top b { color:#a9d3f6; }
.wrx-premium .wrx-decision-main { padding:18px 20px 13px; gap:20px; grid-template-columns:minmax(260px,1.1fr) minmax(0,1.7fr); }
.wrx-premium .wrx-verdict { display:grid; grid-template-columns:auto minmax(0,1fr); gap:0 15px; align-items:center; }
.wrx-premium .wrx-verdict-label { grid-column:1 / -1; font-size:8px; margin-bottom:8px; color:#91adc9; }
.wrx-premium .wrx-verdict h2 { font-size:21px; line-height:1.2; margin:0; padding:12px 17px; border:1px solid #abc5db43; border-radius:7px; background:#27405733; letter-spacing:-.025em; }
.wrx-premium .wrx-decision--wait .wrx-verdict h2 { color:#e6c584; background:linear-gradient(120deg,#ad8a3114,#ac782309); border-color:#c8a6637d; }
.wrx-premium .wrx-decision--entry .wrx-verdict h2 { color:#b7ddcc; background:#74b59110; border-color:#89b99f6b; }
.wrx-premium .wrx-verdict p { color:#c7d7e9; font-size:11px; line-height:1.6; }
.wrx-premium .wrx-metric-grid { gap:19px; padding-left:23px; border-color:#93b6d52b; }
.wrx-premium .wrx-metric span { color:#a5bdd5; font-size:11px; margin-bottom:7px; }
.wrx-premium .wrx-metric strong { font-size:28px; font-weight:500; letter-spacing:-.025em; color:#e2edf8; }
.wrx-premium .wrx-metric--primary strong { color:#a8d6ff; font-weight:550; }
.wrx-premium .wrx-selection { padding:0 20px 13px; gap:10px; }
.wrx-premium .wrx-selection-market { font-size:11px; color:#c5d9ee; }
.wrx-premium .wrx-lineup { padding:12px 14px; margin:0 20px 14px; gap:11px; border-color:#b9bfa444; background:#8099a409; }
.wrx-premium .wrx-lineup strong { font-size:11px; }
.wrx-premium .wrx-lineup p { font-size:10px; line-height:1.65; color:#9fb3c9; }
.wrx-premium .wrx-evidence { padding:13px 20px 0; border-color:#8eb5d725; background:#0a1b2a32; }
.wrx-premium .wrx-evidence-grid { padding-top:12px; gap:15px 28px; }
.wrx-premium .wrx-evidence-grid strong { font-size:20px; }
.wrx-premium .wrx-explanation { font-size:10px; margin:12px 0; max-width:none; color:#9fb6ce; }
.wrx-premium .wrx-details { border:1px solid #9cbfd636; border-radius:6px; margin:0 0 13px; background:#2740561c; }
.wrx-premium .wrx-details summary { min-height:37px; padding:8px 12px; color:#cbddee; font-size:11px; }
.wrx-premium .wrx-details-body { padding:0 13px 12px; }
.wrx-premium .wrx-result-footer { padding:10px 20px; border-color:#8db1d01c; }
.wrx-premium .workspace-footer { margin-top:26px; padding-top:14px; border-color:#8aabc51e; color:#829eb9; font-size:9px; gap:16px; }
/* Tablet landscape is primary. */
@media (min-width:1280px) and (max-width:1399px) {
 .wrx-premium .sidebar { width:202px; padding-inline:10px; }
 .wrx-premium .workspace-grid { grid-template-columns:minmax(0,1.7fr) minmax(275px,1fr); gap:16px; }
 .wrx-premium .workspace-grid .match-columns,.wrx-premium .workspace-grid .match-row { grid-template-columns:96px minmax(0,1fr) 83px 65px; gap:10px; padding-inline:16px; }
 .wrx-premium .parameters { grid-template-columns:minmax(145px,1fr) minmax(230px,1.6fr) minmax(100px,.63fr) auto; gap:12px; }
 .wrx-premium .wrx-decision-main { grid-template-columns:minmax(240px,1.1fr) minmax(0,1.6fr); gap:16px; }
 .wrx-premium .wrx-metric-grid { gap:14px; padding-left:18px; }
 .wrx-premium .wrx-metric strong { font-size:26px; }
}
@media (min-width:768px) and (max-width:1279px) {
 .wrx-premium .sidebar { width:190px; padding-inline:9px; }
 .wrx-premium .workspace { padding:22px; }
 .wrx-premium .workspace-grid { grid-template-columns:minmax(0,1fr); }
 .wrx-premium .side-column { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
 .wrx-premium .workspace-grid:has(.editorial) { grid-template-columns:1fr; }
 .wrx-premium .parameters { grid-template-columns:1fr 1.4fr; }
 .wrx-premium .wrx-decision-main { grid-template-columns:1fr; }
 .wrx-premium .wrx-metric-grid { border-left:0; border-top:1px solid #8aaccc2e; padding:17px 0 0; }
 .wrx-premium .wrx-verdict { grid-template-columns:auto 1fr; }
 .wrx-premium .wrx-verdict h2 { justify-self:start; }
}
@media (max-width:767px) {
 .wrx-premium .sidebar { display:none; }
 .wrx-premium .sidebar.mobile-open { position:fixed; top:0; left:0; bottom:65px; height:auto; width:min(290px,85vw); z-index:30; display:flex; }
 .wrx-premium .topbar { height:60px; padding:0 14px; gap:10px; }
 .wrx-premium .top-search kbd { display:none; }
 .wrx-premium .top-tools { gap:5px; }
 .wrx-premium .workspace { padding:22px 14px 82px; }
 .wrx-premium .pagehead { gap:16px; align-items:flex-start; flex-wrap:wrap; padding-bottom:17px; margin-bottom:18px; }
 .wrx-premium .pagehead h1 { font-size:25px; }
 .wrx-premium .pagehead p { font-size:11px; }
 .wrx-premium .pagehead .btn { min-height:40px; }
 .wrx-premium .summary-strip { grid-template-columns:1fr; }
 .wrx-premium .summary-strip > div,.wrx-premium .summary-strip > div:first-child { padding:14px 17px; display:flex; align-items:center; justify-content:space-between; gap:16px; border-right:0; border-bottom:1px solid #8dabc622; }
 .wrx-premium .summary-strip > div:last-child { border-bottom:0; }
 .wrx-premium .summary-strip span { margin:0; }
 .wrx-premium .summary-strip strong { font-size:19px; }
 .wrx-premium .workspace-grid,.wrx-premium .workspace-grid:has(.editorial) { grid-template-columns:minmax(0,1fr); gap:16px; }
 .wrx-premium .filterbar { padding:13px; gap:10px; }
 .wrx-premium .filterbar .search-field { flex-basis:100%; }
 .wrx-premium .filterbar select { flex:1; max-width:100%; min-width:0; }
 .wrx-premium .match-columns { display:none; }
 .wrx-premium .match-row { grid-template-columns:minmax(0,1fr) auto; gap:10px; padding:15px; min-height:110px; }
 .wrx-premium .match-time { grid-column:1; grid-row:2; display:flex; align-items:center; gap:9px; flex-wrap:wrap; }
 .wrx-premium .match-time small { margin:0; }
 .wrx-premium .teams { grid-column:1 / -1; grid-row:1; }
 .wrx-premium .teams strong { font-size:12px; }
 .wrx-premium .availability { display:none; }
 .wrx-premium .row-action { grid-column:2; grid-row:2; min-height:38px; }
 .wrx-premium .run-list > a,.wrx-premium .watch-row { padding:15px; gap:12px; align-items:flex-start; }
 .wrx-premium .run-list > a > div:first-child { display:flex; flex-direction:column; gap:5px; }
 .wrx-premium .run-list > a > div:last-child { gap:5px; }
 .wrx-premium .run-list > a > div:last-child > svg { display:none; }
 .wrx-premium .watch-row { flex-wrap:wrap; }
 .wrx-premium .section-top { padding:14px 16px; }
 .wrx-premium .tabs { width:100%; gap:2px; }
 .wrx-premium .tabs > a,.wrx-premium .tabs > button { padding:8px 10px; font-size:10px; }
 .wrx-premium .form-panel,.wrx-premium .workspace-grid .form-panel { padding:21px 17px; }
 .wrx-premium .form-panel form { grid-template-columns:1fr; gap:18px; }
 .wrx-premium .account-lines > div { padding:13px; font-size:11px; flex-wrap:wrap; gap:7px; }
 .wrx-premium .plain-table th,.wrx-premium .plain-table td { padding:13px 12px; font-size:11px; }
 .wrx-premium .empty { padding:30px 18px; }
 .wrx-premium .wrx-match-heading h1 { font-size:26px; }
 .wrx-premium .wrx-match-heading h1 span { padding-inline:8px; }
 .wrx-premium .parameters { grid-template-columns:1fr 1fr; gap:14px; padding:16px; }
 .wrx-premium .parameters label:nth-child(2) { grid-column:1 / -1; grid-row:2; }
 .wrx-premium .parameters .btn { grid-column:1 / -1; margin-top:0; }
 .wrx-premium .wrx-manual-note { padding-inline:16px; }
 .wrx-premium .wrx-decision-main { grid-template-columns:1fr; padding:18px 16px; gap:16px; }
 .wrx-premium .wrx-metric-grid { border-left:0; border-top:1px solid #8ba9c82a; padding:15px 0 0; gap:14px; }
 .wrx-premium .wrx-metric strong { font-size:24px; }
 .wrx-premium .wrx-verdict { grid-template-columns:auto 1fr; gap:0 12px; }
 .wrx-premium .wrx-verdict h2 { font-size:19px; padding:11px 13px; }
 .wrx-premium .wrx-lineup { margin-inline:16px; }
 .wrx-premium .wrx-selection,.wrx-premium .wrx-evidence,.wrx-premium .wrx-result-footer { padding-inline:16px; }
 .wrx-premium .mobile-nav { background:#0a1b2cf5; border-color:#96bade2c; box-shadow:0 -5px 20px #0003; }
 .wrx-premium .mobile-nav a.active { color:#b2dcff; }
 .wrx-premium .workspace-footer { flex-direction:column; gap:6px; }
}
@media (prefers-reduced-motion:reduce) { .wrx-premium * { transition:none!important; animation:none!important; scroll-behavior:auto!important; } }
html[data-density="compact"] .wrx-premium .match-row { min-height:69px; padding-top:11px; padding-bottom:11px; }
html[data-density="compact"] .wrx-premium .run-list > a { min-height:65px; padding-top:12px; padding-bottom:12px; }
/* Final tablet fit: bounded header actions and compact analytical evidence. */
.wrx-premium .pagehead > select { width:auto; min-width:160px; max-width:220px; }
.wrx-premium .pagehead > div { flex:1; }
.wrx-premium .panel.editorial details { padding:0; }
.wrx-premium .panel.editorial details:last-child { border-bottom:0; }
.wrx-premium .panel.editorial details p { padding-top:0; }
@media (min-width:1280px) {
 .wrx-premium .workspace:has(.wrx-match-heading) { padding-top:18px; }
 .wrx-premium .back { margin-bottom:10px; }
 .wrx-premium .wrx-match-heading { padding-bottom:14px; margin-bottom:14px; }
 .wrx-premium .wrx-match-heading p { margin-top:9px; }
 .wrx-premium .parameter-panel .section-top { padding-block:11px; min-height:43px; }
 .wrx-premium .parameters { padding-block:12px 10px; }
 .wrx-premium .wrx-manual-note { padding-bottom:11px; }
 .wrx-premium .parameter-panel { margin-bottom:14px; }
 .wrx-premium .wrx-decision-top { padding-block:11px; }
 .wrx-premium .wrx-decision-main { padding-block:14px 11px; }
 .wrx-premium .wrx-selection { padding-bottom:10px; }
 .wrx-premium .wrx-lineup { padding-block:10px; margin-bottom:11px; }
 .wrx-premium .wrx-evidence { display:grid; grid-template-columns:minmax(180px,1fr) auto; align-items:center; gap:0 22px; padding-top:10px; }
 .wrx-premium .wrx-evidence-grid { padding:0; justify-content:flex-end; }
 .wrx-premium .wrx-evidence > .wrx-explanation,.wrx-premium .wrx-evidence > .wrx-details { grid-column:1 / -1; }
 .wrx-premium .wrx-explanation { margin:9px 0; }
 .wrx-premium .wrx-details { margin-bottom:10px; }
 .wrx-premium .wrx-result-footer { padding-block:8px; }
 .wrx-premium .workspace:has(.wrx-match-heading) .workspace-footer { margin-top:18px; padding-top:11px; }
}
header img[src*="walrix-logo"] { width:320px !important; height:auto !important; max-width:none !important; object-fit:contain !important; }
@media(max-width:1100px){ header img[src*="walrix-logo"] { width:250px !important; } }
@media(max-width:700px){ header img[src*="walrix-logo"] { width:210px !important; } }
header img[src*="walrix-logo"] { width:300px !important; height:auto !important; max-width:none !important; object-fit:contain !important; }
@media(max-width:1100px){ header img[src*="walrix-logo"] { width:235px !important; } }
@media(max-width:700px){ header img[src*="walrix-logo"] { width:200px !important; } }
.wrx-premium .sidebar .brand .brand-logo { width:180px !important; height:auto !important; max-width:none !important; object-fit:contain !important; }
header img[src*="walrix-logo"] { width:285px !important; height:auto !important; max-width:none !important; object-fit:contain !important; }
@media(max-width:1100px){ header img[src*="walrix-logo"] { width:225px !important; } }
@media(max-width:700px){ header img[src*="walrix-logo"] { width:190px !important; } }
.wrx-premium .sidebar .brand .brand-logo { width:170px !important; height:auto !important; max-width:100% !important; object-fit:contain !important; display:block !important; }

/* WALRIX_CONTROL_BRAND_TREATMENT_R1
   Exact Control Center logo treatment.
   Keep existing desktop/tablet/mobile geometry unchanged. */
img[src*="walrix-logo"] {
  mix-blend-mode: lighten !important;
  filter: none !important;
  opacity: 1 !important;
  object-fit: contain !important;
}

/* WALRIX MOBILE BRAND + WORKSPACE ACCESS 2026-09-18 */
@media (max-width: 767px) {

  /* PUBLIC SITE:
     показываем существующую кнопку "Личный кабинет" для авторизованного пользователя */
  .public-header {
    min-height: 118px !important;
    height: 118px !important;
    padding: 10px 20px !important;
    align-items: flex-start !important;
  }

  .public-header .header-actions {
    position: relative !important;
    min-height: 98px !important;
    align-content: flex-start !important;
    gap: 8px 12px !important;
  }

  .public-header .header-actions > a.btn[href="/app"] {
    display: inline-flex !important;
    position: absolute !important;
    right: 0 !important;
    bottom: 2px !important;
    min-height: 38px !important;
    padding: 8px 13px !important;
    white-space: nowrap !important;
    font-size: 12px !important;
  }

  /* CABINET:
     вместо маленькой favicon показываем полноценный WALRIX */
  .wrx-premium .topbar {
    height: auto !important;
    min-height: 108px !important;
    padding: 9px 14px 10px !important;

    display: grid !important;
    grid-template-columns: minmax(0,1fr) auto !important;
    grid-template-areas:
      "brand tools"
      "search search" !important;

    column-gap: 10px !important;
    row-gap: 7px !important;
    align-items: center !important;
  }

  .wrx-premium .mobile-brand-mark {
    grid-area: brand !important;
    display: flex !important;
    align-items: center !important;

    width: 158px !important;
    height: 44px !important;
    flex: 0 0 158px !important;
    overflow: visible !important;
  }

  .wrx-premium .mobile-brand-mark img {
    display: block !important;
    width: 158px !important;
    height: 44px !important;
    max-width: none !important;

    object-fit: contain !important;
    object-position: left center !important;
    mix-blend-mode: lighten !important;
  }

  .wrx-premium .top-tools {
    grid-area: tools !important;
    justify-self: end !important;
    gap: 7px !important;
  }

  .wrx-premium .top-search {
    grid-area: search !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
  }

  .wrx-premium .top-search input {
    width: 100% !important;
    min-width: 0 !important;
  }
}

/* WALRIX MOBILE PREMIUM HEADER R2 */
@media (max-width: 767px) {

  .public-header {
    height: 92px !important;
    min-height: 92px !important;
    padding: 8px 18px !important;
    align-items: center !important;
  }

  .public-header .header-actions {
    position: relative !important;
    display: grid !important;
    grid-template-columns: auto 34px !important;
    grid-template-rows: 30px 32px !important;
    column-gap: 8px !important;
    row-gap: 4px !important;

    height: 66px !important;
    min-height: 66px !important;

    align-items: center !important;
    justify-items: end !important;
  }

  .public-header .header-actions .language {
    grid-column: 1 !important;
    grid-row: 1 !important;
    align-self: center !important;
  }

  .public-header .header-actions .mobile-only {
    grid-column: 2 !important;
    grid-row: 1 !important;

    width: 34px !important;
    height: 34px !important;
    padding: 5px !important;
  }

  .public-header .header-actions > a.btn[href="/app"] {
    display: inline-flex !important;

    position: static !important;

    grid-column: 1 / 3 !important;
    grid-row: 2 !important;

    justify-self: end !important;
    align-self: end !important;

    width: auto !important;
    max-width: none !important;

    min-height: 32px !important;
    height: 32px !important;

    padding: 5px 10px !important;

    border-radius: 7px !important;

    gap: 6px !important;

    font-size: 11px !important;
    font-weight: 550 !important;
    line-height: 1 !important;

    white-space: nowrap !important;

    box-shadow: 0 4px 14px rgba(0,0,0,.16) !important;
  }

  .public-header .header-actions > a.btn[href="/app"] svg {
    width: 13px !important;
    height: 13px !important;
  }
}

@media (max-width: 380px) {

  .public-header {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  .public-header .header-actions {
    column-gap: 6px !important;
  }

  .public-header .header-actions > a.btn[href="/app"] {
    padding-left: 8px !important;
    padding-right: 8px !important;
    font-size: 10px !important;
  }
}