/* sinaq-d.css — the answer-sheet design beyond the start pages (config site_design): every rule under .sq-d. sinaq-h9.css holds the page's fonts, colours,
   header, drawer, buttons and footer; this file adds what the other pages draw from sinaq.css, in the same look. */
.sq-d .h9-groups { max-width: 760px; }
.sq-d .h9-row-soon { cursor: default; }
.sq-d .h9-row-soon::before { opacity: .5; }
.sq-d .sq-soon { padding-left: 8px; color: var(--muted); font-weight: 600; white-space: nowrap; }

/* owner 2026-11-05: the punched holes only on the start pages; the room they held goes back to the page */
.sq-d:not(.sq-d-start)::before { content: none; }
.sq-d:not(.sq-d-start) .sq-top, .sq-d:not(.sq-d-start) .sq-main { padding-left: 16px; }
.sq-d:not(.sq-d-start) .sq-bottom { margin-left: 16px; }
@media (min-width: 768px) {
  .sq-d:not(.sq-d-start) .sq-top, .sq-d:not(.sq-d-start) .sq-main { padding-left: 36px; }
  .sq-d:not(.sq-d-start) .sq-bottom { margin-left: 36px; }
}

/* the app's colours in the page's ink; right and wrong keep their green and red */
.sq-d { --blue: #24242a; --blue-d: #a80f3c; --learn-bg: #fdeef3; --learn-line: #e2487a; --ok-bg: #e7f6ee; }

/* the column: reading width inside the paper */
.sq-d-page #app, .sq-d-result #app { max-width: 760px; }
.sq-d-page .sq-bottom, .sq-d-result .sq-bottom, .sq-d-topic .sq-bottom { max-width: 760px; }

/* type: Barlow Condensed for what names a page or a part, Barlow for the text */
.sq-d-page h1, .sq-d-result h1, .sq-d-topic h1 { margin: 8px 0 12px; font: 700 34px/1.05 "Barlow Condensed", "H9 Cond", system-ui, sans-serif; letter-spacing: 0; }
.sq-d-page #app h2, .sq-d-result #app h2 { font: 600 24px/1.15 "Barlow Condensed", "H9 Cond", system-ui, sans-serif; }
.sq-d h3 { color: var(--h9-red); font-size: 17px; font-weight: 600; }
.sq-d h4 { color: var(--muted); font-size: 15.5px; font-weight: 600; }
/* a list's marks are rings, the page's circles; the task lists have none */
.sq-d .sq-izah ul, .sq-d .sq-rubric, .sq-d .sq-thr-list, .sq-d .sq-mine-ans ul, .sq-d .sq-stem ul { list-style-type: circle; }
.sq-d .sq-izah li::marker, .sq-d .sq-rubric li::marker, .sq-d .sq-thr-list li::marker { color: var(--h9-rule); }
.sq-d .sq-lead { color: var(--h9-lead); }
.sq-d .sq-back, .sq-d .sq-link, .sq-d .sq-attempts a, .sq-d .sq-topiclist li a { color: var(--h9-red); }
.sq-d .sq-link { font-weight: 600; }

/* paper, not cards: square corners, the form's pink rules, no shadows */
.sq-d .sq-card, .sq-d .sq-q, .sq-d .sq-item, .sq-d .sq-modal, .sq-d .sq-mini, .sq-d .sq-rulecard, .sq-d .sq-score, .sq-d .sq-note, .sq-d .sq-warn, .sq-d .sq-grid, .sq-d .sq-pick-subject, .sq-d .sq-facts,
.sq-d .sq-compare, .sq-d .sq-rule, .sq-d .sq-topic, .sq-d .sq-note-text, .sq-d .sq-note-form, .sq-d .sq-dashboard-numbers, .sq-d .sq-example, .sq-d .sq-topic-ask, .sq-d .sq-topic-trap, .sq-d .sq-solution,
.sq-d .sq-status:not(:empty), .sq-d .sq-admission, .sq-d .sq-mine-ans, .sq-d .sq-model, .sq-d .sq-ro, .sq-d .sq-opt, .sq-d .sq-tick, .sq-d .sq-mark, .sq-d .sq-cell, .sq-d .sq-cellbtn, .sq-d .sq-rep-box textarea,
.sq-d .sq-note-input, .sq-d .sq-coded, .sq-d .sq-text, .sq-d .sq-bur input, .sq-d .sq-share-name, .sq-d .sq-keep, .sq-d .sq-rule-keep, .sq-d .sq-card-icon, .sq-d .sq-topic-save, .sq-d .sq-nav-pick, .sq-d input.sq-invite-copy { border-radius: 0; }
.sq-d .sq-share, .sq-d .sq-nav-sheet { border-radius: 0; box-shadow: none; border-top: 6px solid var(--h9-red); }
.sq-d .sq-note { background: var(--h9-tint); border: 0; }
.sq-d .sq-warn { background: var(--h9-tint); }
.sq-d .sq-primary { background: var(--h9-lead); color: #fff; }
.sq-d .sq-sheet-acts .sq-btn, .sq-d .sq-dashboard-actions .sq-btn { min-height: 50px; }

/* the small rows of buttons stay small */
.sq-d .sq-size .sq-btn { min-width: 40px; min-height: 40px; padding: 6px 10px; border-width: 1px; border-radius: 0; font: 600 16px/1 Barlow, "H9 Text", system-ui, sans-serif; }
.sq-d .sq-chip, .sq-d .sq-tabs a { border-color: var(--h9-rule); border-radius: 22px; font-weight: 600; }
.sq-d .sq-tabs a { font: 600 18px/1 "Barlow Condensed", "H9 Cond", system-ui, sans-serif; }
.sq-d .sq-chip[aria-pressed="true"], .sq-d .sq-chip[aria-current="true"], .sq-d .sq-tabs a[aria-current="page"] { background: var(--h9-lead); border-color: var(--h9-lead); color: #fff; }

/* Mənim səhifəm */
.sq-d .sq-dashboard-numbers { border-color: var(--h9-rule); }
.sq-d .sq-dashboard-numbers dd { font: 700 30px/1 "Barlow Condensed", "H9 Cond", system-ui, sans-serif; }
.sq-d .sq-dashboard-numbers dt { color: var(--muted); font-size: 13px; }
.sq-d .sq-dashboard-greeting { font: 700 28px/1.1 "Barlow Condensed", "H9 Cond", system-ui, sans-serif; }
.sq-d .sq-attempt-score { font-weight: 600; font-variant-numeric: tabular-nums; }
.sq-d .sq-badge { border-radius: 0; }
.sq-d .sq-trend polyline { stroke: var(--h9-lead); }
.sq-d .sq-trend circle { fill: var(--h9-red); }

/* the rows: the balance packages, the blok rows of the older cards */
.sq-d .sq-rows { border-top: 1.6px solid var(--h9-rule); }
.sq-d .sq-row { min-height: 64px; border-bottom: 1.6px solid var(--h9-rule); font-size: 18.5px; }
.sq-d .sq-row:hover { color: var(--h9-red); }
.sq-d .sq-row small { color: var(--h9-red); font: 700 22px/1 "Barlow Condensed", "H9 Cond", system-ui, sans-serif; }
.sq-d .sq-pool-label { margin: var(--h9-gap) 0 0; padding: 7px 10px; background: var(--h9-red); color: #fff; font: 600 22px/1.15 "Barlow Condensed", "H9 Cond", system-ui, sans-serif; }
.sq-d .sq-pool-label + .sq-rows { border-top: 0; }
.sq-d .sq-balans-msg:empty { display: none; }

/* the topic picker */
.sq-d .sq-pick-subject { border: 1.6px solid var(--h9-rule); }
.sq-d .sq-pick-legend { color: var(--h9-red); font: 600 20px/1.2 "Barlow Condensed", "H9 Cond", system-ui, sans-serif; }
.sq-d .sq-pick input { accent-color: var(--h9-lead); }

/* the sign-in popup: its own variables, in the page's ink */
.sq-d .qka-pn { --br: #24242a; --bt: #24242a; --bth: #000; --lk: #a80f3c; --ln: #e2487a; --ln2: #e2487a; --cd: #fdeef3; --fg: #24242a; --mu: #55555e; --bg: #fff; --er: #a80f3c; border-radius: 0; border-top: 6px solid #a80f3c; }
.sq-d .qka-h { font: 700 28px/1.1 "Barlow Condensed", "H9 Cond", system-ui, sans-serif; }
.sq-d .qka-k { letter-spacing: 0; text-transform: none; font-size: 14px; }
.sq-d .qka-in { border-radius: 0 !important; }
.sq-d .qka-btn { border-radius: 25px; font: 700 20px/1 "Barlow Condensed", "H9 Cond", system-ui, sans-serif; }