.room-panel{border:1px solid var(--line,#dce5d8);border-radius:18px;background:var(--surface,#fff);padding:22px;margin:16px 0;box-shadow:0 5px 18px #163d2910}
.room-settings{display:grid;grid-template-columns:minmax(110px,1fr) minmax(0,2fr);align-items:center;gap:14px;max-width:550px}
.room-settings>label{font-size:13px;font-weight:750;color:var(--text,#234a3a)}
.room-settings select{min-width:0;min-height:44px;padding:10px 12px;border-radius:10px;border:1px solid var(--line,#c9d7cb);background:var(--surface,#fff);color:var(--text,#214934)}
.room-settings .room-checkbox{grid-column:1/-1;display:flex;align-items:center;gap:10px;font-size:13px}
.room-checkbox input{width:18px;height:18px;accent-color:#267956}
.room-preview{background:linear-gradient(110deg,#0d3b2e,#15513b);border-radius:18px;margin-top:20px;padding:19px;color:#e5f1e6}
.room-counts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:16px}
.room-counts>div{text-align:center;background:#ffffff12;border:1px solid #c8dfc128;border-radius:10px;padding:10px}
.room-counts strong{display:block;color:#f1d58e;font-size:24px;font-variant-numeric:tabular-nums}
.room-counts small{font-size:10px;color:#d1e2d1}
.room-seat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.room-seat{min-height:77px;background:#ffffff13;border:1px solid #d5e3cc55;border-radius:12px;padding:11px 6px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:3px}
.room-seat strong{font-size:12px;color:#f1f8ef}.room-seat span{font-size:16px;color:#e3c688}.room-seat small{font-size:10px;color:#bcd3bf}
.room-seat-bot{background:#3d665134;border-color:#cfc49a55}.room-seat-empty{border-style:dashed;opacity:.7}
.room-help{font-size:12px;line-height:1.7;color:var(--muted,#6a816d)}
.room-preview .room-help{color:#d3e3d4;margin:15px 0 0}
.room-status strong{font-size:15px;color:var(--text,#244b3a)}.room-status p{font-size:13px;line-height:1.75;color:var(--muted,#627965)}
.room-status button{min-height:44px;cursor:pointer}
.pk-seat-config{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:14px 0;padding:12px;background:var(--surface-secondary,#eef3ea);border-radius:12px}
.pk-seat-config label{font-size:12px;font-weight:750}
.pk-seat-config select{min-height:44px;max-width:100%;padding:9px;border:1px solid var(--line,#b6cdb8);border-radius:9px;background:var(--surface,#fff);color:var(--text,#1c4433)}
.pk-seat-config button{min-height:44px}
@media(max-width:550px){.room-panel{padding:14px}.room-settings{grid-template-columns:1fr;gap:7px}.room-settings>label{margin-top:8px}.room-seat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.room-counts{grid-template-columns:repeat(2,minmax(0,1fr))}.pk-seat-config{align-items:stretch;flex-direction:column}.pk-seat-config>*{width:100%}}