/* Transactions v5-alpine */
[x-cloak] { display: none !important; }
html:has(body.transactions-fullscreen) {
    height: 100%;
    overflow: hidden;
}
body.tx-body-lock { overflow: hidden; }
body.transactions-fullscreen {
    height: 100dvh;
    min-height: 100dvh;
    overflow: hidden;
}

body.transactions-fullscreen #header {
    display: none;
}

body.transactions-fullscreen #contenido {
    max-width: none;
    width: 100%;
    height: 100dvh;
    margin: 0;
    padding: 0;
    min-height: 0;
    flex: 1 1 auto;
    overflow: hidden;
}

body.transactions-fullscreen #footer {
    margin-top: .75rem;
}

.transactions-endcap {
    flex: 0 0 auto;
    padding: .1rem .35rem calc(.55rem + env(safe-area-inset-bottom, 0px));
}

.transactions-endcap #footer {
    display: block;
    margin: 0;
}

.transactions-endcap .lf-footer {
    padding: .28rem .5rem;
}

.transactions-endcap .lf-footer__inner {
    gap: .28rem;
    font-size: .68rem;
}

.transactions-shell {
    display: grid;
    grid-template-columns: 264px minmax(0, 1fr);
    gap: 0;
    min-height: 0;
    height: 100dvh;
    align-items: stretch;
    overflow: hidden;
}

.transactions-left-panel {
    display: flex;
    flex-direction: column;
    min-width: 0;
    min-height: 0;
    height: 100dvh;
    grid-column: 2;
    grid-row: 1;
    padding: 0;
    overflow: hidden;
    background: var(--lf-deep-blue);
}

.tx-view-header {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: .5rem;
    margin: 0 0 .65rem;
    padding: 0;
    border-bottom: 0;
    background: transparent;
}

.tx-view-menu {
    margin-bottom: 0;
    flex: 1 1 auto;
}

.tx-sidebar-toggle-mobile {
    display: none;
    flex: 0 0 auto;
}

.transactions-right-panel {
    grid-column: 1;
    grid-row: 1;
    position: sticky;
    top: 0;
    height: 100%;
    min-height: 0;
    align-self: stretch;
    z-index: 40;
    padding: 0;
    overflow: hidden;
}

.transactions-main-frame {
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
    overflow-x: auto;
    overflow-y: auto;
    padding: .75rem;
    scrollbar-color: rgba(160,174,192,.35) transparent;
    scrollbar-width: thin;
}

.transactions-main-frame::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

.transactions-main-frame::-webkit-scrollbar-track {
    background: transparent;
}

.transactions-main-frame::-webkit-scrollbar-thumb {
    background: rgba(160,174,192,.28);
    border-radius: var(--lf-radius-pill);
}

.tx-page-head,
.tx-context-head {
    flex: 0 0 auto;
    font-family: var(--lf-font-ui);
    border-bottom: 1px solid var(--lf-border-dark);
    background: var(--lf-card-dark);
}

.tx-page-head {
    display: grid;
    grid-template-columns: minmax(150px, auto) minmax(320px, 1fr) auto;
    gap: .65rem;
    align-items: center;
    padding: .58rem .75rem;
}

.tx-page-head__title {
    min-width: 0;
}

.tx-page-head__eyebrow {
    color: var(--lf-fg-2);
    font-size: .54rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.tx-page-head h1 {
    margin: .08rem 0 0;
    color: var(--lf-fg);
    font-family: var(--lf-font-display);
    font-size: 1.08rem;
    font-style: italic;
    line-height: 1.1;
    font-weight: 600;
    letter-spacing: 0;
}

.tx-tag-breadcrumb {
    display: flex;
    align-items: center;
    gap: .28rem;
    min-width: 0;
}

.tx-tag-breadcrumb__item {
    display: inline-flex;
    align-items: center;
    gap: .28rem;
    min-width: 0;
}

.tx-tag-breadcrumb a {
    color: var(--lf-papaya);
}

.tx-tag-breadcrumb__sep {
    color: var(--lf-fg-3);
}

.tx-page-head__search,
.tx-page-head__actions,
.tx-context-period,
.tx-context-actions,
.tx-context-metrics {
    display: flex;
    align-items: center;
    gap: .36rem;
    min-width: 0;
}

.tx-page-head__actions {
    justify-content: flex-end;
    flex-wrap: wrap;
}

.tx-head-search,
.tx-head-amount {
    display: flex;
    align-items: center;
    gap: .42rem;
    min-width: 0;
    min-height: 30px;
    border: 1px solid var(--lf-app-separator, rgba(255,255,255,.075));
    border-radius: var(--lf-radius-control, 6px);
    background: rgba(10,25,41,.46);
    color: var(--lf-fg-2);
    transition: border-color var(--lf-transition), background var(--lf-transition), box-shadow var(--lf-transition);
}

.tx-head-search {
    flex: 1 1 260px;
    padding-left: .48rem;
}

.tx-head-search svg,
.tx-head-amount svg {
    width: 15px;
    height: 15px;
    flex: none;
}

.tx-head-search:focus-within,
.tx-head-amount:focus-within {
    border-color: rgba(255,128,0,.62);
    background: rgba(10,25,41,.62);
    box-shadow: 0 0 0 1px rgba(255,128,0,.12);
}

.tx-head-search input,
.tx-head-amount input {
    width: 100%;
    min-width: 0;
    height: 28px;
    border: 0;
    background: transparent;
    padding: .25rem .42rem;
    color: var(--lf-fg);
    font-family: var(--lf-font-ui);
    font-size: .72rem;
    font-weight: 600;
}

.tx-head-amount {
    flex: 0 0 126px;
    padding-left: .48rem;
}

.tx-head-action,
.tx-period-btn,
.tx-context-action,
.tx-head-icon-btn {
    border: 1px solid var(--lf-border-dark);
    background: rgba(30,58,82,.46);
    color: var(--lf-fg-2);
    border-radius: var(--lf-radius-sm);
    cursor: pointer;
    transition: border-color var(--lf-transition), background var(--lf-transition), color var(--lf-transition);
}

.tx-head-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .38rem;
    min-height: 30px;
    padding: 0 .7rem;
    font-family: var(--lf-font-ui);
    font-size: .72rem;
    font-weight: 600;
    letter-spacing: 0;
    text-transform: none;
    white-space: nowrap;
}

.tx-head-action svg {
    width: 14px;
    height: 14px;
    flex: none;
}

.tx-head-action:hover,
.tx-period-btn:hover,
.tx-context-action:hover,
.tx-head-icon-btn:hover {
    border-color: rgba(255,128,0,.35);
    background: rgba(255,128,0,.08);
    color: var(--lf-papaya);
}

.tx-head-action.is-active {
    border-color: rgba(255,128,0,.42);
    background: rgba(255,128,0,.16);
    color: var(--lf-papaya);
}

.tx-head-action--primary {
    border-color: rgba(255,128,0,.42);
    background: rgba(255,128,0,.16);
    color: var(--lf-papaya);
}

.tx-head-action--ghost {
    background: rgba(30,58,82,.32);
}

.tx-head-action--success {
    color: var(--lf-success);
    border-color: rgba(0,208,143,.34);
    background: rgba(0,208,143,.09);
}

.tx-head-action--warn {
    color: var(--lf-papaya);
    border-color: rgba(255,128,0,.34);
    background: rgba(255,128,0,.09);
}

.tx-head-action--danger {
    color: var(--lf-danger);
    border-color: rgba(255,59,59,.34);
    background: rgba(255,59,59,.09);
}

.tx-head-icon-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    flex: 0 0 30px;
}

.tx-head-icon-btn svg {
    width: 15px;
    height: 15px;
}

.tx-head-icon-btn:disabled {
    opacity: .38;
    cursor: not-allowed;
}

.tx-context-head {
    display: grid;
    grid-template-columns: minmax(220px, 1fr) auto auto;
    gap: .65rem;
    align-items: center;
    padding: .48rem .75rem;
    background: rgba(16,42,67,.72);
}

.tx-context-head__main {
    display: flex;
    align-items: center;
    gap: .55rem;
    min-width: 0;
}

