#mgrSono .mgr-rooms{display:block!important;color:#eaf4ff;font:15px/1.6 system-ui}
#mgrSono .mgr-rooms-toolbar{display:flex;align-items:center;justify-content:space-between;gap:22px;flex-wrap:wrap;margin:16px 0 22px}
#mgrSono .mgr-rooms h2{font-size:25px;line-height:1.3;margin:0 0 8px}#mgrSono .mgr-rooms h2 span{color:#71d8ea;font-size:17px;margin-left:12px}
#mgrSono .mgr-rooms p{color:#b6cbe1}#mgrSono .mgr-rooms-notice{padding:14px 18px;border-left:3px solid #74d4e6;background:#14283d;border-radius:10px}
#mgrSono .mgr-rooms-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,310px),1fr));gap:24px;align-items:start}
#mgrSono .mgr-room-card{min-width:0;overflow:hidden;border:1px solid #3b5473;border-radius:22px;background:linear-gradient(145deg,#16283d,#121a30);box-shadow:0 18px 40px #0003}
#mgrSono .mgr-room-cover{height:210px;position:relative;background:radial-gradient(ellipse at top right,#6e4389,#123e51 65%,#0c192b)}
#mgrSono .mgr-room-cover img{width:100%;height:100%;object-fit:cover;display:block}#mgrSono .mgr-room-state{position:absolute;bottom:14px;left:14px;border:1px solid #71839a;background:#0b162de8;border-radius:30px;padding:7px 12px;font:600 12px system-ui;color:#d7e4f4}#mgrSono .mgr-room-state.is-open{color:#a6f5d8;border-color:#48c298;background:#102f2ce8}
#mgrSono .mgr-room-empty{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:64px;color:#8be3f2}#mgrSono .mgr-room-empty small{font-size:13px;color:#c5d8ec}
#mgrSono .mgr-room-details{padding:24px}#mgrSono .mgr-room-default{color:#bca8ff!important;font:700 11px/1.5 system-ui;letter-spacing:1.2px;margin:0 0 10px}#mgrSono .mgr-room-details h3{font-size:24px;line-height:1.3;margin:0 0 8px;overflow-wrap:anywhere;color:#f0f7ff}#mgrSono .mgr-room-name{color:#75dbea!important;font-size:13px}#mgrSono .mgr-room-description{min-height:48px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px}
#mgrSono .mgr-room-buttons{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}#mgrSono .mgr-rooms button{min-height:42px;padding:10px 16px;border-radius:11px;border:1px solid #536887;background:#182c44;color:#eef6ff;font:600 13px system-ui;cursor:pointer}#mgrSono .mgr-rooms button.mgr-rooms-primary{border-color:#88d8e7;background:linear-gradient(110deg,#176b80,#7050a5);box-shadow:0 5px 20px #56c7de15}#mgrSono .mgr-rooms button:disabled{opacity:.5;cursor:wait}#mgrSono .mgr-rooms button:focus-visible{outline:2px solid #80efff;outline-offset:3px}
#mgrSono .mgr-room-editor{padding:26px;border-radius:22px;border:1px solid #3b5473;background:linear-gradient(145deg,#14253b,#11182b)}#mgrSono .mgr-room-editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}#mgrSono .mgr-room-editor-grid>section{min-width:0}#mgrSono .mgr-room-editor label{display:block;padding:0;margin:0 0 18px;background:none;border:0;color:#caddef;font-size:14px}#mgrSono .mgr-room-editor :is(input,textarea){display:block;box-sizing:border-box;width:100%;min-height:46px;padding:12px;border:1px solid #405777;border-radius:11px;margin-top:8px;background:#081527;color:#ecf4ff;font:14px/1.6 system-ui}#mgrSono .mgr-room-editor textarea{min-height:140px;resize:vertical}#mgrSono .mgr-room-editor small{display:block;color:#a8bdd7;margin:-10px 0 20px}#mgrSono .mgr-editor-image{display:block;width:100%;max-height:200px;object-fit:contain;border-radius:14px;margin-bottom:20px;background:#07101c}#mgrSono .mgr-rooms-empty{padding:32px;border:1px dashed #597798;border-radius:18px}
@media(max-width:760px){#mgrSono .mgr-room-editor-grid{grid-template-columns:1fr}#mgrSono .mgr-room-editor{padding:18px}#mgrSono .mgr-room-cover{height:180px}}

/* MGR_ROOMS_STYLE_V2 */
#mgrSono .mgr-rooms{--room-line:rgba(151,179,220,.18);font:14px/1.6 system-ui,-apple-system,Segoe UI,sans-serif}
#mgrSono .mgr-rooms-toolbar{margin:8px 0 22px;gap:18px}
#mgrSono .mgr-rooms h2{font-size:26px;font-weight:750;letter-spacing:-.7px;color:#f4f7ff}
#mgrSono .mgr-rooms h2 span{display:inline-flex;align-items:center;justify-content:center;min-width:27px;height:27px;padding:0 5px;border-radius:9px;background:#153347;color:#81dfef;font-size:13px;vertical-align:middle;letter-spacing:0}
#mgrSono .mgr-rooms-toolbar p{margin:6px 0 0;color:#9aacc5;font-size:13px}
#mgrSono .mgr-rooms-notice{margin:0 0 24px;padding:10px 14px;border:1px solid var(--room-line);border-left:2px solid #6ac9da;border-radius:10px;background:rgba(28,46,70,.38);color:#a8bbd2;font-size:12px}
#mgrSono .mgr-rooms-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:18px}
#mgrSono .mgr-room-card{display:grid;grid-template-columns:clamp(230px,30%,360px) minmax(0,1fr);min-height:250px;border:1px solid var(--room-line);border-radius:18px;background:linear-gradient(115deg,#142335,#101a2d 65%,#191c35);box-shadow:0 12px 28px #00000025;overflow:hidden;transition:border-color .2s,box-shadow .2s}
#mgrSono .mgr-room-card:hover{border-color:#53708a;box-shadow:0 16px 32px #00000038}
#mgrSono .mgr-room-cover{height:100%;min-height:250px;border-right:1px solid var(--room-line);background:#0a1624}
#mgrSono .mgr-room-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
#mgrSono .mgr-room-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,12,24,.65),transparent 50%);pointer-events:none}
#mgrSono .mgr-room-state{z-index:1;bottom:16px;left:16px;padding:6px 11px;font-size:11px;letter-spacing:.1px;font-weight:600;background:#0b182de8;border-color:#75889d66;backdrop-filter:blur(10px)}
#mgrSono .mgr-room-state.is-open{color:#a4f3d3;border-color:#5bd6a866;background:#0c342be8}
#mgrSono .mgr-room-details{display:flex;flex-direction:column;align-items:flex-start;padding:25px 28px;min-width:0}
#mgrSono .mgr-room-default{display:inline-block;padding:4px 9px;border:1px solid #a88cf038;border-radius:6px;background:#9471d812;color:#c8b5f5!important;font-size:10px;letter-spacing:1px;margin:0 0 12px}
#mgrSono .mgr-room-details h3{font-size:25px;font-weight:750;line-height:1.2;letter-spacing:-.5px;margin:0 0 6px;color:#f2f6ff}
#mgrSono .mgr-room-name{font-size:12px;color:#72c8d8!important;margin:0 0 10px}
#mgrSono .mgr-room-description{font-size:13px;line-height:1.65;color:#aabbd1;min-height:0;margin:0 0 20px;max-width:65ch;white-space:pre-wrap}
#mgrSono .mgr-room-buttons{margin-top:auto;padding-top:2px;gap:9px}
#mgrSono .mgr-rooms button{min-height:40px;padding:10px 16px;font-size:12px;font-weight:650;border-radius:9px;background:#1a293e;border:1px solid #7992af40;color:#d7e5f5;box-shadow:none;transition:background .15s,border-color .15s}
#mgrSono .mgr-rooms button:hover{background:#263850;border-color:#94b6ce88}
#mgrSono .mgr-rooms button.mgr-rooms-primary{background:linear-gradient(115deg,#236c80,#52558b);border:1px solid #7fd4e65c;color:#fff;box-shadow:0 4px 12px #07121b44}
#mgrSono .mgr-rooms button.mgr-rooms-primary:hover{background:linear-gradient(115deg,#2b8196,#65659f)}
#mgrSono .mgr-room-editor{padding:26px;background:linear-gradient(125deg,#132236,#111a2d);border:1px solid var(--room-line);border-radius:18px;box-shadow:0 15px 35px #0002}
#mgrSono .mgr-room-editor-grid{gap:30px;margin-top:22px}
#mgrSono .mgr-room-editor-grid>section{padding:20px;background:#08132255;border:1px solid #8097b31f;border-radius:12px}
#mgrSono .mgr-room-editor label{font-size:12px;font-weight:600;color:#b9cbe0;margin-bottom:18px}
#mgrSono .mgr-room-editor :is(input,textarea){background:#091526;border:1px solid #7c96b438;border-radius:8px;font-size:13px;min-height:42px;padding:10px 12px;transition:border-color .15s}
#mgrSono .mgr-room-editor :is(input,textarea):focus{outline:2px solid #69c9db66;outline-offset:2px;border-color:#69c9db}
#mgrSono .mgr-room-editor input[type=file]{font-size:11px;padding:8px}
#mgrSono .mgr-room-editor input::file-selector-button{padding:7px 10px;margin-right:10px;border:0;border-radius:5px;background:#25374e;color:#e3edfa;cursor:pointer}
#mgrSono .mgr-editor-image{max-height:230px;border:1px solid var(--room-line);border-radius:10px}
#mgrSono .mgr-rooms-empty{padding:32px;background:#13233855;border:1px dashed #7896b650;border-radius:16px}
@media(max-width:900px){#mgrSono .mgr-room-card{grid-template-columns:220px minmax(0,1fr)}#mgrSono .mgr-room-details{padding:22px}#mgrSono .mgr-room-editor-grid{grid-template-columns:1fr}}
@media(max-width:620px){#mgrSono .mgr-room-card{grid-template-columns:minmax(0,1fr)}#mgrSono .mgr-room-cover{height:210px;min-height:210px;border-right:0;border-bottom:1px solid var(--room-line)}#mgrSono .mgr-room-details{padding:20px}#mgrSono .mgr-room-buttons{width:100%}#mgrSono .mgr-room-buttons button{flex:1}#mgrSono .mgr-rooms h2{font-size:22px}#mgrSono .mgr-room-editor{padding:16px}#mgrSono .mgr-room-editor-grid>section{padding:15px}}
@media(prefers-reduced-motion:reduce){#mgrSono .mgr-room-card,#mgrSono .mgr-rooms button{transition:none}}
