/* Compact, accessible transport controls shared across Education. */
.test-control-row{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:16px 0}
.test-control-group{display:inline-flex!important;align-items:center;justify-content:center;gap:6px!important;width:max-content;max-width:100%;padding:6px!important;margin:0!important;border:1px solid #7896b34a;border-radius:999px;background:linear-gradient(145deg,#203751,#14263d);box-shadow:0 4px 14px #07111e20;flex:none}
.test-control-group button{display:grid!important;place-items:center!important;width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;padding:0!important;margin:0!important;border-radius:50%!important;border:1px solid #90b0cb55!important;background:#ffffff0c!important;color:#d7e8f5!important;font-size:0!important;line-height:1!important;cursor:pointer;transition:background .15s,border-color .15s,transform .15s;box-shadow:none!important}
.test-control-group button::before{font-size:22px;line-height:1;font-family:Arial,sans-serif;content:'▶'}
.test-control-group button[data-mode="pause"]::before{content:'Ⅱ';font-size:20px;font-weight:800}
.test-control-group button[id$="restart"]::before,.test-control-group button[data-action="restart"]::before{content:'↻';font-size:27px}
.test-control-group button[id$="cancel"]::before,.test-control-group button[data-action="cancel"]::before{content:'×';font-size:28px}
.test-control-group button:is([id="test-start"],[id$="pause"],[data-action="start"]){order:0;background:#9fece5!important;color:#123b48!important;border-color:#9fece5!important}
.test-control-group button[id$="restart"],.test-control-group button[data-action="restart"]{order:1}
.test-control-group button[id$="cancel"],.test-control-group button[data-action="cancel"]{order:2}
.test-control-group button:hover:not(:disabled){background:#ffffff22!important;border-color:#a1dce8!important;transform:translateY(-1px)}
.test-control-group button[id$="cancel"]:hover:not(:disabled),.test-control-group button[data-action="cancel"]:hover:not(:disabled){color:#ffc0b6!important;border-color:#eea496!important}
.test-control-group button:focus-visible{outline:3px solid #37a9cf!important;outline-offset:3px}
.test-control-group button:disabled{opacity:.35;cursor:default}
.test-control-status{font-size:.78rem;color:#8396aa;line-height:1.4}
.school-section-head:has(.test-control-group){gap:12px}.school-section-head .test-control-group{align-self:center}
.bar{padding:12px 16px!important}.bar strong{font-size:.93rem!important}.bar small{font-size:.73rem}.timer{font-size:1.03rem!important}
.result{padding:20px!important}.result .score{font-size:1.7rem!important}.result h2{font-size:1.2rem}
.interview-score-hero,.interview-result-hero{padding:18px!important}.interview-score-number,#results-score{font-size:2rem!important}.interview-scores-summary{gap:10px!important}.interview-scores-summary article{padding:14px!important}.interview-scores-summary strong{font-size:1.45rem!important}
#school-score{font-size:1.3rem!important}.school-result{padding:18px!important}
[data-assessment-history] .actions{gap:8px;margin:12px 0}[data-assessment-history] button{font-size:.8rem;padding:8px 12px;min-height:34px}[data-assessment-history] h2{font-size:1.15rem}[data-history-list]>div{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #8396aa33;padding:8px 0}[data-history-list] p{font-size:.82rem;margin:0}
@media(pointer:coarse){.test-control-group button{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important}}
@media(prefers-reduced-motion:reduce){.test-control-group button{transition:none}}

.interview-score-orbit{width:92px!important;height:92px!important}.interview-results,.interview-experience-panel{padding:20px!important}.interview-results h3{font-size:22px!important}.interview-result-metrics{gap:8px!important;margin:16px 0!important}.interview-result-metrics>div{padding:12px!important}.interview-result-metrics strong{font-size:16px!important}

/* Use fixed SVG geometry instead of font glyph baselines for exact centering. */
.test-control-group{background:linear-gradient(140deg,var(--surface-raised,#1b2b44),var(--surface,#14243b));border-color:#627aa366;box-shadow:0 3px 12px #07111e1a}
.test-control-group button{position:relative;display:inline-flex!important;align-items:center!important;justify-content:center!important;background:#233553!important;color:#e9f3ff!important;border-color:#627aa3!important;vertical-align:middle}
.test-control-group button::before{content:''!important;position:absolute;left:50%;top:50%;width:20px;height:20px;transform:translate(-50%,-50%);background:currentColor;mask:var(--control-icon) center/contain no-repeat;-webkit-mask:var(--control-icon) center/contain no-repeat;pointer-events:none}
.test-control-group button:is([id="test-start"],[id$="pause"],[data-action="start"]){background:#233553!important;color:#9af0ef!important;border-color:#76cddc!important}
.test-control-group button:hover:not(:disabled){background:#31496e!important;border-color:#76cddc!important;transform:none}
.test-control-group button:active:not(:disabled){background:#3b557b!important}
.test-control-group button{--control-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M7%204l13%208-13%208z%22%2F%3E%3C%2Fsvg%3E")}
.test-control-group button[data-mode="pause"]{--control-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Crect%20x%3D%226%22%20y%3D%224%22%20width%3D%224%22%20height%3D%2216%22%20rx%3D%221%22%2F%3E%3Crect%20x%3D%2214%22%20y%3D%224%22%20width%3D%224%22%20height%3D%2216%22%20rx%3D%221%22%2F%3E%3C%2Fsvg%3E")}
.test-control-group button[id$="restart"],.test-control-group button[data-action="restart"]{--control-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2010a9%209%200%201%201%202.7%208.3%22%2F%3E%3Cpath%20d%3D%22M3%204v6h6%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
.test-control-group button[id$="cancel"],.test-control-group button[data-action="cancel"]{--control-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20d%3D%22m6%206%2012%2012M18%206%206%2018%22%2F%3E%3C%2Fsvg%3E")}
#submit,.result>button,.school-button,.interview-session-footer .interview-button{border-radius:8px!important;font-size:13px!important;padding:9px 12px!important;min-height:36px!important;background:#233553!important;color:#e9f3ff!important;border:1px solid #627aa3!important;box-shadow:none!important}#submit:hover,.result>button:hover,.school-button:hover,.interview-session-footer .interview-button:hover{background:#31496e!important}
/* Keep the shared transport group at the right edge of each test panel. */
.test-control-row{justify-content:flex-end}
.test-control-row>.test-control-group{margin-left:auto!important}
.test-control-row>.test-control-status{order:-1;margin-right:auto}
.school-section-head>.test-control-group{margin-left:auto!important}
form>.test-control-group.lab-quiz-controls{display:flex!important;margin-left:auto!important;margin-bottom:12px!important}
@media(max-width:480px){.test-control-row>.test-control-status{flex:1 1 100%}.test-control-row>.test-control-group{margin-left:auto!important}}
/* Match account-history actions to Learn AI's compact secondary buttons. */
[data-assessment-history] .actions{justify-content:flex-start;gap:8px;margin:12px 0}
[data-assessment-history] .actions button{background:#233553!important;color:#e9f3ff!important;border:1px solid #627aa3!important;border-radius:8px!important;padding:9px 12px!important;min-height:36px!important;font:inherit;font-size:13px!important;font-weight:500!important;line-height:1.3!important;box-shadow:none!important;cursor:pointer}
[data-assessment-history] .actions button:hover:not(:disabled){background:#31496e!important;border-color:#76cddc!important}
[data-assessment-history] .actions button:focus-visible{outline:2px solid #76cddc;outline-offset:3px}
[data-assessment-history] .actions button:disabled{opacity:.45;cursor:not-allowed}