/* BAAKEE U5 November 8 V5: screenshot-led fixes, isolated QA only.
   Avoid stacking more generic page-wide overrides; target actual template elements. */

/* 1. The *outer* Home-widget div is what painted the rectangular white
   corners outside the rounded Aavi card. It now gets u5-aavi-host at source. */
html[data-baakee-theme] body #app .home-widgets > .home-widget.u5-aavi-host,
html[data-baakee-theme] body #app .home-widgets .smart-home-item-v1295c > .home-widget.u5-aavi-host,
body #app .home-widgets .home-widget.u5-aavi-host,
#app .home-widgets .home-widget.u5-aavi-host {
  border:0!important;outline:0!important;background:transparent!important;
  background-color:transparent!important;background-image:none!important;
  box-shadow:none!important;filter:none!important;
  padding:0!important;margin:0!important;overflow:visible!important;
  border-radius:26px!important;
  -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
}
html[data-baakee-theme] body #app .home-widgets .home-widget.u5-aavi-host::before,
html[data-baakee-theme] body #app .home-widgets .home-widget.u5-aavi-host::after,
#app .home-widgets .home-widget.u5-aavi-host::before,
#app .home-widgets .home-widget.u5-aavi-host::after {
  content:none!important;display:none!important;
}
/* Smart Home has a *second* wrapper. Make only the Aavi-specific one clear. */
html[data-baakee-theme] body #app .home-widgets > .smart-home-item-v1295c:has(> .u5-aavi-host),
#app .home-widgets > .smart-home-item-v1295c:has(> .u5-aavi-host) {
  border:0!important;background:transparent!important;background-image:none!important;
  box-shadow:none!important;outline:0!important;padding:0!important;
  -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
}
html[data-baakee-theme] body #app .home-widgets .u5-aavi-host > .mini-laari,
#app .home-widgets .u5-aavi-host > .mini-laari {
  border-radius:26px!important;overflow:hidden!important;isolation:isolate!important;
  background-clip:padding-box!important;
}
html[data-baakee-theme] body #app .home-widgets .u5-aavi-host .mini-laari-alerts,
html[data-baakee-theme] body #app .home-widgets .u5-aavi-host .mini-laari-alert,
#app .home-widgets .u5-aavi-host .mini-laari-alerts,
#app .home-widgets .u5-aavi-host .mini-laari-alert {
  border-radius:18px!important;overflow:hidden!important;
  -webkit-mask-image:none!important;mask-image:none!important;
  background-clip:padding-box!important;
}

/* 2. Rollover Budgets: native select had inherited menu decoration and so
   little usable width that its label broke into Re / set. The wrapper owns
   the tiny chevron; the native <select> remains accessible + functional. */
