/* 홈 화면 설치 안내와 새 버전 알림 막대. 3차 제작의뢰 기준(흰 카드·핑크 버튼)을 따른다. */
.yyf-pwa-bar{position:fixed;z-index:60;left:50%;bottom:calc(16px + env(safe-area-inset-bottom));transform:translateX(-50%);display:flex;align-items:center;gap:10px;width:min(430px,calc(100vw - 28px));padding:13px 14px;border:1px solid var(--line,#ebe6e3);border-radius:4px;background:#fff;box-shadow:0 14px 34px #3b3b3b1f;color:var(--ink,#333);font-size:12px;line-height:1.5}
.yyf-pwa-bar[hidden]{display:none}
.yyf-pwa-bar p{flex:1;margin:0}
.yyf-pwa-bar b{display:block;font-weight:700;margin-bottom:2px}
.yyf-pwa-bar small{display:block;color:var(--muted,#8c8c8c);font-size:11px}
.yyf-pwa-bar button{flex:none;border:0;border-radius:2px;padding:10px 13px;background:var(--accent,#d98a92);color:#fff;font-size:11px;font-weight:700}
.yyf-pwa-bar button:hover{background:var(--accent-strong,#cf7d86)}
.yyf-pwa-bar .yyf-pwa-close{padding:10px 4px;background:none;color:var(--muted,#8c8c8c);font-size:17px;font-weight:400;line-height:1}
.yyf-pwa-bar .yyf-pwa-close:hover{background:none;color:var(--ink,#333)}
@media(max-width:420px){.yyf-pwa-bar{flex-wrap:wrap}.yyf-pwa-bar p{flex-basis:100%}}

/* ── 설치한 앱으로 열었을 때만 적용한다. 브라우저로 보는 화면은 그대로 둔다. ──
   앱에는 주소창이 없어 상단이 이미 비어 있다. 좁은 업무 화면에서 고정 크롬이
   세로를 세 겹 넘게 잡아먹으므로, 스크롤과 함께 흘려보내 내용에 자리를 준다. */
:root[data-app-mode="standalone"] .environment-banner,
:root[data-app-mode="standalone"] .admin-header,
:root[data-app-mode="standalone"] .availability-header,
:root[data-app-mode="standalone"] .admin-workspace-tabs,
:root[data-app-mode="standalone"] .schedule-board-modes{position:static;box-shadow:none}

/* 남겨 두는 고정 요소들은 헤더 높이만큼 내려와 있었다. 헤더가 흐르면 그 여백이 뜬다. */
:root[data-app-mode="standalone"] .manual-stage-nav,
:root[data-app-mode="standalone"] .availability-result-card{top:0}

/* 업무 앱에서 브랜드 홈페이지로 빠지지 않게 한다. 워드마크는 JS가 링크만 끄고 글자는 남긴다. */
:root[data-app-mode="standalone"] .availability-header>div:last-child{display:none}
:root[data-app-mode="standalone"] .availability-wordmark,
:root[data-app-mode="standalone"] .admin-wordmark{cursor:default}

/* 노치와 홈 인디케이터를 피하고, 위아래로 당길 때 빈 배경이 보이지 않게 한다. */
:root[data-app-mode="standalone"] body{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);overscroll-behavior-y:none}
:root[data-app-mode="standalone"]{-webkit-tap-highlight-color:transparent}