:root{--radius-card:32px;--radius-control:18px;--radius-inner:24px}
/* Shared shapes keep every screen in the same black, gold and orange design. */
button,.primary,.secondary,input,select,textarea,.back-button,#motion-toggle{border-radius:var(--radius-control)}
#role-select,#employee-picker,.preview-tools select,.grade-row select,.filters-bar input,.filters-bar select,.field-label input,.field-label textarea{border-radius:var(--radius-control)}
.panel:before{left:32px;width:72px;border-radius:999px}
.overall-mini{display:grid;grid-template-columns:auto auto;align-items:center;gap:3px 10px;text-align:right}
.overall-mini small{grid-column:1/-1;font-size:10px;color:#9d998e;line-height:1.4}
button{transition:background .2s,border-color .2s,box-shadow .2s,transform .2s}
.primary{box-shadow:0 6px 20px #ed852824,inset 0 1px #ffd0a04d}
.primary:hover:not(:disabled){box-shadow:0 8px 25px #ed852836,inset 0 1px #ffe0b066}
nav button{border-radius:14px}
nav button.active{border-radius:14px;background:linear-gradient(100deg,#b47d2333,#b47d2308)}
.panel,.mission,.metric,.stage-card,.qualification-card,.library-card,.interactive-lab,.case-work,.case-knowledge,.module-next,.lesson-working-case,.practice-brief,.visual-animation,.overall-progress,.filters-bar,.qualification-state,.stage-banner,.career-banner{border-radius:var(--radius-card)}
.panel,.mission,.stage-card,.library-card,.case-work{box-shadow:0 16px 42px #00000026}
.route-row,.module-row,.course-row,.case-theory,.case-facts li,.case-result-note,.condition-rule,.scenario,.answer-feedback,.grade-summary,.profile-strip,.take-check,.stage-exam,.learning-figure,.lesson-photo,.course-visual,.holo-scene,.visual-draft,.lesson-sidebar,.lesson-bridge,.live-value,.case-review,.case-complete,.study-summary{border-radius:var(--radius-inner)}
.demo-card,.case-demo.demo-card,.viewer-image,.animation-stage,.cpr-stage,.lesson-article,.table-scroll{border-radius:28px;overflow:hidden}
.demo-open,.demo-open img,.demo-open svg{border-radius:0}
.demo-card .demo-open{border-radius:26px 26px 0 0}
.case-demo .demo-open{border-radius:26px 0 0 26px}
.lesson-sidebar{overflow:hidden}
.lesson-sidebar button{border-radius:0}
.lesson-sidebar button:first-child{border-radius:16px 16px 0 0}
.lesson-sidebar button:last-child{border-radius:0 0 16px 16px}
.lesson-sidebar button:only-child{border-radius:16px}
.case-step-track button{border-radius:11px;width:36px;height:36px}
.case-facts li{border-color:#b58a4c38;background:#0c131c99}
.case-theory{border-color:#b58a4c77}
dialog,#visual-viewer{border-radius:36px;border-color:#c2955280;box-shadow:0 26px 100px #000b,0 0 35px #c4902b12}
dialog::backdrop{background:#030608d6;backdrop-filter:blur(9px)}
.answer{border-radius:16px}.answer i{border-radius:10px}
.status,.pill,.visual-edition,.sequence-lock,.demo-metric,.toast{border-radius:999px}
.zoom-mark{border-radius:12px}
.brand .brand-mark{clip-path:none;border-radius:12px;background:linear-gradient(145deg,#d5a54b12,#11151b)}
#side-user>i{border-radius:10px}
.progress-track,.progress-track>i{border-radius:999px;overflow:hidden}
.content-crumbs button{border-radius:8px}
.case-study-progress{margin:0 0 22px;padding:16px 20px;border:1px solid #c49a5140;border-radius:18px;background:#0c131bd9}
.case-study-progress>div:first-child{display:flex;gap:12px;align-items:center;justify-content:space-between;font-size:12px;color:#bdb6a9}
.case-study-progress b{color:#f0cc91;white-space:nowrap}.case-study-progress .progress-track{margin:11px 0 0;height:6px}
.viewer-study-progress{font-size:11px;color:#c7b18f;margin:5px 0 16px}
.viewer-toolbar [data-viewer-next]{white-space:nowrap}
.study-summary{padding:16px 22px;background:#b4812310;border:1px solid #bc914533;margin:-10px 0 26px;display:flex;gap:15px;align-items:center;flex-wrap:wrap;color:#c8bda8;font-size:12px}
.study-summary b{color:#e5c285}.study-summary small{color:#948e84}
#app{overflow-anchor:none}
.case-demonstration .demo-open{background:#080c10}
.case-step-controls .primary{min-width:190px}
.supervisor-note{border-left:3px solid #e4ae5c;padding:13px 18px;background:#b6822312;border-radius:0 14px 14px 0;color:#ead5b1;font-size:14px;line-height:1.8;margin:18px 0}
@media(max-width:1100px){.case-demo .demo-open{border-radius:26px 26px 0 0}}
@media(max-width:650px){:root{--radius-card:26px;--radius-inner:20px}dialog,#visual-viewer{border-radius:30px}.viewer-toolbar{flex-wrap:wrap}.viewer-toolbar [data-viewer-close]{margin-right:auto}.case-study-progress>div:first-child{align-items:flex-start;font-size:11px}}
@media(prefers-reduced-motion:reduce){button{transition:none}}
.module-key-rules li{font-size:13px;line-height:1.85;color:#d0c6b4;padding:3px 0}
.module-key-rules ol{padding-left:22px;margin-bottom:0}
.attempt-score-line{display:block;font-size:11px!important;line-height:1.75;color:#c8b28a;margin-top:6px}
.attempt-date{font-size:12px;color:#e4c99b;white-space:nowrap}
.attempt-date small{display:block;color:#8c918e;font-size:9px;margin-top:5px}
.course-results{min-width:900px}.course-results td{vertical-align:top}.course-results td:nth-child(4){min-width:260px}
.notification-button{position:relative;padding:10px 14px;font-size:11px;display:flex;gap:9px;align-items:center}
.notification-button b{display:grid;place-items:center;min-width:24px;height:24px;background:#eab365;color:#101419;border-radius:50%}
.notification-button>i{position:absolute;right:0;top:0;width:8px;height:8px;background:#ff933e;border-radius:50%;box-shadow:0 0 12px #ff933e}
.ready-exam-row{border-top:1px solid #ad834338;padding:20px 0;display:flex;gap:20px;justify-content:space-between;align-items:center}
.ready-exam-row p{font-size:13px}.ready-exam-row small{font-size:11px;color:#c8b591}
.ready-exam-row button{white-space:normal;font-size:12px;flex-shrink:0;max-width:290px;line-height:1.6}
.exam-flow>p{max-width:80ch}
@media(max-width:1100px){#exam-notifications{flex-basis:100%;display:flex;justify-content:flex-end}.ready-exam-row{align-items:flex-start;flex-direction:column}.ready-exam-row button{max-width:none}}