[data-member-dashboard] { --md-text:#eef4fa; --md-muted:#9aafbf; --md-border:#283946; --md-bg:#111a22; color:var(--md-text); }
.md-heading { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:20px; margin:12px 0 26px; }
.md-heading h1 { font-size:clamp(25px,2.7vw,38px); letter-spacing:-.035em; margin:5px 0 9px; line-height:1.2; }
.md-heading p { margin:0; color:var(--md-muted); }
.md-eyebrow,.md-label { font-size:11px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; color:var(--md-muted); }
.md-toolbar { display:flex; flex-wrap:wrap; gap:8px; }
.md-button,.md-action { display:inline-flex; align-items:center; justify-content:center; gap:12px; min-height:38px; padding:9px 13px; border:1px solid var(--md-border); border-radius:7px; color:var(--md-text); background:transparent; font:inherit; font-size:12px; font-weight:700; text-decoration:none; cursor:pointer; }
.md-button:hover,.md-action:hover { background:rgba(76,161,222,.12); border-color:#639bcb; }
.md-button:disabled { opacity:.35; cursor:default; }
[data-md-action="customize"] { background:#156cc0; border-color:#2582d5; color:#fff; }
[data-member-dashboard] :focus-visible { outline:2px solid #65bbff; outline-offset:3px; }
.md-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; align-items:stretch; }
.md-card { min-width:0; padding:24px; border:1px solid var(--md-border); border-radius:12px; background:var(--md-bg); display:flex; flex-direction:column; align-items:flex-start; gap:10px; }
.md-card h2 { margin:0 0 9px; font-size:15px; font-weight:750; }
.md-card { position:relative; }
.md-card > h2 { padding-right:32px; }
.md-grip { position:absolute; top:14px; right:12px; width:32px; height:32px; border:1px solid transparent; border-radius:6px; background:transparent; color:var(--md-muted); font-size:24px; line-height:1; cursor:grab; touch-action:none; user-select:none; }
.md-grip:hover,.md-grip:focus-visible { border-color:var(--md-border); background:rgba(76,161,222,.12); color:var(--md-text); }
.md-grip:active { cursor:grabbing; }
.md-dragging { opacity:.45; }
.md-drop-before { box-shadow:inset 4px 4px 0 #54b9ff; }
.md-drop-after { box-shadow:inset -4px -4px 0 #54b9ff; }
.md-drag-proxy { position:fixed; z-index:10000; pointer-events:none; padding:10px 16px; border:1px solid #54b9ff; border-radius:8px; background:#153e65; color:#fff; font:600 13px Arial,sans-serif; box-shadow:0 8px 25px #0005; }
.md-card h3 { font-size:19px; margin:4px 0; }
.md-card p { color:var(--md-muted); font-size:13px; line-height:1.6; margin:0; }
.md-card > .md-action,.md-card > .md-button { margin-top:auto; }
.md-compact { grid-column:span 1; }
.md-wide { grid-column:span 2; }
.md-full { grid-column:1 / -1; }
.md-featured { background:radial-gradient(ellipse at top right,rgba(55,139,211,.13),transparent 65%),var(--md-bg); min-height:300px; gap:8px; box-shadow:0 8px 22px #0002,inset 0 1px 0 #ffffff09; container-type:inline-size; }
.md-featured > h2 { margin-bottom:0; }
.md-featured .md-filters { margin-bottom:0; }
.md-featured .md-filters select { padding:7px 9px; }
.md-performance-summary { box-sizing:border-box; display:grid; grid-template-columns:minmax(0,1.3fr) minmax(0,1fr); align-items:center; gap:20px; width:100%; padding:16px; border:1px solid var(--md-border); border-radius:9px; background:linear-gradient(120deg,rgba(83,165,225,.09),rgba(83,165,225,.02)); box-shadow:inset 0 1px 0 #ffffff08; }
.md-featured::before { content:""; position:absolute; left:0; top:24px; width:3px; height:20px; background:#58adf0; border-radius:0 3px 3px 0; }
.md-performance-result { display:grid; gap:8px; width:100%; }
.md-performance-result .md-value { font-size:clamp(30px,2.7vw,40px); font-variant-numeric:tabular-nums; }
.md-performance-metrics { display:grid; grid-template-columns:1fr 1fr; gap:14px; width:100%; padding:6px 0 6px 18px; border-left:1px solid var(--md-border); box-sizing:border-box; }
.md-performance-metrics span { display:block; color:var(--md-muted); font-size:12px; margin-bottom:6px; }
.md-performance-metrics strong { font-size:23px; font-variant-numeric:tabular-nums; }
.md-positive { color:#69c58b; }
.md-negative { color:#ed969b; }
.md-value { font-size:clamp(23px,2.6vw,38px); font-weight:750; letter-spacing:-.035em; line-height:1.2; overflow-wrap:anywhere; }
.md-value small { font-size:18px; font-weight:500; color:var(--md-muted); }
.md-card .md-note { font-size:11px; }
.md-empty { padding:8px 0 15px; }
.md-empty strong { display:block; font-size:20px; line-height:1.3; margin-bottom:9px; }
.md-filters { display:flex; flex-wrap:wrap; width:100%; gap:12px; margin-bottom:12px; }
.md-filters label { flex:1; min-width:140px; }
[data-member-dashboard] label { font-size:11px; color:var(--md-muted); }
[data-member-dashboard] select { display:block; width:100%; max-width:100%; border:1px solid var(--md-border); padding:9px; margin-top:5px; border-radius:6px; background:var(--md-bg); color:var(--md-text); font:inherit; font-size:12px; }
.md-trend { width:100%; margin:8px 0 0; color:#68b2eb; }
.md-trend svg { width:100%; height:auto; display:block; overflow:visible; }
.md-trend figcaption { display:flex; justify-content:space-between; flex-wrap:wrap; gap:4px; font-size:12px; color:var(--md-text); margin-bottom:8px; }
.md-trend figcaption span { font-size:11px; color:var(--md-muted); }
.md-chart-grid { stroke:var(--md-border); stroke-width:1; stroke-dasharray:3 5; }
.md-chart-point { fill:var(--md-bg); stroke:currentColor; stroke-width:2; cursor:crosshair; }
.md-chart-point.is-active,.md-chart-point:focus { fill:currentColor; stroke-width:4; }
.md-chart-dates { display:flex; justify-content:space-between; color:var(--md-muted); font-size:11px; }
.md-trend .md-chart-readout { min-height:20px; margin-top:4px; font-size:12px; color:var(--md-muted); font-variant-numeric:tabular-nums; }
.md-card progress { width:100%; height:7px; accent-color:#3ca9fa; margin:10px 0; }
.md-card .v2-ats-card { background:none; border:0; padding:0; width:100%; }
.md-card .v2-ats-card h3 { margin-top:0; }
.md-plan-list { padding:0; margin:0; width:100%; list-style:none; }
.md-plan-list li { display:flex; justify-content:space-between; gap:12px; border-bottom:1px solid var(--md-border); padding:10px 0; font-size:13px; }
.md-plan-list span { color:var(--md-muted); }
.md-plan-list a { color:var(--md-text); text-decoration:underline; text-underline-offset:3px; }
.md-customizer { border:1px solid var(--md-border); border-radius:12px; background:var(--md-bg); padding:22px; margin-bottom:24px; }
.md-customizer h2,.md-attention h2 { font-size:18px; margin:0 0 8px; }
.md-catalog { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.md-catalog-row { display:flex; align-items:center; gap:10px; justify-content:space-between; padding:12px; border:1px solid var(--md-border); border-radius:8px; }
.md-catalog-row > label { display:flex; gap:10px; align-items:center; min-width:0; }
.md-catalog-row input { accent-color:#1689ed; width:17px; height:17px; flex-shrink:0; }
.md-catalog-row strong { display:block; font-size:13px; color:var(--md-text); }
.md-catalog-row small { display:block; line-height:1.5; margin-top:4px; }
.md-catalog-controls { display:flex; gap:5px; align-items:end; }
.md-size-label { min-width:85px; }
.md-reset { display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin-top:20px; }
.md-reset p { color:var(--md-muted); font-size:12px; }
.md-attention { margin-bottom:22px; }
.md-attention > div { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.md-widget { width:100%; min-height:390px; }
/* Match the vendor document's color scheme so transparent frames do not get an opaque browser canvas. */
.md-widget iframe { border:0; width:100%; height:350px; display:block; background:var(--md-bg); color-scheme:normal; }
.md-attribution { display:block; font-size:11px; color:#69b9f5; margin-top:8px; }
.md-symbol { width:100%; max-width:280px; }
html[data-portal-theme="light"] [data-member-dashboard] { --md-text:#182e41; --md-muted:#546b7d; --md-border:#d7e2eb; --md-bg:#fff; }
html[data-portal-theme="light"] .md-positive { color:#217650; }
html[data-portal-theme="light"] .md-negative { color:#b43f49; }
@media(max-width:1200px) { .md-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .md-featured { grid-column:1 / -1; } .md-catalog { grid-template-columns:1fr; } }
@media(max-width:640px) { .md-filters { flex-direction:column; } .md-grid { grid-template-columns:minmax(0,1fr); } .md-compact,.md-wide,.md-full { grid-column:1; } .md-card { padding:19px; } .md-attention > div { grid-template-columns:1fr; } .md-catalog-row { flex-wrap:wrap; } .md-catalog-controls { width:100%; } .md-customizer { padding:14px; } }

@container (max-width:440px) { .md-performance-summary { grid-template-columns:1fr; gap:12px; padding:13px; } .md-performance-metrics { border-left:0; border-top:1px solid var(--md-border); padding:12px 0 0; } }

.md-account-controls { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:8px; width:100%; }
.md-account-controls .md-button { min-height:30px; padding:5px 9px; font-size:11px; }
.md-account-manager { box-sizing:border-box; width:100%; padding:14px; background:var(--md-bg); border:1px solid var(--md-border); border-radius:8px; }
.md-account-table label { display:flex; gap:10px; align-items:flex-start; }
.md-account-manager input { accent-color:#58adf0; margin-top:3px; }
.md-account-manager strong,.md-account-manager small { display:block; overflow-wrap:anywhere; }
.md-account-manager strong { color:var(--md-text); font-size:12px; }
.md-account-manager small { margin-top:4px; color:var(--md-muted); font-size:11px; }
.md-account-manager .md-account-controls { margin:12px 0 8px; }

.md-account-table { width:100%; border-collapse:collapse; table-layout:fixed; margin-top:12px; text-align:left; }
.md-account-table th { font-size:11px; font-weight:700; color:var(--md-muted); padding:8px 0; }
.md-account-table th:first-child { width:68%; }
.md-account-table td { padding:12px 0; vertical-align:top; border-top:1px solid var(--md-border); }
.md-account-table td:first-child { padding-right:16px; }
.md-account-table .md-account-divider th { border-top:2px solid var(--md-border); padding:18px 0 10px; color:var(--md-text); }
.md-account-divider small { font-weight:400; color:var(--md-muted); }
.md-lifecycle-link { display:block; padding:0; margin-top:6px; border:0; background:transparent; color:#68b2eb; font:inherit; font-size:11px; cursor:pointer; text-decoration:underline; text-underline-offset:3px; }
html[data-portal-theme="light"] .md-lifecycle-link { color:#176cac; }
.md-account-manager .md-save-status { margin-top:5px; font-size:11px; }
@container (max-width:440px) {
  .md-account-table thead { display:none; }
  .md-account-table tr { display:block; border-top:1px solid var(--md-border); padding:12px 0; }
  .md-account-table td { display:block; border:0; padding:0; }
  .md-account-table td:first-child { padding-right:0; }
  .md-account-table .md-account-lifecycle { padding:10px 0 0 24px; }
  .md-account-lifecycle::before { content:"Lifecycle"; display:block; color:var(--md-muted); font-size:10px; margin-bottom:4px; }
  .md-account-table .md-account-divider th { display:block; width:auto; border:0; padding:0; }
}

.md-rating-summary { box-sizing:border-box; width:100%; display:grid; gap:9px; padding:16px; border:1px solid var(--md-border); border-radius:9px; background:linear-gradient(120deg,rgba(83,165,225,.09),transparent); }
.md-rating-title { font-size:15px; font-weight:650; }
.md-rating-status { font-size:12px; color:var(--md-muted); }
.md-card .md-rating-next { color:var(--md-text); }
.md-rating-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.md-rating-beta { padding:3px 7px; border:1px solid var(--md-border); border-radius:5px; color:var(--md-muted); font-size:10px; font-weight:700; }
.md-card[data-md-card="rating"] { gap:12px; }
.md-card[data-md-card="rating"] .md-value { font-size:clamp(25px,2.3vw,34px); }
.md-rating-next { padding-left:11px; border-left:2px solid #64b4ed; }
.md-rating-evidence { box-sizing:border-box; width:100%; display:grid; gap:10px; }
.md-rating-metrics { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.md-rating-metrics > div { min-width:0; }
.md-rating-metrics span { display:block; color:var(--md-muted); font-size:12px; margin-bottom:5px; }
.md-rating-metrics strong { display:block; font-size:23px; font-variant-numeric:tabular-nums; line-height:1.2; overflow-wrap:anywhere; }
.md-rating-metrics small { color:var(--md-muted); font-size:13px; font-weight:500; }
.md-rating-metrics progress { display:block; height:5px; margin:9px 0 0; }
.md-rating-breadth { display:flex; justify-content:space-between; align-items:baseline; gap:10px; border-top:1px solid var(--md-border); padding-top:12px; font-size:12px; }
.md-rating-breadth strong { white-space:nowrap; font-size:15px; font-variant-numeric:tabular-nums; }
.md-rating-explainer { width:100%; border-top:1px solid var(--md-border); padding-top:4px; }
.md-rating-explainer summary { padding:10px 0; min-height:24px; cursor:pointer; color:var(--md-text); font-size:12px; font-weight:650; }
.md-rating-explainer p { margin:0 0 10px; font-size:12px; }
.md-card .md-rating-updated { font-size:10px; }
.md-rating-actions { display:flex; flex-wrap:wrap; gap:8px; margin-top:auto; width:100%; }
.md-rating-actions .md-action { box-sizing:border-box; flex:1 1 auto; min-height:44px; padding:8px 10px; gap:8px; }
.md-rating-actions .md-action:first-child { background:rgba(76,161,222,.1); }