.tx-context-title {
    min-width: 0;
    color: var(--lf-fg);
    font-family: var(--lf-font-display);
    font-size: 1rem;
    font-style: italic;
    font-weight: 600;
    letter-spacing: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tx-context-title__tag {
    color: var(--lf-accent-cyan);
}

.tx-balance-chip {
    display: inline-flex;
    align-items: center;
    min-height: 23px;
    padding: .14rem .42rem;
    border-radius: 7px;
    font-family: var(--lf-font-mono);
    font-size: .64rem;
    font-weight: 700;
    white-space: nowrap;
}

.tx-balance-chip--start {
    background: rgba(255,128,0,.14);
    color: var(--lf-papaya);
}

.tx-balance-chip--end {
    background: rgba(34,197,94,.12);
    color: var(--lf-success);
}

.tx-balance-chip--tag {
    background: rgba(45,226,230,.1);
    color: var(--lf-accent-cyan);
}

.tx-balance-arrow {
    color: var(--lf-fg-3);
    display: inline-flex;
    align-items: center;
}

.tx-balance-arrow svg {
    width: 15px;
    height: 15px;
}

.tx-context-link {
    color: var(--lf-papaya);
    font-size: .66rem;
    font-weight: 600;
    letter-spacing: .035em;
    text-transform: uppercase;
}

.tx-period-btn {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    min-height: 30px;
    padding: 0 .62rem;
    color: var(--lf-fg);
    font-size: .72rem;
    font-weight: 600;
    letter-spacing: 0;
    text-transform: none;
    white-space: nowrap;
}

.tx-context-action {
    min-width: 58px;
    min-height: 38px;
    padding: .24rem .42rem;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .16rem;
    text-decoration: none;
}

.tx-context-action svg {
    width: 16px;
    height: 16px;
    flex: none;
}

.tx-context-action small {
    font-family: var(--lf-font-ui);
    font-size: .58rem;
    font-weight: 600;
    letter-spacing: 0;
    text-transform: none;
}

.tx-context-action.is-active {
    color: var(--lf-papaya);
    border-color: rgba(255,128,0,.42);
    background: rgba(255,128,0,.12);
}

.tx-sidebar-backdrop {
    position: fixed;
    inset: 0;
    background: rgba(7, 17, 30, .68);
    z-index: 90;
}

.tx-sidebar {
    background: var(--lf-card-dark);
    border: none;
    border-right: 1px solid var(--lf-border-dark);
    border-radius: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.tx-sidebar__brand {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 64px;
    padding: .65rem .85rem;
    border-bottom: 1px solid rgba(255,255,255,.08);
    background: var(--lf-card-dark);
    order: -2;
}

.tx-sidebar__brand img {
    max-width: 176px;
    max-height: 40px;
    display: block;
}

.tx-sidebar__tabs {
    order: -1;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    flex: 0 0 auto;
    border-top: 1px solid rgba(255,255,255,.05);
    border-bottom: 0;
    background: var(--lf-card-dark);
}

.tx-tab {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: .3rem;
    min-height: 32px;
    background: transparent;
    color: var(--lf-fg-2);
    border: none;
    padding: .2rem .25rem;
    font-size: .6rem;
    font-weight: 600;
    letter-spacing: .06em;
    text-transform: uppercase;
    cursor: pointer;
}
.tx-tab:last-child { border-right: none; }
.tx-tab.activo { color: var(--lf-papaya); background: rgba(30,58,82,.85); }

.tx-sidebar__body { padding: 0; overflow: auto; }
.tx-section-title { font-size: .72rem; color: var(--lf-fg-3); text-transform: uppercase; letter-spacing: .08em; margin-bottom: .45rem; }
.tx-section-title--compact { margin-bottom: 0; }
.tx-type-filter-banner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .45rem;
    margin: .45rem .5rem .5rem;
    padding: .45rem .55rem;
    border-radius: var(--lf-radius-md);
    border: 1px solid rgba(255,128,0,.24);
    background: rgba(255,128,0,.08);
}
.tx-type-filter-banner__label {
    font-size: .72rem;
    color: var(--lf-fg);
}
.tx-type-filter-banner__clear {
    padding: .22rem .48rem;
    font-size: .68rem;
}
.tx-search-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: .45rem;
}
.tx-quick-actions {
    display: flex;
    flex-direction: column;
    gap: .4rem;
    margin-bottom: .55rem;
}
.tx-quick-group {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .25rem;
}
.tx-quick-label {
    font-size: .62rem;
    text-transform: uppercase;
    color: var(--lf-fg-3);
    min-width: 5rem;
}
.tx-quick-btn {
    border: 1px solid var(--lf-border-dark);
    background: rgba(255,255,255,.02);
    color: var(--lf-fg-2);
    border-radius: var(--lf-radius-pill);
    padding: .12rem .42rem;
    font-size: .65rem;
    cursor: pointer;
}
.tx-quick-btn.activo {
    border-color: rgba(255,128,0,.45);
    color: var(--lf-papaya);
    background: rgba(255,128,0,.09);
}

.tx-list-link {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    column-gap: .5rem;
    padding: .35rem .45rem;
    border-radius: var(--lf-radius-sm);
    color: var(--lf-fg-2);
    font-size: .78rem;
    text-decoration: none;
}
.tx-list-link:hover { background: rgba(255,255,255,.05); color: var(--lf-fg); }
.tx-list-link.activo { background: rgba(255,128,0,.14); color: var(--lf-papaya); }
.tx-account-name {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    min-width: 0;
}
.tx-account-name > span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.tx-fav-star {
    flex: 0 0 auto;
}
.tx-fav-star--on {
    color: var(--lf-papaya);
}
.tx-fav-star--off {
    color: var(--lf-fg-3);
    opacity: .45;
}
.tx-account-amount {
    display: inline-flex;
    align-items: center;
    gap: .25rem;
    flex-shrink: 0;
    justify-self: end;
    white-space: nowrap;
}
.tx-amount-positive {
    color: var(--lf-success);
}
.tx-amount-negative {
    color: var(--lf-danger);
}
.tx-conversion-indicator {
    color: var(--lf-accent-cyan);
    font-size: .66rem;
    user-select: none;
    display: inline-flex;
    align-items: center;
}

.tx-list-link.tx-tag-root-active {
    background: rgba(255,128,0,.16);
    color: var(--lf-papaya);
    border-left: 2px solid rgba(255,128,0,.65);
}

.tx-list-link.tx-tag-parent-active {
    background: rgba(255,128,0,.08);
    color: var(--lf-papaya-300);
    border-left: 2px solid rgba(255,128,0,.35);
}

.tx-list-link.tx-tag-level2-active {
    background: rgba(45,226,230,.16);
    color: var(--lf-accent-cyan);
    border-left: 2px solid rgba(45,226,230,.7);
}

.tx-group-title {
    margin-top: .5rem;
    margin-bottom: .2rem;
    color: var(--lf-fg-3);
    font-size: .68rem;
    font-weight: 700;
    text-transform: uppercase;
}
.tx-group-toggle {
    width: 100%;
    display: grid;
    grid-template-columns: .8rem minmax(0, 1fr) auto;
    align-items: center;
    column-gap: .35rem;
    background: transparent;
    border: none;
    cursor: pointer;
    padding: .26rem .05rem;
    text-align: left;
}
.tx-group-toggle:hover {
    color: var(--lf-fg-2);
}
.tx-group-toggle--active {
    color: var(--lf-papaya);
}
.tx-group-toggle__caret {
    width: .8rem;
    flex: 0 0 .8rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: transform var(--lf-transition);
}
.tx-group-toggle__caret.is-expanded {
    transform: rotate(90deg);
}
.tx-group-toggle__meta {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    justify-self: end;
}
.tx-group-toggle__label {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.tx-group-toggle__count {
    color: var(--lf-fg-3);
    min-width: 1.25rem;
    text-align: right;
}
.tx-new-account-btn {
    margin-top: .6rem;
    display: block;
    width: 100%;
    text-align: center;
    text-decoration: none;
    border: 1px solid var(--lf-border-dark);
    border-radius: var(--lf-radius-sm);
    padding: .45rem .55rem;
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: var(--lf-fg-2);
    background: rgba(255,255,255,.02);
}
.tx-new-account-btn:hover {
    color: var(--lf-papaya);
    background: rgba(255,128,0,.08);
    border-color: rgba(255,128,0,.35);
}
.tx-tag-toggle-btn {
    background: none;
    border: none;
    color: inherit;
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    cursor: pointer;
    padding: 0;
    min-width: 0;
    flex: 1;
    justify-content: flex-start;
}
.tx-tag-toggle-btn__label {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tx-tree-toggle {
    width: .8rem;
    height: 18px;
    padding: 0;
    border: 0;
    background: transparent;
    color: inherit;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    cursor: pointer;
}

.tx-tree-toggle:hover {
    color: inherit;
}

.tx-tree-spacer {
    width: .8rem;
    height: 18px;
    display: inline-block;
    flex: 0 0 .8rem;
}

.tx-tag-label-link {
    min-width: 0;
    color: inherit;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 600;
}

.tx-tag-label-link:hover {
    color: var(--lf-papaya);
}
.tx-link-inherit {
    color: inherit;
    justify-self: end;
    text-align: right;
}
.tx-tag-level-2 {
    padding-left: 1.1rem;
}
.tx-tag-level-3 {
    padding-left: 2rem;
}
.tx-account-modal-backdrop {
    position: fixed;
    inset: 0;
    background: rgba(7, 17, 30, .74);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 120;
    padding: .75rem;
}
.tx-account-modal {
    width: min(96vw, 460px);
    max-height: 92vh;
    overflow: auto;
    border: 1px solid var(--lf-border-dark);
    border-radius: var(--lf-radius-md);
    background: var(--lf-card-dark);
    box-shadow: 0 20px 40px rgba(0,0,0,.35);
}
.tx-account-modal__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    padding: .7rem .8rem;
    border-bottom: 1px solid var(--lf-border-dark);
}
.tx-account-modal__header h3 {
    margin: 0;
    font-size: .9rem;
}
.tx-account-modal__body {
    display: grid;
    gap: .45rem;
    padding: .75rem .8rem;
}
.tx-account-modal__body label {
    display: grid;
    gap: .2rem;
    font-size: .74rem;
    color: var(--lf-fg-2);
}
.tx-account-modal__body input,
.tx-account-modal__body select {
    width: 100%;
    border: 1px solid var(--lf-border-dark);
    border-radius: var(--lf-radius-sm);
    background: rgba(255,255,255,.02);
    color: var(--lf-fg);
    padding: .34rem .46rem;
    font-size: .74rem;
}
.tx-account-modal__check {
    display: flex !important;
    align-items: center;
    gap: .35rem;
}
.tx-account-modal__check input {
    width: auto;
}
.tx-account-modal__error {
    border: 1px solid rgba(239,68,68,.4);
    background: rgba(239,68,68,.15);
    color: #fecaca;
    border-radius: var(--lf-radius-sm);
    padding: .4rem .5rem;
    font-size: .72rem;
}
.tx-account-modal__loading {
    border: 1px solid rgba(45,226,230,.32);
    background: rgba(45,226,230,.1);
    color: var(--lf-accent-cyan);
    border-radius: var(--lf-radius-sm);
    padding: .4rem .5rem;
    font-size: .72rem;
}
.tx-account-modal__footer {
    display: flex;
    justify-content: flex-end;
    gap: .4rem;
    padding: .65rem .8rem;
    border-top: 1px solid var(--lf-border-dark);
}

.tx-modal-backdrop {
    position: fixed;
    inset: 0;
    z-index: 130;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    background: rgba(7,17,30,.74);
}

.tx-date-modal {
    width: min(94vw, 460px);
    max-height: 92vh;
    overflow: visible;
    border: 1px solid var(--lf-border-dark);
    border-radius: var(--lf-radius-lg);
    background: var(--lf-card-dark);
    box-shadow: 0 22px 58px rgba(0,0,0,.42);
}

.tx-tag-modal {
    width: min(94vw, 540px);
}

.tx-date-modal__header,
.tx-date-modal__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    padding: .75rem .9rem;
}

