.exam-review { margin-top: 22px; padding: clamp(14px,3vw,28px); border: 1px solid #45817f; border-radius: 18px; background: #081c31; scroll-margin-top: 16px; }
.exam-review [hidden] { display: none !important; }
.review-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
.review-heading h2 { font-size: clamp(1.35rem,2.5vw,1.85rem); margin: 8px 0; overflow-wrap: anywhere; }
.review-heading p, .review-muted { color: #abc2d7; font-size: .88rem; line-height: 1.5; }
.review-heading button { flex-shrink: 0; }
[data-review-error] { color: #ffb4b4; }
.review-summary { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; margin: 20px 0; align-items: start; }
.review-skill-summary { min-width: 0; border: 1px solid #31516c; border-radius: 14px; padding: 16px; background: #102c46; }
.review-skill-summary h3 { margin: 0 0 8px; font-size: .95rem; }
.review-skill-summary > strong { display: block; color: #6de2dc; font-size: 1.35rem; margin-bottom: 8px; }
.review-skill-summary summary { cursor: pointer; padding-top: 8px; color: #87e7df; font-size: .85rem; }
.review-skill-summary .rubric-row > div:first-child { flex-wrap: wrap; }
.review-filter { display: flex; align-items: center; gap: 12px; font-weight: 700; margin: 20px 0; }
.review-filter select { border: 1px solid #466982; background: #f2f8fc; color: #102b46; min-height: 44px; padding: 8px 12px; border-radius: 10px; font: inherit; }
.review-items { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; align-items: start; }
.review-item { min-width: 0; padding: clamp(14px,2vw,22px); border: 1px solid #315575; border-radius: 15px; background: #0d2841; }
.review-item h3 { margin: 10px 0 18px; font-size: 1.13rem; overflow-wrap: anywhere; }
.review-item h4 { margin: 0 0 8px; font-size: .86rem; color: #bcd1e4; }
.review-text { margin-bottom: 18px; }
.review-text p { white-space: pre-wrap; overflow-wrap: anywhere; line-height: 1.7; margin: 0; }
.review-answer { border-left: 3px solid #62d8d0; padding: 16px; border-radius: 9px; background: #153951; }
.review-options { display: grid; gap: 9px; list-style: none; padding: 0; }
.review-options li { display: flex; flex-wrap: wrap; gap: 8px; border: 1px solid #365674; padding: 12px; border-radius: 9px; }
.review-options span { flex: 1 1 170px; overflow-wrap: anywhere; }
.review-options b { font-size: .76rem; }
.review-options .correct { border-color: #67d2be; }
.review-options .correct b { color: #8aefda; }
.review-options .selected { background: #1c3e59; }
.review-outcome { font-weight: 700; color: #b8d9e5; }
.review-item audio { display: block; width: 100%; margin: 12px 0; }
.review-assessment { margin-top: 20px; border-top: 1px solid #315575; padding-top: 16px; }
.review-assessment .rubric-list { margin: 14px 0; }
.review-assessment .rubric-row > div:first-child { flex-wrap: wrap; }
.review-assessment .result-disclosure { margin-top: 14px; }
.review-assessment .result-method { margin-bottom: 12px; }
@media (max-width: 1000px) { .review-summary { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 720px) { .review-items { grid-template-columns: 1fr; } .review-heading { flex-direction: column; } .review-filter { align-items: flex-start; flex-direction: column; } .review-filter select { width: 100%; } }

/* admin-scoring-ui-v1.1 */
.review-retry-panel {
  grid-column: 1 / -1; display: flex; align-items: center; justify-content: space-between;
  gap: 20px; padding: 20px; border: 1px solid #315575; border-radius: 14px; background: #102c46;
}
.review-retry-copy { flex: 1; min-width: 0; }
.review-retry-copy h3 { margin: 0 0 8px; color: #eff8ff; font-size: 1rem; }
.review-retry-copy p { margin: 0; line-height: 1.6; overflow-wrap: anywhere; }
.exam-review .review-retry-button {
  appearance: none; display: inline-flex; align-items: center; justify-content: center;
  flex: 0 1 340px; max-width: 100%; min-height: 48px; padding: 13px 20px;
  border: 1px solid #68e0da; border-radius: 11px; background: #68e0da;
  color: #062239; font: inherit; font-size: .95rem; font-weight: 750;
  line-height: 1.4; white-space: normal; text-align: center; cursor: pointer;
  transition: background .15s ease, border-color .15s ease;
}
.exam-review .review-retry-button:hover:not(:disabled) { background: #93ece7; border-color: #93ece7; }
.exam-review .review-retry-button:focus-visible { outline: 3px solid #e5fffd; outline-offset: 4px; }
.exam-review .review-retry-button:disabled { background: #17374d; color: #b4c9d9; border-color: #3a5b72; cursor: not-allowed; }
@media (max-width: 720px) {
  .review-retry-panel { flex-direction: column; align-items: stretch; padding: 16px; gap: 16px; }
  .exam-review .review-retry-button { flex: none; width: 100%; }
}

/* operator-card-style-v1.1: isolated staff review card */
:root [data-exam-review] .operator-review-card{display:block!important;box-sizing:border-box;margin:22px 0 0;padding:22px;border:1px solid #38637e;border-radius:16px;background:#102f49!important;color:#f3f9fd!important;text-align:left;box-shadow:0 3px 12px #12354b08}
:root [data-exam-review] .operator-review-card h4{margin:0 0 10px;color:#ffffff!important;font-size:17px;line-height:1.4;font-weight:750}
:root [data-exam-review] .operator-review-card p{margin:0 0 16px;color:#d3e3ef!important;font-size:14px;line-height:1.65;font-weight:400}
:root [data-exam-review] .operator-review-card textarea{display:block;width:100%;max-width:100%;min-height:108px;box-sizing:border-box;resize:vertical;padding:13px 14px;margin:0 0 16px;border:1px solid #91b7c6;border-radius:10px;background:#f8fbfd!important;color:#173748!important;font:inherit;line-height:1.6;text-align:left}
:root [data-exam-review] .operator-review-card textarea:focus{outline:2px solid #16878c;outline-offset:2px;box-shadow:none}
:root [data-exam-review] .operator-review-card label.operator-review-consent{display:flex!important;align-items:center!important;justify-content:flex-start;gap:10px;width:100%;box-sizing:border-box;margin:0;padding:13px 14px;border:1px solid #41677d;border-radius:10px;background:#193d57;color:#eef6fc!important;font-size:14px;line-height:1.6;font-weight:500;cursor:pointer;text-align:left}
:root [data-exam-review] .operator-review-card .operator-review-consent input[type="checkbox"]{appearance:auto!important;-webkit-appearance:auto!important;display:block!important;flex:0 0 16px!important;width:16px!important;min-width:16px!important;max-width:16px!important;height:16px!important;min-height:16px!important;max-height:16px!important;margin:0!important;padding:0!important;border:initial!important;box-shadow:none!important;transform:none!important;accent-color:#63dedb;cursor:pointer}
:root [data-exam-review] .operator-review-card .operator-review-consent span{display:block;flex:1;min-width:0;color:#eef6fc!important;font:inherit;line-height:1.6}
:root [data-exam-review] .operator-review-card .operator-review-consent input:focus-visible{outline:2px solid #147e83;outline-offset:3px}
:root [data-exam-review] .operator-review-card .operator-review-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}
:root [data-exam-review] .operator-review-card .operator-review-actions button{display:inline-flex;align-items:center;justify-content:center;flex:1 1 210px;width:auto;max-width:100%;min-width:0;min-height:46px;padding:12px 16px;border:1px solid #147b80;border-radius:10px;background:#147b80!important;color:#fff!important;font:inherit;font-size:14px;font-weight:700;line-height:1.4;text-align:center;cursor:pointer;box-shadow:none}
:root [data-exam-review] .operator-review-card .operator-review-actions button:hover:not(:disabled){background:#0c6267!important;color:#fff!important;border-color:#0c6267}
:root [data-exam-review] .operator-review-card .operator-review-actions .operator-review-secondary{background:#fff!important;color:#145366!important;border-color:#86b0be}
:root [data-exam-review] .operator-review-card .operator-review-actions .operator-review-secondary:hover:not(:disabled){background:#e9f4f7!important;color:#123f50!important;border-color:#558b9e}
:root [data-exam-review] .operator-review-card .operator-review-actions button:disabled{background:#e5edf1!important;color:#536b79!important;border-color:#cad7de;opacity:1;cursor:not-allowed}
:root [data-exam-review] .operator-review-card .operator-review-actions button:focus-visible{outline:3px solid #198b90;outline-offset:3px}
:root [data-exam-review] .operator-review-card p[role="status"]{margin:14px 0 0}
:root [data-exam-review] .operator-review-card p[role="status"]:empty{display:none}
@media(max-width:560px){:root [data-exam-review] .operator-review-card{padding:16px}:root [data-exam-review] .operator-review-card .operator-review-actions{flex-direction:column}:root [data-exam-review] .operator-review-card .operator-review-actions button{flex:none;width:100%}}
