/* Editorial form workspace, shared by the light and dark themes. */
:root{--work-surface:#30302d;--work-inset:#282824;--work-accent:#ded2b6;--work-success:#9dbbad;--work-warning:#e2c18c}
html[data-theme="light"]{--work-surface:#f1ece3;--work-inset:#faf9f5;--work-accent:#62543c;--work-success:#446953;--work-warning:#80612f}
.form-card{margin:0 0 16px;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--work-surface)}
.form-card-head{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 0;gap:12px}.form-number{font-size:12px;color:var(--muted-ui);font-variant-numeric:tabular-nums}.form-card>.secondary{width:calc(100% - 40px);margin:0 20px 20px;justify-content:space-between;background:var(--work-inset)}
.ai-work{padding:22px;background:var(--work-surface);border:1px solid var(--line);border-radius:14px;overflow:hidden}.ai-work.compact{border:0;border-radius:0;padding:20px}.ai-work-top{display:flex;align-items:center;gap:12px}.ai-work-top>div{flex:1;min-width:0}.ai-work-top h3{font-size:18px;font-weight:500;line-height:1.35;margin:5px 0 0}.ai-work-top .eyebrow{font-size:9px;letter-spacing:1.3px}.ai-work-top .hint-button{width:36px;min-width:36px;min-height:36px}.work-symbol{display:grid;place-items:center;flex:none;width:42px;height:42px;border:1px solid var(--line);border-radius:50%;color:var(--work-accent)}.work-symbol .icon{width:19px;height:19px}.working .icon{animation:spin 3s linear infinite}.success .work-symbol{color:var(--work-success);border-color:var(--work-success)}.warning .work-symbol{color:var(--work-warning)}
.ai-work .work-description{font-size:13px;line-height:1.65;margin:16px 0 0;color:var(--muted-ui)}.work-metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}.work-metrics>div{min-width:0}.work-metrics>div+div{border-left:1px solid var(--line);padding-left:16px}.work-metrics span{display:block;color:var(--muted-ui);font-size:10px;line-height:1.5;margin-bottom:6px}.work-metrics strong{font-size:19px;line-height:1.4;font-weight:500;font-variant-numeric:tabular-nums;display:block}.work-metrics small{font-size:14px;font-weight:400}.answer-track{height:4px;border-radius:4px;background:var(--line);margin-top:16px;overflow:hidden}.answer-track>span{display:block;height:100%;background:var(--work-accent);transition:width .25s ease}.success .answer-track>span{background:var(--work-success)}
.current-question{margin-top:16px;padding:12px 14px;background:var(--work-inset);border-radius:8px;border-left:2px solid var(--work-accent)}.current-question>span{font-size:10px;color:var(--muted-ui)}.current-question p{font-size:12px;color:var(--on-dark);margin:6px 0 0;line-height:1.5;overflow-wrap:anywhere}.work-warning{font-size:12px;color:var(--work-warning);margin-top:14px;line-height:1.6}.work-steps{padding:0;margin:24px 0 0;display:grid;grid-template-columns:repeat(4,1fr);list-style:none;gap:4px}.work-steps li{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:9px;color:var(--muted-ui);position:relative}.work-steps li>span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;border:1px solid var(--line);background:var(--work-surface);z-index:1;font-size:10px}.work-steps li:not(:last-child)::after{content:'';position:absolute;top:12px;left:calc(50% + 14px);width:calc(100% - 24px);height:1px;background:var(--line)}.work-steps li.done{color:var(--work-accent)}.work-steps li.done>span{border-color:var(--work-accent)}.work-steps li.current>span{background:var(--work-accent);color:var(--work-inset);border-color:var(--work-accent)}.work-steps .icon{width:13px;height:13px}.work-sync{font-size:10px;color:var(--muted-ui);margin-top:20px;line-height:1.6;text-align:center;font-variant-numeric:tabular-nums}
#modal.form-dialog{padding:0;max-width:590px;width:calc(100% - 24px);max-height:min(92dvh,980px);overflow:hidden;background:var(--product-bg);border-radius:20px}.form-overview{display:flex;align-items:center;justify-content:space-between;padding:24px 24px 20px;gap:16px;border-bottom:1px solid var(--line)}.form-overview h2{font-size:32px;margin:8px 0 0;letter-spacing:-.8px}.form-overview .eyebrow{font-size:10px}.form-close{flex:none;display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--muted-ui)}.form-close .icon{width:18px;height:18px}.form-scroll{overflow-y:auto;max-height:calc(min(92dvh,980px) - 110px);overscroll-behavior:contain;padding:0 24px 24px;scrollbar-width:thin}.form-source{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:20px 0;font-size:11px}.form-source a{color:var(--on-dark);min-height:32px;display:flex;align-items:center;text-decoration:underline;text-underline-offset:4px}.availability{display:flex;align-items:center;gap:7px;color:var(--muted-ui)}.availability i{width:5px;height:5px;border-radius:50%;background:var(--muted-ui)}.availability.is-open i{background:var(--work-success)}
.form-answers .section-head{margin:28px 0 14px}.form-answers .section-head .quiet{font-size:11px}.answer-card{display:flex;align-items:flex-start;gap:12px;border:1px solid var(--line);border-radius:10px;padding:16px;margin-bottom:8px;background:var(--work-inset)}.answer-index{flex:none;font-size:10px;color:var(--muted-ui);padding-top:3px;font-variant-numeric:tabular-nums}.answer-content{flex:1;min-width:0}.answer-content h3{font-family:var(--font-sans);font-size:12px;font-weight:400;color:var(--muted-ui);line-height:1.55}.answer-content p{font-size:14px;line-height:1.65;color:var(--on-dark);margin:8px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}.answer-content .text-button{padding:8px 0 0;font-size:11px}.answer-check{flex:none;color:var(--work-success)}.answer-check .icon{width:14px;height:14px}.answer-card.pending{background:transparent;border-style:dashed}.pending .answer-content p{font-size:12px;color:var(--muted-ui)}
.form-details,.form-alternatives{font-size:12px;border-top:1px solid var(--line);padding:18px 0 0;margin-top:20px;color:var(--muted-ui)}.form-details summary,.form-alternatives summary{cursor:pointer;min-height:26px;color:var(--on-dark)}.form-details p,.form-alternatives p{font-size:12px;line-height:1.7;margin:12px 0}.form-details h3{font-size:12px;margin-top:20px}.form-actions{margin-top:22px}.form-actions .primary{font-size:14px}.form-alternatives .stack{gap:10px}.form-alternatives .secondary{font-size:13px}.form-actions .form-alternatives{margin-bottom:16px}
@media(max-width:480px){#modal.form-dialog{width:100%;max-width:none;margin:auto 0 0;max-height:94dvh;border-radius:22px 22px 0 0;border-bottom:0}.form-overview{padding:20px}.form-overview h2{font-size:30px}.form-scroll{padding:0 16px calc(24px + env(safe-area-inset-bottom));max-height:calc(94dvh - 102px)}.ai-work{padding:18px}.ai-work-top h3{font-size:16px}.work-symbol{width:36px;height:36px}.work-metrics strong{font-size:17px}.form-source{margin:14px 4px}.answer-card{padding:14px 12px;gap:10px}.ai-work.compact{padding:18px}.form-card-head{padding:16px 18px 0}.form-card>.secondary{width:calc(100% - 36px);margin:0 18px 18px}.work-steps{gap:1px}.work-steps li{font-size:9px}}
@media(prefers-reduced-motion:reduce){.working .icon{animation:none}.answer-track>span{transition:none}}

progress.answer-track{display:block;width:100%;appearance:none;-webkit-appearance:none;border:0;background:var(--line)}progress.answer-track::-webkit-progress-bar{background:var(--line);border-radius:4px}progress.answer-track::-webkit-progress-value{background:var(--work-accent);border-radius:4px}progress.answer-track::-moz-progress-bar{background:var(--work-accent);border-radius:4px}.success progress.answer-track::-webkit-progress-value{background:var(--work-success)}

.form-mode{display:flex;align-items:center;gap:12px;padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--work-surface)}.form-mode>div{flex:1;min-width:0}.form-mode h3{font-size:13px;margin:0 0 5px}.form-mode p{font-size:12px;line-height:1.5}.form-mode .hint-button{width:32px;min-width:32px;min-height:32px}.form-mode .work-symbol{width:32px;height:32px}

.form-author{font-size:14px;line-height:1.6;color:var(--muted-ui);margin:12px 0 18px;overflow-wrap:anywhere}