.tx-date-modal__header {
    border-bottom: 1px solid var(--lf-border-dark);
}

.tx-date-modal__header h2 {
    margin: 0;
    color: var(--lf-fg);
    font-size: 1rem;
    font-weight: 600;
}

.tx-date-modal__body {
    display: grid;
    gap: .7rem;
    padding: .9rem;
}

.tx-date-modal__quick {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .35rem;
}

.tx-date-modal__body .tx-field input {
    width: 100%;
}

.tx-date-modal__footer {
    justify-content: flex-end;
    border-top: 1px solid var(--lf-border-dark);
}

.tx-suggest-field {
    position: relative;
}

.tx-suggestions {
    position: absolute;
    left: 0;
    right: 0;
    top: calc(100% + .25rem);
    z-index: 3;
    max-height: 180px;
    overflow: auto;
    border: 1px solid var(--lf-border-dark);
    border-radius: var(--lf-radius-sm);
    background: var(--lf-card-dark-alt);
    box-shadow: var(--lf-shadow-lg);
}

.tx-suggestions button {
    width: 100%;
    border: 0;
    border-bottom: 1px solid rgba(255,255,255,.06);
    background: transparent;
    color: var(--lf-fg-2);
    padding: .48rem .6rem;
    text-align: left;
    cursor: pointer;
}

.tx-suggestions button:hover {
    color: var(--lf-fg);
    background: rgba(255,255,255,.05);
}

.tx-tag-preview,
.tx-tag-impact {
    border: 1px solid rgba(255,255,255,.08);
    border-radius: var(--lf-radius-sm);
    background: rgba(10,25,41,.28);
    padding: .55rem .65rem;
    color: var(--lf-fg-2);
    font-size: .78rem;
}

.tx-tag-preview span {
    display: block;
    margin-bottom: .15rem;
    color: var(--lf-fg-3);
    font-size: .66rem;
    font-weight: 600;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.tx-tag-preview strong {
    color: var(--lf-papaya);
    font-family: var(--lf-font-mono);
}

.tx-main {
    background: transparent;
    border: 0;
    border-radius: 0;
    overflow: visible;
}
.tx-toolbar {
    padding: .45rem .15rem .65rem;
    border-bottom: 0;
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    justify-content: space-between;
    align-items: center;
}
.tx-toolbar__left, .tx-toolbar__right { display: flex; gap: .45rem; align-items: center; flex-wrap: wrap; }

.tx-toolbar-date {
    width: 145px;
}

.tx-pill-btn {
    border: 1px solid var(--lf-border-dark);
    background: rgba(255,255,255,.02);
    color: var(--lf-fg-2);
    border-radius: var(--lf-radius-pill);
    padding: .28rem .7rem;
    font-size: .75rem;
    cursor: pointer;
}
.tx-pill-btn.activo { border-color: rgba(255,128,0,.45); color: var(--lf-papaya); background: rgba(255,128,0,.09); }

.tx-table-wrap { overflow: auto; max-height: calc(100dvh - 330px); }
.tx-table { width: 100%; border-collapse: collapse; font-size: .8rem; }
.tx-table th, .tx-table td { padding: .45rem .55rem; border-bottom: 1px solid var(--lf-border-dark); }
.tx-table thead th { position: sticky; top: 0; background: var(--lf-surface-elevated); z-index: 2; color: var(--lf-fg-2); text-align: left; font-size: .72rem; text-transform: uppercase; letter-spacing: .06em; }
.tx-table tr:hover td { background: rgba(255,255,255,.02); }

/* Shared legacy table styles used by transactions_table_shared.html */
body.transactions-fullscreen .ma-tabla-wrap {
    margin-top: .35rem;
    overflow: auto;
    max-height: none;
    background: var(--lf-deep-blue-700);
    border-radius: 0;
}

body.transactions-fullscreen .ma-tabla {
    width: 100%;
    border-collapse: collapse;
    font-size: 12px;
    background: var(--lf-deep-blue-700);
    border-radius: 0;
}

body.transactions-fullscreen .ma-tabla th,
body.transactions-fullscreen .ma-tabla td {
    border-bottom: 1px solid rgba(255,255,255,.12);
}

body.transactions-fullscreen .ma-tabla th {
    padding: 6px 10px;
    font-size: 10px;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: rgba(255,255,255,.65);
    border-bottom: 1px solid rgba(255,255,255,.16);
    position: sticky;
    top: 0;
    background: #102A43 !important;
    z-index: 2;
    text-align: left;
    border-radius: 0;
}

body.transactions-fullscreen .ma-tabla td {
    padding: 3px 8px;
    line-height: 1.05;
}

body.transactions-fullscreen .ma-tabla th + th,
body.transactions-fullscreen .ma-tabla td + td {
    border-left: none;
}

body.transactions-fullscreen .ma-tabla tbody tr:hover td {
    background: rgba(55,65,81,.35);
}

body.transactions-fullscreen .ma-tabla tbody tr.ma-row-date-b td {
    background: rgba(45,226,230,.025);
}

body.transactions-fullscreen .ma-tabla tbody tr.ma-row-date-b:hover td {
    background: rgba(45,226,230,.08);
}

body.transactions-fullscreen .ma-tabla td:last-child {
    padding-left: 2px;
    padding-right: 4px;
}

body.transactions-fullscreen .ma-tabla__monto {
    font-family: var(--lf-font-mono);
    font-variant-numeric: tabular-nums;
    text-align: right;
    white-space: nowrap;
    font-size: 12px;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: .3rem;
}

body.transactions-fullscreen .ma-tabla__monto--ingreso { color: var(--lf-success); }
body.transactions-fullscreen .ma-tabla__monto--gasto { color: var(--lf-danger); }

body.transactions-fullscreen .ma-conversion-indicador {
    font-size: .66rem;
    color: #60a5fa;
    cursor: help;
    user-select: none;
}

body.transactions-fullscreen .ma-tabla__categoria {
    display: inline-block;
    font-size: .7rem;
    padding: .15rem .5rem;
    border-radius: var(--lf-radius-sm);
    background: rgba(255,128,0,.12);
    color: var(--lf-papaya);
    font-family: var(--lf-font-mono);
}

body.transactions-fullscreen .ma-tabla__fecha {
    font-family: var(--lf-font-mono);
    font-size: 11px;
    color: var(--lf-fg-3);
    white-space: nowrap;
}

body.transactions-fullscreen .ma-date-link {
    display: inline-flex;
    align-items: baseline;
    gap: .25rem;
    padding: 0;
    border: 0;
    background: transparent;
    color: inherit;
    font: inherit;
    cursor: pointer;
}

body.transactions-fullscreen .ma-date-link:hover {
    color: var(--lf-papaya);
}

body.transactions-fullscreen .ma-date-group-a {
    color: rgba(255,255,255,.9);
}

body.transactions-fullscreen .ma-date-group-b {
    color: var(--lf-accent-cyan);
}

body.transactions-fullscreen .ma-date-shift {
    color: var(--lf-warning);
    font-size: 10px;
    font-weight: 600;
}

body.transactions-fullscreen .ma-tabla__desc {
    max-width: 360px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
    font-weight: 500;
}

body.transactions-fullscreen .ma-desc-row {
    display: grid;
    grid-template-columns: 18px minmax(0, 1fr);
    align-items: start;
    gap: .35rem;
    min-width: 250px;
}

body.transactions-fullscreen .ma-desc-search {
    width: 18px;
    height: 18px;
    margin-top: 1px;
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--lf-fg-3);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

body.transactions-fullscreen .ma-desc-search:hover {
    color: var(--lf-papaya);
}

body.transactions-fullscreen .ma-desc-part {
    max-width: 100%;
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--lf-fg);
    font: inherit;
    text-align: left;
    cursor: default;
}

