/* 사내 업무 포털 — 원본 데모 CSS(ss24-original/) 대비 의도적 차이만 둔다 (OPS-WS-01).
   기록: docs/development/plan-staff-workspace.md §7 */

/* 1. 원본은 lucide 스크립트가 <i data-lucide> 를 SVG 로 바꾼다. 여기서는 같은 아이콘의 인라인 SVG 를 <i> 안에 둔다. */
i[aria-hidden] { display: inline-flex; flex-shrink: 0; }
i[aria-hidden] svg { width: 100%; height: 100%; display: block; }
.btn-logout i, .area__chip i, .hub__footer .fitem i { width: 16px; height: 16px; }
.area__ic i { width: 26px; height: 26px; }

/* 2. 원본 업무영역 카드는 div+onClick 이다. 외부 서비스로 가는 링크라 <a> 를 쓰고 링크 모양을 지운다. */
a.area { display: block; color: inherit; text-decoration: none; }
a.area.is-disabled { cursor: default; }
.hub { padding-top: var(--sp-12); }
.ws-brand { display: inline-flex; align-items: center; }

/* 3. 원본 760px 이하 규칙은 방사형 허브용으로 .area 를 폭 30%·설명 숨김으로 줄인다(1615~1623행).
      포털은 카드가 세 장뿐이므로 1열 전체 폭으로 쌓고 설명을 남긴다. */
@media (max-width: 760px) {
  .hub { padding: var(--sp-8) var(--sp-4) var(--sp-10); }
  .hub-row { grid-template-columns: 1fr; }
  .hub-row .area { width: 100%; min-width: 0; padding: var(--sp-5) var(--sp-4); }
  .hub-row .area__desc { display: block; min-height: 0; }
  .topbar { padding: 0 var(--sp-4); }
  .topbar__who { display: none; }
  .ws-brand img { height: 28px; }
}

/* 4. 로그인 확인 중·권한 없음 안내(원본에 없는 관문 상태). */
.ws-gate { min-height: 100vh; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: var(--sp-4); padding: var(--sp-6); text-align: center; color: var(--fg-secondary); font-size: var(--fs-body); }
.ws-gate[hidden] { display: none; }