.process-category-tag { display: inline-flex; align-items: center; gap: 7px; max-width: 100%; padding: 7px 12px; border: 1px solid transparent; border-radius: 999px; background: var(--process-category-color, #f1f3f5); color: var(--process-category-text, #20252e); font-size: 11px; font-weight: 400; line-height: 1.5; vertical-align: middle; }
.process-category-tag > svg { flex: none; color: var(--process-category-accent, #64748b); color: color-mix(in srgb, var(--process-category-accent, #64748b) 80%, #20252e); }
.process-category-tag > span { min-width: 0; white-space: normal; overflow-wrap: anywhere; }
.process-category-unclassified { color: #566171; }
.process-category-editor { display: grid; grid-template-columns: minmax(0, 1.8fr) minmax(240px, 1fr); gap: 28px; align-items: start; }
.process-category-preview { padding: 22px; border: 1px solid var(--line); border-radius: 14px; background: var(--brand-soft); }
.process-category-preview h3 { font-size: 13px; }
#process-category-form input[type="color"] { width: 100%; min-height: 46px; padding: 5px 7px; cursor: pointer; }
.process-category-detail { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 18px; padding: 16px; border: 1px solid var(--line); border-radius: 12px; }
.regulation-notifications-table td[data-label="Tipo de processo"] { min-width: 148px; }
.regulation-notifications-table td[data-label="Responder até"] { min-width: 154px; white-space: normal; }
.regulation-notifications-table td[data-label="Responder até"] .regulation-response-label { max-width: 190px; }
.regulation-notifications-table td[data-label="Data de recebimento"], .regulation-notifications-table td[data-label="Data de resposta"] { min-width: 109px; font-variant-numeric: tabular-nums; }
.regulation-notifications-table td[data-label="Visualização"] { min-width: 112px; }
@media(max-width: 760px) { .process-category-editor { grid-template-columns: minmax(0, 1fr); gap: 20px; } }
@media(max-width: 600px) { .process-category-detail { padding: 13px; } .process-category-preview { padding: 17px; } .regulation-module .regulation-notifications-table td:is([data-label="Tipo de processo"], [data-label="Responder até"]) { grid-column: 1 / -1; min-width: 0; } .regulation-module .regulation-notifications-table td:is([data-label="Data de recebimento"], [data-label="Data de resposta"], [data-label="Visualização"]) { min-width: 0; } }