/* Classie homepage — round 7 styles: AI Posture Assessment report card. */

.assess{position:relative;border-top:1px solid var(--border-default);
  background:linear-gradient(180deg,rgba(0,173,255,.05),transparent 45%);}

.par{width:100%;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:18px;
  box-shadow:var(--shadow-chrome);overflow:hidden;}
.par-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 22px;
  border-bottom:1px solid var(--border-quiet);background:linear-gradient(180deg,var(--brand-primary-10),transparent);}
.par-doc{display:flex;align-items:center;gap:12px;}
.par-doc-ico{width:38px;height:38px;flex:none;border-radius:10px;display:flex;align-items:center;justify-content:center;
  background:var(--brand-primary-10);border:1px solid var(--brand-primary-16);}
.par-doc-t{font-family:var(--f-display);font-weight:700;font-size:16px;color:var(--fg-primary);letter-spacing:-.01em;}
.par-doc-s{font-family:var(--f-mono);font-size:10.5px;color:var(--fg-tertiary);margin-top:2px;}
.par-conf{font-family:var(--f-mono);font-size:9px;font-weight:600;letter-spacing:.12em;color:var(--danger);
  background:rgba(244,63,94,.12);border:1px solid rgba(244,63,94,.3);border-radius:5px;padding:4px 8px;white-space:nowrap;}

