/* BAAKEE Update 5 · Nov 8 V6 isolated QA — visual polish only.
   Reclaim Finance icon grid tracks, and use one crisp dropdown chevron.
   Do not modify financial records, state, or navigation. */

/* Finance Home: the icon-free cards must not reserve their former 26/32px icon column.
   Flex keeps both the heading and supporting copy naturally left-aligned. */
#app main.u4-finance-home.u4fw-utility-first .u4fw-utility-pair .u4-finance-reports > button,
#app main.u4-finance-home .u4fw-utility-pair .u4-finance-reports > button {
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  gap:3px!important;
  grid-template-columns:none!important;
  grid-template-rows:none!important;
  text-align:left!important;
  min-width:0!important;
  padding:12px 14px!important;
}
#app main.u4-finance-home.u4fw-utility-first .u4fw-utility-pair .u4-salary-banner,
#app main.u4-finance-home .u4fw-utility-pair .u4-salary-banner {
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  gap:3px!important;
  grid-template-columns:none!important;
  grid-template-rows:none!important;
  text-align:left!important;
  min-width:0!important;
  padding:12px 14px!important;
}
#app main.u4-finance-home .u4fw-utility-pair .u4-finance-reports > button > b,
#app main.u4-finance-home .u4fw-utility-pair .u4-finance-reports > button > small,
#app main.u4-finance-home .u4fw-utility-pair .u4-salary-banner > span:not(.u4-salary-icon),
#app main.u4-finance-home .u4fw-utility-pair .u4-salary-banner > b {
  grid-column:auto!important;grid-row:auto!important;
  align-self:stretch!important;margin:0!important;
  text-align:left!important;
  width:100%!important;max-width:100%!important;
  min-width:0!important;
}
#app main.u4-finance-home .u4fw-utility-pair .u4-finance-reports > button > b,
#app main.u4-finance-home .u4fw-utility-pair .u4-salary-banner > span:not(.u4-salary-icon) {
  font-weight:720!important;line-height:1.25!important;
}
#app main.u4-finance-home .u4fw-utility-pair .u4-finance-reports > button > small,
#app main.u4-finance-home .u4fw-utility-pair .u4-salary-banner > b {
  line-height:1.3!important;
  white-space:normal!important;
  overflow-wrap:break-word!important;
  overflow:visible!important;text-overflow:clip!important;
}
@media(max-width:520px) {
  #app main.u4-finance-home.u4fw-utility-first .u4fw-utility-pair .u4-finance-reports > button,
  #app main.u4-finance-home.u4fw-utility-first .u4fw-utility-pair .u4-salary-banner,
  #app main.u4-finance-home .u4fw-utility-pair .u4-finance-reports > button,
  #app main.u4-finance-home .u4fw-utility-pair .u4-salary-banner {
    padding:10px 10px!important;
    gap:3px!important;
  }
}

/* Native select remains the full accessible/tappable control. The adjacent SVG
   is decorative and cannot create a second menu glyph or intercept interaction. */
html[data-baakee-theme] body #modal-root .v12524-rule .u5-rollover-select-wrap::before,
html[data-baakee-theme] body #modal-root .v12524-rule .u5-rollover-select-wrap::after,
#modal-root .v12524-rule .u5-rollover-select-wrap::before,
#modal-root .v12524-rule .u5-rollover-select-wrap::after {
  content:none!important;display: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 {
  -webkit-appearance:none!important;appearance:none!important;
  background-image:none!important;
  padding-right:36px!important;
  text-align:left!important;
  text-align-last:left!important;
  white-space:nowrap!important;
  line-height:1!important;
  vertical-align:middle!important;
}
html[data-baakee-theme] body #modal-root .v12524-rule .u5-rollover-select-wrap .u5-rollover-chevron,
#modal-root .v12524-rule .u5-rollover-select-wrap .u5-rollover-chevron {
  position:absolute!important;right:15px!important;top:50%!important;
  transform:translateY(-50%)!important;
  width:16px!important;height:16px!important;
  display:block!important;flex:none!important;
  pointer-events:none!important;
  fill:none!important;stroke:var(--baakee-ink,var(--text))!important;
  stroke-width:1.8!important;stroke-linecap:round!important;
  stroke-linejoin:round!important;
  background:none!important;box-shadow:none!important;z-index:2!important;
}
@media(max-width:420px) {
  html[data-baakee-theme] body #modal-root .v12524-rule .u5-rollover-select-wrap .u5-rollover-chevron,
  #modal-root .v12524-rule .u5-rollover-select-wrap .u5-rollover-chevron {right:12px!important;}
}
