/* =============================================================
   휴대폰: 창 · 시트가 열린 동안 오른쪽 아래 알림 카드를 잠깐 숨김 (사용자 2026-11-02 "1", A안)
   알림 카드(#notif-stack, notifications.js)는 모든 창보다 위(z 99990)에 그려져, 아래에서 올라오는 시트의
   '저장' · '닫기' 단추를 덮었다(온보딩 접근권한 창 · 회의록 템플릿 창 등에서 확인).
   html.inadd-popup-open 은 app-core.js 가 창이 열린 동안 붙이는 표시(뒤 화면 스크롤 잠금과 같은 판단).
   창을 닫으면 표시가 빠지며 카드가 다시 보인다 — 읽음 처리 · 알림 목록 · 소리는 그대로. PC 는 그대로.
   ============================================================= */
@media screen and (max-width:768px){
html.inadd-popup-open #notif-stack{ display:none !important }
}

/* =============================================================
   휴대폰: 알림 카드를 한 줄로 (사용자 2026-11-03 "2", B안)
   카드 1장 ≈ 100px(종류 · 시간 · 제목 · 내용 두 줄) × 최대 4장이 목록 아래쪽 약 40%를 덮었다(인프라관리 등).
   휴대폰 폭에서만 아이콘 · 제목 · 닫기 한 줄(44px)로 줄인다. 카드 수 · '외 N건' · 누르면 내용 창 · 닫기(읽음) · PC 는 그대로.
   ============================================================= */
@media screen and (max-width:768px){
html #notif-stack{ right:12px !important; bottom:12px !important; gap:6px !important; max-width:calc(100vw - 24px) !important }
html #notif-stack .notif-card{ min-height:44px; box-sizing:border-box; align-items:center !important; gap:8px !important; padding:6px 6px 6px 10px !important; border-radius:var(--ui-radius-group) !important }
html #notif-stack .notif-card > div:first-child{ width:24px !important; height:24px !important; margin-top:0 !important; border-radius:var(--ui-radius-row) !important }
html #notif-stack .notif-card > div:nth-child(2) > div:first-child, html #notif-stack .notif-card > div:nth-child(2) > div:nth-child(3){ display:none !important }
html #notif-stack .notif-card > div:nth-child(2) > div:nth-child(2){ margin-top:0 !important; font-size:var(--ui-text-callout) !important }
html #notif-stack .notif-card-close{ width:32px; height:32px; padding:0 !important; font-size:var(--ui-text-title3) !important }
html #notif-stack .notif-more-card{ min-height:36px; box-sizing:border-box; padding:0 12px !important; border-radius:var(--ui-radius-group) !important }
}

/* =============================================================
   모든 폭: 도움말 패널이 열린 동안 알림 카드 숨김 (사용자 2026-11-03 "2")
   PC 에서 알림 카드(z 99990)가 도움말 패널(오른쪽, 380px) 아랫부분을 덮었다. 휴대폰은 위 창 열림 규칙으로 이미 숨음.
   #help-panel-overlay 는 help-system.js 가 패널을 열 때만 display:block 으로 바꾸는 어두운 바탕.
   패널을 닫으면 카드가 다시 보인다 — 읽음 처리 · 알림 목록 · 종 숫자는 그대로.
   ============================================================= */
@media screen{
html:has(#help-panel-overlay[style*="display: block"]) #notif-stack{ display:none !important }
}

/* =============================================================
   PC: 알림 카드를 '?' 도움말 단추 위로 올림 (사용자 2026-11-03 "1번 권장안")
   PC 에서 알림 카드 묶음(오른쪽 아래 24px, z 99990)이 같은 자리의 '?' 단추(#help-fab-btn, 오른쪽 아래 24px · 44px)를
   덮어 읽지 않은 알림이 있으면 '?' 를 누를 수 없었다. 카드 묶음 바닥을 '?' 위(24 + 44 + 12 = 80px)로 올린다.
   휴대폰은 '?' 가 머리줄로 옮겨져(ui-skin-mobile-float.css) 그대로. 카드 · 읽음 처리 · 알림 목록은 그대로.
   ============================================================= */
@media screen and (min-width:769px){
html:has(#help-fab-btn) #notif-stack{ bottom:80px !important }
}