.pmi-my-progress{--pmi-border:#d9dfe5;--pmi-text:#263746;--pmi-muted:#63717d;color:var(--pmi-text);font-family:inherit;max-width:1400px;margin:0 auto}.pmi-my-progress *{box-sizing:border-box}.pmi-self-header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px;background:#fff;border:1px solid var(--pmi-border);border-radius:10px;margin:0 0 18px}.pmi-self-header h2{margin:0 0 5px}.pmi-self-header p{margin:0;color:var(--pmi-muted)}.pmi-self-header>div:last-child{text-align:right}.pmi-self-header strong{display:block;font-size:28px}.pmi-self-header span{color:var(--pmi-muted)}
.pmi-self-overview{display:grid;grid-template-columns:minmax(310px,420px) 1fr;gap:18px;margin-bottom:18px}.pmi-readiness-card{display:grid;grid-template-columns:58px 1fr;gap:16px;background:#223746;color:#fff;border-radius:12px;padding:20px;min-height:235px}.pmi-readiness-meter{position:relative;width:34px;height:150px;border:3px solid #d7efff;border-radius:20px;margin:4px auto;background:linear-gradient(to top,#cf3f46 0 40%,#f0c34d 40% 65%,#70b85b 65% 100%);overflow:hidden}.pmi-readiness-meter:after{content:"";position:absolute;inset:0;background:rgba(26,50,66,.55)}.pmi-readiness-fill{position:absolute;left:0;right:0;bottom:0;background:rgba(255,255,255,.18);z-index:2;border-top:3px solid #fff}.pmi-readiness-copy>span{font-size:13px;opacity:.85;text-transform:uppercase;letter-spacing:.04em}.pmi-readiness-copy>strong{display:block;font-size:48px;line-height:1;margin:8px 0}.pmi-readiness-copy h3{color:#fff;margin:0 0 7px}.pmi-readiness-copy p{margin:0;opacity:.82}.pmi-readiness-card details{grid-column:1/-1}.pmi-readiness-card summary{cursor:pointer}.pmi-readiness-card ul{columns:2;margin-bottom:6px}.pmi-self-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.pmi-self-metrics>div{background:#fff;border:1px solid var(--pmi-border);border-radius:10px;padding:18px}.pmi-self-metrics strong{display:block;font-size:23px;margin-bottom:6px}.pmi-self-metrics span,.pmi-self-metrics small{display:block;color:var(--pmi-muted)}
.pmi-domain-summary,.pmi-task-scorecard,.pmi-chart-panel,.pmi-detail-section{background:#fff;border:1px solid var(--pmi-border);border-radius:10px;padding:20px;margin:18px 0}.pmi-domain-summary h3,.pmi-task-scorecard h3,.pmi-chart-panel h3,.pmi-detail-section h3{margin-top:0}.pmi-domain-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.pmi-domain-card{border:1px solid var(--pmi-border);border-top-width:5px;border-radius:8px;padding:16px}.pmi-domain-people{border-top-color:#3787c7}.pmi-domain-process{border-top-color:#f1a126}.pmi-domain-business{border-top-color:#9b5bbe}.pmi-domain-card h4{margin:0 0 8px}.pmi-domain-card strong{font-size:28px}.pmi-domain-card span{display:block;color:var(--pmi-muted)}.pmi-domain-card p{margin:8px 0 0}
.pmi-task-groups{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.pmi-task-groups h4{margin:0 0 10px}.pmi-task-tiles{display:grid;grid-template-columns:repeat(4,minmax(58px,1fr));gap:7px}.pmi-task-tile{border:0;border-radius:6px;min-height:58px;padding:6px;color:#fff;font-weight:700;cursor:help}.pmi-mastery-low{background:#e8484f}.pmi-mastery-developing{background:#f1a126}.pmi-mastery-strong{background:#94c557}.pmi-mastery-mastered{background:#2f6e17}.pmi-mastery-not-started{background:#9ba4ac}.pmi-mastery-legend{display:flex;flex-wrap:wrap;gap:15px;margin-top:16px;color:var(--pmi-muted);font-size:13px}.pmi-mastery-legend i{display:inline-block;width:11px;height:11px;border-radius:2px;margin-right:5px;vertical-align:-1px}
.pmi-chart-panel>p{color:var(--pmi-muted)}.pmi-chart-wrap{position:relative;overflow-x:auto;width:100%}.pmi-chart-wrap canvas{display:block;max-width:none}.pmi-chart-tooltip{position:absolute;z-index:5;max-width:270px;padding:7px 9px;background:#17212a;color:#fff;border-radius:4px;font-size:12px;pointer-events:none}.pmi-responsive-table{overflow-x:auto}.pmi-responsive-table table{border-collapse:collapse;width:100%;min-width:720px}.pmi-responsive-table th,.pmi-responsive-table td{padding:11px;border-bottom:1px solid var(--pmi-border);text-align:left}.pmi-responsive-table th{background:#f3f5f7}.pmi-self-trend-row td{padding:18px!important;background:#fafbfc}.pmi-self-toggle-trend{border:0;background:none;color:#1d70a8;padding:0;cursor:pointer}.pmi-cohort-selector{display:flex;gap:10px;align-items:center;margin:0 auto 14px;max-width:1400px}.pmi-my-progress-message{padding:18px;border:1px solid var(--pmi-border);border-radius:8px;background:#fff}
@media(max-width:900px){.pmi-self-overview{grid-template-columns:1fr}.pmi-self-metrics,.pmi-domain-cards,.pmi-task-groups{grid-template-columns:1fr}.pmi-self-header{align-items:flex-start;flex-direction:column}.pmi-self-header>div:last-child{text-align:left}.pmi-task-tiles{grid-template-columns:repeat(4,minmax(52px,1fr))}}
@media(max-width:520px){.pmi-readiness-card{grid-template-columns:45px 1fr;padding:15px}.pmi-self-metrics{grid-template-columns:1fr}.pmi-task-tiles{grid-template-columns:repeat(4,1fr)}.pmi-task-tile{min-height:50px;font-size:12px}.pmi-readiness-card ul{columns:1}}
.pmi-mesh-panel{overflow:hidden}.pmi-mesh-chart{overflow-x:auto;padding-bottom:4px}.pmi-mesh-chart canvas{min-height:430px}.pmi-mesh-legend{display:flex;flex-wrap:wrap;gap:15px;align-items:center;margin-top:10px;color:var(--pmi-muted);font-size:13px}.pmi-mesh-legend i{display:inline-block;width:12px;height:12px;border-radius:2px;margin-right:5px;vertical-align:-2px}.pmi-mesh-people{background:#3787c7}.pmi-mesh-process{background:#f1a126}.pmi-mesh-business{background:#9b5bbe}.pmi-mesh-note{margin-left:auto;font-style:italic}
@media(max-width:700px){.pmi-mesh-note{width:100%;margin-left:0}.pmi-mesh-chart canvas{min-height:400px}}
.pmi-panel-heading-row{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}.pmi-panel-heading-row h3{margin-bottom:6px}.pmi-mesh-toggle{display:inline-flex;border:1px solid var(--pmi-border);border-radius:8px;overflow:hidden;flex:0 0 auto;background:#f5f7f9}.pmi-mesh-mode{border:0;background:transparent;padding:8px 12px;cursor:pointer;color:var(--pmi-text);font-weight:600}.pmi-mesh-mode+.pmi-mesh-mode{border-left:1px solid var(--pmi-border)}.pmi-mesh-mode.is-active{background:#223746;color:#fff}.pmi-help{position:relative;display:inline-flex;align-items:center;gap:4px;cursor:help;border-bottom:1px dotted currentColor}.pmi-help-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border:1px solid currentColor;border-radius:50%;font-size:11px;line-height:1;font-weight:700}.pmi-help:after{content:attr(data-pmi-help);position:absolute;left:0;bottom:calc(100% + 10px);width:min(360px,75vw);padding:10px 12px;background:#17212a;color:#fff;border-radius:6px;font-size:12px;font-weight:400;line-height:1.4;box-shadow:0 4px 16px rgba(0,0,0,.2);opacity:0;visibility:hidden;transform:translateY(4px);transition:.12s ease;z-index:30;pointer-events:none}.pmi-help:hover:after,.pmi-help:focus:after{opacity:1;visibility:visible;transform:translateY(0)}.pmi-heading-help{font-size:13px;font-weight:400;margin-left:8px;color:var(--pmi-muted)}.pmi-domain-card .pmi-help{border-bottom:0}.pmi-admin-progress-view .pmi-my-progress{max-width:none;margin-top:16px}.pmi-admin-progress-view .pmi-self-header h2{font-size:24px}.pmi-admin-progress-view .pmi-my-progress h3{font-size:20px}
@media(max-width:700px){.pmi-panel-heading-row{display:block}.pmi-mesh-toggle{margin:0 0 10px}.pmi-help:after{left:auto;right:0}}

/* v0.2.8 domain mastery rings */
.pmi-domain-card{display:grid;grid-template-columns:minmax(0,1fr) 112px;align-items:center;gap:18px;min-height:150px}
.pmi-domain-card-copy{min-width:0}
.pmi-domain-card-copy>strong{display:block}
.pmi-domain-card-copy>.pmi-help{display:inline-block;margin-top:2px}
.pmi-domain-meter{--pmi-domain-color:#64748b;position:relative;width:102px;height:102px;border-radius:50%;background:conic-gradient(var(--pmi-domain-color) calc(var(--pmi-domain-score) * 1%),#e3e8ec 0);display:grid;place-items:center;justify-self:end;box-shadow:inset 0 0 0 1px rgba(0,0,0,.04)}
.pmi-domain-meter:before{content:"";position:absolute;inset:10px;border-radius:50%;background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.05)}
.pmi-domain-meter-inner{position:relative;z-index:1;text-align:center;line-height:1.05}
.pmi-domain-meter-inner strong{display:block;font-size:24px!important;margin:0;color:var(--pmi-text)}
.pmi-domain-meter-inner span{display:block!important;margin-top:5px;font-size:11px;color:var(--pmi-muted)!important;text-transform:uppercase;letter-spacing:.03em}
.pmi-domain-meter-people{--pmi-domain-color:#3787c7}
.pmi-domain-meter-process{--pmi-domain-color:#f1a126}
.pmi-domain-meter-business{--pmi-domain-color:#9b5bbe}
.pmi-help{gap:0}
.pmi-help-icon{display:none!important}
@media(max-width:1100px){.pmi-domain-card{grid-template-columns:minmax(0,1fr) 92px;gap:10px}.pmi-domain-meter{width:84px;height:84px}.pmi-domain-meter:before{inset:8px}.pmi-domain-meter-inner strong{font-size:20px!important}.pmi-domain-meter-inner span{font-size:9px}}
@media(max-width:900px){.pmi-domain-card{grid-template-columns:minmax(0,1fr) 112px}.pmi-domain-meter{width:102px;height:102px}.pmi-domain-meter:before{inset:10px}.pmi-domain-meter-inner strong{font-size:24px!important}.pmi-domain-meter-inner span{font-size:11px}}
@media(max-width:430px){.pmi-domain-card{grid-template-columns:1fr 88px}.pmi-domain-meter{width:80px;height:80px}.pmi-domain-meter:before{inset:8px}.pmi-domain-meter-inner strong{font-size:19px!important}.pmi-domain-meter-inner span{font-size:8px}}

/* v0.2.11 curriculum coverage summary */
.pmi-coverage-metric{display:grid!important;grid-template-columns:minmax(0,1fr) 92px;align-items:center;gap:14px}
.pmi-coverage-copy{min-width:0}
.pmi-coverage-copy>strong,.pmi-coverage-copy>span,.pmi-coverage-copy>small{display:block}
.pmi-coverage-meter{--pmi-coverage-score:0;position:relative;width:84px;height:84px;border-radius:50%;background:conic-gradient(#2f78b7 calc(var(--pmi-coverage-score) * 1%),#e3e8ec 0);display:grid;place-items:center;justify-self:end}
.pmi-coverage-meter:before{content:"";position:absolute;inset:8px;border-radius:50%;background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.05)}
.pmi-coverage-meter-inner{position:relative;z-index:1;text-align:center;line-height:1.05}
.pmi-coverage-meter-inner strong{display:block!important;font-size:21px!important;margin:0!important;color:var(--pmi-text)}
.pmi-coverage-meter-inner span{display:block!important;margin-top:4px;font-size:9px;color:var(--pmi-muted)!important;text-transform:uppercase;letter-spacing:.04em}
@media(max-width:1150px){.pmi-coverage-metric{grid-template-columns:1fr}.pmi-coverage-meter{justify-self:start}}
@media(max-width:900px){.pmi-coverage-metric{grid-template-columns:minmax(0,1fr) 92px}.pmi-coverage-meter{justify-self:end}}
@media(max-width:520px){.pmi-coverage-metric{grid-template-columns:1fr 84px}.pmi-coverage-meter{width:76px;height:76px}.pmi-coverage-meter-inner strong{font-size:18px!important}}

/* v0.2.12 effort metrics and header coverage bar */
.pmi-header-coverage{display:flex;align-items:center;justify-content:flex-end;gap:14px;min-width:310px}
.pmi-header-progress{--pmi-header-progress:0;position:relative;width:150px;height:22px;border-radius:999px;background:#dfe6eb;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(0,0,0,.05)}
.pmi-header-progress>span{display:block;width:calc(var(--pmi-header-progress) * 1%);height:100%;border-radius:inherit;background:#2499e5;transition:width .25s ease}
.pmi-header-coverage-copy{text-align:right;white-space:nowrap}
.pmi-header-coverage-copy strong{display:block;font-size:28px;line-height:1}
.pmi-header-coverage-copy span{display:block;color:var(--pmi-muted);font-size:13px}
.pmi-effort-stat{margin-top:8px;color:var(--pmi-text)!important;line-height:1.25;font-weight:400!important;white-space:nowrap;font-size:12px}
.pmi-effort-stat+.pmi-effort-stat{margin-top:3px}
.pmi-effort-stat b{font-weight:700!important;color:var(--pmi-text)}
@media(max-width:900px){.pmi-header-coverage{justify-content:flex-start;min-width:0;width:100%}.pmi-header-coverage-copy{text-align:left}}
@media(max-width:520px){.pmi-header-coverage{align-items:flex-start;flex-direction:column;gap:8px}.pmi-header-progress{width:min(100%,260px)}}

.pmi-attempt-summary-number{font-weight:700!important;color:var(--pmi-text)!important;display:inline!important}
/* v0.2.15 current task-proficiency skyline */
.pmi-skyline-chart{overflow-x:auto;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y}
.pmi-skyline-chart canvas{min-height:430px;display:block}
.pmi-mesh-unattempted{background:#98a3ad}
@media(max-width:700px){.pmi-skyline-chart canvas{min-height:390px}.pmi-mesh-panel .pmi-panel-heading-row p{margin-bottom:8px}}

/* v0.2.20 front-end task-state colour hardening
   WordPress/Elementor themes often apply button background styles with greater
   specificity than the generic task-tile classes. Scope these rules to the
   progress component and force the reporting state colours consistently. */
.pmi-my-progress button.pmi-task-tile{
  appearance:none!important;
  -webkit-appearance:none!important;
  box-shadow:none!important;
  background-image:none!important;
  border:0!important;
  color:#fff!important;
}
.pmi-my-progress button.pmi-task-tile.pmi-mastery-low{background-color:#e8484f!important}
.pmi-my-progress button.pmi-task-tile.pmi-mastery-developing{background-color:#f1a126!important}
.pmi-my-progress button.pmi-task-tile.pmi-mastery-strong{background-color:#94c557!important}
.pmi-my-progress button.pmi-task-tile.pmi-mastery-mastered{background-color:#2f6e17!important}
.pmi-my-progress button.pmi-task-tile.pmi-mastery-not-started{background-color:#9ba4ac!important}
.pmi-my-progress button.pmi-task-tile:hover,
.pmi-my-progress button.pmi-task-tile:focus{
  filter:brightness(.96);
  transform:none!important;
}

/* v0.2.21 skyline score toggle and domain curriculum progress bars */
.pmi-domain-progress{--pmi-domain-progress:0;position:relative;height:8px;margin-top:11px;border-radius:999px;background:#e4e9ed;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(0,0,0,.035)}
.pmi-domain-progress>span{display:block;width:calc(var(--pmi-domain-progress) * 1%);height:100%;border-radius:inherit;background:#64748b;transition:width .25s ease}
.pmi-domain-people .pmi-domain-progress>span{background:#3787c7}
.pmi-domain-process .pmi-domain-progress>span{background:#f1a126}
.pmi-domain-business .pmi-domain-progress>span{background:#9b5bbe}
.pmi-skyline-footer-controls{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;gap:8px}
.pmi-skyline-measure-toggle{display:inline-flex;border:1px solid var(--pmi-border);border-radius:8px;overflow:hidden;background:#f5f7f9}
.pmi-skyline-measure-mode{border:0;background:transparent;padding:7px 10px;cursor:pointer;color:var(--pmi-text);font-weight:600;font-size:12px}
.pmi-skyline-measure-mode+.pmi-skyline-measure-mode{border-left:1px solid var(--pmi-border)}
.pmi-skyline-measure-mode.is-active{background:#223746;color:#fff}
.pmi-skyline-footer-controls .pmi-mesh-note{margin-left:0;text-align:right}
@media(max-width:700px){.pmi-skyline-footer-controls{width:100%;margin-left:0;align-items:flex-start}.pmi-skyline-footer-controls .pmi-mesh-note{text-align:left}.pmi-skyline-measure-toggle{max-width:100%}.pmi-skyline-measure-mode{padding:7px 8px}}

/* v0.2.22 domain palette alignment and effort-metric typography */
.pmi-coverage-copy .pmi-effort-stat{display:block!important}
@media(max-width:380px){.pmi-effort-stat{font-size:11px}}

/* v0.2.23 professor-only cohort comparison */
.pmi-cohort-comparison{background:#eef5ff;border:1px solid #b9d4fb;border-radius:12px;padding:18px 20px;margin:18px 0;box-shadow:0 5px 18px rgba(32,91,165,.08)}
.pmi-professor-only-banner{display:flex;align-items:center;gap:9px;color:#1762c4;margin-bottom:15px;font-size:14px}
.pmi-professor-eye{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#dceaff;border:1px solid #a9c9f7;flex:0 0 auto}
.pmi-professor-eye svg{width:19px;height:19px;fill:#2674db}
.pmi-cohort-comparison-grid{display:grid;grid-template-columns:minmax(260px,1fr) minmax(290px,1fr);gap:22px}
.pmi-cohort-rank-block,.pmi-cohort-context{background:rgba(255,255,255,.82);border:1px solid #c9ddf8;border-radius:10px;padding:17px 19px}
.pmi-cohort-label{display:block;text-transform:uppercase;letter-spacing:.045em;font-size:11px;font-weight:700;color:#526b82;margin-bottom:8px}
.pmi-cohort-rank-value{display:flex;align-items:baseline;gap:10px;margin:3px 0 7px}
.pmi-cohort-rank-value strong{font-size:38px;line-height:1;color:#2468cf}
.pmi-cohort-rank-value span{font-size:17px;font-weight:600;color:var(--pmi-text)}
.pmi-cohort-rank-unavailable strong{font-size:25px;color:#6b7884}
.pmi-cohort-rank-block p{margin:0;color:var(--pmi-muted);font-size:13px;line-height:1.45}
.pmi-cohort-context dl{margin:0;display:grid;gap:10px}
.pmi-cohort-context dl>div{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid rgba(185,212,251,.6);padding-bottom:7px}
.pmi-cohort-context dl>div:last-child{border-bottom:0;padding-bottom:0}
.pmi-cohort-context dt{color:var(--pmi-muted)}
.pmi-cohort-context dd{margin:0;font-weight:700;color:#174f9f;text-align:right}
.pmi-cohort-position{margin-top:17px;background:rgba(255,255,255,.72);border:1px solid #c9ddf8;border-radius:10px;padding:14px 18px 12px}
.pmi-cohort-position-scale{position:relative;height:18px;margin:2px 7px 0}
.pmi-cohort-position-line{position:absolute;left:0;right:0;top:8px;height:6px;border-radius:999px;background:#d7e0ea;box-shadow:inset 0 0 0 1px rgba(47,69,88,.04)}
.pmi-cohort-position-marker{position:absolute;top:1px;width:5px;height:20px;border-radius:3px;background:#2b73db;box-shadow:0 0 0 3px rgba(43,115,219,.13);transform:translateX(-50%)}
.pmi-cohort-position-marker:before{content:"";position:absolute;left:50%;top:-3px;transform:translateX(-50%);border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid #2b73db}
.pmi-cohort-position-ends{display:flex;justify-content:space-between;color:#435466;font-size:11px;font-weight:700;margin-top:2px}
.pmi-cohort-position p{margin:8px 0 0;color:var(--pmi-muted);font-size:12px}
@media(max-width:760px){.pmi-cohort-comparison-grid{grid-template-columns:1fr}.pmi-cohort-comparison{padding:15px}.pmi-cohort-rank-value strong{font-size:32px}}
