/* =============================================================
   PC: 알림 허용 안내(#notif-perm-banner, notifications.js) 맥 모양 — 사용자 2026-11-03 시안 "2"(문구도 짧게)
   - 검은 2줄 상자(54px) → 머리줄 아래 가운데 흰 한 줄 띠 46px, 🔔 그림문자 → 회색 종 아이콘(휴대폰 #739 와 같은 모양)
   - 허용 전 안내만 짧은 문구 "인애드 알림을 받으려면 허용이 필요합니다"(휴대폰과 같음). 차단됨 안내는 방법 설명이라 그대로
   - '허용하기' · '나중에' 동작 그대로. 휴대폰은 ui-skin-mobile-float.css. 기능 코드 변경 없음
   ============================================================= */
@media screen and (min-width:769px){
html #notif-perm-banner{ top:62px !important; left:50% !important; transform:translateX(-50%) !important; width:max-content !important; max-width:min(680px, calc(100vw - 32px)) !important; min-height:44px; box-sizing:border-box;
  padding:6px 6px 6px 14px !important; gap:10px !important; align-items:center !important; flex-wrap:nowrap !important;
  background:var(--ui-surface) !important; color:var(--ui-text-1) !important; border:1px solid var(--ui-line) !important; border-radius:var(--ui-radius-group) !important; box-shadow:var(--ui-elev-popover) !important;
  font-family:var(--ui-font); font-size:var(--ui-text-body) !important }
html #notif-perm-banner > span:first-child{ font-size:0 !important; width:16px; display:inline-flex; justify-content:center }
html #notif-perm-banner > span:first-child::before{ content:"\f0f3"; font-family:"Font Awesome 6 Free"; font-weight:400; font-size:var(--ui-text-title3); color:var(--ui-text-2) }
html #notif-perm-banner > span:nth-child(2){ line-height:1.4 !important; color:var(--ui-text-1) }
html #notif-perm-banner b{ font-weight:var(--ui-weight-semibold) }
html #notif-perm-banner .notif-perm-allow{ height:32px; padding:0 14px !important; border-radius:var(--ui-radius-control) !important; background:var(--ui-accent) !important; color:var(--ui-on-accent) !important; font-weight:var(--ui-weight-semibold) !important; font-size:var(--ui-text-body) !important }
html #notif-perm-banner .notif-perm-later{ height:32px; padding:0 10px !important; border-radius:var(--ui-radius-control) !important; color:var(--ui-text-2) !important; font-size:var(--ui-text-footnote) !important; white-space:nowrap }
html #notif-perm-banner:has(.notif-perm-allow) > span:nth-child(2){ font-size:0 !important; white-space:nowrap }
html #notif-perm-banner:has(.notif-perm-allow) > span:nth-child(2)::before{ content:"인애드 알림을 받으려면 허용이 필요합니다"; font-size:var(--ui-text-body) }
html #notif-perm-banner .notif-perm-later:hover{ background:var(--ui-fill) !important }
}