.work-type-badge{display:inline-flex;align-items:center;gap:5px;width:max-content;max-width:100%;padding:4px 8px;border:1px solid #c9d9e8;border-radius:999px;background:#f4f8fc;color:#315c7d;font-size:11px;font-weight:700;line-height:1.2;white-space:nowrap}
.work-type-badge .material-symbols-rounded{font-size:16px;line-height:1}.work-type-badge span:last-child{overflow:hidden;text-overflow:ellipsis}
.work-types-settings{margin-top:18px}.work-types-settings .panel-head{align-items:flex-start;margin:0 0 16px}.work-types-settings .panel-head h2,.work-types-settings .panel-head p{margin:0}.work-types-settings .panel-head p{margin-top:5px;max-width:720px}
.work-type-list{display:grid;gap:10px}.work-type-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-type-row.is-inactive{background:var(--bg)}
.work-type-row-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:#e9f7f5;color:#0f766e}.work-type-row-icon .material-symbols-rounded{font-size:23px}
.work-type-row-copy{min-width:0}.work-type-row-title{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.work-type-row-title>strong{font-size:15px}.work-type-row-title>span:not(.badge){color:var(--muted);font-size:12px}.work-type-row-copy p{margin:4px 0;color:var(--muted);font-size:13px;line-height:1.45;overflow-wrap:anywhere}.work-type-row-copy small{color:var(--muted)}
.work-type-row-actions{display:flex;justify-content:flex-end;gap:6px;flex-wrap:wrap}.work-type-row-actions .crm-icon-button{width:42px;height:42px;min-width:42px}.work-type-row-actions button:disabled{opacity:.45;cursor:not-allowed}
.work-type-readonly{display:inline-flex;align-items:center;gap:5px;color:var(--muted);font-size:12px;font-weight:700}.work-type-readonly .material-symbols-rounded{font-size:17px}
.work-types-loading,.work-types-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-types-loading p,.work-types-unavailable p{margin:0}.work-types-loading .material-symbols-rounded{animation:job-spin 1s linear infinite}.work-types-unavailable>div{min-width:0;flex:1}.work-types-unavailable strong{display:block;color:var(--text);margin-bottom:3px}
.work-type-modal{width:min(620px,100%)}.work-type-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.work-type-form-grid .full-width{grid-column:1/-1}.work-type-stable-code{margin:12px 0 0;color:var(--muted);font-size:12px}.work-type-stable-code code{color:var(--text)}
.manual-work-type-step{display:grid;gap:12px}.manual-work-type-step h3,.manual-work-type-step p{margin:0}.manual-work-type-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-height:min(390px,48dvh);overflow:auto;padding:3px}.manual-work-type-choice{min-height:78px;display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:10px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--panel);color:var(--text);text-align:left;cursor:pointer}.manual-work-type-choice:hover{border-color:#87bdb8;background:#f5fbfa}.manual-work-type-choice:focus-visible{outline:3px solid rgba(20,184,166,.35);outline-offset:2px}.manual-work-type-choice>.material-symbols-rounded:first-child{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:#e9f7f5;color:#0f766e}.manual-work-type-choice strong,.manual-work-type-choice small{display:block}.manual-work-type-choice small{margin-top:3px;color:var(--muted);font-weight:400;line-height:1.35}.manual-work-type-choice>.material-symbols-rounded:last-child{color:var(--muted)}
.manual-job-actions{align-items:center}.manual-job-actions #manualWorkTypeBackBtn{margin-right:auto}
.job-work-type-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:4px}.job-workspace-type{margin-bottom:7px}.customer-job-type-line{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-bottom:4px}
body.theme-dark .work-type-badge,body.theme-dark .work-type-row,body.theme-dark .manual-work-type-choice{background:#102039;border-color:var(--line);color:var(--text)}body.theme-dark .work-type-row.is-inactive{background:#0d1a2e}
@media(max-width:760px){.work-types-settings .panel-head{display:grid;grid-template-columns:1fr}.work-types-settings #newWorkTypeBtn{width:100%}.work-type-row{grid-template-columns:auto minmax(0,1fr)}.work-type-row-actions,.work-type-readonly{grid-column:1/-1;justify-content:flex-start}.manual-work-type-choices{grid-template-columns:1fr}.work-type-form-grid{grid-template-columns:1fr}.work-type-form-grid .full-width{grid-column:auto}}
@media(max-width:430px){.work-type-row{grid-template-columns:1fr}.work-type-row-icon{width:44px;height:44px}.work-type-row-actions{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));width:100%}.work-type-row-actions .crm-icon-button{width:100%;min-height:44px}.manual-work-type-choice{min-height:76px}}
@media(prefers-reduced-motion:reduce){.work-types-loading .material-symbols-rounded{animation:none}}