.srm-evaluation-frame,.srm-evaluation-reference{position:relative;width:100%;overflow:hidden;color:#e9f0f3;font-family:Arial,sans-serif;background:radial-gradient(ellipse at 70% 0,#0b3545,transparent 60%),#001722}.srm-evaluation-frame *,.srm-evaluation-reference *{box-sizing:border-box}.srm-evaluation-frame .ev-fit,.srm-evaluation-reference .ev-fit{width:1240px;height:540px;transform-origin:top left;padding:12px 14px}.srm-evaluation-frame button,.srm-evaluation-frame select,.srm-evaluation-frame input{font:inherit;color:inherit}.srm-evaluation-frame button{cursor:pointer;background:none;border:0;padding:0;text-align:left}.srm-evaluation-frame button:hover{color:#fff2c7;text-shadow:0 0 9px #60dbff}.srm-evaluation-frame button:focus-visible{outline:1px solid #eacb80;outline-offset:2px} :is(.srm-evaluation-frame,.srm-evaluation-reference) .ev-title{display:flex;align-items:center;gap:22px;height:48px;margin-bottom:8px} :is(.srm-evaluation-frame,.srm-evaluation-reference) .ev-title h2{font-size:22px;color:#f1e0bd;margin:0 0 4px} :is(.srm-evaluation-frame,.srm-evaluation-reference) .ev-title p{font-size:12px;margin:0} :is(.srm-evaluation-frame,.srm-evaluation-reference) .ev-title>div{margin-right:auto} :is(.srm-evaluation-frame,.srm-evaluation-reference) .ev-title label{font-size:9px;white-space:nowrap} :is(.srm-evaluation-frame,.srm-evaluation-reference) .ev-title select{background:#032432;border:1px solid #2d5867;border-radius:5px;padding:7px;font-size:9px;width:260px;margin-left:9px} :is(.srm-evaluation-frame,.srm-evaluation-reference) .ev-title>small{font-size:8px;line-height:1.5;color:#c5cccd} :is(.srm-evaluation-frame,.srm-evaluation-reference) .ev-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:8px} :is(.srm-evaluation-frame,.srm-evaluation-reference) .ev-metrics article, :is(.srm-evaluation-frame,.srm-evaluation-reference) .ev-box, :is(.srm-evaluation-frame,.srm-evaluation-reference) .ev-benefits article{border:1px solid #285d6d;border-radius:7px;background:linear-gradient(120deg,#09334799,#00202a99);box-shadow:inset 0 0 15px #2e788012,0 0 6px #1d8dab12} :is(.srm-evaluation-frame,.srm-evaluation-reference) .ev-metrics article{display:flex;align-items:center;gap:20px;height:64px;padding:8px 12px;font-size:11px} :is(.srm-evaluation-frame,.srm-evaluation-reference) .ev-metrics article:last-child{border-color:#968456;background:linear-gradient(110deg,#39403a66,#00202a)} :is(.srm-evaluation-frame,.srm-evaluation-reference) .ev-metrics b{width:43px;height:43px;border-radius:50%;border:1px solid #376776;background:#15516a66;text-align:center;line-height:41px;font-size:28px;font-weight:normal;color:#b1e7ff;box-shadow:0 0 18px #158ca733} :is(.srm-evaluation-frame,.srm-evaluation-reference) .ev-metrics article:nth-child(2) b{color:#53e4c6} :is(.srm-evaluation-frame,.srm-evaluation-reference) .ev-metrics article:last-child b, :is(.srm-evaluation-frame,.srm-evaluation-reference) .ev-metrics article:last-child strong{color:#f8d77d} :is(.srm-evaluation-frame,.srm-evaluation-reference) .ev-metrics strong{display:block;font-size:26px;margin-top:2px;color:#c0eaff} :is(.srm-evaluation-frame,.srm-evaluation-reference) .ev-metrics strong small{font-size:9px;font-weight:normal;margin-left:9px} :is(.srm-evaluation-frame,.srm-evaluation-reference) .ev-top{display:grid;grid-template-columns:1.8fr .97fr 1fr;gap:8px;height:140px;margin-bottom:8px} :is(.srm-evaluation-frame,.srm-evaluation-reference) .ev-box{padding:7px;min-width:0;overflow:hidden} :is(.srm-evaluation-frame,.srm-evaluation-reference) .ev-box h3{font-size:12px;margin:0 0 7px;font-weight:500} :is(.srm-evaluation-frame,.srm-evaluation-reference) .ev-box table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:9px;background:#001b2680} :is(.srm-evaluation-frame,.srm-evaluation-reference) .ev-box td, :is(.srm-evaluation-frame,.srm-evaluation-reference) .ev-box th{padding:5px 7px;border:1px solid #25455066;line-height:1.2;text-align:left;font-weight:400} :is(.srm-evaluation-frame,.srm-evaluation-reference) .ev-top .ev-box:first-child td:first-child{width:28%} :is(.srm-evaluation-frame,.srm-evaluation-reference) .ev-badge{font-size:8px;border:1px solid #427184;border-radius:5px;background:#10405388;padding:4px 7px} :is(.srm-evaluation-frame,.srm-evaluation-reference) .ev-status{display:flex;width:100%;align-items:center;justify-content:space-between;border-bottom:1px solid #28536166!important;min-height:25px;font-size:9px!important} :is(.srm-evaluation-frame,.srm-evaluation-reference) .ev-status em{font-style:normal;color:#e7ca79;font-size:9px} :is(.srm-evaluation-frame,.srm-evaluation-reference) .ev-status .good{color:#55d9b2} :is(.srm-evaluation-frame,.srm-evaluation-reference) .ev-doc{display:flex;align-items:center;gap:7px;min-height:23px;border-bottom:1px solid #254f5f66;font-size:9px} :is(.srm-evaluation-frame,.srm-evaluation-reference) .ev-doc>button:first-of-type{color:#86c4e8;text-decoration:underline;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} :is(.srm-evaluation-frame,.srm-evaluation-reference) .ev-doc time{margin-left:auto;font-size:8px;white-space:nowrap;color:#bdc9cc} :is(.srm-evaluation-frame,.srm-evaluation-reference) .ev-doc>button:last-child{padding:0 3px} :is(.srm-evaluation-frame,.srm-evaluation-reference) .ev-middle{display:grid;grid-template-columns:2.8fr 1fr;gap:8px;height:178px;margin-bottom:8px} :is(.srm-evaluation-frame,.srm-evaluation-reference) .ev-middle aside{display:grid;grid-template-rows:1fr 1fr;gap:7px} :is(.srm-evaluation-frame,.srm-evaluation-reference) .ev-middle aside p{font-size:9px;line-height:1.4;background:#12344288;border:1px solid #26556766;border-radius:5px;padding:7px;margin:0 0 4px} :is(.srm-evaluation-frame,.srm-evaluation-reference) .ev-yellow{font-size:9px!important;color:#ebcb7b!important} :is(.srm-evaluation-frame,.srm-evaluation-reference) .ev-middle table th:nth-child(1){width:18%} :is(.srm-evaluation-frame,.srm-evaluation-reference) .ev-middle table th:nth-child(2){width:9%} :is(.srm-evaluation-frame,.srm-evaluation-reference) .ev-middle table th:nth-child(3){width:12%} :is(.srm-evaluation-frame,.srm-evaluation-reference) .ev-middle table th:nth-child(4){width:8%} :is(.srm-evaluation-frame,.srm-evaluation-reference) .ev-middle table th:nth-child(5){width:17%} :is(.srm-evaluation-frame,.srm-evaluation-reference) .ev-middle table th:nth-child(6){width:14%} :is(.srm-evaluation-frame,.srm-evaluation-reference) .ev-middle td:nth-child(2), :is(.srm-evaluation-frame,.srm-evaluation-reference) .ev-middle td:nth-child(3), :is(.srm-evaluation-frame,.srm-evaluation-reference) .ev-middle td:nth-child(4), :is(.srm-evaluation-frame,.srm-evaluation-reference) .ev-middle td:nth-child(6){text-align:center} :is(.srm-evaluation-frame,.srm-evaluation-reference) .ev-middle td button, :is(.srm-evaluation-frame,.srm-evaluation-reference) .ev-plan td button{color:#89c9ec;text-decoration:underline;font-size:9px} :is(.srm-evaluation-frame,.srm-evaluation-reference) .ev-middle tr.selected, :is(.srm-evaluation-frame,.srm-evaluation-reference) .ev-box tr:hover{background:#25829b33} :is(.srm-evaluation-frame,.srm-evaluation-reference) .ev-plan{height:74px;padding:5px 7px} :is(.srm-evaluation-frame,.srm-evaluation-reference) .ev-plan h3{margin-bottom:4px} :is(.srm-evaluation-frame,.srm-evaluation-reference) .ev-plan td, :is(.srm-evaluation-frame,.srm-evaluation-reference) .ev-plan th{padding:2px 6px;font-size:9px} :is(.srm-evaluation-frame,.srm-evaluation-reference) .ev-plan th:nth-child(2){width:30%} :is(.srm-evaluation-frame,.srm-evaluation-reference) .ev-plan th:nth-child(3){width:17%} :is(.srm-evaluation-frame,.srm-evaluation-reference) .ev-plan th:nth-child(4){width:11%} :is(.srm-evaluation-frame,.srm-evaluation-reference) .ev-dialog{width:620px;max-width:90vw;background:#062c3b;color:#ecf2f4;border:1px solid #79cbd9;border-radius:12px;box-shadow:0 0 60px #2b99b955;padding:24px} :is(.srm-evaluation-frame,.srm-evaluation-reference) .ev-dialog::backdrop{background:#001018b8;backdrop-filter:blur(5px)} :is(.srm-evaluation-frame,.srm-evaluation-reference) .ev-dialog>[data-ev-close]{float:right;font-size:25px} :is(.srm-evaluation-frame,.srm-evaluation-reference) .ev-dialog p, :is(.srm-evaluation-frame,.srm-evaluation-reference) .ev-dialog label, :is(.srm-evaluation-frame,.srm-evaluation-reference) .ev-dialog [data-ev-dialog-body]{font-size:13px;line-height:1.7} :is(.srm-evaluation-frame,.srm-evaluation-reference) .ev-dialog input{background:#001b25;border:1px solid #4a7d8c;padding:8px;margin:15px} :is(.srm-evaluation-frame,.srm-evaluation-reference) .ev-empty{padding:80px;text-align:center;color:#eacb80}.srm-evaluation-reference h2{font-size:38px;margin:0 0 6px;color:#f1eee5}.srm-evaluation-reference>.ev-fit>p{font-size:14px;margin:0 0 12px}.srm-evaluation-reference .ev-badge{background:#5b4d31;color:#ffedb7} :is(.srm-evaluation-frame,.srm-evaluation-reference) .ev-scene{display:block;width:100%;height:340px;overflow:visible;filter:drop-shadow(0 5px 6px #0008);margin-top:3px} :is(.srm-evaluation-frame,.srm-evaluation-reference) .ev-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:7px} :is(.srm-evaluation-frame,.srm-evaluation-reference) .ev-benefits article{display:flex;gap:18px;padding:12px;align-items:center;height:70px} :is(.srm-evaluation-frame,.srm-evaluation-reference) .ev-benefits b{font-size:28px;color:#eac77a;border:1px solid #61929a;border-radius:50%;padding:5px 12px} :is(.srm-evaluation-frame,.srm-evaluation-reference) .ev-benefits h3{font-size:14px;margin:0 0 7px} :is(.srm-evaluation-frame,.srm-evaluation-reference) .ev-benefits p{font-size:11px;line-height:1.4;margin:0} :is(.srm-evaluation-frame,.srm-evaluation-reference) .ev-metrics article, :is(.srm-evaluation-frame,.srm-evaluation-reference) .ev-box, :is(.srm-evaluation-frame,.srm-evaluation-reference) .ev-benefits article{transition:border-color .2s,box-shadow .2s} :is(.srm-evaluation-frame,.srm-evaluation-reference) .ev-metrics article:hover, :is(.srm-evaluation-frame,.srm-evaluation-reference) .ev-box:hover, :is(.srm-evaluation-frame,.srm-evaluation-reference) .ev-benefits article:hover{border-color:#64c2d8;box-shadow:inset 0 1px 0 #b2f3ff44,0 0 12px #58b6c521}.srm-evaluation-reference .ev-scene>g:hover{filter:brightness(1.17)}@media(prefers-reduced-motion:reduce){.srm-evaluation-frame *,.srm-evaluation-reference *{transition:none!important}}
/* Reference proportions measured from the supplied evaluation dashboard. */
.srm-evaluation-frame{border:1px solid #16728a;border-radius:10px;background:linear-gradient(112deg,#002534 0%,#001722 60%,#001e29);box-shadow:inset 0 0 40px #005c7212}
.srm-evaluation-frame .ev-fit{padding:12px 14px 4px}
.srm-evaluation-frame .ev-title{height:48px;margin-bottom:9px}
.srm-evaluation-frame .ev-title h2{font-family:'Segoe UI',Arial,sans-serif;font-size:22px;font-weight:700;letter-spacing:.1px;text-shadow:0 1px 2px #000}
.srm-evaluation-frame .ev-title p{font-family:'Segoe UI',Arial,sans-serif;font-size:11.5px;color:#c1d5df}
.srm-evaluation-frame .ev-title label{position:relative;display:flex;align-items:center;gap:9px}
.srm-evaluation-frame .ev-title select{padding-left:29px;margin:0;color:#e0edf5}
.srm-evaluation-frame .ev-calendar{position:absolute;left:69px;display:flex;pointer-events:none}
.srm-evaluation-frame .ev-icon{width:16px;height:16px;vertical-align:middle;flex-shrink:0;filter:drop-shadow(0 1px 1px #0008)}
.srm-evaluation-frame .ev-metrics{gap:10px;margin-bottom:8px}
.srm-evaluation-frame .ev-metrics article{height:64px;border-color:#047d98;border-radius:7px;gap:20px;background:linear-gradient(110deg,#00364999,#001e29bb)}
.srm-evaluation-frame .ev-metrics b{position:relative;display:grid;place-items:center;width:44px;height:44px;background:radial-gradient(circle at 30% 25%,#17638488,#00374b88);box-shadow:inset 0 0 13px #0281bd22,0 2px 4px #0004}
.srm-evaluation-frame .ev-metrics b .ev-icon{width:27px;height:27px;stroke-width:1.7;filter:drop-shadow(0 1px 1px #000) drop-shadow(0 0 3px #66c4fc55)}
.srm-evaluation-frame .ev-metrics article:nth-child(2) b{background:radial-gradient(circle at 30% 25%,#07594e,#003e46);border-color:#078274}
.srm-evaluation-frame .ev-metrics article:last-child{border-color:#dfb869;background:linear-gradient(110deg,#8c794533,#001e29bb)}
.srm-evaluation-frame .ev-metrics article:last-child b{background:#74683e44;border-color:#b79d5c}
.srm-evaluation-frame .ev-metrics strong{font-size:25px;line-height:29px;text-shadow:0 2px 2px #000}
.srm-evaluation-frame .ev-top{grid-template-columns:555fr 307fr 323fr;height:139px}
.srm-evaluation-frame .ev-middle{grid-template-columns:870fr 323fr;height:178px}
.srm-evaluation-frame .ev-box{border-color:#086d84;background:linear-gradient(110deg,#00324655,#001e2b55);padding:7px;box-shadow:inset 0 1px 5px #2b7f8c14}
.srm-evaluation-frame .ev-box h3{display:flex;align-items:center;gap:5px;font-size:12px;font-family:'Segoe UI',Arial,sans-serif;font-weight:600;margin-bottom:7px;white-space:nowrap;text-shadow:0 1px 2px #000}
.srm-evaluation-frame .ev-box h3 .ev-icon{width:16px;height:16px;color:#c3eaff}
.srm-evaluation-frame .ev-box table{font-family:'Segoe UI',Arial,sans-serif;font-size:9px;color:#e6edf0;background:linear-gradient(110deg,#001b2788,#00253355)}
.srm-evaluation-frame .ev-box td,.srm-evaluation-frame .ev-box th{border-color:#28536288;font-size:9px;padding:4.5px 7px;line-height:1.22}
.srm-evaluation-frame .ev-box th{background:linear-gradient(#153d4b88,#08293588);color:#ecf5fa;text-align:center;font-weight:500;white-space:nowrap}
.srm-evaluation-frame .ev-box th:first-child{text-align:left}
.srm-evaluation-frame .ev-top .ev-box:first-child table{border-radius:6px;overflow:hidden}
.srm-evaluation-frame .ev-top .ev-box:first-child td{height:25px}
.srm-evaluation-frame .ev-top .ev-box:first-child td:first-child{width:28%}
.srm-evaluation-frame .ev-top .ev-box:first-child td button{font-weight:600}
.srm-evaluation-frame .ev-status{font-family:'Segoe UI',Arial,sans-serif;min-height:25px;font-size:9px!important}
.srm-evaluation-frame .ev-status em{display:flex;align-items:center;min-width:132px;font-size:9px;font-weight:500}
.srm-evaluation-frame .ev-status em .ev-icon{width:13px;height:13px;margin-right:5px}
.srm-evaluation-frame .ev-status .good .ev-icon{fill:#40d9ab;color:#003d35;stroke-width:2}
.srm-evaluation-frame .ev-doc{height:21px;min-height:21px;gap:6px;font-size:9px}
.srm-evaluation-frame .ev-doc .ev-icon{width:12px;height:12px;color:#b8e3f7}
.srm-evaluation-frame .ev-doc>button:last-child{display:grid;place-items:center;border-radius:50%;background:#03516b66;border:1px solid #28617b;width:13px;height:13px;margin-right:2px;padding:1px}
.srm-evaluation-frame .ev-doc>button:last-child .ev-icon{width:10px;height:10px}
.srm-evaluation-frame .ev-middle th:nth-child(1){width:17.5%}
.srm-evaluation-frame .ev-middle th:nth-child(2){width:8.5%}
.srm-evaluation-frame .ev-middle th:nth-child(3){width:11.5%}
.srm-evaluation-frame .ev-middle th:nth-child(4){width:8%}
.srm-evaluation-frame .ev-middle th:nth-child(5){width:16.5%}
.srm-evaluation-frame .ev-middle th:nth-child(6){width:14.5%}
.srm-evaluation-frame .ev-middle tbody tr{height:27px}
.srm-evaluation-frame .ev-middle tbody tr:last-child{height:18px;background:#17455344;font-weight:bold}
.srm-evaluation-frame .ev-middle tbody tr:nth-child(3) td:nth-child(3){color:#f8cd6a}
.srm-evaluation-frame .ev-middle aside{grid-template-rows:96px 74px}
.srm-evaluation-frame .ev-middle aside p{padding:7px;margin:0 0 5px;font-size:8.5px;line-height:1.45;color:#d2e4ed;background:linear-gradient(110deg,#0b354799,#082c3c99);border-color:#245e7488}
.srm-evaluation-frame .ev-middle aside .ev-box:last-child p{padding:5px 7px;margin:0 0 2px}
.srm-evaluation-frame .ev-middle aside .ev-box:last-child h3{margin-bottom:5px}
.srm-evaluation-frame .ev-plan{height:74px;padding:5px 6px}
.srm-evaluation-frame .ev-plan h3{margin-bottom:4px}
.srm-evaluation-frame .ev-plan th,.srm-evaluation-frame .ev-plan td{font-size:8.6px;padding:2px 6px}
.srm-evaluation-frame .ev-plan th:nth-child(1){width:17%}
.srm-evaluation-frame .ev-plan th:nth-child(2){width:28%}
.srm-evaluation-frame .ev-plan th:nth-child(3){width:15%}
.srm-evaluation-frame .ev-plan th:nth-child(4){width:10%}
.srm-evaluation-frame .ev-plan th:nth-child(5){width:21%}
.srm-evaluation-frame .ev-plan td:last-child{color:#f5cd76}
.srm-evaluation-frame .ev-plan td:nth-child(4){text-align:center}
.srm-evaluation-frame .ev-plan td button{font-size:8.6px}
.srm-evaluation-frame .ev-box:after,.srm-evaluation-reference .ev-benefits article:after{content:'';position:absolute;left:8%;right:30%;top:0;height:1px;background:linear-gradient(90deg,transparent,#7ee5ff88,transparent);pointer-events:none}
.srm-evaluation-frame .ev-box,.srm-evaluation-reference .ev-benefits article{position:relative}
.srm-evaluation-frame .ev-fit{height:570px}
.srm-evaluation-frame .ev-middle{height:192px}
.srm-evaluation-frame .ev-middle aside{grid-template-rows:100px 84px}
.srm-evaluation-frame .ev-plan{height:78px}
.srm-evaluation-frame .ev-middle tbody tr:last-child{height:19px}
.srm-evaluation-frame .ev-middle aside .ev-box:last-child p{font-size:8.1px}
.srm-evaluation-frame .ev-top .ev-box:first-child td:first-child{width:28%!important}
.srm-evaluation-frame .ev-top .ev-box:first-child td:last-child{width:72%}
/* Typography shared by both views, per anh Đạt's latest direction. */
.srm-evaluation-frame,.srm-evaluation-reference{--ev-font:'Segoe UI',Arial,sans-serif;--ev-title-size:28px;font-family:var(--ev-font)}
.srm-evaluation-frame *,.srm-evaluation-reference *{font-family:var(--ev-font)!important}
.srm-evaluation-frame .ev-title h2,.srm-evaluation-reference>.ev-fit>h2{font-family:var(--ev-font);font-size:var(--ev-title-size);font-weight:700;line-height:1.2;letter-spacing:0;color:#f1dfb9;text-shadow:0 2px 2px #0007;margin:0 0 7px}
.srm-evaluation-frame .ev-title p,.srm-evaluation-reference>.ev-fit>p{font-size:14px;line-height:1.4;font-weight:400;letter-spacing:0;color:#b9d0dc;margin:0}
.srm-evaluation-frame .ev-title{height:64px}
.srm-evaluation-frame .ev-fit{height:586px}
.srm-evaluation-reference>.ev-fit>p{margin-bottom:10px}

.srm-evaluation-reference .ev-fit{height:586px}
.srm-evaluation-reference svg text{font-family:var(--ev-font)!important}
.srm-evaluation-frame .ev-top{height:146px}
.srm-evaluation-frame .ev-middle{height:208px}
.srm-evaluation-frame .ev-middle aside{grid-template-rows:106px 94px}
.srm-evaluation-frame .ev-fit,.srm-evaluation-reference .ev-fit{height:614px}
.srm-evaluation-frame .ev-box h3{height:16px;line-height:16px;gap:3px}
.srm-evaluation-frame .ev-middle aside p{line-height:1.3}
.srm-evaluation-frame .ev-top .ev-box:first-child table{table-layout:auto}
.srm-evaluation-frame .ev-top .ev-box:first-child td:first-child{width:28%!important}
.srm-evaluation-frame .ev-backdrop,.srm-evaluation-reference .ev-backdrop{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:.25}
.srm-evaluation-frame .ev-globe{display:none}
.srm-evaluation-reference .ev-backdrop{opacity:.9}
.srm-evaluation-frame .ev-fit,.srm-evaluation-reference .ev-fit{position:relative;z-index:1}
.srm-evaluation-reference .ev-fit{padding:12px 14px 5px}
.srm-evaluation-reference .ev-scene{height:420px;margin-top:-8px;filter:drop-shadow(0 5px 5px #0008)}
.srm-evaluation-reference .ev-benefits{margin-top:0;gap:14px}
.srm-evaluation-reference .ev-benefits article{height:70px;padding:10px 15px;border:1px solid #6bafc0;background:linear-gradient(110deg,#10445999,#00202fcc);box-shadow:inset 0 0 12px #1988ab22}
.srm-evaluation-reference .ev-benefits b{width:47px;height:47px;flex-shrink:0;display:grid;place-items:center;padding:8px;border-color:#62919d;background:radial-gradient(circle,#2c505777,#002a3a)}
.srm-evaluation-reference .ev-benefits b svg{width:30px;height:30px;overflow:visible}
.srm-evaluation-reference .ev-benefits h3{font-size:13px;font-weight:600;margin-bottom:5px;color:#eff5f4}
.srm-evaluation-reference .ev-benefits p{font-size:10px;line-height:1.4;color:#c5d5df}
.srm-evaluation-reference.ev-live .ev-flow-arrow{animation:ev-arrow-light 4s ease-in-out infinite}
.srm-evaluation-reference.ev-live .ev-flow-arrow:nth-last-of-type(2){animation-delay:1s}
@keyframes ev-arrow-light{0%,100%{filter:drop-shadow(0 0 2px #ffe3a122);opacity:.75}50%{filter:drop-shadow(0 0 6px #ffe3a188);opacity:1}}
@media(prefers-reduced-motion:reduce){.srm-evaluation-reference.ev-live .ev-flow-arrow{animation:none}}
.srm-evaluation-reference [data-ev-party]{cursor:pointer}
.srm-evaluation-reference [data-ev-party]:focus-visible rect{stroke:#ffe1a2;stroke-width:1.7}
.srm-evaluation-reference [data-ev-party]:hover rect{stroke:#c8efff;stroke-width:1.3}
.srm-evaluation-reference .ev-native-object{filter:drop-shadow(0 3px 2px #001119aa)}
.srm-evaluation-reference .ev-native-object:hover{filter:drop-shadow(0 2px 4px #5cbdd855) brightness(1.08)}
.srm-evaluation-reference .ev-scene{isolation:isolate}
.srm-evaluation-frame .ev-dialog dl{display:grid;grid-template-columns:135px 1fr;border:1px solid #3a6c7b;border-radius:6px;background:#002330;margin:16px 0}
.srm-evaluation-frame .ev-dialog dt,.srm-evaluation-frame .ev-dialog dd{margin:0;padding:8px 10px;border-bottom:1px solid #2e5261;font-size:12px;line-height:1.5}
.srm-evaluation-frame .ev-dialog dt{color:#a9cbd9}
.srm-evaluation-frame .ev-dialog dd{color:#ecf2f3}
.srm-evaluation-frame .ev-dialog dt:last-of-type,.srm-evaluation-frame .ev-dialog dd:last-of-type{border:0}
/* Compact table rhythm follows the reference; keep text intact rather than clipping. */
.srm-evaluation-frame .ev-middle td,.srm-evaluation-frame .ev-middle th{padding-top:2px;padding-bottom:2px}
.srm-evaluation-frame .ev-top{height:144px}
.srm-evaluation-frame .ev-middle{height:184px}
.srm-evaluation-frame .ev-middle aside{grid-template-rows:96px 82px;gap:6px}
.srm-evaluation-frame .ev-yellow{display:block;line-height:12px;min-height:12px}
.srm-evaluation-frame .ev-fit,.srm-evaluation-reference .ev-fit{height:590px}
.srm-evaluation-reference .ev-scene{height:390px}
.srm-evaluation-frame::before,.srm-evaluation-reference::before{content:'';position:absolute;inset:0;z-index:2;pointer-events:none;background:radial-gradient(260px circle at var(--ev-light-x,60%) var(--ev-light-y,35%),#8eddf010,transparent 75%);mix-blend-mode:screen}
@media(prefers-reduced-motion:reduce){.srm-evaluation-frame::before,.srm-evaluation-reference::before{display:none}}
.srm-evaluation-reference .ev-scene{height:375px}
.srm-evaluation-reference .ev-scene{height:363px}
.srm-evaluation-reference .ev-scene{height:354px}
/* Host integration: do not inherit page-sized dialog or label spacing. */
.srm-evaluation-frame .ev-dialog{height:auto;max-height:88vh;margin:auto;overflow:auto}
.srm-evaluation-frame .ev-title label{margin:0}