body.transactions-fullscreen .ma-desc-part--user {
    color: var(--lf-fg);
    font-weight: normal;
}

body.transactions-fullscreen .ma-desc-part--muted,
body.transactions-fullscreen .ma-desc-sep,
body.transactions-fullscreen .ma-desc-empty {
    color: rgba(160,174,192,.62);
}

body.transactions-fullscreen .ma-tabla__cuenta {
    font-size: 11px;
    color: var(--lf-fg-2);
}

body.transactions-fullscreen .ma-tabla__cuenta-link {
    display: inline;
    width: auto;
    color: var(--lf-fg-2);
    text-decoration-line: underline;
    text-decoration-style: dotted;
    text-decoration-thickness: 1px;
    text-underline-offset: 2px;
    text-decoration-color: rgba(45,226,230,.42);
    border-bottom: none;
}

body.transactions-fullscreen .ma-tabla__cuenta-link:hover {
    color: var(--lf-accent-cyan);
    text-decoration-color: rgba(45,226,230,.82);
}

body.transactions-fullscreen .ma-tabla__acciones { text-align: right; }
body.transactions-fullscreen .ma-tabla__reconciliacion { text-align: center; }

body.transactions-fullscreen .ma-reconciled-dot {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 999px;
}

body.transactions-fullscreen .ma-reconciled-dot--ok { background: #22c55e; }
body.transactions-fullscreen .ma-reconciled-dot--pending { background: #facc15; }

body.transactions-fullscreen .ma-tabla__acciones-wrap {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 3px;
}

body.transactions-fullscreen .ma-action-btn {
    width: 22px;
    height: 22px;
    padding: 0;
    border-radius: 7px;
    border: 1px solid rgba(255,255,255,.2);
    background: rgba(255,255,255,.05);
    color: rgba(255,255,255,.82);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all var(--lf-transition);
}

body.transactions-fullscreen .ma-action-btn svg {
    width: 12px;
    height: 12px;
}

body.transactions-fullscreen .ma-action-btn:hover {
    border-color: rgba(45,226,230,.52);
    background: rgba(45,226,230,.14);
    color: #fff;
}

body.transactions-fullscreen .ma-action-btn--cyan {
    border-color: rgba(45,226,230,.52);
    background: rgba(45,226,230,.14);
    color: rgba(255,255,255,.92);
}

body.transactions-fullscreen .ma-action-btn--cyan:hover {
    border-color: rgba(45,226,230,.78);
    background: rgba(45,226,230,.24);
}

body.transactions-fullscreen .ma-tabla__tags-wrap {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .22rem;
    min-width: 170px;
}

body.transactions-fullscreen .ma-tag-chip {
    display: inline-flex;
    align-items: center;
    gap: .18rem;
    max-width: 210px;
    min-height: 19px;
    padding: .08rem .24rem .08rem .42rem;
    border-radius: var(--lf-radius-sm);
    border: 1px solid rgba(255,128,0,.22);
    background: rgba(255,128,0,.13);
    color: var(--lf-papaya);
    font-size: 11px;
    font-family: var(--lf-font-mono);
}

body.transactions-fullscreen .ma-tag-chip a {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: inherit;
    text-decoration: none;
}

body.transactions-fullscreen .ma-tag-chip a:hover {
    text-decoration: underline;
}

body.transactions-fullscreen .ma-tag-chip button {
    width: 14px;
    height: 14px;
    padding: 0;
    border: 0;
    border-radius: 999px;
    background: transparent;
    color: rgba(255,160,64,.65);
    font-size: 11px;
    line-height: 1;
    cursor: pointer;
}

body.transactions-fullscreen .ma-tag-chip button:hover {
    background: rgba(255,128,0,.22);
    color: var(--lf-fg);
}

body.transactions-fullscreen .ma-tag-empty {
    color: var(--lf-fg-3);
    font-size: 11px;
}

body.transactions-fullscreen .ma-tabla__tags-wrap {
    display: flex;
    align-items: center;
    gap: .45rem;
    flex-wrap: wrap;
}

body.transactions-fullscreen .ma-transfer-chip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: .1rem .45rem;
    border-radius: 999px;
    background: rgba(255,128,0,.14);
    color: var(--lf-papaya);
    border: 1px solid rgba(255,128,0,.28);
    font-size: .62rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .04em;
    white-space: nowrap;
}

body.transactions-fullscreen .ma-tabla__monto-col {
    text-align: right;
}

body.transactions-fullscreen .ma-tabla__monto-col .ma-tabla__monto {
    justify-content: flex-end;
}

body.transactions-fullscreen .ma-tabla__saldo-mes {
    opacity: 0.65;
    font-size: .75rem;
}

body.transactions-fullscreen .col-th-rec { width: 42px; text-align: center; }
body.transactions-fullscreen .col-th-actions { width: 58px; text-align: right; }
body.transactions-fullscreen .col-th-fecha { width: 104px; }
body.transactions-fullscreen .col-th-monto { text-align: right; }
body.transactions-fullscreen .col-th-saldo { text-align: right; }

.tx-tag-chip {
    display: inline-flex;
    align-items: center;
    gap: .25rem;
    background: rgba(45,226,230,.12);
    border: 1px solid rgba(45,226,230,.28);
    color: var(--lf-accent-cyan);
    border-radius: 999px;
    padding: .1rem .45rem;
    margin: .1rem .15rem .1rem 0;
    font-size: .68rem;
}

.tx-pagination {
    display: flex;
    align-items: center;
    gap: .35rem;
    padding: .6rem 1rem;
    border-top: 1px solid var(--lf-border-dark);
}

.tx-validation {
    margin: .45rem .75rem 0;
    background: rgba(45,226,230,.06);
    border: 1px solid rgba(45,226,230,.22);
    border-radius: var(--lf-radius-md);
    padding: .28rem .4rem .24rem;
}

.tx-validation__header {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: .2rem;
    margin-bottom: .22rem;
}

.tx-validation__toggle {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .35rem;
    border: 0;
    background: transparent;
    color: inherit;
    padding: 0;
    cursor: pointer;
    text-align: left;
}

.tx-validation__toggle-main {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    min-width: 0;
}

.tx-validation__toggle-icon {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.65rem;
    height: 1.65rem;
    border: 1px solid rgba(45,226,230,.22);
    border-radius: 999px;
    background: rgba(10,25,41,.52);
    color: var(--lf-cyan);
}

.tx-validation__toggle-icon svg {
    width: 15px;
    height: 15px;
    transition: transform var(--lf-transition);
}

.tx-validation__toggle-icon svg.is-open {
    transform: rotate(180deg);
}

.tx-validation__title-wrap {
    min-width: 0;
}

.tx-validation__title {
    margin: 0;
    font-size: .88rem;
    font-weight: 700;
}

.tx-validation__subtitle {
    display: block;
    margin-top: .08rem;
    color: var(--lf-fg-3);
    font-size: .6rem;
}

.tx-validation__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .4rem;
    width: 100%;
    justify-content: flex-start;
}

.tx-validation__badge {
    font-size: .64rem;
    font-weight: 700;
    border-radius: var(--lf-radius-pill);
    padding: .12rem .44rem;
    border: 1px solid transparent;
}

.tx-validation__badge.ok {
    color: #10b981;
    border-color: rgba(16,185,129,.45);
    background: rgba(16,185,129,.12);
}

