/* BMOS 정렬 — 2026-09-27. style.css 뒤에 얹어 펫치 화면(주차·방문객·규정)을 BMOS 대시보드 규칙에 맞춘다.
   굵은 것 하나 · 선 하나 · 여백 경계. 시안 https://claude.ai/artifact/BouACEDpqy1BDTbUq9URYs
   ⛔ :root 토큰은 건드리지 않는다(셸 토큰 누수 사고 교훈) — 컴포넌트 규칙만. */

/* 네이비 배너 → 제목 한 줄 */
.pagehero{background:none;border-radius:0;padding:0;margin:4px 0 16px;gap:0;display:block}
.pagehero__chip{display:none}
.pagehero h1{font-size:22px;font-weight:700;color:var(--ink);margin:0;line-height:1.3}
.pagehero p{margin:4px 0 0;font-size:13px;color:var(--text-muted)}
.pagehero__badge{font-size:11px;font-weight:600;color:var(--text-muted);border:1px solid var(--border);border-radius:6px;padding:1px 6px;vertical-align:3px;background:none}

/* 알약 탭 → 밑줄 탭 */
.subnav{gap:20px;margin:0 0 18px;border-bottom:1px solid var(--border);flex-wrap:nowrap;overflow-x:auto}
.subnav a{min-height:0;padding:8px 0;background:none;border-radius:0;box-shadow:none;font-weight:400;font-size:14px;color:var(--text-muted);white-space:nowrap}
.subnav a:hover{color:var(--ink)}
.subnav a.is-active{background:none;color:var(--ink);font-weight:600;box-shadow:inset 0 -2px 0 #c8a96a}

/* 그림자 카드 → 1px 테두리 */
.card{box-shadow:none;border:1px solid var(--border);border-radius:14px;padding:20px}
.result-status{box-shadow:none}

/* 표 — 가로선만 */
.tblwrap table th{font-weight:600}

/* 주차 결과: 무료 출차 마감이 이 화면의 굵은 것 하나 */
.pk-hero{display:flex;flex-direction:column;gap:2px;margin:14px 0 4px}
.pk-hero b{font-size:34px;font-weight:600;line-height:1.1;color:var(--ink);font-variant-numeric:tabular-nums}
.pk-hero span{font-size:13px;color:var(--text-muted)}

/* ── 운영 보드 틀(2026-09-28) — 사옥 첫 화면(portal-worker .oa-*)과 같은 값. 회의실·주차 세부 화면이 쓴다.
   제목 줄 → 지표 띠(위 잉크 선·칸 사이 세로 선·굵은 숫자 하나) → 본문 → 오른쪽 「내 것」 줄 */
.bx{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:32px;max-width:1180px}
@media(max-width:960px){.bx{grid-template-columns:1fr}}
.bx-main{display:flex;flex-direction:column;gap:18px;min-width:0}
.bx-head{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.bx-head h1{margin:0;font-size:22px;font-weight:700;color:var(--ink)}
.bx-head span{font-size:13px;color:var(--text-muted)}
.bx-kpi{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--ink);border-bottom:1px solid var(--border)}
.bx-kpi>div{padding:14px 16px 10px;border-left:1px solid var(--border);display:flex;flex-direction:column;gap:2px;min-width:0}
.bx-kpi>div:first-child{border-left:0;padding-left:0}
.bx-kpi .l{display:flex;justify-content:space-between;font-size:13px;color:var(--text-muted)}
.bx-kpi .v{font-size:26px;line-height:1.15;color:var(--ink);font-variant-numeric:tabular-nums}
.bx-kpi .v small{font-size:13px;color:var(--text-soft);margin-left:4px}
.bx-kpi .v.bx-hero{font-size:34px;font-weight:600}
.bx-kpi .c{font-size:12px;color:var(--text-soft)}
.bx-sp{display:block;width:100%;height:34px}
@media(max-width:640px){.bx-kpi{grid-template-columns:1fr}.bx-kpi>div{border-left:0;border-top:1px solid var(--border);padding-left:0}.bx-kpi>div:first-child{border-top:0}}
.bx-box{border:1px solid var(--border);border-radius:14px;padding:16px 18px;background:var(--surface)}
.bx-foot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;font-size:12px;color:var(--text-soft)}
.bx-foot a{color:var(--text-muted)}
.bx-rail{display:flex;flex-direction:column;gap:6px;border-left:1px solid var(--border);padding-left:24px;min-width:0}
@media(max-width:960px){.bx-rail{border-left:0;padding-left:0;border-top:1px solid var(--border);padding-top:14px}}
.bx-rh{font-size:15px;font-weight:600;color:var(--ink);margin-top:4px}
.bx-ri{display:flex;flex-direction:column;gap:1px;padding:10px 0;border-bottom:1px solid var(--border);font-size:13px;text-decoration:none;color:inherit}
.bx-ri b{font-weight:500;color:var(--ink)}
.bx-ri span{color:var(--text-muted)}
.bx-cap{font-size:12px;color:var(--text-soft)}
/* 주차 폼을 보드 안 상자로 — .card 여백을 상자 값에 맞춤 */
.bx .card{margin:0}