/* 間取りプランナーの「昼 / 夜」（js/room_night.js）。3D の右上の切り替えと、夜の説明（スマホ幅では左下） */
.rp-time{position:absolute;inset:0;z-index:3;pointer-events:none}
.rp-time>*{pointer-events:auto}
.rp-time[hidden]{display:none}
.rp-time-seg{position:absolute;right:12px;top:12px;display:inline-flex;gap:2px;padding:3px;background:var(--surface);border:1px solid var(--line);border-radius:999px;box-shadow:var(--shadow)}
.rp-time-seg button{min-height:38px;min-width:52px;padding:4px 14px;font:inherit;font-size:14px;font-weight:800;border:0;border-radius:999px;background:transparent;color:var(--fg);cursor:pointer}
.rp-time-seg button[aria-pressed="true"]{background:var(--accent);color:var(--on-accent)}
.rp-time-seg button[data-time="night"][aria-pressed="true"]{background:#2d3550;color:#ffe2b0}
.rp-time-seg button:focus-visible{outline:3px solid var(--focus);outline-offset:1px}
.rp-night-note{position:absolute;right:12px;top:66px;max-width:min(300px,calc(100% - 150px));font-size:12px;line-height:1.55;color:#f1eadf;background:rgb(14 16 24 / .8);border:1px solid rgb(255 255 255 / .12);border-radius:10px;padding:8px 10px}
.rp-night-note[hidden]{display:none}
.rp-night-note p{margin:0}
.rp-std{display:flex;align-items:center;gap:6px;margin-top:6px;min-height:32px;font-weight:700;cursor:pointer}
.rp-std[hidden]{display:none}
.rp-std input{width:18px;height:18px;margin:0;accent-color:#ffb85c}
@media (max-width:600px){
  .rp-time-seg{right:8px;top:8px}
  .rp-night-note{top:auto;right:auto;left:8px;bottom:8px;max-width:calc(100% - 110px);font-size:11px;padding:6px 8px}
}