.ciit-theme-control{display:flex;align-items:center;gap:8px;flex:0 0 auto;font:14px/1.4 "Segoe UI",system-ui,sans-serif;color:var(--sub,var(--muted,#687582));direction:ltr}.ciit-theme-control select{width:auto;min-width:94px;min-height:40px;margin:0;padding:8px 10px;border-radius:10px;border:1px solid var(--line);background:var(--panel,var(--surface));color:var(--text);font:inherit}
html[data-ciit-native][data-appearance="light"]{--bg:#f4f5f7;--surface:#fff;--text:#263245;--muted:#637083;--line:#dfe4ec;--accent:#1677a8;--accentText:#fff;--accent-text:#fff;--green:#18805b;--success:#18805b;--amber:#a96812;--warning:#a96812;--red:#bf4242;--danger:#bf4242}
html[data-ciit-native][data-appearance="dark"]{--bg:#171a20;--surface:#22262e;--text:#edf0f6;--muted:#b7c0ce;--line:#3a424f;--accent:#afc3e4;--accentText:#1a263b;--accent-text:#1a263b;--green:#69d5a6;--success:#69d5a6;--amber:#ebc27a;--warning:#ebc27a;--red:#ffabab;--danger:#ffabab;--violet:#baa9e8;--blue:#accfff;--shadow:0 4px 16px #0003}
html[data-ciit-native] .topbar{flex-wrap:wrap}html[data-ciit-native] .ciit-theme-control{margin-inline-start:auto}
@media(max-width:680px){.ciit-theme-control{font-size:13px}.ciit-theme-control select{min-width:88px}.app>header>.ciit-theme-control{margin-inline-start:auto}}

/* Semantic action colors with readable foregrounds in both appearances. */
:root{--action-main:light-dark(#285b9b,#a9caff);--action-main-on:light-dark(#fff,#102744);--action-good:light-dark(#15704e,#83dfb7);--action-good-on:light-dark(#fff,#103927);--action-warn:light-dark(#875506,#f0ca87);--action-warn-on:light-dark(#fff,#352506);--action-danger:light-dark(#b32840,#ffb5c0);--action-danger-on:light-dark(#fff,#441421);--action-keep:light-dark(#6a459e,#cbb5f5);--action-keep-on:light-dark(#fff,#302047);--badge-review:light-dark(#80520b,#f3ce91);--badge-review-bg:light-dark(#fff1d5,#3b3021);--badge-review-border:light-dark(#dfbf83,#8f703b)}
html[data-ciit-native] .button{background:var(--action-main);color:var(--action-main-on);border-color:var(--action-main)}
html[data-ciit-native] .button.secondary{background:var(--surface);color:var(--text);border-color:var(--line)}
html[data-ciit-native] .button.success{background:var(--action-good);color:var(--action-good-on);border-color:var(--action-good)}
html[data-ciit-native] .button.warning{background:var(--action-warn);color:var(--action-warn-on);border-color:var(--action-warn)}
html[data-ciit-native] .button.danger{background:var(--action-danger);color:var(--action-danger-on);border-color:var(--action-danger)}
html[data-ciit-native] .button.keep-maker-set{background:color-mix(in srgb,var(--action-keep) 10%,var(--surface));color:var(--action-keep);border-color:var(--action-keep)}
html[data-ciit-native] .button.keep-maker-release{background:var(--action-keep);color:var(--action-keep-on);border-color:var(--action-keep)}
html[data-ciit-native] .button:not(:disabled):hover{filter:brightness(.94)}
html[data-ciit-native] button:focus-visible{outline:2px solid var(--action-main);outline-offset:3px}
html[data-ciit-native] button:disabled{opacity:.5;cursor:default;filter:none}
html[data-ciit-native] .cr-copy{color:var(--action-main);border-color:color-mix(in srgb,var(--action-main) 50%,var(--line));background:var(--surface)}
html[data-ciit-native] .cr-item .status.completed,html[data-ciit-native] .cr-item .status.ready_complete{color:var(--action-good);background:color-mix(in srgb,var(--action-good) 12%,var(--surface))}
html[data-ciit-native] .cr-item .status.in_progress{color:var(--action-keep);background:color-mix(in srgb,var(--action-keep) 12%,var(--surface))}
html[data-ciit-native] .cr-item .status.missing_info{color:var(--action-danger);background:color-mix(in srgb,var(--action-danger) 12%,var(--surface))}
html[data-ciit-native] .cr-item .status.pending_maker,html[data-ciit-native] .cr-item .status.pending_checker{color:var(--action-main);background:color-mix(in srgb,var(--action-main) 12%,var(--surface))}
.cr-review-history,.review-reason-badge{color:var(--badge-review);background:var(--badge-review-bg);border:1px solid var(--badge-review-border);font-size:11px;line-height:1.4;font-weight:650;padding:3px 6px;border-radius:5px;max-width:100%;text-align:end}
html[data-ciit-native] .cr-keep-badge{color:var(--action-keep);border-color:color-mix(in srgb,var(--action-keep) 55%,var(--line));background:color-mix(in srgb,var(--action-keep) 8%,var(--surface))}
html[data-ciit-native] .toast.success{color:var(--action-good-on);background:var(--action-good)}
html[data-ciit-native] .toast.error{color:var(--action-danger-on);background:var(--action-danger)}

#workspace-confirm::backdrop{background:#0a0d18b3}#workspace-confirm{box-shadow:0 12px 48px #0005}#workspace-confirm [role=alert]{color:var(--danger,#bf4242);margin-top:10px;white-space:pre-wrap}

/* Every CR operation has a filled semantic treatment in either appearance. */
html[data-ciit-native] .cr-primary-actions .button[data-action=start]{background:var(--action-main);color:var(--action-main-on);border-color:var(--action-main)}
html[data-ciit-native] .cr-primary-actions .button:is([data-action=stop],[data-action=returned],[data-action=review]){background:var(--action-warn);color:var(--action-warn-on);border-color:var(--action-warn)}
html[data-ciit-native] .cr-primary-actions .button:is([data-action=done],[data-action=complete]){background:var(--action-good);color:var(--action-good-on);border-color:var(--action-good)}
html[data-ciit-native] .cr-primary-actions .button:is([data-action=missing],[data-action=delete]){background:var(--action-danger);color:var(--action-danger-on);border-color:var(--action-danger)}
html[data-ciit-native] .cr-primary-actions .button:is([data-action=reassign],[data-action=keep_maker],[data-action=release_maker]){background:var(--action-keep);color:var(--action-keep-on);border-color:var(--action-keep)}
html[data-ciit-native] .cr-discussion .button[data-comment],html[data-ciit-native] :is(#workRefresh,#refresh,#cr-entry-import,#cr-entry-add){background:var(--action-main);color:var(--action-main-on);border-color:var(--action-main)}
html[data-ciit-native] #addCrs{background:var(--action-good);color:var(--action-good-on);border-color:var(--action-good)}
html[data-ciit-native] :is(.cr-assignment-dialog,.cr-review-dialog,.cr-category-dialog,.comment-edit-dialog) :is(.button.secondary,[data-cancel],.cr-category-buttons button[type=button]){background:var(--soft,var(--line));color:var(--text);border-color:var(--line)}
html[data-ciit-native] .cr-assignment-dialog button[type=submit]{background:var(--action-keep);color:var(--action-keep-on);border-color:var(--action-keep)}
html[data-ciit-native] #workClear{background:var(--soft,var(--line));color:var(--text);border-color:var(--line)}
