:root,
body,
button,
input,
select,
textarea {
  font-family: Catamaran, "Segoe UI", sans-serif;
}

body {
  background: #f1f1ef;
}

.card h1,
.page-heading h1,
.metric strong,
.review-question {
  font-family: Catamaran, "Segoe UI", sans-serif;
  font-weight: 500;
  letter-spacing: -.04em;
}

.button.primary,
.card button {
  background: #183f65;
}

.topbar,
.card {
  border-top: 4px solid #bb1557;
}

.general-reports {
  margin-top: 24px;
}

.general-reports td:last-child {
  min-width: 240px;
}

.general-reports label {
  margin-bottom: 8px;
}

.general-reports textarea,
.general-reports select {
  width: 100%;
  border: 1px solid #c7c9cc;
  border-radius: 0;
  padding: 7px;
  background: #fff;
  font: inherit;
}

.general-message {
  min-width: 250px;
  max-width: 500px;
  white-space: pre-wrap;
}

.open-report-count {
  color: #bb1557;
  font-size: .9rem;
}

html[data-theme='dark'] body,
html[data-theme='dark'] .topbar,
html[data-theme='dark'] .result-panel,
html[data-theme='dark'] .card {
  background: #1d2228;
  color: #edf0f3;
}

html[data-theme='dark'] body { background: #15191d; }
html[data-theme='dark'] .test-main,
html[data-theme='dark'] #raw { background: #15191d; }
html[data-theme='dark'] .general-reports textarea,
html[data-theme='dark'] .general-reports select,
html[data-theme='dark'] input,
html[data-theme='dark'] select,
html[data-theme='dark'] textarea { background: #1d2228; color: #edf0f3; border-color: #46505a; }
html[data-theme='dark'] th { background: #252b32; color: #c6cbd1; }
html[data-theme='dark'] td,
html[data-theme='dark'] .topbar,
html[data-theme='dark'] .result-panel { border-color: #46505a; }

/* Shared administrative workspace: same visual language as the dashboard. */
.topbar{height:74px;padding:0 clamp(18px,4vw,64px);background:#fffefd;border-bottom:1px solid #dce2e3;box-shadow:0 1px 0 #10253b08}.brand-logo{max-height:34px}.workspace-label{font:750 .66rem/1 Catamaran,sans-serif;letter-spacing:.14em;color:#64727d;border-left:1px solid #dce2e3;padding-left:14px}.top-actions{gap:8px}.test-main{max-width:1480px;padding:38px clamp(18px,4vw,64px) 80px}.page-heading{border-bottom:1px solid #dce2e3;padding-bottom:24px;margin-bottom:22px}.page-heading h1{font:650 clamp(2rem,4vw,3.5rem)/1.02 Catamaran,sans-serif;letter-spacing:-.055em;color:#10253b}.page-heading .muted{max-width:680px;line-height:1.55}.result-panel{border:1px solid #dce2e3;border-radius:10px;background:#fffefd;box-shadow:0 2px 3px #10253b04}.panel-heading{padding-bottom:15px;border-bottom:1px solid #dce2e3}.metrics{gap:12px}.metrics .card{border:1px solid #dce2e3;border-radius:8px;box-shadow:none}.button{border-radius:5px;font-weight:700}.button.primary{background:#12344c}.button.secondary{border-color:#dce2e3}.filters{gap:12px;padding:16px;border:1px solid #dce2e3;border-radius:8px;background:#f8faf9}.table-scroll{border:1px solid #dce2e3;border-radius:7px}.sandbox-shell{gap:20px}.sandbox-panel{border-radius:10px}.sandbox-preview{border:1px solid #dce2e3;border-radius:8px;background:#f5f7f7}.editor-sections details{border-color:#dce2e3}.editor-sections summary{font-weight:700}.sandbox-workbench{gap:20px}html[data-theme='dark'] .topbar,html[data-theme='dark'] .result-panel,html[data-theme='dark'] .metrics .card{background:#172631;border-color:#2d414d}html[data-theme='dark'] .page-heading{border-color:#2d414d}html[data-theme='dark'] .page-heading h1{color:#e7edf0}html[data-theme='dark'] .filters,html[data-theme='dark'] .sandbox-preview{background:#13212b;border-color:#2d414d}@media(max-width:700px){.topbar{height:auto;min-height:64px;padding:12px 16px;flex-wrap:wrap}.workspace-label{display:none}.test-main{padding:28px 16px 64px}.page-heading h1{font-size:2.3rem}.filters{display:grid;grid-template-columns:1fr}.sandbox-workbench{grid-template-columns:1fr}}
/* Shared glass fallback, also available before sign-in. */
:root{--glass-static:rgb(255 255 255 / .82);--glass-static-edge:rgb(255 255 255 / .9)}
html[data-theme='dark']{--glass-static:rgb(23 38 49 / .88);--glass-static-edge:rgb(180 218 235 / .22)}
body{background-color:#f4f3ef}
.topbar,.result-panel,.card{background:var(--glass-static);border-color:var(--glass-static-edge);border-radius:16px;box-shadow:0 12px 36px #172e4010,inset 0 1px #ffffff80;-webkit-backdrop-filter:blur(16px) saturate(1.15);backdrop-filter:blur(16px) saturate(1.15);transition:background-color 2.5s,color 2.5s,box-shadow .3s}
.topbar{border-radius:0}
[data-liquid-glass='ready']{backdrop-filter:var(--liquid-filter) saturate(1.15)}
html[data-theme='dark'] body{background-color:#101b24}
html[data-theme='dark'] .topbar,html[data-theme='dark'] .result-panel,html[data-theme='dark'] .card{background:var(--glass-static);border-color:var(--glass-static-edge)}
@keyframes glass-page-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.page-heading,.result-panel,body>main>.card{animation:glass-page-enter .55s cubic-bezier(.22,1,.36,1) backwards}
button,a{transition:background-color .2s,color .2s,transform .2s}
button:active{transform:scale(.97)}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
@media(prefers-reduced-transparency:reduce){.topbar,.result-panel,.card{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:#fff}html[data-theme='dark'] .topbar,html[data-theme='dark'] .result-panel,html[data-theme='dark'] .card{background:#172631}}
