:root {
  color-scheme: dark;
  --bg:#0d0913;
  --card:rgba(23,17,31,.97);
  --card-2:#21182c;
  --card-3:#120d1a;
  --line:rgba(225,210,255,.14);
  --line-strong:rgba(225,210,255,.24);
  --ink:#f7f2ff;
  --muted:#b8afc5;
  --accent:#a879ff;
  --accent-dark:#7046d9;
  --cta:#27cbb8;
  --cta-dark:#0d7f73;
  --blue:#7869db;
  --danger:#ff7896;
  --app-safe-top:max(env(safe-area-inset-top,0px),var(--tg-safe-area-inset-top,0px),var(--tg-content-safe-area-inset-top,0px));
  --app-safe-bottom:max(env(safe-area-inset-bottom,0px),var(--tg-safe-area-inset-bottom,0px),var(--tg-content-safe-area-inset-bottom,0px));
  --camera-safe-top:max(var(--app-safe-top),var(--camera-runtime-safe-top,0px));
  --camera-safe-bottom:max(var(--app-safe-bottom),var(--camera-runtime-safe-bottom,0px));
  --camera-viewport-height:var(--tg-viewport-height,100dvh);
}
* { box-sizing:border-box; }
[hidden] { display:none !important; }
html,body { min-height:100%; min-height:var(--tg-viewport-stable-height,100dvh); }
body { margin:0; color:var(--ink); background:radial-gradient(circle at 92% 2%,rgba(168,121,255,.2),transparent 25rem),radial-gradient(circle at -8% 45%,rgba(83,52,130,.18),transparent 26rem),linear-gradient(180deg,#1a1125 0%,#120c1a 44%,var(--bg) 100%); font-family:Montserrat,Arial,sans-serif; }
body::before { position:fixed; inset:0; z-index:0; pointer-events:none; background-image:linear-gradient(rgba(225,210,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(225,210,255,.022) 1px,transparent 1px); background-size:38px 38px; content:""; mask-image:linear-gradient(to bottom,black,transparent 82%); }
button,input,a { font:inherit; }
button { color:inherit; cursor:pointer; }
.test-shell { position:relative; z-index:1; width:min(100%,680px); margin:0 auto; padding:calc(18px + var(--app-safe-top)) 16px calc(42px + var(--app-safe-bottom)); }
.test-header { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.test-header a { color:#c7a9ff; font-size:10px; font-weight:750; text-decoration:none; }
.test-header > span { padding:7px 10px; border:1px solid var(--line); border-radius:999px; color:#d9c7ff; background:rgba(23,17,31,.82); font-size:9px; font-weight:800; }
.test-intro { margin:28px 0 18px; }
.eyebrow { margin:0 0 5px; color:#c7a9ff; font-size:9px; font-weight:800; letter-spacing:.11em; text-transform:uppercase; }
.test-intro h1 { margin:0; font-family:Furore,"Russo One",sans-serif; font-size:clamp(30px,9vw,48px); font-weight:400; line-height:1; letter-spacing:.022em; text-shadow:0 0 28px rgba(168,121,255,.34); }
.test-intro > p:last-child { max-width:520px; margin:10px 0 0; color:var(--muted); font-size:10px; line-height:1.55; }
.closing-workflow { display:grid; margin:-4px 0 14px; grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr); align-items:center; gap:6px; }
.closing-workflow > div { display:grid; min-height:62px; padding:10px 11px; grid-template-columns:30px minmax(0,1fr); grid-template-rows:auto auto; column-gap:9px; align-items:center; border:1px solid rgba(255,255,255,.09); border-radius:16px; color:#829f9d; background:rgba(3,27,34,.42); transition:.2s ease; }
.closing-workflow > div > i { display:grid; width:30px; height:30px; grid-row:1/3; place-items:center; border-radius:10px; background:rgba(255,255,255,.05); font-style:normal; }
.closing-workflow span { font-size:7px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.closing-workflow strong { align-self:start; font-size:10px; }
.closing-workflow > b { color:rgba(255,255,255,.22); font-size:14px; text-align:center; }
.closing-workflow > div.active[data-workflow-step="cleanliness"],.closing-workflow > div.active[data-workflow-step="closing"] { border-color:rgba(168,121,255,.4); color:#f4ebff; background:rgba(168,121,255,.15); box-shadow:0 10px 30px rgba(112,70,217,.14); }
.closing-workflow > div.completed { color:#96c9c1; }
.closing-workflow > div.completed > i { color:#052c32; background:#77efb4; }
.state-card,.stage-card { border:1px solid var(--line); border-radius:22px; background:linear-gradient(145deg,rgba(33,24,44,.98),rgba(18,13,26,.99)); box-shadow:0 22px 58px rgba(0,0,0,.36),inset 0 1px rgba(255,255,255,.025); backdrop-filter:blur(16px); }
.stage-card { padding:17px; }
.cleanliness-card { border-color:var(--line-strong); background:radial-gradient(circle at 100% 0,rgba(168,121,255,.12),transparent 16rem),linear-gradient(145deg,rgba(33,24,44,.98),rgba(18,13,26,.99)); }
.cleanliness-list li::before { color:#052c32; background:#77efb4; }
#startCleanliness { width:100%; }
.cleanliness-transition { padding:25px 20px; border-color:var(--line-strong); text-align:center; background:radial-gradient(circle at 50% 0,rgba(168,121,255,.15),transparent 18rem),linear-gradient(145deg,rgba(33,24,44,.98),rgba(18,13,26,.99)); }
.cleanliness-transition > span { color:#77efb4; font-size:8px; font-weight:850; letter-spacing:.09em; text-transform:uppercase; }
.transition-icon { display:grid; width:58px; height:58px; margin:17px auto 13px; place-items:center; border:1px solid rgba(133,145,255,.34); border-radius:19px; background:rgba(83,103,216,.2); font-size:25px; }
.cleanliness-transition h2 { margin:0; font-size:23px; }
.cleanliness-transition p { margin:8px 0 18px; color:var(--muted); font-size:10px; line-height:1.55; }
.closing-button { width:100%; min-height:50px; border:0; border-radius:14px; color:white; background:linear-gradient(145deg,#6879e8,#3547ad); box-shadow:0 12px 30px rgba(83,103,216,.22); font-size:11px; font-weight:800; }
body[data-workflow-step="closing"] { background:radial-gradient(circle at 92% 2%,rgba(168,121,255,.22),transparent 25rem),radial-gradient(circle at -8% 45%,rgba(83,52,130,.16),transparent 26rem),linear-gradient(180deg,#1a1125 0%,#120c1a 50%,var(--bg) 100%); }
body[data-workflow-step="closing"] .primary-button { background:linear-gradient(145deg,#6879e8,#3547ad); box-shadow:0 12px 30px rgba(83,103,216,.2); }
body[data-workflow-step="closing"] .progress-track i { background:linear-gradient(90deg,#6879e8,#9faaff); }
.loading-card { display:flex; min-height:90px; padding:18px; align-items:center; justify-content:center; gap:11px; color:var(--muted); font-size:10px; text-align:center; }
.loading-card i { width:17px; height:17px; flex:none; border:2px solid rgba(77,224,199,.2); border-top-color:var(--accent); border-radius:50%; animation:spin .8s linear infinite; }
@keyframes spin { to { transform:rotate(360deg); } }
.error-card,.success-card { padding:22px; text-align:center; }
.error-card > span,.success-card > span { color:var(--danger); font-size:9px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.success-card > span { color:#77efb4; }
.error-card h2,.success-card h2 { margin:7px 0; font-size:22px; }
.error-card p,.success-card p { margin:0; color:var(--muted); font-size:10px; line-height:1.55; }
.error-card a,.success-card a { display:grid; min-height:46px; margin-top:16px; place-items:center; border-radius:14px; color:white; text-decoration:none; background:linear-gradient(145deg,var(--accent),var(--accent-dark)); font-size:11px; font-weight:800; }
.owner-club-list { display:grid; gap:8px; margin-top:17px; }
.owner-club-list button { position:relative; min-height:52px; padding:0 42px 0 15px; border:1px solid rgba(77,224,199,.18); border-radius:14px; color:var(--ink); background:rgba(3,27,34,.5); font-size:12px; font-weight:750; text-align:left; }
.owner-club-list button::after { position:absolute; top:50%; right:15px; color:#8de3d8; font-size:18px; content:'→'; transform:translateY(-50%); }
.owner-club-list button:disabled { opacity:.55; cursor:wait; }
.owner-club-list button.loading::after { width:15px; height:15px; border:2px solid rgba(77,224,199,.2); border-top-color:#8de3d8; border-radius:50%; content:''; animation:spin .8s linear infinite; }
.scenario-meta { display:grid; grid-template-columns:2fr 1fr; gap:8px; margin-bottom:18px; }
.scenario-meta div { min-width:0; padding:11px 12px; border:1px solid rgba(77,224,199,.13); border-radius:14px; background:rgba(3,27,34,.44); }
.scenario-meta span,.scenario-meta strong { display:block; }
.scenario-meta span { color:var(--muted); font-size:7px; text-transform:uppercase; }
.scenario-meta strong { margin-top:4px; overflow:hidden; font-size:11px; text-overflow:ellipsis; white-space:nowrap; }
.stage-heading h2 { margin:4px 0 0; font-size:23px; }
.stage-heading > p:last-child { margin:7px 0 0; color:var(--muted); font-size:9px; line-height:1.5; }
.checklist-list { display:grid; gap:8px; margin:16px 0; padding:0; list-style:none; counter-reset:checklist; }
.checklist-list li { display:grid; min-height:46px; padding:10px 11px; grid-template-columns:27px 1fr; align-items:center; gap:9px; border:1px solid rgba(77,224,199,.12); border-radius:14px; background:rgba(3,27,34,.45); font-size:10px; line-height:1.4; counter-increment:checklist; }
.checklist-list li::before { display:grid; width:27px; height:27px; place-items:center; border-radius:9px; color:#8de3d8; background:rgba(33,184,168,.12); font-size:9px; font-weight:800; content:counter(checklist); }
.checklist-list li.empty { display:block; color:var(--muted); text-align:center; counter-increment:none; }
.checklist-list li.empty::before { display:none; }
.primary-button,.secondary-button { min-height:48px; padding:0 14px; border:0; border-radius:14px; font-size:11px; font-weight:800; }
.primary-button { color:white; background:linear-gradient(145deg,var(--accent),var(--accent-dark)); box-shadow:0 12px 30px rgba(33,184,168,.2); }
.primary-button:disabled,.secondary-button:disabled { opacity:.55; cursor:wait; }
.secondary-button { color:#baf5ec; background:rgba(33,184,168,.12); }
#startQuestions { width:100%; }
.photo-source-actions { display:grid; gap:8px; }
.photo-source-actions > button { width:100%; }
.photo-source-actions .batch-button { color:#cbd2ff; background:rgba(83,103,216,.16); }
.progress-head { display:flex; align-items:center; justify-content:space-between; gap:10px; color:var(--muted); font-size:8px; font-weight:750; }
.progress-head strong { overflow:hidden; color:#9beddf; text-overflow:ellipsis; white-space:nowrap; }
.progress-track { height:5px; margin:9px 0 20px; overflow:hidden; border-radius:999px; background:rgba(255,255,255,.08); }
.progress-track i { display:block; width:0; height:100%; border-radius:inherit; background:linear-gradient(90deg,var(--accent),#69ddcf); transition:width .2s ease; }
.question-form label { display:block; min-height:58px; font-size:16px; font-weight:750; line-height:1.4; }
.question-form input { width:100%; min-height:51px; margin-top:13px; padding:0 14px; border:1px solid rgba(77,224,199,.25); border-radius:14px; color:var(--ink); outline:none; background:var(--card-2); font-size:14px; }
.question-form input:focus { border-color:#69ddcf; box-shadow:0 0 0 3px rgba(77,224,199,.09); }
.question-form > small { display:block; min-height:15px; margin:6px 2px 0; color:var(--muted); font-size:8px; }
.form-actions,.review-actions { display:grid; grid-template-columns:1fr 2fr; gap:8px; margin-top:17px; }
.form-actions > button:first-child,.review-actions > button:first-child { min-height:48px; border:1px solid var(--line); border-radius:14px; color:var(--muted); background:rgba(3,27,34,.5); font-size:10px; font-weight:750; }
.photo-ready { position:relative; overflow:hidden; }
.photo-ready .progress-head { margin-bottom:18px; }
.next-photo-prompt { margin:16px 0 13px; padding:14px; border:1px solid rgba(77,224,199,.15); border-radius:15px; color:#d9f9f4; background:rgba(3,27,34,.46); font-size:11px; font-weight:700; line-height:1.45; }
.photo-processing { position:absolute; inset:0; z-index:5; display:grid; padding:24px; place-content:center; justify-items:center; gap:11px; text-align:center; background:rgba(3,27,34,.93); backdrop-filter:blur(8px); }
.photo-processing i,.camera-saving i { display:block; width:24px; height:24px; border:3px solid rgba(105,221,207,.2); border-top-color:#69ddcf; border-radius:50%; animation:spin .75s linear infinite; }
.photo-processing strong { font-size:11px; line-height:1.4; }
.photo-processing.success i,.camera-saving.success i { display:grid; border:0; place-items:center; color:#031b22; background:#77efb4; animation:none; }
.photo-processing.success i::after,.camera-saving.success i::after { font-size:14px; font-style:normal; font-weight:900; content:'✓'; }
.batch-heading { margin-top:18px; }
.batch-question-list { display:grid; gap:7px; margin:16px 0; padding:0; list-style:none; }
.batch-question-list li { display:grid; min-height:49px; padding:9px 11px; grid-template-columns:30px minmax(0,1fr); align-items:center; gap:10px; border:1px solid rgba(77,224,199,.11); border-radius:14px; color:var(--muted); background:rgba(3,27,34,.4); font-size:10px; line-height:1.4; }
.batch-question-list i { display:grid; width:30px; height:30px; place-items:center; border-radius:10px; color:#a4c6c3; background:rgba(255,255,255,.05); font-size:9px; font-style:normal; font-weight:800; }
.batch-question-list li.completed { color:#a9d2cc; }
.batch-question-list li.completed i { color:#77efb4; background:rgba(119,239,180,.11); }
.batch-question-list li.current { border-color:rgba(77,224,199,.34); color:#f4fffd; background:rgba(33,184,168,.12); }
.batch-question-list li.current i { color:#031b22; background:#69ddcf; }
.batch-stage-actions { display:grid; grid-template-columns:1fr 2fr; gap:8px; margin-top:16px; }
.batch-stage-actions > button { min-height:48px; border:0; border-radius:14px; font-size:10px; font-weight:800; }
.batch-stage-actions > button:first-child { color:var(--muted); background:rgba(3,27,34,.52); }
.batch-review-list { display:grid; gap:9px; margin-top:16px; }
.batch-review-list article { display:grid; padding:9px; grid-template-columns:78px minmax(0,1fr); align-items:center; gap:11px; border:1px solid rgba(77,224,199,.14); border-radius:16px; background:rgba(3,27,34,.48); }
.batch-review-list img { display:block; width:78px; height:78px; object-fit:cover; border-radius:11px; background:#01090b; }
.batch-review-copy { min-width:0; }
.batch-review-copy > span { display:block; color:#89dfd4; font-size:8px; font-weight:800; text-transform:uppercase; }
.batch-review-copy > strong { display:block; margin-top:5px; font-size:10px; line-height:1.4; }
.batch-review-controls { display:grid; grid-template-columns:34px 34px minmax(70px,1fr); gap:6px; margin-top:9px; }
.batch-review-controls button { min-height:31px; border:0; border-radius:9px; color:#baf5ec; background:rgba(33,184,168,.11); font-size:9px; font-weight:800; }
.batch-review-controls button:disabled { opacity:.28; }
.batch-review-controls button:last-child { color:#cbd2ff; background:rgba(83,103,216,.16); }
.answer-review { display:grid; gap:7px; margin-top:16px; }
.answer-review article { display:grid; padding:11px 12px; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:10px; border:1px solid rgba(77,224,199,.12); border-radius:14px; background:rgba(3,27,34,.42); }
.answer-review-copy { min-width:0; }
.answer-review span,.answer-review strong { display:block; }
.answer-review span { color:var(--muted); font-size:8px; line-height:1.4; }
.answer-review strong { margin-top:5px; font-size:11px; line-height:1.45; white-space:pre-wrap; }
.answer-review button { min-height:34px; padding:0 10px; border:0; border-radius:10px; color:#a7eee4; background:rgba(33,184,168,.11); font-size:8px; font-weight:800; }
.report-review-section { margin-top:15px; padding:12px; border:1px solid rgba(133,145,255,.17); border-radius:17px; background:rgba(3,27,34,.34); }
.report-review-section + .report-review-section { margin-top:10px; }
.report-review-heading span { color:#9da8ff; font-size:7px; font-weight:850; letter-spacing:.09em; text-transform:uppercase; }
.report-review-heading h3 { margin:4px 0 0; font-size:16px; }
.report-review-section .answer-review { margin-top:11px; }
.report-review-section .photo-review { margin-top:9px; }
.cleanliness-review { border-color:rgba(77,224,199,.24); background:rgba(33,184,168,.06); }
.cleanliness-review .report-review-heading span { color:#77efb4; }
.photo-review { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin-top:10px; }
.photo-review article { min-width:0; overflow:hidden; border:1px solid rgba(77,224,199,.14); border-radius:15px; background:rgba(3,27,34,.5); }
.photo-review img { display:block; width:100%; aspect-ratio:4/3; object-fit:cover; background:#01090b; }
.photo-review div { padding:9px; }
.photo-review span { display:block; min-height:30px; overflow:hidden; color:var(--muted); font-size:8px; line-height:1.35; }
.photo-review button { width:100%; min-height:31px; margin-top:7px; border:0; border-radius:10px; color:#a7eee4; background:rgba(33,184,168,.11); font-size:8px; font-weight:800; }
.photo-review .empty-review { grid-column:1/-1; padding:14px; color:var(--muted); font-size:9px; text-align:center; }
.test-notice { margin:14px 0 0; padding:11px 12px; border-radius:13px; color:#b9cbd0; background:rgba(83,103,216,.1); font-size:8px; line-height:1.5; }
.camera-stage { position:fixed; top:0; right:0; left:0; z-index:60; height:var(--camera-viewport-height); max-height:100dvh; overflow:hidden; color:white; background:#000; touch-action:none; user-select:none; }
.camera-stage video { width:100%; height:100%; object-fit:cover; }
.camera-shade { position:absolute; inset:0; pointer-events:none; background:linear-gradient(to bottom,rgba(0,0,0,.72),transparent 35%,transparent 56%,rgba(0,0,0,.82)); }
.camera-instruction { position:absolute; top:calc(var(--camera-safe-top) + 14px); left:58px; right:58px; max-height:calc(var(--camera-viewport-height) - var(--camera-safe-top) - var(--camera-safe-bottom) - 190px); overflow:auto; text-align:center; overscroll-behavior:contain; }
.camera-instruction span,.camera-instruction strong,.camera-instruction small { display:block; }
.camera-instruction span { color:#9ef3e7; font-size:9px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; }
.camera-stage:not(.cleanliness-camera) .camera-instruction span { color:#b8c0ff; }
.camera-instruction strong { margin-top:8px; font-size:15px; line-height:1.38; }
.camera-instruction small { margin-top:7px; color:rgba(255,255,255,.7); font-size:9px; }
.close-camera { position:absolute; top:calc(var(--camera-safe-top) + 10px); right:14px; width:40px; height:40px; border:1px solid rgba(255,255,255,.25); border-radius:14px; color:white; background:rgba(0,0,0,.4); font-size:24px; }
.camera-file-button { position:absolute; left:16px; bottom:calc(var(--camera-safe-bottom) + 44px); z-index:1; min-height:40px; padding:0 12px; border:1px solid rgba(255,255,255,.24); border-radius:13px; color:white; background:rgba(0,0,0,.48); font-size:9px; font-weight:800; }
.camera-controls { position:absolute; left:0; right:0; bottom:calc(var(--camera-safe-bottom) + 25px); display:grid; justify-items:center; gap:10px; }
.camera-controls > span { color:rgba(255,255,255,.76); font-size:9px; }
.shutter { display:grid; width:82px; height:82px; padding:7px; place-items:center; border:3px solid white; border-radius:50%; background:rgba(0,0,0,.2); }
.shutter i { width:62px; height:62px; border-radius:50%; background:white; transition:.12s ease; }
.shutter:active i { transform:scale(.88); }
.shutter:disabled { opacity:.55; }
.camera-stage.busy .close-camera,.camera-stage.busy .camera-file-button,.camera-stage.busy .camera-controls { opacity:.42; pointer-events:none; }
.camera-saving { position:absolute; top:50%; left:50%; z-index:4; display:grid; min-width:190px; padding:16px 18px; place-items:center; gap:9px; border:1px solid rgba(255,255,255,.14); border-radius:18px; background:rgba(0,0,0,.76); font-size:10px; font-weight:800; text-align:center; transform:translate(-50%,-50%); backdrop-filter:blur(8px); }
.resume-dialog { width:min(calc(100% - 28px),430px); padding:20px; border:1px solid var(--line); border-radius:22px; color:var(--ink); background:#052c32; box-shadow:0 25px 80px rgba(0,0,0,.55); }
.resume-dialog::backdrop { background:rgba(0,13,17,.78); backdrop-filter:blur(6px); }
.resume-dialog h2 { margin:5px 0 8px; font-size:23px; }
.resume-dialog > p:last-of-type { margin:0; color:var(--muted); font-size:10px; line-height:1.5; }
.resume-dialog > div { display:grid; grid-template-columns:1fr 1.4fr; gap:8px; margin-top:17px; }
.resume-dialog button { min-height:46px; border:0; border-radius:14px; font-size:9px; font-weight:800; }
.resume-dialog button:first-child { color:#ffc0cf; background:rgba(255,120,150,.1); }
.task-warning-dialog { max-height:calc(100dvh - var(--app-safe-top) - var(--app-safe-bottom) - 28px); overflow-y:auto; overscroll-behavior:contain; border-color:rgba(255,184,92,.34); background:#172b31; }
.task-warning-dialog .eyebrow { color:#ffc675; }
.task-warning-dialog ul { display:grid; max-height:min(34dvh,260px); gap:7px; margin:14px 0; padding:0; overflow-y:auto; overscroll-behavior:contain; list-style:none; }
.task-warning-dialog li { padding:10px 11px; border:1px solid rgba(255,198,117,.17); border-radius:12px; background:rgba(255,184,92,.07); font-size:10px; font-weight:700; line-height:1.4; }
.task-warning-dialog > small { display:block; color:var(--muted); font-size:8px; line-height:1.5; }
.task-warning-dialog > div { grid-template-columns:1fr; }
.task-warning-dialog button:first-child { color:white; background:linear-gradient(145deg,#df9a3c,#a76217); }
.test-toast { position:fixed; left:50%; bottom:calc(18px + env(safe-area-inset-bottom)); z-index:90; max-width:calc(100% - 32px); padding:11px 14px; border-radius:13px; color:white; background:var(--accent-dark); font-size:10px; font-weight:750; opacity:0; pointer-events:none; transform:translate(-50%,12px); transition:.18s ease; }
.test-toast.visible { opacity:1; transform:translate(-50%,0); }
.test-toast.error { background:#d54d70; }

/* Graphite violet surfaces; teal is used only for primary actions. */
.closing-workflow > div,.owner-club-list button,.scenario-meta div,.checklist-list li,.next-photo-prompt,.batch-question-list li,.batch-review-list article,.answer-review article,.report-review-section,.photo-review article { border-color:var(--line); background:var(--card-3); }
.owner-club-list button::after,.checklist-list li::before,.batch-review-copy > span,.report-review-heading span { color:#c7a9ff; }
.owner-club-list button.loading::after { border-color:rgba(168,121,255,.22); border-top-color:#c7a9ff; }
.checklist-list li::before { background:rgba(168,121,255,.12); }
.primary-button,.closing-button,body[data-workflow-step="closing"] .primary-button { background:linear-gradient(145deg,var(--cta),var(--cta-dark)); box-shadow:0 12px 30px rgba(39,203,184,.2); }
.secondary-button,.batch-review-controls button,.answer-review button,.photo-review button { color:#e1d4ff; background:rgba(168,121,255,.14); }
.progress-track i,body[data-workflow-step="closing"] .progress-track i { background:linear-gradient(90deg,var(--accent),#c7a9ff); }
.progress-head strong { color:#c7a9ff; }
.question-form input { border-color:var(--line); }
.question-form input:focus { border-color:var(--accent); box-shadow:0 0 0 3px rgba(168,121,255,.1); }
.form-actions > button:first-child,.review-actions > button:first-child,.batch-stage-actions > button:first-child { background:var(--card-3); }
.batch-question-list li.current { border-color:rgba(168,121,255,.4); color:var(--ink); background:rgba(168,121,255,.14); }
.batch-question-list li.current i { color:#170e22; background:#c7a9ff; }
.cleanliness-review { border-color:var(--line-strong); background:rgba(168,121,255,.055); }
.cleanliness-review .report-review-heading span { color:#c7a9ff; }
.photo-processing { background:rgba(13,9,19,.94); }
.resume-dialog { border-color:var(--line-strong); background:#17111f; }
#taskReasonsFields label { display:block; margin:16px 0; }
#taskReasonsFields textarea { display:block; width:100%; min-height:88px; margin-top:8px; padding:12px; color:var(--ink); background:var(--card-3); border:1px solid var(--line-strong); border-radius:12px; font:inherit; box-sizing:border-box; }
#oldReports details { width:100%; margin:8px 0; }
#cancelReport { margin:0 0 16px; }
.camera-stage:not(.cleanliness-camera) .camera-instruction span { color:#d8c5ff; }
@media(max-width:390px) {
  .photo-review { grid-template-columns:1fr; }
  .camera-instruction { left:52px; right:52px; }
  .form-actions,.review-actions { grid-template-columns:1fr 1.7fr; }
}