/* =============================================================
   업무지원 › 조직도 연락처 — 맥 고밀도형 (사용자 2026-11-03 "1": 업무지원 마지막 화면)
   범위: #work_support-content #ws-panel-emergency 안쪽만. 화면에서만. (업무지원 머리 · 하위 탭은 ui-skin-attendance.css)
   ws-emergency.js 가 그리는 <style>(파란 그라데이션 대표 카드 · 색 그라데이션 부서 머리 · 둥근 그림자 카드)는 그대로 두고 위에 덮음.
   - 이름 첫 글자 동그라미(이니셜 아바타) 숨김 — 인트라넷 전역 금지 규칙
   - 대표 카드: 파란 그라데이션 채운 상자 → 흰 묶음(이름 · 직급 · 연락처 한 줄)
   - 부서 머리: 부서마다 다른 색 그라데이션 · 색 아이콘 칸(장식) → 회색 묶음 머리 · 회색 아이콘
   - 구성원 줄: 두 줄(이름 / 전화 두 줄, 약 55px) → 32px 한 줄(이름 · 직급 · 휴대폰 · 업무 전화 · ›), 휴대폰 44px
   - '표시 제외 설정'(관리자 설정) 채운 남색 → 흰 단추. 0.7rem(11.2px 미만 흐린) 글자 → 11px 이상
   누르면 구성원 카드 · 전화 걸기 링크 · 표시 제외 설정 동작 그대로. 값은 ui-tokens.css 토큰만.
   ============================================================= */
