/* Unique semantic transaction states; labels remain visible in both themes. */
html .badge.submitted{color:#31526e;background:#e9f1f8;}
html[data-theme="dark"] .badge.submitted{color:#bdc8d1;background:#101a23;}
html .badge.triage{color:#076878;background:#e0f5f4;}
html[data-theme="dark"] .badge.triage{color:#b0cfd4;background:#022126;}
html .badge.progress{color:#234abe;background:#e7efff;}
html[data-theme="dark"] .badge.progress{color:#b9c5ea;background:#0b183d;}
html .badge.waiting{color:#925300;background:#fff1d6;}
html[data-theme="dark"] .badge.waiting{color:#dcc8ad;background:#2f1b00;}
html .badge.waiting_party{color:#80543d;background:#f5eadd;}
html[data-theme="dark"] .badge.waiting_party{color:#d6c8c1;background:#291b14;}
html .badge.approval{color:#6940a5;background:#f1e9ff;}
html[data-theme="dark"] .badge.approval{color:#cfc2e2;background:#221435;}
html .badge.approved{color:#005e55;background:#dff6ed;}
html[data-theme="dark"] .badge.approved{color:#adcbc9;background:#001e1b;}
html .badge.resolved{color:#506b15;background:#eef5d5;}
html[data-theme="dark"] .badge.resolved{color:#c7d0b4;background:#1a2207;}
html .badge.closed{color:#246b38;background:#e3f3e2;}
html[data-theme="dark"] .badge.closed{color:#b9d0bf;background:#0c2212;}
html .badge.rejected{color:#a52c42;background:#ffe6ec;}
html[data-theme="dark"] .badge.rejected{color:#e2bbc3;background:#350e15;}
html .badge.cancelled{color:#5c5369;background:#eeeaf1;}
html[data-theme="dark"] .badge.cancelled{color:#cbc8cf;background:#1d1b22;}
html .badge.partial{color:#8a4b0f;background:#ffe5cd;}
html[data-theme="dark"] .badge.partial{color:#dac5b2;background:#2c1805;}
html .badge.failed{color:#a13c15;background:#ffebe0;}
html[data-theme="dark"] .badge.failed{color:#e1c1b4;background:#341307;}
html .badge.information_requested{color:#8d317f;background:#fbe6f5;}
html[data-theme="dark"] .badge.information_requested{color:#dbbdd6;background:#2d1029;}
html .badge.unknown{color:#51566e;background:#eceffd;}
html[data-theme="dark"] .badge.unknown{color:#c7c9d1;background:#1a1c23;}
html .badge.pending{color:#66520f;background:#faf4cf;}
html[data-theme="dark"] .badge.pending{color:#cec8b2;background:#211a05;}
html .badge.deferred{color:#755238;background:#eee0cf;}
html[data-theme="dark"] .badge.deferred{color:#d3c8bf;background:#251a12;}
html .badge.cancellation_review{color:#863052;background:#f7e0e9;}
html[data-theme="dark"] .badge.cancellation_review{color:#d8bdc8;background:#2b0f1a;}
html .badge.draft{color:#526164;background:#edf3f1;}
html[data-theme="dark"] .badge.draft{color:#c8cccd;background:#1a1f20;}
html .badge.planning{color:#56639a;background:#eef0ff;}
html[data-theme="dark"] .badge.planning{color:#c9cddf;background:#1c2031;}
html .badge.blocked{color:#943821;background:#f9e2d2;}
html[data-theme="dark"] .badge.blocked{color:#ddbfb8;background:#2f120b;}

html .badge{border:0;font-weight:700;line-height:1.5;white-space:normal;overflow-wrap:normal;word-break:normal;gap:6px;max-width:100%;padding:6px 9px}
html .badge>i{display:none}
.employee-next{padding:16px 0 0;line-height:1.7}
.employee-next>div{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.employee-next p{margin:10px 0 0}
.employee-request-item{padding-block:18px;border-bottom:1px solid var(--line,#dce5e0)}
.employee-request-item .section-title{margin:0 0 12px;gap:12px;align-items:start}
.conversation-unread,.conversation-needs{display:inline-flex;padding:3px 8px;border-radius:6px;font-size:12px;font-weight:700;margin:8px 6px 0 0}
.conversation-unread{background:#e7efff;color:#234abe}.conversation-needs{background:#fff1d6;color:#925300}
html[data-theme=dark] .conversation-unread{background:#182957;color:#becdfa}html[data-theme=dark] .conversation-needs{background:#412d12;color:#f4d195}
.employee-clock{padding-block:12px;border-bottom:1px solid var(--line,#dce5e0)}
.employee-clock:last-child{border:0}.employee-clock h3{font-size:15px}
html #dialog{max-height:calc(100dvh - 32px);max-width:calc(100vw - 24px);overflow:auto}
html #dialog .dialog-head{position:sticky;top:0;z-index:2;background:var(--surface,#fff);padding-block:18px}
html #dialog .dialog-head .icon-btn{flex-shrink:0}
html #dialog .form-footer{flex-wrap:wrap}
html .settings-tabs{flex-wrap:wrap;overflow:visible}
html .ops-toolbar{flex-wrap:wrap}
html .column-trigger>span:first-child{word-break:normal;overflow-wrap:normal}
@media(max-width:720px){
 html .badge{font-size:12px}
 html :is([data-column-table=recent],[data-column-table^="transactions:"]) td{font-size:13px;line-height:1.65;overflow-wrap:normal;word-break:normal;hyphens:auto}
 html :is([data-column-table=recent],[data-column-table^="transactions:"]) td strong{font-size:13px}
 html :is([data-column-table=recent],[data-column-table^="transactions:"]) td small{font-size:11px}
 html :is([data-column-table=recent],[data-column-table^="transactions:"]) .badge{font-size:12px;padding:4px;overflow-wrap:normal;word-break:normal;hyphens:auto}
 html :is([data-column-table=recent],[data-column-table^="transactions:"]) .column-trigger{font-size:12px}
 .ux-inbox{grid-template-columns:1fr}.ux-thread-list{max-height:320px;overflow:auto}
 .employee-next>div{align-items:flex-start;flex-direction:column}
}

.employee-next p,.offering-prerequisites p{color:var(--ink)}
.offering-prerequisites{padding:14px;border:1px solid var(--line);border-radius:10px}
.feedback-followup{margin-block:12px;padding:12px;border-inline-start:3px solid var(--brand);background:var(--bg);border-radius:6px}

/* Keep long, unspaced transaction titles inside their column at every width. */
html :is([data-column-table=recent],[data-column-table^="transactions:"]) td:first-child :is(a,strong,small,bdi){min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere;word-break:normal}
html :is([data-column-table=recent],[data-column-table^="transactions:"]) td:first-child>a{display:block}