/* Layout fixes that were added alongside the glass theme. They are kept here so the app can go back to
   the plain dark and light themes. Only the Reimbursements summary values are affected. */
#view-reimbursements .reimbursement-summary-strip > div { min-width: 0; overflow: hidden; }
#view-reimbursements .reimbursement-summary-strip b {
  white-space: normal !important;
  overflow-wrap: anywhere;
  word-break: normal;
  font-size: clamp(12px, 3.3vw, 17px) !important;
  line-height: 1.25;
}
@media (max-width: 560px) {
  #view-reimbursements .reimbursement-summary-strip { gap: 6px; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr) minmax(0, 1fr); }
}
@media (max-width: 380px) {
  #view-reimbursements .reimbursement-summary-strip { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  #view-reimbursements .reimbursement-summary-strip b { font-size: 12px !important; }
}
@media (max-width: 340px) {
  #view-reimbursements .reimbursement-summary-strip { grid-template-columns: 1fr; gap: 10px; }
  #view-reimbursements .reimbursement-summary-strip b { font-size: 14px !important; }
}
/* The summary card sits inside the Reimbursements card. Keep its border, but use less inner padding so the values fit. */
#view-reimbursements .admin-block .reimbursement-totals-box { padding: 12px !important; }
/* Less side padding inside each summary column, so the amounts have room. */
#view-reimbursements .reimbursement-summary-strip > div { padding-left: 6px; padding-right: 4px; }
#view-reimbursements .reimbursement-summary-strip > div:first-child { padding-left: 0; }
/* Amounts break only between words (INR and the number), never inside a number. */
#view-reimbursements .reimbursement-summary-strip b { overflow-wrap: normal !important; word-break: keep-all !important; font-size: clamp(11px, 3vw, 14px) !important; }
#view-admin .admin-section-toggle[aria-label="Collapse section"] { font-size: 0; }
#view-admin .admin-section-toggle[aria-label="Collapse section"]::after { content: "\2212"; font-size: 17px; }