/* ============================================================
   CAREER PILOT — PERFORMANCE ANALYSIS (results card, report, report list)
   ============================================================ */
.pa-card{ padding:24px; }
.pa-card[hidden]{ display:none; }
.pa-card h2{ font-size:1.05rem; margin-bottom:8px; }
.pa-text{ font-size:.92rem; }
.pa-progress{ margin:12px 0 4px; }
.pa-progress[hidden]{ display:none; }
.pa-bar{ height:8px; border-radius:999px; background:var(--bg-alt); overflow:hidden; }
.pa-bar-fill{ height:100%; width:0; background:linear-gradient(90deg, var(--blue), var(--orange)); border-radius:inherit; transition:width .4s ease; }
.pa-error{ margin-top:10px; color:var(--red); font-size:.88rem; white-space:pre-line; }
.pa-error[hidden]{ display:none; }
.pa-actions{ display:flex; gap:10px; flex-wrap:wrap; margin-top:14px; }
.pa-actions [hidden]{ display:none; }
.pa-card .iv-note{ margin-top:14px; }

.pa-muted{ color:var(--text-soft); font-size:.88rem; }
.pa-fine{ color:var(--text-soft); font-size:.8rem; margin:6px 0 12px; }
.pa-na{ color:var(--text-soft); cursor:help; }

.pa-report{ display:flex; flex-direction:column; gap:18px; }
.pa-section h2{ font-size:1.05rem; margin-bottom:10px; }
.pa-section h3{ font-size:.92rem; margin:14px 0 6px; }
.pa-warn{ border-left:4px solid var(--amber); background:var(--amber-bg); }
.pa-warn ul{ margin:6px 0 0 18px; font-size:.88rem; }
.pa-grid2{ display:grid; grid-template-columns:1fr 1fr; gap:18px; }

.pa-tiles{ display:grid; grid-template-columns:repeat(auto-fill, minmax(170px, 1fr)); gap:10px; }
.pa-tile{ display:flex; flex-direction:column; gap:3px; padding:12px; border-radius:var(--radius-sm); background:var(--bg-alt); }
.pa-tile-label{ font-size:.76rem; color:var(--text-soft); font-weight:600; }
.pa-tile-value{ font-size:1.3rem; color:var(--navy); font-family:var(--font-head); }
.pa-tile-value small{ font-size:.75rem; color:var(--text-soft); margin-left:2px; font-weight:500; }
.pa-tile-note{ font-size:.74rem; color:var(--text-soft); }

.pa-charts{ display:grid; grid-template-columns:1fr 1fr; gap:18px; margin-top:16px; }
.pa-chart{ margin:0; }
.pa-chart figcaption{ font-weight:600; font-size:.86rem; margin-bottom:8px; }
.pa-chart figcaption small{ font-weight:400; color:var(--text-soft); }
.pa-bar-row{ display:grid; grid-template-columns:34px 1fr 74px; align-items:center; gap:8px; margin-bottom:6px; }
.pa-bar-label{ font:.76rem var(--font-mono); color:var(--text-soft); }
.pa-bar-track{ height:9px; border-radius:999px; background:var(--bg-alt); overflow:hidden; }
.pa-bar-val{ height:100%; background:var(--blue); border-radius:inherit; }
.pa-bar-val.is-out{ background:var(--orange); }
.pa-bar-num{ font:.76rem var(--font-mono); color:var(--text); text-align:right; }

.pa-scores{ display:flex; flex-direction:column; gap:8px; margin-bottom:10px; }
.pa-score{ display:grid; grid-template-columns:150px 1fr 40px; align-items:center; gap:10px; font-size:.86rem; }
.pa-score b{ text-align:right; }

.pa-list{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:8px; }
.pa-list li{ font-size:.9rem; display:flex; gap:8px; align-items:baseline; flex-wrap:wrap; }
.pa-src{ font-size:.68rem; font-weight:700; text-transform:uppercase; letter-spacing:.04em; border-radius:999px; padding:2px 8px; white-space:nowrap; }
.pa-src--delivery{ background:rgba(47,93,124,.1); color:var(--blue); }
.pa-src--content{ background:var(--green-bg); color:var(--green); }
.pa-src--setup{ background:var(--amber-bg); color:var(--amber); }
.pa-plan{ margin:0 0 0 20px; display:flex; flex-direction:column; gap:12px; }
.pa-plan li{ display:flex; flex-direction:column; gap:3px; font-size:.9rem; }
.pa-why{ color:var(--text-soft); font-size:.82rem; }

.pa-q{ border:1px solid var(--border); border-radius:var(--radius-sm); padding:10px 14px; margin-bottom:10px; }
.pa-q summary{ cursor:pointer; font-size:.92rem; }
.pa-q h4{ font-size:.82rem; margin:12px 0 4px; color:var(--navy); }
.pa-q p{ font-size:.88rem; }
.pa-quote{ background:var(--bg-alt); border-radius:var(--radius-sm); padding:8px 10px; }
.pa-example{ background:var(--green-bg); border-radius:var(--radius-sm); padding:8px 10px; }

.pa-report-list{ display:flex; flex-direction:column; }
.pa-report-row{ display:flex; align-items:center; gap:12px; padding:10px 4px; border-bottom:1px solid var(--border); flex-wrap:wrap; }
.pa-report-row:last-child{ border-bottom:none; }
.pa-report-row > div{ flex:1; min-width:180px; display:flex; flex-direction:column; gap:2px; font-size:.9rem; }

@media (max-width:820px){
  .pa-grid2, .pa-charts{ grid-template-columns:1fr; }
  .pa-score{ grid-template-columns:110px 1fr 34px; }
}
@media print{ .pa-card{ display:none !important; } }
/* analytics lists: load failure with Retry */
.pa-list-error{ display:flex; align-items:center; gap:10px 12px; flex-wrap:wrap; margin-top:0; }
.pa-list-error span{ flex:1 1 220px; min-width:0; overflow-wrap:anywhere; }