/* 10-30 슈아 「헬덤 웹앱 = 카톡 PC · 위챗 PC 결 · 유리결 + 신호등 + 검색창 한 세트」
   마우스 화면 1024↑만(폰·패드 그대로) · 헬덤 런타임 ✗ · 이 파일 = CSS 한 겹(위쪽 신호등·held:// 알약 = 기존 browser-bar 그대로) */
/* 11-05 슈아 결정 A(태블릿도 포털 자체 신호등): 아이패드(터치)는 셸이 머리를 숨기고 헬덤 자체 신호등 줄 하나 · 데스크톱만 아래 묶음에서 헬덤 줄 숨김(셸 머리 하나) */
/* WT200-003: 셸 머리가 보이는 모든 경우(터치 태블릿이 아닌 곳 · 마우스 좁은 창 700~1023 포함) = 헬덤 안쪽 줄 숨김 · 터치 기기만 안쪽 줄 */
@media not all and (hover:none) and (pointer:coarse){html.hd-framed .browser-bar{display:none}}
@media (min-width:1024px) and (hover:hover) and (pointer:fine){
  body{background:radial-gradient(1100px 560px at 18% 0%,rgba(255,255,255,.7),transparent 62%),var(--hc-page,#EEF1F5)}/* 11-04 칸마다 색 = plus.css --hc-* */
  .heldom{max-width:none;padding:10px 18px 14px}
  .heldom-head{min-height:0;margin:0;padding:0 2px 8px}
  .heldom-head .heldom-brand{display:none}
  .heldom-head .head-actions{margin-left:auto}
  .messenger{height:calc(100dvh - 120px);min-height:560px;grid-template-columns:68px 320px minmax(0,1fr);border:1px solid rgba(255,255,255,.95);border-radius:16px;background:rgba(255,255,255,.42);-webkit-backdrop-filter:var(--hg-win);backdrop-filter:var(--hg-win);box-shadow:0 18px 50px rgba(62,67,96,.12),inset 0 1px 0 rgba(255,255,255,.9)}
  .rail{gap:6px;padding:14px 8px;border-right:1px solid rgba(255,255,255,.85);background:var(--hc-rail);-webkit-backdrop-filter:var(--hg-rail);backdrop-filter:var(--hg-rail)}
  .rail button{min-height:52px;border-radius:12px}
  .rail button span{font-size:9.5px}
  .list-pane{border-right:1px solid rgba(62,67,96,.07);background:var(--hc-list);-webkit-backdrop-filter:var(--hg-list);backdrop-filter:var(--hg-list)}
  .list-item:hover,.list-item[aria-current="page"]{background:var(--hc-item-on)}
  #chatsView .hp-pill{background:var(--hc-pill)}#chatsView .hp-pill[aria-pressed="true"]{background:var(--hc-pill-on);box-shadow:inset 0 0 0 1px rgba(190,201,215,.55)}
  .pane-head{min-height:58px;padding:14px 16px 8px;background:transparent}
  .pane-head>div:first-child>span{display:none}
  .pane-head h2{font-size:18px}
  /* ui-123 REVIEW-003: 늘 보이는 검색창 = 그 검색을 쓰는 채팅·친구 보기에서만(소식·커뮤니티 등은 원래대로 숨김) */
  .list-pane:has(> #chatsView:not([hidden])) #searchToggle,.list-pane:has(> #friendsView:not([hidden])) #searchToggle{display:none}
  .list-pane:has(> #chatsView:not([hidden])) #searchBox,.list-pane:has(> #friendsView:not([hidden])) #searchBox{display:flex!important}
  #searchBox{height:34px;margin:2px 14px 10px;border:1px solid rgba(255,255,255,.95);border-radius:10px;background:rgba(255,255,255,.62);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 1px 4px rgba(62,67,96,.06)}
  .chat-pane{background:linear-gradient(170deg,rgba(255,255,255,.45),transparent 55%),var(--hc-chat)}
  .chat-head{min-height:58px;background:rgba(255,255,255,.62);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
  .composer{background:var(--hc-composer);border-top:1px solid rgba(255,255,255,.95);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
  /* 2판 대화방 = 카톡 PC 입력창: 넓은 글칸 위 · 도구 줄 아래 · 보내기 오른쪽 끝 */
  #composer.composer,#composer.composer.hp-has-mic{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:10px 16px 12px}
  #composer.composer>textarea,#composer.composer.hp-has-mic>textarea{order:-1;flex:1 1 100%;width:100%;min-height:76px;max-height:200px;padding:6px 4px;border:0;border-radius:0;background:transparent;font-size:14px;line-height:1.6}
  #composer.composer>.send-button{width:36px;min-height:36px;margin-left:auto;padding:0;border-radius:50%;font-size:15px}
  .message .message-stack{max-width:min(62%,560px)}
  .bubble{font-size:13.5px}
  /* 10-31 슈아 「웹앱 신호등 겹침 · 갓노트·헬드문고 탭 없어도 돼 · 검색창·아이콘 전부 유리결」: 셸 안(hd-framed) = 헬덤 자체 신호등 줄 숨김(셸 줄 하나) · 혼자 열 때는 그대로 */
  html.hd-framed .browser-bar{display:none}
  html.hd-framed .heldom{padding-top:12px;padding-bottom:10px}
  html.hd-framed .messenger{height:calc(100dvh - 76px)}/* 10-31 슈아 「아래 베이지·흰 줄」: 셸 안 = 신호등 줄 빠진 만큼 대화창을 바닥까지 */
  html.hd-framed,html.hd-framed body{background:var(--hc-page,#EEF1F5)!important}
  .pane-actions .icon-button,.chat-head .icon-button,.heldom-head .head-actions>*{border-radius:50%;background:rgba(255,255,255,.62);border:.5px solid rgba(255,255,255,.92);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 1px 4px rgba(62,67,96,.07);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
  .heldom-head .head-actions>*{border-radius:999px}
  #searchBox{border-radius:999px;background:rgba(255,255,255,.62);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
}