.res-karaoke-room-panel{margin:24px 0;padding:22px;background:#fbf8f1;border:1px solid #dfd1b5;border-radius:16px;color:#223b33}.res-room-panel-head{display:flex;justify-content:space-between;gap:24px}.res-room-panel-head small{color:#836235;font-size:10px;font-weight:700;letter-spacing:.13em}.res-room-panel-head h2{margin:7px 0;font-size:23px}.res-room-panel-head p{font-size:13px;line-height:1.6;max-width:740px}.res-room-panel-head a{align-self:flex-start;white-space:nowrap;color:#624771;font-size:13px;font-weight:700}.res-room-staff-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:15px}.res-room-staff-grid article{padding:18px;background:#fff;border:1px solid #dedaca;border-radius:12px}.res-room-staff-grid h3{margin:0 0 7px}.res-room-staff-grid header>span,.res-room-staff-grid p{font-size:12px;color:#69766c;line-height:1.5}.res-room-actions{display:flex;flex-wrap:wrap;gap:8px;margin:15px 0}.res-room-actions button,.res-room-code-output button{border:1px solid #cdbfdb;background:#f7f4fb;color:#514064;border-radius:8px;padding:10px;font-weight:700;cursor:pointer}.res-room-code-output{font-size:12px;line-height:1.6;padding-top:12px;border-top:1px solid #e9e2d5;display:flex;flex-direction:column;align-items:flex-start;gap:10px}.res-room-issued-code{font-size:30px;letter-spacing:.18em;color:#564072}.res-room-qr{width:180px;max-width:100%}@media(max-width:700px){.res-room-staff-grid{grid-template-columns:1fr}.res-room-panel-head{display:block}.res-karaoke-room-panel{padding:15px}}