.sheet-panel.is-active {
    display: block;
}

body {
    overflow-x: hidden;
}

.sheet-panel,
.card-body,
.table-responsive {
    min-width: 0;
}

.table-responsive {
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    overscroll-behavior-x: contain;
}

nav .fi {
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(0, 0, 0, 0.1);
    border-radius: 2px;
}

.transfer-table th,
.transfer-table td {
    vertical-align: top;
}

.transfer-table thead th {
    position: relative;
}

.transfer-table thead th:first-child,
.transfer-table tbody td.row-number {
    width: 56px;
    min-width: 56px;
}

.transfer-table thead th:last-child,
.transfer-table tbody td:last-child {
    width: 44px;
    min-width: 44px;
    position: sticky;
    right: 0;
    background-color: #fff;
    z-index: 10;
    padding: 0.40rem !important;
}

.transfer-table thead th:last-child {
    z-index: 11;
    background-color: #f8f9fa;
}

.col-resize-handle {
    position: absolute;
    top: 0;
    right: 0;
    width: 5px;
    height: 100%;
    cursor: col-resize;
    user-select: none;
    z-index: 1;
}

.col-resize-handle:hover,
.col-resize-handle.is-dragging {
    background-color: rgba(13, 110, 253, 0.35);
}

.input-pulse {
    animation: inputPulse 280ms ease-in-out 4;
}

.row-remove {
    padding: 0.25rem 0.45rem !important;
    min-width: auto !important;
}

.column-toggle-menu {
    max-height: 18rem;
    min-width: 16rem;
    overflow-y: auto;
}

.select-with-code-badge {
    display: flex;
    align-items: center;
    gap: 0.35rem;
}

.select-with-code-badge .select-code-badge {
    font-size: 0.65rem;
    line-height: 1;
    padding: 0.25rem 0.4rem;
    white-space: nowrap;
}

.amount-input {
    text-align: right;
}

.amount-input::-webkit-outer-spin-button,
.amount-input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.amount-input[type="number"] {
    -moz-appearance: textfield;
    appearance: textfield;
}

.transfer-table tfoot td {
    padding: 0;
}

