@media (min-width:761px){
  #appView.app-view{grid-template-columns:148px minmax(0,1fr);column-gap:20px}
  #appView>.app-nav{gap:3px;padding:var(--kptu-space-2);border-radius:var(--kptu-radius-lg)}
  #appView>.app-nav .nav-btn{font-size:12.5px;white-space:nowrap}
}
@media (min-width:1440px){
  #appView.app-view{grid-template-columns:156px minmax(0,1fr);column-gap:22px}
  #appView>.app-nav{padding:9px}
  #appView>.app-nav .nav-btn{font-size:13px}
}
/* UI-폴드PC틀(2026-10-30 명진 시안 A): 761~1023px(폴드 펼침·좁은 노트북 창)도 PC 틀이다. 왼쪽 메뉴는 그림만 보이는 좁은 칸(52px)이고,
   위쪽 줄 맨 왼쪽 메뉴 버튼을 누르면 이름까지 펼친 메뉴가 본문 위에 잠깐 겹친다(#appView.nav-open, topbar-actions.js, 이 탭 메모리만).
   메뉴를 고르거나 바깥을 누르거나 Esc면 다시 접힌다. [일정] 아래 할 일·업무일지·일기는 접힌 칸에서도 작은 그림으로 보인다. 순서·묶음은 PC 사이드바 그대로(같은 버튼), 그림은 폰 하단바와 같은 선 그림(menu-model.mjs).
   이 폭에서는 PC [사이드바 숨김](nav-collapsed)을 쓰지 않는다(좁은 칸이 본문 폭을 거의 쓰지 않음). 1024px~는 지금 PC 그대로(그림 없음). */
#appView>.app-nav .nav-ico{display:none}
@media (min-width:761px) and (max-width:1023px){
  main{--kptu-wide-pad:16px}
  html body #appView.app-view,html body #appView.app-view.nav-collapsed{grid-template-columns:52px minmax(0,1fr);column-gap:12px}
  html body #appView>.app-nav,html body #appView.nav-collapsed>.app-nav{display:flex;z-index:35;box-sizing:border-box;width:52px;gap:2px;padding:6px 4px;overflow-x:hidden}
  html body #appView>.app-nav .sidebar-brand{justify-content:center;gap:0;padding:4px 0 8px}
  html body #appView>.app-nav .sidebar-brand span,
  html body #appView>.app-nav .nav-label{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
  html body #appView>.app-nav :is(.nav-btn,.nav-sub-btn){position:relative;display:flex;align-items:center;justify-content:center;gap:10px;flex:0 0 auto;min-height:38px;padding:0;white-space:nowrap}
  html body #appView>.app-nav .nav-ico{display:block;flex:0 0 auto;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
  html body #appView>.app-nav :is(.nav-home-mid,.nav-quick-links,[hidden]){display:none}
  /* 좁은 칸의 [일정] 아래 작은 메뉴: 할 일·업무일지·일기가 작은 그림으로 [일정] 바로 밑에 붙는다([달력]은 [일정]과 같은 곳이라 빠짐). */
  html body #appView:not(.nav-open)>.app-nav .nav-sub{display:flex;flex-direction:column;gap:1px;margin:0 0 2px;padding:0;border-left:0}
  html body #appView:not(.nav-open)>.app-nav .nav-sub-btn{min-height:32px}
  html body #appView:not(.nav-open)>.app-nav .nav-sub-btn .nav-ico{width:17px;height:17px}
  html body #appView:not(.nav-open)>.app-nav .nav-sub-btn[data-goto="calendar"]{display:none}
  html body #appView.nav-open>.app-nav{width:208px;padding:6px;overflow-y:auto;box-shadow:var(--kptu-shadow-float)}
  html body #appView.nav-open>.app-nav .sidebar-brand{justify-content:flex-start;gap:7px;padding:4px 10px 8px}
  html body #appView.nav-open>.app-nav :is(.nav-btn,.nav-sub-btn){justify-content:flex-start;padding:0 10px}
  html body #appView.nav-open>.app-nav .nav-sub-btn{min-height:30px}
  html body #appView.nav-open>.app-nav .nav-sub-btn .nav-ico{display:none}
  html body #appView.nav-open>.app-nav :is(.sidebar-brand span,.nav-label){position:static;width:auto;height:auto;margin:0;overflow:hidden;clip:auto;text-overflow:ellipsis}
  html body #appView.nav-open>.app-nav .nav-quick-links{display:flex}
}
/* UI-앱안알림 3단계(A4): 메뉴 '홈' 옆 '나한테 온 요청' 숫자(모양 원본은 notice-bar.css). */
@media (min-width:761px) and (max-width:1023px){
  /* 폴드 펼침의 그림만 보이는 좁은 칸(접힘): 이름이 숨으므로 숫자는 그림 오른쪽 위에 작게. 펼친 메뉴(nav-open)에서는 이름 옆. */
  html body #appView[data-home-asks]:not(.nav-open)>.app-nav .sidebar-brand{position:relative}
  html body #appView[data-home-asks]:not(.nav-open)>.app-nav .sidebar-brand::after{position:absolute;top:0;right:2px;margin:0;padding:0;font-size:10px;line-height:1}
}