/* DIALOG-STYLE.CSS */

/* VARIÁVEIS DOS DIÁLOGOS */
:root{
--dialog-width:900px;
--dialog-manager-width:720px;
--dialog-mobile-width:94vw;
--dialog-padding:20px;
--dialog-gap:20px;
--dialog-margin:20px;
--dialog-border:3px solid #000;
--dialog-photo:50px;
--dialog-photo-border:3px solid #fff;
--dialog-background:#000;
--dialog-text:#fff;
}

/* DIÁLOGO — ROOM CONFIGURATION */
.room-currenttype{width:100%;margin:20px 0;text-align:center;}
.room-currenttype-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;width:100%;margin-top:15px;}
.room-currenttype-option{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:15px;box-sizing:border-box;opacity:.35;filter:grayscale(1);transition:opacity .2s ease,filter .2s ease,transform .2s ease;}
.room-currenttype-option img{display:block;width:80px;height:80px;object-fit:contain;}
.room-currenttype-option small{font-size:14px;color:#fff;}
.room-currenttype-option.is-active{opacity:1;filter:none;transform:scale(1.08);}

/* DIÁLOGO — PADRÃO GLOBAL */
dialog{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;padding:0;border:0;border-radius:0;background:var(--dialog-background);color:var(--dialog-text);box-sizing:border-box;overflow:hidden}
dialog::backdrop{background:none}
dialog > *{ box-sizing:border-box;}

/* GRID DE CONFIGURAÇÕES */
#room-config-summary{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px;}