.tx-validation__badge.error {
    color: #f59e0b;
    border-color: rgba(245,158,11,.45);
    background: rgba(245,158,11,.12);
}

.tx-validation__badge.pending {
    color: var(--lf-fg-2);
    border-color: var(--lf-border-dark);
    background: rgba(148,163,184,.12);
}

.tx-validation__table {
    width: 100%;
    border-collapse: collapse;
    font-size: .84rem;
    margin-top: .05rem;
}

.tx-validation__table th,
.tx-validation__table td {
    padding: .28rem .2rem;
    border-bottom: 1px solid rgba(255,255,255,.1);
    text-align: left;
}

.tx-validation__table th {
    font-size: .62rem;
    color: var(--lf-fg-3);
    text-transform: uppercase;
    letter-spacing: .08em;
}

.tx-validation__table tbody tr:last-child td {
    border-bottom: none;
}

.tx-status-dot {
    display: inline-block;
    width: 18px;
    height: 18px;
    border-radius: 999px;
}

.tx-status-dot--ok {
    background: rgba(16,185,129,.2);
    border: 1px solid rgba(16,185,129,.6);
}

.tx-status-dot--error {
    background: rgba(239,68,68,.2);
    border: 1px solid rgba(239,68,68,.6);
}

.tx-status-dot--pending {
    background: rgba(148,163,184,.2);
    border: 1px solid rgba(148,163,184,.6);
}

.tx-charts {
    margin: .45rem .75rem 0;
    border: 1px solid var(--lf-border-dark);
    border-radius: var(--lf-radius-md);
    background: rgba(255,255,255,.015);
    overflow: hidden;
}

.tx-charts.is-collapsed {
    background: var(--lf-card-dark);
}

.tx-charts.is-collapsed .tx-map__header {
    background: var(--lf-card-dark);
}

.tx-charts__tabs {
    display: flex;
    gap: 0.5rem;
    padding: 0.75rem;
    border-bottom: 1px solid var(--lf-border-dark);
    background: rgba(255,255,255,.01);
}

.tx-charts__tab {
    padding: 0.5rem 1rem;
    background: transparent;
    border: 1px solid var(--lf-border-dark);
    border-radius: var(--lf-radius-sm);
    color: var(--lf-fg-2);
    cursor: pointer;
    font-size: 0.85rem;
    transition: all 0.2s ease;
}

.tx-charts__tab:hover {
    background: rgba(255,255,255,.05);
    color: var(--lf-fg);
}

.tx-charts__tab.is-active {
    background: rgba(59, 130, 246, 0.2);
    border-color: #3B82F6;
    color: #3B82F6;
}

.tx-charts__container {
    padding: 1rem;
    height: 300px;
    position: relative;
    overflow: hidden;
}

.tx-charts__container canvas {
    width: 100% !important;
    max-width: 100%;
    height: 100%;
    max-height: none;
}

.tx-charts__state {
    position: absolute;
    inset: 1rem;
    display: grid;
    place-items: center;
    text-align: center;
    font-size: .82rem;
    color: var(--lf-fg-2);
    background: rgba(10,25,41,.55);
    border: 1px dashed rgba(160,174,192,.35);
    border-radius: var(--lf-radius-sm);
    pointer-events: none;
}

.tx-charts__state--error {
    color: var(--lf-danger);
    border-color: rgba(239,68,68,.5);
}

.tx-chart-card { border: 1px solid var(--lf-border-dark); border-radius: var(--lf-radius-md); padding: .7rem; background: rgba(255,255,255,.01); }
.tx-chart-card canvas { max-height: 240px; }

.tx-map {
    margin: .8rem 1rem 0;
    border: 1px solid var(--lf-border-dark);
    border-radius: var(--lf-radius-md);
    background: rgba(255,255,255,.015);
    overflow: hidden;
}

.tx-map__header {
    width: 100%;
    border: 0;
    background: transparent;
    color: var(--lf-fg);
    padding: .5rem .6rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .35rem;
    cursor: pointer;
    text-align: left;
}

.tx-map__header-main {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    min-width: 0;
}

.tx-map__header-icon {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.65rem;
    height: 1.65rem;
    border: 1px solid rgba(45,226,230,.22);
    border-radius: 999px;
    background: rgba(10,25,41,.52);
    color: var(--lf-cyan);
}

.tx-map__header-icon svg {
    width: 14px;
    height: 14px;
    transition: transform var(--lf-transition);
}

.tx-map__header-icon svg.is-open {
    transform: rotate(180deg);
}

.tx-map__header:hover {
    background: rgba(255,255,255,.025);
}

.tx-map__header strong {
    display: block;
    font-size: .88rem;
}

.tx-map__summary {
    display: inline-flex;
    align-items: center;
    gap: .25rem;
    white-space: nowrap;
}

.tx-map__chevron {
    color: var(--lf-fg-2);
    transition: transform var(--lf-transition);
    font-size: 1rem;
    line-height: 1;
}

.tx-map__chevron.is-open {
    transform: rotate(180deg);
}

.tx-map__body {
    border-top: 1px solid var(--lf-border-dark);
    padding: .8rem;
}

.tx-map__metrics {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .55rem;
    margin-bottom: .75rem;
}

.tx-map__metrics > div {
    border: 1px solid rgba(255,255,255,.07);
    border-radius: var(--lf-radius-sm);
    background: rgba(0,0,0,.12);
    padding: .55rem .65rem;
}

.tx-map__metrics span {
    display: block;
    color: var(--lf-fg-2);
    font-size: .66rem;
    text-transform: uppercase;
    letter-spacing: .08em;
    margin-bottom: .2rem;
}

.tx-map__metrics strong {
    display: block;
    font-size: .95rem;
    font-weight: 600;
    font-family: var(--lf-font-mono);
}

.tx-map__canvas-wrap {
    position: relative;
    height: 300px;
}

.tx-map__canvas-wrap canvas {
    width: 100%;
    height: 100%;
}

.tx-map__empty {
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    color: var(--lf-fg-2);
    font-size: .8rem;
    background: rgba(10,25,41,.5);
}

.tx-map__amount--income {
    color: var(--lf-success);
}

.tx-map__amount--expense {
    color: var(--lf-danger);
}

.tx-bulkbar {
    position: sticky;
    top: .35rem;
    z-index: 8;
    margin: .05rem 0 .45rem;
    background: transparent;
    border: 0;
    border-radius: 0;
    padding: .2rem 0 .35rem;
    display: flex;
    gap: .55rem;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    box-shadow: none;
    border-bottom: 1px solid rgba(255,128,0,.22);
}

.tx-bulkbar__summary,
.tx-bulkbar__actions {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    flex-wrap: wrap;
}

.tx-bulkbar__summary {
    color: var(--lf-fg);
    font-size: .72rem;
}

.tx-bulkbar__summary input {
    width: 14px;
    height: 14px;
    accent-color: var(--lf-papaya);
}

.tx-bulkbar__total {
    padding: 0;
    border-radius: 0;
    background: transparent;
    font-size: .68rem;
}

.tx-bulkbar__btn {
    min-height: 24px;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: var(--lf-fg-2);
    padding: .18rem .18rem;
    font-size: .64rem;
    font-weight: 600;
    letter-spacing: .035em;
    text-transform: uppercase;
    cursor: pointer;
}

.tx-bulkbar__btn:hover {
    color: var(--lf-papaya);
    border-color: transparent;
    background: transparent;
}

.tx-bulkbar__btn--primary {
    color: var(--lf-papaya);
    border-color: transparent;
    background: transparent;
}

.tx-bulkbar__btn--danger {
    color: #fca5a5;
    border-color: transparent;
}

.tx-bulkbar__btn--ghost {
    opacity: .82;
}

.tx-adv-grid { display: grid; gap: .5rem; }
.tx-adv-grid label { display: flex; flex-direction: column; gap: .25rem; font-size: .72rem; color: var(--lf-fg-2); }
.tx-adv-actions { display: flex; gap: .45rem; margin-top: .35rem; flex-wrap: wrap; }
.tx-small-link { color: var(--lf-accent-cyan); font-size: .74rem; }

/* Sidebar UX refresh */
.tx-sidebar,
.tx-sidebar * {
    box-sizing: border-box;
    min-width: 0;
}

.tx-sidebar {
    max-height: 100%;
    height: 100%;
    background:
        var(--lf-card-dark);
    box-shadow: none;
}

.tx-sidebar__tabs {
    background: var(--lf-card-dark);
}

.tx-tab {
    position: relative;
    min-height: 32px;
    color: var(--lf-fg-2);
    transition: color var(--lf-transition), background var(--lf-transition);
}

.tx-tab::after {
    content: "";
    position: absolute;
    left: .7rem;
    right: .7rem;
    bottom: 0;
    height: 2px;
    border-radius: var(--lf-radius-pill);
    background: transparent;
}

.tx-tab:hover {
    color: var(--lf-fg);
    background: rgba(30,58,82,.72);
}

