.work-item-classification-settings{margin-top:18px}.work-item-classification-settings .panel-head{align-items:flex-start;margin:0 0 16px}.work-item-classification-settings .panel-head h2,.work-item-classification-settings .panel-head p{margin:0}.work-item-classification-settings .panel-head .request-create-eyebrow{display:block;margin-bottom:5px}.work-item-classification-settings .panel-head p{margin-top:5px;max-width:760px}
.work-item-classification-list{display:grid;gap:10px}.work-item-classification-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:13px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:15px;background:var(--panel)}.work-item-classification-row.is-inactive{background:var(--bg)}
.work-item-classification-swatch{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:color-mix(in srgb,var(--classification-color,#64748b) 12%,var(--panel));border:1px solid color-mix(in srgb,var(--classification-color,#64748b) 35%,var(--line))}.work-item-classification-swatch>span{width:15px;height:15px;border-radius:999px;background:var(--classification-color,#64748b);box-shadow:0 0 0 4px color-mix(in srgb,var(--classification-color,#64748b) 14%,transparent)}
.work-item-classification-copy{min-width:0}.work-item-classification-title{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.work-item-classification-title>strong{font-size:15px}.work-item-classification-copy p{margin:4px 0;color:var(--muted);font-size:13px;line-height:1.45;overflow-wrap:anywhere}.work-item-classification-copy small{color:var(--muted)}.work-item-classification-copy code{color:var(--text)}
.work-item-classification-actions{display:flex;justify-content:flex-end;gap:6px;flex-wrap:wrap}.work-item-classification-actions .crm-icon-button{width:42px;height:42px;min-width:42px}.work-item-classification-readonly{display:inline-flex;align-items:center;gap:5px;color:var(--muted);font-size:12px;font-weight:700}.work-item-classification-readonly .material-symbols-rounded{font-size:17px}
.work-item-classifications-loading,.work-item-classifications-empty,.work-item-classifications-unavailable{min-height:90px;display:flex;align-items:center;justify-content:center;gap:11px;padding:18px;border:1px dashed var(--line);border-radius:14px;color:var(--muted);text-align:left}.work-item-classifications-loading p,.work-item-classifications-empty p,.work-item-classifications-unavailable p{margin:0}.work-item-classifications-loading .material-symbols-rounded{animation:job-spin 1s linear infinite}.work-item-classifications-unavailable>div,.work-item-classifications-empty>div{min-width:0;flex:1}.work-item-classifications-unavailable strong,.work-item-classifications-empty strong{display:block;color:var(--text);margin-bottom:3px}
.work-item-classification-modal{width:min(620px,100%)}.work-item-classification-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.work-item-classification-form-grid .full-width{grid-column:1/-1}.work-item-classification-form-grid input[type="color"]{min-height:44px;padding:5px;cursor:pointer}.work-item-classification-stable-code{margin:12px 0 0;color:var(--muted);font-size:12px}.work-item-classification-stable-code code{color:var(--text)}
body.theme-dark .work-item-classification-row{background:#102039;border-color:var(--line)}body.theme-dark .work-item-classification-row.is-inactive{background:#0d1a2e}
@media(max-width:760px){.work-item-classification-settings .panel-head{display:grid;grid-template-columns:1fr}.work-item-classification-settings #newWorkItemClassificationBtn{width:100%}.work-item-classification-row{grid-template-columns:auto minmax(0,1fr)}.work-item-classification-actions,.work-item-classification-readonly{grid-column:1/-1;justify-content:flex-start}.work-item-classification-form-grid{grid-template-columns:1fr}.work-item-classification-form-grid .full-width{grid-column:auto}}
@media(max-width:430px){.work-item-classification-row{grid-template-columns:1fr}.work-item-classification-swatch{width:44px;height:44px}.work-item-classification-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.work-item-classification-actions .crm-icon-button{width:100%;min-height:44px}}
@media(prefers-reduced-motion:reduce){.work-item-classifications-loading .material-symbols-rounded{animation:none}}