.department-panel{position:fixed;inset:0 0 0 auto;margin:0;width:min(640px,100vw);max-width:100vw;height:100dvh;max-height:100dvh;overflow:auto;padding:0;border:0;border-left:1px solid var(--crm-border);border-radius:0;background:var(--crm-surface);color:var(--crm-ink)}.department-panel>header{position:sticky;top:0;background:var(--crm-surface);z-index:1;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--crm-border)}.department-panel h2{font-size:23px;margin:4px 0}.department-panel header p{font-size:12px;color:var(--crm-muted);margin:0}.department-body{padding:24px;display:grid;gap:18px}.department-panel table{width:100%;border-collapse:collapse;font-size:14px}.department-panel :is(th,td){padding:12px 8px;border-bottom:1px solid var(--crm-border);text-align:left;overflow-wrap:anywhere}.department-panel th{color:var(--crm-muted);font-size:12px}.department-panel td:first-child{max-width:260px}.department-swatch{display:inline-block;width:22px;height:22px;border-radius:50%;border:1px solid #888}.department-panel button{width:auto;margin:0;min-height:44px}.department-panel fieldset{border:0;padding:0;margin:0;min-width:0}.department-panel label{display:block;margin:18px 0 8px;font-size:13px}.department-panel input:not([type=color]){box-sizing:border-box;width:100%;padding:12px;border:1px solid var(--crm-border);border-radius:8px}.department-panel input:read-only{background:var(--crm-surface-soft)}.department-color{display:flex;align-items:center;gap:12px}.department-panel input[type=color]{width:64px;height:44px;padding:3px;flex:none}.department-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.department-body p{font-size:13px;line-height:1.6;color:var(--crm-muted)}.department-tools{display:flex;align-items:center;justify-content:space-between;gap:16px}.department-tools>button{flex-shrink:0}.department-panel h3{font-size:20px}@media (max-width:500px){.department-body,.department-panel>header{padding:18px}.department-tools{align-items:start;flex-direction:column}.department-actions{flex-direction:column;align-items:stretch}.department-panel td:first-child{max-width:150px}}