.unified-layout{height:100vh;min-height:0;background:#f4f6f7}
.unified-sider{border-right:1px solid #e6ebea;height:100vh}
.unified-sider .ant-layout-sider-children{display:flex;flex-direction:column}
.unified-brand{display:flex;align-items:center;gap:10px;height:84px;min-height:84px;padding:0 24px;color:#216c5c;font-size:22px;font-weight:700;white-space:nowrap;overflow:hidden}
.unified-brand>.anticon{font-size:25px}
.unified-sider .ant-menu{border-inline-end:0;flex:1;min-height:0;overflow:auto}
.unified-sider-footer{margin-top:auto;display:flex;align-items:center;gap:4px;padding:12px;color:#75817d;font-size:12px;overflow:hidden;white-space:nowrap}
.unified-sider-footer .sider-collapse{flex:0 0 32px;width:32px;height:32px;padding:0}
.ant-layout-sider-collapsed .unified-sider-footer{padding-inline:6px;gap:2px}
.ant-layout-sider-collapsed .unified-sider-footer .sider-collapse{flex-basis:24px;width:24px}
.account-trigger{display:flex;flex:1;min-width:0;align-items:center;gap:10px;min-height:48px;padding:8px 10px;width:100%;background:transparent;border:0;border-radius:6px;text-align:left;color:#31473d;cursor:pointer}
.account-trigger:hover,.account-trigger:focus-visible{background:#edf4f0}
.account-trigger .ant-avatar{flex-shrink:0;background:#e1eee8;color:#357259}
.account-name{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ant-layout-sider-collapsed .account-trigger{padding-inline:0;justify-content:center}
.ant-layout-sider-collapsed .account-trigger .ant-avatar{width:24px;height:24px;line-height:24px;font-size:15px}
.ant-case-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;width:100%}
.ant-case-toolbar .ant-select{min-width:160px;max-width:420px;flex:1}
.evaluation-case-toolbar>[data-case-toolbar]{width:100%}
.assignment-toolbar-info{display:flex;align-items:center;gap:8px;min-width:0;flex:1}
.assignment-toolbar-info .current-assignment-name{max-width:240px;margin:0}
.assignment-toolbar-info .ant-tag{margin:0;flex-shrink:0}
.assignment-save-state{display:flex;align-items:center;gap:5px;font-size:12px;color:#548270;white-space:nowrap}
.assignment-save-state.save-error{color:#c33f3f}
.assignment-toolbar-actions{display:flex;gap:8px;flex-shrink:0}
.assignment-toolbar-actions .ant-btn-default:not(:disabled),.workspace-action-button.ant-btn-default:not(.ant-btn-dangerous):not(:disabled){color:#21806b;border-color:#91bfae;background:#f5fbf8}
.assignment-toolbar-actions .ant-btn-default:not(:disabled):hover,.workspace-action-button.ant-btn-default:not(.ant-btn-dangerous):not(:disabled):hover{color:#16634f;border-color:#21806b;background:#e8f5ee}
@media(max-width:1200px){.assignment-toolbar-info{flex-basis:100%}.assignment-toolbar-actions{max-width:100%;overflow-x:auto;padding-bottom:2px}}
@media(max-width:650px){.assignment-toolbar-actions{width:100%;gap:6px}.assignment-toolbar-actions .ant-btn{font-size:12px;padding-inline:8px}.assignment-toolbar-actions .anticon{display:none}.assignment-toolbar-info .current-assignment-name{flex-basis:auto;max-width:160px}}
.current-assignment-name{font-size:15px;max-width:440px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:auto}
.assignment-create{width:min(100%,720px);margin:48px auto 0;padding:32px 40px;background:#fff;border:1px solid #e2e8e5;border-radius:10px;box-shadow:0 8px 24px rgba(35,72,58,.05)}
.assignment-create-heading{display:flex;gap:14px;align-items:center;margin-bottom:28px}
.assignment-create-heading>.anticon{font-size:28px;color:#21806b}
.assignment-create-heading h2{font-size:20px;margin:0 0 6px;color:#2d4439}
.assignment-create-heading span:not(.anticon){font-size:13px;color:#7b8880}
.assignment-form-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.assignment-form-pair>.ant-form-item{min-width:0}
.assignment-create-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.history-workspace{min-width:0;background:#fff;border:1px solid #e2e8e5;border-radius:6px;padding:18px}
.history-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px}
.history-score{color:var(--score-color);font-size:16px;font-weight:700}
.history-list-title{display:flex;align-items:center;gap:8px;font-size:16px;color:#365044;margin:0 0 16px}
.history-list-title span{font-size:13px;font-weight:400;color:#7d8a82}
.history-workspace .ant-table-expanded-row>td{background:#f6f8f7!important;padding:14px!important}
.history-case-heading{display:flex;align-items:center;gap:12px;margin-bottom:18px;flex-shrink:0}
.history-case-heading strong{font-size:16px;color:#365044}
.history-case-heading>span,.history-view-label{font-size:12px;color:#7d8a82}
.history-view-label{padding:12px 16px;border-top:1px solid #edf1ef}
.missing-photo{font-size:11px;padding:6px}
.history-toolbar .ant-space{max-width:100%}
@media(max-width:650px){.assignment-create{width:100%;margin:16px 0 0;padding:24px 16px}.assignment-form-pair{grid-template-columns:minmax(0,1fr);gap:0}.history-workspace{padding:10px}.history-toolbar>.ant-space{width:100%}.current-assignment-name{flex-basis:100%;max-width:100%}}
.ant-drawer-body>.ant-menu{flex:1;min-height:0;overflow:auto}
.slot{position:relative}
.slot-thumb{position:relative}
.slot{border-radius:8px;gap:8px;background:#fafcfc}
.slot-select{border-radius:4px}
.slot-select:focus-visible,.slot-replace:focus-visible{outline:2px solid #21806b;outline-offset:3px}
.slot-plus{display:grid;place-items:center;width:36px;height:36px;border:1px dashed #acbfba;border-radius:6px;font-size:25px;color:#64887e}
.slot-select:hover .slot-plus{border-color:#21806b;color:#21806b;background:#f5fbf8}
.slot-score{position:absolute;right:6px;bottom:6px;min-width:42px;padding:3px 7px;border:1px solid #d9e6df;border-radius:5px;background:#fff;color:#176b5c;box-shadow:0 2px 8px #173f3426;font-size:15px;font-weight:700;line-height:1.5;text-align:center}
.slot-score small{font-size:10px;font-weight:500;color:#6a7b76}
.slot-replace{position:absolute;top:9px;right:9px;padding:2px 7px;border:1px solid #d0ddd8;border-radius:4px;background:#fff;color:#176b5c;font-size:11px;cursor:pointer}
.slot-replace:hover{border-color:#21806b;color:#21806b}
.slot-replace:disabled{opacity:.5;cursor:wait}
.slot-file-input{display:none}
.slot-status{font-size:11px}
.unified-main .panel{border-radius:8px;box-shadow:none}
.topbar .title:first-child{margin-top:0}
.slot-thumb{border-radius:5px;background:#edf2f2}
@media(max-width:650px){.slot-replace{top:6px;right:5px;padding:2px 5px;font-size:10px}.slot-score{right:4px;bottom:4px;padding:2px 5px;font-size:13px}.slot-plus{width:30px;height:30px;font-size:22px}}
.ant-layout-sider-collapsed .unified-brand{padding:0;justify-content:center}
.ant-layout-sider-collapsed .unified-brand>span:not(.anticon),.ant-layout-sider-collapsed .unified-sider-footer>span{display:none}
.unified-main{min-width:0;height:100vh;overflow:auto;padding:25px 30px;background:#f4f6f7}
.unified-main.mobile{padding:66px 12px 20px}
.unified-mobile-trigger{position:fixed;top:14px;left:14px;z-index:20}
.evaluation-case-toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:22px;padding-bottom:18px;border-bottom:1px solid #dfe6e2}
.evaluation-case-toolbar>label{font-weight:600;flex-shrink:0}
.evaluation-case-toolbar>select{min-width:0;max-width:520px;flex:1;height:36px;padding:0 10px;background:#fff;border:1px solid #d7dfdb;border-radius:6px;color:#273b38;text-overflow:ellipsis}
.management-content{min-width:0}
.management-content .ant-table-wrapper{max-width:100%}
.management-content .ant-input-search{max-width:100%}
.unified-main .topbar{gap:16px;flex-wrap:wrap}
@media(max-width:650px){.evaluation-case-toolbar>select{flex-basis:calc(100% - 90px);max-width:calc(100% - 76px)}.unified-main .top-actions{flex-wrap:wrap;gap:8px}.unified-main .topbar{margin-bottom:20px}.admin-toolbar>.ant-space{max-width:100%}.unified-main .title{font-size:28px}}

/* The reference photo and its score summary share the same overview row. */
.workspace{grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:18px}
.workspace .panel-head{padding:14px 16px 12px}
.workspace .slots{padding:12px;gap:8px}
.workspace .slot{padding:7px;gap:5px}
.workspace .slot-select{gap:4px}
.workspace .slot-select .slot-name{min-height:20px;line-height:20px}
.workspace .slot-action{padding:0 12px 12px}
.workspace .photo-panel{min-height:0}
.workspace .photo-stage{width:100%;max-width:360px;aspect-ratio:4/3;margin:0 auto;background:#edf2f2;border-radius:6px}
.workspace .photo-stage.portrait-stage{max-width:180px;aspect-ratio:2/3}
.workspace .photo-stage img{object-fit:contain}
#assignment-photo-preview{width:100%;height:100%;min-height:0}
#assignment-photo-preview .ant-image{display:block;width:100%;height:100%}
#assignment-photo-preview .ant-image-img{display:block;width:100%;height:100%;object-fit:contain}
.comparison-original-link{display:inline-block;margin-top:8px;color:#3974c5;font-size:12px}
.workspace .result{padding:0 16px 16px}
.workspace .result-title{margin-bottom:10px}
.workspace .score-grid{grid-template-columns:minmax(85px,110px) minmax(0,270px);gap:4px;justify-items:center;justify-content:end;width:100%;align-content:center}
.workspace .total-score{min-height:110px;width:100%;max-width:160px}
.workspace .total-score>div{flex-direction:column;gap:8px}
.workspace .radar-wrap{max-width:300px}
.assessment-overview{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:16px;padding:16px}
.workspace .metric-details{margin-top:12px;gap:10px}
@media(min-width:981px){
  .unified-main:has(.workspace){overflow:hidden;display:flex;flex-direction:column}
  .unified-main:has(.workspace)>#workspace-content{height:100%;min-height:0;display:flex;flex-direction:column}
  .unified-main:has(.workspace) .topbar,.unified-main:has(.workspace) .evaluation-case-toolbar{flex-shrink:0}
  .workspace{flex:1;min-height:0;align-items:stretch}
  .workspace>.panel:first-child{display:flex;flex-direction:column;min-height:0;overflow:auto}
  .workspace>.panel:first-child>.panel-head,.workspace .slot-action{flex-shrink:0}
  .workspace .slots{flex:1;min-height:340px;grid-template-rows:minmax(0,1fr) minmax(0,1fr) minmax(0,1.5fr)}
  .workspace .slot{min-height:0;min-width:0}
  .workspace .slot-select{flex:1;min-height:0;grid-template-rows:20px minmax(0,1fr)}
  .workspace .slot-thumb,.workspace .slot.portrait .slot-thumb{height:100%;min-height:0;aspect-ratio:auto}
  .workspace .slot-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
  .workspace .slot-status{flex-shrink:0}
  .workspace .photo-panel{overflow:auto;min-width:0;overscroll-behavior:contain;scrollbar-gutter:stable}
}
@media(min-width:1200px){.workspace .metric-details{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px;align-items:start}}
@media(max-width:980px){.workspace{grid-template-columns:minmax(0,1fr)}.workspace>.panel:first-child{width:100%;justify-self:stretch}}
@media(max-width:650px){.workspace .slot-select .slot-name{min-height:34px;line-height:17px}.assessment-overview{grid-template-columns:minmax(0,1fr);gap:10px;padding:12px}.workspace .score-grid{grid-template-columns:minmax(85px,.65fr) minmax(0,1.6fr)}.workspace .total-score span{font-size:11px}.workspace .total-score b{font-size:30px}.workspace .radar-wrap{max-width:260px}.workspace .photo-stage{max-width:280px}.workspace .photo-stage.portrait-stage{max-width:160px}}
.score-good{--score-color:#21805b;--score-bg:#edf8f1}
.score-warn{--score-color:#a16e00;--score-bg:#fff8df}
.score-poor{--score-color:#c33f3f;--score-bg:#fff0ef}
.score-neutral{--score-color:#74817d;--score-bg:#f2f4f3}
.workspace .total-score{background:var(--score-bg)}
.workspace .total-score b,.workspace .metric-heading b,.workspace .sub-scores dt b,.workspace .slot-score,.review-score{color:var(--score-color)}
.workspace .slot-score{background:var(--score-bg);border-color:var(--score-color)}
.workspace .slot-score small{color:inherit}
.workspace .bar i{background:var(--score-color)}
.workspace .radar tspan{fill:var(--score-color)}
.assignment-summary{padding:20px;border-bottom:1px solid #e0e9e5;background:#fff}
.assignment-summary h3{margin:0;font-size:17px}
.pending-summary p{margin:8px 0 0;color:#71807c;font-size:13px}
.assignment-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
.assignment-heading>div>span{display:block;margin-top:5px;font-size:12px;color:#71807c}
.assignment-total{font-size:38px;color:var(--score-color);white-space:nowrap;line-height:1.2}
.assignment-total small{display:block;margin-top:4px;font-size:12px;font-weight:500;color:#71807c}
.photo-summary{font-size:13px;line-height:1.8;color:#405852;margin:12px 0}
.summary-grade{color:var(--score-color);background:var(--score-bg);padding:5px 9px;border-radius:4px;font-size:12px;font-weight:600}
.assignment-overall{display:grid;grid-template-columns:112px minmax(0,1fr);gap:20px;margin-top:20px;align-items:center}
.summary-score{border-right:1px solid #e3e9e7;display:flex;flex-direction:column;gap:10px;padding-right:16px}
.summary-score>span{font-size:12px;color:#71807c}
.summary-copy h4{font-size:14px;margin:0 0 8px;color:#283e38}
.assignment-text{font-size:13px;line-height:1.9;color:#53665f;margin:0;white-space:pre-line}
.summary-observations{margin-top:14px;border-top:1px solid #edf0f1}
.summary-observations>summary{padding:12px 0 4px;color:#27745f;font-size:12px;font-weight:600;cursor:pointer}
.observation-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 20px;padding-top:8px}
.observation-list>div{min-width:0;padding:11px 0;border-bottom:1px solid #edf1ef}
.observation-list strong{font-size:12px;color:#344f45}
.observation-list p{margin:5px 0 0;color:#66766f;font-size:12px;line-height:1.75}
.summary-highlights{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:18px;padding:12px 0;border-top:1px solid #edf0f1;border-bottom:1px solid #edf0f1}
.summary-highlights>div{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:12px;min-width:0}
.summary-highlights>div>span{color:#7a8781}
.summary-highlights strong{font-weight:600;color:#384f46}
.summary-highlights b{margin-left:auto;color:var(--score-color);font-size:15px}
.summary-highlights small{font-size:11px;font-weight:500}
.summary-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.summary-section-heading h4{margin:0;font-size:14px;color:#283e38}
.summary-section-heading>span{font-size:11px;color:#839087}
.summary-recommendations{padding:20px 0}
.assignment-advice{list-style:none;margin:0;padding:0}
.assignment-advice li{display:flex;align-items:flex-start;gap:12px;padding:11px 0;border-bottom:1px solid #f0f2f3}
.assignment-advice li:last-child{border-bottom:0;padding-bottom:0}
.advice-number{display:grid;place-items:center;width:26px;height:26px;flex-shrink:0;border-radius:4px;background:#edf2f8;color:#4b6989;font-size:11px;font-weight:700}
.assignment-advice li>div{min-width:0}
.assignment-advice strong{font-size:12px;font-weight:600;color:#3b514a}
.assignment-advice p{margin:4px 0 0;font-size:12px;color:#64766e;line-height:1.8;overflow-wrap:anywhere}
.model-settings-workspace{width:100%;max-width:900px;margin:20px auto 40px}
.model-profile-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}
.model-profile-toolbar>.ant-select{flex:1;min-width:0;max-width:480px}
.model-active-strip{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 0;color:#536a64;font-size:13px;border-bottom:1px solid #dfe8e4;margin-bottom:24px}
.model-active-strip strong{margin-left:8px;color:#244b40}
.model-active-strip .ant-tag{max-width:100%;overflow-wrap:anywhere;white-space:normal}
.model-editor{background:#fff;border:1px solid #dfe8e4;border-radius:8px;padding:28px}
.model-editor-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px}
.model-editor-heading h2{font-size:18px;margin:0;overflow-wrap:anywhere}
.model-form-columns{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.model-picker-row{display:flex;align-items:flex-start;gap:12px}
.model-picker-row>.ant-form-item{flex:1;min-width:0}
.model-picker-row>.ant-btn{margin-top:30px}
.model-form-columns .ant-input-number{width:100%}
.model-discovery-count{color:#6a7c76;font-size:12px;margin:-12px 0 20px}
.model-discovery-status{margin:-8px 0 20px}
.model-test-result{margin-bottom:20px}
.model-editor-actions{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;border-top:1px solid #edf2ef;padding-top:20px;margin-top:4px}
@media(max-width:640px){.model-settings-workspace{margin:8px auto 24px}.model-profile-toolbar{flex-wrap:wrap;gap:10px}.model-profile-toolbar>.ant-select{max-width:none;flex-basis:100%}.model-editor{padding:18px}.model-form-columns{grid-template-columns:1fr;gap:0}.model-picker-row{gap:8px}.model-editor-actions{align-items:flex-start}.model-editor-actions>.ant-space{width:100%}}
.summary-scores{border-top:1px solid #e7edeb;padding-top:20px}
.assignment-metrics{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
.summary-dimension{padding:12px;border:1px solid #dfe9e4;border-radius:12px;background:#fff;box-shadow:0 2px 8px rgba(35,72,58,.04)}
.dimension-score-band{display:flex;align-items:center;gap:12px;min-height:38px;padding:2px 2px 10px;border-bottom:1px solid #e7efeb;font-size:13px}
.dimension-score-band>strong{color:#31493f}
.dimension-lowest{font-size:11px;color:#75847c}
.dimension-lowest b{color:var(--score-color);margin-left:4px}
.dimension-total{margin-left:auto;color:var(--score-color);font-size:20px;white-space:nowrap}
.dimension-total small{font-size:11px;font-weight:500}
.summary-sub-scores{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px}
.summary-sub-score{position:relative;isolation:isolate;display:flex;align-items:center;gap:10px;min-width:0;min-height:38px;border:1px solid #e2e9e6;border-radius:999px;padding:0 12px;overflow:hidden;background:#f1f4f3}
.summary-sub-score-fill{position:absolute;inset:0 auto 0 0;z-index:-1;width:var(--sub-score-width,0%);background:var(--score-bg);transition:width .2s ease}
.summary-sub-score>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.4;color:#3e564d}
.summary-sub-score>b{margin-left:auto;color:var(--score-color);font-size:15px;line-height:1;white-space:nowrap}
.summary-sub-score small{font-size:10px;font-weight:500;color:#71827b}
.summary-sub-score .low-score-flag{margin-left:0;flex-shrink:0}
.low-score-flag{display:inline-block;margin-left:5px;font-size:11px;font-weight:500;font-style:normal;color:#c33f3f}
.summary-note{font-size:12px;color:#8a6a20}
.position-error{color:#c33f3f!important}
.position-alert{margin:12px 0;padding:12px;border:1px solid #e8b6b2;border-radius:6px;background:#fff0ef;color:#a83333;font-size:13px;line-height:1.7}
.position-alert p{margin:6px 0 0}
.position-alert.uncertain{background:#fff8df;border-color:#e5cf88;color:#8a6500}
@media(max-width:650px){
 .workspace .score-grid{gap:4px}
 .assignment-summary{padding:16px 12px}
 .assignment-heading{align-items:flex-start}
 .summary-grade{max-width:150px;line-height:1.6}
 .assignment-overall{grid-template-columns:82px minmax(0,1fr);gap:12px}
 .summary-score{padding-right:10px}
 .assignment-total{font-size:30px}
 .summary-highlights{gap:12px}
 .observation-list{grid-template-columns:1fr}
 .summary-dimension{padding:10px;border-radius:10px}
 .dimension-score-band{flex-wrap:wrap;gap:4px 8px}
 .dimension-lowest{order:3;flex-basis:100%}
 .summary-sub-scores{grid-template-columns:minmax(0,1fr);gap:6px}
 .summary-sub-score{min-height:36px;padding:0 9px}
 .summary-sub-score>span{font-size:11px}
 .summary-sub-score>b{font-size:14px}
}
.total-score small{display:block;max-width:150px;padding:0 6px;font-size:11px;line-height:1.5;color:#53665e;overflow-wrap:anywhere}
.assignment-review-grid{min-width:0;background:#fff}
.review-grid-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 0}
.review-grid-title{display:flex;gap:8px;align-items:center;font-size:14px;font-weight:600;color:#273a33}
.review-grid-title>span:last-child{font-size:12px;font-weight:400;color:#78847e}
.assignment-review-table .ant-table-thead>tr>th{background:#f4f6f5;font-size:12px;white-space:nowrap}
.assignment-review-table .ant-table-tbody>tr>td{height:44px;font-size:13px}
.assignment-review-table .review-position-button{padding:0;height:auto;font-size:13px;font-weight:500;color:#34473e}
.assignment-review-table .ant-tag{margin:0;white-space:nowrap}
.review-cell-score.ant-tag{min-width:42px;text-align:center;font-weight:600;font-variant-numeric:tabular-nums;border-radius:5px}
.assignment-review-table .review-summary-row>td{background:#f0f7f3;font-weight:600}
.review-muted{font-size:12px;color:#7d8983}
.review-detail{display:flex;flex-direction:column;gap:14px}
.review-detail-actions,.review-detail-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.review-detail .ant-typography{margin:0}
.review-detail ul{margin:0;padding-left:20px;line-height:1.9}
.review-detail-subscore{display:grid;grid-template-columns:1fr auto;gap:5px 10px;border-top:1px solid #e9eeeb;padding:10px 0}
.review-detail-subscore p{grid-column:1/-1;margin:0;color:#66766d;font-size:12px}
@media(max-width:700px){.review-grid-toolbar>.ant-space{width:100%}.review-grid-title{flex-wrap:wrap}}
.record-assignment-snapshot{min-width:0;border:1px solid #dde6e1;border-radius:6px;background:#fff;overflow:hidden}
.record-summary-strip{display:grid;grid-template-columns:minmax(185px,1.15fr) minmax(92px,.55fr) minmax(92px,.55fr) minmax(176px,.9fr) auto;align-items:center;border-bottom:1px solid #e6ebe8;background:#fbfcfc}
.record-summary-primary{display:flex;align-items:center;gap:10px;min-height:74px;padding:12px 16px;border-right:1px solid #e6ebe8}
.record-summary-primary>span{font-size:13px;font-weight:600;color:#40534a}
.record-summary-primary>div{display:flex;align-items:baseline;gap:3px}
.record-summary-primary .history-score{font-size:28px;line-height:1;font-variant-numeric:tabular-nums}
.record-summary-primary small{color:#87918c;font-size:11px}
.record-summary-primary .ant-tag{margin:0}
.record-summary-stat{display:flex;min-width:0;min-height:46px;flex-direction:column;justify-content:center;gap:4px;padding:0 16px;border-right:1px solid #e6ebe8}
.record-summary-stat span{font-size:11px;color:#7a8781}
.record-summary-stat strong{color:#30443a;font-size:14px;font-variant-numeric:tabular-nums}
.record-summary-time strong{font-size:12px;font-weight:500;white-space:nowrap}
.record-summary-strip>.ant-btn{margin:0 14px}
.record-snapshot-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 14px 10px}
.record-snapshot-heading strong{font-size:14px;color:#30483d}
.record-snapshot-heading span{font-size:12px;color:#7c8983}
.record-assessment-table .ant-table-thead>tr>th{background:#f3f6f4;font-size:12px;white-space:nowrap}
.record-assessment-table .ant-table-tbody>tr>td{height:54px;font-size:13px}
.record-assessment-table .ant-tag{margin:0;white-space:nowrap}
.record-assessment-table .record-empty-row>td{background:#fbfcfc;color:#87918c}
.record-position-name{font-size:13px;color:#34493f;white-space:nowrap}
.record-metric-scores{display:grid;grid-template-columns:repeat(5,minmax(68px,1fr));gap:6px;min-width:390px}
.record-metric-score{display:flex;align-items:center;justify-content:space-between;gap:5px;height:30px;padding:0 8px;border:1px solid color-mix(in srgb,var(--score-color) 24%,#dfe5e2);border-radius:5px;background:var(--score-bg);color:var(--score-color);font-variant-numeric:tabular-nums}
.record-metric-score small{color:#5d6e66;font-size:10px;white-space:nowrap}
.record-metric-score b{font-size:13px}
.record-review-score{display:flex;align-items:center;gap:6px}
.record-review-score small,.record-muted{font-size:12px;color:#84908a}
.record-history-meta{display:flex;flex-direction:column;gap:3px;white-space:nowrap}
.record-history-meta span{font-size:12px;color:#45574f}
.record-history-meta small{font-size:11px;color:#87918c}
@media(max-width:900px){
 .record-summary-strip{grid-template-columns:minmax(180px,1fr) repeat(2,minmax(90px,.55fr)) auto}
 .record-summary-time{display:none}
}
@media(max-width:650px){
 .history-workspace .ant-table-expanded-row>td{padding:8px!important}
 .record-summary-strip{grid-template-columns:minmax(0,1fr) minmax(88px,.55fr)}
 .record-summary-primary{border-bottom:1px solid #e6ebe8}
 .record-summary-stat{border-bottom:1px solid #e6ebe8}
 .record-summary-strip>.record-summary-stat:nth-of-type(3){display:none}
 .record-summary-strip>.ant-btn{margin:10px}
}
.comparison-workspace { padding: 0 28px 32px; min-width: 0; }
.comparison-selectors { display:grid; grid-template-columns:minmax(180px,1fr) minmax(220px,1.5fr) minmax(220px,1.5fr) 32px; gap:16px; align-items:end; margin-bottom:24px; }
.comparison-selectors label { display:flex; flex-direction:column; gap:8px; color:#53615c; min-width:0; }
.comparison-selectors .ant-select { width:100%; }
.comparison-session-headings { border-top:1px solid #e5e9e7; padding:20px 0; }
.comparison-session-headings p { color:#7a8580; font-size:12px; margin:4px 0 16px; }
.comparison-workspace h2 { font-size:16px; margin:20px 0 12px; }
.comparison-workspace .ant-tag { font-variant-numeric:tabular-nums; min-width:36px; text-align:center; margin-inline-end:0; }
.comparison-delta { font-variant-numeric:tabular-nums; color:#79827e; }
.comparison-delta.increase { color:#21806b; }
.comparison-delta.decrease { color:#c24b49; }
.comparison-photo-layout { padding-top:12px; }
.comparison-selected > td { background:#edf7f2 !important; }
.comparison-images { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:16px; }
.comparison-images > div { min-width:0; }
.comparison-images .ant-image { display:flex; width:100%; height:230px; background:#f3f5f4; border-radius:6px; overflow:hidden; }
.comparison-images .ant-image-img { width:100%; height:100%; object-fit:contain; }
.comparison-image-title { display:flex; justify-content:space-between; align-items:center; margin-bottom:10px; }
.comparison-photo-status { color:#a76227; font-size:12px; margin:8px 0; }
.comparison-images .ant-space { font-size:12px; }
.comparison-version { color:#7a8580; font-size:12px; overflow-wrap:anywhere; margin-top:12px; }
.comparison-loading { padding:60px 0; }
.comparison-workspace { max-width:1600px; margin:0 auto; }
.comparison-selectors { background:#fff; padding:18px 20px; border:1px solid #e5ebe8; border-radius:8px; }
.comparison-session { min-width:0; padding:4px 0 4px 18px; border-left:3px solid #3974c5; }
.comparison-session.session-b { border-color:#21806b; }
.comparison-session-top { display:flex; align-items:flex-start; justify-content:space-between; gap:8px; }
.comparison-session-top .ant-space { min-width:0; overflow-wrap:anywhere; }
.comparison-session-top > .ant-btn { flex-shrink:0; padding-top:0; }
.comparison-session-letter { display:inline-flex; align-items:center; justify-content:center; width:24px; height:24px; border-radius:5px; background:#eaf1fb; color:#3974c5; font-size:12px; font-weight:700; }
.session-b .comparison-session-letter { background:#e6f3ec; color:#21806b; }
.comparison-total { display:flex; align-items:baseline; gap:8px; }
.comparison-total > .ant-tag { font-size:30px; line-height:40px; padding:0 10px; border:0; font-weight:600; }
.comparison-total > span:not(.ant-tag) { color:#829089; font-size:13px; }
.comparison-total-label { margin-left:6px; }
.comparison-session-headings,.comparison-overview,.comparison-photo-layout { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:32px; }
.comparison-overview { padding:0 0 22px; border-bottom:1px solid #e2e9e5; }
.comparison-score-detail,.comparison-chart-section,.comparison-photo-scores { min-width:0; }
.comparison-section-heading { display:flex; justify-content:space-between; align-items:center; gap:12px; flex-wrap:wrap; min-height:52px; }
.comparison-section-heading h2 { margin:12px 0; }
.comparison-section-heading > span { font-size:12px; color:#829089; }
.comparison-radar { max-width:460px; margin:0 auto; }
.comparison-radar svg { width:100%; display:block; overflow:visible; }
.comparison-radar .radar-grid { paint-order:fill stroke; }
.comparison-radar .radar-axis { font-size:12px; fill:#43534b; }
.comparison-radar .radar-value { font-size:12px; font-weight:600; }
.comparison-radar .radar-tick { font-size:10px; fill:#8b9991; }
.comparison-radar-legend { display:flex; justify-content:center; gap:24px; font-size:12px; color:#65756c; }
.comparison-radar-legend span { display:flex; align-items:center; gap:8px; }
.comparison-radar-legend i { display:inline-block; width:22px; border-top:3px solid #21806b; }
.comparison-radar-legend .series-a { border-color:#3974c5; border-top-style:dashed; }
.comparison-radar-empty { text-align:center; color:#8b938f; font-size:12px; margin-top:10px; }
.comparison-score-detail .ant-table-tbody > tr > td { height:48px; }
.comparison-score-detail .ant-table-tbody > tr:first-child > td { background:#f1f6f3; font-weight:600; }
.comparison-photo-detail { min-width:0; }
.comparison-images .ant-image { height:260px; border:1px solid #e6ebe8; }
.comparison-image-title strong { display:flex; gap:8px; align-items:center; font-size:13px; color:#64736b; }
@media(max-width:1100px) {
  .comparison-session-headings,.comparison-overview,.comparison-photo-layout { grid-template-columns:minmax(0,1fr); gap:18px; }
}
@media(max-width:700px) {
  .comparison-workspace { padding:0 14px 24px; }
  .comparison-selectors { grid-template-columns:minmax(0,1fr) 32px; }
  .comparison-selectors label { grid-column:1 / -1; }
  .comparison-session-headings { grid-template-columns:minmax(0,1fr); gap:0; }
  .comparison-images { gap:10px; }
  .comparison-images .ant-image { height:180px; }
  .comparison-selectors { padding:14px; }
  .comparison-session-headings { gap:18px; }
  .comparison-session-top { flex-wrap:wrap; }
  .comparison-radar { max-width:400px; }
}