/* WHYVIX Platform reusable responsive visual foundation. Generated copies: tools/sync-platform-assets.php */
:root{--wx-accent:#2563eb;--wx-accent-hover:#1d4ed8;--wx-bg:#f3f6fb;--wx-surface:#fff;--wx-surface-alt:#f8fafc;--wx-text:#17233a;--wx-muted:#64748b;--wx-border:#dce5ef;--wx-shadow:0 12px 36px rgba(24,44,79,.08);--wx-radius:16px;--wx-focus:#60a5fa;color-scheme:light}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){--wx-bg:#0a1222;--wx-surface:#131f32;--wx-surface-alt:#192940;--wx-text:#ecf3ff;--wx-muted:#9db1cc;--wx-border:#32435b;--wx-shadow:0 16px 42px rgba(0,0,0,.24);color-scheme:dark}}
:root[data-theme="dark"]{--wx-bg:#0a1222;--wx-surface:#131f32;--wx-surface-alt:#192940;--wx-text:#ecf3ff;--wx-muted:#9db1cc;--wx-border:#32435b;--wx-shadow:0 16px 42px rgba(0,0,0,.24);color-scheme:dark}
:root[data-theme="light"]{color-scheme:light}
.wx-page{min-height:100vh;background:var(--wx-bg);color:var(--wx-text);font:14px/1.55 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;margin:0}
.wx-page *{box-sizing:border-box}
.wx-page a{color:var(--wx-accent);text-decoration:none}
.wx-page a:hover{text-decoration:underline}
.wx-page button,.wx-page input,.wx-page select{font:inherit}
.wx-page :is(a,button,input,select):focus-visible{outline:3px solid var(--wx-focus);outline-offset:2px}
.wx-shell{max-width:1400px;margin:0 auto;padding:26px 22px 45px}
.wx-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-bottom:24px}
.wx-brand{display:flex;align-items:center;gap:12px;font-size:21px;font-weight:850;letter-spacing:-.35px}
.wx-logo{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(145deg,#4ba7ff,#164bd3);color:#fff;font-weight:900}
.wx-header-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.wx-panel,.wx-stat,.wx-hero{background:var(--wx-surface);border:1px solid var(--wx-border);border-radius:var(--wx-radius);box-shadow:var(--wx-shadow)}
.wx-panel{padding:21px;margin-bottom:19px}
.wx-hero{padding:25px 26px;margin-bottom:18px;background:linear-gradient(120deg,color-mix(in srgb,var(--wx-accent) 10%,var(--wx-surface)),var(--wx-surface))}
.wx-hero h1{font-size:clamp(23px,2.6vw,31px);line-height:1.2;letter-spacing:-.6px;margin:0 0 7px}
.wx-hero p,.wx-muted{color:var(--wx-muted)}
.wx-hero p{margin:0}
.wx-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-bottom:18px}
.wx-stat{padding:17px}
.wx-stat .wx-stat-value{display:block;font-size:29px;line-height:1.25;font-weight:800}
.wx-stat .wx-stat-label{color:var(--wx-muted);font-size:12px;font-weight:600}
.wx-section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;flex-wrap:wrap}
.wx-section-head h2{margin:0;font-size:18px}
.wx-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.wx-field{display:flex;flex-direction:column;gap:6px;min-width:0}
.wx-field span{color:var(--wx-muted);font-weight:600;font-size:12px}
.wx-field :is(input,select){background:var(--wx-surface-alt);border:1px solid var(--wx-border);border-radius:9px;padding:10px 12px;color:var(--wx-text);min-width:0;width:100%}
.wx-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--wx-border);background:var(--wx-surface);border-radius:9px;padding:9px 13px;color:var(--wx-text);font-size:13px;font-weight:700;cursor:pointer}
.wx-btn:hover{background:var(--wx-surface-alt);text-decoration:none}
.wx-btn-primary{background:var(--wx-accent);border-color:var(--wx-accent);color:white}
.wx-btn-primary:hover{background:var(--wx-accent-hover);color:white}
.wx-btn-danger{color:#e15c67}
.wx-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.wx-table-wrap{overflow-x:auto;border-radius:12px;border:1px solid var(--wx-border)}
.wx-table{border-collapse:collapse;min-width:880px;width:100%}
.wx-table th,.wx-table td{padding:11px 13px;border-bottom:1px solid var(--wx-border);text-align:left;vertical-align:top}
.wx-table th{background:var(--wx-surface-alt);color:var(--wx-muted);font-size:12px}
.wx-table tr:last-child td{border-bottom:0}
.wx-table tr:hover td{background:color-mix(in srgb,var(--wx-accent) 3%,var(--wx-surface))}
.wx-table small{color:var(--wx-muted)}
.wx-chip{display:inline-block;padding:3px 8px;border-radius:99px;background:var(--wx-surface-alt);border:1px solid var(--wx-border);font-weight:700;font-size:11px}
.wx-banner{padding:13px 15px;border-radius:10px;margin:12px 0;background:color-mix(in srgb,var(--wx-accent) 9%,var(--wx-surface));border:1px solid var(--wx-border);overflow-wrap:anywhere}
.wx-error{color:#ed707b}
.wx-empty{padding:25px;text-align:center;color:var(--wx-muted)}
.wx-preferences{display:flex;align-items:center;gap:7px}
.wx-preferences button{border:1px solid var(--wx-border);border-radius:9px;background:var(--wx-surface);color:var(--wx-text);font-size:12px;padding:7px 11px;cursor:pointer}
.wx-preferences button[aria-pressed="true"]{background:var(--wx-accent);color:#fff;border-color:var(--wx-accent)}
.wx-copy{max-width:340px;overflow-wrap:anywhere}
.wx-login{max-width:470px;margin:8vh auto;padding:20px}
.wx-login .wx-panel{padding:31px}
.wx-login form{display:grid;gap:14px}
.wx-page .wx-panel :is(h2,h3){color:var(--wx-text)}
/* Override legacy Release Center surfaces without modifying release behavior. */
html[data-theme="dark"] body:not(.wx-page){background:var(--wx-bg)!important;color:var(--wx-text)!important}
html[data-theme="dark"] :is(.topbar,.panel,.metric,.support article,.table-scroll,.wx-surface){background:var(--wx-surface)!important;color:var(--wx-text)!important;border-color:var(--wx-border)!important}
html[data-theme="dark"] :is(.hero,.info,.filters input,.filters select,.top-hint,.btn){background:var(--wx-surface-alt)!important;color:var(--wx-text)!important;border-color:var(--wx-border)!important}
html[data-theme="dark"] :is(.hero h2,.panel h2,.support h3,.prod strong,.metric strong,.topbar h1,.empty strong,.metric .key,.table-action){color:var(--wx-text)!important}
html[data-theme="dark"] :is(th,thead,tbody tr:hover){background:var(--wx-surface-alt)!important;color:var(--wx-text)!important}
html[data-theme="dark"] td{border-color:var(--wx-border)!important;color:var(--wx-muted)!important}
html[data-theme="dark"] :is(.hero p,.panel p,.support p,.footer,.topbar p,.bottom-line,.metric small){color:var(--wx-muted)!important}
html[data-theme="dark"] .btn-primary{background:var(--wx-accent)!important;color:#fff!important}
.wx-release-preferences{display:flex;justify-content:flex-end;gap:8px;margin:9px 14px}
@media(max-width:940px){.wx-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wx-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:590px){.wx-grid,.wx-stats{grid-template-columns:1fr}.wx-shell{padding:13px}.wx-panel{padding:15px}.wx-hero{padding:20px}.wx-login{margin:3vh auto}.wx-login .wx-panel{padding:20px}}