/* Rufiyaa Update 1 — outline icons and compact original "Spent" date label */
.tx-date-heading.tx-date-heading-v128{
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  flex-wrap:nowrap!important;gap:7px 12px!important;opacity:1!important;
}
.tx-date-heading .qa-daily-totals{
  flex:0 1 auto;min-width:0;max-width:75%;
  font-size:11px;font-weight:600;line-height:1.3;letter-spacing:.035em;
  text-align:right;color:var(--muted,#8290a4);font-variant-numeric:tabular-nums;
}
.tx-date-heading .qa-daily-totals[hidden]{display:none!important}
.tx-date-heading>span{flex-shrink:0}
@media(max-width:420px){
  .tx-date-heading .qa-daily-totals{font-size:10px;letter-spacing:.01em;max-width:66%}
}
/* The receipt glyph must always use the same crisp outlined SVG as row icons. */
.qa-receipt-glyph{display:grid!important;place-items:center;width:38px;height:38px;background:rgba(130,145,169,.085);color:var(--muted,#8792a8);border-radius:12px;font-size:0!important}
.qa-receipt-glyph svg{display:block;width:21px;height:21px;stroke:currentColor;stroke-width:1.7;fill:none}
/* Shared transaction detail identity: icon aligns with merchant/person name, not below the amount. */
#modal-root .modal .qa-detail-icon-polished{
  display:flex!important;flex-direction:column!important;align-items:stretch!important;
  padding:20px 22px!important;text-align:left!important;gap:17px!important;
}
#modal-root .modal .qa-detail-icon-header{display:flex;align-items:center;gap:12px;min-width:0;width:100%}
#modal-root .modal .qa-detail-icon-badge{width:44px;height:44px;min-width:44px;flex:0 0 44px;display:grid;place-items:center;background:rgba(122,137,166,.09);border-radius:13px;color:var(--muted,#8390a5);font-size:0!important;margin:0!important}
#modal-root .modal .qa-detail-icon-badge svg{display:block;width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.7}
#modal-root .modal .qa-detail-inflow .qa-detail-icon-badge{color:#288f6a;background:rgba(35,151,107,.09)}
#modal-root .modal .qa-detail-icon-copy{min-width:0;flex:1;display:flex;flex-direction:column;gap:4px}
#modal-root .modal .qa-detail-icon-copy .tx2-hero-meta-v1275{margin:0!important;display:flex!important;gap:6px!important;align-items:center!important}
#modal-root .modal .qa-detail-icon-copy .status,#modal-root .modal .qa-detail-name{font-size:15px!important;font-weight:740!important;color:var(--text,#1d2739)!important;line-height:1.3!important;background:none!important;padding:0!important;border:0!important;border-radius:0!important;display:block!important}
#modal-root .modal .qa-detail-icon-copy .note,#modal-root .modal .qa-detail-subtitle{font-size:12px!important;color:var(--muted,#7e889a)!important;margin:0!important;line-height:1.5!important}
#modal-root .modal .qa-detail-icon-polished .detail-amount{font-size:29px!important;line-height:1.2!important;margin:0!important;word-break:normal;font-variant-numeric:tabular-nums}
@media(max-width:410px){#modal-root .modal .qa-detail-icon-polished{padding:17px!important;gap:14px!important}#modal-root .modal .qa-detail-icon-badge{width:40px;height:40px;min-width:40px;flex-basis:40px}}

/* Expanded related payments use the same outline icon set as their parent rows. */
.u1-related-list .qa-related-inline-icon{display:inline-flex;vertical-align:middle;align-items:center;justify-content:center;width:25px;height:25px;margin-right:6px;color:var(--muted,#818da4);background:rgba(130,145,169,.07);border-radius:8px}
.u1-related-list .qa-related-inline-icon svg{width:16px;height:16px;display:block}