/* Cari hesap filtre & arama — tek şerit, az yer, kolay kullanım */

.cari-filter-compact,
.cari-search-compact {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: .375rem;
    margin-bottom: .5rem;
}

.ssengine-cari-toolbar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .45rem .65rem;
    margin-bottom: .65rem;
    padding: .4rem .55rem;
    border: 1px solid #e3e6f0;
    border-radius: .4rem;
    background: #f8f9fc;
}

.ssengine-cari-toolbar-kinds,
.ssengine-cari-toolbar-period {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .3rem;
}

.ssengine-cari-toolbar-period {
    margin-left: auto;
}

.ssengine-cari-toolbar .ssengine-cari-chip,
.ssengine-cari-toolbar .btn-group-sm > .btn,
.ssengine-cari-toolbar a.ssengine-cari-chip {
    display: inline-flex;
    align-items: center;
    padding: .18rem .55rem;
    border-radius: 999px;
    font-size: .75rem;
    font-weight: 600;
    line-height: 1.25;
    color: #5a5c69;
    border: 1px solid #d1d3e2;
    background: #fff;
    text-decoration: none;
    white-space: nowrap;
}

.ssengine-cari-toolbar .ssengine-cari-chip.active,
.ssengine-cari-toolbar .ssengine-cari-chip:hover,
.ssengine-cari-toolbar .btn-group-sm > .btn.btn-primary {
    color: #fff;
    background: #4e73df;
    border-color: #4e73df;
    text-decoration: none;
}

.ssengine-cari-toolbar .btn-group-sm {
    display: inline-flex;
    flex-wrap: wrap;
    gap: .25rem;
}

.ssengine-cari-toolbar .btn-group-sm > .btn {
    border-radius: 999px !important;
    margin: 0;
}

.ssengine-cari-sep {
    width: 1px;
    align-self: stretch;
    min-height: 1.15rem;
    background: #d1d3e2;
    margin: 0 .15rem;
}

.ssengine-cari-field {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
}

.ssengine-cari-field > span {
    font-size: .68rem;
    font-weight: 700;
    letter-spacing: .03em;
    text-transform: uppercase;
    color: #858796;
}

.ssengine-cari-toolbar select.ssengine-cari-jump,
.ssengine-cari-toolbar select.form-control-sm {
    height: 1.75rem;
    min-width: 5.4rem;
    max-width: 8.5rem;
    padding: .1rem 1.4rem .1rem .4rem;
    font-size: .75rem;
    font-weight: 600;
    line-height: 1.2;
    color: #3a3b45;
    border: 1px solid #d1d3e2;
    border-radius: .3rem;
    background: #fff;
}

.ssengine-cari-daterange {
    display: inline-flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 0;
    height: 1.75rem;
    border: 1px solid #d1d3e2;
    border-radius: .3rem;
    background: #fff;
    overflow: visible;
}

.ssengine-cari-daterange-ico {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.55rem;
    color: #858796;
    font-size: .72rem;
    flex: 0 0 auto;
}

.ssengine-cari-daterange-sep {
    display: inline-flex;
    align-items: center;
    padding: 0 .2rem;
    color: #858796;
    font-size: .75rem;
    flex: 0 0 auto;
}

.ssengine-cari-daterange input.date-input-tr,
.ssengine-cari-daterange input.form-control-sm,
.ssengine-cari-toolbar input.date-input-tr {
    width: 6.75rem !important;
    min-width: 6.75rem;
    max-width: 6.75rem;
    height: 1.7rem;
    padding: .15rem 1.7rem .15rem .35rem;
    font-size: .75rem;
    line-height: 1.2;
    border: 0;
    background: transparent;
    box-shadow: none;
}

.ssengine-cari-daterange .trdp-wrapper,
.ssengine-cari-toolbar .trdp-wrapper {
    width: 6.75rem;
    flex: 0 0 6.75rem;
}

.ssengine-cari-daterange .trdp-toggle,
.ssengine-cari-toolbar .trdp-toggle {
    width: 1.35rem;
    height: 1.35rem;
    right: .1rem;
}

.ssengine-cari-daterange .btn,
.ssengine-cari-toolbar .ssengine-cari-apply {
    height: 1.75rem;
    padding: 0 .5rem;
    border: 0;
    border-left: 1px solid #d1d3e2;
    border-radius: 0 .28rem .28rem 0;
    font-size: .72rem;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    background: #4e73df;
}

