/* T-Accounting: colored T-box ledger and edit-form column widths only. */

.t-accounting-scope .t-accounting-ledger {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    margin-bottom: 0;
    border: none;
    text-align: left;
}

.t-accounting-scope .t-accounting-ledger > tbody > tr > td {
    padding: 4px 8px;
    vertical-align: top;
    font-size: 12px;
    font-weight: 500;
    background: var(--whitebg, #fff);
    color: var(--whitebgtext, #222);
    border-top: none;
}

.t-accounting-scope .t-accounting-boxes-row > td,
.t-accounting-scope .mobileportrait-mobilewide > td {
    padding: 6px 8px;
    line-height: 0;
}

.t-accounting-scope .t-account-box {
    display: inline-table;
    vertical-align: top;
    width: 215px;
    min-width: 215px;
    max-width: 215px;
    margin: 0 3px 0 0;
    border-collapse: collapse;
    border: 1px solid #aaa;
    table-layout: fixed;
    background: #fff;
}

.t-accounting-scope .t-account-box:last-child {
    margin-right: 0;
}

.t-accounting-scope .t-account-box td {
    padding: 5px 8px !important;
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
    border: 1px solid #aaa !important;
    vertical-align: middle;
    text-align: center;
    background-color: #fff;
    color: var(--whitebgtext, #222);
}

.t-accounting-scope .t-account-box td.t-account-box-header {
    border: 2px solid #fff !important;
    box-sizing: border-box;
}

.t-accounting-scope .t-account-box .width30 {
    width: 50%;
}

.t-accounting-scope .mobileportrait-mobilewide > td > div {
    line-height: 0;
}

.t-accounting-scope .mobileportrait-mobilewide .t-account-box {
    margin-bottom: 3px;
}

.t-accounting-scope .t-accounting-ledger .t-account-box {
    display: inline-table;
}

/* Edit form: shared GL field width (header + row dropdowns) */
.t-accounting-scope .t-accounting-edit-card {
    --taccount-edit-gl-width: 22rem;
}

.t-accounting-scope .taccount-primary-gl-wrap {
    flex: 0 0 var(--taccount-edit-gl-width);
    width: var(--taccount-edit-gl-width);
    max-width: var(--taccount-edit-gl-width);
    min-width: var(--taccount-edit-gl-width);
}

.t-accounting-scope .taccount-edit-table {
    width: 100%;
    table-layout: fixed;
}

.t-accounting-scope .taccount-edit-table .taccount-edit-col-amount,
.t-accounting-scope .taccount-edit-table .taccount-amount-cell {
    width: 12rem;
    max-width: 12rem;
}

.t-accounting-scope .taccount-edit-table .taccount-edit-col-debit {
    width: 12.5rem;
}

.t-accounting-scope .taccount-edit-table .taccount-edit-col-actions {
    width: 6.5rem;
}

.t-accounting-scope .taccount-edit-table .taccount-edit-col-gl,
.t-accounting-scope .taccount-edit-table .taccount-gl-cell {
    width: var(--taccount-edit-gl-width, 22rem);
    max-width: var(--taccount-edit-gl-width, 22rem);
}

.t-accounting-scope .taccount-edit-table .taccount-amount-cell .trxamount {
    width: 100% !important;
    max-width: 100%;
    box-sizing: border-box;
}

.t-accounting-scope .taccount-edit-table .taccount-debit-cell select,
.t-accounting-scope .taccount-edit-table .taccount-debit-select {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

.t-accounting-scope .taccount-edit-table .taccount-actions-cell {
    text-align: center;
    white-space: nowrap;
}