/* * nous-bill-global.css * - 2026-09-05: v7.50 — **`[hidden] { display:none !important }` 전역 규칙 신설.** 🔴 209-1 실기기(기획자)에서 변경·취소·노쇼 패널이 * 한꺼번에 그려져 「매너점수 규칙 확인」이 두 개 떴다 — 작성자 규칙 `.reply-row{display:grid}` 가 UA 의 `[hidden]` 을 이긴 것. * ⚠ 목업 209-1 도 같은 결함(2026-08-12 «display !important 편법 제거 → hidden 전환» 때 생긴 구멍) → 목업 v8 에도 같은 줄. * 보이게 하려면 hidden 을 떼라 — 클래스로 display 를 켜지 마라. 본코딩 실물과 함께 정본화(전수조사 2026-09-05). * - 2026-09-05: v7.49 — **`.toast` z-index 50 → 600.** 🔴 206 실기기(기획자)에서 모달(오버레이 320)을 연 채 뜨는 검증 안내가 * 뒤에 깔려 «[대기]가 안 눌린다»로 보였다. 토스트는 «지금 이 순간의 알림»이라 무엇보다 위에 있어야 한다. * 600 = 화면 오버레이 최댓값(501-1 intro 500)보다 위 · 오프라인 배너(999)보다 아래. * ⚠ 화면 CSS 에서 `.toast` 의 z-index 를 다시 선언하지 마라 — 여기 하나로 정한다(`tools/nb_port_check.rb` ⑪ 이 지켜본다). * 목업 8화면이 갖고 있던 `.toast{z-index:400}` 인라인 복사본도 이 값으로 갈음한다. * - 2026-08-31: v7.48 — **시간·날짜 선택칸 `.time-select` 정본 신설** (기획자 지시 * *"이걸 시간입력을 사용하는 모든곳에 적용해줘"*). 🔴🔴 **종전에는 정본이 아예 없었다** — * 이 파일에도 쿡북에도 0건인 채로 **9화면이 각자 인라인 복사본**을 들었고 **이미 6가지로 갈려 있었다** * (글자 크기·글자색·padding·transition). 모양은 정본 `.btn-inline`(+`.lg`) 계열을 따르고 * **여기서 색을 새로 만들지 않는다**. 고름 표시 `.chosen`(=511 업종 버튼의 `aria-pressed="true"`와 같은 값). * ⚠ 글자 `--text-xs` — 월·일·시·분 **네 칸이 한 줄**에 들어가야 한다(§3 하한 13px). * ⚠ ``를 버튼으로 바꾸지 않는다 — 시(時)가 24개라 펼치면 화면이 그것만으로 찬다. ⚠ **프로토타입은 스냅샷이라 이 값이 자동 전파되지 않는다** — 화면마다 인라인 복사본을 갖고 있다. 본코딩(Rails)에서 전역 CSS 한 곳이 되면 그때 복사본이 사라진다. */ .time-row { display:flex; align-items:center; gap:6px; } .time-sep { color:var(--color-text-muted); font-size:var(--text-base); font-weight:700; flex-shrink:0; } /* ⚠ 자리 기준 변형(기획자 확인 2026-09-05 «들어갈 장소에 맞춰라 — 여유가 있으면 큰 쪽»): «라벨 열 + 네 칸»이 한 줄에 드는 답장·요청 화면(208-1·208-2·209-1·209-2·210-2·206 모달)은 375px에서 위 값이 21px 넘친다(실측 2026-09-05). 그 화면들은 목업이 정한 **gap 3px · 글자 --text-xs** 를 화면 CSS에 둔다. 라벨 없이 한 줄을 다 쓰는 자리만 이 정본 값을 그대로 쓴다. */ .time-select { flex:1; min-width:0; min-height:44px; padding:6px 8px; font-family:var(--font-base); font-size:var(--text-xs); font-weight:700; text-align:center; cursor:pointer; -webkit-appearance:none; appearance:none; background:linear-gradient(180deg, rgba(74,222,128,0.15) 0%, rgba(74,222,128,0.07) 100%); border:1px solid rgba(74,222,128,0.3); border-radius:var(--radius-sm); color:var(--color-text-muted); transition:all 0.15s; -webkit-tap-highlight-color:transparent; } .time-select:hover { background:linear-gradient(180deg, rgba(74,222,128,0.25) 0%, rgba(74,222,128,0.12) 100%); border-color:rgba(74,222,128,0.55); color:var(--color-primary); transform:translateY(-1px); } .time-select:active { transform:translateY(1px); } .time-select:focus { outline:none; box-shadow:0 0 0 2px rgba(74,222,128,0.4); } /* 고른 상태 — 511 업종 버튼의 aria-pressed="true"와 같은 값. JS가 켜고 끈다. */ .time-select.chosen { background:var(--color-primary); color:var(--color-bg); font-weight:700; } /* ⚠⚠ `.selected`를 `.chosen`과 **같은 값으로 합치지 않는다.** 208-1·208-2·210은 `.selected`를 마크업에 **고정**으로 달아 **모든 칸에 늘 켜져 있다** — 합치면 그 세 화면의 시간칸이 **통째로 초록 블록**이 된다(고른 것이 하나도 없는데도). ⇒ `.selected`는 **구 거동 그대로 글자색만** 바꾼다. 「고름」은 `.chosen`뿐이다. */ .time-select.selected { color:var(--color-primary); } .time-select option { background:var(--color-bg); color:var(--color-text); font-weight:400; } /* ── 알림 허용 문맥 안내 (.nb-push-optin) — 정본 (2026-09-09 신설) ──────────────── 기획자 확정 2026-09-09: 푸시는 앱 밖에서 받는 것이라 첫화면 본문에서 상시로 조를 이유가 없다. 알림이 필요해지는 순간(208 요청 열람 · 210 요청 발송 직후)에만 한 줄로 묻는다. ⭐ 새 색·새 버튼 모양을 만들지 않는다 — 글자는 `.list-note`, 버튼은 `.btn-inline` 정본 그대로다. 여기서 정하는 것은 «두 개를 한 줄에 놓는 배치»뿐이다. ⚠ 205·505의 상시 「알림 받기」 버튼을 대신한다. 그 버튼은 목업에 없이 T2-w에서 들어왔던 것이다. */ .nb-push-optin { display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; margin-top: 8px; padding: 10px 12px; background: var(--color-surface); border: 1px solid rgba(74, 222, 128, 0.2); border-radius: var(--radius-md); } .nb-push-optin .list-note { margin-top: 0; flex: 1 1 200px; } .nb-push-optin-actions { display: flex; gap: 8px; flex-shrink: 0; }