.par-scores{padding:20px 22px;display:flex;flex-direction:column;gap:18px;}
.par-row-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:9px;}
.par-l{font-size:13.5px;color:var(--fg-secondary);font-weight:500;white-space:nowrap;}
.par-meta{display:flex;align-items:baseline;gap:10px;}
.par-tgt{font-family:var(--f-mono);font-size:10px;color:var(--fg-muted);white-space:nowrap;}
.par-cur{font-family:var(--f-display);font-weight:700;font-size:20px;letter-spacing:-.02em;}
.par-cur em{font-style:normal;font-family:var(--f-mono);font-size:11px;font-weight:400;color:var(--fg-muted);margin-left:2px;}
.par-cur.cy{color:var(--brand-primary-hover);}
.par-cur.mint{color:var(--accent-mint);}
.par-cur.rose{color:var(--danger);}
.par-bar{position:relative;height:10px;background:var(--bg-base);border:1px solid var(--border-quiet);border-radius:6px;overflow:hidden;}
.par-fill{position:absolute;top:0;left:0;height:100%;border-radius:6px;transition:width .9s var(--ease-out);}
.par-fill.cy{background:linear-gradient(90deg,var(--brand-primary),var(--brand-primary-hover));}
.par-fill.mint{background:linear-gradient(90deg,#3ad6a0,var(--accent-mint));}
.par-fill.rose{background:linear-gradient(90deg,var(--danger),#fb7185);}
.par-target{position:absolute;top:-2px;height:14px;width:2px;transform:translateX(-50%);
  background-image:repeating-linear-gradient(var(--fg-secondary) 0 2px,transparent 2px 4px);opacity:.8;}

.par-findings{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:0 22px 18px;}
.par-findings-l{font-family:var(--f-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-tertiary);}
.par-chips{display:flex;gap:7px;flex-wrap:wrap;}
.par-chip{font-family:var(--f-mono);font-size:10.5px;font-weight:500;padding:5px 9px;border-radius:6px;white-space:nowrap;}
.par-chip.critical{background:rgba(244,63,94,.12);color:var(--danger);border:1px solid rgba(244,63,94,.28);}
.par-chip.high{background:rgba(249,115,22,.12);color:var(--warning);border:1px solid rgba(249,115,22,.28);}

.par-foot{display:flex;align-items:center;gap:18px;padding:14px 22px;border-top:1px solid var(--border-quiet);
  background:var(--bg-base);font-family:var(--f-mono);font-size:11px;color:var(--fg-tertiary);}
.par-phase{display:flex;align-items:center;gap:6px;}
.par-dot{width:7px;height:7px;border-radius:50%;background:var(--bg-raised-2);}
.par-dot.done{background:var(--brand-primary);box-shadow:0 0 8px var(--brand-primary);}
.par-foot-r{margin-left:auto;color:var(--fg-muted);}

.motion-off .par-fill{transition:none !important;}

/* ─── sample report modal ─── */
.srm-overlay{position:fixed;inset:0;z-index:9000;background:rgba(4,6,12,.72);backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);display:flex;align-items:flex-start;justify-content:center;
  padding:24px;overflow-y:auto;animation:srm-fade .2s var(--ease-out);}
@keyframes srm-fade{from{opacity:0;}to{opacity:1;}}
.srm{position:relative;width:100%;max-width:740px;max-height:calc(100vh - 48px);display:flex;flex-direction:column;
  background:var(--bg-surface);border:1px solid var(--border-strong);
  border-radius:18px;box-shadow:var(--shadow-chrome);overflow:hidden;animation:srm-rise .26s var(--ease-out);}
@keyframes srm-rise{from{opacity:0;transform:translateY(16px);}to{opacity:1;transform:none;}}
.srm-close{position:absolute;top:14px;right:14px;z-index:2;width:32px;height:32px;border-radius:8px;
  border:1px solid var(--border-default);background:var(--bg-base);color:var(--fg-tertiary);cursor:pointer;
  font-size:13px;transition:all .15s var(--ease-out);}
.srm-close:hover{color:var(--fg-primary);border-color:var(--border-strong);}
.srm-cover{flex:none;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:22px 24px;
  border-bottom:1px solid var(--border-quiet);background:linear-gradient(180deg,var(--brand-primary-10),transparent);}
.srm-doc{display:flex;align-items:center;gap:12px;}
.srm-cover-r{display:flex;flex-direction:column;align-items:flex-end;gap:8px;text-align:right;padding-right:40px;}
.srm-meta{font-family:var(--f-mono);font-size:10.5px;color:var(--fg-tertiary);line-height:1.4;}
.srm-body{flex:1 1 auto;min-height:0;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:26px;}
.srm-sec{}
.srm-h{font-family:var(--f-display);font-weight:600;font-size:15px;color:var(--fg-primary);margin-bottom:14px;
  padding-bottom:9px;border-bottom:1px solid var(--border-quiet);letter-spacing:-.01em;}
.srm-p{font-size:14px;line-height:1.6;color:var(--fg-secondary);margin:0;}
.srm-p strong{color:var(--brand-primary);font-weight:600;}
.srm-scores{display:flex;flex-direction:column;gap:16px;}
.srm-findings{display:flex;flex-direction:column;gap:12px;}
.srm-finding{display:flex;align-items:flex-start;gap:13px;}
.srm-sev{flex:none;font-family:var(--f-mono);font-size:9px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;
  padding:4px 8px;border-radius:5px;margin-top:2px;min-width:54px;text-align:center;}
.srm-sev.critical{background:rgba(244,63,94,.14);color:var(--danger);}
.srm-sev.high{background:rgba(249,115,22,.14);color:var(--warning);}
.srm-finding-t{font-size:13.5px;font-weight:600;color:var(--fg-primary);font-family:var(--f-display);}
.srm-finding-d{font-size:12.5px;color:var(--fg-tertiary);line-height:1.45;margin-top:3px;}
.srm-road{display:flex;flex-direction:column;gap:12px;}
.srm-phase{background:var(--bg-base);border:1px solid var(--border-default);border-radius:11px;padding:14px 16px;}
.srm-phase-top{display:flex;align-items:center;gap:10px;}
.srm-phase-n{width:22px;height:22px;flex:none;border-radius:50%;display:flex;align-items:center;justify-content:center;
  font-family:var(--f-mono);font-size:11px;font-weight:600;color:var(--brand-primary-hover);background:var(--brand-primary-10);border:1px solid var(--brand-primary-16);}
.srm-phase-p{font-family:var(--f-display);font-weight:600;font-size:14px;color:var(--fg-primary);}
.srm-phase-t{margin-left:auto;font-family:var(--f-mono);font-size:10.5px;color:var(--fg-tertiary);}
.srm-phase-b{font-size:12.5px;color:var(--fg-tertiary);line-height:1.45;margin-top:8px;}
.srm-foot{flex:none;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;
  padding:16px 24px;border-top:1px solid var(--border-default);background:var(--bg-base);}
.srm-foot-note{font-family:var(--f-mono);font-size:11px;color:var(--fg-muted);}
@media(max-width:560px){.srm-cover{flex-direction:column;}.srm-cover-r{align-items:flex-start;text-align:left;padding-right:0;}.par-findings{display: none;}}