/* 모바일 헤더 오버라이드 — caregiver.css 뒤에서 적용된다.
   2026-08-11: 동일 바이트 사본 8개(g-guardian-live-part-3 · g02-ai-guide-part-2 ·
   g02-ai-report-part-2 · g03-chat-ai-part-2 · g03-sotong-part-2 · g05-records-part-2 ·
   g09-prescription-part-2 · g10-timeline-part-2)를 이 파일 하나로 합쳤다.
   로드 위치는 원래 각 part 파일이 있던 자리 그대로다. */
/* === 3앱 공통 헤더 표준 (d01-home 기준, 보호자앱에도 강제) === */
  [data-platform="mobile"] .header{
    padding: calc(env(safe-area-inset-top, 0px) + 6px) 20px 0 !important;
    position: static !important;
    background: transparent !important;
  }
  /* 기본 = 홈 패턴: 로고 + 액션 그룹 (flex space-between) */
  [data-platform="mobile"] .header .top-nav{
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    margin-bottom: 24px !important;
  }
  /* 서브 패턴: title-block 있을 때 → grid 3-col (44 / 1fr / 44) */
  [data-platform="mobile"] .header .top-nav:has(> .title-block){
    display: grid !important;
    grid-template-columns: 44px 1fr 44px !important;
    margin-bottom: 8px !important;
  }
  [data-platform="mobile"] .header .top-nav:has(> .title-block) > .h-left{
    width: 44px; height: 44px;
  }
  [data-platform="mobile"] .header .top-nav:has(> .title-block) > .title-block{
    grid-column: 2; text-align: center; line-height: 1.2; min-width: 0;
  }
  [data-platform="mobile"] .header .top-nav:has(> .title-block) > .h-name{
    font: 600 17px/1.2 inherit; color: var(--color-text-primary); letter-spacing: -.3px; text-align: center;
  }
  [data-platform="mobile"] .header .top-nav:has(> .title-block) > :first-child{
    grid-column: 1; justify-self: start;
  }
  [data-platform="mobile"] .header .top-nav:has(> .title-block) > :last-child{
    grid-column: 3; justify-self: end;
  }
  /* logo */
  [data-platform="mobile"] .header .top-nav > .logo{
    display: inline-flex !important;
    align-items: center !important;
    text-decoration: none !important;
    color: inherit !important;
    background: transparent !important;
    border: 0 !important;
    padding: 4px !important;
    margin: -4px !important;
    cursor: pointer !important;
  }
  [data-platform="mobile"] .header .top-nav > .logo svg{ width: 28px !important; height: 28px !important; display: block !important; }
  /* top-actions 그룹 (홈 페이지) */
  [data-platform="mobile"] .header .top-actions{
    display: flex !important; align-items: center !important; gap: 8px !important;
  }
  /* icon-btn 글라스 (44×44, blur, shadow) */
  [data-platform="mobile"] .header .icon-btn{
    width: 44px !important; height: 44px !important; border-radius: 50% !important;
    background: rgba(255,255,255,.55) !important;
    border: .5px solid rgba(255,255,255,.55) !important;
    backdrop-filter: blur(12px) saturate(140%) !important;
    -webkit-backdrop-filter: blur(12px) saturate(140%) !important;
    box-shadow: 0 1px 1px rgba(255,255,255,.6) inset, 0 4px 16px rgba(0,0,0,.06) !important;
    display: inline-flex !important; align-items: center !important; justify-content: center !important;
    cursor: pointer !important; text-decoration: none !important;
    position: relative !important;
    transition: transform .1s !important;
  }
  [data-platform="mobile"] .header .icon-btn:active{ transform: scale(.93); }
  [data-platform="mobile"] .header .icon-btn iconify-icon{
    font-size: 22px !important;
    color: var(--color-accent-strong) !important;
  }
  [data-platform="mobile"] .header .icon-btn .notif-dot,
  [data-platform="mobile"] .header .notif-dot{
    position: absolute !important; top: 10px !important; right: 10px !important;
    width: 8px !important; height: 8px !important; border-radius: 50% !important;
    background: var(--color-danger) !important;
    border: 1.5px solid white !important;
    z-index: 2 !important;
  }