/* /exams/teach (exam-studio.html, exam-studio.js): the exam studio of teachers */
.rs { max-width: 980px; margin: 0 auto; }
.rs-app > * + * { margin-top: 18px; }
.rs-wait, .rs-empty { color: var(--rm-muted, #5d6475); }
.rs-bar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; }
.rs-bar h2 { margin: 0; font-size: 1.2rem; color: var(--rm-ink, #16205b); }
.rs-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 42px; padding: 0 18px; border: 0; border-radius: 10px;
  background: #16205b; color: #fff; font: inherit; font-weight: 700; cursor: pointer; text-decoration: none; }
.rs-btn:hover { background: #0e1540; color: #fff; text-decoration: none; }
.rs-btn.rs-ok { background: #1d6b3a; }
.rs-btn.rs-ghost { background: #fff; color: #16205b; border: 1px solid #c9d0e4; }
.rs-link { padding: 0; border: 0; background: none; color: var(--rm-link, #005eb9); font: inherit; cursor: pointer; }
.rs-del { color: #b8361f; }
.rs-acts { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.rs-list { display: grid; gap: 12px; }
.rs-card { padding: 16px 18px; border: 1px solid var(--rm-rule, #e6e3da); border-radius: 14px; background: #fff; }
.rs-card > div:first-child { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.rs-card strong { color: var(--rm-ink, #16205b); }
.rs-card p { margin: 8px 0; font-size: .88rem; color: var(--rm-muted, #5d6475); }
.rs-st { padding: 2px 10px; border-radius: 999px; font-size: .78rem; background: #eef0f6; color: #444; }
.rs-st1 { background: #fff3d6; color: #8a5a00; }
.rs-st2 { background: #e4f2e8; color: #1d6b3a; }
.rs-note { padding: 10px 12px; border-radius: 10px; background: #fff3d6; color: #6b4600; font-size: .9rem; }
.rs-review { padding: 16px; border: 2px solid #f0c36d; border-radius: 16px; background: #fffaf0; }
.rs-review h2 { margin: 0 0 10px; font-size: 1.1rem; }
.rs-review .rs-card + .rs-card { margin-top: 10px; }
.rs-gate { padding: 26px; border-radius: 16px; background: #fff; border: 1px solid var(--rm-rule, #e6e3da); text-align: center; }
.rs-gate p { line-height: 2; color: var(--rm-text, #2f3445); }
.rs-exam, .rs-qs, .rs-qform { padding: 20px; border: 1px solid var(--rm-rule, #e6e3da); border-radius: 16px; background: #fff; }
.rs-exam h2, .rs-qform h3 { margin: 0 0 12px; color: var(--rm-ink, #16205b); }
.rs-f { display: block; margin: 0 0 12px; }
.rs-f span { display: block; margin-bottom: 4px; font-size: .85rem; font-weight: 700; color: var(--rm-ink, #16205b); }
.rs-f input, .rs-f textarea, .rs-f select { width: 100%; min-height: 42px; padding: 8px 12px; border: 1px solid #cfd5e3; border-radius: 10px; font: inherit; font-size: 16px; background: #fff; }
.rs-f textarea { min-height: 90px; resize: vertical; }
.rs-f input:focus, .rs-f textarea:focus, .rs-f select:focus { outline: none; border-color: #1d5a8e; box-shadow: 0 0 0 3px rgba(29, 90, 142, .15); }
.rs-row { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 0 12px; align-items: end; }
.rs-check { display: flex; align-items: center; gap: 8px; margin: 0 0 12px; font-size: .9rem; }
.rs-file { cursor: pointer; }
.rs-qlist { margin: 14px 0 0; padding-inline-start: 22px; }
.rs-qlist > li { margin: 0 0 12px; padding: 12px 14px; border-radius: 12px; background: #fbfaf6; border: 1px solid #efece3; }
.rs-q img { display: block; max-width: 260px; max-height: 200px; margin: 8px 0; border-radius: 8px; }
.rs-kind { font-size: .78rem; color: var(--rm-muted, #5d6475); }
.rs-qbody { margin: 4px 0; line-height: 1.9; color: var(--rm-ink, #16205b); }
.rs-q ul { margin: 6px 0; padding-inline-start: 18px; }
.rs-right { color: #1d6b3a; font-weight: 700; }
.rs-right::after { content: " ✓"; }
.rs-why { font-size: .85rem; color: #4a4f60; }
.rs-qform { margin-top: 16px; border-color: #1d5a8e; }
.rs-preview { margin: -6px 0 12px; padding: 10px 12px; border-radius: 10px; background: #f3f6fb; }
.rs-preview:empty { display: none; }
.rs-preview small { display: block; color: var(--rm-muted, #5d6475); font-size: .75rem; }
.rx-img { display: block; max-width: 100%; max-height: 320px; margin: 8px 0; border-radius: 8px; }
li .rx-img, .rs-full-opts .rx-img { display: inline-block; max-height: 120px; margin: 4px 0; vertical-align: middle; }
/* formula buttons: they write where the cursor is */
.rs-tex { display: flex; flex-wrap: wrap; align-items: center; gap: 4px; margin: 0 0 8px; padding: 8px; border: 1px solid #e3e7f0; border-radius: 12px; background: #f7f9fd; }
.rs-tex > span { margin-inline-end: 6px; font-size: .8rem; font-weight: 700; color: var(--rm-muted, #5d6475); }
.rs-tex button { min-width: 38px; height: 34px; padding: 0 8px; border: 1px solid #d6dbe8; border-radius: 8px; background: #fff; color: #16205b; font: 15px/1 "Times New Roman", serif; cursor: pointer; direction: ltr; }
.rs-tex button:hover { border-color: #16205b; background: #16205b; color: #fff; }
.rs-help { margin: 0 0 12px; padding: 0 12px; border: 1px dashed #c9d0e4; border-radius: 12px; background: #fff; font-size: .9rem; }
.rs-help summary { padding: 8px 0; color: var(--rm-link, #005eb9); font-weight: 700; cursor: pointer; }
.rs-help p { line-height: 2; }
.rs-help table { width: 100%; margin: 0 0 10px; border-collapse: collapse; }
.rs-help th, .rs-help td { padding: 6px 8px; border-bottom: 1px solid #eef0f4; text-align: start; vertical-align: middle; }
.rs-help th { font-size: .8rem; color: var(--rm-muted, #5d6475); }
.rs-help code { padding: 1px 6px; border-radius: 6px; background: #f3f1ea; font-size: .85rem; unicode-bidi: isolate; }
/* the pictures of the question */
.rs-gallery { display: flex; flex-wrap: wrap; align-items: stretch; gap: 8px; margin: 0 0 14px; }
.rs-gallery-t { flex: 1 0 100%; margin: 0; font-size: .85rem; font-weight: 700; color: var(--rm-ink, #16205b); }
.rs-gallery-t small { font-weight: 400; color: var(--rm-muted, #5d6475); }
.rs-thumb { display: grid; place-items: center; width: 96px; height: 80px; padding: 3px; border: 1px solid #d6dbe8; border-radius: 10px; background: #fff; cursor: pointer; }
.rs-thumb img { max-width: 100%; max-height: 100%; border-radius: 7px; }
button.rs-thumb:hover { border-color: #16205b; box-shadow: 0 0 0 3px rgba(22, 32, 91, .12); }
.rs-thumb-add { gap: 0; border-style: dashed; color: #16205b; font-size: .75rem; text-align: center; line-height: 1.4; }
.rs-thumb-add b { font-size: 1.4rem; line-height: 1; }
.rs-thumb-add:hover { background: #f7f9fd; }
/* the whole question as the participant sees it */
.rs-full { margin: 4px 0 14px; padding: 14px 16px; border-radius: 12px; background: #f3f6fb; }
.rs-full h4 { margin: 0 0 8px; font-size: .8rem; color: var(--rm-muted, #5d6475); }
.rs-full .rs-qbody { line-height: 2; }
.rs-full-opts { margin: 8px 0; padding-inline-start: 22px; }
.rs-full-opts li { margin: 4px 0; }
.rs-opts fieldset { margin: 0 0 12px; padding: 12px; border: 1px solid #e6e3da; border-radius: 12px; }
.rs-opts legend { padding: 0 6px; font-size: .85rem; font-weight: 700; color: var(--rm-ink, #16205b); }
.rs-opt { display: flex; align-items: center; gap: 8px; margin: 0 0 8px; }
.rs-opt input[type=radio], .rs-opt input[type=checkbox] { width: 20px; height: 20px; accent-color: #1d6b3a; flex: none; }
.rs-optbody { flex: 1; min-width: 0; min-height: 40px; padding: 6px 10px; border: 1px solid #cfd5e3; border-radius: 9px; font: inherit; font-size: 16px; }
.rs-tf label { display: inline-flex; align-items: center; gap: 6px; margin-inline-end: 18px; }
.rs-send { margin-top: 16px; padding: 14px 16px; border-radius: 12px; background: #eef6f0; }
.rs-send p { margin: 0 0 10px; font-size: .9rem; }
.rs-toast { position: fixed; inset-inline: 16px; bottom: 20px; z-index: 2000; max-width: 420px; margin: 0 auto; padding: 12px 16px; border-radius: 12px; background: #16205b; color: #fff; text-align: center; box-shadow: 0 10px 30px rgba(0, 0, 0, .25); }
.rs-toast.rs-bad { background: #b8361f; }
@media (max-width: 600px) { .rs-exam, .rs-qs, .rs-qform { padding: 14px; } .rs-qlist { padding-inline-start: 16px; } }
/* «پیشخوان › آزمون‌های آنلاین» (/panel/exams): every exam in a table */
.rs-warn { margin: 10px 0; background: #fde8e4; color: #8f2a17; line-height: 1.9; }
.rs-table-wrap { overflow-x: auto; border: 1px solid #e6e3da; border-radius: 14px; background: #fff; }
.rs-table { width: 100%; border-collapse: collapse; font-size: .9rem; }
.rs-table th { padding: 10px 12px; background: #f6f4ee; color: #5d6475; font-weight: 700; text-align: start; white-space: nowrap; }
.rs-table td { padding: 10px 12px; border-top: 1px solid #efede6; vertical-align: middle; }
.rs-table td strong { display: block; color: #16205b; }
.rs-table td small { color: #5d6475; font-size: .78rem; }
.rs-table td.rs-acts { white-space: nowrap; }
.rs-table tbody tr:hover { background: #faf9f5; }