/* Status tracker — builds on Quick Submit's submission form styles (.qsub-sf). */
.qst {
	--qst-ok: #1a7f37;
	--qst-warn: #9a6700;
	--qst-stop: #b32d2e;
	--qsub-accent: #1d4f91;
	--qsub-line: color-mix(in srgb, currentColor 18%, transparent);
	--qsub-soft: color-mix(in srgb, currentColor 4%, transparent);
	--qsub-muted: color-mix(in srgb, currentColor 65%, transparent);
	max-width: 860px;
	margin: 0 auto;
}
.qst *, .qst *::before, .qst *::after { box-sizing: border-box; }
.qst .qst-ta { font-weight: 400; font-size: .86em; color: var(--qsub-muted); }
.qst h2 .qst-ta, .qst small.qst-ta { display: block; margin-top: 2px; }
.qst label .qst-ta, .qst button .qst-ta { font-size: .82em; }
.qst .qsub-sf-button .qst-ta { color: inherit; opacity: .85; }

/* Inputs the form styles do not cover */
.qst input[type=date], .qst input[type=file] { width: 100%; max-width: 100%; padding: 8px 10px; font: inherit; font-size: 16px; border: 1px solid color-mix(in srgb, currentColor 35%, transparent); border-radius: 5px; background: #fff; color: #1e1e1e; }
.qst input[type=file] { padding: 6px; }
.qst .qsub-sf-cols > p { min-width: 0; }

/* Header */
.qst-head { margin: 0 0 18px; }
.qst-code { margin: 0 0 6px; font-size: .95em; color: var(--qsub-muted); }
.qst-code strong { font-size: 1.15em; letter-spacing: .02em; color: var(--qsub-accent); white-space: nowrap; }
.qst-title { margin: 0 0 6px; line-height: 1.3; font-size: 1.45em; }
.qst-authors { margin: 0 0 8px; }
.qst-meta { display: flex; flex-wrap: wrap; gap: 4px 22px; margin: 0; font-size: .92em; }
.qst-meta div { display: flex; gap: 6px; }
.qst-meta dt { color: var(--qsub-muted); }
.qst-meta dd { margin: 0; font-weight: 600; }

/* Current status */
.qst-status { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 12px; padding: 14px 18px; border-radius: 8px; border-left: 5px solid var(--qsub-accent); background: color-mix(in srgb, var(--qsub-accent) 7%, transparent); margin: 0 0 22px; }
.qst-status-label { font-size: .9em; color: var(--qsub-muted); flex-basis: 100%; }
.qst-status-value { font-size: 1.3em; }
.qst-status-ta { color: var(--qsub-muted); }
.qst-status-accepted, .qst-status-article, .qst-status-published { border-left-color: var(--qst-ok); background: color-mix(in srgb, var(--qst-ok) 8%, transparent); }
.qst-status-revision { border-left-color: var(--qst-warn); background: color-mix(in srgb, var(--qst-warn) 9%, transparent); }
.qst-status-rejected { border-left-color: var(--qst-stop); background: color-mix(in srgb, var(--qst-stop) 7%, transparent); }

/* Progress */
.qst-steps { list-style: none; display: grid; grid-template-columns: repeat(auto-fit, minmax(0, 1fr)); margin: 0 0 26px; padding: 0; counter-reset: qst; }
.qst-steps li { position: relative; padding: 34px 6px 0; text-align: center; font-size: .9em; line-height: 1.35; margin: 0; }
.qst-steps li::before { content: ""; position: absolute; top: 11px; left: -50%; width: 100%; height: 3px; background: var(--qsub-line); z-index: 0; }
.qst-steps li:first-child::before { display: none; }
.qst-steps li.is-done::before, .qst-steps li.is-current::before { background: var(--qst-ok); }
.qst-dot { position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 25px; height: 25px; border-radius: 50%; border: 3px solid var(--qsub-line); background: #fff; z-index: 1; display: flex; align-items: center; justify-content: center; font-size: 13px; font-weight: 700; color: #fff; }
.qst-steps .is-done .qst-dot { background: var(--qst-ok); border-color: var(--qst-ok); }
.qst-steps .is-done .qst-dot::after { content: "✓"; }
.qst-steps .is-current:not(.is-done) .qst-dot { border-color: var(--qsub-accent); box-shadow: 0 0 0 4px color-mix(in srgb, var(--qsub-accent) 20%, transparent); }
.qst-steps .is-current:not(.is-done) .qst-dot::after { content: ""; width: 9px; height: 9px; border-radius: 50%; background: var(--qsub-accent); }
.qst-steps .is-warn .qst-dot { border-color: var(--qst-warn); box-shadow: 0 0 0 4px color-mix(in srgb, var(--qst-warn) 22%, transparent); }
.qst-steps .is-warn .qst-dot::after { background: var(--qst-warn) !important; }
.qst-steps .is-stop .qst-dot { background: var(--qst-stop); border-color: var(--qst-stop); box-shadow: none; }
.qst-steps .is-stop .qst-dot::after { content: "✕" !important; width: auto !important; height: auto !important; background: none !important; }
.qst-steps .is-stop::before { background: var(--qst-stop) !important; }
.qst-step-label { display: block; font-weight: 600; }
.qst-steps .is-todo .qst-step-label { color: var(--qsub-muted); font-weight: 400; }
.qst-steps .is-current .qst-step-label { color: var(--qsub-accent); }
.qst-steps .is-warn .qst-step-label { color: var(--qst-warn); }
.qst-steps .is-stop .qst-step-label { color: var(--qst-stop); }
.qst-step-ta { display: block; font-size: .85em; color: var(--qsub-muted); }
.qst-step-date { display: block; font-size: .82em; color: var(--qsub-muted); margin-top: 2px; }

.qst-flash { padding: 12px 16px; border-radius: 6px; background: color-mix(in srgb, var(--qst-ok) 12%, transparent); border: 1px solid color-mix(in srgb, var(--qst-ok) 40%, transparent); font-weight: 600; }
.qst-errors { padding: 10px 16px; border-radius: 6px; background: color-mix(in srgb, var(--qst-stop) 8%, transparent); border: 1px solid color-mix(in srgb, var(--qst-stop) 45%, transparent); margin: 0 0 16px; color: var(--qst-stop); }
.qst-errors ul { margin: 0; padding-left: 1.2em; }
.qst-errors p { margin: 4px 0; }
.qst-errors .qst-note { color: inherit; }

/* Cards */
.qst-section-title { font-size: 1.15em; margin: 28px 0 12px; }
.qst-card { border: 1px solid var(--qsub-line); border-radius: 8px; padding: 18px 20px 6px; margin: 0 0 18px; }
.qst-card.is-complete { border-color: color-mix(in srgb, var(--qst-ok) 45%, transparent); background: color-mix(in srgb, var(--qst-ok) 4%, transparent); }
.qst-card-title { font-size: 1.08em; margin: 0 0 12px; display: flex; align-items: center; flex-wrap: wrap; gap: 4px 8px; }
.qst-card.is-complete .qsub-sf-num { background: var(--qst-ok); }
.qst-card h5 { font-size: 1em; margin: 18px 0 10px; }
.qst-done-line { font-weight: 600; color: var(--qst-ok); }
.qst-done-line::before { content: "✔ "; }
.qst-wait-line { padding: 10px 14px; border-radius: 6px; background: color-mix(in srgb, var(--qsub-accent) 7%, transparent); }
.qst-muted { color: var(--qsub-muted); }

/* Agreement */
.qst-langs { display: inline-flex; border: 1px solid var(--qsub-line); border-radius: 6px; overflow: hidden; margin: 0 0 10px; }
.qst-lang { font: inherit; padding: 6px 16px; border: 0; background: transparent; color: inherit; cursor: pointer; }
.qst-lang[aria-pressed="true"] { background: var(--qsub-accent); color: #fff; }
.qst-doc { border: 1px solid var(--qsub-line); background: var(--qsub-soft); border-radius: 6px; padding: 14px 18px; max-height: 360px; overflow: auto; margin: 0 0 16px; }
.qst-doc h5 { margin: 0 0 10px; text-align: center; }
.qst-doc-text { white-space: pre-wrap; overflow-wrap: anywhere; font-size: .95em; line-height: 1.6; }
.qst-doc:focus { outline: 2px solid var(--qsub-accent); outline-offset: 1px; }
.qst-sig { border: 0; padding: 0; margin: 0 0 14px; min-width: 0; }
.qst-sig legend { font-weight: 600; padding: 0; margin: 0 0 6px; }
.qst-sig-modes { display: flex; flex-wrap: wrap; gap: 4px 20px; margin: 0 0 8px; }
.qst-sig-modes label { display: inline-flex; align-items: center; gap: 6px; font-weight: 400; margin: 0; }
.qst-sig-pad { display: block; width: 100%; max-width: 560px; aspect-ratio: 3 / 1; height: auto; border: 1px dashed color-mix(in srgb, currentColor 45%, transparent); border-radius: 6px; background: #fff linear-gradient(to top, transparent 22%, color-mix(in srgb, #1e1e1e 25%, transparent) 22%, color-mix(in srgb, #1e1e1e 25%, transparent) calc(22% + 1px), transparent calc(22% + 1px)); touch-action: none; cursor: crosshair; }
.qst-sig-tools { display: flex; align-items: center; justify-content: space-between; gap: 10px; max-width: 560px; margin: 6px 0 0 !important; }
.qst-sig-typed { font: italic 2.1em/1.3 "Segoe Script", "Brush Script MT", "Lucida Handwriting", cursive; min-height: 1.4em; margin: 0 !important; padding: 6px 12px; border-bottom: 1px solid var(--qsub-line); max-width: 560px; overflow-wrap: anywhere; }
.qst-agree { display: flex !important; gap: 8px; align-items: flex-start; font-weight: 600 !important; }
.qst-agree input { margin-top: .3em; flex: none; }
.qst .qsub-sf-button-secondary { display: inline-block; font: inherit; font-weight: 600; padding: 7px 16px; border-radius: 6px; border: 2px solid var(--qsub-accent); background: transparent; color: var(--qsub-accent); cursor: pointer; text-decoration: none !important; }

/* Payment */
.qst-fee { margin: 0 0 12px !important; }
.qst-fee-amount { font-size: 1.8em; font-weight: 700; color: var(--qsub-accent); }
.qst-pay { display: grid; grid-template-columns: auto 1fr; gap: 18px 26px; align-items: start; margin: 0 0 14px; }
.qst-qr-fig { margin: 0; text-align: center; }
.qst-qr { width: 220px; height: 220px; background: #fff; padding: 0; text-align: center; border: 1px solid var(--qsub-line); border-radius: 8px; overflow: hidden; display: flex; align-items: center; justify-content: center; font-size: .85em; color: var(--qsub-muted); }
.qst-qr svg { display: block; width: 100%; height: 100%; }
.qst-qr-fig figcaption { font-size: .85em; margin-top: 6px; color: var(--qsub-muted); max-width: 220px; }
.qst-dl { margin: 0; display: grid; gap: 6px; }
.qst-dl div { display: grid; grid-template-columns: 5.5em 1fr; gap: 8px; align-items: baseline; }
.qst-dl dt { color: var(--qsub-muted); font-size: .92em; }
.qst-dl dd { margin: 0; font-weight: 600; overflow-wrap: anywhere; }
.qst-dl code { font: inherit; background: var(--qsub-soft); padding: 1px 6px; border-radius: 4px; white-space: nowrap; display: inline-block; max-width: 100%; overflow-wrap: anywhere; }
.qst-copy { font: inherit; font-size: .8em; padding: 2px 10px; border: 1px solid var(--qsub-line); border-radius: 4px; background: transparent; color: inherit; cursor: pointer; margin-left: 4px; }
.qst-upi-app { display: none; margin: 0 0 14px !important; }
@media (pointer: coarse) { .qst-upi-app { display: block; } }
.qst-touch .qst-upi-app { display: block; }
.qst-bank { margin: 0 0 14px; }
.qst-bank summary, .qst-correct summary { cursor: pointer; font-weight: 600; color: var(--qsub-accent); }
.qst-bank-text { white-space: pre-wrap; padding: 10px 14px; background: var(--qsub-soft); border-radius: 6px; margin: 8px 0; font-family: inherit; }
.qst-instructions { margin: 0 0 12px; }
.qst-after { border-top: 1px solid var(--qsub-line); padding-top: 14px; }
.qst-correct { margin: 0 0 14px; }
.qst-correct form { margin-top: 12px; }
.qst-published { margin: 0 0 18px; }

/* History */
.qst-history ol { list-style: none; margin: 0; padding: 0 0 0 18px; border-left: 2px solid var(--qsub-line); }
.qst-history li { position: relative; margin: 0 0 14px; padding-left: 8px; }
.qst-history li::before { content: ""; position: absolute; left: -26px; top: .45em; width: 12px; height: 12px; border-radius: 50%; background: #fff; border: 2px solid var(--qsub-accent); }
.qst-history li:first-child::before { background: var(--qsub-accent); }
.qst-history time { display: block; font-size: .82em; color: var(--qsub-muted); }
.qst-ev { font-weight: 600; }
.qst-note { margin: 6px 0 0; padding: 8px 12px; border-left: 3px solid var(--qsub-accent); background: var(--qsub-soft); font-size: .95em; font-style: normal; white-space: normal; }
.qst-contact { margin-top: 22px; }

/* Lookup */
.qst-lookup h2 { margin-bottom: 8px; }
.qst-hp { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; overflow: hidden; }
.qst-mine { list-style: none; padding: 0; margin: 0; }
.qst-mine li { padding: 10px 0; border-bottom: 1px solid var(--qsub-line); display: flex; flex-wrap: wrap; justify-content: space-between; gap: 6px; }
.qst-badge { font-size: .8em; padding: 2px 8px; border-radius: 10px; background: var(--qsub-soft); border: 1px solid var(--qsub-line); }
.qst-thanks-link { margin: 18px 0; }
.qst-thanks-link .qsub-sf-help { display: block; margin-top: 8px; }

@media (max-width: 640px) {
	.qst .qsub-sf-cols { grid-template-columns: 1fr; }
	.qst-pay { grid-template-columns: 1fr; justify-items: center; }
	.qst-pay-info { width: 100%; }
	.qst-steps li { font-size: .8em; padding-left: 2px; padding-right: 2px; }
	.qst-card { padding: 14px 14px 4px; }
	.qst-title { font-size: 1.25em; }
}
@media print {
	.qst form, .qst-langs, .qst-correct, .qst-upi-app { display: none !important; }
	.qst-doc { max-height: none; overflow: visible; }
}