/* Shared theme and semantic feedback palette. Original screenshots retain their colors. */
:root{color-scheme:light;--info-bg:#eaf2ff;--info-ink:#285c9e;--warning-bg:#fff5d6;--warning-ink:#815c0a;--error-bg:#ffeded;--error-ink:#ad303b;--success-bg:#e8f5ec;--success-ink:#256b43}
.theme-toggle{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);background:transparent;color:var(--ink);white-space:nowrap;padding:7px 10px;min-height:32px;font-size:11px}
.theme-symbol{font-size:16px;line-height:1}.theme-toggle:hover{border-color:var(--muted)}
.project-collection{border-top:1px solid var(--line);margin-top:12px;padding-top:10px}
.collection-head{display:flex;align-items:center;gap:2px}.collection-head>button:first-child{width:auto;flex:1;min-width:0;padding-left:8px;padding-right:5px;gap:6px}
.project-sidebar button>span.collection-symbol{flex:0 0 18px;font-size:18px;color:var(--muted)}
.project-sidebar .collection-toggle{flex:0 0 23px;width:23px;justify-content:center;padding:5px 2px;font-size:16px;min-height:32px}
.collection-toggle[aria-expanded=false]{transform:rotate(-90deg)}
.project-children{border-left:1px solid var(--line);margin:4px 0 4px 18px;padding-left:8px}
.project-children button{padding:9px 6px}.project-sidebar button.contains-active{color:var(--green);font-weight:600}
@media(max-width:760px){.project-collection{border-top:0;border-left:1px solid var(--line);margin:0 0 0 5px;padding:0 0 0 8px;min-width:180px}.project-children{display:flex;gap:5px;white-space:nowrap;border-left:0;margin:3px 0 0;padding-left:0}.project-children button{flex-shrink:0}.collection-head>button:first-child{white-space:nowrap}}
.stage-top{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:8px}
.stage-grid .step-number{grid-column:auto}.stage-icon{display:inline-block;width:38px;height:38px;flex-shrink:0;vertical-align:middle}
.stage-grid button{color:var(--ink)}.stage-grid button:hover{border-color:var(--muted)}
.stage-grid button[data-stage-filter=new],.stage-grid button[data-stage-filter=in_progress]{--stage-bg:var(--info-bg);--stage-ink:var(--info-ink)}
.stage-grid button[data-stage-filter=review]{--stage-bg:var(--warning-bg);--stage-ink:var(--warning-ink)}
.stage-grid button[data-stage-filter=resolved]{--stage-bg:var(--success-bg);--stage-ink:var(--success-ink)}
.stage-grid button[data-stage-filter=closed]{--stage-bg:#edf0f5;--stage-ink:#53647a}
.stage-grid button.active{background:var(--stage-bg);border-color:var(--stage-ink);color:var(--stage-ink)}
.stage-grid button{background:var(--stage-bg);border-color:color-mix(in srgb,var(--stage-ink) 23%,var(--line));color:var(--stage-ink);transition:border-color .15s,box-shadow .15s}
.stage-grid button.active{box-shadow:inset 0 0 0 1px var(--stage-ink)}
.stage-tag[data-stage=new],.stage-tag[data-stage=in_progress]{background:var(--info-bg);color:var(--info-ink)}
.stage-tag[data-stage=review],.badge[data-state=verification],.badge[data-state=partial]{background:var(--warning-bg);color:var(--warning-ink);border-color:var(--warning-ink)}
.stage-tag[data-stage=resolved],.badge[data-state=complete]{background:var(--success-bg);color:var(--success-ink);border-color:var(--success-ink)}
.badge[data-state=blocked],#form-errors{background:var(--error-bg);color:var(--error-ink);border-color:var(--error-ink)}
.badge[data-state=progress]{background:var(--info-bg);color:var(--info-ink)}
.detail-workflow>span{display:inline-flex;align-items:center;gap:6px}.detail-workflow .stage-icon{width:24px;height:24px}
.detail-workflow span.current[data-stage=review]{background:var(--warning-bg);color:var(--warning-ink)}
.detail-workflow span.current[data-stage=resolved]{background:var(--success-bg);color:var(--success-ink)}
.detail-workflow span.current[data-stage=new],.detail-workflow span.current[data-stage=in_progress]{background:var(--info-bg);color:var(--info-ink)}
.form-stage-key{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:10px}.form-stage-key>span{display:inline-flex;align-items:center;gap:5px}.form-stage-key .stage-icon{width:26px;height:26px}
.workflow-help,.archive-notice{background:var(--warning-bg);color:var(--warning-ink)}
#form-message[data-tone=success]{color:var(--success-ink);background:var(--success-bg);padding:12px;border-radius:5px}
.validation-key{display:flex;flex-wrap:wrap;gap:13px;padding:13px 16px 0;font-size:10px;color:var(--muted)}.validation-key>span{display:inline-flex;align-items:center;gap:5px}.validation-key>span:before{content:'';width:7px;height:7px;border-radius:50%;background:currentColor}.key-info{color:var(--info-ink)}.key-warning{color:var(--warning-ink)}.key-error{color:var(--error-ink)}.key-success{color:var(--success-ink)}
.stage-tag[data-stage=none][data-state=verification],.stage-tag[data-stage=none][data-state=partial]{background:var(--warning-bg);color:var(--warning-ink)}
.stage-tag[data-stage=none][data-state=blocked],.priority-tag[data-priority=urgent]{background:var(--error-bg);color:var(--error-ink)}
.stage-tag[data-stage=none][data-state=complete]{background:var(--success-bg);color:var(--success-ink)}
.stage-tag[data-stage=none][data-state=progress]{background:var(--info-bg);color:var(--info-ink)}
.priority-tag[data-priority=high]{color:var(--warning-ink)}.priority-tag[data-priority=urgent]{border-radius:4px;padding:4px 6px;justify-self:start}
.detail-workflow span.current[data-stage=closed]{background:#edf0f5;color:#53647a}
@media screen{
 html[data-theme=dark]{color-scheme:dark;--paper:#111720;--ink:#e7edf5;--muted:#a4b1c3;--line:#303c4d;--green:#f0a27b;--info-bg:#1b304c;--info-ink:#a2c8ff;--warning-bg:#3a301b;--warning-ink:#f3ce70;--error-bg:#40242b;--error-ink:#ffabb4;--success-bg:#1a352a;--success-ink:#9cdeb3}
 html[data-theme=dark] :is(.archive,article,.total,.source,.project-sidebar,.workflow-board,.form-panel,.project-tabs button,.form-actions button){background:#1a2330}
 html[data-theme=dark] :is(button:hover,.record:hover){background:#222f40}
 html[data-theme=dark] :is(input,.form-field input,.form-field textarea,.form-field select){background:#141d29;border-color:#3c4a5e;color:var(--ink)}
 html[data-theme=dark] input::placeholder{color:#a4b1c3}
 html[data-theme=dark] :is(button.active,.project-tabs button.active){background:#3c2b24;border-color:#a66e4e;color:#f5b28d}
 html[data-theme=dark] :is(.header-nav>a,.record-meta,.form-field>span){color:#f0a27b}
 html[data-theme=dark] :is(.post-summary,.form-field,.post-rail a,.post-rail>span,.submit-panel>p){color:#bdc9d9}
 html[data-theme=dark] :is(.sidebar-label,.sidebar-note,.stage-subfilters small,.list-summary button,.ticket-id,.ticket-date,.priority-tag,.table-heading,.post-rail p,.form-field small,footer,.number,.arrow){color:#a4b1c3}
 html[data-theme=dark] :is(.table-heading,.table-scroll th,.table-scroll tbody tr:nth-child(even),code,.project-fallback,.report-groups span,.stage-tag,.detail-workflow>span){background:#253244;color:#bcc9da}
 html[data-theme=dark] .project-logo{background:#e7ecf3}
 html[data-theme=dark] .report-groups{border-color:var(--line)}
 html[data-theme=dark] .report-groups button{background:transparent}
 html[data-theme=dark] .report-groups button.active{background:transparent;color:#f5b28d;border-color:#f0a27b}
 html[data-theme=dark] .stage-grid button{background:var(--stage-bg);border-color:color-mix(in srgb,var(--stage-ink) 23%,var(--line));color:var(--stage-ink)}
 html[data-theme=dark] .stage-grid .step-number{color:#acb9cb}
 html[data-theme=dark] .stage-grid button[data-stage-filter=closed]{--stage-bg:#2b3545;--stage-ink:#c5cfdd}
 html[data-theme=dark] .stage-grid button.active{background:var(--stage-bg);color:var(--stage-ink);border-color:var(--stage-ink)}
 html[data-theme=dark] :is(.badge,.stage-tag[data-stage=closed]){background:#2b3545;color:#c5cfdd;border-color:#47546a}
 html[data-theme=dark] :is(.stage-tag[data-stage=new],.stage-tag[data-stage=in_progress],.badge[data-state=progress],.detail-workflow span.current[data-stage=new],.detail-workflow span.current[data-stage=in_progress]){background:var(--info-bg);color:var(--info-ink)}
 html[data-theme=dark] :is(.stage-tag[data-stage=review],.badge[data-state=verification],.badge[data-state=partial],.detail-workflow span.current[data-stage=review],.workflow-help,.archive-notice){background:var(--warning-bg);color:var(--warning-ink);border-color:#8b713b}
 html[data-theme=dark] :is(.stage-tag[data-stage=resolved],.badge[data-state=complete],.detail-workflow span.current[data-stage=resolved]){background:var(--success-bg);color:var(--success-ink);border-color:#43795c}
 html[data-theme=dark] :is(.badge[data-state=blocked],#form-errors){background:var(--error-bg);color:var(--error-ink);border-color:#a35e68}
 html[data-theme=dark] :is(.post-body blockquote,.guide-page blockquote){background:#30291f;color:#e7c9a5;border-color:#a37d51}
 html[data-theme=dark] pre{background:#101721;color:#e2e8f0;border:1px solid #303c4d}html[data-theme=dark] pre code{background:transparent;color:inherit}
 html[data-theme=dark] :is(.primary-link,button.primary,.form-actions button.primary){background:#b6542c;color:#fff;border-color:#db8c66}
 html[data-theme=dark] .stage-tag[data-stage=none][data-state=verification],html[data-theme=dark] .stage-tag[data-stage=none][data-state=partial]{background:var(--warning-bg);color:var(--warning-ink)}
 html[data-theme=dark] .stage-tag[data-stage=none][data-state=blocked]{background:var(--error-bg);color:var(--error-ink)}
 html[data-theme=dark] .stage-tag[data-stage=none][data-state=complete]{background:var(--success-bg);color:var(--success-ink)}
 html[data-theme=dark] .stage-tag[data-stage=none][data-state=progress]{background:var(--info-bg);color:var(--info-ink)}
 html[data-theme=dark] .detail-workflow span.current[data-stage=closed]{background:#2b3545;color:#c5cfdd}
 html[data-theme=dark] :focus-visible{outline-color:#f1b28c}
}
@media(max-width:760px){.stage-icon{width:30px;height:30px}.stage-top{gap:3px}.theme-toggle{font-size:10px;padding:6px}.theme-symbol{font-size:14px}.header-nav{gap:6px}.detail-workflow{gap:5px}.detail-workflow>span{padding:5px 6px}.detail-workflow .stage-icon{width:20px;height:20px}}
@media print{.theme-toggle{display:none}:root{color-scheme:light}.stage-icon{print-color-adjust:exact}}