.tx-tab.activo {
    color: var(--lf-papaya);
    background: rgba(30,58,82,.92);
}

.tx-tab.activo::after {
    background: var(--lf-papaya);
    box-shadow: 0 0 16px rgba(255,128,0,.35);
}

.tx-sidebar__body {
    flex: 1 1 auto;
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    scrollbar-color: rgba(160,174,192,.35) transparent;
    scrollbar-width: thin;
}

.tx-sidebar__body::-webkit-scrollbar {
    width: 8px;
}

.tx-sidebar__body::-webkit-scrollbar-track {
    background: transparent;
}

.tx-sidebar__body::-webkit-scrollbar-thumb {
    background: rgba(160,174,192,.24);
    border-radius: var(--lf-radius-pill);
}

.tx-section-title {
    display: none;
    align-items: center;
    min-height: 20px;
    margin-bottom: .5rem;
    color: var(--lf-fg-3);
    font-weight: 600;
}

.tx-sidebar-sectionbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .45rem;
    min-height: 28px;
    padding: .34rem .48rem .28rem;
    border-bottom: 1px solid rgba(255,255,255,.055);
    background: rgba(10,25,41,.18);
    color: var(--lf-fg-3);
    font-size: .56rem;
    font-weight: 600;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.tx-sidebar-refresh-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .22rem;
    min-height: 21px;
    padding: .14rem .34rem;
    border: 1px solid rgba(255,255,255,.075);
    border-radius: var(--lf-radius-sm);
    background: rgba(30,58,82,.45);
    color: var(--lf-fg-2);
    font-size: .54rem;
    font-weight: 600;
    letter-spacing: .045em;
    line-height: 1;
    text-transform: uppercase;
    cursor: pointer;
    transition: color var(--lf-transition), border-color var(--lf-transition), background var(--lf-transition);
}

.tx-sidebar-refresh-btn:hover:not(:disabled) {
    border-color: rgba(255,128,0,.35);
    background: rgba(255,128,0,.08);
    color: var(--lf-papaya);
}

.tx-sidebar-refresh-btn:disabled {
    cursor: wait;
    opacity: .72;
}

.tx-sidebar-refresh-btn.is-loading svg {
    animation: lf-spin .7s linear infinite;
}

.tx-list-link {
    min-height: 22px;
    border: 0;
    border-radius: 0;
    padding: .18rem .45rem;
    font-size: .66rem;
    transition: background var(--lf-transition), border-color var(--lf-transition), color var(--lf-transition);
}

.tx-list-link:hover {
    background: rgba(30,58,82,.46);
    border-color: transparent;
}

.tx-list-link.activo {
    background: rgba(30,58,82,.88);
    border-color: transparent;
    color: var(--lf-papaya);
}

.tx-list-link .mono,
.tx-group-toggle .mono,
.tx-link-inherit,
.tx-account-amount {
    font-family: var(--lf-font-mono);
    font-variant-numeric: tabular-nums;
}

.tx-list-link > span:first-child,
.tx-tag-level-2 > span:first-child,
.tx-tag-level-3 > span:first-child {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tx-group-title {
    margin-top: .12rem;
    margin-bottom: 0;
}

.tx-group-toggle {
    min-height: 24px;
    grid-template-columns: .9rem minmax(0, 1fr) auto;
    padding: .18rem .45rem;
    border: 0;
    border-top: 1px solid rgba(255,255,255,.04);
    border-bottom: 1px solid rgba(255,255,255,.04);
    border-radius: 0;
    background: rgba(30,58,82,.42);
    color: var(--lf-fg);
}

.tx-group-toggle:hover {
    background: rgba(30,58,82,.6);
    border-color: rgba(255,255,255,.04);
    color: var(--lf-fg);
}

.tx-group-toggle__caret {
    color: var(--lf-papaya-300);
}

.tx-group-toggle__label {
    color: inherit;
    font-size: .62rem;
    letter-spacing: .04em;
    font-weight: 600;
}

.tx-group-toggle__meta {
    gap: 0;
}

.tx-group-toggle__count {
    display: none;
}

.tx-group-toggle + div {
    margin: 0;
    padding-left: 0;
    border-left: 0;
}

.tx-group-toggle + div .tx-list-link {
    padding-left: 1.45rem;
    min-height: 21px;
}

.tx-account-name {
    gap: .38rem;
}

.tx-account-name svg {
    width: 8px;
    height: 8px;
}

.tx-new-account-btn {
    width: calc(100% - 1rem);
    margin: .6rem .5rem .75rem;
    background: rgba(30,58,82,.6);
    min-height: 28px;
    padding: .35rem .55rem;
    font-size: .66rem;
}

.tx-new-account-btn:hover {
    box-shadow: inset 0 0 0 1px rgba(255,128,0,.28);
}

.tx-search-header {
    display: none;
}

.tx-search-title {
    display: none;
}

.tx-search-panel {
    display: flex;
    flex-direction: column;
    gap: .38rem;
    min-height: 100%;
    padding: .5rem .5rem .6rem;
}

.tx-search-box {
    display: grid;
    gap: .5rem;
    padding: 0;
    border: none;
    background: transparent;
    box-shadow: none;
}

.tx-quick-actions {
    gap: .28rem;
    margin-bottom: 0;
}

.tx-quick-group {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(54px, 1fr));
    gap: .16rem;
    padding: .28rem;
    border: 1px solid rgba(255,255,255,.06);
    border-radius: var(--lf-radius-sm);
    background: rgba(10,25,41,.22);
}

.tx-quick-label {
    grid-column: 1 / -1;
    min-width: 0;
    margin-bottom: 0;
    color: var(--lf-fg-3);
    font-size: .54rem;
    font-weight: 600;
    letter-spacing: .08em;
}

.tx-quick-btn {
    width: 100%;
    min-height: 21px;
    border-radius: 7px;
    padding: .14rem .2rem;
    border: 1px solid rgba(255,255,255,.07);
    background: rgba(30,58,82,.46);
    color: var(--lf-fg-2);
    line-height: 1.05;
    font-size: .58rem;
    white-space: normal;
}

.tx-quick-btn:hover {
    color: var(--lf-fg);
    border-color: rgba(45,226,230,.26);
}

.tx-quick-btn.activo {
    border-color: rgba(255,128,0,.42);
    color: var(--lf-papaya);
    background: rgba(255,128,0,.1);
}

.tx-adv-grid {
    gap: .36rem;
}

.tx-field,
.tx-adv-grid label {
    gap: .16rem;
    color: var(--lf-fg-2);
    font-size: .56rem;
    font-weight: 600;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.tx-field--compact {
    font-size: .56rem;
}

.tx-adv-grid input,
.tx-adv-grid select,
.tx-search-box input,
.tx-search-box select {
    width: 100%;
    min-height: 27px;
    border: 1px solid rgba(255,255,255,.075);
    border-radius: 7px;
    background: rgba(10,25,41,.46);
    color: var(--lf-fg);
    padding: .25rem .4rem;
    font-family: var(--lf-font-ui);
    font-size: .64rem;
    outline: none;
    transition: border-color var(--lf-transition), box-shadow var(--lf-transition), background var(--lf-transition);
}

.tx-adv-grid input::placeholder,
.tx-search-box input::placeholder {
    color: rgba(160,174,192,.7);
}

.tx-adv-grid input:focus,
.tx-adv-grid select:focus,
.tx-search-box input:focus,
.tx-search-box select:focus {
    border-color: rgba(255,128,0,.62);
    box-shadow: 0 0 0 1px rgba(255,128,0,.12);
    background: rgba(10,25,41,.62);
}

.tx-field--switch {
    min-height: 27px;
    display: flex !important;
    flex-direction: row !important;
    align-items: center;
    justify-content: space-between;
    padding: .28rem .4rem;
    border: 1px solid rgba(255,255,255,.075);
    border-radius: 7px;
    background: rgba(10,25,41,.34);
}

.tx-field--switch span {
    color: var(--lf-fg-2);
}

.tx-switch {
    width: 14px !important;
    min-height: 14px !important;
    height: 14px;
    padding: 0 !important;
    accent-color: var(--lf-papaya);
    cursor: pointer;
}

.tx-amount-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 58px;
    gap: .28rem;
}

.tx-date-row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .28rem;
}

.tx-adv-actions {
    position: sticky;
    bottom: -.7rem;
    z-index: 2;
    display: grid;
    gap: .3rem;
    margin: .05rem -.5rem -.6rem;
    padding: .42rem .5rem .5rem;
    background: var(--lf-card-dark);
    border-top: 1px solid rgba(255,255,255,.08);
}

.tx-adv-actions__buttons {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: .32rem;
}

