/* Quantrex test-open screen (qxmd314) — folder visual, essentials only, light + dark, 360px */
.qxto{--to-fg:#0f172a;--to-mut:#64748b;--to-bd:#e2e8f0;--to-soft:#f8fafc;--to-b:#1d4ed8;--to-b2:#3b82f6;--to-f1:#fbbf24;--to-f2:#f59e0b}
html[data-theme="dark"] .qxto{--to-fg:#e2e8f0;--to-mut:#94a3b8;--to-bd:#243046;--to-soft:#111c33;--to-b:#60a5fa;--to-b2:#93c5fd;--to-f1:#fcd34d;--to-f2:#d97706}
.qxto-root .qxto{max-width:440px!important;width:calc(100vw - 24px)!important;box-sizing:border-box;padding:16px 16px 14px!important;
  max-height:calc(100dvh - 24px);overflow-y:auto;overflow-x:hidden}
.qxto .qxto-hidden{display:none!important}
.qxto-hero{display:flex;align-items:center;gap:12px;position:relative;padding-right:36px;margin-bottom:12px}
.qxto-hero .eg-cfg-x,.qxto-hero .ts-fmt-x{position:absolute!important;top:0;right:0;margin:0!important;width:32px;height:32px;border-radius:10px}
.qxto-ht{min-width:0}
.qxto-ht h3{margin:0!important;font-size:18px!important;line-height:1.25!important;color:var(--to-fg);overflow-wrap:anywhere}
.qxto-ht p{margin:3px 0 0;font-size:12.5px;color:var(--to-mut)}
.qxto-folder{flex:0 0 58px;width:58px;height:45px;overflow:visible}
.qxto-f-back{fill:var(--to-f2)}
.qxto-f-front{fill:var(--to-f1);transform-origin:36px 52px;animation:qxtoOpen .7s cubic-bezier(.2,.8,.2,1) .1s both}
.qxto-f-paper rect{fill:#fff;stroke:var(--to-bd);stroke-width:1}
.qxto-f-paper path{stroke:var(--to-b2);stroke-width:2;stroke-linecap:round}
.qxto-f-paper{animation:qxtoPaper .7s cubic-bezier(.2,.8,.2,1) .1s both}
.qxto-f-q{font:800 13px/1 system-ui,sans-serif;fill:#7c2d12;opacity:.75;animation:qxtoOpen .7s cubic-bezier(.2,.8,.2,1) .1s both;transform-origin:36px 52px}
@keyframes qxtoOpen{from{transform:perspective(160px) rotateX(0)}to{transform:perspective(160px) rotateX(-28deg)}}
@keyframes qxtoPaper{from{transform:translateY(8px)}to{transform:translateY(-3px)}}
@media (prefers-reduced-motion:reduce){.qxto-f-front,.qxto-f-paper,.qxto-f-q{animation:none}.qxto-f-front,.qxto-f-q{transform:perspective(160px) rotateX(-28deg)}.qxto-f-paper{transform:translateY(-3px)}}
.qxto-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(88px,1fr));gap:8px;margin:0 0 12px}
.qxto-fact.wide{grid-column:1/-1}
.qxto-root .qxto,.qxto-root .qxto *{-webkit-hyphens:manual!important;hyphens:manual!important}
.qxto-fact{background:var(--to-soft);border:1px solid var(--to-bd);border-radius:12px;padding:8px 10px;min-width:0}
.qxto-fact span{display:block;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--to-mut)}
.qxto-fact b{display:block;font-size:15px;color:var(--to-fg);margin-top:2px;overflow-wrap:break-word;word-break:normal}
.qxto-note{grid-column:1/-1;margin:0;font-size:12px;color:var(--to-mut)}
.qxto .qxto-subh{margin:4px 0 6px!important;font-size:13px!important}
.qxto .eg-sub-pick{gap:6px!important;margin-bottom:10px}
.qxto .eg-sub-pick .eg-chip{padding:6px 10px!important;min-height:0!important;font-size:13px!important}
.qxto-more{border:1px solid var(--to-bd);border-radius:12px;margin:0 0 12px;background:transparent}
.qxto-more>summary{list-style:none;cursor:pointer;padding:10px 12px;font-size:13.5px;font-weight:700;color:var(--to-b);display:flex;align-items:center;gap:8px}
.qxto-more>summary::-webkit-details-marker{display:none}
.qxto-more>summary::after{content:"";margin-left:auto;width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform .2s}
.qxto-more[open]>summary::after{transform:rotate(-135deg)}
.qxto-more-b{padding:0 12px 12px}
.qxto-more-b h4{font-size:13px!important;margin:10px 0 6px!important}
.qxto-ih{color:var(--to-fg)}
.qxto-instr{margin:0;padding-left:18px;font-size:12.5px;line-height:1.5;color:var(--to-fg)}
.qxto-instr li{margin:3px 0}
.qxto .eg-cfg-go,.qxto .ts-fmt-start{width:100%!important;min-height:48px;border-radius:12px!important;font-size:16px!important;font-weight:800!important;
  background:var(--to-b)!important;color:#fff!important;border:0!important;box-shadow:0 6px 16px rgba(29,78,216,.28)!important}
html[data-theme="dark"] .qxto .eg-cfg-go,html[data-theme="dark"] .qxto .ts-fmt-start{background:#2563eb!important}
/* Test Series chooser */
.qxto .ts-fmt-section{font-size:13px!important;margin:0 0 6px!important}
.qxto .ts-fmt-grid{gap:8px!important;grid-template-columns:1fr 1fr!important}
.qxto .ts-fmt-opt{padding:10px!important;min-height:0!important;flex-direction:column;align-items:flex-start;gap:4px!important}
.qxto .ts-fmt-opt-body span{display:none!important}
.qxto .ts-fmt-opt-body strong{font-size:12.5px!important}
.qxto .ts-fmt-opt-icon{width:30px!important;height:30px!important;font-size:11px!important}
.qxto .ts-fmt-lang{font-size:12px!important;margin:10px 0!important;color:var(--to-mut)}
@media (max-width:380px){.qxto-root .qxto{padding:14px 12px 12px!important}.qxto-folder{flex-basis:50px;width:50px;height:39px}.qxto-ht h3{font-size:16.5px!important}}

/* ===== qxmd314: test header fix for 360px phones (NTA bar + Examgoal section strip) ===== */
@media (max-width: 600px) {
  html body #app-main .qzrr-cbt.qzrr-cbt .qzrr-black-bar {
    display: flex !important; flex-wrap: wrap !important; align-items: center !important;
    height: auto !important; max-height: none !important; min-height: 40px !important;
    overflow: visible !important; padding: 4px 8px 2px !important; gap: 2px 8px !important;
  }
  html body #app-main .qzrr-cbt.qzrr-cbt .qzrr-black-bar > #qzrrExitX { order: 0 !important; flex: 0 0 auto !important; }
  html body #app-main .qzrr-cbt.qzrr-cbt .qzrr-black-title {
    order: 1 !important; flex: 1 1 0 !important; max-width: none !important; min-width: 0 !important;
    overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; text-align: left !important;
  }
  html body #app-main .qzrr-cbt.qzrr-cbt .qzrr-black-bar > #qxSubmitTop { order: 2 !important; flex: 0 0 auto !important; margin-left: auto !important; }
  html body #app-main .qzrr-cbt.qzrr-cbt .qzrr-black-tools {
    order: 3 !important; flex: 1 0 100% !important; width: 100% !important; min-width: 0 !important;
    display: flex !important; flex-wrap: nowrap !important; justify-content: flex-start !important;
    overflow-x: auto !important; overflow-y: hidden !important; gap: 4px !important;
    -webkit-overflow-scrolling: touch; scrollbar-width: none !important; padding: 0 0 2px !important; position: static !important;
  }
  html body #app-main .qzrr-cbt.qzrr-cbt .qzrr-black-tools::-webkit-scrollbar { display: none !important; }
  html body #app-main .qzrr-cbt.qzrr-cbt .qzrr-tool-btn {
    flex: 0 0 auto !important; white-space: nowrap !important; font-size: 11px !important;
    padding: 4px 8px !important; min-height: 30px !important; position: static !important; transform: none !important;
  }
  /* Accessibility already has text size; the floating A−/A+ chip sat on the title */
  html body #app-main .qzrr-cbt.qzrr-cbt > #qxCbtFontChip { display: none !important; }
  /* Sections: one scrollable row instead of a 3-row stack */
  html body #app-main .qzrr-cbt.qzrr-cbt .qzrr-sec-tabs-wrap { display: flex !important; flex-wrap: nowrap !important; align-items: center !important; min-width: 0 !important; flex: 1 1 auto !important; gap: 4px !important; }
  html body #app-main .qzrr-cbt.qzrr-cbt .qzrr-sec-tabs { display: flex !important; flex-wrap: nowrap !important; overflow-x: auto !important; min-width: 0 !important; flex: 1 1 auto !important; gap: 4px !important; scrollbar-width: none !important; }
  html body #app-main .qzrr-cbt.qzrr-cbt .qzrr-sec-tabs > * { flex: 0 0 auto !important; white-space: nowrap !important; }
  html body #app-main .qzrr-cbt.qzrr-cbt .qzrr-sec-lbl { display: none !important; }
  /* Examgoal section strip: tabs kept their own width (they were squeezed to 48px and the text overlapped) */
  html body #app-main .eg-test-root.eg-test-root .eg-subs { flex-wrap: nowrap !important; overflow-x: auto !important; overflow-y: hidden !important; scrollbar-width: none !important; }
  html body #app-main .eg-test-root.eg-test-root .eg-subs > .eg-sub { flex: 0 0 auto !important; white-space: nowrap !important; width: auto !important; max-width: none !important; }
}