.ssengine-cari-clear {
    display: inline-flex;
    align-items: center;
    height: 1.75rem;
    padding: 0 .45rem;
    border: 1px solid #d1d3e2;
    border-radius: .3rem;
    background: #fff;
    color: #858796;
    font-size: .72rem;
    text-decoration: none;
}

.ssengine-cari-clear:hover {
    color: #3a3b45;
    background: #eaecf4;
    text-decoration: none;
}

.cari-filter-compact .btn,
.cari-search-compact .btn {
    padding: .2rem .5rem;
    font-size: .75rem;
    line-height: 1.25;
    white-space: nowrap;
}

.cari-filter-compact .btn-group-sm > .btn {
    padding: .2rem .5rem;
    font-size: .75rem;
    line-height: 1.25;
}

.cari-filter-compact input.form-control-sm,
.cari-search-compact input.form-control-sm {
    height: calc(1.5em + .5rem + 2px);
    padding: .2rem .4rem;
    font-size: .75rem;
    line-height: 1.25;
}

.cari-filter-compact input.date-input-tr,
.cari-search-compact input.date-input-tr,
.cari-filter-compact .cari-date-input {
    width: 6.75rem !important;
    min-width: 6.75rem;
    max-width: 6.75rem;
    flex: 0 0 auto;
}

.cari-filter-compact .trdp-wrapper,
.cari-search-compact .trdp-wrapper {
    width: auto;
    max-width: 6.75rem;
    flex: 0 0 auto;
}

.cari-filter-compact .input-group,
.cari-search-compact .input-group {
    flex-wrap: nowrap;
    width: auto;
}

.cari-filter-compact .input-group-text,
.cari-search-compact .input-group-text {
    padding: .2rem .35rem;
    font-size: .75rem;
    line-height: 1.25;
}

.cari-filter-compact .form-inline,
.cari-search-compact .form-inline {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: .375rem;
}

.ssengine-cari-netbar {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
    margin-bottom: 0.85rem;
    padding: 0.55rem 0.7rem;
    border: 1px solid #e3e6f0;
    border-radius: 0.4rem;
    background: #f8f9fc;
}

.ssengine-cari-netbar.is-bottom {
    margin-top: 0.85rem;
    margin-bottom: 0;
}

.ssengine-cari-net-panel {
    flex: 1 1 16rem;
    min-width: 14rem;
}

.ssengine-cari-net-panel-head {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: baseline;
    gap: 0.3rem;
    margin-bottom: 0.4rem;
}

.ssengine-cari-net-panel-head strong {
    font-size: 0.8rem;
    color: #3a3b45;
}

.ssengine-cari-net-panel-head span {
    font-size: 0.72rem;
    color: #858796;
}

.ssengine-cari-balances {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}

.ssengine-cari-balance {
    min-width: 9.2rem;
    padding: 0.45rem 0.65rem;
    border: 1px solid #e3e6f0;
    border-left-width: 3px;
    border-radius: 0.35rem;
    background: #fff;
}

.ssengine-cari-balance.is-credit { border-left-color: #1cc88a; }
.ssengine-cari-balance.is-debt { border-left-color: #e74a3b; }
.ssengine-cari-balance.is-empty { border-left-color: #858796; }

.ssengine-cari-balance .cari-kicker {
    display: block;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: #858796;
    margin-bottom: 0.12rem;
}

.ssengine-cari-balance strong {
    display: block;
    font-size: 1.02rem;
    line-height: 1.2;
}

.ssengine-cari-balance.is-credit strong { color: #1cc88a; }
.ssengine-cari-balance.is-debt strong { color: #e74a3b; }

.ssengine-cari-balance small {
    display: block;
    font-size: 0.72rem;
    color: #858796;
}

.ssengine-cari-flow {
    margin-top: 0.15rem;
    font-weight: 600;
}

@media (max-width: 767.98px) {
    .cari-filter-compact,
    .cari-search-compact,
    .ssengine-cari-toolbar-period,
    .ssengine-cari-daterange {
        flex-wrap: wrap;
    }

    .ssengine-cari-toolbar-period {
        margin-left: 0;
        width: 100%;
    }

    .cari-search-compact input.form-control-sm {
        width: 9rem !important;
        max-width: 9rem;
    }
}