.saved-overview{font:12px/1.5 system-ui;color:#334155}.saved-overview .saved-name-label{font-size:12px;color:#617086;margin-bottom:4px}.saved-overview .saved-name{font-size:18px;line-height:1.4;font-weight:700;color:#243650;margin:0 0 12px;overflow-wrap:anywhere}.saved-overview .saved-basics small{font-size:12px;color:#617086;margin-bottom:5px}.saved-overview .saved-basics b{display:block;font-size:20px;line-height:1.35;color:#243650;font-variant-numeric:tabular-nums}.saved-overview .saved-basics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:10px}.saved-overview .saved-basics>div{padding:8px;background:#f3f6fa;border-radius:6px;overflow-wrap:anywhere}.saved-overview *{box-sizing:border-box}.saved-overview .saved-tabs{display:flex;gap:6px;margin:8px 0}.saved-overview button{flex:1;padding:6px 10px;border:1px solid #dce4ef;border-radius:6px;background:#f5f7fa;color:#64748b;cursor:pointer}.saved-overview button.active{color:#287d91;background:#eaf6f8;border-color:#b8d9e2}.saved-overview .saved-cpms{display:grid;grid-template-columns:1fr 1fr;gap:8px}.saved-overview .saved-cpms>div{background:#eef4ff;border-radius:8px;padding:10px}.saved-overview .saved-cpms>div+div{background:#fff0f5}.saved-overview .saved-cpms strong{display:block;font-size:22px;color:#4c87d8}.saved-overview .saved-cpms>div+div strong{color:#d75b83}.saved-overview small{display:block;color:#7c8a9d;font-size:10px}.saved-overview .saved-quality{padding:9px 12px;border:1px solid #dfe7ed;border-radius:7px;display:flex;align-items:center;justify-content:space-between;margin:8px 0}.saved-overview .saved-quality strong{font-size:22px}.saved-overview .good{color:#268351}.saved-overview .mid{color:#b58b26}.saved-overview .low{color:#c7555f}.saved-overview .saved-section{padding:9px;border:1px solid #e3e8ef;border-radius:7px;margin:8px 0}.saved-overview h3{font-size:12px;margin:0 0 8px}.saved-overview .saved-gender{display:flex;align-items:center;gap:25px}.saved-overview .saved-ring{height:60px;width:60px;border-radius:50%;background:#e6eaf0;position:relative;flex:none}.saved-overview .saved-ring:after{content:"";position:absolute;inset:11px;border-radius:50%;background:#fff}.saved-overview .saved-legend p{margin:4px 0}.saved-overview .saved-bars{display:flex;gap:5px;padding-top:16px}.saved-overview .saved-column{flex:1;min-width:0;text-align:center;font-size:10px}.saved-overview .saved-area{height:70px;display:flex;align-items:flex-end;justify-content:center}.saved-overview .saved-bar{width:65%;background:#ea7b9c;position:relative;min-width:4px}.saved-overview .saved-bar b{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);font-size:9px;white-space:nowrap;font-weight:500;color:#64748b}.saved-overview .saved-column>span{display:block;overflow-wrap:anywhere;margin-top:5px;line-height:1.3}.saved-overview .saved-note{font-size:10px;color:#8591a2;margin:5px 0}.saved-overview .saved-diff{padding:7px;background:#fff7e9;color:#94733b;font-size:11px;border-radius:6px;margin:7px 0}
.saved-overview .saved-tabs{position:sticky;top:0;z-index:2;background:#fff;padding:8px 0}.saved-overview .saved-section{box-shadow:none}.saved-overview .saved-name:after{display:none}.saved-overview .saved-column>span{min-height:26px}.saved-overview .saved-area{height:100px}

.detail-workspace [hidden]{display:none!important}.detail-tabs{position:sticky;top:62px;z-index:3;display:flex;gap:8px;padding:8px 0;background:#fff}.detail-tabs button{flex:1;border:1px solid #dbe4ef;background:#f6f8fc;border-radius:9px;padding:9px;color:#63758b}.detail-tabs button[aria-pressed=true]{background:#e8effb;border-color:#b3c8e6;color:#315f95;font-weight:600}.detail-comparison{width:100%;min-width:0;white-space:normal;background:#f5f8fc;border-radius:8px;padding:12px;margin:10px 0;font-size:12px}.detail-comparison th,.detail-comparison td{padding:8px;text-align:left;border-bottom:1px solid #e1e8f0;white-space:normal}.detail-comparison p{margin:6px 0}.detail-inputs{display:grid;grid-template-columns:1fr 1fr;gap:12px}.detail-inputs label{font-size:12px;color:#617187}.detail-inputs input{display:block;width:100%;box-sizing:border-box;padding:10px;border:1px solid #cbd9e9;border-radius:8px;margin-top:6px}.detail-editor button{margin:8px 8px 8px 0;padding:9px;border:1px solid #cbd9e9;border-radius:8px;background:#edf4ff;color:#365c89}.detail-workspace .saved-overview .saved-tabs{top:110px}.detail-comparison small{display:block;color:#718197}@media(max-width:500px){.detail-inputs{grid-template-columns:1fr}}

.detail-inputs label:first-child{grid-column:1/-1}

/* Favorites detail is the shared reference, with readable cards and charts. */
.detail-workspace{font:14px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#334155;max-width:720px;margin:auto}.detail-workspace .saved-overview{font-size:13px}.detail-workspace .saved-name{font-size:22px;margin-bottom:10px}.detail-workspace .saved-basics>div{padding:13px 15px;border:1px solid #e3eaf3;border-radius:10px;background:#f3f6fa}.detail-workspace .saved-basics b{font-size:23px}.detail-workspace .saved-cpms>div{padding:15px;border:1px solid #dae7fb;border-radius:12px}.detail-workspace .saved-cpms>div+div{border-color:#f3dae4}.detail-workspace .saved-cpms strong{font-size:29px;line-height:1.5}.detail-workspace .saved-overview small{font-size:12px}.detail-workspace .saved-quality{padding:14px 16px;background:#f8fbfa;border-radius:10px}.detail-workspace .saved-quality strong{font-size:28px}.detail-workspace .saved-section{padding:16px;border-radius:12px;background:#fff}.detail-workspace .saved-section h3{font-size:14px}.detail-workspace .saved-ring{width:82px;height:82px}.detail-workspace .saved-ring:after{inset:15px}.detail-workspace .saved-legend{font-size:14px}.detail-workspace .saved-area{height:110px}.detail-workspace .saved-bar{border-radius:4px 4px 0 0}.detail-workspace .saved-bar b{font-size:11px}.detail-workspace .saved-column>span{font-size:11px}.detail-tabs{top:0;border-bottom:1px solid #e4eaf2;padding:10px 0}.detail-tabs button{font-size:14px;padding:11px}.detail-workspace .saved-overview .saved-tabs{top:62px}.detail-editor{padding:8px 0}.detail-comparison{border:1px solid #e0e7f1}.detail-comparison th,.detail-comparison td{font-size:13px}.detail-inputs{gap:16px}.detail-inputs input{background:#f8faff}.detail-editor button[type=submit]{background:#287d91;color:white;border-color:#287d91}.detail-workspace .saved-note{font-size:11px;line-height:1.6}.detail-workspace section{box-shadow:none}

dialog.overview-dialog,.history-detail,#libraryDetail{width:min(760px,94vw);background:#f8faff;box-shadow:0 24px 80px #21334b33;border:1px solid #d9e3ef;border-radius:18px}.detail-workspace{background:#f8faff}.detail-tabs,.detail-workspace .saved-overview .saved-tabs{background:#f8faff}.detail-workspace .saved-section{background:white}

/* Shared inline CPM flow for library, favorites and history details. */
.detail-confirmed{padding:12px 15px;border:1px solid #c6dfd6;background:#eef8f3;border-radius:10px;margin:10px 0;color:#336554}.detail-confirmed strong,.detail-confirmed small{display:block}.detail-confirmed small{margin-top:5px;font-size:11px;color:#678477}.detail-auto{margin:8px 0 18px}.detail-editor h3{font-size:14px;margin:0 0 10px}.detail-editor .saved-cpms{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}.detail-editor .saved-cpms>div{background:#edf4fd;padding:13px;border-radius:10px}.detail-editor .saved-cpms>div+div{background:#fceef3}.detail-editor .saved-cpms strong{display:block;font-size:27px;color:#387bc2;line-height:1.5}.detail-editor .saved-cpms>div+div strong{color:#d65382}.detail-editor .saved-cpms small{display:block;font-size:11px;color:#77859a}.detail-adjust{padding:15px;border:1px solid #dce4ee;border-radius:12px;background:#fff}.detail-adjust h4{font-size:12px;color:#536781;margin:13px 0 8px}.detail-actions{display:flex;gap:8px}.detail-actions button{flex:1;margin:12px 0 0}.detail-history{margin:18px 0;font-size:12px}.detail-history summary{cursor:pointer;color:#526c8a}.detail-history-row{padding:10px 0;border-bottom:1px solid #e2e8f0}.detail-history-row p{margin:4px 0;color:#718197}

.detail-reference{margin:16px 0 22px}.detail-samples{padding:10px 12px;margin:10px 0;border:1px solid #dce4ee;border-radius:10px;background:#fff}.detail-samples h4{margin:0 0 6px;font-size:13px}.detail-sample-plot{display:flex;gap:10px;padding-top:23px}.detail-sample-column{flex:1;min-width:0;text-align:center;font-size:11px}.detail-sample-area{height:75px;display:flex;align-items:flex-end;justify-content:center}.detail-sample-bar{position:relative;width:50%;max-width:35px;background:#6c9ff1;border-radius:3px 3px 0 0}.detail-samples.star .detail-sample-bar{background:#f05280}.detail-samples .detail-sample-bar.muted{background:#b8c5d3}.detail-sample-bar b{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:10px;font-weight:500;color:#617187}.detail-sample-column>span{display:block;margin-top:6px}.detail-sample-column>small{display:block;font-size:9px;color:#8591a2;margin:3px 0}.detail-history-row p{line-height:1.7}

.detail-sample-column>small{min-height:28px;line-height:14px;white-space:normal;overflow-wrap:anywhere}.detail-sample-area{border-bottom:1px solid #d7e2ee;background:linear-gradient(transparent 49%,#edf2f8 49%,#edf2f8 51%,transparent 51%)}