.report-studio-root [hidden] { display: none !important; }
.report-grade-editor {display:grid;grid-template-columns:1fr .7fr 1.5fr auto;gap:12px;align-items:end;padding:14px 0;border-bottom:1px solid #e1e8ef}
.report-typed-content .form-group{display:block;margin-block:14px}.report-typed-content input,.report-typed-content textarea{width:100%}
.report-type-explanation {grid-column:1/-1;padding:14px 18px;background:#eef5fa;border-inline-start:3px solid #29728c;border-radius:8px;color:#274359;line-height:1.7}
.report-design-gallery{display:grid;grid-template-columns:1fr 1fr;gap:14px;grid-column:1/-1}
.report-design-choice{padding:16px;border:1px solid #d6e2ee;border-radius:14px;background:#fff;color:#203d54;cursor:pointer;text-align:start}
.report-design-choice[aria-pressed=true]{border:2px solid #2463c5;background:#f2f7ff}.report-design-choice:focus-visible{outline:3px solid #2463c5;outline-offset:3px}
.design-miniature{display:block;height:96px;margin-bottom:12px;background:linear-gradient(90deg,#234a65 15%,transparent 15%),repeating-linear-gradient(#e6edf3 0 8px,#fff 8px 20px);border:10px solid white;box-shadow:0 2px 12px #28445b18}
.early_years .design-miniature{border-radius:20px;background:radial-gradient(circle at 15% 20%,#f1c966 0 12px,transparent 13px),radial-gradient(circle at 80% 75%,#81b6a3 0 20px,transparent 21px),#eaf7ee}
.academic .design-miniature{background:repeating-linear-gradient(0deg,#fff 0 14px,#d5e1ee 14px 16px);border-top:22px solid #183650}
.competency .design-miniature{background:repeating-linear-gradient(90deg,#dcf0ed 0 24%,white 24% 26%);border-top:22px solid #307f7a}
.certificate .design-miniature{border:5px double #b79955;background:radial-gradient(circle,#dbc487 0 16px,transparent 17px),#fffaf0}
.celebration .design-miniature{background:conic-gradient(from 45deg at 10% 15%,#ecb7cb,#fcdf9d,#c6e4f4,#ecb7cb);border:12px solid #fefbff;border-radius:8px}
@media(max-width:700px){.report-grade-editor{grid-template-columns:1fr 1fr}.report-grade-editor .form-group:nth-child(3){grid-column:1/-1}.report-design-gallery{grid-template-columns:1fr}}
.report-studio-root .reports-workspace-hero { padding: 22px 26px; margin-bottom: 14px; }
.report-studio-tabs, .report-steps { display: flex; gap: 8px; flex-wrap: wrap; }
.report-studio-tabs { margin-bottom: 18px; border-bottom: 1px solid #dce5f1; padding-bottom: 14px; }
.report-studio-tabs button[aria-current="page"], .report-steps button[aria-current="step"] { background: #eaf1ff; color: #174cb5; border-color: #78a4f7; font-weight: 700; }
.report-studio-root .reports-workspace-grid { display: block; }
.report-studio-root .report-builder-card { max-width: 1050px; margin-inline: auto; }
.report-studio-root .report-steps { margin: 18px 0 24px; }
.report-steps button { flex: 1; min-width: 180px; text-align: start; padding: 14px; }
.report-draft-bar { display: flex; gap: 16px; align-items: center; justify-content: space-between; padding: 12px 16px; border-radius: 12px; background: #f5f8fc; color: #51657d; font-size: 13px; line-height: 1.6; }
.report-draft-bar button { flex-shrink: 0; }
.report-step-panel { min-width: 0; }
.report-continue { display: block; margin-block: 20px 0; margin-inline-start: auto; }
.report-appearance { padding: 12px 16px; border: 1px solid #e0e8f4; border-radius: 12px; margin-block: 16px; }
.report-appearance summary, .report-advanced summary { cursor: pointer; font-weight: 600; padding: 6px; }
.report-appearance .report-builder-options { margin-top: 16px; }
.report-studio-root .report-evidence-note { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; font-size: 13px; }
.report-real-preview { display: block; width: 100%; height: min(75vh, 850px); min-height: 380px; border: 1px solid #cedbea; border-radius: 12px; background: white; margin-block: 16px; }
.report-review-note { padding: 12px 16px; border-radius: 10px; color: #425d7b; background: #f1f6fe; line-height: 1.6; }
.report-studio-root .report-history-item { padding: 16px 18px; display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 10px 20px; }
.report-studio-root .report-history-head { grid-column: 1; }
.report-studio-root .report-history-meta { grid-column: 1; flex-wrap: wrap; }
.report-studio-root .report-history-meta span { font-size: 12px; }
.report-studio-root .report-history-item > .row-end { grid-column: 2; grid-row: 1 / 3; align-self: center; }
.report-studio-root .reports-filter-grid { grid-template-columns: repeat(3,minmax(0,1fr)) auto; }
.report-advanced { border-bottom: 1px solid #e0e8f4; padding: 12px 0; margin-bottom: 14px; }
.report-advanced > .form-group { display: inline-block; vertical-align: top; width: min(240px, 100%); margin: 10px; }
.report-batch-results article { padding: 18px; margin-top: 12px; border: 1px solid #dae5f1; border-radius: 12px; }
.report-batch-results article > strong { display:block; margin-bottom:10px; }
.report-studio-root .report-bulk-builder { border: 0; margin: 0; padding: 0; }
@media(max-width:700px) {
 .report-draft-bar { align-items: start; flex-direction: column; }
 .report-steps button { min-width: 0; flex-basis: 100%; }
 .report-studio-root .reports-filter-grid { grid-template-columns: 1fr 1fr; }
 .report-studio-root .report-history-item { display: block; }
 .report-studio-root .report-history-item > .row-end { margin-top: 12px; }
 .report-studio-root .report-history-meta { margin-top: 12px; }
 .report-real-preview { min-height: 320px; }
}