.tx-sidebar-action {
    width: 100%;
    min-height: 28px;
    border: 1px solid var(--lf-border-dark);
    border-radius: var(--lf-radius-sm);
    padding: .32rem .55rem;
    background: rgba(30,58,82,.6);
    color: var(--lf-fg-2);
    font-size: .66rem;
    font-weight: 600;
    letter-spacing: .04em;
    text-transform: uppercase;
    cursor: pointer;
    transition: background var(--lf-transition), border-color var(--lf-transition), color var(--lf-transition), box-shadow var(--lf-transition);
}

.tx-sidebar-action:hover {
    color: var(--lf-papaya);
    background: rgba(255,128,0,.08);
    border-color: rgba(255,128,0,.35);
    box-shadow: inset 0 0 0 1px rgba(255,128,0,.16);
}

.tx-sidebar-action--primary {
    color: var(--lf-papaya);
    border-color: rgba(255,128,0,.32);
    background: rgba(255,128,0,.1);
}

.tx-sidebar-action--primary:hover {
    color: var(--lf-fg);
    background: rgba(255,128,0,.18);
    border-color: rgba(255,128,0,.48);
}

.tx-sidebar-action--ghost {
    background: rgba(30,58,82,.38);
}

.tx-adv-actions .tx-small-link {
    justify-self: center;
    color: var(--lf-fg-3);
    font-size: .58rem;
    line-height: 1.1;
    text-align: center;
}

.tx-adv-actions .tx-small-link:hover {
    color: var(--lf-accent-cyan);
}

.tx-tag-tree {
    display: grid;
    gap: 0;
}

.tx-tag-node {
    position: relative;
}

.tx-tag-level-1 {
    grid-template-columns: .9rem minmax(0, 1fr) auto;
    column-gap: .35rem;
    min-height: 24px;
    padding: .18rem .45rem;
    background: rgba(30,58,82,.42);
    border: 0;
    border-top: 1px solid rgba(255,255,255,.04);
    border-bottom: 1px solid rgba(255,255,255,.04);
}

.tx-tag-level-1 .tx-tag-toggle-btn__label {
    font-size: .62rem;
    font-weight: 600;
    letter-spacing: .055em;
    text-transform: uppercase;
}

.tx-tag-level-1 .tx-link-inherit {
    min-width: 3.2rem;
    color: var(--lf-fg-2);
    font-size: .6rem;
}

.tx-tag-children {
    position: relative;
    margin-left: 0;
    padding-left: 0;
    border-left: 0;
}

.tx-tag-children--level3 {
    margin-left: 1.25rem;
    border-left: 1px solid rgba(45,226,230,.16);
    padding-left: .25rem;
}

.tx-tag-level-2,
.tx-tag-level-3 {
    position: relative;
    min-height: 22px;
    padding-right: .42rem;
}

.tx-tag-level-2 {
    grid-template-columns: .9rem minmax(0, 1fr) auto;
    column-gap: .35rem;
    padding-left: 1.45rem;
}

.tx-tag-level-2.tx-tag-general {
    grid-template-columns: minmax(0, 1fr) auto;
    padding-left: 2.1rem;
}

.tx-tag-level-3 {
    grid-template-columns: minmax(0, 1fr) auto;
    padding-left: 2.8rem;
}

.tx-tag-level-2::before,
.tx-tag-level-3::before {
    content: none;
}

.tx-tag-level-3::before {
    background: rgba(45,226,230,.2);
}

.tx-tag-general {
    color: var(--lf-fg-3);
}

.tx-list-link.tx-tag-root-active,
.tx-list-link.tx-tag-parent-active {
    border-left: 2px solid rgba(255,128,0,.75);
    background: linear-gradient(90deg, rgba(255,128,0,.16), rgba(255,128,0,.055));
}

.tx-list-link.tx-tag-level2-active {
    border-left: 2px solid rgba(45,226,230,.8);
    background: rgba(45,226,230,.13);
    color: var(--lf-accent-cyan);
}

.tx-no-tags-link {
    margin-top: .35rem;
    border-color: rgba(45,226,230,.18);
    color: var(--lf-accent-cyan);
    background: rgba(45,226,230,.055);
}

.tx-no-tags-link.activo {
    border-color: rgba(45,226,230,.48);
    background: rgba(45,226,230,.14);
    color: var(--lf-accent-cyan);
}

.tx-tag-rules {
    margin-top: .55rem;
    padding: .4rem .48rem;
    border: 1px solid rgba(255,255,255,.06);
    border-radius: var(--lf-radius-sm);
    color: var(--lf-fg-3);
    font-size: .72rem;
    background: rgba(10,25,41,.24);
    display: flex;
    flex-direction: column;
    gap: .3rem;
}

.tx-tag-recurring-badge,
.tx-tag-create-recurring {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    font-size: .68rem;
    border-radius: 3px;
    padding: .15rem .35rem;
    text-decoration: none;
    transition: opacity .15s;
}

.tx-tag-recurring-badge {
    background: rgba(45,226,230,.12);
    color: var(--lf-cyan);
    border: 1px solid rgba(45,226,230,.25);
}

.tx-tag-recurring-badge:hover { opacity: .8; }

.tx-tag-create-recurring {
    background: rgba(255,255,255,.04);
    color: var(--lf-fg-3);
    border: 1px dashed rgba(255,255,255,.12);
}

.tx-tag-create-recurring:hover {
    color: var(--lf-cyan);
    border-color: rgba(45,226,230,.3);
}

@media (max-width: 1080px) {
    .transactions-shell { grid-template-columns: 1fr; }
    .transactions-left-panel {
        grid-column: 1;
        grid-row: 1;
        padding: 0;
        overflow: hidden;
    }
    .transactions-main-frame { padding: .75rem; }
    .tx-page-head,
    .tx-context-head {
        grid-template-columns: 1fr;
        align-items: stretch;
    }
    .tx-page-head__search,
    .tx-page-head__actions,
    .tx-context-head__main,
    .tx-context-period,
    .tx-context-actions {
        flex-wrap: wrap;
    }
    .tx-sidebar-toggle-mobile { display: inline-flex; align-items: center; justify-content: center; }
    .transactions-right-panel {
        position: fixed;
        top: 0;
        left: 0;
        width: min(92vw, 320px);
        height: 100dvh;
        z-index: 100;
        transform: translateX(-100%);
        transition: transform var(--lf-transition);
        padding: 0;
        pointer-events: none;
    }
    .transactions-right-panel.is-open {
        transform: translateX(0);
        pointer-events: auto;
    }
    .transactions-right-panel .tx-sidebar {
        max-height: 100%;
    }
    .tx-table-wrap,
    body.transactions-fullscreen .ma-tabla-wrap { max-height: none; }
    .tx-sidebar {
        max-height: none;
    }
    .tx-date-row {
        grid-template-columns: 1fr;
    }
    .tx-toolbar__right {
        width: 100%;
    }

    .transactions-endcap {
        padding-left: .3rem;
        padding-right: .3rem;
        padding-bottom: .6rem;
    }

    .tx-charts,
    .tx-validation {
        margin-left: .55rem;
        margin-right: .55rem;
    }
}

.tx-charts,
.tx-validation {
    margin-left: .75rem;
    margin-right: .75rem;
}

/* =============================================================================
   VISUAL ALIGNMENT & DESIGN SYSTEM CORRECTIONS (lucaflow-design Skill)
   ============================================================================= */

/* 1) Alinear cabeceras de tabla a la derecha */
body.transactions-fullscreen .lf-table th.col-th-monto,
body.transactions-fullscreen .lf-table th.col-th-saldo,
body.transactions-fullscreen .lf-table th.col-th-actions {
    text-align: right !important;
}

/* 2) Tipografía monoespaciada y tabular para montos y saldos */
body.transactions-fullscreen .ma-tabla__monto,
body.transactions-fullscreen .ma-tabla__saldo-mes,
body.transactions-fullscreen .tx-account-amount {
    font-family: var(--lf-font-mono) !important;
    font-variant-numeric: tabular-nums !important;
    font-weight: 600 !important;
}

/* 3) Espaciados y padding de celdas de tabla (Ultra-Colapsada / Modo de datos extremos) */
body.transactions-fullscreen .ma-tabla td {
    padding: .18rem .4rem !important; /* Spacing extremo ~3px 6px */
    font-size: 0.76rem !important;
}

/* 4) Espaciados y padding de links del sidebar */
body.transactions-fullscreen .tx-list-link {
    padding: .3rem .75rem !important; /* Filas densas consistentes con design system */
}

/* 5) Legibilidad de organizador de secciones del sidebar */
body.transactions-fullscreen .tx-sidebar-sectionbar {
    font-size: .68rem !important; /* ~11px para perfecta legibilidad */
    letter-spacing: .08em !important;
    font-weight: 700 !important;
}

