/* U4 / Lent & Borrowed screenshot corrections. Isolated QA only.
   Reuse the APPROVED Loans search/sort and Add header styling. */
#app .u4p-shell .u4p-tools.loan-tools-v73{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(135px,166px)!important;
  align-items:center!important;
  width:100%!important;
  min-width:0!important;
  gap:12px!important;
  margin:0!important;
}
#app .u4p-shell .u4p-tools .u4p-search.tx-inline-search-v1251{
  display:flex!important;
  flex:unset!important;
  min-width:0!important;
  width:100%!important;
  height:44px!important;
  padding:0 12px!important;
  border-radius:14px!important;
  align-items:center!important;
  overflow:visible!important;
  box-shadow:none!important;
}
#app .u4p-shell .u4p-tools .u4p-search input.transaction-search{
  display:block!important;
  flex:1 1 auto!important;
  min-width:0!important;
  width:100%!important;
  height:100%!important;
  padding:0!important;
  font-size:14px!important;
  border:0!important;
  box-shadow:none!important;
  background:transparent!important;
  -webkit-appearance:none!important;
}
#app .u4p-shell .u4p-tools select.u4p-sort.loan-sort-v73{
  display:block!important;
  min-width:0!important;
  max-width:none!important;
  width:100%!important;
  height:44px!important;
  font-size:12px!important;
  font-weight:700!important;
  padding:0 30px 0 12px!important;
  border-radius:14px!important;
}
#app .u4p-shell .finance-full-top.u4p-top>.u4p-add-top.u4lo-add-button{
  font-size:12px!important;
  font-weight:750!important;
  min-width:133px!important;
  width:auto!important;
  height:44px!important;
  min-height:44px!important;
  border-radius:999px!important;
  background:color-mix(in srgb,var(--accent,#087b59) 13%,#f7fff9)!important;
  color:color-mix(in srgb,var(--accent,#087b59) 90%,#12392c)!important;
  box-shadow:0 8px 18px rgba(6,78,59,.09)!important;
  border:1px solid color-mix(in srgb,var(--accent,#087b59) 23%,#d6e5df)!important;
  padding:0 15px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  white-space:nowrap!important;
  -webkit-text-fill-color:currentColor!important;
}
#app .u4p-shell .finance-full-top.u4p-top>.u4p-add-top .u4lo-add-plus{display:none!important}
#app .u4p-shell .finance-full-top.u4p-top>.u4p-add-top .u4lo-add-label{display:inline!important}
@media(max-width:600px){
 #app .u4p-shell .u4p-tools.loan-tools-v73{grid-template-columns:minmax(0,1fr) 132px!important;gap:10px!important}
 #app .u4p-shell .finance-full-top.u4p-top>.u4p-add-top.u4lo-add-button{
  width:44px!important;min-width:44px!important;max-width:44px!important;
  height:44px!important;min-height:44px!important;max-height:44px!important;
  border-radius:50%!important;padding:0!important;flex:0 0 44px!important;
 }
 #app .u4p-shell .finance-full-top.u4p-top>.u4p-add-top .u4lo-add-label{display:none!important}
 #app .u4p-shell .finance-full-top.u4p-top>.u4p-add-top .u4lo-add-plus{
  display:block!important;font-size:27px!important;font-weight:400!important;
  font-family:system-ui,-apple-system,sans-serif!important;
  line-height:1!important;margin:-2px 0 0!important;
 }
}
/* Round shared profile/record header controls, including the popover trigger. */
#modal-root .u4p-sheet .u4p-round{
  display:grid!important;place-items:center!important;
  width:42px!important;height:42px!important;min-width:42px!important;
  border-radius:50%!important;padding:0!important;
  border:1px solid color-mix(in srgb,var(--border,#dae6df) 75%,transparent)!important;
  background:color-mix(in srgb,var(--card,#fff) 90%,transparent)!important;
  color:var(--text,#17233b)!important;
  font-size:23px!important;font-weight:500!important;
  text-align:center;line-height:1;cursor:pointer;
}
#modal-root .u4p-sheet .u4p-modal-title{position:relative;z-index:3}
#modal-root .u4p-sheet .u4p-header-menu{position:relative;z-index:12;flex:0 0 42px}
#modal-root .u4p-sheet .u4p-header-menu>summary{list-style:none;user-select:none}
#modal-root .u4p-sheet .u4p-header-menu>summary::-webkit-details-marker{display:none}
#modal-root .u4p-sheet .u4p-menu-popover{
  position:absolute;z-index:20;top:calc(100% + 8px);right:0;
  width:max-content;min-width:180px;max-width:min(260px,calc(100vw - 40px));
  padding:6px;display:grid;gap:3px;
  border-radius:17px;border:1px solid var(--border,#dae6df);
  background:var(--card,#fff);box-shadow:0 14px 34px rgba(18,33,40,.18);
}
#modal-root .u4p-sheet .u4p-menu-popover button{
  border:0;background:transparent;color:var(--text,#17233b);
  text-align:left;min-height:42px;padding:10px 12px;border-radius:11px;
  font:inherit;font-size:13px;font-weight:650;cursor:pointer;
}
#modal-root .u4p-sheet .u4p-menu-popover button:hover,
#modal-root .u4p-sheet .u4p-menu-popover button:focus-visible{
 background:color-mix(in srgb,#b8e6d1 20%,var(--card,#fff));
}
#modal-root .u4p-sheet .u4p-menu-popover .u4p-menu-danger{color:var(--red,#bc4444)}
/* Aavi is still available on People overview and in the profile's insight card.
   Don't overlay the bottom repayment actions with a second floating dock. */
body:has(#modal-root .u4p-sheet) #u2w-dock-area{
  display:none!important;opacity:0!important;pointer-events:none!important;
}
html[data-theme="dark"] #app .u4p-shell .finance-full-top.u4p-top>.u4p-add-top.u4lo-add-button{
 background:#075b45!important;color:#e7fff2!important;border-color:#1e8b6d!important;
}