/* Shared accessibility tokens. Keep the existing Tabler shell and chain colors. */
:root {
  --ledger-success-ink:#19733b;
  --ledger-warning-ink:#a24608;
  --ledger-danger-ink:#b42332;
  --ledger-channel-ink:#086b80;
  --ledger-backend-ink:#5143ad;
}
.page-body .text-green,.page-body .text-success {color:var(--ledger-success-ink)!important}
.page-body .text-orange {color:var(--ledger-warning-ink)!important}
.page-body .text-yellow {color:#805600!important}
.page-body .text-red,.page-body .text-danger {color:var(--ledger-danger-ink)!important}
.page-body .text-cyan {color:var(--ledger-channel-ink)!important}
.page-body .text-indigo {color:var(--ledger-backend-ink)!important}
.page-body .text-purple {color:#7335a6!important}
.page-body .text-teal {color:#076e58!important}
.page-body .text-secondary,.page-body .form-hint,.page-body .subheader {color:#626d7b!important}
.page-body :is(input,textarea)::placeholder {color:#697586;opacity:1}
.page-body :is(a,button,input,select,textarea):focus-visible {outline:2px solid #005fcc;outline-offset:3px}
.page-body ::selection {background:#d8eaff;color:#153757}
.page-body input,.page-body textarea {caret-color:#005fcc}
.page-body :is(.table,.h1,.h2,.wallet-asset) {font-variant-numeric:tabular-nums}
.page-body .alert:not(.alert-important) {color:#334155}
.page-body .alert-success:not(.alert-important) {color:var(--ledger-success-ink)}
@media(max-width:767px) {
  .page-body :is(.btn,.button,.form-control,.form-select,.date-range-trigger,.page-link,.nav-link),
  .ledger-navbar :is(.nav-link,.navbar-toggler),
  .page-body :is(.date-range-shortcuts button,.calendar-nav,.calendar-day,.multi-select-option) {min-height:44px}
  .page-body :is(.page-link,.calendar-nav,.calendar-day,.btn-close) {min-width:44px}
  .page-body .date-range-trigger {height:44px}
  .page-body .calendar-grid {grid-template-columns:repeat(7,minmax(0,1fr));gap:0}
  .page-body .calendar-day {padding:0;min-width:0;width:100%}
  .page-body .date-range-months {min-width:0}
  .page-body .date-range-month {min-width:0;padding:0}
  .page-body .date-range-popover {max-width:calc(100vw - 24px)}
  .page-body .date-range-shortcuts {gap:4px}
  .page-body .date-range-shortcuts button {padding:6px 8px;min-width:44px}
  .page-body .date-range-calendar-head {display:block;position:relative}
  .page-body .calendar-nav {position:absolute;top:8px;width:44px}
  .page-body [data-range-prev] {left:0}
  .page-body [data-range-next] {right:0}
  .page-body .date-range-month>strong {min-height:44px;display:grid;place-items:center;margin-bottom:4px}
  .page-body .date-range-shortcuts {flex-wrap:wrap}
}