.departments-page{min-width:0}.departments-page .toolbar{justify-content:space-between}.departments-page h2{margin:6px 0}.department-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:20px}.department-card{padding:24px;background:var(--panel,#fff);border:1px solid var(--border,#dce3eb);border-radius:20px;box-shadow:0 8px 24px #123e6608;border-top:4px solid var(--department-color);transition:transform .18s,box-shadow .18s;min-width:0}.department-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px #123e6612}.department-card-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.department-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:color-mix(in srgb,var(--department-color) 12%,transparent);color:var(--department-color);font-weight:800}.department-count{font-size:12px;color:var(--muted);background:var(--bg,#f2f6fb);padding:7px 10px;border-radius:20px}.department-card h3{font-size:20px;margin:20px 0 10px;overflow-wrap:anywhere}.department-description{font-size:13px;min-height:40px;overflow-wrap:anywhere}.department-card .actions{margin-top:22px;justify-content:space-between}.department-member-list{display:grid;gap:12px;margin:16px 0}.department-member{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:14px;border:1px solid var(--border);border-radius:14px}.department-member strong{flex:1;min-width:0;overflow-wrap:anywhere}.department-avatar{display:grid;place-items:center;background:var(--bg);border-radius:50%;width:40px;height:40px;color:var(--muted);font-size:12px;font-weight:700}.department-member-actions{display:flex;gap:8px;width:100%;flex-wrap:wrap}.department-member-actions select{min-width:0;flex:1}.department-member-search,.department-picker+button,[data-employee-search]{width:100%}.department-picker{display:grid;gap:8px;margin:16px 0;max-height:45vh;overflow:auto}.department-picker label{display:flex;gap:12px;align-items:center;padding:12px;border:1px solid var(--border);border-radius:12px}.department-picker input[type=checkbox]{width:18px;flex:0 0 18px}.department-picker small{display:block;color:var(--muted);margin-top:4px}.department-modal [hidden]{display:none!important}.department-modal textarea{max-width:100%;min-width:0}.department-modal input[type=color]{height:44px;width:100%}@media(max-width:650px){.department-card{padding:20px}.department-member-actions{flex-direction:column}.department-member-actions .btn,.department-member-actions select{min-height:44px}.department-modal .form{grid-template-columns:1fr}.department-modal .full{grid-column:1}.departments-page .toolbar{flex-wrap:wrap}}@media print{.departments-page .toolbar button,.department-card .actions{display:none}.department-card{break-inside:avoid}}