/* BAAKEE U5, November 8, corrective v4.
   Restore the user's compact icon-free Finance utility tiles, and round the
   real Aavi inner insight surface. Scoped to UI, no financial behavior edits. */

/* No icon tile before the labels in Finance Home. None of these selectors
   touch the right-facing navigation / Financial Health expand chevron. */
#app main.u4-finance-home .u3-reports-only.u4-finance-reports > button > span:first-child,
#app main.u4-finance-home .u4-finance-reports > button > :is(.u3-reports-icon,.u4-finance-report-icon),
#app main.u4-finance-home .u4-salary-banner > .u4-salary-icon,
#app main.u4-finance-home .u4-health-dashboard .v12432-health-head .eyebrow::before,
#app main.u4-finance-home .u4-health-dashboard .v12432-health-head .u4-health-icon {
  display:none!important;
  content:none!important;
}
/* The old report icon was an unclassed span; guard against cached template
   builds without hiding the actual reports title or subtitle. */
#app main.u4-finance-home .u3-reports-only.u4-finance-reports > button > span:first-child:not(.u4-reports-action) {
  display:none!important;
}
/* Keep both compact cards filling their space after icon removal. */
#app main.u4-finance-home .u4-salary-banner {
  grid-template-columns:minmax(0,1fr) auto!important;
  column-gap:8px!important;
}
#app main.u4-finance-home .u4-salary-banner > span:not(.u4-salary-icon) {
  grid-column:1!important;
}
#app main.u4-finance-home .u4-salary-banner > small {grid-column:1!important}
#app main.u4-finance-home .u4-salary-banner > b {grid-column:2!important}
#app main.u4-finance-home .u4-finance-reports > button {
  column-gap:0!important;
  text-align:left!important;
}
#app main.u4-finance-home .u4-health-dashboard .v12432-health-head .eyebrow {
  gap:0!important;
}

/* Aavi is hosted in one or two Home wrappers depending on Smart/Custom mode.
   Apply the rounding to the PAINTED inner insight, not just outer wrappers. */
#app .home-widgets :is(.mini-laari,.mini-aavi) > .mini-laari-alerts {
  display:block!important;
  min-width:0!important;
  border-radius:21px!important;
  isolation:isolate!important;
  overflow:hidden!important;
  background:transparent!important;
  box-shadow:none!important;
}
#app .home-widgets :is(.mini-laari,.mini-aavi) .mini-laari-alerts > .mini-laari-alert,
#app .home-widgets .u3-aavi-host .mini-laari-alerts > .mini-laari-alert {
  display:flex!important;
  border-radius:21px!important;
  overflow:hidden!important;
  background-clip:padding-box!important;
  box-shadow:none!important;
  outline:none!important;
  /* Safari compositing: the tinted background is clipped at every corner. */
  -webkit-mask-image:-webkit-radial-gradient(white,black);
}
#app .home-widgets :is(.mini-laari,.mini-aavi) .mini-laari-alerts > .mini-laari-alert::before,
#app .home-widgets :is(.mini-laari,.mini-aavi) .mini-laari-alerts > .mini-laari-alert::after {
  content:none!important;
  display:none!important;
}

/* V3's theme-specific 17px !important rules were still winning over the
   generic Aavi selectors above. Match the actual winning specificity. */
html[data-baakee-theme] body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) #app .home-widgets :is(.mini-laari,.mini-aavi) > .mini-laari-alerts,
html[data-baakee-theme] body #app .home-widgets :is(.mini-laari,.mini-aavi) > .mini-laari-alerts {
  border-radius:21px!important;
  overflow:hidden!important;
}
html[data-baakee-theme] body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) #app .home-widgets :is(.mini-laari,.mini-aavi) > .mini-laari-alerts > .mini-laari-alert,
html[data-baakee-theme] body #app .home-widgets :is(.mini-laari,.mini-aavi) > .mini-laari-alerts > .mini-laari-alert {
  border-radius:21px!important;
  overflow:hidden!important;
}