.department-detail-view{display:none}.department-detail-view.active{display:block}.department-detail-hero{background:#fff;border:1px solid #e9ebf2;border-radius:12px;padding:22px;display:flex;align-items:center;gap:16px;box-shadow:var(--shadow)}.purple-detail-icon{width:56px;height:56px;border-radius:14px;background:#eeedff;color:#6654d9;display:grid;place-items:center;font-size:26px;flex:none}.department-detail-hero h1{font:600 25px 'Space Grotesk';margin:0}.department-detail-hero p:not(.eyebrow){font-size:11px;color:#999;margin:6px 0 0}.department-detail-actions{margin-left:auto;display:flex;gap:8px}.department-detail-actions .primary-button,.department-detail-actions .secondary-button{padding:10px 13px;font-size:10px}.department-detail-tabs{display:flex;gap:25px;border-bottom:1px solid var(--line);margin:23px 0 18px}.department-detail-tabs button{background:transparent;color:#999;font-size:10px;padding:0 1px 12px}.department-detail-tabs button.active{border-bottom:2px solid var(--purple);color:var(--purple);font-weight:600}.department-detail-tabs em{font-style:normal;font-size:8px;background:#f0effd;color:#6654d9;padding:3px 5px;border-radius:8px;margin-left:3px}.department-detail-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:18px}.dept-members,.dept-scenes{grid-row:span 1}.member-row,.assigned-scene,.resource-row{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);padding:11px 0}.member-row>div:nth-child(2),.assigned-scene>div,.resource-row>div{flex:1}.member-row b,.member-row small,.assigned-scene b,.assigned-scene small,.resource-row b,.resource-row small{display:block;font-size:10px}.member-row small,.assigned-scene small,.resource-row small{color:#999;margin-top:3px}.member-status{font-size:9px;color:#43a77c}.member-status.away{color:#e49956}.assigned-scene .scene-number{width:26px;height:26px;display:grid;place-items:center;background:#f0effd;color:#6654d9;border-radius:6px;font-size:10px;font-weight:600}.resource-icon{width:29px;height:29px;border-radius:7px;display:grid;place-items:center;background:#f0effd;color:#6654d9;font-size:13px}.file-resource{background:#ffefeb;color:#df776d;font-size:8px;font-weight:600}.resource-state{font-size:9px;color:#999}@media(max-width:850px){.department-detail-hero{align-items:flex-start;flex-wrap:wrap}.department-detail-actions{width:100%;margin-left:72px}.department-detail-grid{grid-template-columns:1fr}}@media(max-width:600px){.department-detail-tabs{gap:15px;overflow:auto}.department-detail-tabs button{white-space:nowrap}.department-detail-actions{margin-left:0;flex-wrap:wrap}.department-detail-actions button{flex:1}}