/* 공간 대관·장비 안내 목록·상세(hm_resource, DB 연동 일감 ②) — 바탕은 rental.css(공간 대관 화면) 그대로, 여기는 덧칠만 */
.gear-top{align-items:stretch}
.gear-photo{border-radius:var(--r); overflow:hidden; background:var(--bg2); min-height:280px}
.gear-photo img{display:block; width:100%; height:100%; object-fit:cover}
.gear-h{font-size:19px; font-weight:800; margin:0 0 6px}
.gear-spec th{width:34%; color:var(--g1); font-size:14px}
.gear-spec td{color:var(--ink)}
/* 사진이 없는 자원 — 빈 칸 대신 이름 글자 */
.nophoto{display:grid; place-items:center; width:100%; height:100%; min-height:180px; background:var(--pane2);
  color:var(--dim); font-size:15px; font-weight:800; letter-spacing:-.02em; padding:16px; text-align:center}
.pthumb .nophoto{aspect-ratio:4/3; min-height:0}
.rooms .nophoto{aspect-ratio:16/7; min-height:0; border-radius:8px; margin-bottom:10px; font-size:13px}
.rcard .nophoto{aspect-ratio:16/10; min-height:0}
/* 상세 사진 여러 장 */
.photos{list-style:none; display:flex; flex-wrap:wrap; gap:8px; padding:0; margin:12px 0 0}
.photos img{display:block; width:96px; height:72px; object-fit:cover; border-radius:8px; background:var(--bg2)}
/* 상세의 예약 카드(소개만, PO 2026-10-26 목업 ④·⑤) — 안내 한 줄 + 목록 화면으로 가는 단추 */
.bookcard p{font-size:14px; color:var(--dim); line-height:1.7; margin:0 0 16px}
.bookcard .gcta{width:100%}
/* 상세에서 ?no= 로 넘어와 격자로 내려갈 때 붙박이 머리(80px · 980px 이하 60px) 밑으로 */
#rgrid{scroll-margin-top:96px}
@media(max-width:980px){ #rgrid{scroll-margin-top:72px} }
/* 달 넘기기 */
.mnav{display:flex; align-items:center; justify-content:space-between; gap:10px; margin:0 0 12px}
.mnav .mday-ttl{margin:0}
.mnav button{border:1px solid var(--line); background:var(--pane); color:var(--ink); border-radius:999px;
  min-width:44px; min-height:36px; padding:0 12px; font:inherit; font-size:13px; font-weight:800; cursor:pointer}
.mnav button:disabled{opacity:.4; cursor:default}
.mstate{font-size:14px; color:var(--dim); margin:10px 0 0}
/* 등록된 자원이 없을 때 */
.none{font-size:15px; color:var(--dim); padding:22px 0}
/* 격자 칸의 읽어 주기 글(.sr, position:absolute)이 옆으로 미는 표 밖으로 새어 쪽 가로 넘침을 만들지 않게 — 스크롤 상자를 기준 상자로 */
#grid .cal{position:relative}