.work-indicator{display:flex;flex-wrap:wrap;gap:4px;margin-top:5px}
.work-badge{display:inline-block;border-radius:6px;padding:3px 6px;font-size:11px;line-height:1.4;white-space:normal;background:var(--dina-subtle);color:var(--dina-text);border:1px solid var(--dina-line)}
.work-green{background:#daf5e5;color:#07552c;border-color:#8fcba6}.work-yellow{background:#fff1bd;color:#624800;border-color:#d9b445}.work-red{background:#ffe0e2;color:#8c1020;border-color:#e6a0a7}
.work-dialog{width:min(900px,95vw);max-height:90dvh;padding:0;overflow:auto;background:var(--dina-panel);color:var(--dina-text)}
.work-dialog .dialog-head{position:sticky;top:0;background:var(--dina-panel);z-index:2;padding:14px;display:flex;align-items:center;justify-content:space-between;gap:10px}
.work-body{padding:16px}.work-body label{display:flex;flex-direction:column;gap:6px;margin:12px 0}.work-body input,.work-body select,.work-body textarea{width:100%;box-sizing:border-box;min-width:0}
.work-cards{display:grid;gap:10px;margin:12px 0}.work-card{border:1px solid var(--dina-line);border-radius:10px;padding:12px;overflow-wrap:anywhere}.work-card h3{margin:0 0 8px}.work-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0}.work-error{color:#b91c1c}
.work-body button,.work-body a{min-height:40px}.work-body section+section{margin-top:24px;border-top:1px solid var(--dina-line);padding-top:16px}
#team-toolbar .inbox-actions{flex-wrap:wrap}.chat-visible-labels [data-commercial-detail]{font-size:12px;min-height:38px}
@media(min-width:800px){.work-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
.work-dialog button{border:1px solid var(--dina-line);border-radius:8px;padding:8px 12px;background:var(--dina-subtle);color:var(--dina-text);font:inherit;cursor:pointer}
.work-dialog button:hover{background:var(--dina-hover)}.work-dialog button:disabled{opacity:.5;cursor:default}
.work-dialog input,.work-dialog select,.work-dialog textarea{padding:10px;border:1px solid var(--dina-line);border-radius:8px;background:var(--dina-panel);color:var(--dina-text);font:inherit}
.work-dialog a{color:var(--dina-accent);display:inline-flex;align-items:center}
.work-dialog button:focus-visible,.work-dialog a:focus-visible{outline:2px solid var(--dina-focus);outline-offset:2px}
/* Workflow controls retain readable contrast in both themes. */
.work-shortcuts{display:flex;gap:6px;flex-wrap:wrap;padding-top:6px}
.work-shortcuts button{font-size:13px;min-height:36px;padding:6px 9px;border:1px solid var(--dina-line);border-radius:8px;background:var(--dina-panel);color:var(--dina-text);font-weight:400}
.work-next{display:block;width:100%;font-size:13px;line-height:1.4;color:var(--dina-text);overflow-wrap:anywhere}
.work-presence{flex-basis:100%;padding:6px 8px;background:#fff1bd;color:#624800;border-radius:6px;font-size:14px}
.work-presence[hidden]{display:none}
.metric-number{font-size:28px;margin:8px 0}
.work-body input[type=checkbox]{width:20px;min-height:20px}
html .inbox .ticket-tags .assignee{max-width:140px}
@media(min-width:1100px){html body.crm-hierarchy-ready #session-actions{width:210px}html body.crm-hierarchy-ready:not(.crm-panel-collapsed) .workspace{margin-left:310px}}
/* Reserve the list row even while the optional filters are hidden. */
html .inbox>.inbox-toolbar{grid-row:1;max-height:60dvh;overflow:auto;grid-template-rows:max-content max-content;align-content:start}
html .inbox>#advanced-filters{grid-row:2}
html .inbox>:is(#inbox-list,#internal-list){grid-row:3}
html .inbox .ticket-tags .channel-tag{display:none}