/* 6) Tag tree: indentacion jerarquica con lineas conectoras */
body.transactions-fullscreen .tx-tag-level-2 {
    padding-left: 1.45rem !important;
}
body.transactions-fullscreen .tx-tag-level-2.tx-tag-general {
    padding-left: 2.1rem !important;
}
body.transactions-fullscreen .tx-tag-level-3 {
    padding-left: 2.8rem !important;
}
body.transactions-fullscreen .tx-tag-children--level3 {
    margin-left: 1.25rem;
    border-left: 1px solid rgba(45,226,230,.16);
    padding-left: .25rem;
}
body.transactions-fullscreen .tx-tag-general {
    font-size: .66rem !important;
}

/* =============================================================================
   HIGH-INTENSITY ADVANCED SEARCH SIDEBAR INPUTS (inputs.html Style)
   ============================================================================= */

.tx-sidebar-field {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-bottom: 8px;
}

.tx-sidebar-label {
    font-size: .58rem !important;
    color: var(--lf-fg-on-dark-2) !important;
    font-weight: 600 !important;
    letter-spacing: .055em !important;
    text-transform: uppercase !important;
    margin-bottom: 2px !important;
    display: block !important;
}

/* Inputs de Alta Intensidad (Ligeramente más claros que el fondo) */
.tx-sidebar-input,
.tx-sidebar-select {
    width: 100% !important;
    height: var(--lf-control-h-compact) !important;
    background: rgba(30,58,82,.72) !important;
    border: 1px solid rgba(255,255,255,.11) !important;
    color: var(--lf-fg-on-dark) !important;
    border-radius: 4px !important;
    padding: .25rem .55rem !important;
    font-size: .72rem !important;
    outline: none !important;
    transition: border-color var(--lf-transition), box-shadow var(--lf-transition), background var(--lf-transition) !important;
}

.tx-sidebar-input:focus,
.tx-sidebar-select:focus {
    border-color: rgba(45,226,230,.62) !important;
    box-shadow: 0 0 0 2px rgba(45,226,230,.18) !important;
    background: rgba(30,58,82,.9) !important;
}

.tx-sidebar-input::placeholder {
    color: rgba(160,174,192,.78) !important;
}

/* Reajuste de Grid para Monto y Op */
.tx-sidebar-amount-grid {
    display: grid;
    grid-template-columns: 1fr 68px;
    gap: 6px;
    margin-bottom: 8px;
}

/* 6) Estilo de Alta Intensidad para Selects de Barra de Herramientas de la Tabla */
.tx-toolbar-select {
    display: inline-flex !important;
    width: auto !important;
    min-width: 110px !important;
    height: var(--lf-control-h-compact) !important;
    background: rgba(30,58,82,.72) !important;
    border: 1px solid rgba(255,255,255,.11) !important;
    color: var(--lf-fg-on-dark) !important;
    border-radius: 4px !important;
    padding: .25rem .55rem !important;
    font-size: .72rem !important;
    outline: none !important;
    transition: border-color var(--lf-transition), box-shadow var(--lf-transition), background var(--lf-transition) !important;
}

.tx-toolbar-select:focus {
    border-color: rgba(45,226,230,.62) !important;
    box-shadow: 0 0 0 2px rgba(45,226,230,.18) !important;
    background: rgba(30,58,82,.9) !important;
}

.tx-toolbar-select option {
    background-color: var(--lf-card-dark-alt) !important;
    color: var(--lf-fg-on-dark) !important;
}

/* =============================================================================
   CUSTOM CHECKBOXES & COLUMN ALIGNMENTS (LucaFlow UI Normalization)
   ============================================================================= */

/* 1) Custom Checkboxes */
body.transactions-fullscreen input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    width: 14px !important;
    height: 14px !important;
    border: 2px solid rgba(255, 255, 255, 0.3) !important;
    background-color: transparent !important;
    border-radius: 3px !important;
    cursor: pointer !important;
    position: relative !important;
    transition: all 0.2s ease !important;
    flex-shrink: 0 !important;
    display: inline-block !important;
    vertical-align: middle !important;
}

body.transactions-fullscreen input[type="checkbox"]:hover {
    border-color: rgba(255, 255, 255, 0.5) !important;
    background-color: rgba(255, 255, 255, 0.08) !important;
}

body.transactions-fullscreen input[type="checkbox"]:checked {
    background-color: var(--lf-papaya, #FF8000) !important;
    border-color: var(--lf-papaya, #FF8000) !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='%23ffffff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round' d='M2 6l3 3 5-5'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 8px 8px !important;
    box-shadow: 0 0 0 2px rgba(255, 128, 0, 0.25) !important;
}

body.transactions-fullscreen input[type="checkbox"]:focus {
    outline: none !important;
    box-shadow: 0 0 0 2px rgba(255, 128, 0, 0.5) !important;
}

/* 2) Checkbox Column Alignment & Width */
body.transactions-fullscreen .ma-tabla__checkbox {
    text-align: center !important;
    vertical-align: middle !important;
    width: 34px !important;
    padding: 3px 0 !important;
}

/* 3) Reconciliacion Column Alignment & Width */
body.transactions-fullscreen .col-th-rec,
body.transactions-fullscreen .ma-tabla__reconciliacion {
    text-align: center !important;
    vertical-align: middle !important;
    width: 38px !important;
    padding: 3px 0 !important;
}

/* 4) Selected Row Highlight Style (warm dark orange-brown) */
body.transactions-fullscreen .ma-tabla tbody tr.is-selected td {
    background-color: #54381d !important;
}
body.transactions-fullscreen .ma-tabla tbody tr.is-selected:hover td {
    background-color: #6a4725 !important;
}

/* 5) Bulk Selection Bar Layout & Buttons */
.tx-bulkbar {
    position: sticky !important;
    top: .35rem !important;
    z-index: 8 !important;
    margin: .05rem 0 .45rem !important;
    background: #0D1E2D !important; /* Charcoal Dark Blue matching the screenshot */
    border: 1px solid rgba(255, 128, 0, 0.16) !important;
    border-radius: 7px !important;
    padding: .4rem .75rem .4rem 10px !important; /* aligned exactly with table checkbox center */
    display: flex !important;
    gap: .55rem !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: wrap !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.35) !important;
}

.tx-bulkbar__summary {
    display: flex !important;
    align-items: center !important;
    gap: .55rem !important;
    color: var(--lf-fg) !important;
    font-size: .72rem !important;
    font-weight: 600 !important;
}

.tx-bulkbar__summary strong {
    font-weight: 700 !important;
    color: var(--lf-fg, #FFFFFF) !important;
}

.tx-bulkbar__total {
    padding: .14rem .42rem !important;
    border-radius: 6px !important;
    font-size: .72rem !important;
    font-weight: 700 !important;
    font-family: var(--lf-font-mono) !important;
}
.tx-bulkbar__total.text-success {
    background-color: #0c3428 !important;
    color: #ffffff !important;
    border: 1px solid rgba(0, 208, 143, 0.25) !important;
}
.tx-bulkbar__total.text-danger {
    background-color: #4f2829 !important;
    color: #ffffff !important;
    border: 1px solid rgba(255, 59, 48, 0.25) !important;
}

.tx-bulkbar__btn {
    min-height: 25px !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 6px !important;
    padding: .2rem .65rem !important;
    font-size: .68rem !important;
    font-weight: 700 !important;
    letter-spacing: .02em !important;
    text-transform: none !important; /* mixed case like screenshot */
    cursor: pointer !important;
    transition: all 0.2s ease !important;
}

/* Success Button (Reconciliadas) */
.tx-bulkbar__btn--success {
    background: #00D08F !important;
    color: #FFFFFF !important;
    border-color: #00D08F !important;
}
.tx-bulkbar__btn--success:hover {
    background: #00b079 !important;
    color: #FFFFFF !important;
}

/* Secondary Button (Pendientes) */
.tx-bulkbar__btn--secondary {
    background: #1E3A52 !important;
    color: #FFFFFF !important;
    border-color: #2D3748 !important;
}
.tx-bulkbar__btn--secondary:hover {
    background: #254b6b !important;
    color: #FFFFFF !important;
}

/* Primary Button (Editar) */
.tx-bulkbar__btn--primary {
    background: var(--lf-papaya, #FF8000) !important;
    color: #FFFFFF !important;
    border-color: var(--lf-papaya, #FF8000) !important;
}
.tx-bulkbar__btn--primary:hover {
    background: #e67300 !important;
    color: #FFFFFF !important;
}

/* Danger Button (Eliminar) */
.tx-bulkbar__btn--danger {
    background: #FF3B30 !important;
    color: #FFFFFF !important;
    border-color: #FF3B30 !important;
}
.tx-bulkbar__btn--danger:hover {
    background: #e03126 !important;
    color: #FFFFFF !important;
}

/* Ghost Button (Limpiar) */
.tx-bulkbar__btn--ghost {
    background: transparent !important;
    color: rgba(255,255,255,0.4) !important;
    border: none !important;
}
.tx-bulkbar__btn--ghost:hover {
    color: var(--lf-papaya) !important;
}