.saas-department-detail{border:1px solid var(--saas-border-default);border-radius:var(--saas-radius-lg);background:var(--saas-bg-surface);flex-direction:column;display:flex;overflow:hidden}.saas-department-detail__hero{align-items:flex-start;gap:var(--saas-space-md);padding:var(--saas-space-card);background:var(--saas-brand-subtle);display:flex}.saas-department-detail__badge,.saas-department-detail__tile{border-radius:var(--saas-radius-md);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.saas-department-detail__badge{background:var(--saas-bg-surface);block-size:52px;inline-size:52px}.saas-department-detail__tile{block-size:32px;inline-size:32px}[data-tone=blue].saas-department-detail__badge,[data-tone=blue].saas-department-detail__tile{color:var(--saas-tint-blue-fg)}[data-tone=green].saas-department-detail__badge,[data-tone=green].saas-department-detail__tile{color:var(--saas-tint-green-fg)}[data-tone=yellow].saas-department-detail__badge,[data-tone=yellow].saas-department-detail__tile{color:var(--saas-tint-yellow-fg)}[data-tone=red].saas-department-detail__badge,[data-tone=red].saas-department-detail__tile{color:var(--saas-tint-red-fg)}.saas-department-detail__tile[data-tone=blue]{background:var(--saas-tint-blue-bg)}.saas-department-detail__tile[data-tone=green]{background:var(--saas-tint-green-bg)}.saas-department-detail__tile[data-tone=yellow]{background:var(--saas-tint-yellow-bg)}.saas-department-detail__tile[data-tone=red]{background:var(--saas-tint-red-bg)}.saas-department-detail__title{flex:1;min-inline-size:0}.saas-department-detail__title h2{align-items:center;gap:var(--saas-space-sm);color:var(--saas-text-primary);font-size:var(--saas-font-heading);flex-wrap:wrap;margin:0;font-weight:600;display:flex}.saas-department-detail__title p{margin:0;color:var(--saas-text-secondary);font-size:var(--saas-font-body-sm);margin-block-start:var(--saas-space-xs)}.saas-department-detail__code{color:var(--saas-brand-primary);font-size:var(--saas-font-caption);font-weight:600}.saas-department-detail__status,.saas-department-detail__member-chips span{padding-block:2px;padding-inline:var(--saas-space-xs);border-radius:var(--saas-radius-sm);font-size:var(--saas-font-caption);font-weight:600}[data-tone=success].saas-department-detail__status,.saas-department-detail__member-chips span[data-tone=success]{background:var(--saas-status-success-subtle);color:var(--saas-status-success)}[data-tone=neutral].saas-department-detail__status,.saas-department-detail__member-chips span[data-tone=neutral]{background:var(--saas-status-danger-subtle);color:var(--saas-status-danger)}.saas-department-detail__member-chips span[data-tone=blue]{background:var(--saas-tint-blue-bg);color:var(--saas-tint-blue-fg)}.saas-department-detail__actions{justify-content:flex-end;gap:var(--saas-space-xs);flex-wrap:wrap;display:flex}.saas-department-detail__section{gap:var(--saas-space-md);padding:var(--saas-space-card);border-block-start:1px solid var(--saas-border-default);flex-direction:column;display:flex}.saas-department-detail__section-head{justify-content:space-between;align-items:center;gap:var(--saas-space-sm);display:flex}.saas-department-detail__section-head h3{color:var(--saas-text-primary);font-size:var(--saas-font-body);margin:0;font-weight:600}.saas-department-detail__facts{gap:var(--saas-space-md);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.saas-department-detail__fact{align-items:flex-start;gap:var(--saas-space-sm);min-inline-size:0;display:flex}.saas-department-detail__fact dl{min-inline-size:0;margin:0}.saas-department-detail__fact dt{color:var(--saas-text-secondary);font-size:var(--saas-font-caption)}.saas-department-detail__fact dd{overflow-wrap:anywhere;color:var(--saas-text-primary);font-size:var(--saas-font-body-sm);margin:0;font-weight:500}.saas-department-detail__fact dd[data-empty=true],.saas-department-detail__member-phone[data-empty=true],.saas-department-detail__empty{color:var(--saas-text-secondary);font-weight:400}.saas-department-detail__empty{font-size:var(--saas-font-body-sm);margin:0}.saas-department-detail__members,.saas-department-detail__subjects{gap:var(--saas-space-md);margin:0;padding:0;list-style:none;display:grid}.saas-department-detail__members{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.saas-department-detail__subjects{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.saas-department-detail__member{align-items:center;gap:var(--saas-space-2xs);padding:var(--saas-space-md);border:1px solid var(--saas-border-default);border-radius:var(--saas-radius-lg);text-align:center;flex-direction:column;display:flex}.saas-department-detail__member-name{color:var(--saas-text-primary);font-size:var(--saas-font-body-sm);margin-block-start:var(--saas-space-xs);font-weight:600;text-decoration:none}.saas-department-detail__member-name:hover{color:var(--saas-brand-primary)}.saas-department-detail__member-name:focus-visible,.saas-department-detail__member-phone:focus-visible{border-radius:var(--saas-radius-xs);box-shadow:var(--saas-focus-ring);outline:none}.saas-department-detail__member-role{color:var(--saas-text-secondary);font-size:var(--saas-font-caption)}.saas-department-detail__member-chips{justify-content:center;gap:var(--saas-space-xs);margin-block:var(--saas-space-xs);flex-wrap:wrap;display:flex}.saas-department-detail__member-phone{align-items:center;gap:var(--saas-space-2xs);color:var(--saas-text-secondary);font-size:var(--saas-font-caption);text-decoration:none;display:inline-flex}.saas-department-detail__subject{align-items:center;gap:var(--saas-space-sm);padding:var(--saas-space-md);border:1px solid var(--saas-border-default);border-radius:var(--saas-radius-lg);display:flex}.saas-department-detail__subject strong{color:var(--saas-text-primary);font-size:var(--saas-font-body-sm);font-weight:600;display:block}.saas-department-detail__subject small{color:var(--saas-text-secondary);font-size:var(--saas-font-caption)}@media (width<=599px){.saas-department-detail__hero{flex-wrap:wrap}.saas-department-detail__actions{justify-content:flex-start;inline-size:100%}.saas-department-detail__actions>*{min-block-size:44px}}