@media screen{
html #work_support-content #ws-panel-emergency{ padding:16px 20px 20px !important; font-family:var(--ui-font); color:var(--ui-text-1) }
html #work_support-content #ws-panel-emergency .ec-container > div:first-child{ margin-bottom:12px !important; gap:8px !important }
html #work_support-content #ws-panel-emergency .ec-container > div:first-child h3{ gap:6px !important; color:var(--ui-text-1) !important; font-size:var(--ui-text-title2) !important; font-weight:var(--ui-weight-bold) !important }
html #work_support-content #ws-panel-emergency .ec-container > div:first-child h3 > i{ color:var(--ui-text-2) !important; font-size:var(--ui-text-callout) !important }
html #work_support-content #ws-panel-emergency .ec-container > div:first-child p{ margin-top:2px !important; color:var(--ui-text-2) !important; font-size:var(--ui-text-footnote) !important }
html #work_support-content #ws-panel-emergency button[onclick^="_ecOpenEditModal"]{ box-sizing:border-box; min-height:0 !important; height:28px; display:inline-flex; align-items:center; padding:0 12px !important; border:0 !important; border-radius:var(--ui-radius-control) !important; background:var(--ui-surface) !important; box-shadow:var(--ui-elev-control) !important; color:var(--ui-text-1) !important; font-size:var(--ui-text-body) !important; font-weight:var(--ui-weight-regular) !important }
html #work_support-content #ws-panel-emergency button[onclick^="_ecOpenEditModal"]:hover{ background:var(--ui-fill-subtle) !important }
html #work_support-content #ws-panel-emergency button[onclick^="_ecOpenEditModal"] > i{ margin-right:5px !important; color:var(--ui-text-2) !important; font-size:var(--ui-text-caption) !important }

/* 조직도 선 */
html #work_support-content #ws-panel-emergency .ec-connector-vertical{ width:1px !important; height:16px !important; background:var(--ui-line) !important }
html #work_support-content #ws-panel-emergency .ec-departments{ gap:16px 12px !important; align-items:start }
html #work_support-content #ws-panel-emergency .ec-departments::before{ height:1px !important; background:var(--ui-line) !important }
html #work_support-content #ws-panel-emergency .ec-dept-card::before{ top:-8px !important; width:1px !important; height:8px !important; background:var(--ui-line) !important }

/* 대표 */
html #work_support-content #ws-panel-emergency .ec-ceo-card{ display:flex; flex-wrap:wrap; align-items:baseline; justify-content:center; column-gap:8px; min-width:0 !important; padding:8px 16px !important; border:1px solid var(--ui-line) !important; border-radius:var(--ui-radius-group) !important; background:var(--ui-surface) !important; box-shadow:none !important; color:var(--ui-text-1) !important }
html #work_support-content #ws-panel-emergency .ec-ceo-card .ec-title{ order:2; margin:0 !important; opacity:1 !important; color:var(--ui-text-2) !important; font-size:var(--ui-text-footnote) !important }
html #work_support-content #ws-panel-emergency .ec-ceo-card .ec-name{ order:1; color:var(--ui-text-1) !important; font-size:var(--ui-text-callout) !important; font-weight:var(--ui-weight-bold) !important }
html #work_support-content #ws-panel-emergency .ec-ceo-card .ec-contact{ order:3; flex-basis:100%; margin-top:2px !important; opacity:1 !important; color:var(--ui-text-2) !important; font-size:var(--ui-text-footnote) !important }
html #work_support-content #ws-panel-emergency .ec-ceo-card .ec-contact a{ color:var(--ui-accent-text) !important }

/* 부서 */
html #work_support-content #ws-panel-emergency .ec-dept-card{ border:1px solid var(--ui-line) !important; border-radius:var(--ui-radius-group) !important; background:var(--ui-surface) !important; box-shadow:none !important }
html #work_support-content #ws-panel-emergency .ec-dept-header{ min-height:36px; box-sizing:border-box; gap:8px !important; padding:0 12px !important; border-bottom:1px solid var(--ui-line); background:var(--ui-surface-alt) !important; color:var(--ui-text-1) !important; font-size:var(--ui-text-body) !important; font-weight:var(--ui-weight-semibold) !important }
html #work_support-content #ws-panel-emergency .ec-dept-header > span{ opacity:1 !important; color:var(--ui-text-2) !important; font-size:var(--ui-text-footnote) !important }
html #work_support-content #ws-panel-emergency .ec-dept-icon{ width:auto !important; height:auto !important; background:transparent !important }
html #work_support-content #ws-panel-emergency .ec-dept-icon i{ color:var(--ui-text-2) !important; font-size:var(--ui-text-footnote) !important }
html #work_support-content #ws-panel-emergency .ec-parts-row{ gap:0 !important; padding:0 !important; flex-direction:column }
html #work_support-content #ws-panel-emergency .ec-part{ border:0 !important; border-top:1px solid var(--ui-line) !important; border-radius:0 !important; background:transparent !important }
html #work_support-content #ws-panel-emergency .ec-part:first-child{ border-top:0 !important }
html #work_support-content #ws-panel-emergency .ec-part-header{ min-height:26px; box-sizing:border-box; gap:5px !important; padding:0 12px !important; border-bottom:0 !important; background:transparent !important; color:var(--ui-text-2) !important; font-size:var(--ui-text-footnote) !important; font-weight:var(--ui-weight-semibold) !important }
html #work_support-content #ws-panel-emergency .ec-part-header span{ opacity:1 !important; color:var(--ui-text-2) !important; font-size:var(--ui-text-caption) !important; font-weight:var(--ui-weight-regular) !important }
html #work_support-content #ws-panel-emergency .ec-part-header i{ opacity:1 !important; color:var(--ui-text-2) !important; font-size:var(--ui-text-caption) !important }

/* 구성원: 한 줄 */
html #work_support-content #ws-panel-emergency .ec-member{ min-height:32px; box-sizing:border-box; gap:8px !important; padding:0 12px !important; border-bottom:0 !important; border-top:1px solid var(--ui-line) }
html #work_support-content #ws-panel-emergency .ec-member-clickable:hover{ background:var(--ui-fill-subtle) !important }
html #work_support-content #ws-panel-emergency .ec-avatar{ display:none !important }
html #work_support-content #ws-panel-emergency .ec-member-info{ display:flex; align-items:center; gap:10px; min-width:0 }
html #work_support-content #ws-panel-emergency .ec-member-name{ flex:none; gap:6px !important; color:var(--ui-text-1) !important; font-size:var(--ui-text-body) !important; font-weight:var(--ui-weight-semibold) !important; white-space:nowrap }
html #work_support-content #ws-panel-emergency .ec-member-pos{ height:18px; box-sizing:border-box; display:inline-flex; align-items:center; padding:0 6px !important; border-radius:var(--ui-radius-pill) !important; background:var(--ui-fill) !important; color:var(--ui-text-2) !important; font-size:var(--ui-text-caption) !important; font-weight:var(--ui-weight-regular) !important }
html #work_support-content #ws-panel-emergency .ec-member-phones{ display:flex; flex-wrap:nowrap; gap:10px; min-width:0; margin:0 !important; overflow:hidden; color:var(--ui-text-2) !important; font-size:var(--ui-text-footnote) !important; font-variant-numeric:tabular-nums; line-height:1.3 !important }
html #work_support-content #ws-panel-emergency .ec-member-phones > div{ white-space:nowrap }
html #work_support-content #ws-panel-emergency .ec-member-phones i{ color:var(--ui-text-3) !important; font-size:var(--ui-text-caption) !important }
html #work_support-content #ws-panel-emergency .ec-member-phones span.text-gray-400{ color:var(--ui-text-2) !important }
html #work_support-content #ws-panel-emergency .ec-member > i.fa-chevron-right{ margin-left:auto; color:var(--ui-text-3) !important; font-size:var(--ui-text-caption) !important }
}
@media screen and (max-width:768px){
html #work_support-content #ws-panel-emergency{ padding:12px !important }
html #work_support-content #ws-panel-emergency .ec-member{ min-height:44px }
/* 휴대폰: 휴대폰 · 업무 전화 둘 다 있으면 잘리지 않게 다음 줄로 */
html #work_support-content #ws-panel-emergency .ec-member-info{ flex-wrap:wrap; row-gap:1px; padding:4px 0 }
html #work_support-content #ws-panel-emergency .ec-member-phones{ flex-wrap:wrap; row-gap:1px; overflow:visible }
html #work_support-content #ws-panel-emergency .ec-dept-header{ min-height:40px }
html #work_support-content #ws-panel-emergency button[onclick^="_ecOpenEditModal"]{ height:32px }
}