/* Isolated presentation: will not change the owner MSW Technical Exchange portal. */
#mswda-10x { color:#e9f6ff; background:linear-gradient(142deg,#030b17,#06182b 49%,#071425);position:relative;overflow:hidden;isolation:isolate;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55;box-sizing:border-box;padding:70px 20px 48px;min-height:600px }
#mswda-10x * {box-sizing:border-box}
#mswda-10x [hidden]{display:none!important}
#mswda-10x .mswda-inner{position:relative;z-index:2;max-width:1380px;margin:0 auto}
#mswda-10x .mswda-glow{position:absolute;width:820px;height:820px;top:-340px;right:-260px;background:radial-gradient(circle,#0065a65f 0,#0c8bca1d 30%,transparent 68%);pointer-events:none}
#mswda-10x:before{position:absolute;content:"";inset:0;opacity:.29;pointer-events:none;background-image:linear-gradient(90deg,#67bcf112 1px,transparent 1px),linear-gradient(#67bcf112 1px,transparent 1px);background-size:48px 48px}
#mswda-10x .mswda-eyebrow{letter-spacing:.24em;font-size:11px;font-weight:800;color:#a2d5ef;display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:20px}
#mswda-10x .mswda-eyebrow span{letter-spacing:.12em;color:#041124;background:linear-gradient(96deg,#49defc,#a1fcff);padding:6px 12px;border-radius:40px}
#mswda-10x .mswda-hero{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:30px}
#mswda-10x .mswda-hero h2{font-size:clamp(29px,4vw,52px);line-height:1.1;margin:0 0 17px;color:#f0faff;font-weight:830;letter-spacing:-.035em}
#mswda-10x .mswda-hero em{color:#60def4;font-style:normal}
#mswda-10x .mswda-hero p{margin:0;color:#a9bfd3;max-width:730px;font-size:15px}
#mswda-10x .mswda-health{border:1px solid #1e4c6b;background:#08253cba;border-radius:30px;padding:9px 15px;display:flex;align-items:center;gap:9px;white-space:normal;font-size:12px;color:#c1d8ed;min-width:190px;max-width:320px}
#mswda-10x .mswda-dot{display:block;border-radius:50%;background:#8993a5;width:9px;height:9px;flex:0 0 9px;box-shadow:0 0 10px #aaa5}
#mswda-10x .mswda-dot.ok{background:#38f5b0;box-shadow:0 0 12px #27eead}
#mswda-10x .mswda-dot.bad{background:#ff897a;box-shadow:0 0 12px #ec8c8c}
#mswda-10x .mswda-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:24px}
#mswda-10x .mswda-stat{padding:19px 22px;background:linear-gradient(150deg,#0e2d48d9,#081b31df);border:1px solid #22517b;border-radius:18px;min-height:155px;box-shadow:0 14px 36px #0003;display:flex;flex-direction:column;align-items:flex-start}
#mswda-10x .mswda-stat-label{font-size:12px;letter-spacing:.07em;text-transform:uppercase;font-weight:700;color:#93bdcf}
#mswda-10x .mswda-stat-value{font-size:clamp(30px,3.4vw,48px);line-height:1.15;font-weight:850;margin:9px 0;color:#8df5ff;letter-spacing:-.05em}
#mswda-10x .mswda-stat-detail{font-size:12px;color:#9bb2c6}
#mswda-10x .mswda-controls{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:0 0 24px;padding:14px;background:#081c31a9;border:1px solid #1e4160;border-radius:16px}
#mswda-10x .mswda-controls label{font-size:13px;font-weight:700}
#mswda-10x select,#mswda-10x input{color:#e7f9ff;background:#061827;border:1px solid #397094;padding:10px 13px;border-radius:10px;min-height:43px;font-size:14px;max-width:100%;box-shadow:none}
#mswda-10x select:focus,#mswda-10x input:focus,#mswda-10x button:focus-visible{outline:2px solid #62dfff;outline-offset:2px}
#mswda-10x input::placeholder{color:#7694ad}
#mswda-10x select option{background:#0c223b;color:#fff}
#mswda-10x button{appearance:none;border:1px solid #43b6e8;border-radius:11px;padding:10px 15px;min-height:42px;color:#02243d;background:linear-gradient(100deg,#65daff,#4c9bff);font-size:13px;font-weight:800;cursor:pointer;transition:transform .2s,border-color .2s,background .2s}
#mswda-10x button:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.12)}
#mswda-10x button:disabled{opacity:.45;cursor:not-allowed}
#mswda-10x button.secondary{background:#102c45;border-color:#2b5877;color:#bfeeff}
#mswda-10x .mswda-note{font-size:12px;color:#93b1c7;flex:1 1 210px}
#mswda-10x .mswda-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 18px;padding:4px;border:1px solid #1b3954;background:#051728;border-radius:15px}
#mswda-10x .mswda-tabs button{flex:1 1 150px;background:transparent;border:1px solid transparent;box-shadow:none;color:#b0c8da;border-radius:11px;padding:11px 12px;white-space:nowrap}
#mswda-10x .mswda-tabs button[aria-selected="true"]{color:#06243e;background:linear-gradient(100deg,#63d4f7,#a1d7ff);box-shadow:0 5px 19px #168db13a}
#mswda-10x .mswda-pane{animation:mswda-appear .2s ease}
@keyframes mswda-appear{from{opacity:.8}to{opacity:1}}
#mswda-10x .mswda-charts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:16px}
#mswda-10x .mswda-panel{background:linear-gradient(135deg,#091d32f0,#0b2942c9);border:1px solid #244560;border-radius:19px;padding:23px;margin-bottom:16px;box-shadow:0 10px 36px #0002;min-width:0}
#mswda-10x h3{font-size:18px;line-height:1.3;color:#f2faff;margin:0 0 14px;font-weight:780;letter-spacing:-.01em}
#mswda-10x .mswda-meta{font-size:12px;color:#8eacc4;margin:9px 0 0}
#mswda-10x .mswda-chart{min-height:135px;display:flex;align-items:center;justify-content:center;width:100%;overflow:hidden}
#mswda-10x .mswda-chart svg{width:100%;height:auto;max-height:335px;overflow:visible}
#mswda-10x svg .mswda-axis{font-family:inherit;fill:#d2e6f4;font-size:13px}
#mswda-10x svg .mswda-val{font-family:inherit;fill:#9beafc;font-size:12px;font-weight:800}
#mswda-10x .mswda-empty{width:100%;font-size:13px;color:#94adc7;padding:18px;background:#04172b;border:1px dashed #31536f;border-radius:9px;text-align:center;margin:0}
#mswda-10x .mswda-modules{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
#mswda-10x .mswda-module{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:16px;border-radius:12px;background:#06192a;border:1px solid #254762}
#mswda-10x .mswda-module strong{font-size:14px}
#mswda-10x .mswda-module b{color:#77e7ff;font-size:25px}
#mswda-10x .mswda-module small{color:#92aec4;font-size:12px}
#mswda-10x .mswda-status{font-size:10px;font-weight:800;letter-spacing:.06em;border:1px solid #63758b;color:#bdc5d0;background:#182b3c;border-radius:30px;padding:4px 9px;white-space:nowrap}
#mswda-10x .mswda-status.ok{border-color:#178d72;background:#0a4b43;color:#9ef1d6}
#mswda-10x .mswda-status.warn{border-color:#80603e;background:#47371f;color:#ffd99d}
#mswda-10x .mswda-status.bad{border-color:#9b534f;background:#4b2b35;color:#ffb3ad}
#mswda-10x .mswda-feedstatus{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
#mswda-10x .mswda-provider{background:#061a2e;border:1px solid #264964;border-radius:13px;padding:14px;display:flex;flex-direction:column;gap:7px;align-items:flex-start}
#mswda-10x .mswda-provider strong{font-size:14px;color:#d8faff}
#mswda-10x .mswda-provider span:not(.mswda-status),#mswda-10x .mswda-provider small{font-size:12px;color:#93b2c8}
#mswda-10x .mswda-feedfilters{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0 20px;align-items:center}
#mswda-10x .mswda-feedfilters input{flex:2 1 240px}
#mswda-10x .mswda-feedfilters select{flex:1 1 210px}
#mswda-10x .mswda-result{border-bottom:1px solid #284058;padding:14px 0}
#mswda-10x .mswda-result:last-child{border:0}
#mswda-10x a{color:#78e5ff;text-decoration:none}
#mswda-10x a:hover{color:#b3f5ff;text-decoration:underline}
#mswda-10x .mswda-result-link{font-size:14px;font-weight:750}
#mswda-10x .mswda-result small{display:block;color:#97abc0;margin-top:5px}
#mswda-10x .mswda-source-list{display:grid;gap:8px}
#mswda-10x .mswda-source{border:1px solid #244663;border-radius:12px;padding:12px 15px;display:grid;grid-template-columns:minmax(230px,1.5fr) minmax(120px,1fr) minmax(140px,1fr) auto;align-items:center;gap:12px;background:#051b30}
#mswda-10x .mswda-source-name{display:flex;flex-direction:column;gap:2px}
#mswda-10x .mswda-source-name>a{font-size:13px;font-weight:750}
#mswda-10x .mswda-source-name>small{font-size:11px;color:#829bb4}
#mswda-10x .mswda-chip{font-size:11px;color:#b1d5f1;background:#0c324d;border:1px solid #195774;border-radius:5px;padding:5px 8px;max-width:220px}
#mswda-10x .mswda-tags{font-size:11px;color:#88abc7}
#mswda-10x .mswda-pagination{display:flex;justify-content:center;gap:18px;align-items:center;margin-top:18px}
#mswda-10x .mswda-pagination-state{font-size:12px}
#mswda-10x .mswda-audit-row{display:grid;grid-template-columns:minmax(170px,1fr) minmax(270px,3fr) minmax(130px,.8fr);gap:15px;padding:13px 0;border-bottom:1px solid #27415a;font-size:13px}
#mswda-10x .mswda-audit-row span{color:#b0c7d8}
#mswda-10x .mswda-audit-row small{color:#78deeb;text-align:right;font-weight:800}
#mswda-10x .mswda-footer{margin-top:28px;padding-top:20px;border-top:1px solid #24516f;color:#8fb1c9;font-size:12px}
@media(max-width:1020px){#mswda-10x .mswda-stats{grid-template-columns:repeat(2,minmax(0,1fr))}#mswda-10x .mswda-source{grid-template-columns:minmax(200px,1fr) minmax(160px,1fr)}#mswda-10x .mswda-source .mswda-tags{display:none}}
@media(max-width:700px){#mswda-10x{padding:40px 14px}#mswda-10x .mswda-hero{flex-direction:column}#mswda-10x .mswda-health{max-width:100%;width:100%}#mswda-10x .mswda-charts,#mswda-10x .mswda-modules,#mswda-10x .mswda-feedstatus{grid-template-columns:1fr}#mswda-10x .mswda-source{grid-template-columns:1fr}#mswda-10x .mswda-tabs button{flex:1 1 calc(50% - 8px);white-space:normal}#mswda-10x .mswda-audit-row{grid-template-columns:1fr;gap:5px}#mswda-10x .mswda-audit-row small{text-align:left}#mswda-10x .mswda-panel{padding:16px}#mswda-10x .mswda-source .mswda-tags{display:block}}
@media(max-width:430px){#mswda-10x .mswda-stats{grid-template-columns:1fr 1fr;gap:8px}#mswda-10x .mswda-stat{padding:13px 10px;min-height:145px}#mswda-10x .mswda-stat-label{font-size:10px}#mswda-10x .mswda-stat-value{font-size:28px}#mswda-10x .mswda-stat-detail{font-size:10px}#mswda-10x .mswda-controls>*{flex:1 1 100%}}
@media(prefers-reduced-motion:reduce){#mswda-10x *,#mswda-10x *:before,#mswda-10x *:after{animation:none!important;transition:none!important}}

/* Responsive data visualization: readable labels on narrow screens, SVG only for the trend. */
#mswda-10x .mswda-mobile-bars{display:grid;gap:12px;width:100%}
#mswda-10x .mswda-mobile-bar{min-width:0}
#mswda-10x .mswda-mobile-bar-head{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:5px;font-size:12px;line-height:1.35;color:#d6eefd}
#mswda-10x .mswda-mobile-bar-head span{min-width:0;overflow-wrap:anywhere}
#mswda-10x .mswda-mobile-bar-head strong{color:#a4eeff;white-space:nowrap}
#mswda-10x .mswda-mobile-track{width:100%;height:10px;border-radius:7px;background:#1c334f;overflow:hidden}
#mswda-10x .mswda-mobile-fill{height:100%;border-radius:7px}
@media(max-width:700px){#mswda-10x .mswda-chart:has(svg){overflow-x:auto;justify-content:flex-start;scrollbar-width:thin;scrollbar-color:#38bde9 #07243d}#mswda-10x .mswda-chart svg{min-width:500px;width:500px;max-width:none}#mswda-10x .mswda-chart:has(.mswda-mobile-bars){display:block}}