/* Applied after the monochrome theme; colour always indicates a status. */
html .semantic-bad{--semantic-bg:var(--review-bad-bg);--semantic-ink:var(--review-bad-ink);--semantic-line:var(--review-bad-line)}
html .semantic-warn{--semantic-bg:var(--review-warn-bg);--semantic-ink:var(--review-warn-ink);--semantic-line:var(--review-warn-line)}
html .semantic-ok{--semantic-bg:var(--review-ok-bg);--semantic-ink:var(--review-ok-ink);--semantic-line:var(--review-ok-line)}
html #content .kpi[data-status-tone]{border-left:3px solid var(--semantic-line)!important}
html #content .kpi[data-status-tone] .ic{background:var(--semantic-bg)!important;color:var(--semantic-ink)!important;border:1px solid var(--semantic-line)!important}
html #content .kpi[data-status-tone] .v{color:var(--semantic-ink)!important}
html #content .flow .st[data-status-tone]{border-color:var(--semantic-line)!important}
html #content .flow .st[data-status-tone] .t{background:var(--semantic-bg)!important;color:var(--semantic-ink)!important;display:flex;align-items:center;justify-content:space-between;gap:8px}
html #content .flow .st[data-status-tone] b{color:var(--semantic-ink)!important}
.semantic-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--semantic-line);flex:none}
html #content .pill[data-status-tone],html #content .tag[data-status-tone],html #mdl .pill[data-status-tone],html #mdl .tag[data-status-tone],html #content select.st[data-status-tone],html #mdl select[data-status-tone],html #content [data-otab][data-status-tone]{background:var(--semantic-bg)!important;color:var(--semantic-ink)!important;border:1px solid var(--semantic-line)!important}
html #content .dsp-bad,html #mdl .dsp-bad{background:var(--review-bad-bg)!important;color:var(--review-bad-ink)!important;border:1px solid var(--review-bad-line)!important}
html #content .dsp-sent,html #mdl .dsp-sent{background:var(--review-ok-bg)!important;color:var(--review-ok-ink)!important;border:1px solid var(--review-ok-line)!important}
html #content .pill.p-In:not([data-status-tone]),html #mdl .pill.p-In:not([data-status-tone]){background:var(--review-warn-bg)!important;color:var(--review-warn-ink)!important;border:1px solid var(--review-warn-line)!important}
html #content .workflow-column{background:#f5f5f5!important;border-top:3px solid var(--semantic-line)}html[data-warehouse-theme=dark] #content .workflow-column{background:#191919!important}html #content .workflow-column>div:first-child{color:var(--semantic-ink)!important}
html #content .dsp-alert,html #mdl .rev-error:not(:empty){background:var(--review-bad-bg)!important;color:var(--review-bad-ink)!important;border-color:var(--review-bad-line)!important}
html #mdl .dsp-msg.bad{background:var(--review-bad-bg)!important;color:var(--review-bad-ink)!important;border:1px solid var(--review-bad-line)}html #mdl .dsp-msg.warn{background:var(--review-warn-bg)!important;color:var(--review-warn-ink)!important;border:1px solid var(--review-warn-line)}html #mdl .dsp-msg.ok{background:var(--review-ok-bg)!important;color:var(--review-ok-ink)!important;border:1px solid var(--review-ok-line)}
html #content .gauge-stats b[data-status-tone]{color:var(--semantic-ink)!important}
html #content .gauge-wrap svg path:first-of-type{stroke:var(--review-warn-bg)!important}
html #content .gauge-wrap svg path:nth-of-type(2){stroke:var(--review-ok-line)!important}
html #content .gauge-wrap svg text:first-of-type{fill:var(--review-ok-ink)!important}
html .donut{--chart-main:var(--review-warn-line);--chart-rest:var(--review-ok-line)}
html #content .donut-legend [data-status-tone] i{background:var(--semantic-line)!important}
html #content .donut-legend [data-status-tone] b{color:var(--semantic-ink)!important}
html #content .trow[data-status-tone]{border-left:3px solid var(--semantic-line);padding-left:10px}
html #content .trow[data-status-tone] input[type=checkbox]{accent-color:var(--semantic-line)}
html #content .trow[data-status-tone] .tchk>span{border-color:var(--semantic-line)!important}
html #content .trow.done .tchk>span{background:var(--review-ok-bg)!important;color:var(--review-ok-ink)!important}
html #content .trow.done .tchk>span:after{color:var(--review-ok-ink)!important}
@media(max-width:760px){html #content .flow .st[data-status-tone] .t{min-height:44px}.semantic-dot{width:8px;height:8px}}