.add-row-footer {
    border-top: 1px solid #dee2e6;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
    border-radius: 0;
    padding: 0.375rem 0.75rem;
    color: #1f4d2b !important;
    background-color: #f5fbf6;
    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1680' height='120' viewBox='0 0 1680 120'%3E%3Cg fill='none' stroke='rgba(20,72,39,0.16)' stroke-linecap='round'%3E%3Cpath d='M18 14v18M9 23h18' stroke-width='2.8'/%3E%3Cpath d='M74 18v28M60 32h28' stroke-width='4.6'/%3E%3Cpath d='M126 10v20M116 20h20' stroke-width='3.4'/%3E%3Cpath d='M176 24v32M160 40h32' stroke-width='5.2'/%3E%3Cpath d='M228 12v18M219 21h18' stroke-width='2.6'/%3E%3Cpath d='M280 20v26M267 33h26' stroke-width='4.2'/%3E%3Cpath d='M336 14v22M325 25h22' stroke-width='3.6'/%3E%3Cpath d='M388 22v30M373 37h30' stroke-width='5.4'/%3E%3Cpath d='M36 70v26M23 83h26' stroke-width='4.4'/%3E%3Cpath d='M94 76v18M85 85h18' stroke-width='2.9'/%3E%3Cpath d='M146 66v34M129 83h34' stroke-width='5.8'/%3E%3Cpath d='M204 74v20M194 84h20' stroke-width='3.2'/%3E%3Cpath d='M256 68v28M242 82h28' stroke-width='4.8'/%3E%3Cpath d='M314 76v18M305 85h18' stroke-width='2.8'/%3E%3Cpath d='M364 66v34M347 83h34' stroke-width='6'/%3E%3Cpath d='M468 16v14M461 23h14' stroke-width='2.2'/%3E%3Cpath d='M542 26v30M527 41h30' stroke-width='5.1'/%3E%3Cpath d='M616 12v22M605 23h22' stroke-width='3.5'/%3E%3Cpath d='M694 20v16M686 28h16' stroke-width='2.4'/%3E%3Cpath d='M758 68v34M741 85h34' stroke-width='5.7'/%3E%3Cpath d='M826 18v24M814 30h24' stroke-width='4'/%3E%3Cpath d='M902 22v12M896 28h12' stroke-width='1.9'/%3E%3Cpath d='M968 64v28M954 78h28' stroke-width='4.7'/%3E%3Cpath d='M1038 14v20M1028 24h20' stroke-width='3.1'/%3E%3Cpath d='M1106 76v18M1097 85h18' stroke-width='2.8'/%3E%3Cpath d='M1182 24v32M1166 40h32' stroke-width='5.3'/%3E%3Cpath d='M1260 10v18M1251 19h18' stroke-width='2.5'/%3E%3Cpath d='M1338 68v22M1327 79h22' stroke-width='3.8'/%3E%3Cpath d='M1418 20v28M1404 34h28' stroke-width='4.5'/%3E%3Cpath d='M1496 72v14M1489 79h14' stroke-width='2.1'/%3E%3Cpath d='M1572 14v34M1555 31h34' stroke-width='5.9'/%3E%3Cpath d='M1642 66v20M1632 76h20' stroke-width='3.3'/%3E%3C/g%3E%3C/svg%3E"),
        linear-gradient(180deg, #f8fdf8 0%, #eef8f0 100%);
    background-repeat: repeat, no-repeat;
    background-size: 600px 60px, 100% 100%;
    transition: background-color 120ms ease-in-out;
}

.add-row-footer:hover,
.add-row-footer:focus,
.add-row-footer:active {
    border-top-color: #dee2e6;
    color: #1d4628 !important;
    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1680' height='120' viewBox='0 0 1680 120'%3E%3Cg fill='none' stroke='rgba(20,72,39,0.20)' stroke-linecap='round'%3E%3Cpath d='M18 14v18M9 23h18' stroke-width='2.8'/%3E%3Cpath d='M74 18v28M60 32h28' stroke-width='4.6'/%3E%3Cpath d='M126 10v20M116 20h20' stroke-width='3.4'/%3E%3Cpath d='M176 24v32M160 40h32' stroke-width='5.2'/%3E%3Cpath d='M228 12v18M219 21h18' stroke-width='2.6'/%3E%3Cpath d='M280 20v26M267 33h26' stroke-width='4.2'/%3E%3Cpath d='M336 14v22M325 25h22' stroke-width='3.6'/%3E%3Cpath d='M388 22v30M373 37h30' stroke-width='5.4'/%3E%3Cpath d='M36 70v26M23 83h26' stroke-width='4.4'/%3E%3Cpath d='M94 76v18M85 85h18' stroke-width='2.9'/%3E%3Cpath d='M146 66v34M129 83h34' stroke-width='5.8'/%3E%3Cpath d='M204 74v20M194 84h20' stroke-width='3.2'/%3E%3Cpath d='M256 68v28M242 82h28' stroke-width='4.8'/%3E%3Cpath d='M314 76v18M305 85h18' stroke-width='2.8'/%3E%3Cpath d='M364 66v34M347 83h34' stroke-width='6'/%3E%3Cpath d='M468 16v14M461 23h14' stroke-width='2.2'/%3E%3Cpath d='M542 26v30M527 41h30' stroke-width='5.1'/%3E%3Cpath d='M616 12v22M605 23h22' stroke-width='3.5'/%3E%3Cpath d='M694 20v16M686 28h16' stroke-width='2.4'/%3E%3Cpath d='M758 68v34M741 85h34' stroke-width='5.7'/%3E%3Cpath d='M826 18v24M814 30h24' stroke-width='4'/%3E%3Cpath d='M902 22v12M896 28h12' stroke-width='1.9'/%3E%3Cpath d='M968 64v28M954 78h28' stroke-width='4.7'/%3E%3Cpath d='M1038 14v20M1028 24h20' stroke-width='3.1'/%3E%3Cpath d='M1106 76v18M1097 85h18' stroke-width='2.8'/%3E%3Cpath d='M1182 24v32M1166 40h32' stroke-width='5.3'/%3E%3Cpath d='M1260 10v18M1251 19h18' stroke-width='2.5'/%3E%3Cpath d='M1338 68v22M1327 79h22' stroke-width='3.8'/%3E%3Cpath d='M1418 20v28M1404 34h28' stroke-width='4.5'/%3E%3Cpath d='M1496 72v14M1489 79h14' stroke-width='2.1'/%3E%3Cpath d='M1572 14v34M1555 31h34' stroke-width='5.9'/%3E%3Cpath d='M1642 66v20M1632 76h20' stroke-width='3.3'/%3E%3C/g%3E%3C/svg%3E"),
        linear-gradient(180deg, #f4fbf5 0%, #e8f6eb 100%);
}

@keyframes inputPulse {
    0%,
    100% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(220, 53, 69, 0);
    }

    50% {
        transform: scale(1.015);
        box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
    }
}

/* Striped rows with sticky delete column */
.transfer-table tbody tr:nth-child(odd) td:last-child {
    background-color: #fff;
}

.transfer-table tbody tr:nth-child(even) td:last-child {
    background-color: #f8f9fa;
}