html[data-baakee-theme] body #modal-root .v12524-section .v12524-rule,
#modal-root .v12524-section .v12524-rule {
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 146px!important;
  align-items:center!important;gap:12px!important;
  padding:14px 0!important;
  min-width:0!important;
}
html[data-baakee-theme] body #modal-root .v12524-rule-copy,
#modal-root .v12524-rule-copy {min-width:0!important;max-width:100%!important;}
html[data-baakee-theme] body #modal-root .v12524-rule .u5-rollover-select-wrap,
#modal-root .v12524-rule .u5-rollover-select-wrap {
  display:block!important;position:relative!important;min-width:0!important;
  justify-self:end!important;width:146px!important;max-width:100%!important;
  box-sizing:border-box!important;padding:0!important;margin:0!important;
  background:transparent!important;border:0!important;box-shadow:none!important;
}
html[data-baakee-theme] body #modal-root .v12524-rule .u5-rollover-select-wrap::before,
#modal-root .v12524-rule .u5-rollover-select-wrap::before {content:none!important;display:none!important;}
html[data-baakee-theme] body #modal-root .v12524-rule .u5-rollover-select-wrap::after,
#modal-root .v12524-rule .u5-rollover-select-wrap::after {
  content:""!important;display:block!important;position:absolute!important;
  width:8px!important;height:8px!important;
  right:17px!important;top:calc(50% - 6px)!important;
  border-right:1.7px solid currentColor!important;
  border-bottom:1.7px solid currentColor!important;
  transform:rotate(45deg)!important;pointer-events:none!important;
  color:var(--baakee-ink,var(--text))!important;
  background:transparent!important;box-shadow:none!important;
}
html[data-baakee-theme] body.rufiyaa-liquid-glass #modal-root .v12524-rule .u5-rollover-rule-select,
html[data-baakee-theme] body #modal-root .v12524-rule .u5-rollover-rule-select,
#modal-root .v12524-rule .u5-rollover-rule-select {
  display:block!important;width:100%!important;max-width:100%!important;
  min-width:0!important;height:48px!important;min-height:48px!important;
  appearance:none!important;-webkit-appearance:none!important;
  border:1px solid var(--baakee-glass-border,var(--line))!important;
  border-radius:15px!important;
  background:var(--baakee-card-fill,var(--card))!important;
  background-image:none!important;
  box-shadow:none!important;filter:none!important;
  color:var(--baakee-ink,var(--text))!important;-webkit-text-fill-color:currentColor!important;
  font-size:15px!important;font-weight:650!important;letter-spacing:0!important;
  line-height:normal!important;white-space:nowrap!important;
  word-break:keep-all!important;overflow:hidden!important;text-overflow:clip!important;
  text-align:left!important;
  padding:0 36px 0 14px!important;
  box-sizing:border-box!important;margin:0!important;
  touch-action:manipulation!important;
}
#modal-root .v12524-rule .u5-rollover-rule-select option {white-space:nowrap!important;}
@media(max-width:420px){
  html[data-baakee-theme] body #modal-root .v12524-section .v12524-rule,
  #modal-root .v12524-section .v12524-rule {
    grid-template-columns:minmax(0,1fr) 124px!important;gap:8px!important;
  }
  html[data-baakee-theme] body #modal-root .v12524-rule .u5-rollover-select-wrap,
  #modal-root .v12524-rule .u5-rollover-select-wrap {width:124px!important;}
  html[data-baakee-theme] body #modal-root .v12524-rule .u5-rollover-rule-select,
  #modal-root .v12524-rule .u5-rollover-rule-select {padding-left:12px!important;padding-right:30px!important;font-size:14px!important;}
  html[data-baakee-theme] body #modal-root .v12524-rule .u5-rollover-select-wrap::after,
  #modal-root .v12524-rule .u5-rollover-select-wrap::after {right:14px!important;}
}
@media(max-width:345px){
  html[data-baakee-theme] body #modal-root .v12524-section .v12524-rule,
  #modal-root .v12524-section .v12524-rule {grid-template-columns:minmax(0,1fr) 116px!important;}
  html[data-baakee-theme] body #modal-root .v12524-rule .u5-rollover-select-wrap,
  #modal-root .v12524-rule .u5-rollover-select-wrap {width:116px!important;}
}

/* Cascade audit: the earlier full-theme glass rule excludes .u3-aavi-host,
   which is now present in Aavi's markup before runtime decorators execute.
   Keep this narrowly scoped fallback for old/cached variants. */
html[data-baakee-theme] body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) #app#app .home-widgets > .home-widget.u5-aavi-host,
html[data-baakee-theme] body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) #app#app .home-widgets .smart-home-item-v1295c > .home-widget.u5-aavi-host {
  background:transparent!important;background-color:transparent!important;
  background-image:none!important;box-shadow:none!important;
  border:0!important;outline:0!important;padding:0!important;
}

/* Compete with the Nov 5 CSS using the same full selector specificity so the
   roomy rule selector is not silently forced back to 100/112px. */
html[data-baakee-theme] body.rufiyaa-liquid-glass #modal-root .v12524-section .v12524-rule {
  grid-template-columns:minmax(0,1fr) 146px!important;
}
html[data-baakee-theme] body.rufiyaa-liquid-glass #modal-root .v12524-rule .u5-rollover-select-wrap {
  width:146px!important;
}
@media(max-width:420px){
 html[data-baakee-theme] body.rufiyaa-liquid-glass #modal-root .v12524-section .v12524-rule {
  grid-template-columns:minmax(0,1fr) 124px!important;
 }
 html[data-baakee-theme] body.rufiyaa-liquid-glass #modal-root .v12524-rule .u5-rollover-select-wrap {width:124px!important;}
}
@media(max-width:345px){
 html[data-baakee-theme] body.rufiyaa-liquid-glass #modal-root .v12524-section .v12524-rule {
  grid-template-columns:minmax(0,1fr) 116px!important;
 }
 html[data-baakee-theme] body.rufiyaa-liquid-glass #modal-root .v12524-rule .u5-rollover-select-wrap {width:116px!important;}
}