/* Mis Gastos v62: una identidad, desde la pestaña hasta la aplicación instalada. */
.brand-mark {
  width: 42px; height: 42px; flex: 0 0 42px;
  padding: 0; border: 0; border-radius: 12px;
  background: none; box-shadow: none; overflow: visible;
}
.brand-mark img { display: block; width: 100%; height: 100%; }
.sidebar-brand > a { gap: 12px; }
.auth-brand.auth-brand-product {
  display: grid; place-items: center; position: relative;
  width: 80px; height: 80px; padding: 0; border: 0; border-radius: 21px;
  background: none; box-shadow: 0 8px 24px rgb(25 46 66 / 12%);
}
.auth-brand-product > img { display: block; width: 80px; height: 80px; }
.auth-brand-product > .auth-purpose {
  display: grid; place-items: center; position: absolute; right: -7px; bottom: -5px;
  width: 30px; height: 30px; border: 3px solid var(--surface); border-radius: 50%;
  color: #125840; background: #e4f5ed; font-size: 15px;
}
/* Marcos consistentes; los colores elegidos para las categorías se conservan. */
.experience-simple :is(.mini-icon, .stat-icon, .cat-icon) {
  border-radius: 10px; background-image: none; box-shadow: none;
}
.experience-simple :is(.mini-icon, .stat-icon, .cat-icon) > .bi {
  display: inline-block; line-height: 1; margin: 0; flex-shrink: 0;
}
.experience-simple .mini-icon { font-size: 18px; }
.experience-simple .stat-icon { font-size: 23px; }
.experience-simple .cat-icon { font-size: 18px; }
.experience-simple .cat-icon.cat-icon-sm { font-size: 16px; border-radius: 8px; }
.experience-simple .cat-icon.cat-icon-xs { font-size: 13px; border-radius: 6px; }
.experience-simple .cat-icon.cat-icon-lg { font-size: 24px; border-radius: 13px; }
.sidebar-link > .bi { font-size: 22px; width: 24px; flex-basis: 24px; }
.sidebar-more > summary > span > .bi { font-size: 20px; }
.topbar-actions .icon-button > .bi, .sidebar-close > .bi { font-size: 20px; }
.topbar-actions .icon-button { color: var(--text); }
.topbar-actions .icon-button:hover { color: var(--brand); background: var(--brand-light); }
.topbar-add > .bi { font-size: 20px; }
.mobile-nav a > .bi { font-size: 23px; }
.mobile-nav .mobile-add > .bi { font-size: 24px; }
.btn > .bi, .input-group-text > .bi { font-size: 1.15em; }
.page-heading h1 > .bi { font-size: .9em; margin-right: .16em; }
.section-title h2 > .bi { font-size: 1.1em; }
.experience-simple .movement-actions .action-icon { font-size: 19px; }
.action-icon:focus-visible, .icon-button:focus-visible { outline: 3px solid var(--brand); outline-offset: 3px; }
.auth-privacy > .bi { font-size: 16px; }
@media (pointer: coarse) {
  .experience-simple .movement-actions .action-icon { width: 40px; height: 40px; }
}
@media (prefers-contrast: more) {
  .icon-button, .action-icon { border-color: currentColor; }
}
@media print {
  .auth-brand-product { box-shadow: none; }
}