.department-banner { background: linear-gradient(120deg, #06274b, #0b4f88); }
.department-visual { width: 360px; display: flex; align-items: center; gap: 18px; justify-content: center; }
.department-core { width: 112px; height: 88px; display: grid; place-items: center; align-content: center; border: 1px solid rgba(255,255,255,.3); border-radius: 14px; background: rgba(255,255,255,.1); color: #fff; font-weight: 800; }
.department-core small { display: block; margin-top: 5px; color: #b9ddff; font-size: 10px; font-weight: 600; }
.department-visual > div { display: grid; grid-template-columns: repeat(2, 90px); gap: 8px; }
.department-visual b { padding: 10px 8px; border: 1px solid rgba(255,255,255,.22); border-radius: 9px; background: rgba(1,24,51,.35); color: #e9f5ff; text-align: center; font-size: 11px; }
.department-shell .company-summary { grid-template-columns: repeat(4, 1fr); }
.department-identity i { background: #e5f1ff; color: #1269b8; }
.department-type { display: inline-block; padding: 5px 9px; border-radius: 7px; background: #edf5ff; color: #145d9f; font-size: 11px; font-weight: 700; }
.active-context { display: flex; align-items: center; gap: 12px; padding: 11px 14px; border: 1px solid #d5e3f1; border-radius: 9px; background: #f5f9fe; }
.active-context span { color: #71849a; font-size: 11px; font-weight: 700; text-transform: uppercase; }
.active-context strong { color: #0b3a69; font-size: 13px; }
.active-context small { margin-left: auto; color: #7e90a4; font-size: 11px; }
.department-toolbar { grid-template-columns: minmax(260px,1fr) 170px 150px auto auto auto; }
@media (max-width: 1100px) { .department-visual { display: none; }.department-toolbar { grid-template-columns: 1fr 160px; }.department-toolbar > span { grid-column: 1/-1; } }
@media (max-width: 700px) { .department-toolbar { grid-template-columns: 1fr; } }