
/* V272 — settings dialog only. Preserve day/night functionality. */
html body.studio-app #modal.shaliz-settings-glass,
html body.studio-app.night #modal.shaliz-settings-glass,
html body.studio-app.day #modal.shaliz-settings-glass {
  box-sizing:border-box!important; width:min(92vw,440px)!important;
  max-width:92vw!important; padding:0!important; overflow:visible!important;
  border:0!important; outline:0!important; border-radius:19px!important;
  background:transparent!important; background-image:none!important;
  box-shadow:none!important;
}
html body.studio-app #modal.shaliz-settings-glass::before,
html body.studio-app #modal.shaliz-settings-glass::after {content:none!important;display:none!important;}
html body.studio-app #modal.shaliz-settings-glass::backdrop {
  background:rgba(0,0,0,.48)!important;
  backdrop-filter:blur(3px)!important;
}
html body.studio-app #modal.shaliz-settings-glass > .modal-body,
html body.studio-app.night #modal.shaliz-settings-glass > .modal-body,
html body.studio-app.day #modal.shaliz-settings-glass > .modal-body {
  box-sizing:border-box!important; width:100%!important; min-width:0!important;
  max-width:100%!important; max-height:min(88dvh,760px)!important;
  overflow:auto!important; padding:25px clamp(17px,4vw,27px) 25px!important;
  border:0!important; outline:0!important; border-radius:19px!important;
  background:rgba(96,91,85,.32)!important; background-color:rgba(96,91,85,.32)!important;
  background-image:none!important; color:#f6eadd!important;
  box-shadow:0 18px 55px rgba(0,0,0,.20)!important;
  backdrop-filter:blur(14px)!important; -webkit-backdrop-filter:blur(14px)!important;
}
html body.studio-app #modal.shaliz-settings-glass > .modal-body::before,
html body.studio-app #modal.shaliz-settings-glass > .modal-body::after {
  content:none!important;display:none!important;
}
html body.studio-app #modal.shaliz-settings-glass #closeModal.modal-close,
html body.studio-app #modal.shaliz-settings-glass #closeModal.modal-close:is(:hover,:focus,:focus-visible,:active) {
  background:transparent!important; background-image:none!important;
  border:0!important; border-radius:0!important; outline:0!important;
  box-shadow:none!important; text-shadow:none!important; filter:none!important;
  color:#f1e3d0!important; font:400 24px/1 Georgia,serif!important;
  padding:0!important; width:30px!important; height:30px!important;
  min-width:0!important; min-height:0!important; transform:none!important;
  transition:none!important;
}
html body.studio-app #modal.shaliz-settings-glass #modalContent h2 {
  color:#fff0dc!important; text-shadow:none!important;
  text-align:center!important; margin:8px 30px 19px!important;
}
html body.studio-app #modal.shaliz-settings-glass #modalContent .settings-row {
  box-sizing:border-box!important; display:flex!important;
  justify-content:space-between!important; align-items:center!important;
  gap:14px!important; width:100%!important; padding:13px 14px!important;
  margin:0 0 9px!important; border:0!important; outline:0!important;
  border-radius:11px!important; background:rgba(0,0,0,.13)!important;
  box-shadow:none!important; color:#f6ead9!important;
}
html body.studio-app #modal.shaliz-settings-glass #modalContent .settings-row label {
  color:#f6ead9!important; margin:0!important; flex:1 1 auto!important;
}
html body.studio-app #modal.shaliz-settings-glass #modalContent .settings-row input[type=range] {
  flex:0 1 45%!important; min-width:75px!important;
  accent-color:#d7ad65!important;
}
html body.studio-app #modal.shaliz-settings-glass #modalContent .settings-row input[type=checkbox] {
  accent-color:#d7ad65!important;
}
html body.studio-app #modal.shaliz-settings-glass #modalContent .settings-row select {
  max-width:52%!important; min-width:0!important; padding:7px 10px!important;
  color:#f6ead9!important; background:rgba(0,0,0,.25)!important;
  border:0!important; outline:0!important; border-radius:8px!important;
  box-shadow:none!important;
}
html body.studio-app #modal.shaliz-settings-glass #modalContent .settings-row select option {
  background:#403d39!important; color:#f6ead9!important;
}
html body.studio-app #modal.shaliz-settings-glass #modalContent .settings-note {
  color:rgba(255,245,231,.72)!important; line-height:1.8!important;
  margin:14px 2px!important; text-align:center!important;
}
html body.studio-app #modal.shaliz-settings-glass #modalContent #clearHistory {
  display:block!important; width:100%!important; box-sizing:border-box!important;
  margin:13px 0 0!important; padding:11px 14px!important;
  border:0!important; outline:0!important; border-radius:10px!important;
  background:rgba(0,0,0,.14)!important; color:#d7ad65!important;
  box-shadow:none!important;
}
html body.studio-app #modal.shaliz-settings-glass #modalContent #clearHistory:hover {
  background:rgba(0,0,0,.24)!important;
}
@media(max-width:480px){
 html body.studio-app #modal.shaliz-settings-glass {width:min(90vw,400px)!important;}
 html body.studio-app #modal.shaliz-settings-glass #modalContent .settings-row {padding:12px!important;}
}
