@import '_content/Client.Components/Client.Components.x16hw6ya3o.bundle.scp.css';

/* _content/Client/Comps/BymReorderableTabs.razor.rz.scp.css */
.bym-reorderable-tabs[b-xehvmtzqt5] {
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: thin;
}

.bym-reorderable-tabs .nav-item[b-xehvmtzqt5] {
    cursor: grab;
}

.bym-reorderable-tabs .nav-item:active[b-xehvmtzqt5] {
    cursor: grabbing;
}

.bym-reorderable-tabs .nav-item.bym-tab-dragging[b-xehvmtzqt5] {
    cursor: grabbing;
    opacity: 0.55;
}

@media (max-width: 767.98px) {
    .bym-reorderable-tabs .nav-item[b-xehvmtzqt5],
    .bym-reorderable-tabs .nav-item:active[b-xehvmtzqt5] {
        cursor: default;
    }
}
/* _content/Client/Comps/Login2FA.razor.rz.scp.css */
.options-container[b-e71tp2nmzk] {
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin-top: 20px;
    text-align: left;
}

.radio-option[b-e71tp2nmzk] {
    display: flex;
    align-items: center;
    gap: 10px;
}

    .radio-option input[type="radio"][b-e71tp2nmzk] {
        transform: scale(1.2);
    }

    .radio-option label[b-e71tp2nmzk] {
        font-size: 16px;
        cursor: pointer;
    }

/* İleri butonu */
.next-button[b-e71tp2nmzk], .submit-button[b-e71tp2nmzk] {
    margin-top: 25px;
    padding: 12px 25px;
    border-radius: 6px;
    border: none;
    background-color: #007bff;
    color: white;
    font-size: 16px;
    cursor: pointer;
    width: 100%;
    transition: background-color 0.3s;
}

    .next-button:hover[b-e71tp2nmzk], .submit-button:hover[b-e71tp2nmzk] {
        background-color: #0056b3;
    }

    .next-button:disabled[b-e71tp2nmzk] {
        background-color: #ccc;
        cursor: not-allowed;
    }

/* Kod giriş alanları */
.code-input-container[b-e71tp2nmzk] {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-top: 20px;
}

    .code-input-container input[b-e71tp2nmzk] {
        width: 40px;
        height: 50px;
        font-size: 24px;
        text-align: center;
        border: 1px solid #ccc;
        border-radius: 4px;
        outline: none;
        transition: border-color 0.2s;
    }

        .code-input-container input:focus[b-e71tp2nmzk] {
            border-color: #007bff;
            box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);
        }
/* _content/Client/Pages/Admin/ApiAdminDashboard.razor.rz.scp.css */
.api-admin-shell[b-mgzestzr7l] {
    min-height: 100%;
    padding: 18px;
    background: #f6f8fb;
    color: #111827;
}

.api-admin-toolbar[b-mgzestzr7l] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 18px;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    background: #ffffff;
}

.api-admin-kicker[b-mgzestzr7l] {
    color: #64748b;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
}

.api-admin-toolbar h1[b-mgzestzr7l] {
    margin: 2px 0 0;
    font-size: 24px;
    font-weight: 800;
}

.api-admin-actions[b-mgzestzr7l] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.api-admin-toggle[b-mgzestzr7l] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    cursor: pointer;
    color: #334155;
}

.api-admin-toggle input[b-mgzestzr7l] {
    display: none;
}

.api-admin-toggle span[b-mgzestzr7l] {
    width: 38px;
    height: 22px;
    border-radius: 999px;
    background: #cbd5e1;
    position: relative;
}

.api-admin-toggle span[b-mgzestzr7l]::after {
    content: "";
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #ffffff;
    position: absolute;
    left: 3px;
    top: 3px;
    transition: left .15s ease, background .15s ease;
}

.api-admin-toggle input:checked + span[b-mgzestzr7l] {
    background: #059669;
}

.api-admin-toggle input:checked + span[b-mgzestzr7l]::after {
    left: 19px;
}

.api-admin-select[b-mgzestzr7l],
.api-admin-icon-button[b-mgzestzr7l] {
    height: 36px;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    background: #ffffff;
    color: #111827;
}

.api-admin-select[b-mgzestzr7l] {
    padding: 0 10px;
}

.api-admin-select.compact[b-mgzestzr7l] {
    width: 94px;
    height: 32px;
    font-size: 12px;
}

.api-admin-icon-button[b-mgzestzr7l] {
    width: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.api-admin-icon-button.strong[b-mgzestzr7l] {
    border-color: #1d4ed8;
    background: #1d4ed8;
    color: #ffffff;
}

.api-admin-icon-button.small[b-mgzestzr7l] {
    width: 32px;
    height: 32px;
}

.api-admin-icon-button:disabled[b-mgzestzr7l] {
    opacity: .55;
    cursor: not-allowed;
}

.api-admin-alert[b-mgzestzr7l] {
    margin-top: 12px;
    padding: 10px 12px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 8px;
    border: 1px solid #bfdbfe;
    background: #eff6ff;
    color: #1d4ed8;
}

.api-admin-alert.success[b-mgzestzr7l] {
    border-color: #bbf7d0;
    background: #f0fdf4;
    color: #047857;
}

.api-admin-alert.danger[b-mgzestzr7l] {
    border-color: #fecaca;
    background: #fef2f2;
    color: #b91c1c;
}

/* ==========================================
   AKILLI SİSTEM SAĞLIK BANDI (GLOBAL HEALTH BEACON)
   ========================================== */
.api-admin-health-beacon[b-mgzestzr7l] {
    margin-top: 14px;
    padding: 14px 18px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
    transition: all .25s ease;
    box-shadow: 0 2px 6px rgba(15, 23, 42, 0.04);
}

.api-admin-health-beacon.healthy[b-mgzestzr7l] {
    background: linear-gradient(135deg, #f0fdf4 0%, #ecfdf5 100%);
    border: 1px solid #bbf7d0;
    color: #166534;
}

.api-admin-health-beacon.warning[b-mgzestzr7l] {
    background: linear-gradient(135deg, #fffbeb 0%, #fef3c7 100%);
    border: 1px solid #fde68a;
    color: #92400e;
}

.api-admin-health-beacon.critical[b-mgzestzr7l] {
    background: linear-gradient(135deg, #fef2f2 0%, #fee2e2 100%);
    border: 1px solid #fca5a5;
    color: #991b1b;
}

.beacon-main[b-mgzestzr7l] {
    display: flex;
    align-items: center;
    gap: 14px;
    min-width: 260px;
}

.beacon-pulse-wrapper[b-mgzestzr7l] {
    position: relative;
    width: 28px;
    height: 28px;
    flex: 0 0 28px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.beacon-pulse-ring[b-mgzestzr7l] {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    animation: beacon-ping-b-mgzestzr7l 2s cubic-bezier(0, 0, 0.2, 1) infinite;
}

.beacon-pulse-dot[b-mgzestzr7l] {
    position: relative;
    width: 12px;
    height: 12px;
    border-radius: 50%;
}

.api-admin-health-beacon.healthy .beacon-pulse-ring[b-mgzestzr7l] {
    background-color: rgba(34, 197, 94, 0.45);
}
.api-admin-health-beacon.healthy .beacon-pulse-dot[b-mgzestzr7l] {
    background-color: #16a34a;
    box-shadow: 0 0 8px #22c55e;
}

.api-admin-health-beacon.warning .beacon-pulse-ring[b-mgzestzr7l] {
    background-color: rgba(245, 158, 11, 0.45);
}
.api-admin-health-beacon.warning .beacon-pulse-dot[b-mgzestzr7l] {
    background-color: #d97706;
    box-shadow: 0 0 8px #f59e0b;
}

.api-admin-health-beacon.critical .beacon-pulse-ring[b-mgzestzr7l] {
    background-color: rgba(239, 68, 68, 0.55);
}
.api-admin-health-beacon.critical .beacon-pulse-dot[b-mgzestzr7l] {
    background-color: #dc2626;
    box-shadow: 0 0 10px #ef4444;
}

@keyframes beacon-ping-b-mgzestzr7l {
    75%, 100% {
        transform: scale(2);
        opacity: 0;
    }
}

.beacon-content[b-mgzestzr7l] {
    min-width: 0;
}

.beacon-heading[b-mgzestzr7l] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.beacon-badge[b-mgzestzr7l] {
    font-size: 11px;
    font-weight: 800;
    padding: 2px 7px;
    border-radius: 6px;
    letter-spacing: .03em;
    text-transform: uppercase;
}

.beacon-badge.healthy[b-mgzestzr7l] {
    background: #dcfce7;
    color: #15803d;
    border: 1px solid #86efac;
}

.beacon-badge.warning[b-mgzestzr7l] {
    background: #fef3c7;
    color: #b45309;
    border: 1px solid #fcd34d;
}

.beacon-badge.critical[b-mgzestzr7l] {
    background: #fee2e2;
    color: #b91c1c;
    border: 1px solid #fca5a5;
}

.beacon-title[b-mgzestzr7l] {
    font-size: 14px;
    font-weight: 750;
    color: inherit;
}

.beacon-sub[b-mgzestzr7l] {
    margin: 3px 0 0;
    font-size: 12px;
    opacity: .85;
    color: inherit;
}

.beacon-vitals[b-mgzestzr7l] {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
    background: rgba(255, 255, 255, 0.7);
    padding: 6px 14px;
    border-radius: 10px;
    backdrop-filter: blur(4px);
    border: 1px solid rgba(0, 0, 0, 0.05);
}

.beacon-vital[b-mgzestzr7l] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.vital-label[b-mgzestzr7l] {
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    color: #64748b;
    display: flex;
    align-items: center;
    gap: 4px;
}

.vital-value[b-mgzestzr7l] {
    font-size: 13px;
    font-weight: 800;
    color: #1e293b;
}

.vital-value.warning[b-mgzestzr7l],
.vital-value.warn[b-mgzestzr7l] {
    color: #d97706;
}

.vital-value.danger[b-mgzestzr7l] {
    color: #dc2626;
}

.beacon-actions[b-mgzestzr7l] {
    display: flex;
    align-items: center;
}

.beacon-toggle-alerts[b-mgzestzr7l] {
    border: 1px solid rgba(0, 0, 0, 0.1);
    background: #ffffff;
    border-radius: 8px;
    padding: 6px 12px;
    font-size: 12px;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    cursor: pointer;
    color: inherit;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    transition: all .15s ease;
}

.beacon-toggle-alerts:hover[b-mgzestzr7l] {
    background: #f8fafc;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.08);
}

.api-admin-health-list-drawer[b-mgzestzr7l] {
    margin-top: 8px;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 10px;
    animation: fadeIn-b-mgzestzr7l .2s ease-in;
}

@keyframes fadeIn-b-mgzestzr7l {
    from { opacity: 0; transform: translateY(-4px); }
    to { opacity: 1; transform: translateY(0); }
}

.api-admin-health-strip[b-mgzestzr7l] {
    margin-top: 12px;
    padding: 14px;
    border: 1px solid #fde68a;
    border-radius: 8px;
    background: #fffbeb;
}

.api-admin-panel-title.compact[b-mgzestzr7l] {
    margin-bottom: 8px;
}

.api-admin-health-list[b-mgzestzr7l] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 10px;
}

.api-admin-health-item[b-mgzestzr7l] {
    min-height: 70px;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr);
    align-items: center;
    gap: 10px;
    padding: 10px;
    text-align: left;
    background: #ffffff;
    color: #111827;
}

.api-admin-health-item:hover[b-mgzestzr7l],
.api-admin-health-item:focus-visible[b-mgzestzr7l] {
    border-color: #93c5fd;
    box-shadow: 0 10px 24px rgba(15, 23, 42, .10);
    outline: none;
}

.api-admin-health-item > i[b-mgzestzr7l] {
    width: 38px;
    height: 38px;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    background: #2563eb;
}

.api-admin-health-item.warning > i[b-mgzestzr7l] {
    background: #d97706;
}

.api-admin-health-item.danger > i[b-mgzestzr7l] {
    background: #dc2626;
}

.api-admin-health-item.info > i[b-mgzestzr7l] {
    background: #0891b2;
}

.api-admin-health-item strong[b-mgzestzr7l],
.api-admin-health-item small[b-mgzestzr7l] {
    display: block;
    min-width: 0;
}

.api-admin-health-item strong[b-mgzestzr7l] {
    color: #0f172a;
    font-size: 13px;
    font-weight: 850;
}

.api-admin-health-item small[b-mgzestzr7l] {
    color: #64748b;
    font-size: 12px;
    overflow-wrap: anywhere;
}

.api-admin-metrics[b-mgzestzr7l] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
    gap: 12px;
    margin-top: 12px;
}

.api-admin-metric[b-mgzestzr7l] {
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    background: #ffffff;
    padding: 14px;
    min-height: 108px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    color: inherit;
    font: inherit;
    text-align: left;
    cursor: pointer;
    appearance: none;
    transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease;
}

.api-admin-metric:hover[b-mgzestzr7l],
.api-admin-metric:focus-visible[b-mgzestzr7l] {
    border-color: #93c5fd;
    box-shadow: 0 12px 28px rgba(15, 23, 42, .10);
    transform: translateY(-1px);
    outline: none;
}

.api-admin-metric span[b-mgzestzr7l],
.api-admin-metric small[b-mgzestzr7l] {
    color: #64748b;
    font-size: 12px;
}

.api-admin-metric strong[b-mgzestzr7l] {
    font-size: 26px;
    line-height: 1;
    color: #0f172a;
}

.api-admin-metric em[b-mgzestzr7l] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    margin-top: 8px;
    color: #2563eb;
    font-size: 11px;
    font-style: normal;
    font-weight: 850;
}

.api-admin-metric.danger strong[b-mgzestzr7l] {
    color: #dc2626;
}

.api-admin-metric.danger-soft strong[b-mgzestzr7l] {
    color: #b91c1c;
}

.api-admin-metric.warning strong[b-mgzestzr7l] {
    color: #d97706;
}

.api-admin-sparkline[b-mgzestzr7l] {
    height: 28px;
    display: flex;
    align-items: flex-end;
    gap: 3px;
    margin-top: 8px;
}

.api-admin-sparkline > span[b-mgzestzr7l] {
    flex: 1;
    min-width: 3px;
    max-width: 14px;
    border-radius: 3px 3px 0 0;
    background: #2563eb;
    opacity: .78;
}

.api-admin-sparkline.warning > span[b-mgzestzr7l] {
    background: #d97706;
}

.api-admin-sparkline.danger > span[b-mgzestzr7l] {
    background: #dc2626;
}

.api-admin-sparkline.muted > span[b-mgzestzr7l] {
    background: #64748b;
}

.api-admin-sparkline.user > span[b-mgzestzr7l] {
    background: #0d9488;
}

.api-admin-grid[b-mgzestzr7l] {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 12px;
    margin-top: 12px;
}

.api-admin-panel[b-mgzestzr7l] {
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    background: #ffffff;
    padding: 14px;
    min-width: 0;
}

.span-4[b-mgzestzr7l] { grid-column: span 4; }
.span-5[b-mgzestzr7l] { grid-column: span 5; }
.span-7[b-mgzestzr7l] { grid-column: span 7; }
.span-8[b-mgzestzr7l] { grid-column: span 8; }

.api-admin-panel-title[b-mgzestzr7l] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 10px;
}

.api-admin-panel-title h2[b-mgzestzr7l] {
    margin: 0;
    font-size: 15px;
    font-weight: 800;
}

.api-admin-panel-title span[b-mgzestzr7l] {
    color: #64748b;
    font-size: 12px;
}

.api-admin-panel-title > i[b-mgzestzr7l] {
    color: #2563eb;
}

.api-admin-table-wrap[b-mgzestzr7l] {
    overflow-x: auto;
}

.api-admin-table[b-mgzestzr7l] {
    width: 100%;
    border-collapse: collapse;
    min-width: 760px;
}

.api-admin-table th[b-mgzestzr7l] {
    padding: 9px 8px;
    border-bottom: 1px solid #e5e7eb;
    color: #64748b;
    font-size: 11px;
    text-align: left;
    text-transform: uppercase;
}

.api-admin-table td[b-mgzestzr7l] {
    padding: 10px 8px;
    border-bottom: 1px solid #f1f5f9;
    font-size: 13px;
    vertical-align: middle;
}

.api-admin-table.compact[b-mgzestzr7l] {
    min-width: 640px;
}

.api-admin-table.compact th[b-mgzestzr7l],
.api-admin-table.compact td[b-mgzestzr7l] {
    padding: 8px;
}

.api-admin-table tr.selected td[b-mgzestzr7l] {
    background: #eff6ff;
}

.api-admin-table tbody tr[b-mgzestzr7l] {
    cursor: default;
}

.api-admin-table tbody tr:hover td[b-mgzestzr7l] {
    background: #f8fafc;
}

.api-admin-table td strong[b-mgzestzr7l],
.api-admin-table td small[b-mgzestzr7l] {
    display: block;
}

.api-admin-table td small[b-mgzestzr7l] {
    color: #64748b;
    font-size: 12px;
}

.endpoint-cell[b-mgzestzr7l] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.endpoint-cell strong[b-mgzestzr7l],
.endpoint-cell small[b-mgzestzr7l] {
    display: block;
    max-width: 420px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.endpoint-cell small[b-mgzestzr7l] {
    color: #64748b;
}

.method[b-mgzestzr7l] {
    width: 58px;
    height: 24px;
    border-radius: 6px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    font-weight: 800;
}

.method.get[b-mgzestzr7l] { background: #dbeafe; color: #1d4ed8; }
.method.post[b-mgzestzr7l] { background: #dcfce7; color: #047857; }
.method.put[b-mgzestzr7l] { background: #fef3c7; color: #b45309; }
.method.delete[b-mgzestzr7l] { background: #fee2e2; color: #b91c1c; }
.method.other[b-mgzestzr7l] { background: #f1f5f9; color: #475569; }

.count-danger[b-mgzestzr7l] {
    color: #dc2626;
    font-weight: 800;
}

.count-muted[b-mgzestzr7l] {
    color: #64748b;
}

.instance-list[b-mgzestzr7l],
.active-user-list[b-mgzestzr7l],
.error-list[b-mgzestzr7l] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.instance-row[b-mgzestzr7l],
.active-user-row[b-mgzestzr7l],
.error-row[b-mgzestzr7l] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px;
    border: 1px solid #eef2f7;
    border-radius: 8px;
    background: #fbfdff;
}

.error-row[b-mgzestzr7l] {
    cursor: pointer;
}

.error-row:hover[b-mgzestzr7l],
.error-row.selected[b-mgzestzr7l] {
    border-color: #bfdbfe;
    background: #eff6ff;
}

.instance-row[b-mgzestzr7l] {
    justify-content: space-between;
}

.instance-main[b-mgzestzr7l],
.active-user-body[b-mgzestzr7l],
.error-content[b-mgzestzr7l] {
    min-width: 0;
}

.instance-main[b-mgzestzr7l] {
    display: flex;
    align-items: center;
    gap: 9px;
}

.instance-main strong[b-mgzestzr7l],
.active-user-body strong[b-mgzestzr7l],
.error-content strong[b-mgzestzr7l] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.instance-main small[b-mgzestzr7l],
.active-user-body small[b-mgzestzr7l],
.active-user-right small[b-mgzestzr7l],
.error-content small[b-mgzestzr7l],
.error-content span[b-mgzestzr7l] {
    display: block;
    color: #64748b;
    font-size: 12px;
}

.status-dot[b-mgzestzr7l] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    flex: 0 0 10px;
}

.status-dot.online[b-mgzestzr7l] { background: #16a34a; }
.status-dot.warning[b-mgzestzr7l] { background: #f59e0b; }
.status-dot.offline[b-mgzestzr7l] { background: #dc2626; }
.status-dot.idle[b-mgzestzr7l] { background: #64748b; }

.instance-meta[b-mgzestzr7l],
.active-user-right[b-mgzestzr7l] {
    text-align: right;
    margin-left: auto;
}

.avatar-small[b-mgzestzr7l] {
    width: 34px;
    height: 34px;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 34px;
    background: #0f172a;
    color: #ffffff;
    font-size: 12px;
    font-weight: 800;
}

.error-code[b-mgzestzr7l] {
    width: 46px;
    height: 34px;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 46px;
    background: #fee2e2;
    color: #b91c1c;
    font-weight: 800;
}

.error-content[b-mgzestzr7l] {
    flex: 1;
}

.api-admin-error-detail-button[b-mgzestzr7l] {
    width: 32px;
    height: 32px;
    flex: 0 0 32px;
    border: 1px solid #bfdbfe;
    border-radius: 8px;
    color: #1d4ed8;
    background: #ffffff;
    cursor: pointer;
}

/* Görünüm Modu Seçici (Akış / Gruplanmış) */
.api-admin-view-toggle[b-mgzestzr7l] {
    display: inline-flex;
    align-items: center;
    background: #f1f5f9;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 2px;
    gap: 2px;
}

.api-admin-view-toggle button[b-mgzestzr7l] {
    border: none;
    background: transparent;
    padding: 4px 10px;
    font-size: 11px;
    font-weight: 600;
    color: #64748b;
    border-radius: 6px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    transition: all .15s ease;
}

.api-admin-view-toggle button:hover[b-mgzestzr7l] {
    color: #1e293b;
}

.api-admin-view-toggle button.active[b-mgzestzr7l] {
    background: #ffffff;
    color: #1d4ed8;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.08);
    font-weight: 750;
}

/* Hata Gruplama Rozeti */
.error-group-badge[b-mgzestzr7l] {
    background: #fef2f2;
    color: #b91c1c;
    font-size: 11px;
    font-weight: 850;
    padding: 4px 8px;
    border-radius: 12px;
    border: 1px solid #fecaca;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    min-width: 34px;
}

.error-row-actions[b-mgzestzr7l] {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-left: auto;
}

.api-admin-icon-button.ghost[b-mgzestzr7l],
.api-admin-action-button.ghost[b-mgzestzr7l] {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    color: #475569;
}

.api-admin-icon-button.ghost:hover[b-mgzestzr7l],
.api-admin-action-button.ghost:hover[b-mgzestzr7l] {
    background: #f8fafc;
    border-color: #cbd5e1;
    color: #1d4ed8;
}

.api-admin-error-detail[b-mgzestzr7l] {
    padding: 12px;
    border: 1px solid #bfdbfe;
    border-radius: 8px;
    background: #f8fbff;
}

.api-admin-error-detail-head[b-mgzestzr7l] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 10px;
}

.api-admin-error-detail-head strong[b-mgzestzr7l],
.api-admin-error-detail-head span[b-mgzestzr7l] {
    display: block;
}

.api-admin-error-detail-head strong[b-mgzestzr7l] {
    color: #0f172a;
    font-size: 14px;
}

.api-admin-error-detail-head span[b-mgzestzr7l] {
    margin-top: 3px;
    color: #64748b;
    font-size: 12px;
}

.api-admin-error-detail-grid[b-mgzestzr7l] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.api-admin-error-detail-grid > div[b-mgzestzr7l] {
    min-width: 0;
    padding: 9px;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    background: #ffffff;
}

.api-admin-error-detail-grid > div.wide[b-mgzestzr7l] {
    grid-column: 1 / -1;
}

.api-admin-error-detail-grid span[b-mgzestzr7l] {
    display: block;
    margin-bottom: 4px;
    color: #64748b;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
}

.api-admin-error-detail-grid strong[b-mgzestzr7l],
.api-admin-error-detail-grid code[b-mgzestzr7l] {
    display: block;
    overflow-wrap: anywhere;
    color: #0f172a;
    font-size: 12px;
}

.api-admin-error-detail-grid pre[b-mgzestzr7l] {
    max-height: 180px;
    margin: 0;
    overflow: auto;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
    color: #991b1b;
    font: inherit;
    font-size: 13px;
}

.error-content small[b-mgzestzr7l] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.api-admin-empty[b-mgzestzr7l] {
    padding: 24px 10px;
    color: #64748b;
    text-align: center;
}

.api-admin-empty.compact[b-mgzestzr7l] {
    padding: 10px 0;
}

.api-admin-modal-backdrop[b-mgzestzr7l] {
    position: fixed;
    inset: 0;
    z-index: 1050;
    background: rgba(15, 23, 42, .48);
    backdrop-filter: blur(2px);
}

.api-admin-modal[b-mgzestzr7l] {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 1051;
    /* Genişlik standart modal-xl (1140px) sınırına çekildi; sol menüyü ve ekran kenarlarını ezmesi engellendi */
    width: min(1140px, calc(100vw - 64px));
    height: min(840px, calc(100vh - 48px));
    max-height: min(860px, calc(100vh - 48px));
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid #dbe3ef;
    border-radius: 10px;
    background: #f8fafc;
    box-shadow: 0 24px 70px rgba(15, 23, 42, .28);
    transform: translate(-50%, -50%);
}

.api-admin-modal-backdrop.detail[b-mgzestzr7l] {
    z-index: 1060;
}

.api-admin-detail-modal[b-mgzestzr7l] {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 1061;
    width: min(1280px, calc(100vw - 36px));
    max-height: min(900px, calc(100vh - 36px));
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid #dbe3ef;
    border-radius: 8px;
    background: #f8fafc;
    box-shadow: 0 24px 70px rgba(15, 23, 42, .30);
    transform: translate(-50%, -50%);
}

.api-admin-detail-modal .api-admin-modal-head h2[b-mgzestzr7l] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.api-admin-detail-actions[b-mgzestzr7l] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.api-admin-detail-body[b-mgzestzr7l] {
    flex: 1;
    min-height: 0;
    overflow: auto;
    padding: 16px 20px 20px;
}

.api-admin-detail-summary[b-mgzestzr7l] {
    display: grid;
    grid-template-columns: repeat(3, minmax(170px, 1fr));
    gap: 10px;
    margin-bottom: 12px;
}

.api-admin-detail-summary div[b-mgzestzr7l] {
    min-height: 84px;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 12px;
    background: #ffffff;
}

.api-admin-detail-summary span[b-mgzestzr7l] {
    color: #64748b;
    font-size: 12px;
    font-weight: 800;
}

.api-admin-detail-summary strong[b-mgzestzr7l] {
    margin-top: 4px;
    color: #0f172a;
    font-size: 26px;
    line-height: 1.1;
}

.api-admin-error-groups[b-mgzestzr7l] {
    margin-bottom: 12px;
    padding: 12px;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    background: #ffffff;
}

.api-admin-error-group-list[b-mgzestzr7l] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 8px;
}

.api-admin-error-group[b-mgzestzr7l] {
    min-height: 70px;
    border: 1px solid #fecaca;
    border-radius: 8px;
    display: grid;
    grid-template-columns: 46px minmax(0, 1fr);
    align-items: center;
    gap: 10px;
    padding: 10px;
    text-align: left;
    background: #fff7f7;
    color: #111827;
}

.api-admin-error-group:hover[b-mgzestzr7l],
.api-admin-error-group:focus-visible[b-mgzestzr7l] {
    border-color: #fca5a5;
    background: #fef2f2;
    outline: none;
}

.api-admin-error-group > strong[b-mgzestzr7l] {
    width: 46px;
    height: 46px;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    background: #dc2626;
    font-size: 18px;
}

.api-admin-error-group span[b-mgzestzr7l],
.api-admin-error-group b[b-mgzestzr7l],
.api-admin-error-group small[b-mgzestzr7l] {
    display: block;
    min-width: 0;
}

.api-admin-error-group b[b-mgzestzr7l] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #0f172a;
    font-size: 12px;
}

.api-admin-error-group small[b-mgzestzr7l] {
    display: -webkit-box;
    overflow: hidden;
    color: #7f1d1d;
    font-size: 12px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.api-admin-detail-split[b-mgzestzr7l] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 390px;
    gap: 12px;
    align-items: start;
}

.api-admin-detail-side[b-mgzestzr7l],
.api-admin-detail-card[b-mgzestzr7l] {
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    background: #ffffff;
}

.api-admin-detail-side[b-mgzestzr7l] {
    position: sticky;
    top: 0;
    max-height: calc(85vh - 120px);
    overflow-y: auto;
    padding: 14px;
}

.api-admin-detail-side h3[b-mgzestzr7l] {
    margin: 0 0 10px;
    color: #0f172a;
    font-size: 15px;
    font-weight: 850;
    overflow-wrap: anywhere;
}

.api-admin-detail-side dl[b-mgzestzr7l] {
    margin: 0;
    display: grid;
    gap: 9px;
}

.api-admin-detail-side dt[b-mgzestzr7l] {
    color: #64748b;
    font-size: 11px;
    font-weight: 850;
    text-transform: uppercase;
}

.api-admin-detail-side dd[b-mgzestzr7l] {
    margin: -5px 0 0;
    color: #0f172a;
    font-size: 12px;
    overflow-wrap: anywhere;
}

.api-admin-detail-side pre[b-mgzestzr7l] {
    max-height: 220px;
    margin: 0;
    overflow: auto;
    white-space: pre-wrap;
    color: #991b1b;
    font: inherit;
}

.api-admin-copy-line[b-mgzestzr7l] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 32px;
    align-items: center;
    gap: 8px;
}

.api-admin-copy-line span[b-mgzestzr7l] {
    overflow-wrap: anywhere;
}

.api-admin-detail-search[b-mgzestzr7l] {
    height: 44px;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 12px;
    padding: 0 12px;
    color: #64748b;
    background: #ffffff;
}

.api-admin-detail-search input[b-mgzestzr7l] {
    width: 100%;
    height: 34px;
    border: 0;
    outline: none;
    color: #111827;
    background: transparent;
}

.api-admin-linked-error[b-mgzestzr7l] {
    width: 100%;
    border: 1px solid #fee2e2;
    border-radius: 8px;
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 4px 8px;
    margin-top: 6px;
    padding: 8px;
    text-align: left;
    background: #fff7f7;
    color: #111827;
}

.api-admin-linked-error:hover[b-mgzestzr7l],
.api-admin-linked-error:focus-visible[b-mgzestzr7l] {
    border-color: #fca5a5;
    background: #fef2f2;
    outline: none;
}

.api-admin-linked-error span[b-mgzestzr7l] {
    grid-row: span 2;
    width: 38px;
    height: 30px;
    border-radius: 6px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    background: #dc2626;
    font-size: 11px;
    font-weight: 850;
}

.api-admin-linked-error b[b-mgzestzr7l],
.api-admin-linked-error small[b-mgzestzr7l] {
    display: block;
    min-width: 0;
}

.api-admin-linked-error b[b-mgzestzr7l] {
    color: #0f172a;
    font-size: 12px;
}

.api-admin-linked-error small[b-mgzestzr7l] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #7f1d1d;
    font-size: 12px;
}

.api-admin-muted-text[b-mgzestzr7l] {
    display: block;
    color: #64748b;
    font-size: 12px;
}

.api-admin-detail-card-list[b-mgzestzr7l] {
    display: grid;
    gap: 10px;
}

.api-admin-detail-card[b-mgzestzr7l] {
    min-height: 76px;
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
    padding: 12px;
}

.api-admin-detail-card.instance[b-mgzestzr7l] {
    grid-template-columns: 16px minmax(0, 1fr);
}

.api-admin-detail-card strong[b-mgzestzr7l],
.api-admin-detail-card small[b-mgzestzr7l] {
    display: block;
    min-width: 0;
}

.api-admin-detail-card strong[b-mgzestzr7l] {
    color: #0f172a;
    font-size: 13px;
    font-weight: 850;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.api-admin-detail-card small[b-mgzestzr7l] {
    color: #64748b;
    font-size: 12px;
    overflow-wrap: anywhere;
}

.api-admin-detail-card b[b-mgzestzr7l] {
    min-width: 70px;
    text-align: right;
    color: #0f172a;
    font-size: 18px;
}

.api-admin-modal-head[b-mgzestzr7l] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    padding: 18px 20px;
    border-bottom: 1px solid #e5e7eb;
    background: #ffffff;
}

.api-admin-modal-head h2[b-mgzestzr7l] {
    margin: 2px 0 0;
    color: #0f172a;
    font-size: 24px;
    font-weight: 850;
}

.api-admin-modal-head p[b-mgzestzr7l] {
    margin: 4px 0 0;
    color: #64748b;
    font-size: 13px;
}

.api-admin-modal-tabs[b-mgzestzr7l] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    padding: 10px 16px;
    border-bottom: 1px solid #e5e7eb;
    background: #ffffff;
    align-items: center;
}

.api-admin-modal-tabs button[b-mgzestzr7l] {
    height: 36px;
    min-width: auto;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 0 12px;
    background: #ffffff;
    color: #334155;
    font-size: 13px;
    font-weight: 700;
    white-space: nowrap;
    cursor: pointer;
    transition: all 0.15s ease-in-out;
    flex: 0 0 auto;
}

.api-admin-modal-tabs button:hover[b-mgzestzr7l] {
    background: #f8fafc;
    border-color: #cbd5e1;
    color: #0f172a;
}

.api-admin-modal-tabs button.active[b-mgzestzr7l] {
    border-color: #2563eb;
    background: #eff6ff;
    color: #1d4ed8;
    box-shadow: 0 1px 3px rgba(37, 99, 235, 0.18);
}

.api-admin-modal-tabs button i[b-mgzestzr7l] {
    font-size: 13px;
}

.api-admin-modal-body[b-mgzestzr7l] {
    flex: 1;
    min-height: 0;
    overflow: auto;
    padding: 16px 20px 20px;
}

.api-admin-settings-layout.modern[b-mgzestzr7l] {
    display: grid;
    grid-template-columns: minmax(380px, .9fr) minmax(420px, 1.1fr);
    gap: 14px;
    align-items: start;
}

.api-admin-setting-browser[b-mgzestzr7l] {
    min-height: 0;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    background: #ffffff;
    overflow: hidden;
}

.api-admin-setting-search[b-mgzestzr7l] {
    height: 48px;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0 14px;
    border-bottom: 1px solid #eef2f7;
    color: #64748b;
    background: #ffffff;
}

.api-admin-setting-search input[b-mgzestzr7l] {
    width: 100%;
    height: 34px;
    border: 0;
    outline: none;
    color: #111827;
    background: transparent;
}

.api-admin-setting-list.modern[b-mgzestzr7l] {
    max-height: 520px;
    display: flex;
    flex-direction: column;
    gap: 0;
    overflow: auto;
}

.api-admin-setting-row[b-mgzestzr7l] {
    width: 100%;
    min-height: 70px;
    border: 0;
    border-bottom: 1px solid #f1f5f9;
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    text-align: left;
    background: #ffffff;
    color: #111827;
}

.api-admin-setting-row:hover[b-mgzestzr7l] {
    background: #f8fafc;
}

.api-admin-setting-row.selected[b-mgzestzr7l] {
    background: #eff6ff;
    box-shadow: inset 3px 0 0 #1d4ed8;
}

.api-admin-setting-text[b-mgzestzr7l] {
    min-width: 0;
}

.api-admin-setting-text strong[b-mgzestzr7l],
.api-admin-setting-text small[b-mgzestzr7l] {
    display: block;
    min-width: 0;
}

.api-admin-setting-text strong[b-mgzestzr7l] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 13px;
    font-weight: 850;
}

.api-admin-setting-text small[b-mgzestzr7l] {
    display: -webkit-box;
    overflow: hidden;
    color: #64748b;
    font-size: 12px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.api-admin-setting-icon[b-mgzestzr7l] {
    width: 36px;
    height: 36px;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    background: #475569;
}

.api-admin-setting-icon.bool[b-mgzestzr7l] { background: #059669; }
.api-admin-setting-icon.number[b-mgzestzr7l] { background: #2563eb; }
.api-admin-setting-icon.ratio[b-mgzestzr7l] { background: #7c3aed; }
.api-admin-setting-icon.list[b-mgzestzr7l] { background: #0891b2; }
.api-admin-setting-icon.text[b-mgzestzr7l] { background: #64748b; }

.api-admin-setting-editor.modern[b-mgzestzr7l] {
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    padding: 16px;
    background: #ffffff;
}

.api-admin-editor-hero[b-mgzestzr7l] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding-bottom: 14px;
    border-bottom: 1px solid #eef2f7;
}

.api-admin-editor-hero h3[b-mgzestzr7l] {
    margin: 0;
    color: #0f172a;
    font-size: 18px;
    font-weight: 850;
    overflow-wrap: anywhere;
}

.api-admin-editor-hero p[b-mgzestzr7l] {
    margin: 4px 0 0;
    color: #64748b;
    font-size: 13px;
}

.api-admin-editor-meta[b-mgzestzr7l] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.api-admin-editor-meta span[b-mgzestzr7l] {
    min-height: 26px;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    padding: 0 9px;
    color: #334155;
    background: #f8fafc;
    font-size: 12px;
    font-weight: 750;
}

.api-admin-drawer-backdrop[b-mgzestzr7l] {
    position: fixed;
    inset: 0;
    z-index: 1050;
    background: rgba(15, 23, 42, .38);
}

.api-admin-drawer[b-mgzestzr7l] {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1051;
    width: min(1120px, calc(100vw - 28px));
    display: flex;
    flex-direction: column;
    border-left: 1px solid #dbe3ef;
    background: #f8fafc;
    box-shadow: -24px 0 60px rgba(15, 23, 42, .22);
}

.api-admin-drawer-head[b-mgzestzr7l] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    padding: 18px;
    border-bottom: 1px solid #e5e7eb;
    background: #ffffff;
}

.api-admin-drawer-head h2[b-mgzestzr7l] {
    margin: 2px 0 0;
    font-size: 22px;
    font-weight: 850;
}

.api-admin-drawer-head p[b-mgzestzr7l] {
    margin: 4px 0 0;
    color: #64748b;
    font-size: 13px;
}

.api-admin-drawer-tabs[b-mgzestzr7l] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    padding: 12px 18px;
    border-bottom: 1px solid #e5e7eb;
    background: #ffffff;
}

.api-admin-drawer-tabs button[b-mgzestzr7l] {
    height: 40px;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background: #ffffff;
    color: #334155;
    font-weight: 800;
}

.api-admin-drawer-tabs button.active[b-mgzestzr7l] {
    border-color: #bfdbfe;
    background: #eff6ff;
    color: #1d4ed8;
}

.api-admin-drawer-body[b-mgzestzr7l] {
    flex: 1;
    min-height: 0;
    overflow: auto;
    padding: 14px 18px 18px;
}

.api-admin-management-summary[b-mgzestzr7l] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
    gap: 10px;
    margin-bottom: 12px;
}

.api-admin-management-summary div[b-mgzestzr7l],
.api-admin-management-card[b-mgzestzr7l],
.api-admin-setting-editor[b-mgzestzr7l],
.api-admin-preview[b-mgzestzr7l] {
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    background: #ffffff;
}

.api-admin-management-summary div[b-mgzestzr7l] {
    padding: 12px;
}

.api-admin-management-summary span[b-mgzestzr7l],
.api-admin-management-summary small[b-mgzestzr7l] {
    display: block;
    color: #64748b;
    font-size: 12px;
}

.api-admin-management-summary strong[b-mgzestzr7l] {
    display: block;
    margin: 4px 0;
    color: #0f172a;
    font-size: 22px;
}

.api-admin-settings-layout[b-mgzestzr7l] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 320px;
    gap: 12px;
}

.api-admin-setting-list[b-mgzestzr7l] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    align-content: start;
}

.api-admin-setting-card[b-mgzestzr7l] {
    min-height: 112px;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px;
    padding: 12px;
    text-align: left;
    background: #ffffff;
    color: #111827;
}

.api-admin-setting-card.selected[b-mgzestzr7l] {
    border-color: #93c5fd;
    background: #eff6ff;
}

.api-admin-setting-card strong[b-mgzestzr7l],
.api-admin-setting-card small[b-mgzestzr7l],
.api-admin-setting-card b[b-mgzestzr7l] {
    min-width: 0;
}

.api-admin-setting-card strong[b-mgzestzr7l] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 13px;
}

.api-admin-setting-card small[b-mgzestzr7l] {
    display: -webkit-box;
    overflow: hidden;
    color: #64748b;
    font-size: 12px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.api-admin-setting-card b[b-mgzestzr7l] {
    grid-column: 1 / -1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #0f172a;
    font-size: 14px;
}

.api-admin-setting-editor[b-mgzestzr7l] {
    padding: 14px;
    align-self: start;
}

.api-admin-setting-editor h3[b-mgzestzr7l] {
    margin: 0 0 12px;
    font-size: 15px;
    font-weight: 850;
}

.api-admin-form[b-mgzestzr7l],
.api-admin-setting-editor[b-mgzestzr7l] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.api-admin-form label[b-mgzestzr7l],
.api-admin-setting-editor label[b-mgzestzr7l] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin: 0;
}

.api-admin-form label span[b-mgzestzr7l],
.api-admin-setting-editor label span[b-mgzestzr7l],
.api-admin-check span[b-mgzestzr7l] {
    color: #475569;
    font-size: 12px;
    font-weight: 800;
}

.api-admin-form select[b-mgzestzr7l],
.api-admin-form input[b-mgzestzr7l],
.api-admin-setting-editor input[b-mgzestzr7l] {
    width: 100%;
    height: 38px;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    padding: 0 10px;
    background: #ffffff;
    color: #111827;
}

.api-admin-form-note[b-mgzestzr7l] {
    min-height: 38px;
    border: 1px solid #dbeafe;
    border-radius: 8px;
    display: flex;
    align-items: center;
    padding: 8px 10px;
    background: #eff6ff;
    color: #1e40af;
    font-size: 12px;
    font-weight: 700;
    overflow-wrap: anywhere;
}

.api-admin-setting-editor input:disabled[b-mgzestzr7l] {
    background: #f1f5f9;
    color: #64748b;
}

.api-admin-check[b-mgzestzr7l] {
    flex-direction: row !important;
    align-items: center;
}

.api-admin-check input[b-mgzestzr7l] {
    width: 16px;
    height: 16px;
    padding: 0;
}

.api-admin-action-button[b-mgzestzr7l] {
    height: 38px;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 0 12px;
    background: #ffffff;
    color: #111827;
    font-weight: 800;
}

.api-admin-action-button.primary[b-mgzestzr7l] {
    border-color: #1d4ed8;
    background: #1d4ed8;
    color: #ffffff;
}

.api-admin-action-button.secondary[b-mgzestzr7l] {
    border-color: #bfdbfe;
    background: #eff6ff;
    color: #1d4ed8;
}

.api-admin-action-button.danger[b-mgzestzr7l] {
    border-color: #fecaca;
    background: #fef2f2;
    color: #b91c1c;
}

.api-admin-action-button:disabled[b-mgzestzr7l] {
    opacity: .55;
    cursor: not-allowed;
}

.api-admin-status-pill[b-mgzestzr7l] {
    height: 24px;
    min-width: 70px;
    border-radius: 6px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 8px;
    font-size: 11px;
    font-weight: 850;
}

.api-admin-status-pill.ok[b-mgzestzr7l] {
    background: #dcfce7;
    color: #047857;
}

.api-admin-status-pill.fail[b-mgzestzr7l] {
    background: #fee2e2;
    color: #b91c1c;
}

.api-admin-status-pill.warn[b-mgzestzr7l] {
    background: #fef3c7;
    color: #b45309;
}

.api-admin-access-grid[b-mgzestzr7l] {
    display: grid;
    grid-template-columns: minmax(380px, .9fr) minmax(460px, 1.1fr);
    gap: 14px;
    align-items: start;
}

.api-admin-access-grid.lower[b-mgzestzr7l] {
    grid-template-columns: minmax(0, 1.4fr) minmax(320px, .6fr);
    margin-top: 14px;
}

.api-admin-access-actions[b-mgzestzr7l] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 10px;
}

.api-admin-access-ops[b-mgzestzr7l] {
    display: grid;
    gap: 10px;
    margin-bottom: 14px;
}

.api-admin-access-switches[b-mgzestzr7l] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 10px;
}

.api-admin-switch-card[b-mgzestzr7l] {
    min-height: 76px;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr);
    align-items: center;
    gap: 10px;
    padding: 10px;
    text-align: left;
    background: #ffffff;
    color: #111827;
}

.api-admin-switch-card i[b-mgzestzr7l] {
    width: 38px;
    height: 38px;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #f1f5f9;
    color: #64748b;
}

.api-admin-switch-card span[b-mgzestzr7l],
.api-admin-switch-card strong[b-mgzestzr7l] {
    display: block;
    min-width: 0;
}

.api-admin-switch-card span[b-mgzestzr7l] {
    color: #64748b;
    font-size: 12px;
    font-weight: 800;
}

.api-admin-switch-card strong[b-mgzestzr7l] {
    margin-top: 2px;
    color: #991b1b;
    font-size: 16px;
    font-weight: 900;
}

.api-admin-switch-card.enabled i[b-mgzestzr7l] {
    background: #dcfce7;
    color: #047857;
}

.api-admin-switch-card.enabled strong[b-mgzestzr7l] {
    color: #047857;
}

.api-admin-template-strip[b-mgzestzr7l] {
    min-height: 48px;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    padding: 8px 10px;
    background: #ffffff;
}

.api-admin-template-strip span[b-mgzestzr7l] {
    margin-right: 4px;
    color: #475569;
    font-size: 12px;
    font-weight: 900;
}

.api-admin-template-strip button[b-mgzestzr7l] {
    height: 30px;
    border: 1px solid #bfdbfe;
    border-radius: 6px;
    padding: 0 10px;
    background: #eff6ff;
    color: #1d4ed8;
    font-size: 12px;
    font-weight: 850;
}

.api-admin-conflict-list[b-mgzestzr7l] {
    display: grid;
    gap: 8px;
}

.api-admin-conflict-list.compact[b-mgzestzr7l] {
    margin-top: 2px;
}

.api-admin-conflict-row[b-mgzestzr7l] {
    min-height: 54px;
    border: 1px solid #fde68a;
    border-radius: 8px;
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    align-items: center;
    gap: 8px;
    padding: 8px 10px;
    background: #fffbeb;
}

.api-admin-conflict-row.info[b-mgzestzr7l] {
    border-color: #bfdbfe;
    background: #eff6ff;
}

.api-admin-conflict-row i[b-mgzestzr7l] {
    color: #d97706;
}

.api-admin-conflict-row.info i[b-mgzestzr7l] {
    color: #2563eb;
}

.api-admin-conflict-row strong[b-mgzestzr7l],
.api-admin-conflict-row small[b-mgzestzr7l] {
    display: block;
    min-width: 0;
}

.api-admin-conflict-row strong[b-mgzestzr7l] {
    color: #0f172a;
    font-size: 13px;
    font-weight: 900;
}

.api-admin-conflict-row small[b-mgzestzr7l] {
    color: #64748b;
    font-size: 12px;
    overflow-wrap: anywhere;
}

.api-admin-rule-list[b-mgzestzr7l] {
    max-height: 560px;
    overflow: auto;
    border: 1px solid #eef2f7;
    border-radius: 8px;
    background: #ffffff;
}

.api-admin-rule-row[b-mgzestzr7l] {
    width: 100%;
    min-height: 76px;
    border: 0;
    border-bottom: 1px solid #f1f5f9;
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    text-align: left;
    color: #111827;
    background: #ffffff;
}

.api-admin-rule-row:hover[b-mgzestzr7l] {
    background: #f8fafc;
}

.api-admin-rule-row.selected[b-mgzestzr7l] {
    background: #eff6ff;
    box-shadow: inset 3px 0 0 #1d4ed8;
}

.api-admin-rule-kind[b-mgzestzr7l] {
    width: 38px;
    height: 38px;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
}

.api-admin-rule-kind.block[b-mgzestzr7l] {
    background: #dc2626;
}

.api-admin-rule-kind.limit[b-mgzestzr7l] {
    background: #2563eb;
}

.api-admin-rule-text[b-mgzestzr7l] {
    min-width: 0;
}

.api-admin-rule-text strong[b-mgzestzr7l],
.api-admin-rule-text small[b-mgzestzr7l] {
    display: block;
    min-width: 0;
}

.api-admin-rule-text strong[b-mgzestzr7l] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #0f172a;
    font-size: 13px;
    font-weight: 850;
}

.api-admin-rule-text small[b-mgzestzr7l] {
    display: -webkit-box;
    overflow: hidden;
    color: #64748b;
    font-size: 12px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.api-admin-rule-type-switch[b-mgzestzr7l] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    margin-bottom: 12px;
    padding: 4px;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    background: #f8fafc;
}

.api-admin-rule-type-switch button[b-mgzestzr7l] {
    height: 38px;
    border: 1px solid transparent;
    border-radius: 6px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background: transparent;
    color: #475569;
    font-weight: 850;
}

.api-admin-rule-type-switch button.active[b-mgzestzr7l] {
    border-color: #bfdbfe;
    background: #ffffff;
    color: #1d4ed8;
    box-shadow: 0 6px 16px rgba(15, 23, 42, .08);
}

.api-admin-form textarea[b-mgzestzr7l] {
    width: 100%;
    min-height: 78px;
    resize: vertical;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    padding: 9px 10px;
    background: #ffffff;
    color: #111827;
}

.api-admin-form input:disabled[b-mgzestzr7l] {
    background: #f1f5f9;
    color: #64748b;
}

.api-admin-form-four[b-mgzestzr7l] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}

.api-admin-simulation-result[b-mgzestzr7l] {
    border: 1px solid #bbf7d0;
    border-radius: 8px;
    padding: 12px;
    background: #f0fdf4;
}

.api-admin-simulation-result.fail[b-mgzestzr7l] {
    border-color: #fecaca;
    background: #fef2f2;
}

.api-admin-simulation-result span[b-mgzestzr7l],
.api-admin-simulation-result small[b-mgzestzr7l] {
    display: block;
    color: #64748b;
    font-size: 12px;
}

.api-admin-simulation-result strong[b-mgzestzr7l] {
    display: block;
    margin: 3px 0;
    color: #047857;
    font-size: 18px;
    font-weight: 900;
}

.api-admin-simulation-result.fail strong[b-mgzestzr7l] {
    color: #b91c1c;
}

.api-admin-decision-detail[b-mgzestzr7l] {
    margin-top: 10px;
    border: 1px solid #bfdbfe;
    border-radius: 8px;
    padding: 12px;
    background: #f8fbff;
}

.api-admin-decision-detail > div span[b-mgzestzr7l],
.api-admin-decision-detail > div small[b-mgzestzr7l] {
    display: block;
    color: #64748b;
    font-size: 12px;
}

.api-admin-decision-detail > div strong[b-mgzestzr7l] {
    display: block;
    color: #0f172a;
    font-size: 16px;
    font-weight: 900;
}

.api-admin-decision-detail dl[b-mgzestzr7l],
.api-admin-detail-side dl[b-mgzestzr7l] {
    margin: 10px 0 0;
}

.api-admin-decision-detail dt[b-mgzestzr7l] {
    margin-top: 8px;
    color: #64748b;
    font-size: 11px;
    font-weight: 900;
    text-transform: uppercase;
}

.api-admin-decision-detail dd[b-mgzestzr7l] {
    margin: 2px 0 0;
    overflow-wrap: anywhere;
    color: #0f172a;
    font-size: 13px;
}

.api-admin-audit-list[b-mgzestzr7l] {
    display: grid;
    gap: 8px;
}

.api-admin-audit-row[b-mgzestzr7l] {
    min-height: 66px;
    border: 1px solid #eef2f7;
    border-radius: 8px;
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr);
    align-items: center;
    gap: 10px;
    padding: 10px;
    background: #fbfdff;
}

.api-admin-audit-row strong[b-mgzestzr7l],
.api-admin-audit-row small[b-mgzestzr7l] {
    display: block;
    min-width: 0;
}

.api-admin-audit-row strong[b-mgzestzr7l] {
    color: #0f172a;
    font-size: 13px;
    font-weight: 900;
}

.api-admin-audit-row small[b-mgzestzr7l] {
    overflow: hidden;
    color: #64748b;
    font-size: 12px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.api-admin-counter-list[b-mgzestzr7l] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.api-admin-counter-row[b-mgzestzr7l] {
    min-height: 62px;
    border: 1px solid #eef2f7;
    border-radius: 8px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    padding: 10px;
    background: #fbfdff;
}

.api-admin-counter-row span[b-mgzestzr7l],
.api-admin-counter-row strong[b-mgzestzr7l],
.api-admin-counter-row small[b-mgzestzr7l] {
    display: block;
    min-width: 0;
}

.api-admin-counter-row strong[b-mgzestzr7l] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #0f172a;
    font-size: 13px;
    font-weight: 850;
}

.api-admin-counter-row small[b-mgzestzr7l] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #64748b;
    font-size: 12px;
}

.api-admin-counter-row b[b-mgzestzr7l] {
    min-width: 54px;
    text-align: right;
    color: #1d4ed8;
    font-size: 22px;
}

.api-admin-db-size-card[b-mgzestzr7l] {
    min-height: 92px;
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 12px;
    padding: 16px;
    border: 1px solid #dbeafe;
    border-radius: 8px;
    background: #ffffff;
}

.api-admin-db-size-icon[b-mgzestzr7l] {
    width: 54px;
    height: 54px;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 54px;
    background: #1d4ed8;
    color: #ffffff;
    font-size: 22px;
}

.api-admin-db-size-content[b-mgzestzr7l] {
    min-width: 0;
}

.api-admin-db-size-content span[b-mgzestzr7l],
.api-admin-db-size-content small[b-mgzestzr7l] {
    display: block;
    color: #64748b;
    font-size: 12px;
}

.api-admin-db-size-content strong[b-mgzestzr7l] {
    display: block;
    margin: 2px 0;
    color: #0f172a;
    font-size: 28px;
    line-height: 1.1;
}

.api-admin-log-shrink-card[b-mgzestzr7l] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 330px;
    gap: 14px;
    align-items: center;
    margin-bottom: 12px;
    padding: 16px;
    border: 1px solid #fecaca;
    border-radius: 8px;
    background: #ffffff;
}

.api-admin-log-shrink-main[b-mgzestzr7l] {
    display: flex;
    align-items: center;
    gap: 14px;
    min-width: 0;
}

.api-admin-log-shrink-icon[b-mgzestzr7l] {
    width: 54px;
    height: 54px;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 54px;
    color: #ffffff;
    background: #b91c1c;
    font-size: 22px;
}

.api-admin-log-shrink-main h2[b-mgzestzr7l] {
    margin: 0;
    color: #0f172a;
    font-size: 16px;
    font-weight: 850;
}

.api-admin-log-shrink-main p[b-mgzestzr7l] {
    margin: 4px 0 0;
    color: #64748b;
    font-size: 13px;
}

.api-admin-log-shrink-controls[b-mgzestzr7l] {
    display: grid;
    grid-template-columns: 110px minmax(0, 1fr);
    gap: 10px;
    align-items: end;
}

.api-admin-log-shrink-controls label[b-mgzestzr7l] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin: 0;
}

.api-admin-log-shrink-controls label span[b-mgzestzr7l] {
    color: #475569;
    font-size: 12px;
    font-weight: 800;
}

.api-admin-log-shrink-controls input[b-mgzestzr7l] {
    width: 100%;
    height: 38px;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    padding: 0 10px;
    background: #ffffff;
    color: #111827;
}

.api-admin-log-shrink-result[b-mgzestzr7l] {
    grid-column: 1 / -1;
    padding: 10px 12px;
    border: 1px solid #fed7aa;
    border-radius: 8px;
    background: #fff7ed;
}

.api-admin-log-shrink-result span[b-mgzestzr7l],
.api-admin-log-shrink-result small[b-mgzestzr7l] {
    display: block;
    color: #9a3412;
    font-size: 12px;
}

.api-admin-log-shrink-result strong[b-mgzestzr7l] {
    display: block;
    margin: 3px 0;
    color: #0f172a;
    font-size: 18px;
}

.api-admin-maintenance-grid[b-mgzestzr7l] {
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) minmax(320px, .6fr);
    gap: 12px;
}

.api-admin-management-card[b-mgzestzr7l] {
    padding: 14px;
    min-width: 0;
}

.api-admin-form-two[b-mgzestzr7l] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

.api-admin-preview[b-mgzestzr7l] {
    padding: 12px;
    border-color: #fde68a;
    background: #fffbeb;
}

.api-admin-preview span[b-mgzestzr7l],
.api-admin-preview small[b-mgzestzr7l] {
    display: block;
    color: #92400e;
    font-size: 12px;
}

.api-admin-preview strong[b-mgzestzr7l] {
    display: block;
    margin: 4px 0;
    color: #111827;
    font-size: 24px;
}

.api-admin-security-overview[b-mgzestzr7l] {
    margin-top: 12px;
}

.roadmap-grid[b-mgzestzr7l] {
    display: grid;
    grid-template-columns: repeat(4, minmax(170px, 1fr));
    gap: 10px;
}

.roadmap-grid div[b-mgzestzr7l] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 48px;
    border: 1px solid #eef2f7;
    border-radius: 8px;
    padding: 10px;
    color: #334155;
    background: #fbfdff;
}

.roadmap-grid i[b-mgzestzr7l] {
    color: #0891b2;
}

@media (max-width: 1200px) {
    .api-admin-metrics[b-mgzestzr7l] {
        grid-template-columns: repeat(3, minmax(160px, 1fr));
    }

    .span-4[b-mgzestzr7l],
    .span-5[b-mgzestzr7l],
    .span-7[b-mgzestzr7l],
    .span-8[b-mgzestzr7l] {
        grid-column: span 12;
    }

    .roadmap-grid[b-mgzestzr7l] {
        grid-template-columns: repeat(2, minmax(170px, 1fr));
    }

    .api-admin-settings-layout[b-mgzestzr7l],
    .api-admin-maintenance-grid[b-mgzestzr7l] {
        grid-template-columns: 1fr;
    }

    .api-admin-setting-list[b-mgzestzr7l] {
        grid-template-columns: 1fr;
    }

    .api-admin-settings-layout.modern[b-mgzestzr7l] {
        grid-template-columns: 1fr;
    }

    .api-admin-access-grid[b-mgzestzr7l],
    .api-admin-access-grid.lower[b-mgzestzr7l] {
        grid-template-columns: 1fr;
    }

    .api-admin-log-shrink-card[b-mgzestzr7l] {
        grid-template-columns: 1fr;
    }

    .api-admin-detail-split[b-mgzestzr7l] {
        grid-template-columns: 1fr;
    }

    .api-admin-detail-side[b-mgzestzr7l] {
        position: static;
    }
}

/* Tablet ve dar dizüstü ekranlarda yönetim panelleri iki kolon baskısını bırakır; kural editörü ve bakım formları okunabilir kalır. */
@media (max-width: 900px) {
    .api-admin-toolbar[b-mgzestzr7l],
    .api-admin-modal-head[b-mgzestzr7l] {
        align-items: stretch;
        flex-direction: column;
    }

    .api-admin-actions[b-mgzestzr7l],
    .api-admin-detail-actions[b-mgzestzr7l] {
        flex-wrap: wrap;
        justify-content: flex-start;
    }

    .api-admin-metrics[b-mgzestzr7l] {
        grid-template-columns: repeat(2, minmax(150px, 1fr));
    }

    .api-admin-panel-title[b-mgzestzr7l] {
        flex-wrap: wrap;
    }

    .api-admin-access-switches[b-mgzestzr7l] {
        grid-template-columns: 1fr;
    }

    .api-admin-setting-list.modern[b-mgzestzr7l],
    .api-admin-rule-list[b-mgzestzr7l] {
        max-height: 360px;
    }

    .api-admin-table[b-mgzestzr7l] {
        min-width: 680px;
    }

    .api-admin-table.compact[b-mgzestzr7l] {
        min-width: 560px;
    }

    .api-admin-error-group-list[b-mgzestzr7l] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 700px) {
    .api-admin-shell[b-mgzestzr7l] {
        padding: 10px;
    }

    .api-admin-toolbar[b-mgzestzr7l] {
        align-items: stretch;
        flex-direction: column;
    }

    .api-admin-actions[b-mgzestzr7l] {
        flex-wrap: wrap;
    }

    .api-admin-actions .api-admin-select[b-mgzestzr7l] {
        flex: 1 1 120px;
    }

    .api-admin-metrics[b-mgzestzr7l],
    .roadmap-grid[b-mgzestzr7l],
    .api-admin-management-summary[b-mgzestzr7l] {
        grid-template-columns: 1fr;
    }

    /* Mobilde modal pencere gibi davranmak yerine ekranın tamamını kullanır; uzun bakım ve kural formları aşağı kaydırılarak yönetilir. */
    .api-admin-modal[b-mgzestzr7l] {
        inset: 0;
        width: 100vw;
        max-height: none;
        height: 100dvh;
        border-radius: 0;
        transform: none;
    }

    .api-admin-detail-modal[b-mgzestzr7l] {
        inset: 0;
        width: 100vw;
        max-height: none;
        height: 100dvh;
        border-radius: 0;
        transform: none;
    }

    .api-admin-modal-head[b-mgzestzr7l] {
        padding: 14px;
    }

    .api-admin-modal-head h2[b-mgzestzr7l] {
        font-size: 20px;
    }

    .api-admin-modal-body[b-mgzestzr7l],
    .api-admin-detail-body[b-mgzestzr7l] {
        padding: 12px;
    }

    .api-admin-detail-actions[b-mgzestzr7l] {
        flex-wrap: wrap;
        justify-content: flex-end;
    }

    .api-admin-detail-summary[b-mgzestzr7l] {
        grid-template-columns: 1fr;
    }

    .api-admin-detail-card[b-mgzestzr7l] {
        grid-template-columns: 34px minmax(0, 1fr);
    }

    .api-admin-detail-card b[b-mgzestzr7l] {
        grid-column: 1 / -1;
        text-align: left;
    }

    /* Sekmeler mobilde alt alta büyüyüp ekran yüksekliğini tüketmesin diye yatay kaydırılır. */
    .api-admin-modal-tabs[b-mgzestzr7l] {
        overflow-x: auto;
        flex-wrap: nowrap;
        padding: 8px 12px;
        scrollbar-width: thin;
        -webkit-overflow-scrolling: touch;
    }

    .api-admin-modal-tabs button[b-mgzestzr7l] {
        flex: 0 0 auto;
        min-width: auto;
        padding: 0 10px;
        font-size: 12px;
    }

    .api-admin-form-two[b-mgzestzr7l] {
        grid-template-columns: 1fr;
    }

    .api-admin-log-shrink-controls[b-mgzestzr7l] {
        grid-template-columns: 1fr;
    }

    .api-admin-form-four[b-mgzestzr7l] {
        grid-template-columns: 1fr;
    }

    .api-admin-error-detail-grid[b-mgzestzr7l] {
        grid-template-columns: 1fr;
    }

    .api-admin-error-detail-grid > div.wide[b-mgzestzr7l] {
        grid-column: auto;
    }

    .api-admin-template-strip button[b-mgzestzr7l],
    .api-admin-action-button[b-mgzestzr7l] {
        min-height: 40px;
    }

    .api-admin-access-actions .api-admin-action-button[b-mgzestzr7l] {
        flex: 1 1 160px;
    }

    .api-admin-db-size-card[b-mgzestzr7l],
    .api-admin-log-shrink-main[b-mgzestzr7l] {
        align-items: flex-start;
    }
}

/* Telefon ekranlarında satır içindeki üçüncü kolonlar ayrı satıra alınır; taşma yerine okunabilir kart düzeni tercih edilir. */
@media (max-width: 520px) {
    .api-admin-toolbar h1[b-mgzestzr7l] {
        font-size: 20px;
    }

    .api-admin-alert[b-mgzestzr7l] {
        align-items: flex-start;
    }

    .api-admin-icon-button[b-mgzestzr7l] {
        min-width: 38px;
    }

    .api-admin-setting-row[b-mgzestzr7l],
    .api-admin-rule-row[b-mgzestzr7l] {
        grid-template-columns: 38px minmax(0, 1fr);
        align-items: start;
    }

    .api-admin-setting-row .api-admin-status-pill[b-mgzestzr7l],
    .api-admin-rule-row .api-admin-status-pill[b-mgzestzr7l] {
        grid-column: 2;
        justify-self: start;
        margin-top: 4px;
    }

    .api-admin-switch-card[b-mgzestzr7l],
    .api-admin-conflict-row[b-mgzestzr7l],
    .api-admin-audit-row[b-mgzestzr7l] {
        grid-template-columns: 34px minmax(0, 1fr);
    }

    .api-admin-counter-row[b-mgzestzr7l] {
        grid-template-columns: 1fr;
    }

    .api-admin-counter-row b[b-mgzestzr7l] {
        min-width: 0;
        text-align: left;
    }

    .api-admin-detail-card[b-mgzestzr7l],
    .api-admin-detail-card.instance[b-mgzestzr7l] {
        grid-template-columns: 34px minmax(0, 1fr);
        align-items: start;
    }

    .api-admin-detail-card b[b-mgzestzr7l] {
        grid-column: 2;
        min-width: 0;
        text-align: left;
    }

    .api-admin-db-size-card[b-mgzestzr7l],
    .api-admin-log-shrink-main[b-mgzestzr7l] {
        flex-direction: column;
    }

    .api-admin-db-size-content strong[b-mgzestzr7l] {
        font-size: 24px;
    }

    .api-admin-rule-type-switch[b-mgzestzr7l] {
        grid-template-columns: 1fr;
    }

    .api-admin-access-actions .api-admin-action-button[b-mgzestzr7l],
    .api-admin-template-strip button[b-mgzestzr7l] {
        width: 100%;
    }

    .api-admin-table[b-mgzestzr7l] {
        min-width: 620px;
    }

    .api-admin-table.compact[b-mgzestzr7l] {
        min-width: 520px;
    }
}

/* ==========================================================================
   TÜKETİM ANALİZİ VE ERGONOMİK DÜZENLEMELER (Faz 2 & 3)
   - TBL_API_USAGE_SUMMARY tablosu verilerini sunan Tüketim Raporu stilleri
   - Aktif kullanıcı rozet ve etiket yerleşimleri
   - Instance kuyruk ve heartbeat durum badge'leri
   ========================================================================== */

/* Aktif kullanıcı kimlik ve etiket yerleşimi */
.active-user-title-line[b-mgzestzr7l] {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 2px;
}

.user-badge-id[b-mgzestzr7l] {
    display: inline-flex;
    align-items: center;
    padding: 1px 6px;
    background: #e2e8f0;
    color: #334155;
    font-size: 11px;
    font-weight: 700;
    border-radius: 4px;
    flex-shrink: 0;
}

.active-user-tags[b-mgzestzr7l] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}

.user-tag[b-mgzestzr7l] {
    display: inline-block;
    font-size: 11px;
    color: #64748b;
    background: #f1f5f9;
    padding: 1px 6px;
    border-radius: 4px;
    max-width: 220px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.user-tag.domain[b-mgzestzr7l] {
    color: #2563eb;
    background: #eff6ff;
}

.user-tag.tenant[b-mgzestzr7l] {
    color: #475569;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
}

.user-request-pill[b-mgzestzr7l] {
    display: inline-block;
    padding: 3px 8px;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 700;
}

.user-request-pill.today[b-mgzestzr7l] {
    background: #ecfdf5;
    color: #065f46;
    border: 1px solid #a7f3d0;
}

.user-request-total[b-mgzestzr7l] {
    display: block;
    font-size: 11px;
    color: #64748b;
    margin-top: 2px;
}

.user-seen-time[b-mgzestzr7l] {
    display: block;
    font-size: 10px;
    color: #94a3b8;
    margin-top: 2px;
}

/* Instance kuyruk ve heartbeat badge'leri */
.instance-badges[b-mgzestzr7l] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.instance-badge[b-mgzestzr7l] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 2px 7px;
    border-radius: 5px;
    font-size: 11px;
    font-weight: 600;
}

.instance-badge.idle[b-mgzestzr7l] {
    background: #f0fdf4;
    color: #166534;
    border: 1px solid #bbf7d0;
}

.instance-badge.sleeping[b-mgzestzr7l] {
    background: #f8fafc;
    color: #64748b;
    border: 1px solid #cbd5e1;
}

.instance-badge.unresponsive[b-mgzestzr7l] {
    background: #fef2f2;
    color: #dc2626;
    border: 1px solid #fecaca;
}

.instance-badge.queue[b-mgzestzr7l] {
    background: #fffbeb;
    color: #b45309;
    border: 1px solid #fde68a;
}

.instance-badge.peak[b-mgzestzr7l] {
    background: #f1f5f9;
    color: #475569;
    font-weight: 500;
}

.instance-badge.inflight[b-mgzestzr7l] {
    background: #eff6ff;
    color: #1d4ed8;
    border: 1px solid #bfdbfe;
    animation: pulse 1.8s infinite;
}

/* Tüketim Analizi (Usage Report) Stilleri */
.api-admin-usage-report-header[b-mgzestzr7l] {
    margin-bottom: 16px;
}

.api-admin-period-bar[b-mgzestzr7l] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 14px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    margin-bottom: 14px;
    flex-wrap: wrap;
}

.api-admin-period-bar .period-label[b-mgzestzr7l] {
    font-weight: 600;
    font-size: 13px;
    color: #334155;
    display: flex;
    align-items: center;
    gap: 6px;
}

.api-admin-button-group[b-mgzestzr7l] {
    display: flex;
    align-items: center;
    gap: 4px;
    background: #e2e8f0;
    padding: 3px;
    border-radius: 6px;
}

.api-admin-pill-btn[b-mgzestzr7l] {
    border: none;
    background: transparent;
    padding: 5px 12px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 600;
    color: #475569;
    cursor: pointer;
    transition: all 0.15s ease;
}

.api-admin-pill-btn:hover[b-mgzestzr7l] {
    color: #0f172a;
}

.api-admin-pill-btn.active[b-mgzestzr7l] {
    background: #ffffff;
    color: #0f172a;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.api-admin-subtab-strip[b-mgzestzr7l] {
    display: flex;
    gap: 8px;
    margin-bottom: 14px;
    border-bottom: 1px solid #e2e8f0;
    padding-bottom: 8px;
}

.api-admin-subtab[b-mgzestzr7l] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 14px;
    border: 1px solid #e2e8f0;
    background: #ffffff;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 600;
    color: #64748b;
    cursor: pointer;
    transition: all 0.15s ease;
}

.api-admin-subtab:hover[b-mgzestzr7l] {
    color: #0f172a;
    background: #f8fafc;
}

.api-admin-subtab.active[b-mgzestzr7l] {
    background: #eff6ff;
    color: #2563eb;
    border-color: #93c5fd;
}

.api-user-rank[b-mgzestzr7l] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 800;
    background: #f1f5f9;
    color: #64748b;
}

.api-user-rank.top-1[b-mgzestzr7l] {
    background: #fef3c7;
    color: #b45309;
    border: 1px solid #fcd34d;
}

.api-user-rank.top-2[b-mgzestzr7l] {
    background: #f1f5f9;
    color: #334155;
    border: 1px solid #cbd5e1;
}

.api-user-rank.top-3[b-mgzestzr7l] {
    background: #ffedd5;
    color: #9a3412;
    border: 1px solid #fdba74;
}

.active-user-identity[b-mgzestzr7l] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.active-user-identity small[b-mgzestzr7l] {
    display: block;
    color: #64748b;
    font-size: 12px;
}

.user-firm-badge[b-mgzestzr7l] {
    display: inline-block;
    padding: 2px 8px;
    background: #f3e8ff;
    color: #6b21a8;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 600;
}

/* ==========================================================================
   YENİ ERGONOMİ & MODERNİZASYON STİLLERİ (Ayarlar ve Bakım Ekranı)
   ========================================================================== */

/* Ayarlar Kategori Filtre Hapları */
.api-admin-category-pills[b-mgzestzr7l] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-bottom: 12px;
}

.category-pill[b-mgzestzr7l] {
    background: #f1f5f9;
    border: 1px solid #e2e8f0;
    color: #475569;
    padding: 4px 10px;
    border-radius: 9999px;
    font-size: 11px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.15s ease-in-out;
    white-space: nowrap;
    flex: 0 0 auto;
}

.category-pill:hover[b-mgzestzr7l] {
    background: #e2e8f0;
    color: #0f172a;
}

.category-pill.active[b-mgzestzr7l] {
    background: #2563eb;
    border-color: #1d4ed8;
    color: #ffffff;
    box-shadow: 0 1px 3px rgba(37, 99, 235, 0.3);
}

/* Ayar Risk Seviyeleri */
.setting-title-line[b-mgzestzr7l] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 6px;
}

.setting-risk-tag[b-mgzestzr7l] {
    font-size: 10px;
    font-weight: 700;
    padding: 1px 6px;
    border-radius: 4px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.setting-risk-tag.high[b-mgzestzr7l] {
    background: #fee2e2;
    color: #991b1b;
    border: 1px solid #fca5a5;
}

.setting-risk-tag.medium[b-mgzestzr7l] {
    background: #fef3c7;
    color: #92400e;
    border: 1px solid #fcd34d;
}

.setting-risk-tag.low[b-mgzestzr7l] {
    background: #f1f5f9;
    color: #64748b;
}

/* Ayar Düzenleme Toggle Butonları */
.api-admin-toggle-group[b-mgzestzr7l] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    margin-top: 4px;
}

.api-admin-toggle-group .toggle-btn[b-mgzestzr7l] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 8px 12px;
    border-radius: 6px;
    border: 1px solid #cbd5e1;
    background: #f8fafc;
    color: #475569;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.15s;
}

.api-admin-toggle-group .toggle-btn.active.true[b-mgzestzr7l] {
    background: #10b981;
    border-color: #059669;
    color: #ffffff;
    box-shadow: 0 2px 4px rgba(16, 185, 129, 0.25);
}

.api-admin-toggle-group .toggle-btn.active.false[b-mgzestzr7l] {
    background: #ef4444;
    border-color: #dc2626;
    color: #ffffff;
    box-shadow: 0 2px 4px rgba(239, 68, 68, 0.25);
}

/* Birimli Giriş Alanı */
.api-admin-input-with-unit[b-mgzestzr7l] {
    position: relative;
    display: flex;
    align-items: center;
}

.api-admin-input-with-unit input[b-mgzestzr7l] {
    width: 100%;
    padding-right: 50px !important;
}

.api-admin-input-with-unit .unit-badge[b-mgzestzr7l] {
    position: absolute;
    right: 10px;
    font-size: 11px;
    font-weight: 700;
    color: #64748b;
    background: #e2e8f0;
    padding: 2px 6px;
    border-radius: 4px;
    pointer-events: none;
}

.setting-range-hint[b-mgzestzr7l] {
    display: block;
    font-size: 11px;
    color: #64748b;
    margin-top: 4px;
}

.form-extra-row[b-mgzestzr7l] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 10px;
    gap: 10px;
}

.btn-restore-default[b-mgzestzr7l] {
    background: none;
    border: none;
    color: #3b82f6;
    font-size: 11px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 0;
    text-decoration: underline;
}

.btn-restore-default:hover[b-mgzestzr7l] {
    color: #1d4ed8;
}

/* Bakım Veritabanı Dağılım Çubuğu */
.api-admin-db-volume-panel[b-mgzestzr7l] {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 14px 16px;
    margin-bottom: 16px;
}

.db-volume-header[b-mgzestzr7l] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 10px;
}

.db-volume-title[b-mgzestzr7l] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.db-volume-title h2[b-mgzestzr7l] {
    margin: 0;
    font-size: 15px;
    font-weight: 700;
    color: #0f172a;
}

.db-volume-title span[b-mgzestzr7l] {
    font-size: 12px;
    color: #64748b;
}

.db-volume-badges[b-mgzestzr7l] {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.volume-badge[b-mgzestzr7l] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    font-weight: 600;
}

.volume-badge.data[b-mgzestzr7l] {
    color: #2563eb;
}

.volume-badge.log[b-mgzestzr7l] {
    color: #d97706;
}

.db-volume-bar-wrap[b-mgzestzr7l] {
    background: #f1f5f9;
    border-radius: 9999px;
    overflow: hidden;
    height: 10px;
}

.db-volume-bar[b-mgzestzr7l] {
    display: flex;
    height: 100%;
}

.bar-segment.data[b-mgzestzr7l] {
    background: #3b82f6;
    transition: width 0.3s ease;
}

.bar-segment.log[b-mgzestzr7l] {
    background: #f59e0b;
    transition: width 0.3s ease;
}

/* Tablo Boyut Minibar */
.table-size-mini-bar[b-mgzestzr7l] {
    height: 4px;
    background: #e2e8f0;
    border-radius: 2px;
    overflow: hidden;
    margin-top: 4px;
    width: 60px;
}

.table-size-mini-bar .bar-fill[b-mgzestzr7l] {
    height: 100%;
    background: #3b82f6;
}

.retention-pill[b-mgzestzr7l] {
    display: inline-block;
    padding: 2px 8px;
    background: #f0fdf4;
    color: #166534;
    border: 1px solid #bbf7d0;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 600;
}

/* Hızlı Tarih Kısayolları */
.quick-date-presets[b-mgzestzr7l] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    margin-bottom: 6px;
}

.preset-label[b-mgzestzr7l] {
    font-size: 11px;
    color: #64748b;
    font-weight: 600;
}

.preset-btn[b-mgzestzr7l] {
    background: #f8fafc;
    border: 1px solid #cbd5e1;
    color: #334155;
    padding: 2px 8px;
    border-radius: 4px;
    font-size: 11px;
    cursor: pointer;
    transition: all 0.15s;
}

.preset-btn:hover[b-mgzestzr7l] {
    background: #e2e8f0;
    color: #0f172a;
}

.preset-btn.policy[b-mgzestzr7l] {
    background: #ecfdf5;
    border-color: #a7f3d0;
    color: #065f46;
    font-weight: 600;
}

/* İleri Düzey Shrink Akordeonu */
.api-admin-shrink-accordion[b-mgzestzr7l] {
    margin-top: 16px;
    background: #ffffff;
    border: 1px solid #fed7aa;
    border-radius: 8px;
    overflow: hidden;
}

.api-admin-shrink-accordion summary[b-mgzestzr7l] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 16px;
    cursor: pointer;
    background: #fff7ed;
    user-select: none;
    font-size: 13px;
}

.api-admin-shrink-accordion summary:hover[b-mgzestzr7l] {
    background: #ffedd5;
}

.summary-left[b-mgzestzr7l] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.shrink-summary-icon[b-mgzestzr7l] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    background: #fdba74;
    color: #9a3412;
    border-radius: 6px;
    font-size: 14px;
}

.summary-left strong[b-mgzestzr7l] {
    display: block;
    color: #9a3412;
}

.summary-left small[b-mgzestzr7l] {
    display: block;
    color: #7c2d12;
    font-size: 11px;
}

.summary-badge[b-mgzestzr7l] {
    font-size: 11px;
    font-weight: 700;
    background: #ffedd5;
    border: 1px solid #fdba74;
    color: #c2410c;
    padding: 3px 8px;
    border-radius: 4px;
}

.api-admin-shrink-accordion .accordion-content[b-mgzestzr7l] {
    padding: 16px;
    border-top: 1px solid #fed7aa;
    background: #fffaf0;
}

/* ==========================================================================
   Kullanıcı RPM, Anomali Rozetleri ve Hızlı Aksiyon Butonları
   ========================================================================== */
.user-request-pill.rpm[b-mgzestzr7l] {
    background: #f1f5f9;
    color: #334155;
    border: 1px solid #cbd5e1;
    font-size: 11px;
}

.user-request-pill.rpm.danger[b-mgzestzr7l] {
    background: #fef2f2;
    color: #b91c1c;
    border: 1px solid #fecaca;
    font-weight: 800;
}

.user-request-pill.error[b-mgzestzr7l] {
    background: #fff7ed;
    color: #c2410c;
    border: 1px solid #fed7aa;
    font-size: 11px;
}

.user-suspicious-alert[b-mgzestzr7l] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 11px;
    font-weight: 700;
    color: #b91c1c;
    background: #fee2e2;
    padding: 1px 6px;
    border-radius: 4px;
    border: 1px solid #fca5a5;
    margin-left: 6px;
}

.user-actions-row[b-mgzestzr7l] {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-top: 4px;
    justify-content: flex-end;
}

.user-btn-mini[b-mgzestzr7l] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 2px 7px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 600;
    cursor: pointer;
    border: 1px solid transparent;
    transition: all 0.15s ease;
}

.user-btn-mini.inspect[b-mgzestzr7l] {
    background: #f0fdf4;
    color: #15803d;
    border-color: #bbf7d0;
}

.user-btn-mini.inspect:hover[b-mgzestzr7l] {
    background: #dcfce7;
    color: #166534;
}

.user-btn-mini.restrict[b-mgzestzr7l] {
    background: #fef2f2;
    color: #b91c1c;
    border-color: #fecaca;
}

.user-btn-mini.restrict:hover[b-mgzestzr7l] {
    background: #fee2e2;
    color: #991b1b;
}

.quarantine-pill[b-mgzestzr7l] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 10px;
    font-weight: 800;
    background: #991b1b;
    color: #ffffff;
    padding: 2px 6px;
    border-radius: 4px;
    margin-right: 6px;
    letter-spacing: 0.5px;
}

/* ==========================================================================
   Kullanıcı Trafik Drill-Down Modalı
   ========================================================================== */
.api-admin-drilldown-backdrop[b-mgzestzr7l] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(15, 23, 42, 0.65);
    backdrop-filter: blur(4px);
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    animation: fadeInModal-b-mgzestzr7l 0.2s ease-out;
}

.api-admin-drilldown-modal[b-mgzestzr7l] {
    background: #ffffff;
    border-radius: 12px;
    width: 100%;
    max-width: 900px;
    max-height: 90vh;
    display: flex;
    flex-direction: column;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
    overflow: hidden;
    animation: scaleUpModal-b-mgzestzr7l 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}

@keyframes fadeInModal-b-mgzestzr7l {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes scaleUpModal-b-mgzestzr7l {
    from { transform: scale(0.96); opacity: 0; }
    to { transform: scale(1); opacity: 1; }
}

.drilldown-head[b-mgzestzr7l] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 20px 24px;
    border-bottom: 1px solid #e2e8f0;
    background: #f8fafc;
}

.drilldown-kicker[b-mgzestzr7l] {
    font-size: 12px;
    font-weight: 700;
    color: #0284c7;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 4px;
}

.drilldown-title-box h2[b-mgzestzr7l] {
    margin: 0;
    font-size: 20px;
    font-weight: 800;
    color: #0f172a;
}

.drilldown-title-box p[b-mgzestzr7l] {
    margin: 4px 0 0;
    font-size: 13px;
    color: #64748b;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.drilldown-actions[b-mgzestzr7l] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.drilldown-body[b-mgzestzr7l] {
    padding: 20px 24px;
    overflow-y: auto;
    flex: 1;
}

.drilldown-kpis[b-mgzestzr7l] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    gap: 12px;
    margin-bottom: 20px;
}

.drilldown-kpi[b-mgzestzr7l] {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 12px 14px;
    display: flex;
    flex-direction: column;
}

.drilldown-kpi span[b-mgzestzr7l] {
    font-size: 11px;
    font-weight: 600;
    color: #64748b;
    text-transform: uppercase;
}

.drilldown-kpi strong[b-mgzestzr7l] {
    font-size: 20px;
    font-weight: 800;
    color: #0f172a;
    margin: 4px 0 2px;
}

.drilldown-kpi small[b-mgzestzr7l] {
    font-size: 11px;
    color: #94a3b8;
}

.drilldown-kpi.danger[b-mgzestzr7l] {
    background: #fef2f2;
    border-color: #fecaca;
}
.drilldown-kpi.danger strong[b-mgzestzr7l] { color: #dc2626; }

.drilldown-kpi.warning[b-mgzestzr7l] {
    background: #fffbeb;
    border-color: #fde68a;
}
.drilldown-kpi.warning strong[b-mgzestzr7l] { color: #d97706; }

.drilldown-alert-banner[b-mgzestzr7l] {
    display: flex;
    align-items: center;
    gap: 12px;
    background: #fef2f2;
    border: 1px solid #f87171;
    border-radius: 8px;
    padding: 12px 16px;
    margin-bottom: 18px;
    color: #991b1b;
}

.drilldown-alert-banner i[b-mgzestzr7l] {
    font-size: 20px;
    color: #dc2626;
}

.drilldown-status-strip[b-mgzestzr7l] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    margin-bottom: 20px;
    padding: 10px 14px;
    background: #f1f5f9;
    border-radius: 6px;
}

.status-strip-label[b-mgzestzr7l] {
    font-size: 12px;
    font-weight: 700;
    color: #475569;
}

.status-code-badge[b-mgzestzr7l] {
    font-size: 11px;
    padding: 3px 8px;
    border-radius: 4px;
    font-weight: 600;
}

.status-code-badge.sc-200[b-mgzestzr7l] { background: #dcfce7; color: #166534; border: 1px solid #bbf7d0; }
.status-code-badge.sc-400[b-mgzestzr7l] { background: #fef3c7; color: #92400e; border: 1px solid #fde68a; }
.status-code-badge.sc-500[b-mgzestzr7l] { background: #fee2e2; color: #991b1b; border: 1px solid #fca5a5; }

.drilldown-section-title[b-mgzestzr7l] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    font-weight: 700;
    color: #1e293b;
    margin-bottom: 10px;
}

.drilldown-error-list[b-mgzestzr7l] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.drilldown-error-item[b-mgzestzr7l] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 10px 14px;
    background: #fff5f5;
    border: 1px solid #fed7d7;
    border-radius: 6px;
}

.drilldown-error-item .error-code[b-mgzestzr7l] {
    background: #e53e3e;
    color: white;
    font-weight: 800;
    font-size: 12px;
    padding: 2px 6px;
    border-radius: 4px;
}

.drilldown-error-item .error-item-body[b-mgzestzr7l] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.drilldown-error-item .error-item-body strong[b-mgzestzr7l] {
    font-size: 13px;
    color: #9b2c2c;
}

.drilldown-error-item .error-item-body small[b-mgzestzr7l] {
    font-size: 12px;
    color: #742a2a;
}

.drilldown-error-item .error-item-body span[b-mgzestzr7l] {
    font-size: 11px;
    color: #a0aec0;
}

.drilldown-foot[b-mgzestzr7l] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 24px;
    background: #f8fafc;
    border-top: 1px solid #e2e8f0;
}

.drilldown-foot .foot-left[b-mgzestzr7l] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.drilldown-foot .foot-label[b-mgzestzr7l] {
    font-size: 12px;
    font-weight: 700;
    color: #64748b;
}

/* Aktif / Pasif Switch Kontrolü (True/False yerine interaktif anahtar) */
.api-admin-switch-control[b-mgzestzr7l] {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 8px 14px;
    background: #f1f5f9;
    border: 1px solid #cbd5e1;
    border-radius: 24px;
    cursor: pointer;
    user-select: none;
    transition: all 0.2s ease;
}

.api-admin-switch-control:hover[b-mgzestzr7l] {
    background: #e2e8f0;
    border-color: #94a3b8;
}

.api-admin-switch-control .switch-track[b-mgzestzr7l] {
    width: 44px;
    height: 24px;
    background: #94a3b8;
    border-radius: 999px;
    position: relative;
    transition: background-color 0.25s ease;
}

.api-admin-switch-control .switch-track.active[b-mgzestzr7l] {
    background: #10b981;
}

.api-admin-switch-control .switch-thumb[b-mgzestzr7l] {
    width: 18px;
    height: 18px;
    background: #ffffff;
    border-radius: 50%;
    position: absolute;
    top: 3px;
    left: 3px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

.api-admin-switch-control .switch-track.active .switch-thumb[b-mgzestzr7l] {
    transform: translateX(20px);
}

.api-admin-switch-control .switch-label[b-mgzestzr7l] {
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.5px;
}

.api-admin-switch-control .switch-label.active[b-mgzestzr7l] {
    color: #059669;
}

.api-admin-switch-control .switch-label.inactive[b-mgzestzr7l] {
    color: #64748b;
}

/* Telegram Bilgi Bannerı */
.telegram-banner-box[b-mgzestzr7l] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 18px;
    margin-bottom: 16px;
    background: linear-gradient(135deg, #eff6ff 0%, #e0f2fe 100%);
    border: 1px solid #bfdbfe;
    border-radius: 10px;
    color: #1e3a8a;
}

.telegram-banner-box .banner-title[b-mgzestzr7l] {
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 700;
    font-size: 14px;
}

.telegram-banner-box .banner-title i[b-mgzestzr7l] {
    color: #0284c7;
    font-size: 18px;
}

/* ==========================================
   OTURUM AÇAN KULLANICILAR & GİRİŞ GEÇMİŞİ STİLLERİ
   ========================================== */
.session-filter-toolbar[b-mgzestzr7l] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    margin: 12px 0 16px;
    padding: 10px 14px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
}

.session-time-cell strong[b-mgzestzr7l] {
    display: block;
    color: #1e293b;
    font-size: 13px;
    font-weight: 700;
}

.session-time-cell small[b-mgzestzr7l] {
    display: block;
    color: #64748b;
    font-size: 11px;
}

.session-project-badge[b-mgzestzr7l] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 3px 10px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
}

.session-project-badge.project-blazor[b-mgzestzr7l] {
    background: #eff6ff;
    color: #1d4ed8;
    border: 1px solid #bfdbfe;
}

.session-project-badge.project-r1[b-mgzestzr7l] {
    background: #f5f3ff;
    color: #6d28d9;
    border: 1px solid #ddd6fe;
}

.session-project-badge.project-adisyon[b-mgzestzr7l] {
    background: #fff7ed;
    color: #c2410c;
    border: 1px solid #ffedd5;
}

.session-project-badge.project-mobil[b-mgzestzr7l] {
    background: #f0fdf4;
    color: #15803d;
    border: 1px solid #bbf7d0;
}

.session-project-badge.project-bi[b-mgzestzr7l] {
    background: #f0fdfa;
    color: #0f766e;
    border: 1px solid #99f6e4;
}

.session-project-badge.project-other[b-mgzestzr7l] {
    background: #f1f5f9;
    color: #475569;
    border: 1px solid #e2e8f0;
}

.session-inactivity-badge[b-mgzestzr7l] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 4px 12px;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 800;
    min-width: 120px;
}

.session-inactivity-badge.success[b-mgzestzr7l] {
    background: #dcfce7;
    color: #166534;
    border: 1px solid #86efac;
}

.session-inactivity-badge.info[b-mgzestzr7l] {
    background: #e0f2fe;
    color: #0369a1;
    border: 1px solid #7dd3fc;
}

.session-inactivity-badge.warning[b-mgzestzr7l] {
    background: #fef3c7;
    color: #92400e;
    border: 1px solid #fde68a;
}

.session-inactivity-badge.danger[b-mgzestzr7l] {
    background: #fee2e2;
    color: #991b1b;
    border: 1px solid #fca5a5;
}

.session-inactivity-badge.neutral[b-mgzestzr7l] {
    background: #f1f5f9;
    color: #64748b;
    border: 1px solid #cbd5e1;
}

.custom-date-inputs input[type="date"][b-mgzestzr7l] {
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    padding: 4px 8px;
    font-size: 12px;
    color: #1e293b;
    background: #ffffff;
}

/* ==========================================
   MÜŞTERİ & KULLANICI OTURUM ANALİZİ STİLLERİ
   ========================================== */
.customer-session-wrap[b-mgzestzr7l] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.customer-search-bar[b-mgzestzr7l] {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    padding: 12px 16px;
    align-items: center;
}

.customer-search-guide[b-mgzestzr7l] {
    text-align: center;
    padding: 48px 24px;
    background: #ffffff;
    border: 1px dashed #cbd5e1;
    border-radius: 12px;
    color: #64748b;
}

.customer-search-guide .guide-icon[b-mgzestzr7l] {
    font-size: 42px;
    color: #3b82f6;
    margin-bottom: 12px;
}

.customer-search-guide h3[b-mgzestzr7l] {
    font-size: 18px;
    font-weight: 700;
    color: #1e293b;
    margin-bottom: 8px;
}

.customer-search-guide p[b-mgzestzr7l] {
    font-size: 13px;
    line-height: 1.6;
    max-width: 650px;
    margin: 0 auto;
}

.customer-results-grid[b-mgzestzr7l] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.customer-results-header[b-mgzestzr7l] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 4px;
    font-weight: 700;
    font-size: 14px;
    color: #334155;
}

.customer-results-header small[b-mgzestzr7l] {
    font-weight: 400;
    color: #64748b;
}

.customer-cards-list[b-mgzestzr7l] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));
    gap: 12px;
}

.customer-item-card[b-mgzestzr7l] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    padding: 14px;
    cursor: pointer;
    transition: all 0.15s ease;
}

.customer-item-card:hover[b-mgzestzr7l] {
    border-color: #3b82f6;
    box-shadow: 0 4px 12px rgba(59, 130, 246, 0.08);
    transform: translateY(-1px);
}

.cust-badge-row[b-mgzestzr7l] {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 6px;
}

.cust-id-pill[b-mgzestzr7l] {
    background: #f1f5f9;
    color: #475569;
    font-size: 11px;
    font-weight: 700;
    padding: 2px 6px;
    border-radius: 4px;
}

.cust-status-pill[b-mgzestzr7l] {
    font-size: 11px;
    font-weight: 600;
    padding: 2px 6px;
    border-radius: 4px;
}

.cust-status-pill.active[b-mgzestzr7l] {
    background: #dcfce7;
    color: #166534;
}

.cust-status-pill.passive[b-mgzestzr7l] {
    background: #fee2e2;
    color: #991b1b;
}

.cust-user-count-pill[b-mgzestzr7l] {
    background: #eff6ff;
    color: #1d4ed8;
    font-size: 11px;
    font-weight: 700;
    padding: 2px 6px;
    border-radius: 4px;
}

.cust-title[b-mgzestzr7l] {
    font-size: 15px;
    font-weight: 700;
    color: #0f172a;
    margin: 0 0 6px 0;
    line-height: 1.3;
}

.cust-meta-row[b-mgzestzr7l] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    font-size: 12px;
    color: #64748b;
    margin-bottom: 12px;
}

.cust-meta-row span[b-mgzestzr7l] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.cust-card-action[b-mgzestzr7l] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 10px;
    border-top: 1px solid #f1f5f9;
}

.cust-last-login[b-mgzestzr7l] {
    display: flex;
    flex-direction: column;
    font-size: 11px;
}

.cust-last-login small[b-mgzestzr7l] {
    color: #94a3b8;
}

.cust-last-login strong[b-mgzestzr7l] {
    color: #334155;
}

.cust-last-login span[b-mgzestzr7l] {
    color: #64748b;
}

/* Seçili Müşteri Görünümü */
.selected-customer-view[b-mgzestzr7l] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.customer-banner[b-mgzestzr7l] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    background: #ffffff;
    border: 1px solid #cbd5e1;
    border-radius: 12px;
    padding: 16px 20px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

.cust-banner-left[b-mgzestzr7l] {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    flex: 1;
}

.cust-banner-info h2[b-mgzestzr7l] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 18px;
    font-weight: 800;
    color: #0f172a;
    margin: 0 0 6px 0;
}

.cust-banner-sub[b-mgzestzr7l] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 14px;
    font-size: 13px;
    color: #475569;
}

.cust-banner-sub span[b-mgzestzr7l] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.cust-dbs-badge[b-mgzestzr7l] {
    background: #f0fdf4;
    color: #166534;
    border: 1px solid #bbf7d0;
    padding: 2px 8px;
    border-radius: 6px;
    font-weight: 600;
}

/* 5 KPI Kartı */
.customer-kpi-row[b-mgzestzr7l] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 12px;
}

.cust-kpi-card[b-mgzestzr7l] {
    display: flex;
    align-items: center;
    gap: 12px;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    padding: 14px;
}

.cust-kpi-card .kpi-icon[b-mgzestzr7l] {
    width: 44px;
    height: 44px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    flex-shrink: 0;
}

.cust-kpi-card .kpi-icon.users[b-mgzestzr7l] { background: #eff6ff; color: #2563eb; }
.cust-kpi-card .kpi-icon.active7[b-mgzestzr7l] { background: #dcfce7; color: #16a34a; }
.cust-kpi-card .kpi-icon.active30[b-mgzestzr7l] { background: #fef9c3; color: #ca8a04; }
.cust-kpi-card .kpi-icon.inactive[b-mgzestzr7l] { background: #fee2e2; color: #dc2626; }
.cust-kpi-card .kpi-icon.logins[b-mgzestzr7l] { background: #f3e8ff; color: #9333ea; }

.cust-kpi-card .kpi-data[b-mgzestzr7l] {
    display: flex;
    flex-direction: column;
}

.cust-kpi-card .kpi-num[b-mgzestzr7l] {
    font-size: 20px;
    font-weight: 800;
    color: #0f172a;
    line-height: 1.2;
}

.cust-kpi-card .kpi-lbl[b-mgzestzr7l] {
    font-size: 11px;
    font-weight: 600;
    color: #64748b;
    margin-top: 2px;
}

/* Kullanıcı Tablosu ve Hücreler */
.cust-users-table-wrap[b-mgzestzr7l] {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    padding: 16px;
}

.cust-users-table-header[b-mgzestzr7l] {
    margin-bottom: 14px;
}

.cust-users-table-header h3[b-mgzestzr7l] {
    font-size: 15px;
    font-weight: 700;
    color: #1e293b;
    margin: 0 0 2px 0;
    display: flex;
    align-items: center;
    gap: 8px;
}

.cust-users-table-header small[b-mgzestzr7l] {
    color: #64748b;
    font-size: 12px;
}

.device-cell[b-mgzestzr7l] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    font-size: 12px;
}

.device-cell span[b-mgzestzr7l] {
    font-weight: 600;
    color: #334155;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 160px;
}

.device-cell small[b-mgzestzr7l] {
    color: #64748b;
}

.tenant-context-cell[b-mgzestzr7l] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    font-size: 12px;
}

.db-badge-row[b-mgzestzr7l] {
    color: #0369a1;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.firm-badge-row[b-mgzestzr7l] {
    color: #047857;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.logins-count-cell[b-mgzestzr7l] {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.logins-count-cell strong[b-mgzestzr7l] {
    font-size: 14px;
    color: #1e293b;
}

.logins-count-cell small[b-mgzestzr7l] {
    font-size: 11px;
    color: #64748b;
}

.api-seen-cell[b-mgzestzr7l] {
    display: flex;
    flex-direction: column;
    font-size: 12px;
}

.api-seen-cell strong[b-mgzestzr7l] {
    color: #1e293b;
}

.api-seen-cell small[b-mgzestzr7l] {
    color: #64748b;
}

/* Accordion Drawer */
.expanded-logins-row td[b-mgzestzr7l] {
    background: #f8fafc !important;
    padding: 0 !important;
}

.user-recent-logins-drawer[b-mgzestzr7l] {
    padding: 12px 18px;
    border-top: 1px solid #e2e8f0;
    border-bottom: 1px solid #e2e8f0;
}

.drawer-title[b-mgzestzr7l] {
    font-size: 12px;
    color: #334155;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    gap: 6px;
}

.drawer-logins-list[b-mgzestzr7l] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.drawer-login-item[b-mgzestzr7l] {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 12px;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    padding: 6px 12px;
}

.drawer-status.ok[b-mgzestzr7l] { color: #16a34a; }
.drawer-status.fail[b-mgzestzr7l] { color: #dc2626; }
.drawer-time[b-mgzestzr7l] { color: #1e293b; }
.drawer-ago[b-mgzestzr7l] { color: #64748b; }
.drawer-device[b-mgzestzr7l] { color: #475569; display: inline-flex; align-items: center; gap: 4px; }
.drawer-ip[b-mgzestzr7l] { color: #64748b; display: inline-flex; align-items: center; gap: 4px; }

/* ==========================================================================
   1. HIZLI TEŞHİS & SAĞLIK SİHİRBAZI STİLLERİ
   ========================================================================== */
.diagnostic-beacon-pill[b-mgzestzr7l] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 14px;
    border-radius: 999px;
    font-size: 13px;
    font-weight: 700;
}
.diagnostic-beacon-pill.ok[b-mgzestzr7l] {
    background: #dcfce7;
    color: #15803d;
    border: 1px solid #86efac;
}
.diagnostic-beacon-pill.warning[b-mgzestzr7l] {
    background: #fef9c3;
    color: #a16207;
    border: 1px solid #fde047;
}
.diagnostic-beacon-pill.error[b-mgzestzr7l] {
    background: #fee2e2;
    color: #b91c1c;
    border: 1px solid #fca5a5;
}
.diagnostic-beacon-pill.idle[b-mgzestzr7l] {
    background: #f1f5f9;
    color: #64748b;
    border: 1px solid #cbd5e1;
}

.diagnostic-search-bar[b-mgzestzr7l] {
    display: flex;
    gap: 10px;
    margin-bottom: 20px;
}
.diagnostic-input-wrap[b-mgzestzr7l] {
    flex: 1;
    display: flex;
    align-items: center;
    background: #ffffff;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    padding: 0 12px;
    position: relative;
    transition: border-color 0.2s, box-shadow 0.2s;
}
.diagnostic-input-wrap:focus-within[b-mgzestzr7l] {
    border-color: #3b82f6;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.15);
}
.diagnostic-input-wrap i.fa-magnifying-glass[b-mgzestzr7l] {
    color: #94a3b8;
    margin-right: 8px;
}
.diagnostic-input-wrap input[b-mgzestzr7l] {
    flex: 1;
    border: none;
    outline: none;
    padding: 10px 0;
    font-size: 14px;
    background: transparent;
}
.diagnostic-searching-icon[b-mgzestzr7l] {
    color: #3b82f6;
    margin-left: 8px;
    font-size: 14px;
}
.diagnostic-clear-btn[b-mgzestzr7l] {
    border: none;
    background: transparent;
    color: #94a3b8;
    cursor: pointer;
    padding: 4px 6px;
    margin-left: 6px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: color 0.15s, background 0.15s;
}
.diagnostic-clear-btn:hover[b-mgzestzr7l] {
    color: #ef4444;
    background: #fee2e2;
}

/* Autocomplete Öneri Açılır Listesi */
.diagnostic-suggestions-dropdown[b-mgzestzr7l] {
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    right: 0;
    background: #ffffff;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.12), 0 8px 10px -6px rgba(0, 0, 0, 0.08);
    z-index: 1060;
    max-height: 420px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    animation: fadeInDiag-b-mgzestzr7l 0.15s ease-out;
}
@keyframes fadeInDiag-b-mgzestzr7l {
    from { opacity: 0; transform: translateY(-4px); }
    to { opacity: 1; transform: translateY(0); }
}
.diagnostic-suggestions-header[b-mgzestzr7l] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 12px;
    background: #f8fafc;
    border-bottom: 1px solid #e2e8f0;
    font-size: 11px;
    font-weight: 700;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
.btn-close-suggestions[b-mgzestzr7l] {
    border: none;
    background: transparent;
    color: #94a3b8;
    cursor: pointer;
    padding: 2px 6px;
    border-radius: 4px;
    font-size: 12px;
    transition: color 0.15s, background 0.15s;
}
.btn-close-suggestions:hover[b-mgzestzr7l] {
    color: #1e293b;
    background: #e2e8f0;
}
.diagnostic-suggestions-list[b-mgzestzr7l] {
    overflow-y: auto;
    max-height: 360px;
}
.diagnostic-suggestion-item[b-mgzestzr7l] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 14px;
    border: none;
    background: #ffffff;
    border-bottom: 1px solid #f1f5f9;
    text-align: left;
    cursor: pointer;
    transition: background 0.15s ease;
}
.diagnostic-suggestion-item:last-child[b-mgzestzr7l] {
    border-bottom: none;
}
.diagnostic-suggestion-item:hover[b-mgzestzr7l] {
    background: #f8fafc;
}
.suggestion-icon-wrap[b-mgzestzr7l] {
    width: 32px;
    height: 32px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    flex-shrink: 0;
}
.suggestion-icon-wrap.customer[b-mgzestzr7l] {
    background: #e0f2fe;
    color: #0284c7;
}
.suggestion-icon-wrap.user[b-mgzestzr7l] {
    background: #f3e8ff;
    color: #7c3aed;
}
.suggestion-icon-wrap.api_key[b-mgzestzr7l] {
    background: #fef3c7;
    color: #d97706;
}
.suggestion-content[b-mgzestzr7l] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.suggestion-title-row[b-mgzestzr7l] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}
.suggestion-title[b-mgzestzr7l] {
    font-weight: 600;
    font-size: 13px;
    color: #1e293b;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.suggestion-badge[b-mgzestzr7l] {
    font-size: 9px;
    font-weight: 700;
    padding: 2px 6px;
    border-radius: 4px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    flex-shrink: 0;
}
.suggestion-badge.customer[b-mgzestzr7l] {
    background: #e0f2fe;
    color: #0369a1;
}
.suggestion-badge.user[b-mgzestzr7l] {
    background: #ede9fe;
    color: #6d28d9;
}
.suggestion-badge.api_key[b-mgzestzr7l] {
    background: #fef3c7;
    color: #b45309;
}
.suggestion-subtitle[b-mgzestzr7l] {
    font-size: 11px;
    color: #64748b;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.suggestion-select-arrow[b-mgzestzr7l] {
    color: #cbd5e1;
    font-size: 12px;
    margin-left: 4px;
    transition: transform 0.15s ease, color 0.15s ease;
}
.diagnostic-suggestion-item:hover .suggestion-select-arrow[b-mgzestzr7l] {
    color: #2563eb;
    transform: translateX(3px);
}
.diagnostic-suggestion-state[b-mgzestzr7l] {
    padding: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    font-size: 13px;
    color: #64748b;
}
.diagnostic-suggestion-state.empty[b-mgzestzr7l] {
    color: #b45309;
    background: #fffbeb;
}
.diagnostic-btn[b-mgzestzr7l] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 0 20px;
    border-radius: 8px;
    font-weight: 600;
}

.diagnostic-summary-alert[b-mgzestzr7l] {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 14px 18px;
    border-radius: 10px;
    margin-bottom: 20px;
}
.diagnostic-summary-alert.ok[b-mgzestzr7l] {
    background: #f0fdf4;
    border: 1px solid #bbf7d0;
    color: #166534;
}
.diagnostic-summary-alert.warning[b-mgzestzr7l] {
    background: #fefce8;
    border: 1px solid #fef08a;
    color: #854d0e;
}
.diagnostic-summary-alert.error[b-mgzestzr7l] {
    background: #fef2f2;
    border: 1px solid #fecaca;
    color: #991b1b;
}
.diag-summary-icon i[b-mgzestzr7l] {
    font-size: 24px;
    margin-top: 2px;
}
.diag-summary-body[b-mgzestzr7l] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.diag-summary-body strong[b-mgzestzr7l] {
    font-size: 15px;
}
.diag-summary-body small[b-mgzestzr7l] {
    opacity: 0.85;
}

.api-admin-management-card.modern[b-mgzestzr7l] {
    padding: 20px 24px;
    border-radius: 12px;
    min-height: 480px;
    display: flex;
    flex-direction: column;
}

.diagnostic-cards-grid[b-mgzestzr7l] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 16px;
    margin-bottom: 24px;
}
.diag-card[b-mgzestzr7l] {
    background: #ffffff;
    border-radius: 10px;
    padding: 16px;
    border: 1px solid #e2e8f0;
    display: flex;
    flex-direction: column;
    transition: all 0.2s ease;
}
.diag-card.pass[b-mgzestzr7l] {
    border-top: 4px solid #22c55e;
}
.diag-card.fail[b-mgzestzr7l] {
    border-top: 4px solid #ef4444;
}
.diag-card.neutral[b-mgzestzr7l] {
    border-top: 4px solid #94a3b8;
}
.diag-card-head[b-mgzestzr7l] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 12px;
    color: #475569;
}
.diag-card-head h4[b-mgzestzr7l] {
    margin: 0;
    font-size: 14px;
    font-weight: 700;
}
.diag-card-body[b-mgzestzr7l] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.diag-card-body strong[b-mgzestzr7l] {
    font-size: 15px;
    color: #1e293b;
}
.diag-card-body p[b-mgzestzr7l] {
    margin: 0;
    font-size: 12px;
    color: #64748b;
}
.diag-card-empty[b-mgzestzr7l] {
    font-size: 13px;
    color: #94a3b8;
    font-style: italic;
    padding: 12px 0;
}
.diag-tags-row[b-mgzestzr7l] {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
    margin-top: 4px;
}
.diag-status-tag[b-mgzestzr7l] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 2px 8px;
    border-radius: 6px;
    font-size: 11px;
    font-weight: 700;
    width: fit-content;
}
.diag-status-tag.pass[b-mgzestzr7l] {
    background: #dcfce7;
    color: #166534;
}
.diag-status-tag.fail[b-mgzestzr7l] {
    background: #fee2e2;
    color: #991b1b;
}
.diag-status-tag.warn[b-mgzestzr7l] {
    background: #fef9c3;
    color: #854d0e;
}
.diag-err-text[b-mgzestzr7l] {
    color: #dc2626;
    font-size: 11px;
    word-break: break-all;
}

.diagnostic-checklist-wrap h3[b-mgzestzr7l] {
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 12px;
    color: #1e293b;
}
.diagnostic-checklist[b-mgzestzr7l] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.diagnostic-check-row[b-mgzestzr7l] {
    display: flex;
    align-items: center;
    gap: 14px;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    padding: 12px 16px;
    border-radius: 8px;
}
.diagnostic-check-row.pass[b-mgzestzr7l] { border-left: 4px solid #22c55e; }
.diagnostic-check-row.warn[b-mgzestzr7l] { border-left: 4px solid #eab308; }
.diagnostic-check-row.fail[b-mgzestzr7l] { border-left: 4px solid #ef4444; }

.check-icon[b-mgzestzr7l] {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    flex-shrink: 0;
}
.check-icon.pass[b-mgzestzr7l] { background: #dcfce7; color: #16a34a; }
.check-icon.warn[b-mgzestzr7l] { background: #fef9c3; color: #ca8a04; }
.check-icon.fail[b-mgzestzr7l] { background: #fee2e2; color: #dc2626; }

.check-category[b-mgzestzr7l] {
    font-size: 11px;
    font-weight: 700;
    color: #64748b;
    background: #f1f5f9;
    padding: 2px 8px;
    border-radius: 4px;
    text-transform: uppercase;
}
.check-content[b-mgzestzr7l] {
    flex: 1;
}
.check-content strong[b-mgzestzr7l] {
    display: block;
    font-size: 13px;
    color: #1e293b;
}
.check-content p[b-mgzestzr7l] {
    margin: 2px 0 0;
    font-size: 12px;
    color: #64748b;
}
.check-badge[b-mgzestzr7l] {
    padding: 3px 10px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 700;
}
.check-badge.pass[b-mgzestzr7l] { background: #dcfce7; color: #15803d; }
.check-badge.warn[b-mgzestzr7l] { background: #fef9c3; color: #a16207; }
.check-badge.fail[b-mgzestzr7l] { background: #fee2e2; color: #b91c1c; }

/* ==========================================================================
   2. SQL PERFORMANS & KİLİT ANALİZİ STİLLERİ
   ========================================================================== */
.sql-perf-summary-grid[b-mgzestzr7l] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 16px;
    margin-bottom: 24px;
}
.sql-stat-card[b-mgzestzr7l] {
    display: flex;
    align-items: center;
    gap: 16px;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    padding: 16px 20px;
}
.sql-stat-card.success[b-mgzestzr7l] { border-left: 4px solid #22c55e; }
.sql-stat-card.danger[b-mgzestzr7l] { border-left: 4px solid #ef4444; }

.sql-stat-icon[b-mgzestzr7l] {
    width: 44px;
    height: 44px;
    border-radius: 10px;
    background: #f1f5f9;
    color: #475569;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
}
.sql-stat-card.success .sql-stat-icon[b-mgzestzr7l] { background: #dcfce7; color: #16a34a; }
.sql-stat-card.danger .sql-stat-icon[b-mgzestzr7l] { background: #fee2e2; color: #dc2626; }
.sql-stat-icon.info[b-mgzestzr7l] { background: #e0f2fe; color: #0284c7; }
.sql-stat-icon.warning[b-mgzestzr7l] { background: #fef3c7; color: #d97706; }

.sql-stat-content[b-mgzestzr7l] {
    display: flex;
    flex-direction: column;
}
.sql-stat-label[b-mgzestzr7l] {
    font-size: 12px;
    color: #64748b;
    font-weight: 600;
}
.sql-stat-val[b-mgzestzr7l] {
    font-size: 18px;
    color: #1e293b;
    margin: 2px 0;
}
.sql-stat-content small[b-mgzestzr7l] {
    font-size: 11px;
    color: #94a3b8;
}

.sql-blocking-alert[b-mgzestzr7l] {
    background: #fef2f2;
    border: 1px solid #fecaca;
    border-radius: 10px;
    padding: 16px;
    margin-bottom: 24px;
}
.sql-blocking-alert h3[b-mgzestzr7l] {
    margin: 0 0 12px;
    font-size: 15px;
    color: #991b1b;
}

.sql-slow-queries-section[b-mgzestzr7l] {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    padding: 16px;
}
.sql-section-head[b-mgzestzr7l] {
    margin-bottom: 12px;
}
.sql-section-head h3[b-mgzestzr7l] {
    margin: 0;
    font-size: 15px;
    color: #1e293b;
}
.sql-section-head small[b-mgzestzr7l] {
    color: #64748b;
}

.sql-duration-pill[b-mgzestzr7l] {
    display: inline-block;
    padding: 3px 8px;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 700;
}
.sql-duration-pill.warning[b-mgzestzr7l] {
    background: #fef3c7;
    color: #b45309;
}
.sql-duration-pill.danger[b-mgzestzr7l] {
    background: #fee2e2;
    color: #b91c1c;
}
.sql-code-cell code[b-mgzestzr7l] {
    font-size: 11px;
    background: #f8fafc;
    padding: 4px 6px;
    border-radius: 4px;
    color: #334155;
    word-break: break-all;
}

/* ==========================================================================
   3. DIŞ API KOTA & TÜKETİM KARNESİ STİLLERİ
   ========================================================================== */
.quota-filter-pills[b-mgzestzr7l] {
    display: flex;
    gap: 6px;
}
.quota-metrics-grid[b-mgzestzr7l] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 16px;
    margin-bottom: 24px;
}
.quota-card[b-mgzestzr7l] {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    padding: 16px;
    display: flex;
    flex-direction: column;
}
.quota-label[b-mgzestzr7l] {
    font-size: 12px;
    color: #64748b;
    font-weight: 600;
}
.quota-val[b-mgzestzr7l] {
    font-size: 22px;
    color: #1e293b;
    margin: 4px 0;
}
.quota-card small[b-mgzestzr7l] {
    font-size: 11px;
    color: #94a3b8;
}

.quota-table-wrap[b-mgzestzr7l] {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    padding: 16px;
    margin-bottom: 24px;
}
.quota-table-wrap h3[b-mgzestzr7l],
.quota-endpoints-wrap h3[b-mgzestzr7l] {
    margin: 0 0 12px;
    font-size: 15px;
    color: #1e293b;
}

.quota-success-pill[b-mgzestzr7l] {
    display: inline-block;
    padding: 3px 8px;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 700;
}
.quota-success-pill.high[b-mgzestzr7l] { background: #dcfce7; color: #15803d; }
.quota-success-pill.mid[b-mgzestzr7l] { background: #fef9c3; color: #a16207; }
.quota-success-pill.low[b-mgzestzr7l] { background: #fee2e2; color: #b91c1c; }

.quota-endpoints-wrap[b-mgzestzr7l] {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    padding: 16px;
}

/* ==========================================
   UÇ NOKTA ÇAĞIRAN KULLANICILAR VE GECİKEN İSTEKLER STİLLERİ
   ========================================== */
.endpoint-caller-filter-toggle[b-mgzestzr7l] {
    display: inline-flex;
    align-items: center;
    background: #f1f5f9;
    border-radius: 6px;
    padding: 2px;
    gap: 2px;
}

.caller-toggle-btn[b-mgzestzr7l] {
    border: none;
    background: transparent;
    font-size: 11px;
    font-weight: 700;
    color: #64748b;
    padding: 3px 8px;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.15s ease;
}

.caller-toggle-btn:hover[b-mgzestzr7l] {
    color: #1e293b;
}

.caller-toggle-btn.active[b-mgzestzr7l] {
    background: #ffffff;
    color: #0f172a;
    box-shadow: 0 1px 2px rgba(0,0,0,0.06);
}

.endpoint-caller-user-list[b-mgzestzr7l] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 6px;
}

.endpoint-caller-user-card[b-mgzestzr7l] {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 10px;
    display: flex;
    flex-direction: column;
    gap: 6px;
    transition: border-color 0.15s ease;
}

.endpoint-caller-user-card:hover[b-mgzestzr7l] {
    border-color: #cbd5e1;
}

.endpoint-caller-user-card.has-slow[b-mgzestzr7l] {
    border-left: 3px solid #f59e0b;
    background: #fffdfa;
}

.caller-user-top[b-mgzestzr7l] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
}

.caller-user-title[b-mgzestzr7l] {
    font-size: 12px;
    font-weight: 700;
    color: #1e293b;
    display: flex;
    align-items: center;
    gap: 6px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.caller-user-title i[b-mgzestzr7l] {
    color: #64748b;
    font-size: 11px;
}

.caller-user-meta[b-mgzestzr7l] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

.caller-pill[b-mgzestzr7l] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 10px;
    font-weight: 600;
    padding: 2px 6px;
    border-radius: 4px;
    background: #e2e8f0;
    color: #334155;
}

.caller-pill.firm[b-mgzestzr7l] {
    background: #e0f2fe;
    color: #0369a1;
}

.caller-pill.domain[b-mgzestzr7l] {
    background: #f1f5f9;
    color: #475569;
}

.caller-pill.ip[b-mgzestzr7l] {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    color: #64748b;
    font-family: monospace;
}

.caller-user-stats[b-mgzestzr7l] {
    display: flex;
    gap: 12px;
    font-size: 11px;
    color: #64748b;
    padding-top: 4px;
    border-top: 1px solid #edf2f7;
}

.caller-user-stats b[b-mgzestzr7l] {
    color: #1e293b;
}

.caller-subhead-title[b-mgzestzr7l] {
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    color: #475569;
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 6px;
}

.endpoint-caller-slow-list[b-mgzestzr7l] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.endpoint-caller-slow-item[b-mgzestzr7l] {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    padding: 6px 8px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.slow-item-left[b-mgzestzr7l] {
    display: flex;
    align-items: center;
    gap: 4px;
    flex-shrink: 0;
}

.slow-duration-pill[b-mgzestzr7l] {
    display: inline-block;
    padding: 2px 6px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 800;
    font-family: monospace;
}

.slow-duration-pill.danger[b-mgzestzr7l] {
    background: #fee2e2;
    color: #dc2626;
}

.slow-duration-pill.warning[b-mgzestzr7l] {
    background: #fef3c7;
    color: #d97706;
}

.slow-duration-pill.normal[b-mgzestzr7l] {
    background: #f1f5f9;
    color: #475569;
}

.slow-status-pill[b-mgzestzr7l] {
    font-size: 10px;
    font-weight: 700;
    padding: 1px 4px;
    border-radius: 3px;
}

.slow-status-pill.ok[b-mgzestzr7l] {
    background: #dcfce7;
    color: #16a34a;
}

.slow-status-pill.fail[b-mgzestzr7l] {
    background: #fee2e2;
    color: #dc2626;
}

.slow-item-info[b-mgzestzr7l] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.slow-user-line[b-mgzestzr7l] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 11px;
    color: #1e293b;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.slow-user-line strong[b-mgzestzr7l] {
    font-weight: 700;
}

.slow-firm-text[b-mgzestzr7l] {
    font-size: 10px;
    color: #0284c7;
    font-weight: 600;
}

.slow-item-info small[b-mgzestzr7l] {
    font-size: 10px;
    color: #94a3b8;
}




/* _content/Client/Pages/Admin/ApiClientKeyManager.razor.rz.scp.css */
.api-key-manager[b-6lvfdt31ab] {
    display: grid;
    gap: 14px;
    color: #172033;
}

.api-key-head[b-6lvfdt31ab],
.api-key-section-title[b-6lvfdt31ab],
.api-key-actions[b-6lvfdt31ab] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.api-key-head h2[b-6lvfdt31ab],
.api-key-section-title h3[b-6lvfdt31ab] {
    margin: 0;
    font-weight: 800;
}

.api-key-head p[b-6lvfdt31ab],
.api-key-section-title span[b-6lvfdt31ab],
.api-key-row small[b-6lvfdt31ab],
.api-key-row span[b-6lvfdt31ab],
.api-key-audit-row small[b-6lvfdt31ab] {
    margin: 0;
    color: #64748b;
}

.api-key-overview[b-6lvfdt31ab] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 10px;
}

.api-key-overview div[b-6lvfdt31ab],
.api-key-create-panel[b-6lvfdt31ab],
.api-key-token-box[b-6lvfdt31ab],
.api-key-debug[b-6lvfdt31ab],
.api-key-list[b-6lvfdt31ab],
.api-key-detail[b-6lvfdt31ab],
.api-key-audit[b-6lvfdt31ab] {
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    background: #fff;
    padding: 14px;
}

.api-key-overview span[b-6lvfdt31ab] {
    display: block;
    color: #64748b;
    font-size: 12px;
}

.api-key-overview strong[b-6lvfdt31ab] {
    display: block;
    font-size: 26px;
    line-height: 1.1;
}

.api-key-scope-panel[b-6lvfdt31ab] {
    display: grid;
    gap: 10px;
    margin-bottom: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid #e2e8f0;
}

.api-key-master-search[b-6lvfdt31ab] {
    display: grid;
    gap: 5px;
    font-size: 12px;
    font-weight: 700;
    color: #475569;
}

.api-key-master-search input[b-6lvfdt31ab] {
    width: 100%;
    border: 1px solid #cbd5e1;
    border-radius: 7px;
    padding: 10px 11px;
    color: #172033;
}

.api-key-scope-grid[b-6lvfdt31ab] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

.api-key-picker[b-6lvfdt31ab] {
    display: grid;
    align-content: start;
    gap: 7px;
    min-height: 150px;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 10px;
    background: #f8fafc;
}

.api-key-picker strong[b-6lvfdt31ab] {
    font-size: 13px;
}

.api-key-picker button[b-6lvfdt31ab] {
    width: 100%;
    text-align: left;
    border: 1px solid #dbe4ef;
    border-radius: 8px;
    background: #fff;
    padding: 9px 10px;
    color: #172033;
}

.api-key-picker button.selected[b-6lvfdt31ab] {
    border-color: #2563eb;
    background: #eff6ff;
    box-shadow: inset 3px 0 0 #2563eb;
}

.api-key-picker span[b-6lvfdt31ab],
.api-key-picker small[b-6lvfdt31ab] {
    display: block;
}

.api-key-picker small[b-6lvfdt31ab],
.api-key-picker em[b-6lvfdt31ab] {
    color: #64748b;
}

.api-key-scope-summary[b-6lvfdt31ab] {
    display: flex;
    align-items: center;
    gap: 8px;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 10px;
    color: #64748b;
    background: #f8fafc;
    font-weight: 700;
}

.api-key-scope-summary.ready[b-6lvfdt31ab] {
    border-color: #a7f3d0;
    color: #047857;
    background: #ecfdf5;
}

.api-key-form-grid[b-6lvfdt31ab] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

.api-key-form-grid label[b-6lvfdt31ab],
.api-key-debug label[b-6lvfdt31ab] {
    display: grid;
    gap: 5px;
    font-size: 12px;
    font-weight: 700;
    color: #475569;
}

.api-key-form-grid input[b-6lvfdt31ab],
.api-key-debug input[b-6lvfdt31ab],
.api-key-token-box textarea[b-6lvfdt31ab] {
    width: 100%;
    border: 1px solid #cbd5e1;
    border-radius: 7px;
    padding: 10px 11px;
    color: #172033;
}

.api-key-form-grid input.api-key-input-error[b-6lvfdt31ab] {
    border-color: #ef4444;
    background: #fef2f2;
}

.api-key-field-error[b-6lvfdt31ab] {
    color: #b91c1c;
    font-size: 12px;
    font-weight: 700;
}

.api-key-actions[b-6lvfdt31ab] {
    justify-content: flex-start;
    margin-top: 12px;
}

.api-key-icon-button[b-6lvfdt31ab],
.api-key-primary[b-6lvfdt31ab],
.api-key-secondary[b-6lvfdt31ab],
.api-key-danger[b-6lvfdt31ab] {
    border: 1px solid #cbd5e1;
    border-radius: 7px;
    background: #f8fafc;
    color: #1e293b;
    padding: 9px 12px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-weight: 800;
}

.api-key-icon-button:disabled[b-6lvfdt31ab],
.api-key-primary:disabled[b-6lvfdt31ab],
.api-key-secondary:disabled[b-6lvfdt31ab],
.api-key-danger:disabled[b-6lvfdt31ab] {
    opacity: .55;
    cursor: not-allowed;
}

.api-key-icon-button[b-6lvfdt31ab] {
    width: 38px;
    height: 38px;
    justify-content: center;
    padding: 0;
}

.api-key-primary[b-6lvfdt31ab] {
    background: #1d4ed8;
    border-color: #1d4ed8;
    color: white;
}

.api-key-danger[b-6lvfdt31ab] {
    background: #fee2e2;
    border-color: #fecaca;
    color: #991b1b;
}

.api-key-alert[b-6lvfdt31ab] {
    border-radius: 8px;
    padding: 10px 12px;
    display: flex;
    gap: 8px;
    align-items: center;
    font-weight: 700;
}

.api-key-alert.success[b-6lvfdt31ab] { background: #ecfdf5; color: #047857; border: 1px solid #a7f3d0; }
.api-key-alert.danger[b-6lvfdt31ab] { background: #fef2f2; color: #b91c1c; border: 1px solid #fecaca; }

.api-key-token-box[b-6lvfdt31ab] {
    display: grid;
    gap: 8px;
    background: #f8fafc;
}

.api-key-token-box textarea[b-6lvfdt31ab] {
    min-height: 46px;
    font-family: Consolas, monospace;
    font-size: 12px;
    resize: vertical;
}

.api-key-debug[b-6lvfdt31ab] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px;
    align-items: end;
}

.api-key-debug-result[b-6lvfdt31ab] {
    grid-column: 1 / -1;
    border-radius: 8px;
    padding: 10px;
}

.api-key-debug-result.ok[b-6lvfdt31ab] { background: #ecfdf5; color: #047857; }
.api-key-debug-result.bad[b-6lvfdt31ab] { background: #fef2f2; color: #b91c1c; }

.api-key-layout[b-6lvfdt31ab] {
    display: grid;
    grid-template-columns: minmax(320px, 1.1fr) minmax(300px, .9fr);
    gap: 12px;
}

.api-key-list[b-6lvfdt31ab],
.api-key-detail[b-6lvfdt31ab] {
    min-height: 340px;
}

.api-key-row[b-6lvfdt31ab] {
    width: 100%;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 12px;
    margin-top: 8px;
    display: flex;
    justify-content: space-between;
    gap: 10px;
    cursor: pointer;
}

.api-key-row.active[b-6lvfdt31ab] {
    border-color: #2563eb;
    background: #eff6ff;
}

.api-key-row-meta[b-6lvfdt31ab] {
    text-align: right;
    min-width: 90px;
}

.api-key-row-meta b[b-6lvfdt31ab] {
    display: block;
}

.api-key-row-meta b.active[b-6lvfdt31ab] { color: #059669; }
.api-key-row-meta b.passive[b-6lvfdt31ab] { color: #b45309; }
.api-key-row-meta b.revoked[b-6lvfdt31ab],
.api-key-row-meta b.expired[b-6lvfdt31ab] { color: #dc2626; }

.api-key-detail dl[b-6lvfdt31ab] {
    display: grid;
    grid-template-columns: 120px minmax(0, 1fr);
    gap: 8px 12px;
    margin: 14px 0;
}

.api-key-detail dt[b-6lvfdt31ab] {
    color: #64748b;
    font-weight: 800;
}

.api-key-detail dd[b-6lvfdt31ab] {
    margin: 0;
    overflow-wrap: anywhere;
}

.api-key-restrictions[b-6lvfdt31ab] {
    display: grid;
    gap: 6px;
    list-style: none;
    margin: 8px 0 0;
    padding: 0;
}

.api-key-restrictions li[b-6lvfdt31ab] {
    display: grid;
    gap: 2px;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 8px 10px;
    background: #f8fafc;
}

.api-key-restrictions span[b-6lvfdt31ab] {
    width: max-content;
    border-radius: 999px;
    padding: 2px 8px;
    font-size: 11px;
    font-weight: 900;
}

.api-key-restrictions span.block[b-6lvfdt31ab] {
    color: #b91c1c;
    background: #fee2e2;
}

.api-key-restrictions span.rate[b-6lvfdt31ab] {
    color: #1d4ed8;
    background: #dbeafe;
}

.api-key-restrictions small[b-6lvfdt31ab] {
    color: #64748b;
}

.api-key-audit-row[b-6lvfdt31ab] {
    display: grid;
    grid-template-columns: 170px minmax(0, 1fr) 180px;
    gap: 10px;
    border-top: 1px solid #e2e8f0;
    padding: 9px 0;
}

.api-key-empty[b-6lvfdt31ab] {
    color: #64748b;
    padding: 24px;
    text-align: center;
}

@media (max-width: 900px) {
    .api-key-overview[b-6lvfdt31ab],
    .api-key-form-grid[b-6lvfdt31ab],
    .api-key-scope-grid[b-6lvfdt31ab],
    .api-key-layout[b-6lvfdt31ab],
    .api-key-debug[b-6lvfdt31ab],
    .api-key-audit-row[b-6lvfdt31ab] {
        grid-template-columns: 1fr;
    }

    .api-key-row[b-6lvfdt31ab],
    .api-key-head[b-6lvfdt31ab],
    .api-key-section-title[b-6lvfdt31ab] {
        align-items: flex-start;
        flex-direction: column;
    }

    .api-key-row-meta[b-6lvfdt31ab] {
        text-align: left;
    }
}
/* _content/Client/Pages/Admin/ApiClientKeysPage.razor.rz.scp.css */
.api-client-page[b-j2tm7rdvn4] {
    padding: 16px;
    display: grid;
    gap: 14px;
}

.api-client-page-head[b-j2tm7rdvn4] {
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    background: #fff;
    padding: 18px;
}

.api-client-page-head h1[b-j2tm7rdvn4] {
    margin: 0;
    font-size: 26px;
    font-weight: 900;
}

.api-client-page-head p[b-j2tm7rdvn4] {
    margin: 4px 0 0;
    color: #64748b;
}

.api-client-kicker[b-j2tm7rdvn4] {
    text-transform: uppercase;
    letter-spacing: .02em;
    font-size: 12px;
    color: #64748b;
    font-weight: 900;
}
/* _content/Client/Pages/Auth/Login.razor.rz.scp.css */
/* ===================== Genel Animasyon ===================== */
@keyframes fadeIn-b-fjt9ldac73 {
    0% {
        opacity: 0;
        transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes slideIn-b-fjt9ldac73 {
    0% {
        transform: translateY(-30px);
        opacity: 0;
    }

    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

/* ===================== Theme Variables ===================== */

/* Sistem dark mode desteği (opsiyonel) */
@media (prefers-color-scheme: dark) {
    body:not([data-theme])[b-fjt9ldac73] {
        --bg-primary: #1a1a1a;
        --bg-secondary: #2d2d2d;
        --text-primary: #e8e8e8;
        --text-secondary: #b0b0b0;
        --border-color: #404040;
        --input-bg: #3a3a3a;
        --input-border: #505050;
        --shadow-color: rgba(0,0,0,0.4);
        --shadow-inset: rgba(0,0,0,0.2);
        --accent-color: #4a9eff;
        --success-bg: #1e3d2a;
        --success-text: #7dd87f;
        --error-bg: #3d1e1e;
        --error-text: #ff7a7a;
        --input-group-bg: #404040;
        --separator-bg: #2d2d2d;
    }
}

/* ===================== Sayfa ve Login Container ===================== */


.login-container[b-fjt9ldac73] {
    border-radius: 16px;
    background-color: var(--bg-secondary);
    box-shadow: 0 12px 40px var(--shadow-color);
    padding: 3rem 2rem;
    max-width: 425px;
    width: 100%;
    animation: fadeIn-b-fjt9ldac73 0.4s ease-out;
    border: 1px solid var(--border-color);
    transition: all 0.3s ease;
}

    /* Logo & Title */
    .login-container img[b-fjt9ldac73] {
        height: 100px;
        object-fit: contain;
        filter: brightness(1);
        transition: filter 0.3s ease;
    }

/* Dark tema için logo filtresi */
[data-theme="dark"] .login-container img[b-fjt9ldac73] {
    filter: brightness(0.9) contrast(1.1);
}

@media (prefers-color-scheme: dark) {
    body:not([data-theme]) .login-container img[b-fjt9ldac73] {
        filter: brightness(0.9) contrast(1.1);
    }
}

.login-container .fs-2[b-fjt9ldac73] {
    font-weight: 700;
    color: var(--text-primary);
    transition: color 0.3s ease;
}

.separator[b-fjt9ldac73] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .separator span[b-fjt9ldac73] {
        background-color: var(--separator-bg);
        padding: 0 1rem;
        color: var(--text-secondary);
        transition: all 0.3s ease;
    }

/* ===================== Input Grupları ===================== */
.input-group[b-fjt9ldac73] {
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid var(--input-border);
    box-shadow: inset 0 2px 4px var(--shadow-inset);
    transition: all 0.2s;
    margin-bottom: 1.5rem;
    background-color: var(--input-bg);
}

    .input-group input.form-control[b-fjt9ldac73],
    .input-group select.form-select[b-fjt9ldac73] {
        border: none;
        border-radius: 0;
        padding: 0.65rem 0.75rem;
        transition: all 0.2s;
        background-color: var(--input-bg);
        color: var(--text-primary);
    }

        .input-group input.form-control:focus[b-fjt9ldac73],
        .input-group select.form-select:focus[b-fjt9ldac73] {
            outline: none;
            box-shadow: 0 0 0 0.2rem rgba(74, 158, 255, 0.25);
            background-color: var(--input-bg);
            color: var(--text-primary);
        }

        .input-group input.form-control[b-fjt9ldac73]::placeholder {
            color: var(--text-secondary);
            opacity: 0.7;
        }

.input-group-text[b-fjt9ldac73] {
    background-color: var(--input-group-bg);
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--text-secondary);
    transition: all 0.3s ease;
}

/* Select dropdown için özel stil */
.form-select[b-fjt9ldac73] {
    background-color: var(--input-bg);
    color: var(--text-primary);
    border: 1px solid var(--input-border);
    border-radius: 12px;
}

    .form-select option[b-fjt9ldac73] {
        background-color: var(--input-bg);
        color: var(--text-primary);
    }

/* ===================== Checkbox ve Linkler ===================== */
.form-check-input[b-fjt9ldac73] {
    width: 1.25rem;
    height: 1.25rem;
    background-color: var(--input-bg);
    border-color: var(--input-border);
    transition: all 0.2s ease;
}

    .form-check-input:checked[b-fjt9ldac73] {
        background-color: var(--accent-color);
        border-color: var(--accent-color);
    }

    .form-check-input:focus[b-fjt9ldac73] {
        box-shadow: 0 0 0 0.2rem rgba(74, 158, 255, 0.25);
    }

.form-check-label[b-fjt9ldac73] {
    font-weight: 600;
    margin-left: 0.25rem;
    color: var(--text-primary);
    transition: color 0.3s ease;
}

.text-primary[b-fjt9ldac73] {
    color: var(--accent-color) !important;
    transition: color 0.3s ease;
}

    .text-primary:hover[b-fjt9ldac73] {
        text-decoration: underline;
        color: var(--accent-color) !important;
        filter: brightness(1.1);
    }

/* ===================== Buttons ===================== */
.DxButton[b-fjt9ldac73],
.modal .btn-primary[b-fjt9ldac73] {
    width: 100%;
    background: var(--accent-color);
    color: #fff !important;
    border: none;
    border-radius: 12px;
    padding: 0.65rem 0;
    font-weight: 600;
    font-size: 1.1rem;
    transition: all 0.3s;
}

    .DxButton:hover[b-fjt9ldac73],
    .modal .btn-primary:hover[b-fjt9ldac73] {
        filter: brightness(1.15);
        background: var(--accent-color);
        transform: translateY(-1px);
    }

/* ===================== Modallar ===================== */
.modal-dialog[b-fjt9ldac73] {
    max-width: 450px;
    margin: 1.75rem auto;
}

.modal-content[b-fjt9ldac73] {
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 12px 40px var(--shadow-color);
    border: 1px solid var(--border-color);
    animation: slideIn-b-fjt9ldac73 0.3s ease-out;
    background: var(--bg-secondary);
    color: var(--text-primary);
}

.modal-header[b-fjt9ldac73] {
    background: var(--accent-color);
    color: #fff;
    border-bottom: none;
    justify-content: center;
    text-align: center;
    padding: 1.2rem 1rem;
}

.modal-title[b-fjt9ldac73] {
    font-weight: 700;
    font-size: 1.4rem;
    color: #fff !important;
}

.btn-close[b-fjt9ldac73] {
    position: absolute;
    top: 12px;
    right: 12px;
    filter: invert(1);
}

/* Modal mesaj kutusu */
.modal-info-box[b-fjt9ldac73] {
    display: flex;
    align-items: center;
    padding: 0.75rem 1rem;
    border-radius: 10px;
    margin-bottom: 1.2rem;
    font-size: 0.95rem;
}

.modal-info-success[b-fjt9ldac73] {
    background-color: var(--success-bg);
    color: var(--success-text);
    border: 1px solid var(--success-text);
}

.modal-info-error[b-fjt9ldac73] {
    background-color: var(--error-bg);
    color: var(--error-text);
    border: 1px solid var(--error-text);
}

.modal-info-box i[b-fjt9ldac73] {
    font-size: 1.6rem;
    margin-right: 0.75rem;
}

/* Modal form inputları */
.modal .form-label[b-fjt9ldac73] {
    font-weight: 600;
    margin-bottom: 0.3rem;
    color: var(--text-primary);
    transition: color 0.3s ease;
}

.modal .form-control[b-fjt9ldac73] {
    border-radius: 12px;
    border: 1px solid var(--input-border);
    padding: 0.55rem 0.75rem;
    transition: all 0.2s;
    background-color: var(--input-bg);
    color: var(--text-primary);
}

    .modal .form-control:focus[b-fjt9ldac73] {
        border-color: var(--accent-color);
        box-shadow: 0 0 0 0.2rem rgba(74, 158, 255, 0.25);
        background-color: var(--input-bg);
        color: var(--text-primary);
    }

    .modal .form-control[b-fjt9ldac73]::placeholder {
        color: var(--text-secondary);
        opacity: 0.7;
    }

/* Modal footer */
.modal-footer[b-fjt9ldac73] {
    border-top: 1px solid var(--border-color);
    padding: 1rem 1.5rem;
    justify-content: center;
    background-color: var(--bg-secondary);
}

/* Input spacing in modal */
.modal .mb-3 input + input[b-fjt9ldac73] {
    margin-top: 0.7rem;
}

/* ===================== Responsive ===================== */
@media (max-width: 576px) {
    .login-container[b-fjt9ldac73] {
        padding: 2rem 1.5rem;
    }
}

/* Mobil ve tablet (1024px ve altı) - SADECE font büyütme */
@media (max-width: 1024px) {
    /* Sadece form elemanlarının font büyüklüğü */
    .login-container .form-control[b-fjt9ldac73],
    .login-container .form-select[b-fjt9ldac73],
    .login-container .input-group-text[b-fjt9ldac73],
    .login-container .form-check-label[b-fjt9ldac73],
    .login-container a[b-fjt9ldac73],
    .login-container .btn[b-fjt9ldac73] {
        font-size: 2em !important;
    }
}

/* ===================== Theme Toggle Button (Opsiyonel) ===================== */
.theme-toggle[b-fjt9ldac73] {
    position: fixed;
    top: 20px;
    right: 20px;
    background: var(--accent-color);
    color: white;
    border: none;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    font-size: 1.2rem;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 4px 12px var(--shadow-color);
    z-index: 1000;
}

    .theme-toggle:hover[b-fjt9ldac73] {
        transform: scale(1.1);
        filter: brightness(1.15);
    }

/* Dark theme için scroll bar */
[data-theme="dark"][b-fjt9ldac73] {
    scrollbar-color: var(--border-color) var(--bg-primary);
}

    [data-theme="dark"] [b-fjt9ldac73]::-webkit-scrollbar {
        width: 8px;
    }

    [data-theme="dark"] [b-fjt9ldac73]::-webkit-scrollbar-track {
        background: var(--bg-primary);
    }

    [data-theme="dark"] [b-fjt9ldac73]::-webkit-scrollbar-thumb {
        background-color: var(--border-color);
        border-radius: 4px;
    }

        [data-theme="dark"] [b-fjt9ldac73]::-webkit-scrollbar-thumb:hover {
            background-color: var(--text-secondary);
        }
/* _content/Client/Pages/BI/FinansYonetimi/FinansYonetimiMobil/AlacaklilarHesapDurumuMobil.razor.rz.scp.css */
:root[b-k2fwxkbo97] {
    --primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    --primary-solid: #667eea;
    --primary-dark: #764ba2;
    --success-gradient: linear-gradient(135deg, #48bb78 0%, #38a169 100%);
    --success-solid: #48bb78;
    --warning-gradient: linear-gradient(135deg, #f6ad55 0%, #ed8936 100%);
    --warning-solid: #f6ad55;
    --danger-gradient: linear-gradient(135deg, #fc8181 0%, #f56565 100%);
    --danger-solid: #fc8181;
    --card-bg: #ffffff;
    --card-header-bg: linear-gradient(135deg, #f7fafc 0%, #edf2f7 100%);
    --text-primary: #1a202c;
    --text-secondary: #4a5568;
    --text-muted: #718096;
    --border-color: #e2e8f0;
    --info-row-bg: #f7fafc;
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.08);
    --shadow-md: 0 4px 16px rgba(102, 126, 234, 0.2);
}

[data-bs-theme="dark"][b-k2fwxkbo97] {
    --primary-solid: #8b9aee;
    --primary-dark: #9a7bc2;
    --success-solid: #68d391;
    --warning-solid: #fbbf24;
    --danger-solid: #fca5a5;
    --card-bg: #1e293b;
    --card-header-bg: linear-gradient(135deg, #334155 0%, #1e293b 100%);
    --text-primary: #f1f5f9;
    --text-secondary: #cbd5e1;
    --text-muted: #94a3b8;
    --border-color: #334155;
    --info-row-bg: #0f172a;
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3);
    --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4);
}

/* CONTAINER */
.mobile-sales-report-container[b-k2fwxkbo97] {
    width: 100%;
    min-height: 100vh;
    background: var(--info-row-bg);
    padding-bottom: 20px;
}

/* SAB�T HEADER */
.report-header-sticky[b-k2fwxkbo97] {
    position: sticky;
    top: 0;
    z-index: 100;
    background: var(--info-row-bg);
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
    margin-top: 1rem;
}

/* TAR�H F�LTRELER� */
.date-filters-card[b-k2fwxkbo97] {
    background: var(--card-bg);
    border-radius: 16px;
    padding: 16px;
    margin-bottom: 12px;
    box-shadow: var(--shadow-sm);
}

.filter-row[b-k2fwxkbo97] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.filter-item[b-k2fwxkbo97] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.filter-label[b-k2fwxkbo97] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    font-weight: 600;
    color: var(--text-secondary);
}

    .filter-label i[b-k2fwxkbo97] {
        font-size: 18px;
        color: var(--primary-solid);
    }

/* KONTROL KARTLARI */
.controls-card[b-k2fwxkbo97] {
    background: var(--card-bg);
    border-radius: 16px;
    padding: 12px;
    box-shadow: var(--shadow-sm);
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
}

.filter-expand-btn[b-k2fwxkbo97] {
    flex: 1;
    background: var(--primary-gradient);
    background-color: var(--primary-solid);
    border: none;
    padding: 12px 16px;
    border-radius: 12px;
    color: white;
    font-size: 14px;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
    position: relative;
}

    .filter-expand-btn:active[b-k2fwxkbo97] {
        transform: scale(0.98);
    }

    .filter-expand-btn span[b-k2fwxkbo97] {
        flex: 1;
    }

    .filter-expand-btn .chevron[b-k2fwxkbo97] {
        font-size: 16px;
        transition: transform 0.3s ease;
    }

    .filter-expand-btn.active .chevron[b-k2fwxkbo97] {
        transform: rotate(180deg);
    }

.filter-badge[b-k2fwxkbo97] {
    background: rgba(255, 255, 255, 0.3);
    padding: 2px 8px;
    border-radius: 10px;
    font-size: 12px;
    font-weight: 700;
}

.view-toggle-group[b-k2fwxkbo97] {
    display: flex;
    gap: 6px;
    background: var(--info-row-bg);
    padding: 4px;
    border-radius: 12px;
}

.view-toggle-btn[b-k2fwxkbo97] {
    background: transparent;
    border: none;
    padding: 10px 14px;
    border-radius: 10px;
    color: var(--text-muted);
    font-size: 13px;
    font-weight: 600;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    cursor: pointer;
    transition: all 0.2s ease;
    min-width: 60px;
}

    .view-toggle-btn i[b-k2fwxkbo97] {
        font-size: 20px;
    }

    .view-toggle-btn.active[b-k2fwxkbo97] {
        background: var(--primary-gradient);
        background-color: var(--primary-solid);
        color: white;
        box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3);
    }

.expandable-filters[b-k2fwxkbo97] {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
    margin-top: 0;
}

    .expandable-filters.expanded[b-k2fwxkbo97] {
        max-height: 500px;
        margin-top: 12px;
    }

.filter-grid[b-k2fwxkbo97] {
    background: var(--card-bg);
    border-radius: 16px;
    padding: 16px;
    box-shadow: var(--shadow-sm);
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.filter-block[b-k2fwxkbo97] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.filter-block-label[b-k2fwxkbo97] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    font-weight: 600;
    color: var(--text-secondary);
}

    .filter-block-label i[b-k2fwxkbo97] {
        font-size: 18px;
        color: var(--primary-solid);
    }

.clear-filters-btn[b-k2fwxkbo97] {
    background: var(--danger-gradient);
    background-color: var(--danger-solid);
    border: none;
    padding: 12px;
    border-radius: 12px;
    color: white;
    font-size: 14px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    cursor: pointer;
    margin-top: 12px;
    transition: all 0.2s ease;
    box-shadow: 0 4px 12px rgba(252, 129, 129, 0.3);
}

    .clear-filters-btn:active[b-k2fwxkbo97] {
        transform: scale(0.98);
    }

.loading-overlay[b-k2fwxkbo97] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 20px;
    gap: 20px;
}

.loading-spinner[b-k2fwxkbo97] {
    position: relative;
    width: 60px;
    height: 60px;
}

.spinner-ring[b-k2fwxkbo97] {
    position: absolute;
    width: 100%;
    height: 100%;
    border: 3px solid transparent;
    border-top-color: var(--primary-solid);
    border-radius: 50%;
    animation: spin-b-k2fwxkbo97 1s linear infinite;
}

    .spinner-ring:nth-child(2)[b-k2fwxkbo97] {
        border-top-color: var(--primary-dark);
        animation-delay: 0.15s;
    }

    .spinner-ring:nth-child(3)[b-k2fwxkbo97] {
        border-top-color: var(--success-solid);
        animation-delay: 0.3s;
    }

@keyframes spin-b-k2fwxkbo97 {
    to {
        transform: rotate(360deg);
    }
}

.loading-text[b-k2fwxkbo97] {
    font-size: 16px;
    font-weight: 600;
    color: var(--text-secondary);
}

.sales-list-container[b-k2fwxkbo97] {
    padding: 12px;
    padding-bottom: 100px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.sales-card[b-k2fwxkbo97] {
    background: var(--card-bg);
    border-radius: 16px;
    overflow: hidden;
    box-shadow: var(--shadow-sm);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer;
    border: 2px solid transparent;
}

    .sales-card:active[b-k2fwxkbo97] {
        transform: scale(0.98);
    }

    .sales-card.expanded[b-k2fwxkbo97] {
        border-color: var(--primary-dark);
        box-shadow: var(--shadow-md);
    }

.card-header-section[b-k2fwxkbo97] {
    padding: 16px;
    background: var(--card-header-bg);
    border-bottom: 1px solid var(--border-color);
}

.card-title-row[b-k2fwxkbo97] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
}

.card-title[b-k2fwxkbo97] {
    font-size: 16px;
    font-weight: 700;
    color: var(--text-primary);
    margin: 0;
}

.expand-icon[b-k2fwxkbo97] {
    font-size: 20px;
    color: var(--primary-solid);
    transition: transform 0.3s ease;
}

.sales-card.expanded .expand-icon[b-k2fwxkbo97] {
    transform: rotate(180deg);
    color: var(--primary-dark);
}

.card-quick-stats[b-k2fwxkbo97] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.quick-stat[b-k2fwxkbo97] {
    background: var(--card-bg);
    padding: 12px;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

    .quick-stat.primary[b-k2fwxkbo97] {
        background: linear-gradient(135deg, rgba(102, 126, 234, 0.1) 0%, rgba(118, 75, 162, 0.1) 100%);
    }

    .quick-stat.secondary[b-k2fwxkbo97] {
        background: linear-gradient(135deg, rgba(72, 187, 120, 0.1) 0%, rgba(56, 161, 105, 0.1) 100%);
    }

.stat-label[b-k2fwxkbo97] {
    font-size: 11px;
    color: var(--text-muted);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.stat-value[b-k2fwxkbo97] {
    font-size: 16px;
    font-weight: 800;
    color: var(--text-primary);
}

.card-content[b-k2fwxkbo97] {
    padding: 0;
    background: var(--card-bg);
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.sales-card.expanded .card-content[b-k2fwxkbo97] {
    max-height: 1000px;
    opacity: 1;
    padding: 16px;
}

.detail-grid[b-k2fwxkbo97] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.detail-item[b-k2fwxkbo97] {
    background: var(--info-row-bg);
    padding: 14px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    gap: 12px;
    transition: all 0.2s ease;
}

    .detail-item:active[b-k2fwxkbo97] {
        transform: translateX(4px);
        background: var(--border-color);
    }

    .detail-item.highlight[b-k2fwxkbo97] {
        background: linear-gradient(135deg, rgba(102, 126, 234, 0.1) 0%, rgba(118, 75, 162, 0.1) 100%);
        border: 2px solid var(--primary-solid);
    }

    .detail-item > i[b-k2fwxkbo97] {
        font-size: 24px;
        color: var(--primary-solid);
        flex-shrink: 0;
    }

.detail-info[b-k2fwxkbo97] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.detail-label[b-k2fwxkbo97] {
    font-size: 12px;
    color: var(--text-muted);
    font-weight: 600;
}

.detail-value[b-k2fwxkbo97] {
    font-size: 15px;
    font-weight: 700;
    color: var(--text-primary);
}

    .detail-value.primary[b-k2fwxkbo97] {
        color: var(--primary-solid);
    }

    .detail-value.success[b-k2fwxkbo97] {
        color: var(--success-solid);
    }

    .detail-value.warning[b-k2fwxkbo97] {
        color: var(--warning-solid);
    }

.pagination-footer[b-k2fwxkbo97] {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: var(--card-bg);
    border-top: 1px solid var(--border-color);
    box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.08);
    z-index: 90;
    padding: 12px;
}

.pagination-controls[b-k2fwxkbo97] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-bottom: 12px;
}

.pagination-btn[b-k2fwxkbo97] {
    background: var(--primary-gradient);
    background-color: var(--primary-solid);
    border: none;
    width: 36px;
    height: 36px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: white;
    font-size: 16px;
    transition: all 0.2s ease;
    box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3);
}

    .pagination-btn:active:not(:disabled)[b-k2fwxkbo97] {
        transform: scale(0.95);
    }

    .pagination-btn:disabled[b-k2fwxkbo97] {
        background: var(--border-color);
        color: var(--text-muted);
        cursor: not-allowed;
        opacity: 0.5;
        box-shadow: none;
    }

.pagination-info[b-k2fwxkbo97] {
    display: flex;
    align-items: center;
    gap: 6px;
    background: var(--card-header-bg);
    padding: 8px 16px;
    border-radius: 10px;
    font-weight: 700;
    box-shadow: var(--shadow-sm);
}

    .pagination-info .current-page[b-k2fwxkbo97] {
        font-size: 16px;
        color: var(--primary-solid);
    }

    .pagination-info .separator[b-k2fwxkbo97] {
        font-size: 14px;
        color: var(--text-muted);
    }

    .pagination-info .total-pages[b-k2fwxkbo97] {
        font-size: 14px;
        color: var(--text-secondary);
    }

.pagination-details[b-k2fwxkbo97] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.page-size-selector[b-k2fwxkbo97] {
    background: var(--card-header-bg);
    border: 2px solid var(--border-color);
    padding: 8px 12px;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 600;
    color: var(--text-primary);
    cursor: pointer;
    transition: all 0.2s ease;
}

    .page-size-selector:focus[b-k2fwxkbo97] {
        outline: none;
        border-color: var(--primary-solid);
        box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
    }

.pagination-text[b-k2fwxkbo97] {
    font-size: 12px;
    color: var(--text-secondary);
    font-weight: 600;
    text-align: right;
    flex: 1;
}

.seperator[b-k2fwxkbo97] {
    margin-top: -40px;
}

.chart-container[b-k2fwxkbo97] {
    padding: 12px;
    padding-bottom: 20px;
    min-height: calc(100vh - 200px);
}

.chart-wrapper[b-k2fwxkbo97] {
    background: var(--card-bg);
    border-radius: 16px;
    padding: 16px;
    box-shadow: var(--shadow-sm);
    margin-bottom: 12px;
    overflow-x: auto;
    min-height: 500px;
}

    .chart-wrapper .dx-chart[b-k2fwxkbo97] {
        min-height: 500px !important;
    }

.chart-stats[b-k2fwxkbo97] {
    background: var(--card-bg);
    border-radius: 16px;
    padding: 16px;
    box-shadow: var(--shadow-sm);
}

.stats-title[b-k2fwxkbo97] {
    font-size: 18px;
    font-weight: 700;
    color: var(--text-primary);
    margin: 0 0 16px 0;
    display: flex;
    align-items: center;
    gap: 8px;
}

    .stats-title[b-k2fwxkbo97]::before {
        content: '';
        width: 4px;
        height: 24px;
        background: var(--primary-gradient);
        background-color: var(--primary-solid);
        border-radius: 2px;
    }

.stats-grid[b-k2fwxkbo97] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.stat-card[b-k2fwxkbo97] {
    background: var(--info-row-bg);
    padding: 16px;
    border-radius: 12px;
    display: flex;
    gap: 12px;
    transition: all 0.2s ease;
}

    .stat-card:active[b-k2fwxkbo97] {
        transform: translateY(-2px);
        box-shadow: var(--shadow-sm);
    }

.stat-icon[b-k2fwxkbo97] {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background: var(--primary-gradient);
    background-color: var(--primary-solid);
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 24px;
    flex-shrink: 0;
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
}

    .stat-icon.success[b-k2fwxkbo97] {
        background: var(--success-gradient);
        background-color: var(--success-solid);
        box-shadow: 0 4px 12px rgba(72, 187, 120, 0.3);
    }

    .stat-icon.primary[b-k2fwxkbo97] {
        background: var(--primary-gradient);
        background-color: var(--primary-solid);
    }

    .stat-icon.warning[b-k2fwxkbo97] {
        background: var(--warning-gradient);
        background-color: var(--warning-solid);
        box-shadow: 0 4px 12px rgba(246, 173, 85, 0.3);
    }

.stat-content[b-k2fwxkbo97] {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 4px;
}

    .stat-content .stat-label[b-k2fwxkbo97] {
        font-size: 11px;
        color: var(--text-muted);
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 0.5px;
    }

    .stat-content .stat-value[b-k2fwxkbo97] {
        font-size: 16px;
        font-weight: 800;
        color: var(--text-primary);
    }

.empty-state[b-k2fwxkbo97] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 20px;
    gap: 16px;
    text-align: center;
}

    .empty-state i[b-k2fwxkbo97] {
        font-size: 80px;
        color: var(--text-muted);
        opacity: 0.5;
    }

    .empty-state h3[b-k2fwxkbo97] {
        font-size: 20px;
        font-weight: 700;
        color: var(--text-primary);
        margin: 0;
    }

    .empty-state p[b-k2fwxkbo97] {
        font-size: 14px;
        color: var(--text-secondary);
        margin: 0;
    }

@media (max-width: 360px) {
    .filter-row[b-k2fwxkbo97] {
        grid-template-columns: 1fr;
    }

    .card-quick-stats[b-k2fwxkbo97] {
        grid-template-columns: 1fr;
    }

    .stats-grid[b-k2fwxkbo97] {
        grid-template-columns: 1fr;
    }
}

@media (min-width: 768px) {
    .mobile-sales-report-container[b-k2fwxkbo97] {
        display: none;
    }
}
/* _content/Client/Pages/BI/FinansYonetimi/FinansYonetimiMobil/BorclularHesapDurumuMobil.razor.rz.scp.css */
:root[b-pu77ehhgao] {
    --primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    --primary-solid: #667eea;
    --primary-dark: #764ba2;
    --success-gradient: linear-gradient(135deg, #48bb78 0%, #38a169 100%);
    --success-solid: #48bb78;
    --warning-gradient: linear-gradient(135deg, #f6ad55 0%, #ed8936 100%);
    --warning-solid: #f6ad55;
    --danger-gradient: linear-gradient(135deg, #fc8181 0%, #f56565 100%);
    --danger-solid: #fc8181;
    --card-bg: #ffffff;
    --card-header-bg: linear-gradient(135deg, #f7fafc 0%, #edf2f7 100%);
    --text-primary: #1a202c;
    --text-secondary: #4a5568;
    --text-muted: #718096;
    --border-color: #e2e8f0;
    --info-row-bg: #f7fafc;
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.08);
    --shadow-md: 0 4px 16px rgba(102, 126, 234, 0.2);
}

[data-bs-theme="dark"][b-pu77ehhgao] {
    --primary-solid: #8b9aee;
    --primary-dark: #9a7bc2;
    --success-solid: #68d391;
    --warning-solid: #fbbf24;
    --danger-solid: #fca5a5;
    --card-bg: #1e293b;
    --card-header-bg: linear-gradient(135deg, #334155 0%, #1e293b 100%);
    --text-primary: #f1f5f9;
    --text-secondary: #cbd5e1;
    --text-muted: #94a3b8;
    --border-color: #334155;
    --info-row-bg: #0f172a;
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3);
    --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4);
}

/* CONTAINER */
.mobile-sales-report-container[b-pu77ehhgao] {
    width: 100%;
    min-height: 100vh;
    background: var(--info-row-bg);
    padding-bottom: 20px;
}

/* SAB�T HEADER */
.report-header-sticky[b-pu77ehhgao] {
    position: sticky;
    top: 0;
    z-index: 100;
    background: var(--info-row-bg);
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
    margin-top: 1rem;
}

/* TAR�H F�LTRELER� */
.date-filters-card[b-pu77ehhgao] {
    background: var(--card-bg);
    border-radius: 16px;
    padding: 16px;
    margin-bottom: 12px;
    box-shadow: var(--shadow-sm);
}

.filter-row[b-pu77ehhgao] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.filter-item[b-pu77ehhgao] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.filter-label[b-pu77ehhgao] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    font-weight: 600;
    color: var(--text-secondary);
}

    .filter-label i[b-pu77ehhgao] {
        font-size: 18px;
        color: var(--primary-solid);
    }

/* KONTROL KARTLARI */
.controls-card[b-pu77ehhgao] {
    background: var(--card-bg);
    border-radius: 16px;
    padding: 12px;
    box-shadow: var(--shadow-sm);
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
}

.filter-expand-btn[b-pu77ehhgao] {
    flex: 1;
    background: var(--primary-gradient);
    background-color: var(--primary-solid);
    border: none;
    padding: 12px 16px;
    border-radius: 12px;
    color: white;
    font-size: 14px;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
    position: relative;
}

    .filter-expand-btn:active[b-pu77ehhgao] {
        transform: scale(0.98);
    }

    .filter-expand-btn span[b-pu77ehhgao] {
        flex: 1;
    }

    .filter-expand-btn .chevron[b-pu77ehhgao] {
        font-size: 16px;
        transition: transform 0.3s ease;
    }

    .filter-expand-btn.active .chevron[b-pu77ehhgao] {
        transform: rotate(180deg);
    }

.filter-badge[b-pu77ehhgao] {
    background: rgba(255, 255, 255, 0.3);
    padding: 2px 8px;
    border-radius: 10px;
    font-size: 12px;
    font-weight: 700;
}

.view-toggle-group[b-pu77ehhgao] {
    display: flex;
    gap: 6px;
    background: var(--info-row-bg);
    padding: 4px;
    border-radius: 12px;
}

.view-toggle-btn[b-pu77ehhgao] {
    background: transparent;
    border: none;
    padding: 10px 14px;
    border-radius: 10px;
    color: var(--text-muted);
    font-size: 13px;
    font-weight: 600;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    cursor: pointer;
    transition: all 0.2s ease;
    min-width: 60px;
}

    .view-toggle-btn i[b-pu77ehhgao] {
        font-size: 20px;
    }

    .view-toggle-btn.active[b-pu77ehhgao] {
        background: var(--primary-gradient);
        background-color: var(--primary-solid);
        color: white;
        box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3);
    }

.expandable-filters[b-pu77ehhgao] {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
    margin-top: 0;
}

    .expandable-filters.expanded[b-pu77ehhgao] {
        max-height: 500px;
        margin-top: 12px;
    }

.filter-grid[b-pu77ehhgao] {
    background: var(--card-bg);
    border-radius: 16px;
    padding: 16px;
    box-shadow: var(--shadow-sm);
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.filter-block[b-pu77ehhgao] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.filter-block-label[b-pu77ehhgao] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    font-weight: 600;
    color: var(--text-secondary);
}

    .filter-block-label i[b-pu77ehhgao] {
        font-size: 18px;
        color: var(--primary-solid);
    }

.clear-filters-btn[b-pu77ehhgao] {
    background: var(--danger-gradient);
    background-color: var(--danger-solid);
    border: none;
    padding: 12px;
    border-radius: 12px;
    color: white;
    font-size: 14px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    cursor: pointer;
    margin-top: 12px;
    transition: all 0.2s ease;
    box-shadow: 0 4px 12px rgba(252, 129, 129, 0.3);
}

    .clear-filters-btn:active[b-pu77ehhgao] {
        transform: scale(0.98);
    }

.loading-overlay[b-pu77ehhgao] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 20px;
    gap: 20px;
}

.loading-spinner[b-pu77ehhgao] {
    position: relative;
    width: 60px;
    height: 60px;
}

.spinner-ring[b-pu77ehhgao] {
    position: absolute;
    width: 100%;
    height: 100%;
    border: 3px solid transparent;
    border-top-color: var(--primary-solid);
    border-radius: 50%;
    animation: spin-b-pu77ehhgao 1s linear infinite;
}

    .spinner-ring:nth-child(2)[b-pu77ehhgao] {
        border-top-color: var(--primary-dark);
        animation-delay: 0.15s;
    }

    .spinner-ring:nth-child(3)[b-pu77ehhgao] {
        border-top-color: var(--success-solid);
        animation-delay: 0.3s;
    }

@keyframes spin-b-pu77ehhgao {
    to {
        transform: rotate(360deg);
    }
}

.loading-text[b-pu77ehhgao] {
    font-size: 16px;
    font-weight: 600;
    color: var(--text-secondary);
}

.sales-list-container[b-pu77ehhgao] {
    padding: 12px;
    padding-bottom: 100px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.sales-card[b-pu77ehhgao] {
    background: var(--card-bg);
    border-radius: 16px;
    overflow: hidden;
    box-shadow: var(--shadow-sm);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer;
    border: 2px solid transparent;
}

    .sales-card:active[b-pu77ehhgao] {
        transform: scale(0.98);
    }

    .sales-card.expanded[b-pu77ehhgao] {
        border-color: var(--primary-dark);
        box-shadow: var(--shadow-md);
    }

.card-header-section[b-pu77ehhgao] {
    padding: 16px;
    background: var(--card-header-bg);
    border-bottom: 1px solid var(--border-color);
}

.card-title-row[b-pu77ehhgao] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
}

.card-title[b-pu77ehhgao] {
    font-size: 16px;
    font-weight: 700;
    color: var(--text-primary);
    margin: 0;
}

.expand-icon[b-pu77ehhgao] {
    font-size: 20px;
    color: var(--primary-solid);
    transition: transform 0.3s ease;
}

.sales-card.expanded .expand-icon[b-pu77ehhgao] {
    transform: rotate(180deg);
    color: var(--primary-dark);
}

.card-quick-stats[b-pu77ehhgao] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.quick-stat[b-pu77ehhgao] {
    background: var(--card-bg);
    padding: 12px;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

    .quick-stat.primary[b-pu77ehhgao] {
        background: linear-gradient(135deg, rgba(102, 126, 234, 0.1) 0%, rgba(118, 75, 162, 0.1) 100%);
    }

    .quick-stat.secondary[b-pu77ehhgao] {
        background: linear-gradient(135deg, rgba(72, 187, 120, 0.1) 0%, rgba(56, 161, 105, 0.1) 100%);
    }

.stat-label[b-pu77ehhgao] {
    font-size: 11px;
    color: var(--text-muted);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.stat-value[b-pu77ehhgao] {
    font-size: 16px;
    font-weight: 800;
    color: var(--text-primary);
}

.card-content[b-pu77ehhgao] {
    padding: 0;
    background: var(--card-bg);
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.sales-card.expanded .card-content[b-pu77ehhgao] {
    max-height: 1000px;
    opacity: 1;
    padding: 16px;
}

.detail-grid[b-pu77ehhgao] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.detail-item[b-pu77ehhgao] {
    background: var(--info-row-bg);
    padding: 14px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    gap: 12px;
    transition: all 0.2s ease;
}

    .detail-item:active[b-pu77ehhgao] {
        transform: translateX(4px);
        background: var(--border-color);
    }

    .detail-item.highlight[b-pu77ehhgao] {
        background: linear-gradient(135deg, rgba(102, 126, 234, 0.1) 0%, rgba(118, 75, 162, 0.1) 100%);
        border: 2px solid var(--primary-solid);
    }

    .detail-item > i[b-pu77ehhgao] {
        font-size: 24px;
        color: var(--primary-solid);
        flex-shrink: 0;
    }

.detail-info[b-pu77ehhgao] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.detail-label[b-pu77ehhgao] {
    font-size: 12px;
    color: var(--text-muted);
    font-weight: 600;
}

.detail-value[b-pu77ehhgao] {
    font-size: 15px;
    font-weight: 700;
    color: var(--text-primary);
}

    .detail-value.primary[b-pu77ehhgao] {
        color: var(--primary-solid);
    }

    .detail-value.success[b-pu77ehhgao] {
        color: var(--success-solid);
    }

    .detail-value.warning[b-pu77ehhgao] {
        color: var(--warning-solid);
    }

.pagination-footer[b-pu77ehhgao] {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: var(--card-bg);
    border-top: 1px solid var(--border-color);
    box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.08);
    z-index: 90;
    padding: 12px;
}

.pagination-controls[b-pu77ehhgao] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-bottom: 12px;
}

.pagination-btn[b-pu77ehhgao] {
    background: var(--primary-gradient);
    background-color: var(--primary-solid);
    border: none;
    width: 36px;
    height: 36px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: white;
    font-size: 16px;
    transition: all 0.2s ease;
    box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3);
}

    .pagination-btn:active:not(:disabled)[b-pu77ehhgao] {
        transform: scale(0.95);
    }

    .pagination-btn:disabled[b-pu77ehhgao] {
        background: var(--border-color);
        color: var(--text-muted);
        cursor: not-allowed;
        opacity: 0.5;
        box-shadow: none;
    }

.pagination-info[b-pu77ehhgao] {
    display: flex;
    align-items: center;
    gap: 6px;
    background: var(--card-header-bg);
    padding: 8px 16px;
    border-radius: 10px;
    font-weight: 700;
    box-shadow: var(--shadow-sm);
}

    .pagination-info .current-page[b-pu77ehhgao] {
        font-size: 16px;
        color: var(--primary-solid);
    }

    .pagination-info .separator[b-pu77ehhgao] {
        font-size: 14px;
        color: var(--text-muted);
    }

    .pagination-info .total-pages[b-pu77ehhgao] {
        font-size: 14px;
        color: var(--text-secondary);
    }

.pagination-details[b-pu77ehhgao] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.page-size-selector[b-pu77ehhgao] {
    background: var(--card-header-bg);
    border: 2px solid var(--border-color);
    padding: 8px 12px;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 600;
    color: var(--text-primary);
    cursor: pointer;
    transition: all 0.2s ease;
}

    .page-size-selector:focus[b-pu77ehhgao] {
        outline: none;
        border-color: var(--primary-solid);
        box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
    }

.pagination-text[b-pu77ehhgao] {
    font-size: 12px;
    color: var(--text-secondary);
    font-weight: 600;
    text-align: right;
    flex: 1;
}

.seperator[b-pu77ehhgao] {
    margin-top: -40px;
}

.chart-container[b-pu77ehhgao] {
    padding: 12px;
    padding-bottom: 20px;
    min-height: calc(100vh - 200px);
}

.chart-wrapper[b-pu77ehhgao] {
    background: var(--card-bg);
    border-radius: 16px;
    padding: 16px;
    box-shadow: var(--shadow-sm);
    margin-bottom: 12px;
    overflow-x: auto;
    min-height: 500px;
}

    .chart-wrapper .dx-chart[b-pu77ehhgao] {
        min-height: 500px !important;
    }

.chart-stats[b-pu77ehhgao] {
    background: var(--card-bg);
    border-radius: 16px;
    padding: 16px;
    box-shadow: var(--shadow-sm);
}

.stats-title[b-pu77ehhgao] {
    font-size: 18px;
    font-weight: 700;
    color: var(--text-primary);
    margin: 0 0 16px 0;
    display: flex;
    align-items: center;
    gap: 8px;
}

    .stats-title[b-pu77ehhgao]::before {
        content: '';
        width: 4px;
        height: 24px;
        background: var(--primary-gradient);
        background-color: var(--primary-solid);
        border-radius: 2px;
    }

.stats-grid[b-pu77ehhgao] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.stat-card[b-pu77ehhgao] {
    background: var(--info-row-bg);
    padding: 16px;
    border-radius: 12px;
    display: flex;
    gap: 12px;
    transition: all 0.2s ease;
}

    .stat-card:active[b-pu77ehhgao] {
        transform: translateY(-2px);
        box-shadow: var(--shadow-sm);
    }

.stat-icon[b-pu77ehhgao] {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background: var(--primary-gradient);
    background-color: var(--primary-solid);
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 24px;
    flex-shrink: 0;
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
}

    .stat-icon.success[b-pu77ehhgao] {
        background: var(--success-gradient);
        background-color: var(--success-solid);
        box-shadow: 0 4px 12px rgba(72, 187, 120, 0.3);
    }

    .stat-icon.primary[b-pu77ehhgao] {
        background: var(--primary-gradient);
        background-color: var(--primary-solid);
    }

    .stat-icon.warning[b-pu77ehhgao] {
        background: var(--warning-gradient);
        background-color: var(--warning-solid);
        box-shadow: 0 4px 12px rgba(246, 173, 85, 0.3);
    }

.stat-content[b-pu77ehhgao] {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 4px;
}

    .stat-content .stat-label[b-pu77ehhgao] {
        font-size: 11px;
        color: var(--text-muted);
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 0.5px;
    }

    .stat-content .stat-value[b-pu77ehhgao] {
        font-size: 16px;
        font-weight: 800;
        color: var(--text-primary);
    }

.empty-state[b-pu77ehhgao] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 20px;
    gap: 16px;
    text-align: center;
}

    .empty-state i[b-pu77ehhgao] {
        font-size: 80px;
        color: var(--text-muted);
        opacity: 0.5;
    }

    .empty-state h3[b-pu77ehhgao] {
        font-size: 20px;
        font-weight: 700;
        color: var(--text-primary);
        margin: 0;
    }

    .empty-state p[b-pu77ehhgao] {
        font-size: 14px;
        color: var(--text-secondary);
        margin: 0;
    }



@media (max-width: 360px) {
    .filter-row[b-pu77ehhgao] {
        grid-template-columns: 1fr;
    }

    .card-quick-stats[b-pu77ehhgao] {
        grid-template-columns: 1fr;
    }

    .stats-grid[b-pu77ehhgao] {
        grid-template-columns: 1fr;
    }
}

@media (min-width: 768px) {
    .mobile-sales-report-container[b-pu77ehhgao] {
        display: none;
    }
}
/* _content/Client/Pages/BI/FinansYonetimi/FinansYonetimiMobil/CekSenetDurumRaporuMobil.razor.rz.scp.css */
:root[b-s19ia2rk35] {
    --primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    --primary-solid: #667eea;
    --primary-dark: #764ba2;
    --success-gradient: linear-gradient(135deg, #48bb78 0%, #38a169 100%);
    --success-solid: #48bb78;
    --warning-gradient: linear-gradient(135deg, #f6ad55 0%, #ed8936 100%);
    --warning-solid: #f6ad55;
    --danger-gradient: linear-gradient(135deg, #fc8181 0%, #f56565 100%);
    --danger-solid: #fc8181;
    --card-bg: #ffffff;
    --card-header-bg: linear-gradient(135deg, #f7fafc 0%, #edf2f7 100%);
    --text-primary: #1a202c;
    --text-secondary: #4a5568;
    --text-muted: #718096;
    --border-color: #e2e8f0;
    --info-row-bg: #f7fafc;
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.08);
    --shadow-md: 0 4px 16px rgba(102, 126, 234, 0.2);
}

[data-bs-theme="dark"][b-s19ia2rk35] {
    --primary-solid: #8b9aee;
    --primary-dark: #9a7bc2;
    --success-solid: #68d391;
    --warning-solid: #fbbf24;
    --danger-solid: #fca5a5;
    --card-bg: #1e293b;
    --card-header-bg: linear-gradient(135deg, #334155 0%, #1e293b 100%);
    --text-primary: #f1f5f9;
    --text-secondary: #cbd5e1;
    --text-muted: #94a3b8;
    --border-color: #334155;
    --info-row-bg: #0f172a;
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3);
    --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4);
}

/* CONTAINER */
.mobile-sales-report-container[b-s19ia2rk35] {
    width: 100%;
    min-height: 100vh;
    background: var(--info-row-bg);
    padding-bottom: 20px;
}

/* SAB�T HEADER */
.report-header-sticky[b-s19ia2rk35] {
    position: sticky;
    top: 0;
    z-index: 100;
    background: var(--info-row-bg);
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
    margin-top: 1rem;
}

/* TAR�H F�LTRELER� */
.date-filters-card[b-s19ia2rk35] {
    background: var(--card-bg);
    border-radius: 16px;
    padding: 16px;
    margin-bottom: 12px;
    box-shadow: var(--shadow-sm);
}

.filter-row[b-s19ia2rk35] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.filter-item[b-s19ia2rk35] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.filter-label[b-s19ia2rk35] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    font-weight: 600;
    color: var(--text-secondary);
}

    .filter-label i[b-s19ia2rk35] {
        font-size: 18px;
        color: var(--primary-solid);
    }

/* KONTROL KARTLARI */
.controls-card[b-s19ia2rk35] {
    background: var(--card-bg);
    border-radius: 16px;
    padding: 12px;
    box-shadow: var(--shadow-sm);
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
}

.filter-expand-btn[b-s19ia2rk35] {
    flex: 1;
    background: var(--primary-gradient);
    background-color: var(--primary-solid);
    border: none;
    padding: 12px 16px;
    border-radius: 12px;
    color: white;
    font-size: 14px;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
    position: relative;
}

    .filter-expand-btn:active[b-s19ia2rk35] {
        transform: scale(0.98);
    }

    .filter-expand-btn span[b-s19ia2rk35] {
        flex: 1;
    }

    .filter-expand-btn .chevron[b-s19ia2rk35] {
        font-size: 16px;
        transition: transform 0.3s ease;
    }

    .filter-expand-btn.active .chevron[b-s19ia2rk35] {
        transform: rotate(180deg);
    }

.filter-badge[b-s19ia2rk35] {
    background: rgba(255, 255, 255, 0.3);
    padding: 2px 8px;
    border-radius: 10px;
    font-size: 12px;
    font-weight: 700;
}

.view-toggle-group[b-s19ia2rk35] {
    display: flex;
    gap: 6px;
    background: var(--info-row-bg);
    padding: 4px;
    border-radius: 12px;
}

.view-toggle-btn[b-s19ia2rk35] {
    background: transparent;
    border: none;
    padding: 10px 14px;
    border-radius: 10px;
    color: var(--text-muted);
    font-size: 13px;
    font-weight: 600;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    cursor: pointer;
    transition: all 0.2s ease;
    min-width: 60px;
}

    .view-toggle-btn i[b-s19ia2rk35] {
        font-size: 20px;
    }

    .view-toggle-btn.active[b-s19ia2rk35] {
        background: var(--primary-gradient);
        background-color: var(--primary-solid);
        color: white;
        box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3);
    }

.expandable-filters[b-s19ia2rk35] {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
    margin-top: 0;
}

    .expandable-filters.expanded[b-s19ia2rk35] {
        max-height: 500px;
        margin-top: 12px;
    }

.filter-grid[b-s19ia2rk35] {
    background: var(--card-bg);
    border-radius: 16px;
    padding: 16px;
    box-shadow: var(--shadow-sm);
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.filter-block[b-s19ia2rk35] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.filter-block-label[b-s19ia2rk35] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    font-weight: 600;
    color: var(--text-secondary);
}

    .filter-block-label i[b-s19ia2rk35] {
        font-size: 18px;
        color: var(--primary-solid);
    }

.clear-filters-btn[b-s19ia2rk35] {
    background: var(--danger-gradient);
    background-color: var(--danger-solid);
    border: none;
    padding: 12px;
    border-radius: 12px;
    color: white;
    font-size: 14px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    cursor: pointer;
    margin-top: 12px;
    transition: all 0.2s ease;
    box-shadow: 0 4px 12px rgba(252, 129, 129, 0.3);
}

    .clear-filters-btn:active[b-s19ia2rk35] {
        transform: scale(0.98);
    }

.loading-overlay[b-s19ia2rk35] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 20px;
    gap: 20px;
}

.loading-spinner[b-s19ia2rk35] {
    position: relative;
    width: 60px;
    height: 60px;
}

.spinner-ring[b-s19ia2rk35] {
    position: absolute;
    width: 100%;
    height: 100%;
    border: 3px solid transparent;
    border-top-color: var(--primary-solid);
    border-radius: 50%;
    animation: spin-b-s19ia2rk35 1s linear infinite;
}

    .spinner-ring:nth-child(2)[b-s19ia2rk35] {
        border-top-color: var(--primary-dark);
        animation-delay: 0.15s;
    }

    .spinner-ring:nth-child(3)[b-s19ia2rk35] {
        border-top-color: var(--success-solid);
        animation-delay: 0.3s;
    }

@keyframes spin-b-s19ia2rk35 {
    to {
        transform: rotate(360deg);
    }
}

.loading-text[b-s19ia2rk35] {
    font-size: 16px;
    font-weight: 600;
    color: var(--text-secondary);
}

.sales-list-container[b-s19ia2rk35] {
    padding: 12px;
    padding-bottom: 100px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.sales-card[b-s19ia2rk35] {
    background: var(--card-bg);
    border-radius: 16px;
    overflow: hidden;
    box-shadow: var(--shadow-sm);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer;
    border: 2px solid transparent;
}

    .sales-card:active[b-s19ia2rk35] {
        transform: scale(0.98);
    }

    .sales-card.expanded[b-s19ia2rk35] {
        border-color: var(--primary-dark);
        box-shadow: var(--shadow-md);
    }

.card-header-section[b-s19ia2rk35] {
    padding: 16px;
    background: var(--card-header-bg);
    border-bottom: 1px solid var(--border-color);
}

.card-title-row[b-s19ia2rk35] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
}

.card-title[b-s19ia2rk35] {
    font-size: 16px;
    font-weight: 700;
    color: var(--text-primary);
    margin: 0;
}

.expand-icon[b-s19ia2rk35] {
    font-size: 20px;
    color: var(--primary-solid);
    transition: transform 0.3s ease;
}

.sales-card.expanded .expand-icon[b-s19ia2rk35] {
    transform: rotate(180deg);
    color: var(--primary-dark);
}

.card-quick-stats[b-s19ia2rk35] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.quick-stat[b-s19ia2rk35] {
    background: var(--card-bg);
    padding: 12px;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

    .quick-stat.primary[b-s19ia2rk35] {
        background: linear-gradient(135deg, rgba(102, 126, 234, 0.1) 0%, rgba(118, 75, 162, 0.1) 100%);
    }

    .quick-stat.secondary[b-s19ia2rk35] {
        background: linear-gradient(135deg, rgba(72, 187, 120, 0.1) 0%, rgba(56, 161, 105, 0.1) 100%);
    }

.stat-label[b-s19ia2rk35] {
    font-size: 11px;
    color: var(--text-muted);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.stat-value[b-s19ia2rk35] {
    font-size: 16px;
    font-weight: 800;
    color: var(--text-primary);
}

.card-content[b-s19ia2rk35] {
    padding: 0;
    background: var(--card-bg);
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.sales-card.expanded .card-content[b-s19ia2rk35] {
    max-height: 1000px;
    opacity: 1;
    padding: 16px;
}

.detail-grid[b-s19ia2rk35] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.detail-item[b-s19ia2rk35] {
    background: var(--info-row-bg);
    padding: 14px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    gap: 12px;
    transition: all 0.2s ease;
}

    .detail-item:active[b-s19ia2rk35] {
        transform: translateX(4px);
        background: var(--border-color);
    }

    .detail-item.highlight[b-s19ia2rk35] {
        background: linear-gradient(135deg, rgba(102, 126, 234, 0.1) 0%, rgba(118, 75, 162, 0.1) 100%);
        border: 2px solid var(--primary-solid);
    }

    .detail-item > i[b-s19ia2rk35] {
        font-size: 24px;
        color: var(--primary-solid);
        flex-shrink: 0;
    }

.detail-info[b-s19ia2rk35] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.detail-label[b-s19ia2rk35] {
    font-size: 12px;
    color: var(--text-muted);
    font-weight: 600;
}

.detail-value[b-s19ia2rk35] {
    font-size: 15px;
    font-weight: 700;
    color: var(--text-primary);
}

    .detail-value.primary[b-s19ia2rk35] {
        color: var(--primary-solid);
    }

    .detail-value.success[b-s19ia2rk35] {
        color: var(--success-solid);
    }

    .detail-value.warning[b-s19ia2rk35] {
        color: var(--warning-solid);
    }

.pagination-footer[b-s19ia2rk35] {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: var(--card-bg);
    border-top: 1px solid var(--border-color);
    box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.08);
    z-index: 90;
    padding: 12px;
}

.pagination-controls[b-s19ia2rk35] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-bottom: 12px;
}

.pagination-btn[b-s19ia2rk35] {
    background: var(--primary-gradient);
    background-color: var(--primary-solid);
    border: none;
    width: 36px;
    height: 36px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: white;
    font-size: 16px;
    transition: all 0.2s ease;
    box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3);
}

    .pagination-btn:active:not(:disabled)[b-s19ia2rk35] {
        transform: scale(0.95);
    }

    .pagination-btn:disabled[b-s19ia2rk35] {
        background: var(--border-color);
        color: var(--text-muted);
        cursor: not-allowed;
        opacity: 0.5;
        box-shadow: none;
    }

.pagination-info[b-s19ia2rk35] {
    display: flex;
    align-items: center;
    gap: 6px;
    background: var(--card-header-bg);
    padding: 8px 16px;
    border-radius: 10px;
    font-weight: 700;
    box-shadow: var(--shadow-sm);
}

    .pagination-info .current-page[b-s19ia2rk35] {
        font-size: 16px;
        color: var(--primary-solid);
    }

    .pagination-info .separator[b-s19ia2rk35] {
        font-size: 14px;
        color: var(--text-muted);
    }

    .pagination-info .total-pages[b-s19ia2rk35] {
        font-size: 14px;
        color: var(--text-secondary);
    }

.pagination-details[b-s19ia2rk35] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.page-size-selector[b-s19ia2rk35] {
    background: var(--card-header-bg);
    border: 2px solid var(--border-color);
    padding: 8px 12px;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 600;
    color: var(--text-primary);
    cursor: pointer;
    transition: all 0.2s ease;
}

    .page-size-selector:focus[b-s19ia2rk35] {
        outline: none;
        border-color: var(--primary-solid);
        box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
    }

.pagination-text[b-s19ia2rk35] {
    font-size: 12px;
    color: var(--text-secondary);
    font-weight: 600;
    text-align: right;
    flex: 1;
}

.seperator[b-s19ia2rk35] {
    margin-top: -40px;
}

.chart-container[b-s19ia2rk35] {
    padding: 12px;
    padding-bottom: 20px;
    min-height: calc(100vh - 200px);
}

.chart-wrapper[b-s19ia2rk35] {
    background: var(--card-bg);
    border-radius: 16px;
    padding: 16px;
    box-shadow: var(--shadow-sm);
    margin-bottom: 12px;
    overflow-x: auto;
    min-height: 500px;
}

    .chart-wrapper .dx-chart[b-s19ia2rk35] {
        min-height: 500px !important;
    }

.chart-stats[b-s19ia2rk35] {
    background: var(--card-bg);
    border-radius: 16px;
    padding: 16px;
    box-shadow: var(--shadow-sm);
}

.stats-title[b-s19ia2rk35] {
    font-size: 18px;
    font-weight: 700;
    color: var(--text-primary);
    margin: 0 0 16px 0;
    display: flex;
    align-items: center;
    gap: 8px;
}

    .stats-title[b-s19ia2rk35]::before {
        content: '';
        width: 4px;
        height: 24px;
        background: var(--primary-gradient);
        background-color: var(--primary-solid);
        border-radius: 2px;
    }

.stats-grid[b-s19ia2rk35] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.stat-card[b-s19ia2rk35] {
    background: var(--info-row-bg);
    padding: 16px;
    border-radius: 12px;
    display: flex;
    gap: 12px;
    transition: all 0.2s ease;
}

    .stat-card:active[b-s19ia2rk35] {
        transform: translateY(-2px);
        box-shadow: var(--shadow-sm);
    }

.stat-icon[b-s19ia2rk35] {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background: var(--primary-gradient);
    background-color: var(--primary-solid);
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 24px;
    flex-shrink: 0;
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
}

    .stat-icon.success[b-s19ia2rk35] {
        background: var(--success-gradient);
        background-color: var(--success-solid);
        box-shadow: 0 4px 12px rgba(72, 187, 120, 0.3);
    }

    .stat-icon.primary[b-s19ia2rk35] {
        background: var(--primary-gradient);
        background-color: var(--primary-solid);
    }

    .stat-icon.warning[b-s19ia2rk35] {
        background: var(--warning-gradient);
        background-color: var(--warning-solid);
        box-shadow: 0 4px 12px rgba(246, 173, 85, 0.3);
    }

.stat-content[b-s19ia2rk35] {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 4px;
}

    .stat-content .stat-label[b-s19ia2rk35] {
        font-size: 11px;
        color: var(--text-muted);
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 0.5px;
    }

    .stat-content .stat-value[b-s19ia2rk35] {
        font-size: 16px;
        font-weight: 800;
        color: var(--text-primary);
    }

.empty-state[b-s19ia2rk35] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 20px;
    gap: 16px;
    text-align: center;
}

    .empty-state i[b-s19ia2rk35] {
        font-size: 80px;
        color: var(--text-muted);
        opacity: 0.5;
    }

    .empty-state h3[b-s19ia2rk35] {
        font-size: 20px;
        font-weight: 700;
        color: var(--text-primary);
        margin: 0;
    }

    .empty-state p[b-s19ia2rk35] {
        font-size: 14px;
        color: var(--text-secondary);
        margin: 0;
    }

@media (max-width: 360px) {
    .filter-row[b-s19ia2rk35] {
        grid-template-columns: 1fr;
    }

    .card-quick-stats[b-s19ia2rk35] {
        grid-template-columns: 1fr;
    }

    .stats-grid[b-s19ia2rk35] {
        grid-template-columns: 1fr;
    }
}

@media (min-width: 768px) {
    .mobile-sales-report-container[b-s19ia2rk35] {
        display: none;
    }
}
/* _content/Client/Pages/BI/FinansYonetimi/FinansYonetimiMobil/OdemeRaporuMobil.razor.rz.scp.css */
:root[b-x1wz4xbrdg] {
    --primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    --primary-solid: #667eea;
    --primary-dark: #764ba2;
    --success-gradient: linear-gradient(135deg, #48bb78 0%, #38a169 100%);
    --success-solid: #48bb78;
    --warning-gradient: linear-gradient(135deg, #f6ad55 0%, #ed8936 100%);
    --warning-solid: #f6ad55;
    --danger-gradient: linear-gradient(135deg, #fc8181 0%, #f56565 100%);
    --danger-solid: #fc8181;
    --card-bg: #ffffff;
    --card-header-bg: linear-gradient(135deg, #f7fafc 0%, #edf2f7 100%);
    --text-primary: #1a202c;
    --text-secondary: #4a5568;
    --text-muted: #718096;
    --border-color: #e2e8f0;
    --info-row-bg: #f7fafc;
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.08);
    --shadow-md: 0 4px 16px rgba(102, 126, 234, 0.2);
}

[data-bs-theme="dark"][b-x1wz4xbrdg] {
    --primary-solid: #8b9aee;
    --primary-dark: #9a7bc2;
    --success-solid: #68d391;
    --warning-solid: #fbbf24;
    --danger-solid: #fca5a5;
    --card-bg: #1e293b;
    --card-header-bg: linear-gradient(135deg, #334155 0%, #1e293b 100%);
    --text-primary: #f1f5f9;
    --text-secondary: #cbd5e1;
    --text-muted: #94a3b8;
    --border-color: #334155;
    --info-row-bg: #0f172a;
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3);
    --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4);
}

/* CONTAINER */
.mobile-sales-report-container[b-x1wz4xbrdg] {
    width: 100%;
    min-height: 100vh;
    background: var(--info-row-bg);
    padding-bottom: 20px;
}

/* SAB�T HEADER */
.report-header-sticky[b-x1wz4xbrdg] {
    position: sticky;
    top: 0;
    z-index: 100;
    background: var(--info-row-bg);
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
    margin-top: 1rem;
}

/* TAR�H F�LTRELER� */
.date-filters-card[b-x1wz4xbrdg] {
    background: var(--card-bg);
    border-radius: 16px;
    padding: 16px;
    margin-bottom: 12px;
    box-shadow: var(--shadow-sm);
}

.filter-row[b-x1wz4xbrdg] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.filter-item[b-x1wz4xbrdg] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.filter-label[b-x1wz4xbrdg] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    font-weight: 600;
    color: var(--text-secondary);
}

    .filter-label i[b-x1wz4xbrdg] {
        font-size: 18px;
        color: var(--primary-solid);
    }

/* KONTROL KARTLARI */
.controls-card[b-x1wz4xbrdg] {
    background: var(--card-bg);
    border-radius: 16px;
    padding: 12px;
    box-shadow: var(--shadow-sm);
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
}

.filter-expand-btn[b-x1wz4xbrdg] {
    flex: 1;
    background: var(--primary-gradient);
    background-color: var(--primary-solid);
    border: none;
    padding: 12px 16px;
    border-radius: 12px;
    color: white;
    font-size: 14px;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
    position: relative;
}

    .filter-expand-btn:active[b-x1wz4xbrdg] {
        transform: scale(0.98);
    }

    .filter-expand-btn span[b-x1wz4xbrdg] {
        flex: 1;
    }

    .filter-expand-btn .chevron[b-x1wz4xbrdg] {
        font-size: 16px;
        transition: transform 0.3s ease;
    }

    .filter-expand-btn.active .chevron[b-x1wz4xbrdg] {
        transform: rotate(180deg);
    }

.filter-badge[b-x1wz4xbrdg] {
    background: rgba(255, 255, 255, 0.3);
    padding: 2px 8px;
    border-radius: 10px;
    font-size: 12px;
    font-weight: 700;
}

.view-toggle-group[b-x1wz4xbrdg] {
    display: flex;
    gap: 6px;
    background: var(--info-row-bg);
    padding: 4px;
    border-radius: 12px;
}

.view-toggle-btn[b-x1wz4xbrdg] {
    background: transparent;
    border: none;
    padding: 10px 14px;
    border-radius: 10px;
    color: var(--text-muted);
    font-size: 13px;
    font-weight: 600;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    cursor: pointer;
    transition: all 0.2s ease;
    min-width: 60px;
}

    .view-toggle-btn i[b-x1wz4xbrdg] {
        font-size: 20px;
    }

    .view-toggle-btn.active[b-x1wz4xbrdg] {
        background: var(--primary-gradient);
        background-color: var(--primary-solid);
        color: white;
        box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3);
    }

.expandable-filters[b-x1wz4xbrdg] {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
    margin-top: 0;
}

    .expandable-filters.expanded[b-x1wz4xbrdg] {
        max-height: 500px;
        margin-top: 12px;
    }

.filter-grid[b-x1wz4xbrdg] {
    background: var(--card-bg);
    border-radius: 16px;
    padding: 16px;
    box-shadow: var(--shadow-sm);
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.filter-block[b-x1wz4xbrdg] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.filter-block-label[b-x1wz4xbrdg] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    font-weight: 600;
    color: var(--text-secondary);
}

    .filter-block-label i[b-x1wz4xbrdg] {
        font-size: 18px;
        color: var(--primary-solid);
    }

.clear-filters-btn[b-x1wz4xbrdg] {
    background: var(--danger-gradient);
    background-color: var(--danger-solid);
    border: none;
    padding: 12px;
    border-radius: 12px;
    color: white;
    font-size: 14px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    cursor: pointer;
    margin-top: 12px;
    transition: all 0.2s ease;
    box-shadow: 0 4px 12px rgba(252, 129, 129, 0.3);
}

    .clear-filters-btn:active[b-x1wz4xbrdg] {
        transform: scale(0.98);
    }

.loading-overlay[b-x1wz4xbrdg] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 20px;
    gap: 20px;
}

.loading-spinner[b-x1wz4xbrdg] {
    position: relative;
    width: 60px;
    height: 60px;
}

.spinner-ring[b-x1wz4xbrdg] {
    position: absolute;
    width: 100%;
    height: 100%;
    border: 3px solid transparent;
    border-top-color: var(--primary-solid);
    border-radius: 50%;
    animation: spin-b-x1wz4xbrdg 1s linear infinite;
}

    .spinner-ring:nth-child(2)[b-x1wz4xbrdg] {
        border-top-color: var(--primary-dark);
        animation-delay: 0.15s;
    }

    .spinner-ring:nth-child(3)[b-x1wz4xbrdg] {
        border-top-color: var(--success-solid);
        animation-delay: 0.3s;
    }

@keyframes spin-b-x1wz4xbrdg {
    to {
        transform: rotate(360deg);
    }
}

.loading-text[b-x1wz4xbrdg] {
    font-size: 16px;
    font-weight: 600;
    color: var(--text-secondary);
}

.sales-list-container[b-x1wz4xbrdg] {
    padding: 12px;
    padding-bottom: 100px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.sales-card[b-x1wz4xbrdg] {
    background: var(--card-bg);
    border-radius: 16px;
    overflow: hidden;
    box-shadow: var(--shadow-sm);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer;
    border: 2px solid transparent;
}

    .sales-card:active[b-x1wz4xbrdg] {
        transform: scale(0.98);
    }

    .sales-card.expanded[b-x1wz4xbrdg] {
        border-color: var(--primary-dark);
        box-shadow: var(--shadow-md);
    }

.card-header-section[b-x1wz4xbrdg] {
    padding: 16px;
    background: var(--card-header-bg);
    border-bottom: 1px solid var(--border-color);
}

.card-title-row[b-x1wz4xbrdg] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
}

.card-title[b-x1wz4xbrdg] {
    font-size: 16px;
    font-weight: 700;
    color: var(--text-primary);
    margin: 0;
}

.expand-icon[b-x1wz4xbrdg] {
    font-size: 20px;
    color: var(--primary-solid);
    transition: transform 0.3s ease;
}

.sales-card.expanded .expand-icon[b-x1wz4xbrdg] {
    transform: rotate(180deg);
    color: var(--primary-dark);
}

.card-quick-stats[b-x1wz4xbrdg] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.quick-stat[b-x1wz4xbrdg] {
    background: var(--card-bg);
    padding: 12px;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

    .quick-stat.primary[b-x1wz4xbrdg] {
        background: linear-gradient(135deg, rgba(102, 126, 234, 0.1) 0%, rgba(118, 75, 162, 0.1) 100%);
    }

    .quick-stat.secondary[b-x1wz4xbrdg] {
        background: linear-gradient(135deg, rgba(72, 187, 120, 0.1) 0%, rgba(56, 161, 105, 0.1) 100%);
    }

.stat-label[b-x1wz4xbrdg] {
    font-size: 11px;
    color: var(--text-muted);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.stat-value[b-x1wz4xbrdg] {
    font-size: 16px;
    font-weight: 800;
    color: var(--text-primary);
}

.card-content[b-x1wz4xbrdg] {
    padding: 0;
    background: var(--card-bg);
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.sales-card.expanded .card-content[b-x1wz4xbrdg] {
    max-height: 1000px;
    opacity: 1;
    padding: 16px;
}

.detail-grid[b-x1wz4xbrdg] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.detail-item[b-x1wz4xbrdg] {
    background: var(--info-row-bg);
    padding: 14px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    gap: 12px;
    transition: all 0.2s ease;
}

    .detail-item:active[b-x1wz4xbrdg] {
        transform: translateX(4px);
        background: var(--border-color);
    }

    .detail-item.highlight[b-x1wz4xbrdg] {
        background: linear-gradient(135deg, rgba(102, 126, 234, 0.1) 0%, rgba(118, 75, 162, 0.1) 100%);
        border: 2px solid var(--primary-solid);
    }

    .detail-item > i[b-x1wz4xbrdg] {
        font-size: 24px;
        color: var(--primary-solid);
        flex-shrink: 0;
    }

.detail-info[b-x1wz4xbrdg] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.detail-label[b-x1wz4xbrdg] {
    font-size: 12px;
    color: var(--text-muted);
    font-weight: 600;
}

.detail-value[b-x1wz4xbrdg] {
    font-size: 15px;
    font-weight: 700;
    color: var(--text-primary);
}

    .detail-value.primary[b-x1wz4xbrdg] {
        color: var(--primary-solid);
    }

    .detail-value.success[b-x1wz4xbrdg] {
        color: var(--success-solid);
    }

    .detail-value.warning[b-x1wz4xbrdg] {
        color: var(--warning-solid);
    }

.pagination-footer[b-x1wz4xbrdg] {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: var(--card-bg);
    border-top: 1px solid var(--border-color);
    box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.08);
    z-index: 90;
    padding: 12px;
}

.pagination-controls[b-x1wz4xbrdg] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-bottom: 12px;
}

.pagination-btn[b-x1wz4xbrdg] {
    background: var(--primary-gradient);
    background-color: var(--primary-solid);
    border: none;
    width: 36px;
    height: 36px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: white;
    font-size: 16px;
    transition: all 0.2s ease;
    box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3);
}

    .pagination-btn:active:not(:disabled)[b-x1wz4xbrdg] {
        transform: scale(0.95);
    }

    .pagination-btn:disabled[b-x1wz4xbrdg] {
        background: var(--border-color);
        color: var(--text-muted);
        cursor: not-allowed;
        opacity: 0.5;
        box-shadow: none;
    }

.pagination-info[b-x1wz4xbrdg] {
    display: flex;
    align-items: center;
    gap: 6px;
    background: var(--card-header-bg);
    padding: 8px 16px;
    border-radius: 10px;
    font-weight: 700;
    box-shadow: var(--shadow-sm);
}

    .pagination-info .current-page[b-x1wz4xbrdg] {
        font-size: 16px;
        color: var(--primary-solid);
    }

    .pagination-info .separator[b-x1wz4xbrdg] {
        font-size: 14px;
        color: var(--text-muted);
    }

    .pagination-info .total-pages[b-x1wz4xbrdg] {
        font-size: 14px;
        color: var(--text-secondary);
    }

.pagination-details[b-x1wz4xbrdg] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.page-size-selector[b-x1wz4xbrdg] {
    background: var(--card-header-bg);
    border: 2px solid var(--border-color);
    padding: 8px 12px;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 600;
    color: var(--text-primary);
    cursor: pointer;
    transition: all 0.2s ease;
}

    .page-size-selector:focus[b-x1wz4xbrdg] {
        outline: none;
        border-color: var(--primary-solid);
        box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
    }

.pagination-text[b-x1wz4xbrdg] {
    font-size: 12px;
    color: var(--text-secondary);
    font-weight: 600;
    text-align: right;
    flex: 1;
}

.seperator[b-x1wz4xbrdg] {
    margin-top: -40px;
}

.chart-container[b-x1wz4xbrdg] {
    padding: 12px;
    padding-bottom: 20px;
    min-height: calc(100vh - 200px);
}

.chart-wrapper[b-x1wz4xbrdg] {
    background: var(--card-bg);
    border-radius: 16px;
    padding: 16px;
    box-shadow: var(--shadow-sm);
    margin-bottom: 12px;
    overflow-x: auto;
    min-height: 500px;
}

    .chart-wrapper .dx-chart[b-x1wz4xbrdg] {
        min-height: 500px !important;
    }

.chart-stats[b-x1wz4xbrdg] {
    background: var(--card-bg);
    border-radius: 16px;
    padding: 16px;
    box-shadow: var(--shadow-sm);
}

.stats-title[b-x1wz4xbrdg] {
    font-size: 18px;
    font-weight: 700;
    color: var(--text-primary);
    margin: 0 0 16px 0;
    display: flex;
    align-items: center;
    gap: 8px;
}

    .stats-title[b-x1wz4xbrdg]::before {
        content: '';
        width: 4px;
        height: 24px;
        background: var(--primary-gradient);
        background-color: var(--primary-solid);
        border-radius: 2px;
    }

.stats-grid[b-x1wz4xbrdg] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.stat-card[b-x1wz4xbrdg] {
    background: var(--info-row-bg);
    padding: 16px;
    border-radius: 12px;
    display: flex;
    gap: 12px;
    transition: all 0.2s ease;
}

    .stat-card:active[b-x1wz4xbrdg] {
        transform: translateY(-2px);
        box-shadow: var(--shadow-sm);
    }

.stat-icon[b-x1wz4xbrdg] {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background: var(--primary-gradient);
    background-color: var(--primary-solid);
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 24px;
    flex-shrink: 0;
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
}

    .stat-icon.success[b-x1wz4xbrdg] {
        background: var(--success-gradient);
        background-color: var(--success-solid);
        box-shadow: 0 4px 12px rgba(72, 187, 120, 0.3);
    }

    .stat-icon.primary[b-x1wz4xbrdg] {
        background: var(--primary-gradient);
        background-color: var(--primary-solid);
    }

    .stat-icon.warning[b-x1wz4xbrdg] {
        background: var(--warning-gradient);
        background-color: var(--warning-solid);
        box-shadow: 0 4px 12px rgba(246, 173, 85, 0.3);
    }

.stat-content[b-x1wz4xbrdg] {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 4px;
}

    .stat-content .stat-label[b-x1wz4xbrdg] {
        font-size: 11px;
        color: var(--text-muted);
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 0.5px;
    }

    .stat-content .stat-value[b-x1wz4xbrdg] {
        font-size: 16px;
        font-weight: 800;
        color: var(--text-primary);
    }

.empty-state[b-x1wz4xbrdg] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 20px;
    gap: 16px;
    text-align: center;
}

    .empty-state i[b-x1wz4xbrdg] {
        font-size: 80px;
        color: var(--text-muted);
        opacity: 0.5;
    }

    .empty-state h3[b-x1wz4xbrdg] {
        font-size: 20px;
        font-weight: 700;
        color: var(--text-primary);
        margin: 0;
    }

    .empty-state p[b-x1wz4xbrdg] {
        font-size: 14px;
        color: var(--text-secondary);
        margin: 0;
    }

@media (max-width: 360px) {
    .filter-row[b-x1wz4xbrdg] {
        grid-template-columns: 1fr;
    }

    .card-quick-stats[b-x1wz4xbrdg] {
        grid-template-columns: 1fr;
    }

    .stats-grid[b-x1wz4xbrdg] {
        grid-template-columns: 1fr;
    }
}

@media (min-width: 768px) {
    .mobile-sales-report-container[b-x1wz4xbrdg] {
        display: none;
    }
}
/* _content/Client/Pages/BI/FinansYonetimi/FinansYonetimiMobil/TahsilatDurumuMobil.razor.rz.scp.css */
:root[b-z62f29bb80] {
    --primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    --primary-solid: #667eea;
    --primary-dark: #764ba2;
    --success-gradient: linear-gradient(135deg, #48bb78 0%, #38a169 100%);
    --success-solid: #48bb78;
    --warning-gradient: linear-gradient(135deg, #f6ad55 0%, #ed8936 100%);
    --warning-solid: #f6ad55;
    --danger-gradient: linear-gradient(135deg, #fc8181 0%, #f56565 100%);
    --danger-solid: #fc8181;
    --card-bg: #ffffff;
    --card-header-bg: linear-gradient(135deg, #f7fafc 0%, #edf2f7 100%);
    --text-primary: #1a202c;
    --text-secondary: #4a5568;
    --text-muted: #718096;
    --border-color: #e2e8f0;
    --info-row-bg: #f7fafc;
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.08);
    --shadow-md: 0 4px 16px rgba(102, 126, 234, 0.2);
}

[data-bs-theme="dark"][b-z62f29bb80] {
    --primary-solid: #8b9aee;
    --primary-dark: #9a7bc2;
    --success-solid: #68d391;
    --warning-solid: #fbbf24;
    --danger-solid: #fca5a5;
    --card-bg: #1e293b;
    --card-header-bg: linear-gradient(135deg, #334155 0%, #1e293b 100%);
    --text-primary: #f1f5f9;
    --text-secondary: #cbd5e1;
    --text-muted: #94a3b8;
    --border-color: #334155;
    --info-row-bg: #0f172a;
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3);
    --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4);
}

/* CONTAINER */
.mobile-sales-report-container[b-z62f29bb80] {
    width: 100%;
    min-height: 100vh;
    background: var(--info-row-bg);
    padding-bottom: 20px;
}

/* SAB�T HEADER */
.report-header-sticky[b-z62f29bb80] {
    position: sticky;
    top: 0;
    z-index: 100;
    background: var(--info-row-bg);
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
    margin-top: 1rem;
}

/* TAR�H F�LTRELER� */
.date-filters-card[b-z62f29bb80] {
    background: var(--card-bg);
    border-radius: 16px;
    padding: 16px;
    margin-bottom: 12px;
    box-shadow: var(--shadow-sm);
}

.filter-row[b-z62f29bb80] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.filter-item[b-z62f29bb80] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.filter-label[b-z62f29bb80] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    font-weight: 600;
    color: var(--text-secondary);
}

    .filter-label i[b-z62f29bb80] {
        font-size: 18px;
        color: var(--primary-solid);
    }

/* KONTROL KARTLARI */
.controls-card[b-z62f29bb80] {
    background: var(--card-bg);
    border-radius: 16px;
    padding: 12px;
    box-shadow: var(--shadow-sm);
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
}

.filter-expand-btn[b-z62f29bb80] {
    flex: 1;
    background: var(--primary-gradient);
    background-color: var(--primary-solid);
    border: none;
    padding: 12px 16px;
    border-radius: 12px;
    color: white;
    font-size: 14px;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
    position: relative;
}

    .filter-expand-btn:active[b-z62f29bb80] {
        transform: scale(0.98);
    }

    .filter-expand-btn span[b-z62f29bb80] {
        flex: 1;
    }

    .filter-expand-btn .chevron[b-z62f29bb80] {
        font-size: 16px;
        transition: transform 0.3s ease;
    }

    .filter-expand-btn.active .chevron[b-z62f29bb80] {
        transform: rotate(180deg);
    }

.filter-badge[b-z62f29bb80] {
    background: rgba(255, 255, 255, 0.3);
    padding: 2px 8px;
    border-radius: 10px;
    font-size: 12px;
    font-weight: 700;
}

.view-toggle-group[b-z62f29bb80] {
    display: flex;
    gap: 6px;
    background: var(--info-row-bg);
    padding: 4px;
    border-radius: 12px;
}

.view-toggle-btn[b-z62f29bb80] {
    background: transparent;
    border: none;
    padding: 10px 14px;
    border-radius: 10px;
    color: var(--text-muted);
    font-size: 13px;
    font-weight: 600;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    cursor: pointer;
    transition: all 0.2s ease;
    min-width: 60px;
}

    .view-toggle-btn i[b-z62f29bb80] {
        font-size: 20px;
    }

    .view-toggle-btn.active[b-z62f29bb80] {
        background: var(--primary-gradient);
        background-color: var(--primary-solid);
        color: white;
        box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3);
    }

.expandable-filters[b-z62f29bb80] {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
    margin-top: 0;
}

    .expandable-filters.expanded[b-z62f29bb80] {
        max-height: 500px;
        margin-top: 12px;
    }

.filter-grid[b-z62f29bb80] {
    background: var(--card-bg);
    border-radius: 16px;
    padding: 16px;
    box-shadow: var(--shadow-sm);
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.filter-block[b-z62f29bb80] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.filter-block-label[b-z62f29bb80] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    font-weight: 600;
    color: var(--text-secondary);
}

    .filter-block-label i[b-z62f29bb80] {
        font-size: 18px;
        color: var(--primary-solid);
    }

.clear-filters-btn[b-z62f29bb80] {
    background: var(--danger-gradient);
    background-color: var(--danger-solid);
    border: none;
    padding: 12px;
    border-radius: 12px;
    color: white;
    font-size: 14px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    cursor: pointer;
    margin-top: 12px;
    transition: all 0.2s ease;
    box-shadow: 0 4px 12px rgba(252, 129, 129, 0.3);
}

    .clear-filters-btn:active[b-z62f29bb80] {
        transform: scale(0.98);
    }

.loading-overlay[b-z62f29bb80] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 20px;
    gap: 20px;
}

.loading-spinner[b-z62f29bb80] {
    position: relative;
    width: 60px;
    height: 60px;
}

.spinner-ring[b-z62f29bb80] {
    position: absolute;
    width: 100%;
    height: 100%;
    border: 3px solid transparent;
    border-top-color: var(--primary-solid);
    border-radius: 50%;
    animation: spin-b-z62f29bb80 1s linear infinite;
}

    .spinner-ring:nth-child(2)[b-z62f29bb80] {
        border-top-color: var(--primary-dark);
        animation-delay: 0.15s;
    }

    .spinner-ring:nth-child(3)[b-z62f29bb80] {
        border-top-color: var(--success-solid);
        animation-delay: 0.3s;
    }

@keyframes spin-b-z62f29bb80 {
    to {
        transform: rotate(360deg);
    }
}

.loading-text[b-z62f29bb80] {
    font-size: 16px;
    font-weight: 600;
    color: var(--text-secondary);
}

.sales-list-container[b-z62f29bb80] {
    padding: 12px;
    padding-bottom: 100px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.sales-card[b-z62f29bb80] {
    background: var(--card-bg);
    border-radius: 16px;
    overflow: hidden;
    box-shadow: var(--shadow-sm);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer;
    border: 2px solid transparent;
}

    .sales-card:active[b-z62f29bb80] {
        transform: scale(0.98);
    }

    .sales-card.expanded[b-z62f29bb80] {
        border-color: var(--primary-dark);
        box-shadow: var(--shadow-md);
    }

.card-header-section[b-z62f29bb80] {
    padding: 16px;
    background: var(--card-header-bg);
    border-bottom: 1px solid var(--border-color);
}

.card-title-row[b-z62f29bb80] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
}

.card-title[b-z62f29bb80] {
    font-size: 16px;
    font-weight: 700;
    color: var(--text-primary);
    margin: 0;
}

.expand-icon[b-z62f29bb80] {
    font-size: 20px;
    color: var(--primary-solid);
    transition: transform 0.3s ease;
}

.sales-card.expanded .expand-icon[b-z62f29bb80] {
    transform: rotate(180deg);
    color: var(--primary-dark);
}

.card-quick-stats[b-z62f29bb80] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.quick-stat[b-z62f29bb80] {
    background: var(--card-bg);
    padding: 12px;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

    .quick-stat.primary[b-z62f29bb80] {
        background: linear-gradient(135deg, rgba(102, 126, 234, 0.1) 0%, rgba(118, 75, 162, 0.1) 100%);
    }

    .quick-stat.secondary[b-z62f29bb80] {
        background: linear-gradient(135deg, rgba(72, 187, 120, 0.1) 0%, rgba(56, 161, 105, 0.1) 100%);
    }

.stat-label[b-z62f29bb80] {
    font-size: 11px;
    color: var(--text-muted);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.stat-value[b-z62f29bb80] {
    font-size: 16px;
    font-weight: 800;
    color: var(--text-primary);
}

.card-content[b-z62f29bb80] {
    padding: 0;
    background: var(--card-bg);
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.sales-card.expanded .card-content[b-z62f29bb80] {
    max-height: 1000px;
    opacity: 1;
    padding: 16px;
}

.detail-grid[b-z62f29bb80] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.detail-item[b-z62f29bb80] {
    background: var(--info-row-bg);
    padding: 14px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    gap: 12px;
    transition: all 0.2s ease;
}

    .detail-item:active[b-z62f29bb80] {
        transform: translateX(4px);
        background: var(--border-color);
    }

    .detail-item.highlight[b-z62f29bb80] {
        background: linear-gradient(135deg, rgba(102, 126, 234, 0.1) 0%, rgba(118, 75, 162, 0.1) 100%);
        border: 2px solid var(--primary-solid);
    }

    .detail-item > i[b-z62f29bb80] {
        font-size: 24px;
        color: var(--primary-solid);
        flex-shrink: 0;
    }

.detail-info[b-z62f29bb80] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.detail-label[b-z62f29bb80] {
    font-size: 12px;
    color: var(--text-muted);
    font-weight: 600;
}

.detail-value[b-z62f29bb80] {
    font-size: 15px;
    font-weight: 700;
    color: var(--text-primary);
}

    .detail-value.primary[b-z62f29bb80] {
        color: var(--primary-solid);
    }

    .detail-value.success[b-z62f29bb80] {
        color: var(--success-solid);
    }

    .detail-value.warning[b-z62f29bb80] {
        color: var(--warning-solid);
    }

.pagination-footer[b-z62f29bb80] {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: var(--card-bg);
    border-top: 1px solid var(--border-color);
    box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.08);
    z-index: 90;
    padding: 12px;
}

.pagination-controls[b-z62f29bb80] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-bottom: 12px;
}

.pagination-btn[b-z62f29bb80] {
    background: var(--primary-gradient);
    background-color: var(--primary-solid);
    border: none;
    width: 36px;
    height: 36px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: white;
    font-size: 16px;
    transition: all 0.2s ease;
    box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3);
}

    .pagination-btn:active:not(:disabled)[b-z62f29bb80] {
        transform: scale(0.95);
    }

    .pagination-btn:disabled[b-z62f29bb80] {
        background: var(--border-color);
        color: var(--text-muted);
        cursor: not-allowed;
        opacity: 0.5;
        box-shadow: none;
    }

.pagination-info[b-z62f29bb80] {
    display: flex;
    align-items: center;
    gap: 6px;
    background: var(--card-header-bg);
    padding: 8px 16px;
    border-radius: 10px;
    font-weight: 700;
    box-shadow: var(--shadow-sm);
}

    .pagination-info .current-page[b-z62f29bb80] {
        font-size: 16px;
        color: var(--primary-solid);
    }

    .pagination-info .separator[b-z62f29bb80] {
        font-size: 14px;
        color: var(--text-muted);
    }

    .pagination-info .total-pages[b-z62f29bb80] {
        font-size: 14px;
        color: var(--text-secondary);
    }

.pagination-details[b-z62f29bb80] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.page-size-selector[b-z62f29bb80] {
    background: var(--card-header-bg);
    border: 2px solid var(--border-color);
    padding: 8px 12px;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 600;
    color: var(--text-primary);
    cursor: pointer;
    transition: all 0.2s ease;
}

    .page-size-selector:focus[b-z62f29bb80] {
        outline: none;
        border-color: var(--primary-solid);
        box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
    }

.pagination-text[b-z62f29bb80] {
    font-size: 12px;
    color: var(--text-secondary);
    font-weight: 600;
    text-align: right;
    flex: 1;
}

.seperator[b-z62f29bb80] {
    margin-top: -40px;
}

.chart-container[b-z62f29bb80] {
    padding: 12px;
    padding-bottom: 20px;
    min-height: calc(100vh - 200px);
}

.chart-wrapper[b-z62f29bb80] {
    background: var(--card-bg);
    border-radius: 16px;
    padding: 16px;
    box-shadow: var(--shadow-sm);
    margin-bottom: 12px;
    overflow-x: auto;
    min-height: 500px;
}

    .chart-wrapper .dx-chart[b-z62f29bb80] {
        min-height: 500px !important;
    }

.chart-stats[b-z62f29bb80] {
    background: var(--card-bg);
    border-radius: 16px;
    padding: 16px;
    box-shadow: var(--shadow-sm);
}

.stats-title[b-z62f29bb80] {
    font-size: 18px;
    font-weight: 700;
    color: var(--text-primary);
    margin: 0 0 16px 0;
    display: flex;
    align-items: center;
    gap: 8px;
}

    .stats-title[b-z62f29bb80]::before {
        content: '';
        width: 4px;
        height: 24px;
        background: var(--primary-gradient);
        background-color: var(--primary-solid);
        border-radius: 2px;
    }

.stats-grid[b-z62f29bb80] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.stat-card[b-z62f29bb80] {
    background: var(--info-row-bg);
    padding: 16px;
    border-radius: 12px;
    display: flex;
    gap: 12px;
    transition: all 0.2s ease;
}

    .stat-card:active[b-z62f29bb80] {
        transform: translateY(-2px);
        box-shadow: var(--shadow-sm);
    }

.stat-icon[b-z62f29bb80] {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background: var(--primary-gradient);
    background-color: var(--primary-solid);
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 24px;
    flex-shrink: 0;
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
}

    .stat-icon.success[b-z62f29bb80] {
        background: var(--success-gradient);
        background-color: var(--success-solid);
        box-shadow: 0 4px 12px rgba(72, 187, 120, 0.3);
    }

    .stat-icon.primary[b-z62f29bb80] {
        background: var(--primary-gradient);
        background-color: var(--primary-solid);
    }

    .stat-icon.warning[b-z62f29bb80] {
        background: var(--warning-gradient);
        background-color: var(--warning-solid);
        box-shadow: 0 4px 12px rgba(246, 173, 85, 0.3);
    }

.stat-content[b-z62f29bb80] {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 4px;
}

    .stat-content .stat-label[b-z62f29bb80] {
        font-size: 11px;
        color: var(--text-muted);
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 0.5px;
    }

    .stat-content .stat-value[b-z62f29bb80] {
        font-size: 16px;
        font-weight: 800;
        color: var(--text-primary);
    }

.empty-state[b-z62f29bb80] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 20px;
    gap: 16px;
    text-align: center;
}

    .empty-state i[b-z62f29bb80] {
        font-size: 80px;
        color: var(--text-muted);
        opacity: 0.5;
    }

    .empty-state h3[b-z62f29bb80] {
        font-size: 20px;
        font-weight: 700;
        color: var(--text-primary);
        margin: 0;
    }

    .empty-state p[b-z62f29bb80] {
        font-size: 14px;
        color: var(--text-secondary);
        margin: 0;
    }

@media (max-width: 360px) {
    .filter-row[b-z62f29bb80] {
        grid-template-columns: 1fr;
    }

    .card-quick-stats[b-z62f29bb80] {
        grid-template-columns: 1fr;
    }

    .stats-grid[b-z62f29bb80] {
        grid-template-columns: 1fr;
    }
}

@media (min-width: 768px) {
    .mobile-sales-report-container[b-z62f29bb80] {
        display: none;
    }
}
/* _content/Client/Pages/BI/SatinAlmaYonetimi/AylaraGoreAlimRaporu.razor.rz.scp.css */
:root[b-z7ykepx7kj] {
    --primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    --primary-solid: #667eea;
    --primary-dark: #764ba2;
    --success-gradient: linear-gradient(135deg, #48bb78 0%, #38a169 100%);
    --success-solid: #48bb78;
    --warning-gradient: linear-gradient(135deg, #f6ad55 0%, #ed8936 100%);
    --warning-solid: #f6ad55;
    --danger-gradient: linear-gradient(135deg, #fc8181 0%, #f56565 100%);
    --danger-solid: #fc8181;
    --card-bg: #ffffff;
    --card-header-bg: linear-gradient(135deg, #f7fafc 0%, #edf2f7 100%);
    --text-primary: #1a202c;
    --text-secondary: #4a5568;
    --text-muted: #718096;
    --border-color: #e2e8f0;
    --info-row-bg: #f7fafc;
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.08);
    --shadow-md: 0 4px 16px rgba(102, 126, 234, 0.2);
}

[data-bs-theme="dark"][b-z7ykepx7kj] {
    --primary-solid: #8b9aee;
    --primary-dark: #9a7bc2;
    --success-solid: #68d391;
    --warning-solid: #fbbf24;
    --danger-solid: #fca5a5;
    --card-bg: #1e293b;
    --card-header-bg: linear-gradient(135deg, #334155 0%, #1e293b 100%);
    --text-primary: #f1f5f9;
    --text-secondary: #cbd5e1;
    --text-muted: #94a3b8;
    --border-color: #334155;
    --info-row-bg: #0f172a;
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3);
    --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4);
}

/* CONTAINER */
.mobile-sales-report-container[b-z7ykepx7kj] {
    width: 100%;
    min-height: 100vh;
    background: var(--info-row-bg);
    padding-bottom: 20px;
}

/* SAB�T HEADER */
.report-header-sticky[b-z7ykepx7kj] {
    position: sticky;
    top: 0;
    z-index: 100;
    background: var(--info-row-bg);
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
    margin-top: 1rem;
}

/* TAR�H F�LTRELER� */
.date-filters-card[b-z7ykepx7kj] {
    background: var(--card-bg);
    border-radius: 16px;
    padding: 16px;
    margin-bottom: 12px;
    box-shadow: var(--shadow-sm);
}

.filter-row[b-z7ykepx7kj] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.filter-item[b-z7ykepx7kj] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.filter-label[b-z7ykepx7kj] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    font-weight: 600;
    color: var(--text-secondary);
}

    .filter-label i[b-z7ykepx7kj] {
        font-size: 18px;
        color: var(--primary-solid);
    }

/* KONTROL KARTLARI */
.controls-card[b-z7ykepx7kj] {
    background: var(--card-bg);
    border-radius: 16px;
    padding: 12px;
    box-shadow: var(--shadow-sm);
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
}

.filter-expand-btn[b-z7ykepx7kj] {
    flex: 1;
    background: var(--primary-gradient);
    background-color: var(--primary-solid);
    border: none;
    padding: 12px 16px;
    border-radius: 12px;
    color: white;
    font-size: 14px;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
    position: relative;
}

    .filter-expand-btn:active[b-z7ykepx7kj] {
        transform: scale(0.98);
    }

    .filter-expand-btn span[b-z7ykepx7kj] {
        flex: 1;
    }

    .filter-expand-btn .chevron[b-z7ykepx7kj] {
        font-size: 16px;
        transition: transform 0.3s ease;
    }

    .filter-expand-btn.active .chevron[b-z7ykepx7kj] {
        transform: rotate(180deg);
    }

.filter-badge[b-z7ykepx7kj] {
    background: rgba(255, 255, 255, 0.3);
    padding: 2px 8px;
    border-radius: 10px;
    font-size: 12px;
    font-weight: 700;
}

.view-toggle-group[b-z7ykepx7kj] {
    display: flex;
    gap: 6px;
    background: var(--info-row-bg);
    padding: 4px;
    border-radius: 12px;
}

.view-toggle-btn[b-z7ykepx7kj] {
    background: transparent;
    border: none;
    padding: 10px 14px;
    border-radius: 10px;
    color: var(--text-muted);
    font-size: 13px;
    font-weight: 600;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    cursor: pointer;
    transition: all 0.2s ease;
    min-width: 60px;
}

    .view-toggle-btn i[b-z7ykepx7kj] {
        font-size: 20px;
    }

    .view-toggle-btn.active[b-z7ykepx7kj] {
        background: var(--primary-gradient);
        background-color: var(--primary-solid);
        color: white;
        box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3);
    }

.expandable-filters[b-z7ykepx7kj] {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
    margin-top: 0;
}

    .expandable-filters.expanded[b-z7ykepx7kj] {
        max-height: 500px;
        margin-top: 12px;
    }

.filter-grid[b-z7ykepx7kj] {
    background: var(--card-bg);
    border-radius: 16px;
    padding: 16px;
    box-shadow: var(--shadow-sm);
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.filter-block[b-z7ykepx7kj] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.filter-block-label[b-z7ykepx7kj] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    font-weight: 600;
    color: var(--text-secondary);
}

    .filter-block-label i[b-z7ykepx7kj] {
        font-size: 18px;
        color: var(--primary-solid);
    }

.clear-filters-btn[b-z7ykepx7kj] {
    background: var(--danger-gradient);
    background-color: var(--danger-solid);
    border: none;
    padding: 12px;
    border-radius: 12px;
    color: white;
    font-size: 14px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    cursor: pointer;
    margin-top: 12px;
    transition: all 0.2s ease;
    box-shadow: 0 4px 12px rgba(252, 129, 129, 0.3);
}

    .clear-filters-btn:active[b-z7ykepx7kj] {
        transform: scale(0.98);
    }

.loading-overlay[b-z7ykepx7kj] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 20px;
    gap: 20px;
}

.loading-spinner[b-z7ykepx7kj] {
    position: relative;
    width: 60px;
    height: 60px;
}

.spinner-ring[b-z7ykepx7kj] {
    position: absolute;
    width: 100%;
    height: 100%;
    border: 3px solid transparent;
    border-top-color: var(--primary-solid);
    border-radius: 50%;
    animation: spin-b-z7ykepx7kj 1s linear infinite;
}

    .spinner-ring:nth-child(2)[b-z7ykepx7kj] {
        border-top-color: var(--primary-dark);
        animation-delay: 0.15s;
    }

    .spinner-ring:nth-child(3)[b-z7ykepx7kj] {
        border-top-color: var(--success-solid);
        animation-delay: 0.3s;
    }

@keyframes spin-b-z7ykepx7kj {
    to {
        transform: rotate(360deg);
    }
}

.loading-text[b-z7ykepx7kj] {
    font-size: 16px;
    font-weight: 600;
    color: var(--text-secondary);
}

.sales-list-container[b-z7ykepx7kj] {
    padding: 12px;
    padding-bottom: 100px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.sales-card[b-z7ykepx7kj] {
    background: var(--card-bg);
    border-radius: 16px;
    overflow: hidden;
    box-shadow: var(--shadow-sm);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer;
    border: 2px solid transparent;
}

    .sales-card:active[b-z7ykepx7kj] {
        transform: scale(0.98);
    }

    .sales-card.expanded[b-z7ykepx7kj] {
        border-color: var(--primary-dark);
        box-shadow: var(--shadow-md);
    }

.card-header-section[b-z7ykepx7kj] {
    padding: 16px;
    background: var(--card-header-bg);
    border-bottom: 1px solid var(--border-color);
}

.card-title-row[b-z7ykepx7kj] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
}

.card-title[b-z7ykepx7kj] {
    font-size: 16px;
    font-weight: 700;
    color: var(--text-primary);
    margin: 0;
}

.expand-icon[b-z7ykepx7kj] {
    font-size: 20px;
    color: var(--primary-solid);
    transition: transform 0.3s ease;
}

.sales-card.expanded .expand-icon[b-z7ykepx7kj] {
    transform: rotate(180deg);
    color: var(--primary-dark);
}

.card-quick-stats[b-z7ykepx7kj] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.quick-stat[b-z7ykepx7kj] {
    background: var(--card-bg);
    padding: 12px;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

    .quick-stat.primary[b-z7ykepx7kj] {
        background: linear-gradient(135deg, rgba(102, 126, 234, 0.1) 0%, rgba(118, 75, 162, 0.1) 100%);
    }

    .quick-stat.secondary[b-z7ykepx7kj] {
        background: linear-gradient(135deg, rgba(72, 187, 120, 0.1) 0%, rgba(56, 161, 105, 0.1) 100%);
    }

.stat-label[b-z7ykepx7kj] {
    font-size: 11px;
    color: var(--text-muted);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.stat-value[b-z7ykepx7kj] {
    font-size: 16px;
    font-weight: 800;
    color: var(--text-primary);
}

.card-content[b-z7ykepx7kj] {
    padding: 0;
    background: var(--card-bg);
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.sales-card.expanded .card-content[b-z7ykepx7kj] {
    max-height: 1000px;
    opacity: 1;
    padding: 16px;
}

.detail-grid[b-z7ykepx7kj] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.detail-item[b-z7ykepx7kj] {
    background: var(--info-row-bg);
    padding: 14px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    gap: 12px;
    transition: all 0.2s ease;
}

    .detail-item:active[b-z7ykepx7kj] {
        transform: translateX(4px);
        background: var(--border-color);
    }

    .detail-item.highlight[b-z7ykepx7kj] {
        background: linear-gradient(135deg, rgba(102, 126, 234, 0.1) 0%, rgba(118, 75, 162, 0.1) 100%);
        border: 2px solid var(--primary-solid);
    }

    .detail-item > i[b-z7ykepx7kj] {
        font-size: 24px;
        color: var(--primary-solid);
        flex-shrink: 0;
    }

.detail-info[b-z7ykepx7kj] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.detail-label[b-z7ykepx7kj] {
    font-size: 12px;
    color: var(--text-muted);
    font-weight: 600;
}

.detail-value[b-z7ykepx7kj] {
    font-size: 15px;
    font-weight: 700;
    color: var(--text-primary);
}

    .detail-value.primary[b-z7ykepx7kj] {
        color: var(--primary-solid);
    }

    .detail-value.success[b-z7ykepx7kj] {
        color: var(--success-solid);
    }

    .detail-value.warning[b-z7ykepx7kj] {
        color: var(--warning-solid);
    }

.pagination-footer[b-z7ykepx7kj] {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: var(--card-bg);
    border-top: 1px solid var(--border-color);
    box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.08);
    z-index: 90;
    padding: 12px;
}

.pagination-controls[b-z7ykepx7kj] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-bottom: 12px;
}

.pagination-btn[b-z7ykepx7kj] {
    background: var(--primary-gradient);
    background-color: var(--primary-solid);
    border: none;
    width: 36px;
    height: 36px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: white;
    font-size: 16px;
    transition: all 0.2s ease;
    box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3);
}

    .pagination-btn:active:not(:disabled)[b-z7ykepx7kj] {
        transform: scale(0.95);
    }

    .pagination-btn:disabled[b-z7ykepx7kj] {
        background: var(--border-color);
        color: var(--text-muted);
        cursor: not-allowed;
        opacity: 0.5;
        box-shadow: none;
    }

.pagination-info[b-z7ykepx7kj] {
    display: flex;
    align-items: center;
    gap: 6px;
    background: var(--card-header-bg);
    padding: 8px 16px;
    border-radius: 10px;
    font-weight: 700;
    box-shadow: var(--shadow-sm);
}

    .pagination-info .current-page[b-z7ykepx7kj] {
        font-size: 16px;
        color: var(--primary-solid);
    }

    .pagination-info .separator[b-z7ykepx7kj] {
        font-size: 14px;
        color: var(--text-muted);
    }

    .pagination-info .total-pages[b-z7ykepx7kj] {
        font-size: 14px;
        color: var(--text-secondary);
    }

.pagination-details[b-z7ykepx7kj] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.page-size-selector[b-z7ykepx7kj] {
    background: var(--card-header-bg);
    border: 2px solid var(--border-color);
    padding: 8px 12px;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 600;
    color: var(--text-primary);
    cursor: pointer;
    transition: all 0.2s ease;
}

    .page-size-selector:focus[b-z7ykepx7kj] {
        outline: none;
        border-color: var(--primary-solid);
        box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
    }

.pagination-text[b-z7ykepx7kj] {
    font-size: 12px;
    color: var(--text-secondary);
    font-weight: 600;
    text-align: right;
    flex: 1;
}

.seperator[b-z7ykepx7kj] {
    margin-top: -40px;
}

.chart-container[b-z7ykepx7kj] {
    padding: 12px;
    padding-bottom: 20px;
    min-height: calc(100vh - 200px);
}

.chart-wrapper[b-z7ykepx7kj] {
    background: var(--card-bg);
    border-radius: 16px;
    padding: 16px;
    box-shadow: var(--shadow-sm);
    margin-bottom: 12px;
    overflow-x: auto;
    min-height: 500px;
}

    .chart-wrapper .dx-chart[b-z7ykepx7kj] {
        min-height: 500px !important;
    }

.chart-stats[b-z7ykepx7kj] {
    background: var(--card-bg);
    border-radius: 16px;
    padding: 16px;
    box-shadow: var(--shadow-sm);
}

.stats-title[b-z7ykepx7kj] {
    font-size: 18px;
    font-weight: 700;
    color: var(--text-primary);
    margin: 0 0 16px 0;
    display: flex;
    align-items: center;
    gap: 8px;
}

    .stats-title[b-z7ykepx7kj]::before {
        content: '';
        width: 4px;
        height: 24px;
        background: var(--primary-gradient);
        background-color: var(--primary-solid);
        border-radius: 2px;
    }

.stats-grid[b-z7ykepx7kj] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.stat-card[b-z7ykepx7kj] {
    background: var(--info-row-bg);
    padding: 16px;
    border-radius: 12px;
    display: flex;
    gap: 12px;
    transition: all 0.2s ease;
}

    .stat-card:active[b-z7ykepx7kj] {
        transform: translateY(-2px);
        box-shadow: var(--shadow-sm);
    }

.stat-icon[b-z7ykepx7kj] {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background: var(--primary-gradient);
    background-color: var(--primary-solid);
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 24px;
    flex-shrink: 0;
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
}

    .stat-icon.success[b-z7ykepx7kj] {
        background: var(--success-gradient);
        background-color: var(--success-solid);
        box-shadow: 0 4px 12px rgba(72, 187, 120, 0.3);
    }

    .stat-icon.primary[b-z7ykepx7kj] {
        background: var(--primary-gradient);
        background-color: var(--primary-solid);
    }

    .stat-icon.warning[b-z7ykepx7kj] {
        background: var(--warning-gradient);
        background-color: var(--warning-solid);
        box-shadow: 0 4px 12px rgba(246, 173, 85, 0.3);
    }

.stat-content[b-z7ykepx7kj] {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 4px;
}

    .stat-content .stat-label[b-z7ykepx7kj] {
        font-size: 11px;
        color: var(--text-muted);
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 0.5px;
    }

    .stat-content .stat-value[b-z7ykepx7kj] {
        font-size: 16px;
        font-weight: 800;
        color: var(--text-primary);
    }

.empty-state[b-z7ykepx7kj] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 20px;
    gap: 16px;
    text-align: center;
}

    .empty-state i[b-z7ykepx7kj] {
        font-size: 80px;
        color: var(--text-muted);
        opacity: 0.5;
    }

    .empty-state h3[b-z7ykepx7kj] {
        font-size: 20px;
        font-weight: 700;
        color: var(--text-primary);
        margin: 0;
    }

    .empty-state p[b-z7ykepx7kj] {
        font-size: 14px;
        color: var(--text-secondary);
        margin: 0;
    }

@media (max-width: 360px) {
    .filter-row[b-z7ykepx7kj] {
        grid-template-columns: 1fr;
    }

    .card-quick-stats[b-z7ykepx7kj] {
        grid-template-columns: 1fr;
    }

    .stats-grid[b-z7ykepx7kj] {
        grid-template-columns: 1fr;
    }
}

@media (min-width: 768px) {
    .mobile-sales-report-container[b-z7ykepx7kj] {
        display: none;
    }
}
/* _content/Client/Pages/BI/SatinAlmaYonetimi/SatinAlmaYonetimiMobil/AylaraGoreAlimRaporuMobil.razor.rz.scp.css */
:root[b-srjuerdvs4] {
    --primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    --primary-solid: #667eea;
    --primary-dark: #764ba2;
    --success-gradient: linear-gradient(135deg, #48bb78 0%, #38a169 100%);
    --success-solid: #48bb78;
    --warning-gradient: linear-gradient(135deg, #f6ad55 0%, #ed8936 100%);
    --warning-solid: #f6ad55;
    --danger-gradient: linear-gradient(135deg, #fc8181 0%, #f56565 100%);
    --danger-solid: #fc8181;
    --card-bg: #ffffff;
    --card-header-bg: linear-gradient(135deg, #f7fafc 0%, #edf2f7 100%);
    --text-primary: #1a202c;
    --text-secondary: #4a5568;
    --text-muted: #718096;
    --border-color: #e2e8f0;
    --info-row-bg: #f7fafc;
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.08);
    --shadow-md: 0 4px 16px rgba(102, 126, 234, 0.2);
}

[data-bs-theme="dark"][b-srjuerdvs4] {
    --primary-solid: #8b9aee;
    --primary-dark: #9a7bc2;
    --success-solid: #68d391;
    --warning-solid: #fbbf24;
    --danger-solid: #fca5a5;
    --card-bg: #1e293b;
    --card-header-bg: linear-gradient(135deg, #334155 0%, #1e293b 100%);
    --text-primary: #f1f5f9;
    --text-secondary: #cbd5e1;
    --text-muted: #94a3b8;
    --border-color: #334155;
    --info-row-bg: #0f172a;
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3);
    --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4);
}

/* CONTAINER */
.mobile-sales-report-container[b-srjuerdvs4] {
    width: 100%;
    min-height: 100vh;
    background: var(--info-row-bg);
    padding-bottom: 20px;
}

/* SAB�T HEADER */
.report-header-sticky[b-srjuerdvs4] {
    position: sticky;
    top: 0;
    z-index: 100;
    background: var(--info-row-bg);
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
    margin-top: 1rem;
}

/* TAR�H F�LTRELER� */
.date-filters-card[b-srjuerdvs4] {
    background: var(--card-bg);
    border-radius: 16px;
    padding: 16px;
    margin-bottom: 12px;
    box-shadow: var(--shadow-sm);
}

.filter-row[b-srjuerdvs4] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.filter-item[b-srjuerdvs4] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.filter-label[b-srjuerdvs4] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    font-weight: 600;
    color: var(--text-secondary);
}

    .filter-label i[b-srjuerdvs4] {
        font-size: 18px;
        color: var(--primary-solid);
    }

/* KONTROL KARTLARI */
.controls-card[b-srjuerdvs4] {
    background: var(--card-bg);
    border-radius: 16px;
    padding: 12px;
    box-shadow: var(--shadow-sm);
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
}

.filter-expand-btn[b-srjuerdvs4] {
    flex: 1;
    background: var(--primary-gradient);
    background-color: var(--primary-solid);
    border: none;
    padding: 12px 16px;
    border-radius: 12px;
    color: white;
    font-size: 14px;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
    position: relative;
}

    .filter-expand-btn:active[b-srjuerdvs4] {
        transform: scale(0.98);
    }

    .filter-expand-btn span[b-srjuerdvs4] {
        flex: 1;
    }

    .filter-expand-btn .chevron[b-srjuerdvs4] {
        font-size: 16px;
        transition: transform 0.3s ease;
    }

    .filter-expand-btn.active .chevron[b-srjuerdvs4] {
        transform: rotate(180deg);
    }

.filter-badge[b-srjuerdvs4] {
    background: rgba(255, 255, 255, 0.3);
    padding: 2px 8px;
    border-radius: 10px;
    font-size: 12px;
    font-weight: 700;
}

.view-toggle-group[b-srjuerdvs4] {
    display: flex;
    gap: 6px;
    background: var(--info-row-bg);
    padding: 4px;
    border-radius: 12px;
}

.view-toggle-btn[b-srjuerdvs4] {
    background: transparent;
    border: none;
    padding: 10px 14px;
    border-radius: 10px;
    color: var(--text-muted);
    font-size: 13px;
    font-weight: 600;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    cursor: pointer;
    transition: all 0.2s ease;
    min-width: 60px;
}

    .view-toggle-btn i[b-srjuerdvs4] {
        font-size: 20px;
    }

    .view-toggle-btn.active[b-srjuerdvs4] {
        background: var(--primary-gradient);
        background-color: var(--primary-solid);
        color: white;
        box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3);
    }

.expandable-filters[b-srjuerdvs4] {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
    margin-top: 0;
}

    .expandable-filters.expanded[b-srjuerdvs4] {
        max-height: 500px;
        margin-top: 12px;
    }

.filter-grid[b-srjuerdvs4] {
    background: var(--card-bg);
    border-radius: 16px;
    padding: 16px;
    box-shadow: var(--shadow-sm);
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.filter-block[b-srjuerdvs4] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.filter-block-label[b-srjuerdvs4] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    font-weight: 600;
    color: var(--text-secondary);
}

    .filter-block-label i[b-srjuerdvs4] {
        font-size: 18px;
        color: var(--primary-solid);
    }

.clear-filters-btn[b-srjuerdvs4] {
    background: var(--danger-gradient);
    background-color: var(--danger-solid);
    border: none;
    padding: 12px;
    border-radius: 12px;
    color: white;
    font-size: 14px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    cursor: pointer;
    margin-top: 12px;
    transition: all 0.2s ease;
    box-shadow: 0 4px 12px rgba(252, 129, 129, 0.3);
}

    .clear-filters-btn:active[b-srjuerdvs4] {
        transform: scale(0.98);
    }

.loading-overlay[b-srjuerdvs4] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 20px;
    gap: 20px;
}

.loading-spinner[b-srjuerdvs4] {
    position: relative;
    width: 60px;
    height: 60px;
}

.spinner-ring[b-srjuerdvs4] {
    position: absolute;
    width: 100%;
    height: 100%;
    border: 3px solid transparent;
    border-top-color: var(--primary-solid);
    border-radius: 50%;
    animation: spin-b-srjuerdvs4 1s linear infinite;
}

    .spinner-ring:nth-child(2)[b-srjuerdvs4] {
        border-top-color: var(--primary-dark);
        animation-delay: 0.15s;
    }

    .spinner-ring:nth-child(3)[b-srjuerdvs4] {
        border-top-color: var(--success-solid);
        animation-delay: 0.3s;
    }

@keyframes spin-b-srjuerdvs4 {
    to {
        transform: rotate(360deg);
    }
}

.loading-text[b-srjuerdvs4] {
    font-size: 16px;
    font-weight: 600;
    color: var(--text-secondary);
}

.sales-list-container[b-srjuerdvs4] {
    padding: 12px;
    padding-bottom: 100px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.sales-card[b-srjuerdvs4] {
    background: var(--card-bg);
    border-radius: 16px;
    overflow: hidden;
    box-shadow: var(--shadow-sm);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer;
    border: 2px solid transparent;
}

    .sales-card:active[b-srjuerdvs4] {
        transform: scale(0.98);
    }

    .sales-card.expanded[b-srjuerdvs4] {
        border-color: var(--primary-dark);
        box-shadow: var(--shadow-md);
    }

.card-header-section[b-srjuerdvs4] {
    padding: 16px;
    background: var(--card-header-bg);
    border-bottom: 1px solid var(--border-color);
}

.card-title-row[b-srjuerdvs4] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
}

.card-title[b-srjuerdvs4] {
    font-size: 16px;
    font-weight: 700;
    color: var(--text-primary);
    margin: 0;
}

.expand-icon[b-srjuerdvs4] {
    font-size: 20px;
    color: var(--primary-solid);
    transition: transform 0.3s ease;
}

.sales-card.expanded .expand-icon[b-srjuerdvs4] {
    transform: rotate(180deg);
    color: var(--primary-dark);
}

.card-quick-stats[b-srjuerdvs4] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.quick-stat[b-srjuerdvs4] {
    background: var(--card-bg);
    padding: 12px;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

    .quick-stat.primary[b-srjuerdvs4] {
        background: linear-gradient(135deg, rgba(102, 126, 234, 0.1) 0%, rgba(118, 75, 162, 0.1) 100%);
    }

    .quick-stat.secondary[b-srjuerdvs4] {
        background: linear-gradient(135deg, rgba(72, 187, 120, 0.1) 0%, rgba(56, 161, 105, 0.1) 100%);
    }

.stat-label[b-srjuerdvs4] {
    font-size: 11px;
    color: var(--text-muted);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.stat-value[b-srjuerdvs4] {
    font-size: 16px;
    font-weight: 800;
    color: var(--text-primary);
}

.card-content[b-srjuerdvs4] {
    padding: 0;
    background: var(--card-bg);
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.sales-card.expanded .card-content[b-srjuerdvs4] {
    max-height: 1000px;
    opacity: 1;
    padding: 16px;
}

.detail-grid[b-srjuerdvs4] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.detail-item[b-srjuerdvs4] {
    background: var(--info-row-bg);
    padding: 14px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    gap: 12px;
    transition: all 0.2s ease;
}

    .detail-item:active[b-srjuerdvs4] {
        transform: translateX(4px);
        background: var(--border-color);
    }

    .detail-item.highlight[b-srjuerdvs4] {
        background: linear-gradient(135deg, rgba(102, 126, 234, 0.1) 0%, rgba(118, 75, 162, 0.1) 100%);
        border: 2px solid var(--primary-solid);
    }

    .detail-item > i[b-srjuerdvs4] {
        font-size: 24px;
        color: var(--primary-solid);
        flex-shrink: 0;
    }

.detail-info[b-srjuerdvs4] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.detail-label[b-srjuerdvs4] {
    font-size: 12px;
    color: var(--text-muted);
    font-weight: 600;
}

.detail-value[b-srjuerdvs4] {
    font-size: 15px;
    font-weight: 700;
    color: var(--text-primary);
}

    .detail-value.primary[b-srjuerdvs4] {
        color: var(--primary-solid);
    }

    .detail-value.success[b-srjuerdvs4] {
        color: var(--success-solid);
    }

    .detail-value.warning[b-srjuerdvs4] {
        color: var(--warning-solid);
    }

.pagination-footer[b-srjuerdvs4] {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: var(--card-bg);
    border-top: 1px solid var(--border-color);
    box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.08);
    z-index: 90;
    padding: 12px;
}

.pagination-controls[b-srjuerdvs4] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-bottom: 12px;
}

.pagination-btn[b-srjuerdvs4] {
    background: var(--primary-gradient);
    background-color: var(--primary-solid);
    border: none;
    width: 36px;
    height: 36px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: white;
    font-size: 16px;
    transition: all 0.2s ease;
    box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3);
}

    .pagination-btn:active:not(:disabled)[b-srjuerdvs4] {
        transform: scale(0.95);
    }

    .pagination-btn:disabled[b-srjuerdvs4] {
        background: var(--border-color);
        color: var(--text-muted);
        cursor: not-allowed;
        opacity: 0.5;
        box-shadow: none;
    }

.pagination-info[b-srjuerdvs4] {
    display: flex;
    align-items: center;
    gap: 6px;
    background: var(--card-header-bg);
    padding: 8px 16px;
    border-radius: 10px;
    font-weight: 700;
    box-shadow: var(--shadow-sm);
}

    .pagination-info .current-page[b-srjuerdvs4] {
        font-size: 16px;
        color: var(--primary-solid);
    }

    .pagination-info .separator[b-srjuerdvs4] {
        font-size: 14px;
        color: var(--text-muted);
    }

    .pagination-info .total-pages[b-srjuerdvs4] {
        font-size: 14px;
        color: var(--text-secondary);
    }

.pagination-details[b-srjuerdvs4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.page-size-selector[b-srjuerdvs4] {
    background: var(--card-header-bg);
    border: 2px solid var(--border-color);
    padding: 8px 12px;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 600;
    color: var(--text-primary);
    cursor: pointer;
    transition: all 0.2s ease;
}

    .page-size-selector:focus[b-srjuerdvs4] {
        outline: none;
        border-color: var(--primary-solid);
        box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
    }

.pagination-text[b-srjuerdvs4] {
    font-size: 12px;
    color: var(--text-secondary);
    font-weight: 600;
    text-align: right;
    flex: 1;
}

.seperator[b-srjuerdvs4] {
    margin-top: -40px;
}

.chart-container[b-srjuerdvs4] {
    padding: 12px;
    padding-bottom: 20px;
    min-height: calc(100vh - 200px);
}

.chart-wrapper[b-srjuerdvs4] {
    background: var(--card-bg);
    border-radius: 16px;
    padding: 16px;
    box-shadow: var(--shadow-sm);
    margin-bottom: 12px;
    overflow-x: auto;
    min-height: 500px;
}

    .chart-wrapper .dx-chart[b-srjuerdvs4] {
        min-height: 500px !important;
    }

.chart-stats[b-srjuerdvs4] {
    background: var(--card-bg);
    border-radius: 16px;
    padding: 16px;
    box-shadow: var(--shadow-sm);
}

.stats-title[b-srjuerdvs4] {
    font-size: 18px;
    font-weight: 700;
    color: var(--text-primary);
    margin: 0 0 16px 0;
    display: flex;
    align-items: center;
    gap: 8px;
}

    .stats-title[b-srjuerdvs4]::before {
        content: '';
        width: 4px;
        height: 24px;
        background: var(--primary-gradient);
        background-color: var(--primary-solid);
        border-radius: 2px;
    }

.stats-grid[b-srjuerdvs4] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.stat-card[b-srjuerdvs4] {
    background: var(--info-row-bg);
    padding: 16px;
    border-radius: 12px;
    display: flex;
    gap: 12px;
    transition: all 0.2s ease;
}

    .stat-card:active[b-srjuerdvs4] {
        transform: translateY(-2px);
        box-shadow: var(--shadow-sm);
    }

.stat-icon[b-srjuerdvs4] {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background: var(--primary-gradient);
    background-color: var(--primary-solid);
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 24px;
    flex-shrink: 0;
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
}

    .stat-icon.success[b-srjuerdvs4] {
        background: var(--success-gradient);
        background-color: var(--success-solid);
        box-shadow: 0 4px 12px rgba(72, 187, 120, 0.3);
    }

    .stat-icon.primary[b-srjuerdvs4] {
        background: var(--primary-gradient);
        background-color: var(--primary-solid);
    }

    .stat-icon.warning[b-srjuerdvs4] {
        background: var(--warning-gradient);
        background-color: var(--warning-solid);
        box-shadow: 0 4px 12px rgba(246, 173, 85, 0.3);
    }

.stat-content[b-srjuerdvs4] {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 4px;
}

    .stat-content .stat-label[b-srjuerdvs4] {
        font-size: 11px;
        color: var(--text-muted);
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 0.5px;
    }

    .stat-content .stat-value[b-srjuerdvs4] {
        font-size: 16px;
        font-weight: 800;
        color: var(--text-primary);
    }

.empty-state[b-srjuerdvs4] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 20px;
    gap: 16px;
    text-align: center;
}

    .empty-state i[b-srjuerdvs4] {
        font-size: 80px;
        color: var(--text-muted);
        opacity: 0.5;
    }

    .empty-state h3[b-srjuerdvs4] {
        font-size: 20px;
        font-weight: 700;
        color: var(--text-primary);
        margin: 0;
    }

    .empty-state p[b-srjuerdvs4] {
        font-size: 14px;
        color: var(--text-secondary);
        margin: 0;
    }

@media (max-width: 360px) {
    .filter-row[b-srjuerdvs4] {
        grid-template-columns: 1fr;
    }

    .card-quick-stats[b-srjuerdvs4] {
        grid-template-columns: 1fr;
    }

    .stats-grid[b-srjuerdvs4] {
        grid-template-columns: 1fr;
    }
}

@media (min-width: 768px) {
    .mobile-sales-report-container[b-srjuerdvs4] {
        display: none;
    }
}
/* _content/Client/Pages/BI/SatinAlmaYonetimi/SatinAlmaYonetimiMobil/TedarikciBazliAlimRaporuMobil.razor.rz.scp.css */
:root[b-r3zsf6fzzd] {
    --primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    --primary-solid: #667eea;
    --primary-dark: #764ba2;
    --success-gradient: linear-gradient(135deg, #48bb78 0%, #38a169 100%);
    --success-solid: #48bb78;
    --warning-gradient: linear-gradient(135deg, #f6ad55 0%, #ed8936 100%);
    --warning-solid: #f6ad55;
    --danger-gradient: linear-gradient(135deg, #fc8181 0%, #f56565 100%);
    --danger-solid: #fc8181;
    --card-bg: #ffffff;
    --card-header-bg: linear-gradient(135deg, #f7fafc 0%, #edf2f7 100%);
    --text-primary: #1a202c;
    --text-secondary: #4a5568;
    --text-muted: #718096;
    --border-color: #e2e8f0;
    --info-row-bg: #f7fafc;
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.08);
    --shadow-md: 0 4px 16px rgba(102, 126, 234, 0.2);
}

[data-bs-theme="dark"][b-r3zsf6fzzd] {
    --primary-solid: #8b9aee;
    --primary-dark: #9a7bc2;
    --success-solid: #68d391;
    --warning-solid: #fbbf24;
    --danger-solid: #fca5a5;
    --card-bg: #1e293b;
    --card-header-bg: linear-gradient(135deg, #334155 0%, #1e293b 100%);
    --text-primary: #f1f5f9;
    --text-secondary: #cbd5e1;
    --text-muted: #94a3b8;
    --border-color: #334155;
    --info-row-bg: #0f172a;
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3);
    --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4);
}

/* CONTAINER */
.mobile-sales-report-container[b-r3zsf6fzzd] {
    width: 100%;
    min-height: 100vh;
    background: var(--info-row-bg);
    padding-bottom: 20px;
}

/* SAB�T HEADER */
.report-header-sticky[b-r3zsf6fzzd] {
    position: sticky;
    top: 0;
    z-index: 100;
    background: var(--info-row-bg);
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
    margin-top: 1rem;
}

/* TAR�H F�LTRELER� */
.date-filters-card[b-r3zsf6fzzd] {
    background: var(--card-bg);
    border-radius: 16px;
    padding: 16px;
    margin-bottom: 12px;
    box-shadow: var(--shadow-sm);
}

.filter-row[b-r3zsf6fzzd] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.filter-item[b-r3zsf6fzzd] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.filter-label[b-r3zsf6fzzd] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    font-weight: 600;
    color: var(--text-secondary);
}

    .filter-label i[b-r3zsf6fzzd] {
        font-size: 18px;
        color: var(--primary-solid);
    }

/* KONTROL KARTLARI */
.controls-card[b-r3zsf6fzzd] {
    background: var(--card-bg);
    border-radius: 16px;
    padding: 12px;
    box-shadow: var(--shadow-sm);
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
}

.filter-expand-btn[b-r3zsf6fzzd] {
    flex: 1;
    background: var(--primary-gradient);
    background-color: var(--primary-solid);
    border: none;
    padding: 12px 16px;
    border-radius: 12px;
    color: white;
    font-size: 14px;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
    position: relative;
}

    .filter-expand-btn:active[b-r3zsf6fzzd] {
        transform: scale(0.98);
    }

    .filter-expand-btn span[b-r3zsf6fzzd] {
        flex: 1;
    }

    .filter-expand-btn .chevron[b-r3zsf6fzzd] {
        font-size: 16px;
        transition: transform 0.3s ease;
    }

    .filter-expand-btn.active .chevron[b-r3zsf6fzzd] {
        transform: rotate(180deg);
    }

.filter-badge[b-r3zsf6fzzd] {
    background: rgba(255, 255, 255, 0.3);
    padding: 2px 8px;
    border-radius: 10px;
    font-size: 12px;
    font-weight: 700;
}

.view-toggle-group[b-r3zsf6fzzd] {
    display: flex;
    gap: 6px;
    background: var(--info-row-bg);
    padding: 4px;
    border-radius: 12px;
}

.view-toggle-btn[b-r3zsf6fzzd] {
    background: transparent;
    border: none;
    padding: 10px 14px;
    border-radius: 10px;
    color: var(--text-muted);
    font-size: 13px;
    font-weight: 600;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    cursor: pointer;
    transition: all 0.2s ease;
    min-width: 60px;
}

    .view-toggle-btn i[b-r3zsf6fzzd] {
        font-size: 20px;
    }

    .view-toggle-btn.active[b-r3zsf6fzzd] {
        background: var(--primary-gradient);
        background-color: var(--primary-solid);
        color: white;
        box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3);
    }

.expandable-filters[b-r3zsf6fzzd] {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
    margin-top: 0;
}

    .expandable-filters.expanded[b-r3zsf6fzzd] {
        max-height: 500px;
        margin-top: 12px;
    }

.filter-grid[b-r3zsf6fzzd] {
    background: var(--card-bg);
    border-radius: 16px;
    padding: 16px;
    box-shadow: var(--shadow-sm);
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.filter-block[b-r3zsf6fzzd] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.filter-block-label[b-r3zsf6fzzd] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    font-weight: 600;
    color: var(--text-secondary);
}

    .filter-block-label i[b-r3zsf6fzzd] {
        font-size: 18px;
        color: var(--primary-solid);
    }

.clear-filters-btn[b-r3zsf6fzzd] {
    background: var(--danger-gradient);
    background-color: var(--danger-solid);
    border: none;
    padding: 12px;
    border-radius: 12px;
    color: white;
    font-size: 14px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    cursor: pointer;
    margin-top: 12px;
    transition: all 0.2s ease;
    box-shadow: 0 4px 12px rgba(252, 129, 129, 0.3);
}

    .clear-filters-btn:active[b-r3zsf6fzzd] {
        transform: scale(0.98);
    }

.loading-overlay[b-r3zsf6fzzd] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 20px;
    gap: 20px;
}

.loading-spinner[b-r3zsf6fzzd] {
    position: relative;
    width: 60px;
    height: 60px;
}

.spinner-ring[b-r3zsf6fzzd] {
    position: absolute;
    width: 100%;
    height: 100%;
    border: 3px solid transparent;
    border-top-color: var(--primary-solid);
    border-radius: 50%;
    animation: spin-b-r3zsf6fzzd 1s linear infinite;
}

    .spinner-ring:nth-child(2)[b-r3zsf6fzzd] {
        border-top-color: var(--primary-dark);
        animation-delay: 0.15s;
    }

    .spinner-ring:nth-child(3)[b-r3zsf6fzzd] {
        border-top-color: var(--success-solid);
        animation-delay: 0.3s;
    }

@keyframes spin-b-r3zsf6fzzd {
    to {
        transform: rotate(360deg);
    }
}

.loading-text[b-r3zsf6fzzd] {
    font-size: 16px;
    font-weight: 600;
    color: var(--text-secondary);
}

.sales-list-container[b-r3zsf6fzzd] {
    padding: 12px;
    padding-bottom: 100px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.sales-card[b-r3zsf6fzzd] {
    background: var(--card-bg);
    border-radius: 16px;
    overflow: hidden;
    box-shadow: var(--shadow-sm);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer;
    border: 2px solid transparent;
}

    .sales-card:active[b-r3zsf6fzzd] {
        transform: scale(0.98);
    }

    .sales-card.expanded[b-r3zsf6fzzd] {
        border-color: var(--primary-dark);
        box-shadow: var(--shadow-md);
    }

.card-header-section[b-r3zsf6fzzd] {
    padding: 16px;
    background: var(--card-header-bg);
    border-bottom: 1px solid var(--border-color);
}

.card-title-row[b-r3zsf6fzzd] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
}

.card-title[b-r3zsf6fzzd] {
    font-size: 16px;
    font-weight: 700;
    color: var(--text-primary);
    margin: 0;
}

.expand-icon[b-r3zsf6fzzd] {
    font-size: 20px;
    color: var(--primary-solid);
    transition: transform 0.3s ease;
}

.sales-card.expanded .expand-icon[b-r3zsf6fzzd] {
    transform: rotate(180deg);
    color: var(--primary-dark);
}

.card-quick-stats[b-r3zsf6fzzd] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.quick-stat[b-r3zsf6fzzd] {
    background: var(--card-bg);
    padding: 12px;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

    .quick-stat.primary[b-r3zsf6fzzd] {
        background: linear-gradient(135deg, rgba(102, 126, 234, 0.1) 0%, rgba(118, 75, 162, 0.1) 100%);
    }

    .quick-stat.secondary[b-r3zsf6fzzd] {
        background: linear-gradient(135deg, rgba(72, 187, 120, 0.1) 0%, rgba(56, 161, 105, 0.1) 100%);
    }

.stat-label[b-r3zsf6fzzd] {
    font-size: 11px;
    color: var(--text-muted);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.stat-value[b-r3zsf6fzzd] {
    font-size: 16px;
    font-weight: 800;
    color: var(--text-primary);
}

.card-content[b-r3zsf6fzzd] {
    padding: 0;
    background: var(--card-bg);
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.sales-card.expanded .card-content[b-r3zsf6fzzd] {
    max-height: 1000px;
    opacity: 1;
    padding: 16px;
}

.detail-grid[b-r3zsf6fzzd] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.detail-item[b-r3zsf6fzzd] {
    background: var(--info-row-bg);
    padding: 14px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    gap: 12px;
    transition: all 0.2s ease;
}

    .detail-item:active[b-r3zsf6fzzd] {
        transform: translateX(4px);
        background: var(--border-color);
    }

    .detail-item.highlight[b-r3zsf6fzzd] {
        background: linear-gradient(135deg, rgba(102, 126, 234, 0.1) 0%, rgba(118, 75, 162, 0.1) 100%);
        border: 2px solid var(--primary-solid);
    }

    .detail-item > i[b-r3zsf6fzzd] {
        font-size: 24px;
        color: var(--primary-solid);
        flex-shrink: 0;
    }

.detail-info[b-r3zsf6fzzd] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.detail-label[b-r3zsf6fzzd] {
    font-size: 12px;
    color: var(--text-muted);
    font-weight: 600;
}

.detail-value[b-r3zsf6fzzd] {
    font-size: 15px;
    font-weight: 700;
    color: var(--text-primary);
}

    .detail-value.primary[b-r3zsf6fzzd] {
        color: var(--primary-solid);
    }

    .detail-value.success[b-r3zsf6fzzd] {
        color: var(--success-solid);
    }

    .detail-value.warning[b-r3zsf6fzzd] {
        color: var(--warning-solid);
    }

.pagination-footer[b-r3zsf6fzzd] {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: var(--card-bg);
    border-top: 1px solid var(--border-color);
    box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.08);
    z-index: 90;
    padding: 12px;
}

.pagination-controls[b-r3zsf6fzzd] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-bottom: 12px;
}

.pagination-btn[b-r3zsf6fzzd] {
    background: var(--primary-gradient);
    background-color: var(--primary-solid);
    border: none;
    width: 36px;
    height: 36px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: white;
    font-size: 16px;
    transition: all 0.2s ease;
    box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3);
}

    .pagination-btn:active:not(:disabled)[b-r3zsf6fzzd] {
        transform: scale(0.95);
    }

    .pagination-btn:disabled[b-r3zsf6fzzd] {
        background: var(--border-color);
        color: var(--text-muted);
        cursor: not-allowed;
        opacity: 0.5;
        box-shadow: none;
    }

.pagination-info[b-r3zsf6fzzd] {
    display: flex;
    align-items: center;
    gap: 6px;
    background: var(--card-header-bg);
    padding: 8px 16px;
    border-radius: 10px;
    font-weight: 700;
    box-shadow: var(--shadow-sm);
}

    .pagination-info .current-page[b-r3zsf6fzzd] {
        font-size: 16px;
        color: var(--primary-solid);
    }

    .pagination-info .separator[b-r3zsf6fzzd] {
        font-size: 14px;
        color: var(--text-muted);
    }

    .pagination-info .total-pages[b-r3zsf6fzzd] {
        font-size: 14px;
        color: var(--text-secondary);
    }

.pagination-details[b-r3zsf6fzzd] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.page-size-selector[b-r3zsf6fzzd] {
    background: var(--card-header-bg);
    border: 2px solid var(--border-color);
    padding: 8px 12px;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 600;
    color: var(--text-primary);
    cursor: pointer;
    transition: all 0.2s ease;
}

    .page-size-selector:focus[b-r3zsf6fzzd] {
        outline: none;
        border-color: var(--primary-solid);
        box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
    }

.pagination-text[b-r3zsf6fzzd] {
    font-size: 12px;
    color: var(--text-secondary);
    font-weight: 600;
    text-align: right;
    flex: 1;
}

.seperator[b-r3zsf6fzzd] {
    margin-top: -40px;
}

.chart-container[b-r3zsf6fzzd] {
    padding: 12px;
    padding-bottom: 20px;
    min-height: calc(100vh - 200px);
}

.chart-wrapper[b-r3zsf6fzzd] {
    background: var(--card-bg);
    border-radius: 16px;
    padding: 16px;
    box-shadow: var(--shadow-sm);
    margin-bottom: 12px;
    overflow-x: auto;
    min-height: 500px;
}

    .chart-wrapper .dx-chart[b-r3zsf6fzzd] {
        min-height: 500px !important;
    }

.chart-stats[b-r3zsf6fzzd] {
    background: var(--card-bg);
    border-radius: 16px;
    padding: 16px;
    box-shadow: var(--shadow-sm);
}

.stats-title[b-r3zsf6fzzd] {
    font-size: 18px;
    font-weight: 700;
    color: var(--text-primary);
    margin: 0 0 16px 0;
    display: flex;
    align-items: center;
    gap: 8px;
}

    .stats-title[b-r3zsf6fzzd]::before {
        content: '';
        width: 4px;
        height: 24px;
        background: var(--primary-gradient);
        background-color: var(--primary-solid);
        border-radius: 2px;
    }

.stats-grid[b-r3zsf6fzzd] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.stat-card[b-r3zsf6fzzd] {
    background: var(--info-row-bg);
    padding: 16px;
    border-radius: 12px;
    display: flex;
    gap: 12px;
    transition: all 0.2s ease;
}

    .stat-card:active[b-r3zsf6fzzd] {
        transform: translateY(-2px);
        box-shadow: var(--shadow-sm);
    }

.stat-icon[b-r3zsf6fzzd] {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background: var(--primary-gradient);
    background-color: var(--primary-solid);
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 24px;
    flex-shrink: 0;
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
}

    .stat-icon.success[b-r3zsf6fzzd] {
        background: var(--success-gradient);
        background-color: var(--success-solid);
        box-shadow: 0 4px 12px rgba(72, 187, 120, 0.3);
    }

    .stat-icon.primary[b-r3zsf6fzzd] {
        background: var(--primary-gradient);
        background-color: var(--primary-solid);
    }

    .stat-icon.warning[b-r3zsf6fzzd] {
        background: var(--warning-gradient);
        background-color: var(--warning-solid);
        box-shadow: 0 4px 12px rgba(246, 173, 85, 0.3);
    }

.stat-content[b-r3zsf6fzzd] {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 4px;
}

    .stat-content .stat-label[b-r3zsf6fzzd] {
        font-size: 11px;
        color: var(--text-muted);
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 0.5px;
    }

    .stat-content .stat-value[b-r3zsf6fzzd] {
        font-size: 16px;
        font-weight: 800;
        color: var(--text-primary);
    }

.empty-state[b-r3zsf6fzzd] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 20px;
    gap: 16px;
    text-align: center;
}

    .empty-state i[b-r3zsf6fzzd] {
        font-size: 80px;
        color: var(--text-muted);
        opacity: 0.5;
    }

    .empty-state h3[b-r3zsf6fzzd] {
        font-size: 20px;
        font-weight: 700;
        color: var(--text-primary);
        margin: 0;
    }

    .empty-state p[b-r3zsf6fzzd] {
        font-size: 14px;
        color: var(--text-secondary);
        margin: 0;
    }

@media (max-width: 360px) {
    .filter-row[b-r3zsf6fzzd] {
        grid-template-columns: 1fr;
    }

    .card-quick-stats[b-r3zsf6fzzd] {
        grid-template-columns: 1fr;
    }

    .stats-grid[b-r3zsf6fzzd] {
        grid-template-columns: 1fr;
    }
}

@media (min-width: 768px) {
    .mobile-sales-report-container[b-r3zsf6fzzd] {
        display: none;
    }
}
/* _content/Client/Pages/BI/SatinAlmaYonetimi/SatinAlmaYonetimiMobil/UrunBazliAlmRaporuMobil.razor.rz.scp.css */
:root[b-sz9x7fdyf3] {
    --primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    --primary-solid: #667eea;
    --primary-dark: #764ba2;
    --success-gradient: linear-gradient(135deg, #48bb78 0%, #38a169 100%);
    --success-solid: #48bb78;
    --warning-gradient: linear-gradient(135deg, #f6ad55 0%, #ed8936 100%);
    --warning-solid: #f6ad55;
    --danger-gradient: linear-gradient(135deg, #fc8181 0%, #f56565 100%);
    --danger-solid: #fc8181;
    --card-bg: #ffffff;
    --card-header-bg: linear-gradient(135deg, #f7fafc 0%, #edf2f7 100%);
    --text-primary: #1a202c;
    --text-secondary: #4a5568;
    --text-muted: #718096;
    --border-color: #e2e8f0;
    --info-row-bg: #f7fafc;
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.08);
    --shadow-md: 0 4px 16px rgba(102, 126, 234, 0.2);
}

[data-bs-theme="dark"][b-sz9x7fdyf3] {
    --primary-solid: #8b9aee;
    --primary-dark: #9a7bc2;
    --success-solid: #68d391;
    --warning-solid: #fbbf24;
    --danger-solid: #fca5a5;
    --card-bg: #1e293b;
    --card-header-bg: linear-gradient(135deg, #334155 0%, #1e293b 100%);
    --text-primary: #f1f5f9;
    --text-secondary: #cbd5e1;
    --text-muted: #94a3b8;
    --border-color: #334155;
    --info-row-bg: #0f172a;
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3);
    --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4);
}

/* CONTAINER */
.mobile-sales-report-container[b-sz9x7fdyf3] {
    width: 100%;
    min-height: 100vh;
    background: var(--info-row-bg);
    padding-bottom: 20px;
}

/* SAB�T HEADER */
.report-header-sticky[b-sz9x7fdyf3] {
    position: sticky;
    top: 0;
    z-index: 100;
    background: var(--info-row-bg);
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
    margin-top: 1rem;
}

/* TAR�H F�LTRELER� */
.date-filters-card[b-sz9x7fdyf3] {
    background: var(--card-bg);
    border-radius: 16px;
    padding: 16px;
    margin-bottom: 12px;
    box-shadow: var(--shadow-sm);
}

.filter-row[b-sz9x7fdyf3] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.filter-item[b-sz9x7fdyf3] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.filter-label[b-sz9x7fdyf3] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    font-weight: 600;
    color: var(--text-secondary);
}

    .filter-label i[b-sz9x7fdyf3] {
        font-size: 18px;
        color: var(--primary-solid);
    }

/* KONTROL KARTLARI */
.controls-card[b-sz9x7fdyf3] {
    background: var(--card-bg);
    border-radius: 16px;
    padding: 12px;
    box-shadow: var(--shadow-sm);
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
}

.filter-expand-btn[b-sz9x7fdyf3] {
    flex: 1;
    background: var(--primary-gradient);
    background-color: var(--primary-solid);
    border: none;
    padding: 12px 16px;
    border-radius: 12px;
    color: white;
    font-size: 14px;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
    position: relative;
}

    .filter-expand-btn:active[b-sz9x7fdyf3] {
        transform: scale(0.98);
    }

    .filter-expand-btn span[b-sz9x7fdyf3] {
        flex: 1;
    }

    .filter-expand-btn .chevron[b-sz9x7fdyf3] {
        font-size: 16px;
        transition: transform 0.3s ease;
    }

    .filter-expand-btn.active .chevron[b-sz9x7fdyf3] {
        transform: rotate(180deg);
    }

.filter-badge[b-sz9x7fdyf3] {
    background: rgba(255, 255, 255, 0.3);
    padding: 2px 8px;
    border-radius: 10px;
    font-size: 12px;
    font-weight: 700;
}

.view-toggle-group[b-sz9x7fdyf3] {
    display: flex;
    gap: 6px;
    background: var(--info-row-bg);
    padding: 4px;
    border-radius: 12px;
}

.view-toggle-btn[b-sz9x7fdyf3] {
    background: transparent;
    border: none;
    padding: 10px 14px;
    border-radius: 10px;
    color: var(--text-muted);
    font-size: 13px;
    font-weight: 600;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    cursor: pointer;
    transition: all 0.2s ease;
    min-width: 60px;
}

    .view-toggle-btn i[b-sz9x7fdyf3] {
        font-size: 20px;
    }

    .view-toggle-btn.active[b-sz9x7fdyf3] {
        background: var(--primary-gradient);
        background-color: var(--primary-solid);
        color: white;
        box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3);
    }

.expandable-filters[b-sz9x7fdyf3] {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
    margin-top: 0;
}

    .expandable-filters.expanded[b-sz9x7fdyf3] {
        max-height: 500px;
        margin-top: 12px;
    }

.filter-grid[b-sz9x7fdyf3] {
    background: var(--card-bg);
    border-radius: 16px;
    padding: 16px;
    box-shadow: var(--shadow-sm);
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.filter-block[b-sz9x7fdyf3] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.filter-block-label[b-sz9x7fdyf3] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    font-weight: 600;
    color: var(--text-secondary);
}

    .filter-block-label i[b-sz9x7fdyf3] {
        font-size: 18px;
        color: var(--primary-solid);
    }

.clear-filters-btn[b-sz9x7fdyf3] {
    background: var(--danger-gradient);
    background-color: var(--danger-solid);
    border: none;
    padding: 12px;
    border-radius: 12px;
    color: white;
    font-size: 14px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    cursor: pointer;
    margin-top: 12px;
    transition: all 0.2s ease;
    box-shadow: 0 4px 12px rgba(252, 129, 129, 0.3);
}

    .clear-filters-btn:active[b-sz9x7fdyf3] {
        transform: scale(0.98);
    }

.loading-overlay[b-sz9x7fdyf3] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 20px;
    gap: 20px;
}

.loading-spinner[b-sz9x7fdyf3] {
    position: relative;
    width: 60px;
    height: 60px;
}

.spinner-ring[b-sz9x7fdyf3] {
    position: absolute;
    width: 100%;
    height: 100%;
    border: 3px solid transparent;
    border-top-color: var(--primary-solid);
    border-radius: 50%;
    animation: spin-b-sz9x7fdyf3 1s linear infinite;
}

    .spinner-ring:nth-child(2)[b-sz9x7fdyf3] {
        border-top-color: var(--primary-dark);
        animation-delay: 0.15s;
    }

    .spinner-ring:nth-child(3)[b-sz9x7fdyf3] {
        border-top-color: var(--success-solid);
        animation-delay: 0.3s;
    }

@keyframes spin-b-sz9x7fdyf3 {
    to {
        transform: rotate(360deg);
    }
}

.loading-text[b-sz9x7fdyf3] {
    font-size: 16px;
    font-weight: 600;
    color: var(--text-secondary);
}

.sales-list-container[b-sz9x7fdyf3] {
    padding: 12px;
    padding-bottom: 100px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.sales-card[b-sz9x7fdyf3] {
    background: var(--card-bg);
    border-radius: 16px;
    overflow: hidden;
    box-shadow: var(--shadow-sm);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer;
    border: 2px solid transparent;
}

    .sales-card:active[b-sz9x7fdyf3] {
        transform: scale(0.98);
    }

    .sales-card.expanded[b-sz9x7fdyf3] {
        border-color: var(--primary-dark);
        box-shadow: var(--shadow-md);
    }

.card-header-section[b-sz9x7fdyf3] {
    padding: 16px;
    background: var(--card-header-bg);
    border-bottom: 1px solid var(--border-color);
}

.card-title-row[b-sz9x7fdyf3] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
}

.card-title[b-sz9x7fdyf3] {
    font-size: 16px;
    font-weight: 700;
    color: var(--text-primary);
    margin: 0;
}

.expand-icon[b-sz9x7fdyf3] {
    font-size: 20px;
    color: var(--primary-solid);
    transition: transform 0.3s ease;
}

.sales-card.expanded .expand-icon[b-sz9x7fdyf3] {
    transform: rotate(180deg);
    color: var(--primary-dark);
}

.card-quick-stats[b-sz9x7fdyf3] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.quick-stat[b-sz9x7fdyf3] {
    background: var(--card-bg);
    padding: 12px;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

    .quick-stat.primary[b-sz9x7fdyf3] {
        background: linear-gradient(135deg, rgba(102, 126, 234, 0.1) 0%, rgba(118, 75, 162, 0.1) 100%);
    }

    .quick-stat.secondary[b-sz9x7fdyf3] {
        background: linear-gradient(135deg, rgba(72, 187, 120, 0.1) 0%, rgba(56, 161, 105, 0.1) 100%);
    }

.stat-label[b-sz9x7fdyf3] {
    font-size: 11px;
    color: var(--text-muted);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.stat-value[b-sz9x7fdyf3] {
    font-size: 16px;
    font-weight: 800;
    color: var(--text-primary);
}

.card-content[b-sz9x7fdyf3] {
    padding: 0;
    background: var(--card-bg);
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.sales-card.expanded .card-content[b-sz9x7fdyf3] {
    max-height: 1000px;
    opacity: 1;
    padding: 16px;
}

.detail-grid[b-sz9x7fdyf3] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.detail-item[b-sz9x7fdyf3] {
    background: var(--info-row-bg);
    padding: 14px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    gap: 12px;
    transition: all 0.2s ease;
}

    .detail-item:active[b-sz9x7fdyf3] {
        transform: translateX(4px);
        background: var(--border-color);
    }

    .detail-item.highlight[b-sz9x7fdyf3] {
        background: linear-gradient(135deg, rgba(102, 126, 234, 0.1) 0%, rgba(118, 75, 162, 0.1) 100%);
        border: 2px solid var(--primary-solid);
    }

    .detail-item > i[b-sz9x7fdyf3] {
        font-size: 24px;
        color: var(--primary-solid);
        flex-shrink: 0;
    }

.detail-info[b-sz9x7fdyf3] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.detail-label[b-sz9x7fdyf3] {
    font-size: 12px;
    color: var(--text-muted);
    font-weight: 600;
}

.detail-value[b-sz9x7fdyf3] {
    font-size: 15px;
    font-weight: 700;
    color: var(--text-primary);
}

    .detail-value.primary[b-sz9x7fdyf3] {
        color: var(--primary-solid);
    }

    .detail-value.success[b-sz9x7fdyf3] {
        color: var(--success-solid);
    }

    .detail-value.warning[b-sz9x7fdyf3] {
        color: var(--warning-solid);
    }

.pagination-footer[b-sz9x7fdyf3] {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: var(--card-bg);
    border-top: 1px solid var(--border-color);
    box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.08);
    z-index: 90;
    padding: 12px;
}

.pagination-controls[b-sz9x7fdyf3] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-bottom: 12px;
}

.pagination-btn[b-sz9x7fdyf3] {
    background: var(--primary-gradient);
    background-color: var(--primary-solid);
    border: none;
    width: 36px;
    height: 36px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: white;
    font-size: 16px;
    transition: all 0.2s ease;
    box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3);
}

    .pagination-btn:active:not(:disabled)[b-sz9x7fdyf3] {
        transform: scale(0.95);
    }

    .pagination-btn:disabled[b-sz9x7fdyf3] {
        background: var(--border-color);
        color: var(--text-muted);
        cursor: not-allowed;
        opacity: 0.5;
        box-shadow: none;
    }

.pagination-info[b-sz9x7fdyf3] {
    display: flex;
    align-items: center;
    gap: 6px;
    background: var(--card-header-bg);
    padding: 8px 16px;
    border-radius: 10px;
    font-weight: 700;
    box-shadow: var(--shadow-sm);
}

    .pagination-info .current-page[b-sz9x7fdyf3] {
        font-size: 16px;
        color: var(--primary-solid);
    }

    .pagination-info .separator[b-sz9x7fdyf3] {
        font-size: 14px;
        color: var(--text-muted);
    }

    .pagination-info .total-pages[b-sz9x7fdyf3] {
        font-size: 14px;
        color: var(--text-secondary);
    }

.pagination-details[b-sz9x7fdyf3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.page-size-selector[b-sz9x7fdyf3] {
    background: var(--card-header-bg);
    border: 2px solid var(--border-color);
    padding: 8px 12px;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 600;
    color: var(--text-primary);
    cursor: pointer;
    transition: all 0.2s ease;
}

    .page-size-selector:focus[b-sz9x7fdyf3] {
        outline: none;
        border-color: var(--primary-solid);
        box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
    }

.pagination-text[b-sz9x7fdyf3] {
    font-size: 12px;
    color: var(--text-secondary);
    font-weight: 600;
    text-align: right;
    flex: 1;
}

.seperator[b-sz9x7fdyf3] {
    margin-top: -40px;
}

.chart-container[b-sz9x7fdyf3] {
    padding: 12px;
    padding-bottom: 20px;
    min-height: calc(100vh - 200px);
}

.chart-wrapper[b-sz9x7fdyf3] {
    background: var(--card-bg);
    border-radius: 16px;
    padding: 16px;
    box-shadow: var(--shadow-sm);
    margin-bottom: 12px;
    overflow-x: auto;
    min-height: 500px;
}

    .chart-wrapper .dx-chart[b-sz9x7fdyf3] {
        min-height: 500px !important;
    }

.chart-stats[b-sz9x7fdyf3] {
    background: var(--card-bg);
    border-radius: 16px;
    padding: 16px;
    box-shadow: var(--shadow-sm);
}

.stats-title[b-sz9x7fdyf3] {
    font-size: 18px;
    font-weight: 700;
    color: var(--text-primary);
    margin: 0 0 16px 0;
    display: flex;
    align-items: center;
    gap: 8px;
}

    .stats-title[b-sz9x7fdyf3]::before {
        content: '';
        width: 4px;
        height: 24px;
        background: var(--primary-gradient);
        background-color: var(--primary-solid);
        border-radius: 2px;
    }

.stats-grid[b-sz9x7fdyf3] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.stat-card[b-sz9x7fdyf3] {
    background: var(--info-row-bg);
    padding: 16px;
    border-radius: 12px;
    display: flex;
    gap: 12px;
    transition: all 0.2s ease;
}

    .stat-card:active[b-sz9x7fdyf3] {
        transform: translateY(-2px);
        box-shadow: var(--shadow-sm);
    }

.stat-icon[b-sz9x7fdyf3] {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background: var(--primary-gradient);
    background-color: var(--primary-solid);
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 24px;
    flex-shrink: 0;
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
}

    .stat-icon.success[b-sz9x7fdyf3] {
        background: var(--success-gradient);
        background-color: var(--success-solid);
        box-shadow: 0 4px 12px rgba(72, 187, 120, 0.3);
    }

    .stat-icon.primary[b-sz9x7fdyf3] {
        background: var(--primary-gradient);
        background-color: var(--primary-solid);
    }

    .stat-icon.warning[b-sz9x7fdyf3] {
        background: var(--warning-gradient);
        background-color: var(--warning-solid);
        box-shadow: 0 4px 12px rgba(246, 173, 85, 0.3);
    }

.stat-content[b-sz9x7fdyf3] {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 4px;
}

    .stat-content .stat-label[b-sz9x7fdyf3] {
        font-size: 11px;
        color: var(--text-muted);
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 0.5px;
    }

    .stat-content .stat-value[b-sz9x7fdyf3] {
        font-size: 16px;
        font-weight: 800;
        color: var(--text-primary);
    }

.empty-state[b-sz9x7fdyf3] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 20px;
    gap: 16px;
    text-align: center;
}

    .empty-state i[b-sz9x7fdyf3] {
        font-size: 80px;
        color: var(--text-muted);
        opacity: 0.5;
    }

    .empty-state h3[b-sz9x7fdyf3] {
        font-size: 20px;
        font-weight: 700;
        color: var(--text-primary);
        margin: 0;
    }

    .empty-state p[b-sz9x7fdyf3] {
        font-size: 14px;
        color: var(--text-secondary);
        margin: 0;
    }

@media (max-width: 360px) {
    .filter-row[b-sz9x7fdyf3] {
        grid-template-columns: 1fr;
    }

    .card-quick-stats[b-sz9x7fdyf3] {
        grid-template-columns: 1fr;
    }

    .stats-grid[b-sz9x7fdyf3] {
        grid-template-columns: 1fr;
    }
}

@media (min-width: 768px) {
    .mobile-sales-report-container[b-sz9x7fdyf3] {
        display: none;
    }
}
/* _content/Client/Pages/BI/SatinAlmaYonetimi/TedarikciBazliAlimRaporu.razor.rz.scp.css */
:root[b-iex1e8pucp] {
    --primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    --primary-solid: #667eea;
    --primary-dark: #764ba2;
    --success-gradient: linear-gradient(135deg, #48bb78 0%, #38a169 100%);
    --success-solid: #48bb78;
    --warning-gradient: linear-gradient(135deg, #f6ad55 0%, #ed8936 100%);
    --warning-solid: #f6ad55;
    --danger-gradient: linear-gradient(135deg, #fc8181 0%, #f56565 100%);
    --danger-solid: #fc8181;
    --card-bg: #ffffff;
    --card-header-bg: linear-gradient(135deg, #f7fafc 0%, #edf2f7 100%);
    --text-primary: #1a202c;
    --text-secondary: #4a5568;
    --text-muted: #718096;
    --border-color: #e2e8f0;
    --info-row-bg: #f7fafc;
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.08);
    --shadow-md: 0 4px 16px rgba(102, 126, 234, 0.2);
}

[data-bs-theme="dark"][b-iex1e8pucp] {
    --primary-solid: #8b9aee;
    --primary-dark: #9a7bc2;
    --success-solid: #68d391;
    --warning-solid: #fbbf24;
    --danger-solid: #fca5a5;
    --card-bg: #1e293b;
    --card-header-bg: linear-gradient(135deg, #334155 0%, #1e293b 100%);
    --text-primary: #f1f5f9;
    --text-secondary: #cbd5e1;
    --text-muted: #94a3b8;
    --border-color: #334155;
    --info-row-bg: #0f172a;
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3);
    --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4);
}

/* CONTAINER */
.mobile-sales-report-container[b-iex1e8pucp] {
    width: 100%;
    min-height: 100vh;
    background: var(--info-row-bg);
    padding-bottom: 20px;
}

/* SAB�T HEADER */
.report-header-sticky[b-iex1e8pucp] {
    position: sticky;
    top: 0;
    z-index: 100;
    background: var(--info-row-bg);
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
    margin-top: 1rem;
}

/* TAR�H F�LTRELER� */
.date-filters-card[b-iex1e8pucp] {
    background: var(--card-bg);
    border-radius: 16px;
    padding: 16px;
    margin-bottom: 12px;
    box-shadow: var(--shadow-sm);
}

.filter-row[b-iex1e8pucp] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.filter-item[b-iex1e8pucp] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.filter-label[b-iex1e8pucp] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    font-weight: 600;
    color: var(--text-secondary);
}

    .filter-label i[b-iex1e8pucp] {
        font-size: 18px;
        color: var(--primary-solid);
    }

/* KONTROL KARTLARI */
.controls-card[b-iex1e8pucp] {
    background: var(--card-bg);
    border-radius: 16px;
    padding: 12px;
    box-shadow: var(--shadow-sm);
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
}

.filter-expand-btn[b-iex1e8pucp] {
    flex: 1;
    background: var(--primary-gradient);
    background-color: var(--primary-solid);
    border: none;
    padding: 12px 16px;
    border-radius: 12px;
    color: white;
    font-size: 14px;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
    position: relative;
}

    .filter-expand-btn:active[b-iex1e8pucp] {
        transform: scale(0.98);
    }

    .filter-expand-btn span[b-iex1e8pucp] {
        flex: 1;
    }

    .filter-expand-btn .chevron[b-iex1e8pucp] {
        font-size: 16px;
        transition: transform 0.3s ease;
    }

    .filter-expand-btn.active .chevron[b-iex1e8pucp] {
        transform: rotate(180deg);
    }

.filter-badge[b-iex1e8pucp] {
    background: rgba(255, 255, 255, 0.3);
    padding: 2px 8px;
    border-radius: 10px;
    font-size: 12px;
    font-weight: 700;
}

.view-toggle-group[b-iex1e8pucp] {
    display: flex;
    gap: 6px;
    background: var(--info-row-bg);
    padding: 4px;
    border-radius: 12px;
}

.view-toggle-btn[b-iex1e8pucp] {
    background: transparent;
    border: none;
    padding: 10px 14px;
    border-radius: 10px;
    color: var(--text-muted);
    font-size: 13px;
    font-weight: 600;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    cursor: pointer;
    transition: all 0.2s ease;
    min-width: 60px;
}

    .view-toggle-btn i[b-iex1e8pucp] {
        font-size: 20px;
    }

    .view-toggle-btn.active[b-iex1e8pucp] {
        background: var(--primary-gradient);
        background-color: var(--primary-solid);
        color: white;
        box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3);
    }

.expandable-filters[b-iex1e8pucp] {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
    margin-top: 0;
}

    .expandable-filters.expanded[b-iex1e8pucp] {
        max-height: 500px;
        margin-top: 12px;
    }

.filter-grid[b-iex1e8pucp] {
    background: var(--card-bg);
    border-radius: 16px;
    padding: 16px;
    box-shadow: var(--shadow-sm);
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.filter-block[b-iex1e8pucp] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.filter-block-label[b-iex1e8pucp] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    font-weight: 600;
    color: var(--text-secondary);
}

    .filter-block-label i[b-iex1e8pucp] {
        font-size: 18px;
        color: var(--primary-solid);
    }

.clear-filters-btn[b-iex1e8pucp] {
    background: var(--danger-gradient);
    background-color: var(--danger-solid);
    border: none;
    padding: 12px;
    border-radius: 12px;
    color: white;
    font-size: 14px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    cursor: pointer;
    margin-top: 12px;
    transition: all 0.2s ease;
    box-shadow: 0 4px 12px rgba(252, 129, 129, 0.3);
}

    .clear-filters-btn:active[b-iex1e8pucp] {
        transform: scale(0.98);
    }

.loading-overlay[b-iex1e8pucp] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 20px;
    gap: 20px;
}

.loading-spinner[b-iex1e8pucp] {
    position: relative;
    width: 60px;
    height: 60px;
}

.spinner-ring[b-iex1e8pucp] {
    position: absolute;
    width: 100%;
    height: 100%;
    border: 3px solid transparent;
    border-top-color: var(--primary-solid);
    border-radius: 50%;
    animation: spin-b-iex1e8pucp 1s linear infinite;
}

    .spinner-ring:nth-child(2)[b-iex1e8pucp] {
        border-top-color: var(--primary-dark);
        animation-delay: 0.15s;
    }

    .spinner-ring:nth-child(3)[b-iex1e8pucp] {
        border-top-color: var(--success-solid);
        animation-delay: 0.3s;
    }

@keyframes spin-b-iex1e8pucp {
    to {
        transform: rotate(360deg);
    }
}

.loading-text[b-iex1e8pucp] {
    font-size: 16px;
    font-weight: 600;
    color: var(--text-secondary);
}

.sales-list-container[b-iex1e8pucp] {
    padding: 12px;
    padding-bottom: 100px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.sales-card[b-iex1e8pucp] {
    background: var(--card-bg);
    border-radius: 16px;
    overflow: hidden;
    box-shadow: var(--shadow-sm);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer;
    border: 2px solid transparent;
}

    .sales-card:active[b-iex1e8pucp] {
        transform: scale(0.98);
    }

    .sales-card.expanded[b-iex1e8pucp] {
        border-color: var(--primary-dark);
        box-shadow: var(--shadow-md);
    }

.card-header-section[b-iex1e8pucp] {
    padding: 16px;
    background: var(--card-header-bg);
    border-bottom: 1px solid var(--border-color);
}

.card-title-row[b-iex1e8pucp] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
}

.card-title[b-iex1e8pucp] {
    font-size: 16px;
    font-weight: 700;
    color: var(--text-primary);
    margin: 0;
}

.expand-icon[b-iex1e8pucp] {
    font-size: 20px;
    color: var(--primary-solid);
    transition: transform 0.3s ease;
}

.sales-card.expanded .expand-icon[b-iex1e8pucp] {
    transform: rotate(180deg);
    color: var(--primary-dark);
}

.card-quick-stats[b-iex1e8pucp] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.quick-stat[b-iex1e8pucp] {
    background: var(--card-bg);
    padding: 12px;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

    .quick-stat.primary[b-iex1e8pucp] {
        background: linear-gradient(135deg, rgba(102, 126, 234, 0.1) 0%, rgba(118, 75, 162, 0.1) 100%);
    }

    .quick-stat.secondary[b-iex1e8pucp] {
        background: linear-gradient(135deg, rgba(72, 187, 120, 0.1) 0%, rgba(56, 161, 105, 0.1) 100%);
    }

.stat-label[b-iex1e8pucp] {
    font-size: 11px;
    color: var(--text-muted);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.stat-value[b-iex1e8pucp] {
    font-size: 16px;
    font-weight: 800;
    color: var(--text-primary);
}

.card-content[b-iex1e8pucp] {
    padding: 0;
    background: var(--card-bg);
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.sales-card.expanded .card-content[b-iex1e8pucp] {
    max-height: 1000px;
    opacity: 1;
    padding: 16px;
}

.detail-grid[b-iex1e8pucp] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.detail-item[b-iex1e8pucp] {
    background: var(--info-row-bg);
    padding: 14px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    gap: 12px;
    transition: all 0.2s ease;
}

    .detail-item:active[b-iex1e8pucp] {
        transform: translateX(4px);
        background: var(--border-color);
    }

    .detail-item.highlight[b-iex1e8pucp] {
        background: linear-gradient(135deg, rgba(102, 126, 234, 0.1) 0%, rgba(118, 75, 162, 0.1) 100%);
        border: 2px solid var(--primary-solid);
    }

    .detail-item > i[b-iex1e8pucp] {
        font-size: 24px;
        color: var(--primary-solid);
        flex-shrink: 0;
    }

.detail-info[b-iex1e8pucp] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.detail-label[b-iex1e8pucp] {
    font-size: 12px;
    color: var(--text-muted);
    font-weight: 600;
}

.detail-value[b-iex1e8pucp] {
    font-size: 15px;
    font-weight: 700;
    color: var(--text-primary);
}

    .detail-value.primary[b-iex1e8pucp] {
        color: var(--primary-solid);
    }

    .detail-value.success[b-iex1e8pucp] {
        color: var(--success-solid);
    }

    .detail-value.warning[b-iex1e8pucp] {
        color: var(--warning-solid);
    }

.pagination-footer[b-iex1e8pucp] {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: var(--card-bg);
    border-top: 1px solid var(--border-color);
    box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.08);
    z-index: 90;
    padding: 12px;
}

.pagination-controls[b-iex1e8pucp] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-bottom: 12px;
}

.pagination-btn[b-iex1e8pucp] {
    background: var(--primary-gradient);
    background-color: var(--primary-solid);
    border: none;
    width: 36px;
    height: 36px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: white;
    font-size: 16px;
    transition: all 0.2s ease;
    box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3);
}

    .pagination-btn:active:not(:disabled)[b-iex1e8pucp] {
        transform: scale(0.95);
    }

    .pagination-btn:disabled[b-iex1e8pucp] {
        background: var(--border-color);
        color: var(--text-muted);
        cursor: not-allowed;
        opacity: 0.5;
        box-shadow: none;
    }

.pagination-info[b-iex1e8pucp] {
    display: flex;
    align-items: center;
    gap: 6px;
    background: var(--card-header-bg);
    padding: 8px 16px;
    border-radius: 10px;
    font-weight: 700;
    box-shadow: var(--shadow-sm);
}

    .pagination-info .current-page[b-iex1e8pucp] {
        font-size: 16px;
        color: var(--primary-solid);
    }

    .pagination-info .separator[b-iex1e8pucp] {
        font-size: 14px;
        color: var(--text-muted);
    }

    .pagination-info .total-pages[b-iex1e8pucp] {
        font-size: 14px;
        color: var(--text-secondary);
    }

.pagination-details[b-iex1e8pucp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.page-size-selector[b-iex1e8pucp] {
    background: var(--card-header-bg);
    border: 2px solid var(--border-color);
    padding: 8px 12px;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 600;
    color: var(--text-primary);
    cursor: pointer;
    transition: all 0.2s ease;
}

    .page-size-selector:focus[b-iex1e8pucp] {
        outline: none;
        border-color: var(--primary-solid);
        box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
    }

.pagination-text[b-iex1e8pucp] {
    font-size: 12px;
    color: var(--text-secondary);
    font-weight: 600;
    text-align: right;
    flex: 1;
}

.seperator[b-iex1e8pucp] {
    margin-top: -40px;
}

.chart-container[b-iex1e8pucp] {
    padding: 12px;
    padding-bottom: 20px;
    min-height: calc(100vh - 200px);
}

.chart-wrapper[b-iex1e8pucp] {
    background: var(--card-bg);
    border-radius: 16px;
    padding: 16px;
    box-shadow: var(--shadow-sm);
    margin-bottom: 12px;
    overflow-x: auto;
    min-height: 500px;
}

    .chart-wrapper .dx-chart[b-iex1e8pucp] {
        min-height: 500px !important;
    }

.chart-stats[b-iex1e8pucp] {
    background: var(--card-bg);
    border-radius: 16px;
    padding: 16px;
    box-shadow: var(--shadow-sm);
}

.stats-title[b-iex1e8pucp] {
    font-size: 18px;
    font-weight: 700;
    color: var(--text-primary);
    margin: 0 0 16px 0;
    display: flex;
    align-items: center;
    gap: 8px;
}

    .stats-title[b-iex1e8pucp]::before {
        content: '';
        width: 4px;
        height: 24px;
        background: var(--primary-gradient);
        background-color: var(--primary-solid);
        border-radius: 2px;
    }

.stats-grid[b-iex1e8pucp] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.stat-card[b-iex1e8pucp] {
    background: var(--info-row-bg);
    padding: 16px;
    border-radius: 12px;
    display: flex;
    gap: 12px;
    transition: all 0.2s ease;
}

    .stat-card:active[b-iex1e8pucp] {
        transform: translateY(-2px);
        box-shadow: var(--shadow-sm);
    }

.stat-icon[b-iex1e8pucp] {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background: var(--primary-gradient);
    background-color: var(--primary-solid);
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 24px;
    flex-shrink: 0;
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
}

    .stat-icon.success[b-iex1e8pucp] {
        background: var(--success-gradient);
        background-color: var(--success-solid);
        box-shadow: 0 4px 12px rgba(72, 187, 120, 0.3);
    }

    .stat-icon.primary[b-iex1e8pucp] {
        background: var(--primary-gradient);
        background-color: var(--primary-solid);
    }

    .stat-icon.warning[b-iex1e8pucp] {
        background: var(--warning-gradient);
        background-color: var(--warning-solid);
        box-shadow: 0 4px 12px rgba(246, 173, 85, 0.3);
    }

.stat-content[b-iex1e8pucp] {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 4px;
}

    .stat-content .stat-label[b-iex1e8pucp] {
        font-size: 11px;
        color: var(--text-muted);
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 0.5px;
    }

    .stat-content .stat-value[b-iex1e8pucp] {
        font-size: 16px;
        font-weight: 800;
        color: var(--text-primary);
    }

.empty-state[b-iex1e8pucp] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 20px;
    gap: 16px;
    text-align: center;
}

    .empty-state i[b-iex1e8pucp] {
        font-size: 80px;
        color: var(--text-muted);
        opacity: 0.5;
    }

    .empty-state h3[b-iex1e8pucp] {
        font-size: 20px;
        font-weight: 700;
        color: var(--text-primary);
        margin: 0;
    }

    .empty-state p[b-iex1e8pucp] {
        font-size: 14px;
        color: var(--text-secondary);
        margin: 0;
    }

@media (max-width: 360px) {
    .filter-row[b-iex1e8pucp] {
        grid-template-columns: 1fr;
    }

    .card-quick-stats[b-iex1e8pucp] {
        grid-template-columns: 1fr;
    }

    .stats-grid[b-iex1e8pucp] {
        grid-template-columns: 1fr;
    }
}

@media (min-width: 768px) {
    .mobile-sales-report-container[b-iex1e8pucp] {
        display: none;
    }
}
/* _content/Client/Pages/BI/SatinAlmaYonetimi/UrunBazliAlmRaporu.razor.rz.scp.css */
.ultra-modern-root[b-5mjjljnkg7] {
    --gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    --gradient-success: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
    --gradient-info: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
    --gradient-warning: linear-gradient(135deg, #fa709a 0%, #fee140 100%);
    --gradient-glass: linear-gradient(135deg, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.85) 100%);
    --shadow-xl: 0 20px 60px -15px rgba(0, 0, 0, 0.3);
    --shadow-2xl: 0 25px 80px -20px rgba(0, 0, 0, 0.4);
    --glow-primary: 0 0 30px rgba(102, 126, 234, 0.6);
    --glow-success: 0 0 30px rgba(16, 185, 129, 0.6);
}

    /* Kompakt Header */
    .ultra-modern-root .glass-header-compact[b-5mjjljnkg7] {
        background: var(--gradient-glass);
        backdrop-filter: blur(20px) saturate(180%);
        border-radius: 20px;
        border: 2px solid rgba(255, 255, 255, 0.5);
        box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
        padding: 16px 24px;
    }

    /* Filtre Grubu */
    .ultra-modern-root .filter-group[b-5mjjljnkg7] {
        display: flex;
        gap: 12px;
        align-items: center;
    }

    /* Kompakt Tarih */
    .ultra-modern-root .compact-date[b-5mjjljnkg7] {
        max-width: 200px;
    }

    /* Filtre Toggle Wrapper */
    .ultra-modern-root .filter-toggle-wrapper[b-5mjjljnkg7] {
        flex: 1;
        display: flex;
        justify-content: center;
    }

    /* Filtre Toggle Butonu */
    .ultra-modern-root .btn-filter-toggle[b-5mjjljnkg7] {
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 10px 24px;
        background: white;
        border: 2px solid #e0e7ff;
        border-radius: 50px;
        font-weight: 600;
        color: #667eea;
        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        cursor: pointer;
        position: relative;
        overflow: hidden;
    }

        .ultra-modern-root .btn-filter-toggle:hover[b-5mjjljnkg7] {
            border-color: #667eea;
            box-shadow: 0 4px 20px rgba(102, 126, 234, 0.25);
            transform: translateY(-2px);
        }

        .ultra-modern-root .btn-filter-toggle.active[b-5mjjljnkg7] {
            background: var(--gradient-primary);
            color: white;
            border-color: transparent;
            box-shadow: 0 4px 20px rgba(102, 126, 234, 0.4);
        }

        .ultra-modern-root .btn-filter-toggle .chevron[b-5mjjljnkg7] {
            transition: transform 0.3s ease;
        }

            .ultra-modern-root .btn-filter-toggle .chevron.rotated[b-5mjjljnkg7] {
                transform: rotate(180deg);
            }

    /* Filtre Say�s� Badge */
    .ultra-modern-root .filter-count[b-5mjjljnkg7] {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 24px;
        height: 24px;
        padding: 0 8px;
        background: rgba(255, 255, 255, 0.3);
        border-radius: 12px;
        font-size: 1.25rem;
        font-weight: 700;
    }

    .ultra-modern-root .btn-filter-toggle.active .filter-count[b-5mjjljnkg7] {
        background: rgba(255, 255, 255, 0.25);
    }

    /* Temizle Butonu */
    .ultra-modern-root .btn-clear-filters[b-5mjjljnkg7] {
        width: 40px;
        height: 40px;
        border-radius: 12px;
        background: linear-gradient(135deg, #fee140 0%, #fa709a 100%);
        border: none;
        color: white;
        font-size: 1.1rem;
        cursor: pointer;
        transition: all 0.3s ease;
        box-shadow: 0 4px 15px rgba(250, 112, 154, 0.3);
    }

        .ultra-modern-root .btn-clear-filters:hover[b-5mjjljnkg7] {
            transform: translateY(-2px) rotate(90deg);
            box-shadow: 0 6px 25px rgba(250, 112, 154, 0.5);
        }

    /* G�r�n�m Toggle */
    .ultra-modern-root .toggle-container-compact[b-5mjjljnkg7] {
        display: flex;
        gap: 8px;
        background: white;
        padding: 4px;
        border-radius: 12px;
        border: 2px solid #e0e7ff;
    }

    .ultra-modern-root .view-btn[b-5mjjljnkg7] {
        width: 40px;
        height: 40px;
        border-radius: 8px;
        background: transparent;
        border: none;
        color: #667eea;
        font-size: 1.1rem;
        cursor: pointer;
        transition: all 0.3s ease;
    }

        .ultra-modern-root .view-btn:hover[b-5mjjljnkg7] {
            background: rgba(102, 126, 234, 0.1);
        }

        .ultra-modern-root .view-btn.active[b-5mjjljnkg7] {
            background: var(--gradient-primary);
            color: white;
            box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3);
        }

    /* Geli�mi� Filtreler Paneli */
    .ultra-modern-root .advanced-filters-panel[b-5mjjljnkg7] {
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1), margin 0.4s ease, opacity 0.3s ease;
        opacity: 0;
        margin-bottom: 0;
    }

        .ultra-modern-root .advanced-filters-panel.expanded[b-5mjjljnkg7] {
            max-height: 600px;
            opacity: 1;
            margin-bottom: 20px;
        }

    /* Filtre Grid */
    .ultra-modern-root .filters-grid[b-5mjjljnkg7] {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
        gap: 20px;
        padding: 24px;
        background: var(--gradient-glass);
        backdrop-filter: blur(20px);
        border-radius: 20px;
        border: 2px solid rgba(255, 255, 255, 0.5);
        box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
    }

    /* Filtre Item */
    .ultra-modern-root .filter-item[b-5mjjljnkg7] {
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

    /* Filtre Label */
    .ultra-modern-root .filter-label[b-5mjjljnkg7] {
        display: flex;
        align-items: center;
        gap: 8px;
        font-size: 0.875rem;
        font-weight: 600;
        color: #667eea;
        margin-bottom: 4px;
    }

        .ultra-modern-root .filter-label i[b-5mjjljnkg7] {
            font-size: 1rem;
        }

    /* Filtre Dropdown */
    .ultra-modern-root .filter-dropdown[b-5mjjljnkg7] {
        width: 100% !important;
        border-radius: 12px !important;
        border: 2px solid #e0e7ff !important;
        background: white !important;
        padding: 10px 14px !important;
        transition: all 0.3s ease !important;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05) !important;
    }

        .ultra-modern-root .filter-dropdown:focus-within[b-5mjjljnkg7] {
            border-color: #667eea !important;
            box-shadow: 0 4px 16px rgba(102, 126, 234, 0.2) !important;
            transform: translateY(-1px);
        }

    /* Chart Card */
    .ultra-modern-root .ultra-chart-card[b-5mjjljnkg7] {
        background: var(--gradient-glass);
        backdrop-filter: blur(20px);
        border-radius: 28px;
        border: 2px solid rgba(255, 255, 255, 0.6);
        box-shadow: var(--shadow-xl);
        overflow: hidden;
        position: relative;
    }

        .ultra-modern-root .ultra-chart-card[b-5mjjljnkg7]::before {
            content: '';
            position: absolute;
            top: -50%;
            left: -50%;
            width: 200%;
            height: 200%;
            background: radial-gradient(circle, rgba(102, 126, 234, 0.1) 0%, transparent 70%);
            animation: pulse-glow-b-5mjjljnkg7 4s ease-in-out infinite;
        }

@keyframes pulse-glow-b-5mjjljnkg7 {
    0%, 100% {
        opacity: 0.5;
        transform: scale(1);
    }

    50% {
        opacity: 0.8;
        transform: scale(1.1);
    }
}

.ultra-modern-root .chart-body[b-5mjjljnkg7] {
    position: relative;
    z-index: 1;
    padding: 24px;
}

.ultra-modern-root .record-badge[b-5mjjljnkg7] {
    background: var(--gradient-primary);
    color: white;
    padding: 8px 20px;
    border-radius: 50px;
    font-size: 0.875rem;
    font-weight: 600;
    box-shadow: 0 4px 20px rgba(102, 126, 234, 0.4);
    display: inline-block;
}
/* _content/Client/Pages/BI/SatisYonetimi/AylaraGoreSatisRaporu.razor.rz.scp.css */
/* _content/Client/Pages/BI/SatisYonetimi/IsyeriBazliSatisRaporu.razor.rz.scp.css */
/* _content/Client/Pages/BI/SatisYonetimi/MusteriBazliSatisRaporu.razor.rz.scp.css */
/* _content/Client/Pages/BI/SatisYonetimi/PersonelBazliSatisRaporu.razor.rz.scp.css */
/* _content/Client/Pages/BI/SatisYonetimi/SatisYonetimiMobil/AylaraGoreSatisRaporuMobil.razor.rz.scp.css */
:root[b-xm4d516cxb] {
    --primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    --primary-solid: #667eea;
    --primary-dark: #764ba2;
    --success-gradient: linear-gradient(135deg, #48bb78 0%, #38a169 100%);
    --success-solid: #48bb78;
    --warning-gradient: linear-gradient(135deg, #f6ad55 0%, #ed8936 100%);
    --warning-solid: #f6ad55;
    --danger-gradient: linear-gradient(135deg, #fc8181 0%, #f56565 100%);
    --danger-solid: #fc8181;
    --card-bg: #ffffff;
    --card-header-bg: linear-gradient(135deg, #f7fafc 0%, #edf2f7 100%);
    --text-primary: #1a202c;
    --text-secondary: #4a5568;
    --text-muted: #718096;
    --border-color: #e2e8f0;
    --info-row-bg: #f7fafc;
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.08);
    --shadow-md: 0 4px 16px rgba(102, 126, 234, 0.2);
}

[data-bs-theme="dark"][b-xm4d516cxb] {
    --primary-solid: #8b9aee;
    --primary-dark: #9a7bc2;
    --success-solid: #68d391;
    --warning-solid: #fbbf24;
    --danger-solid: #fca5a5;
    --card-bg: #1e293b;
    --card-header-bg: linear-gradient(135deg, #334155 0%, #1e293b 100%);
    --text-primary: #f1f5f9;
    --text-secondary: #cbd5e1;
    --text-muted: #94a3b8;
    --border-color: #334155;
    --info-row-bg: #0f172a;
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3);
    --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4);
}

/* CONTAINER */
.mobile-sales-report-container[b-xm4d516cxb] {
    width: 100%;
    min-height: 100vh;
    background: var(--info-row-bg);
    padding-bottom: 20px;
}

/* SAB�T HEADER */
.report-header-sticky[b-xm4d516cxb] {
    position: sticky;
    top: 0;
    z-index: 100;
    background: var(--info-row-bg);
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
    margin-top: 1rem;
}

/* TAR�H F�LTRELER� */
.date-filters-card[b-xm4d516cxb] {
    background: var(--card-bg);
    border-radius: 16px;
    padding: 16px;
    margin-bottom: 12px;
    box-shadow: var(--shadow-sm);
}

.filter-row[b-xm4d516cxb] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.filter-item[b-xm4d516cxb] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.filter-label[b-xm4d516cxb] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    font-weight: 600;
    color: var(--text-secondary);
}

    .filter-label i[b-xm4d516cxb] {
        font-size: 18px;
        color: var(--primary-solid);
    }

/* KONTROL KARTLARI */
.controls-card[b-xm4d516cxb] {
    background: var(--card-bg);
    border-radius: 16px;
    padding: 12px;
    box-shadow: var(--shadow-sm);
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
}

.filter-expand-btn[b-xm4d516cxb] {
    flex: 1;
    background: var(--primary-gradient);
    background-color: var(--primary-solid);
    border: none;
    padding: 12px 16px;
    border-radius: 12px;
    color: white;
    font-size: 14px;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
    position: relative;
}

    .filter-expand-btn:active[b-xm4d516cxb] {
        transform: scale(0.98);
    }

    .filter-expand-btn span[b-xm4d516cxb] {
        flex: 1;
    }

    .filter-expand-btn .chevron[b-xm4d516cxb] {
        font-size: 16px;
        transition: transform 0.3s ease;
    }

    .filter-expand-btn.active .chevron[b-xm4d516cxb] {
        transform: rotate(180deg);
    }

.filter-badge[b-xm4d516cxb] {
    background: rgba(255, 255, 255, 0.3);
    padding: 2px 8px;
    border-radius: 10px;
    font-size: 12px;
    font-weight: 700;
}

.view-toggle-group[b-xm4d516cxb] {
    display: flex;
    gap: 6px;
    background: var(--info-row-bg);
    padding: 4px;
    border-radius: 12px;
}

.view-toggle-btn[b-xm4d516cxb] {
    background: transparent;
    border: none;
    padding: 10px 14px;
    border-radius: 10px;
    color: var(--text-muted);
    font-size: 13px;
    font-weight: 600;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    cursor: pointer;
    transition: all 0.2s ease;
    min-width: 60px;
}

    .view-toggle-btn i[b-xm4d516cxb] {
        font-size: 20px;
    }

    .view-toggle-btn.active[b-xm4d516cxb] {
        background: var(--primary-gradient);
        background-color: var(--primary-solid);
        color: white;
        box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3);
    }

.expandable-filters[b-xm4d516cxb] {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
    margin-top: 0;
}

    .expandable-filters.expanded[b-xm4d516cxb] {
        max-height: 500px;
        margin-top: 12px;
    }

.filter-grid[b-xm4d516cxb] {
    background: var(--card-bg);
    border-radius: 16px;
    padding: 16px;
    box-shadow: var(--shadow-sm);
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.filter-block[b-xm4d516cxb] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.filter-block-label[b-xm4d516cxb] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    font-weight: 600;
    color: var(--text-secondary);
}

    .filter-block-label i[b-xm4d516cxb] {
        font-size: 18px;
        color: var(--primary-solid);
    }

.clear-filters-btn[b-xm4d516cxb] {
    background: var(--danger-gradient);
    background-color: var(--danger-solid);
    border: none;
    padding: 12px;
    border-radius: 12px;
    color: white;
    font-size: 14px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    cursor: pointer;
    margin-top: 12px;
    transition: all 0.2s ease;
    box-shadow: 0 4px 12px rgba(252, 129, 129, 0.3);
}

    .clear-filters-btn:active[b-xm4d516cxb] {
        transform: scale(0.98);
    }

.loading-overlay[b-xm4d516cxb] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 20px;
    gap: 20px;
}

.loading-spinner[b-xm4d516cxb] {
    position: relative;
    width: 60px;
    height: 60px;
}

.spinner-ring[b-xm4d516cxb] {
    position: absolute;
    width: 100%;
    height: 100%;
    border: 3px solid transparent;
    border-top-color: var(--primary-solid);
    border-radius: 50%;
    animation: spin-b-xm4d516cxb 1s linear infinite;
}

    .spinner-ring:nth-child(2)[b-xm4d516cxb] {
        border-top-color: var(--primary-dark);
        animation-delay: 0.15s;
    }

    .spinner-ring:nth-child(3)[b-xm4d516cxb] {
        border-top-color: var(--success-solid);
        animation-delay: 0.3s;
    }

@keyframes spin-b-xm4d516cxb {
    to {
        transform: rotate(360deg);
    }
}

.loading-text[b-xm4d516cxb] {
    font-size: 16px;
    font-weight: 600;
    color: var(--text-secondary);
}

.sales-list-container[b-xm4d516cxb] {
    padding: 12px;
    padding-bottom: 100px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.sales-card[b-xm4d516cxb] {
    background: var(--card-bg);
    border-radius: 16px;
    overflow: hidden;
    box-shadow: var(--shadow-sm);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer;
    border: 2px solid transparent;
}

    .sales-card:active[b-xm4d516cxb] {
        transform: scale(0.98);
    }

    .sales-card.expanded[b-xm4d516cxb] {
        border-color: var(--primary-dark);
        box-shadow: var(--shadow-md);
    }

.card-header-section[b-xm4d516cxb] {
    padding: 16px;
    background: var(--card-header-bg);
    border-bottom: 1px solid var(--border-color);
}

.card-title-row[b-xm4d516cxb] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
}

.card-title[b-xm4d516cxb] {
    font-size: 16px;
    font-weight: 700;
    color: var(--text-primary);
    margin: 0;
}

.expand-icon[b-xm4d516cxb] {
    font-size: 20px;
    color: var(--primary-solid);
    transition: transform 0.3s ease;
}

.sales-card.expanded .expand-icon[b-xm4d516cxb] {
    transform: rotate(180deg);
    color: var(--primary-dark);
}

.card-quick-stats[b-xm4d516cxb] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.quick-stat[b-xm4d516cxb] {
    background: var(--card-bg);
    padding: 12px;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

    .quick-stat.primary[b-xm4d516cxb] {
        background: linear-gradient(135deg, rgba(102, 126, 234, 0.1) 0%, rgba(118, 75, 162, 0.1) 100%);
    }

    .quick-stat.secondary[b-xm4d516cxb] {
        background: linear-gradient(135deg, rgba(72, 187, 120, 0.1) 0%, rgba(56, 161, 105, 0.1) 100%);
    }

.stat-label[b-xm4d516cxb] {
    font-size: 11px;
    color: var(--text-muted);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.stat-value[b-xm4d516cxb] {
    font-size: 16px;
    font-weight: 800;
    color: var(--text-primary);
}

.card-content[b-xm4d516cxb] {
    padding: 0;
    background: var(--card-bg);
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.sales-card.expanded .card-content[b-xm4d516cxb] {
    max-height: 1000px;
    opacity: 1;
    padding: 16px;
}

.detail-grid[b-xm4d516cxb] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.detail-item[b-xm4d516cxb] {
    background: var(--info-row-bg);
    padding: 14px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    gap: 12px;
    transition: all 0.2s ease;
}

    .detail-item:active[b-xm4d516cxb] {
        transform: translateX(4px);
        background: var(--border-color);
    }

    .detail-item.highlight[b-xm4d516cxb] {
        background: linear-gradient(135deg, rgba(102, 126, 234, 0.1) 0%, rgba(118, 75, 162, 0.1) 100%);
        border: 2px solid var(--primary-solid);
    }

    .detail-item > i[b-xm4d516cxb] {
        font-size: 24px;
        color: var(--primary-solid);
        flex-shrink: 0;
    }

.detail-info[b-xm4d516cxb] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.detail-label[b-xm4d516cxb] {
    font-size: 12px;
    color: var(--text-muted);
    font-weight: 600;
}

.detail-value[b-xm4d516cxb] {
    font-size: 15px;
    font-weight: 700;
    color: var(--text-primary);
}

    .detail-value.primary[b-xm4d516cxb] {
        color: var(--primary-solid);
    }

    .detail-value.success[b-xm4d516cxb] {
        color: var(--success-solid);
    }

    .detail-value.warning[b-xm4d516cxb] {
        color: var(--warning-solid);
    }

.pagination-footer[b-xm4d516cxb] {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: var(--card-bg);
    border-top: 1px solid var(--border-color);
    box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.08);
    z-index: 90;
    padding: 12px;
}

.pagination-controls[b-xm4d516cxb] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-bottom: 12px;
}

.pagination-btn[b-xm4d516cxb] {
    background: var(--primary-gradient);
    background-color: var(--primary-solid);
    border: none;
    width: 36px;
    height: 36px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: white;
    font-size: 16px;
    transition: all 0.2s ease;
    box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3);
}

    .pagination-btn:active:not(:disabled)[b-xm4d516cxb] {
        transform: scale(0.95);
    }

    .pagination-btn:disabled[b-xm4d516cxb] {
        background: var(--border-color);
        color: var(--text-muted);
        cursor: not-allowed;
        opacity: 0.5;
        box-shadow: none;
    }

.pagination-info[b-xm4d516cxb] {
    display: flex;
    align-items: center;
    gap: 6px;
    background: var(--card-header-bg);
    padding: 8px 16px;
    border-radius: 10px;
    font-weight: 700;
    box-shadow: var(--shadow-sm);
}

    .pagination-info .current-page[b-xm4d516cxb] {
        font-size: 16px;
        color: var(--primary-solid);
    }

    .pagination-info .separator[b-xm4d516cxb] {
        font-size: 14px;
        color: var(--text-muted);
    }

    .pagination-info .total-pages[b-xm4d516cxb] {
        font-size: 14px;
        color: var(--text-secondary);
    }

.pagination-details[b-xm4d516cxb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.page-size-selector[b-xm4d516cxb] {
    background: var(--card-header-bg);
    border: 2px solid var(--border-color);
    padding: 8px 12px;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 600;
    color: var(--text-primary);
    cursor: pointer;
    transition: all 0.2s ease;
}

    .page-size-selector:focus[b-xm4d516cxb] {
        outline: none;
        border-color: var(--primary-solid);
        box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
    }

.pagination-text[b-xm4d516cxb] {
    font-size: 12px;
    color: var(--text-secondary);
    font-weight: 600;
    text-align: right;
    flex: 1;
}

.seperator[b-xm4d516cxb] {
    margin-top: -40px;
}

.chart-container[b-xm4d516cxb] {
    padding: 12px;
    padding-bottom: 20px;
    min-height: calc(100vh - 200px);
}

.chart-wrapper[b-xm4d516cxb] {
    background: var(--card-bg);
    border-radius: 16px;
    padding: 16px;
    box-shadow: var(--shadow-sm);
    margin-bottom: 12px;
    overflow-x: auto;
    min-height: 500px;
}

    .chart-wrapper .dx-chart[b-xm4d516cxb] {
        min-height: 500px !important;
    }

.chart-stats[b-xm4d516cxb] {
    background: var(--card-bg);
    border-radius: 16px;
    padding: 16px;
    box-shadow: var(--shadow-sm);
}

.stats-title[b-xm4d516cxb] {
    font-size: 18px;
    font-weight: 700;
    color: var(--text-primary);
    margin: 0 0 16px 0;
    display: flex;
    align-items: center;
    gap: 8px;
}

    .stats-title[b-xm4d516cxb]::before {
        content: '';
        width: 4px;
        height: 24px;
        background: var(--primary-gradient);
        background-color: var(--primary-solid);
        border-radius: 2px;
    }

.stats-grid[b-xm4d516cxb] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.stat-card[b-xm4d516cxb] {
    background: var(--info-row-bg);
    padding: 16px;
    border-radius: 12px;
    display: flex;
    gap: 12px;
    transition: all 0.2s ease;
}

    .stat-card:active[b-xm4d516cxb] {
        transform: translateY(-2px);
        box-shadow: var(--shadow-sm);
    }

.stat-icon[b-xm4d516cxb] {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background: var(--primary-gradient);
    background-color: var(--primary-solid);
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 24px;
    flex-shrink: 0;
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
}

    .stat-icon.success[b-xm4d516cxb] {
        background: var(--success-gradient);
        background-color: var(--success-solid);
        box-shadow: 0 4px 12px rgba(72, 187, 120, 0.3);
    }

    .stat-icon.primary[b-xm4d516cxb] {
        background: var(--primary-gradient);
        background-color: var(--primary-solid);
    }

    .stat-icon.warning[b-xm4d516cxb] {
        background: var(--warning-gradient);
        background-color: var(--warning-solid);
        box-shadow: 0 4px 12px rgba(246, 173, 85, 0.3);
    }

.stat-content[b-xm4d516cxb] {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 4px;
}

    .stat-content .stat-label[b-xm4d516cxb] {
        font-size: 11px;
        color: var(--text-muted);
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 0.5px;
    }

    .stat-content .stat-value[b-xm4d516cxb] {
        font-size: 16px;
        font-weight: 800;
        color: var(--text-primary);
    }

.empty-state[b-xm4d516cxb] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 20px;
    gap: 16px;
    text-align: center;
}

    .empty-state i[b-xm4d516cxb] {
        font-size: 80px;
        color: var(--text-muted);
        opacity: 0.5;
    }

    .empty-state h3[b-xm4d516cxb] {
        font-size: 20px;
        font-weight: 700;
        color: var(--text-primary);
        margin: 0;
    }

    .empty-state p[b-xm4d516cxb] {
        font-size: 14px;
        color: var(--text-secondary);
        margin: 0;
    }

@media (max-width: 360px) {
    .filter-row[b-xm4d516cxb] {
        grid-template-columns: 1fr;
    }

    .card-quick-stats[b-xm4d516cxb] {
        grid-template-columns: 1fr;
    }

    .stats-grid[b-xm4d516cxb] {
        grid-template-columns: 1fr;
    }
}

@media (min-width: 768px) {
    .mobile-sales-report-container[b-xm4d516cxb] {
        display: none;
    }
}
/* _content/Client/Pages/BI/SatisYonetimi/SatisYonetimiMobil/IsyeriBazliSatisRaporuMobil.razor.rz.scp.css */
:root[b-71l7dnjacy] {
    --primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    --primary-solid: #667eea;
    --primary-dark: #764ba2;
    --success-gradient: linear-gradient(135deg, #48bb78 0%, #38a169 100%);
    --success-solid: #48bb78;
    --warning-gradient: linear-gradient(135deg, #f6ad55 0%, #ed8936 100%);
    --warning-solid: #f6ad55;
    --danger-gradient: linear-gradient(135deg, #fc8181 0%, #f56565 100%);
    --danger-solid: #fc8181;
    --card-bg: #ffffff;
    --card-header-bg: linear-gradient(135deg, #f7fafc 0%, #edf2f7 100%);
    --text-primary: #1a202c;
    --text-secondary: #4a5568;
    --text-muted: #718096;
    --border-color: #e2e8f0;
    --info-row-bg: #f7fafc;
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.08);
    --shadow-md: 0 4px 16px rgba(102, 126, 234, 0.2);
}

[data-bs-theme="dark"][b-71l7dnjacy] {
    --primary-solid: #8b9aee;
    --primary-dark: #9a7bc2;
    --success-solid: #68d391;
    --warning-solid: #fbbf24;
    --danger-solid: #fca5a5;
    --card-bg: #1e293b;
    --card-header-bg: linear-gradient(135deg, #334155 0%, #1e293b 100%);
    --text-primary: #f1f5f9;
    --text-secondary: #cbd5e1;
    --text-muted: #94a3b8;
    --border-color: #334155;
    --info-row-bg: #0f172a;
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3);
    --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4);
}

/* CONTAINER */
.mobile-sales-report-container[b-71l7dnjacy] {
    width: 100%;
    min-height: 100vh;
    background: var(--info-row-bg);
    padding-bottom: 20px;
}

/* SAB�T HEADER */
.report-header-sticky[b-71l7dnjacy] {
    position: sticky;
    top: 0;
    z-index: 100;
    background: var(--info-row-bg);
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
    margin-top: 1rem;
}

/* TAR�H F�LTRELER� */
.date-filters-card[b-71l7dnjacy] {
    background: var(--card-bg);
    border-radius: 16px;
    padding: 16px;
    margin-bottom: 12px;
    box-shadow: var(--shadow-sm);
}

.filter-row[b-71l7dnjacy] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.filter-item[b-71l7dnjacy] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.filter-label[b-71l7dnjacy] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    font-weight: 600;
    color: var(--text-secondary);
}

    .filter-label i[b-71l7dnjacy] {
        font-size: 18px;
        color: var(--primary-solid);
    }

/* KONTROL KARTLARI */
.controls-card[b-71l7dnjacy] {
    background: var(--card-bg);
    border-radius: 16px;
    padding: 12px;
    box-shadow: var(--shadow-sm);
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
}

.filter-expand-btn[b-71l7dnjacy] {
    flex: 1;
    background: var(--primary-gradient);
    background-color: var(--primary-solid);
    border: none;
    padding: 12px 16px;
    border-radius: 12px;
    color: white;
    font-size: 14px;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
    position: relative;
}

    .filter-expand-btn:active[b-71l7dnjacy] {
        transform: scale(0.98);
    }

    .filter-expand-btn span[b-71l7dnjacy] {
        flex: 1;
    }

    .filter-expand-btn .chevron[b-71l7dnjacy] {
        font-size: 16px;
        transition: transform 0.3s ease;
    }

    .filter-expand-btn.active .chevron[b-71l7dnjacy] {
        transform: rotate(180deg);
    }

.filter-badge[b-71l7dnjacy] {
    background: rgba(255, 255, 255, 0.3);
    padding: 2px 8px;
    border-radius: 10px;
    font-size: 12px;
    font-weight: 700;
}

.view-toggle-group[b-71l7dnjacy] {
    display: flex;
    gap: 6px;
    background: var(--info-row-bg);
    padding: 4px;
    border-radius: 12px;
}

.view-toggle-btn[b-71l7dnjacy] {
    background: transparent;
    border: none;
    padding: 10px 14px;
    border-radius: 10px;
    color: var(--text-muted);
    font-size: 13px;
    font-weight: 600;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    cursor: pointer;
    transition: all 0.2s ease;
    min-width: 60px;
}

    .view-toggle-btn i[b-71l7dnjacy] {
        font-size: 20px;
    }

    .view-toggle-btn.active[b-71l7dnjacy] {
        background: var(--primary-gradient);
        background-color: var(--primary-solid);
        color: white;
        box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3);
    }

.expandable-filters[b-71l7dnjacy] {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
    margin-top: 0;
}

    .expandable-filters.expanded[b-71l7dnjacy] {
        max-height: 500px;
        margin-top: 12px;
    }

.filter-grid[b-71l7dnjacy] {
    background: var(--card-bg);
    border-radius: 16px;
    padding: 16px;
    box-shadow: var(--shadow-sm);
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.filter-block[b-71l7dnjacy] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.filter-block-label[b-71l7dnjacy] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    font-weight: 600;
    color: var(--text-secondary);
}

    .filter-block-label i[b-71l7dnjacy] {
        font-size: 18px;
        color: var(--primary-solid);
    }

.clear-filters-btn[b-71l7dnjacy] {
    background: var(--danger-gradient);
    background-color: var(--danger-solid);
    border: none;
    padding: 12px;
    border-radius: 12px;
    color: white;
    font-size: 14px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    cursor: pointer;
    margin-top: 12px;
    transition: all 0.2s ease;
    box-shadow: 0 4px 12px rgba(252, 129, 129, 0.3);
}

    .clear-filters-btn:active[b-71l7dnjacy] {
        transform: scale(0.98);
    }

.loading-overlay[b-71l7dnjacy] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 20px;
    gap: 20px;
}

.loading-spinner[b-71l7dnjacy] {
    position: relative;
    width: 60px;
    height: 60px;
}

.spinner-ring[b-71l7dnjacy] {
    position: absolute;
    width: 100%;
    height: 100%;
    border: 3px solid transparent;
    border-top-color: var(--primary-solid);
    border-radius: 50%;
    animation: spin-b-71l7dnjacy 1s linear infinite;
}

    .spinner-ring:nth-child(2)[b-71l7dnjacy] {
        border-top-color: var(--primary-dark);
        animation-delay: 0.15s;
    }

    .spinner-ring:nth-child(3)[b-71l7dnjacy] {
        border-top-color: var(--success-solid);
        animation-delay: 0.3s;
    }

@keyframes spin-b-71l7dnjacy {
    to {
        transform: rotate(360deg);
    }
}

.loading-text[b-71l7dnjacy] {
    font-size: 16px;
    font-weight: 600;
    color: var(--text-secondary);
}

.sales-list-container[b-71l7dnjacy] {
    padding: 12px;
    padding-bottom: 100px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.sales-card[b-71l7dnjacy] {
    background: var(--card-bg);
    border-radius: 16px;
    overflow: hidden;
    box-shadow: var(--shadow-sm);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer;
    border: 2px solid transparent;
}

    .sales-card:active[b-71l7dnjacy] {
        transform: scale(0.98);
    }

    .sales-card.expanded[b-71l7dnjacy] {
        border-color: var(--primary-dark);
        box-shadow: var(--shadow-md);
    }

.card-header-section[b-71l7dnjacy] {
    padding: 16px;
    background: var(--card-header-bg);
    border-bottom: 1px solid var(--border-color);
}

.card-title-row[b-71l7dnjacy] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
}

.card-title[b-71l7dnjacy] {
    font-size: 16px;
    font-weight: 700;
    color: var(--text-primary);
    margin: 0;
}

.expand-icon[b-71l7dnjacy] {
    font-size: 20px;
    color: var(--primary-solid);
    transition: transform 0.3s ease;
}

.sales-card.expanded .expand-icon[b-71l7dnjacy] {
    transform: rotate(180deg);
    color: var(--primary-dark);
}

.card-quick-stats[b-71l7dnjacy] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.quick-stat[b-71l7dnjacy] {
    background: var(--card-bg);
    padding: 12px;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

    .quick-stat.primary[b-71l7dnjacy] {
        background: linear-gradient(135deg, rgba(102, 126, 234, 0.1) 0%, rgba(118, 75, 162, 0.1) 100%);
    }

    .quick-stat.secondary[b-71l7dnjacy] {
        background: linear-gradient(135deg, rgba(72, 187, 120, 0.1) 0%, rgba(56, 161, 105, 0.1) 100%);
    }

.stat-label[b-71l7dnjacy] {
    font-size: 11px;
    color: var(--text-muted);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.stat-value[b-71l7dnjacy] {
    font-size: 16px;
    font-weight: 800;
    color: var(--text-primary);
}

.card-content[b-71l7dnjacy] {
    padding: 0;
    background: var(--card-bg);
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.sales-card.expanded .card-content[b-71l7dnjacy] {
    max-height: 1000px;
    opacity: 1;
    padding: 16px;
}

.detail-grid[b-71l7dnjacy] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.detail-item[b-71l7dnjacy] {
    background: var(--info-row-bg);
    padding: 14px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    gap: 12px;
    transition: all 0.2s ease;
}

    .detail-item:active[b-71l7dnjacy] {
        transform: translateX(4px);
        background: var(--border-color);
    }

    .detail-item.highlight[b-71l7dnjacy] {
        background: linear-gradient(135deg, rgba(102, 126, 234, 0.1) 0%, rgba(118, 75, 162, 0.1) 100%);
        border: 2px solid var(--primary-solid);
    }

    .detail-item > i[b-71l7dnjacy] {
        font-size: 24px;
        color: var(--primary-solid);
        flex-shrink: 0;
    }

.detail-info[b-71l7dnjacy] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.detail-label[b-71l7dnjacy] {
    font-size: 12px;
    color: var(--text-muted);
    font-weight: 600;
}

.detail-value[b-71l7dnjacy] {
    font-size: 15px;
    font-weight: 700;
    color: var(--text-primary);
}

    .detail-value.primary[b-71l7dnjacy] {
        color: var(--primary-solid);
    }

    .detail-value.success[b-71l7dnjacy] {
        color: var(--success-solid);
    }

    .detail-value.warning[b-71l7dnjacy] {
        color: var(--warning-solid);
    }

.pagination-footer[b-71l7dnjacy] {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: var(--card-bg);
    border-top: 1px solid var(--border-color);
    box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.08);
    z-index: 90;
    padding: 12px;
}

.pagination-controls[b-71l7dnjacy] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-bottom: 12px;
}

.pagination-btn[b-71l7dnjacy] {
    background: var(--primary-gradient);
    background-color: var(--primary-solid);
    border: none;
    width: 36px;
    height: 36px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: white;
    font-size: 16px;
    transition: all 0.2s ease;
    box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3);
}

    .pagination-btn:active:not(:disabled)[b-71l7dnjacy] {
        transform: scale(0.95);
    }

    .pagination-btn:disabled[b-71l7dnjacy] {
        background: var(--border-color);
        color: var(--text-muted);
        cursor: not-allowed;
        opacity: 0.5;
        box-shadow: none;
    }

.pagination-info[b-71l7dnjacy] {
    display: flex;
    align-items: center;
    gap: 6px;
    background: var(--card-header-bg);
    padding: 8px 16px;
    border-radius: 10px;
    font-weight: 700;
    box-shadow: var(--shadow-sm);
}

    .pagination-info .current-page[b-71l7dnjacy] {
        font-size: 16px;
        color: var(--primary-solid);
    }

    .pagination-info .separator[b-71l7dnjacy] {
        font-size: 14px;
        color: var(--text-muted);
    }

    .pagination-info .total-pages[b-71l7dnjacy] {
        font-size: 14px;
        color: var(--text-secondary);
    }

.pagination-details[b-71l7dnjacy] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.page-size-selector[b-71l7dnjacy] {
    background: var(--card-header-bg);
    border: 2px solid var(--border-color);
    padding: 8px 12px;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 600;
    color: var(--text-primary);
    cursor: pointer;
    transition: all 0.2s ease;
}

    .page-size-selector:focus[b-71l7dnjacy] {
        outline: none;
        border-color: var(--primary-solid);
        box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
    }

.pagination-text[b-71l7dnjacy] {
    font-size: 12px;
    color: var(--text-secondary);
    font-weight: 600;
    text-align: right;
    flex: 1;
}

.seperator[b-71l7dnjacy] {
    margin-top: -40px;
}

.chart-container[b-71l7dnjacy] {
    padding: 12px;
    padding-bottom: 20px;
    min-height: calc(100vh - 200px);
}

.chart-wrapper[b-71l7dnjacy] {
    background: var(--card-bg);
    border-radius: 16px;
    padding: 16px;
    box-shadow: var(--shadow-sm);
    margin-bottom: 12px;
    overflow-x: auto;
    min-height: 500px;
}

    .chart-wrapper .dx-chart[b-71l7dnjacy] {
        min-height: 500px !important;
    }

.chart-stats[b-71l7dnjacy] {
    background: var(--card-bg);
    border-radius: 16px;
    padding: 16px;
    box-shadow: var(--shadow-sm);
}

.stats-title[b-71l7dnjacy] {
    font-size: 18px;
    font-weight: 700;
    color: var(--text-primary);
    margin: 0 0 16px 0;
    display: flex;
    align-items: center;
    gap: 8px;
}

    .stats-title[b-71l7dnjacy]::before {
        content: '';
        width: 4px;
        height: 24px;
        background: var(--primary-gradient);
        background-color: var(--primary-solid);
        border-radius: 2px;
    }

.stats-grid[b-71l7dnjacy] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.stat-card[b-71l7dnjacy] {
    background: var(--info-row-bg);
    padding: 16px;
    border-radius: 12px;
    display: flex;
    gap: 12px;
    transition: all 0.2s ease;
}

    .stat-card:active[b-71l7dnjacy] {
        transform: translateY(-2px);
        box-shadow: var(--shadow-sm);
    }

.stat-icon[b-71l7dnjacy] {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background: var(--primary-gradient);
    background-color: var(--primary-solid);
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 24px;
    flex-shrink: 0;
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
}

    .stat-icon.success[b-71l7dnjacy] {
        background: var(--success-gradient);
        background-color: var(--success-solid);
        box-shadow: 0 4px 12px rgba(72, 187, 120, 0.3);
    }

    .stat-icon.primary[b-71l7dnjacy] {
        background: var(--primary-gradient);
        background-color: var(--primary-solid);
    }

    .stat-icon.warning[b-71l7dnjacy] {
        background: var(--warning-gradient);
        background-color: var(--warning-solid);
        box-shadow: 0 4px 12px rgba(246, 173, 85, 0.3);
    }

.stat-content[b-71l7dnjacy] {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 4px;
}

    .stat-content .stat-label[b-71l7dnjacy] {
        font-size: 11px;
        color: var(--text-muted);
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 0.5px;
    }

    .stat-content .stat-value[b-71l7dnjacy] {
        font-size: 16px;
        font-weight: 800;
        color: var(--text-primary);
    }

.empty-state[b-71l7dnjacy] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 20px;
    gap: 16px;
    text-align: center;
}

    .empty-state i[b-71l7dnjacy] {
        font-size: 80px;
        color: var(--text-muted);
        opacity: 0.5;
    }

    .empty-state h3[b-71l7dnjacy] {
        font-size: 20px;
        font-weight: 700;
        color: var(--text-primary);
        margin: 0;
    }

    .empty-state p[b-71l7dnjacy] {
        font-size: 14px;
        color: var(--text-secondary);
        margin: 0;
    }

@media (max-width: 360px) {
    .filter-row[b-71l7dnjacy] {
        grid-template-columns: 1fr;
    }

    .card-quick-stats[b-71l7dnjacy] {
        grid-template-columns: 1fr;
    }

    .stats-grid[b-71l7dnjacy] {
        grid-template-columns: 1fr;
    }
}

@media (min-width: 768px) {
    .mobile-sales-report-container[b-71l7dnjacy] {
        display: none;
    }
}
/* _content/Client/Pages/BI/SatisYonetimi/SatisYonetimiMobil/MusteriBazliSatisRaporuMobil.razor.rz.scp.css */
:root[b-zwd11ozs72] {
    --primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    --primary-solid: #667eea;
    --primary-dark: #764ba2;
    --success-gradient: linear-gradient(135deg, #48bb78 0%, #38a169 100%);
    --success-solid: #48bb78;
    --warning-gradient: linear-gradient(135deg, #f6ad55 0%, #ed8936 100%);
    --warning-solid: #f6ad55;
    --danger-gradient: linear-gradient(135deg, #fc8181 0%, #f56565 100%);
    --danger-solid: #fc8181;
    --card-bg: #ffffff;
    --card-header-bg: linear-gradient(135deg, #f7fafc 0%, #edf2f7 100%);
    --text-primary: #1a202c;
    --text-secondary: #4a5568;
    --text-muted: #718096;
    --border-color: #e2e8f0;
    --info-row-bg: #f7fafc;
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.08);
    --shadow-md: 0 4px 16px rgba(102, 126, 234, 0.2);
}

[data-bs-theme="dark"][b-zwd11ozs72] {
    --primary-solid: #8b9aee;
    --primary-dark: #9a7bc2;
    --success-solid: #68d391;
    --warning-solid: #fbbf24;
    --danger-solid: #fca5a5;
    --card-bg: #1e293b;
    --card-header-bg: linear-gradient(135deg, #334155 0%, #1e293b 100%);
    --text-primary: #f1f5f9;
    --text-secondary: #cbd5e1;
    --text-muted: #94a3b8;
    --border-color: #334155;
    --info-row-bg: #0f172a;
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3);
    --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4);
}

/* CONTAINER */
.mobile-sales-report-container[b-zwd11ozs72] {
    width: 100%;
    min-height: 100vh;
    background: var(--info-row-bg);
    padding-bottom: 20px;
}

/* SAB�T HEADER */
.report-header-sticky[b-zwd11ozs72] {
    position: sticky;
    top: 0;
    z-index: 100;
    background: var(--info-row-bg);
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
    margin-top: 1rem;
}

/* TAR�H F�LTRELER� */
.date-filters-card[b-zwd11ozs72] {
    background: var(--card-bg);
    border-radius: 16px;
    padding: 16px;
    margin-bottom: 12px;
    box-shadow: var(--shadow-sm);
}

.filter-row[b-zwd11ozs72] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.filter-item[b-zwd11ozs72] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.filter-label[b-zwd11ozs72] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    font-weight: 600;
    color: var(--text-secondary);
}

    .filter-label i[b-zwd11ozs72] {
        font-size: 18px;
        color: var(--primary-solid);
    }

/* KONTROL KARTLARI */
.controls-card[b-zwd11ozs72] {
    background: var(--card-bg);
    border-radius: 16px;
    padding: 12px;
    box-shadow: var(--shadow-sm);
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
}

.filter-expand-btn[b-zwd11ozs72] {
    flex: 1;
    background: var(--primary-gradient);
    background-color: var(--primary-solid);
    border: none;
    padding: 12px 16px;
    border-radius: 12px;
    color: white;
    font-size: 14px;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
    position: relative;
}

    .filter-expand-btn:active[b-zwd11ozs72] {
        transform: scale(0.98);
    }

    .filter-expand-btn span[b-zwd11ozs72] {
        flex: 1;
    }

    .filter-expand-btn .chevron[b-zwd11ozs72] {
        font-size: 16px;
        transition: transform 0.3s ease;
    }

    .filter-expand-btn.active .chevron[b-zwd11ozs72] {
        transform: rotate(180deg);
    }

.filter-badge[b-zwd11ozs72] {
    background: rgba(255, 255, 255, 0.3);
    padding: 2px 8px;
    border-radius: 10px;
    font-size: 12px;
    font-weight: 700;
}

.view-toggle-group[b-zwd11ozs72] {
    display: flex;
    gap: 6px;
    background: var(--info-row-bg);
    padding: 4px;
    border-radius: 12px;
}

.view-toggle-btn[b-zwd11ozs72] {
    background: transparent;
    border: none;
    padding: 10px 14px;
    border-radius: 10px;
    color: var(--text-muted);
    font-size: 13px;
    font-weight: 600;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    cursor: pointer;
    transition: all 0.2s ease;
    min-width: 60px;
}

    .view-toggle-btn i[b-zwd11ozs72] {
        font-size: 20px;
    }

    .view-toggle-btn.active[b-zwd11ozs72] {
        background: var(--primary-gradient);
        background-color: var(--primary-solid);
        color: white;
        box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3);
    }

.expandable-filters[b-zwd11ozs72] {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
    margin-top: 0;
}

    .expandable-filters.expanded[b-zwd11ozs72] {
        max-height: 500px;
        margin-top: 12px;
    }

.filter-grid[b-zwd11ozs72] {
    background: var(--card-bg);
    border-radius: 16px;
    padding: 16px;
    box-shadow: var(--shadow-sm);
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.filter-block[b-zwd11ozs72] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.filter-block-label[b-zwd11ozs72] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    font-weight: 600;
    color: var(--text-secondary);
}

    .filter-block-label i[b-zwd11ozs72] {
        font-size: 18px;
        color: var(--primary-solid);
    }

.clear-filters-btn[b-zwd11ozs72] {
    background: var(--danger-gradient);
    background-color: var(--danger-solid);
    border: none;
    padding: 12px;
    border-radius: 12px;
    color: white;
    font-size: 14px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    cursor: pointer;
    margin-top: 12px;
    transition: all 0.2s ease;
    box-shadow: 0 4px 12px rgba(252, 129, 129, 0.3);
}

    .clear-filters-btn:active[b-zwd11ozs72] {
        transform: scale(0.98);
    }

.loading-overlay[b-zwd11ozs72] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 20px;
    gap: 20px;
}

.loading-spinner[b-zwd11ozs72] {
    position: relative;
    width: 60px;
    height: 60px;
}

.spinner-ring[b-zwd11ozs72] {
    position: absolute;
    width: 100%;
    height: 100%;
    border: 3px solid transparent;
    border-top-color: var(--primary-solid);
    border-radius: 50%;
    animation: spin-b-zwd11ozs72 1s linear infinite;
}

    .spinner-ring:nth-child(2)[b-zwd11ozs72] {
        border-top-color: var(--primary-dark);
        animation-delay: 0.15s;
    }

    .spinner-ring:nth-child(3)[b-zwd11ozs72] {
        border-top-color: var(--success-solid);
        animation-delay: 0.3s;
    }

@keyframes spin-b-zwd11ozs72 {
    to {
        transform: rotate(360deg);
    }
}

.loading-text[b-zwd11ozs72] {
    font-size: 16px;
    font-weight: 600;
    color: var(--text-secondary);
}

.sales-list-container[b-zwd11ozs72] {
    padding: 12px;
    padding-bottom: 100px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.sales-card[b-zwd11ozs72] {
    background: var(--card-bg);
    border-radius: 16px;
    overflow: hidden;
    box-shadow: var(--shadow-sm);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer;
    border: 2px solid transparent;
}

    .sales-card:active[b-zwd11ozs72] {
        transform: scale(0.98);
    }

    .sales-card.expanded[b-zwd11ozs72] {
        border-color: var(--primary-dark);
        box-shadow: var(--shadow-md);
    }

.card-header-section[b-zwd11ozs72] {
    padding: 16px;
    background: var(--card-header-bg);
    border-bottom: 1px solid var(--border-color);
}

.card-title-row[b-zwd11ozs72] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
}

.card-title[b-zwd11ozs72] {
    font-size: 16px;
    font-weight: 700;
    color: var(--text-primary);
    margin: 0;
}

.expand-icon[b-zwd11ozs72] {
    font-size: 20px;
    color: var(--primary-solid);
    transition: transform 0.3s ease;
}

.sales-card.expanded .expand-icon[b-zwd11ozs72] {
    transform: rotate(180deg);
    color: var(--primary-dark);
}

.card-quick-stats[b-zwd11ozs72] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.quick-stat[b-zwd11ozs72] {
    background: var(--card-bg);
    padding: 12px;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

    .quick-stat.primary[b-zwd11ozs72] {
        background: linear-gradient(135deg, rgba(102, 126, 234, 0.1) 0%, rgba(118, 75, 162, 0.1) 100%);
    }

    .quick-stat.secondary[b-zwd11ozs72] {
        background: linear-gradient(135deg, rgba(72, 187, 120, 0.1) 0%, rgba(56, 161, 105, 0.1) 100%);
    }

.stat-label[b-zwd11ozs72] {
    font-size: 11px;
    color: var(--text-muted);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.stat-value[b-zwd11ozs72] {
    font-size: 16px;
    font-weight: 800;
    color: var(--text-primary);
}

.card-content[b-zwd11ozs72] {
    padding: 0;
    background: var(--card-bg);
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.sales-card.expanded .card-content[b-zwd11ozs72] {
    max-height: 1000px;
    opacity: 1;
    padding: 16px;
}

.detail-grid[b-zwd11ozs72] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.detail-item[b-zwd11ozs72] {
    background: var(--info-row-bg);
    padding: 14px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    gap: 12px;
    transition: all 0.2s ease;
}

    .detail-item:active[b-zwd11ozs72] {
        transform: translateX(4px);
        background: var(--border-color);
    }

    .detail-item.highlight[b-zwd11ozs72] {
        background: linear-gradient(135deg, rgba(102, 126, 234, 0.1) 0%, rgba(118, 75, 162, 0.1) 100%);
        border: 2px solid var(--primary-solid);
    }

    .detail-item > i[b-zwd11ozs72] {
        font-size: 24px;
        color: var(--primary-solid);
        flex-shrink: 0;
    }

.detail-info[b-zwd11ozs72] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.detail-label[b-zwd11ozs72] {
    font-size: 12px;
    color: var(--text-muted);
    font-weight: 600;
}

.detail-value[b-zwd11ozs72] {
    font-size: 15px;
    font-weight: 700;
    color: var(--text-primary);
}

    .detail-value.primary[b-zwd11ozs72] {
        color: var(--primary-solid);
    }

    .detail-value.success[b-zwd11ozs72] {
        color: var(--success-solid);
    }

    .detail-value.warning[b-zwd11ozs72] {
        color: var(--warning-solid);
    }

.pagination-footer[b-zwd11ozs72] {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: var(--card-bg);
    border-top: 1px solid var(--border-color);
    box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.08);
    z-index: 90;
    padding: 12px;
}

.pagination-controls[b-zwd11ozs72] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-bottom: 12px;
}

.pagination-btn[b-zwd11ozs72] {
    background: var(--primary-gradient);
    background-color: var(--primary-solid);
    border: none;
    width: 36px;
    height: 36px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: white;
    font-size: 16px;
    transition: all 0.2s ease;
    box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3);
}

    .pagination-btn:active:not(:disabled)[b-zwd11ozs72] {
        transform: scale(0.95);
    }

    .pagination-btn:disabled[b-zwd11ozs72] {
        background: var(--border-color);
        color: var(--text-muted);
        cursor: not-allowed;
        opacity: 0.5;
        box-shadow: none;
    }

.pagination-info[b-zwd11ozs72] {
    display: flex;
    align-items: center;
    gap: 6px;
    background: var(--card-header-bg);
    padding: 8px 16px;
    border-radius: 10px;
    font-weight: 700;
    box-shadow: var(--shadow-sm);
}

    .pagination-info .current-page[b-zwd11ozs72] {
        font-size: 16px;
        color: var(--primary-solid);
    }

    .pagination-info .separator[b-zwd11ozs72] {
        font-size: 14px;
        color: var(--text-muted);
    }

    .pagination-info .total-pages[b-zwd11ozs72] {
        font-size: 14px;
        color: var(--text-secondary);
    }

.pagination-details[b-zwd11ozs72] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.page-size-selector[b-zwd11ozs72] {
    background: var(--card-header-bg);
    border: 2px solid var(--border-color);
    padding: 8px 12px;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 600;
    color: var(--text-primary);
    cursor: pointer;
    transition: all 0.2s ease;
}

    .page-size-selector:focus[b-zwd11ozs72] {
        outline: none;
        border-color: var(--primary-solid);
        box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
    }

.pagination-text[b-zwd11ozs72] {
    font-size: 12px;
    color: var(--text-secondary);
    font-weight: 600;
    text-align: right;
    flex: 1;
}

.seperator[b-zwd11ozs72] {
    margin-top: -40px;
}

.chart-container[b-zwd11ozs72] {
    padding: 12px;
    padding-bottom: 20px;
    min-height: calc(100vh - 200px);
}

.chart-wrapper[b-zwd11ozs72] {
    background: var(--card-bg);
    border-radius: 16px;
    padding: 16px;
    box-shadow: var(--shadow-sm);
    margin-bottom: 12px;
    overflow-x: auto;
    min-height: 500px;
}

    .chart-wrapper .dx-chart[b-zwd11ozs72] {
        min-height: 500px !important;
    }

.chart-stats[b-zwd11ozs72] {
    background: var(--card-bg);
    border-radius: 16px;
    padding: 16px;
    box-shadow: var(--shadow-sm);
}

.stats-title[b-zwd11ozs72] {
    font-size: 18px;
    font-weight: 700;
    color: var(--text-primary);
    margin: 0 0 16px 0;
    display: flex;
    align-items: center;
    gap: 8px;
}

    .stats-title[b-zwd11ozs72]::before {
        content: '';
        width: 4px;
        height: 24px;
        background: var(--primary-gradient);
        background-color: var(--primary-solid);
        border-radius: 2px;
    }

.stats-grid[b-zwd11ozs72] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.stat-card[b-zwd11ozs72] {
    background: var(--info-row-bg);
    padding: 16px;
    border-radius: 12px;
    display: flex;
    gap: 12px;
    transition: all 0.2s ease;
}

    .stat-card:active[b-zwd11ozs72] {
        transform: translateY(-2px);
        box-shadow: var(--shadow-sm);
    }

.stat-icon[b-zwd11ozs72] {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background: var(--primary-gradient);
    background-color: var(--primary-solid);
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 24px;
    flex-shrink: 0;
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
}

    .stat-icon.success[b-zwd11ozs72] {
        background: var(--success-gradient);
        background-color: var(--success-solid);
        box-shadow: 0 4px 12px rgba(72, 187, 120, 0.3);
    }

    .stat-icon.primary[b-zwd11ozs72] {
        background: var(--primary-gradient);
        background-color: var(--primary-solid);
    }

    .stat-icon.warning[b-zwd11ozs72] {
        background: var(--warning-gradient);
        background-color: var(--warning-solid);
        box-shadow: 0 4px 12px rgba(246, 173, 85, 0.3);
    }

.stat-content[b-zwd11ozs72] {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 4px;
}

    .stat-content .stat-label[b-zwd11ozs72] {
        font-size: 11px;
        color: var(--text-muted);
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 0.5px;
    }

    .stat-content .stat-value[b-zwd11ozs72] {
        font-size: 16px;
        font-weight: 800;
        color: var(--text-primary);
    }

.empty-state[b-zwd11ozs72] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 20px;
    gap: 16px;
    text-align: center;
}

    .empty-state i[b-zwd11ozs72] {
        font-size: 80px;
        color: var(--text-muted);
        opacity: 0.5;
    }

    .empty-state h3[b-zwd11ozs72] {
        font-size: 20px;
        font-weight: 700;
        color: var(--text-primary);
        margin: 0;
    }

    .empty-state p[b-zwd11ozs72] {
        font-size: 14px;
        color: var(--text-secondary);
        margin: 0;
    }

@media (max-width: 360px) {
    .filter-row[b-zwd11ozs72] {
        grid-template-columns: 1fr;
    }

    .card-quick-stats[b-zwd11ozs72] {
        grid-template-columns: 1fr;
    }

    .stats-grid[b-zwd11ozs72] {
        grid-template-columns: 1fr;
    }
}

@media (min-width: 768px) {
    .mobile-sales-report-container[b-zwd11ozs72] {
        display: none;
    }
}
/* _content/Client/Pages/BI/SatisYonetimi/SatisYonetimiMobil/PersonelBazliSatisRaporuMobil.razor.rz.scp.css */
:root[b-mv10s54sh3] {
    --primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    --primary-solid: #667eea;
    --primary-dark: #764ba2;
    --success-gradient: linear-gradient(135deg, #48bb78 0%, #38a169 100%);
    --success-solid: #48bb78;
    --warning-gradient: linear-gradient(135deg, #f6ad55 0%, #ed8936 100%);
    --warning-solid: #f6ad55;
    --danger-gradient: linear-gradient(135deg, #fc8181 0%, #f56565 100%);
    --danger-solid: #fc8181;
    --card-bg: #ffffff;
    --card-header-bg: linear-gradient(135deg, #f7fafc 0%, #edf2f7 100%);
    --text-primary: #1a202c;
    --text-secondary: #4a5568;
    --text-muted: #718096;
    --border-color: #e2e8f0;
    --info-row-bg: #f7fafc;
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.08);
    --shadow-md: 0 4px 16px rgba(102, 126, 234, 0.2);
}

[data-bs-theme="dark"][b-mv10s54sh3] {
    --primary-solid: #8b9aee;
    --primary-dark: #9a7bc2;
    --success-solid: #68d391;
    --warning-solid: #fbbf24;
    --danger-solid: #fca5a5;
    --card-bg: #1e293b;
    --card-header-bg: linear-gradient(135deg, #334155 0%, #1e293b 100%);
    --text-primary: #f1f5f9;
    --text-secondary: #cbd5e1;
    --text-muted: #94a3b8;
    --border-color: #334155;
    --info-row-bg: #0f172a;
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3);
    --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4);
}

/* CONTAINER */
.mobile-sales-report-container[b-mv10s54sh3] {
    width: 100%;
    min-height: 100vh;
    background: var(--info-row-bg);
    padding-bottom: 20px;
}

/* SAB�T HEADER */
.report-header-sticky[b-mv10s54sh3] {
    position: sticky;
    top: 0;
    z-index: 100;
    background: var(--info-row-bg);
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
    margin-top: 1rem;
}

/* TAR�H F�LTRELER� */
.date-filters-card[b-mv10s54sh3] {
    background: var(--card-bg);
    border-radius: 16px;
    padding: 16px;
    margin-bottom: 12px;
    box-shadow: var(--shadow-sm);
}

.filter-row[b-mv10s54sh3] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.filter-item[b-mv10s54sh3] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.filter-label[b-mv10s54sh3] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    font-weight: 600;
    color: var(--text-secondary);
}

    .filter-label i[b-mv10s54sh3] {
        font-size: 18px;
        color: var(--primary-solid);
    }

/* KONTROL KARTLARI */
.controls-card[b-mv10s54sh3] {
    background: var(--card-bg);
    border-radius: 16px;
    padding: 12px;
    box-shadow: var(--shadow-sm);
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
}

.filter-expand-btn[b-mv10s54sh3] {
    flex: 1;
    background: var(--primary-gradient);
    background-color: var(--primary-solid);
    border: none;
    padding: 12px 16px;
    border-radius: 12px;
    color: white;
    font-size: 14px;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
    position: relative;
}

    .filter-expand-btn:active[b-mv10s54sh3] {
        transform: scale(0.98);
    }

    .filter-expand-btn span[b-mv10s54sh3] {
        flex: 1;
    }

    .filter-expand-btn .chevron[b-mv10s54sh3] {
        font-size: 16px;
        transition: transform 0.3s ease;
    }

    .filter-expand-btn.active .chevron[b-mv10s54sh3] {
        transform: rotate(180deg);
    }

.filter-badge[b-mv10s54sh3] {
    background: rgba(255, 255, 255, 0.3);
    padding: 2px 8px;
    border-radius: 10px;
    font-size: 12px;
    font-weight: 700;
}

.view-toggle-group[b-mv10s54sh3] {
    display: flex;
    gap: 6px;
    background: var(--info-row-bg);
    padding: 4px;
    border-radius: 12px;
}

.view-toggle-btn[b-mv10s54sh3] {
    background: transparent;
    border: none;
    padding: 10px 14px;
    border-radius: 10px;
    color: var(--text-muted);
    font-size: 13px;
    font-weight: 600;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    cursor: pointer;
    transition: all 0.2s ease;
    min-width: 60px;
}

    .view-toggle-btn i[b-mv10s54sh3] {
        font-size: 20px;
    }

    .view-toggle-btn.active[b-mv10s54sh3] {
        background: var(--primary-gradient);
        background-color: var(--primary-solid);
        color: white;
        box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3);
    }

.expandable-filters[b-mv10s54sh3] {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
    margin-top: 0;
}

    .expandable-filters.expanded[b-mv10s54sh3] {
        max-height: 500px;
        margin-top: 12px;
    }

.filter-grid[b-mv10s54sh3] {
    background: var(--card-bg);
    border-radius: 16px;
    padding: 16px;
    box-shadow: var(--shadow-sm);
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.filter-block[b-mv10s54sh3] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.filter-block-label[b-mv10s54sh3] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    font-weight: 600;
    color: var(--text-secondary);
}

    .filter-block-label i[b-mv10s54sh3] {
        font-size: 18px;
        color: var(--primary-solid);
    }

.clear-filters-btn[b-mv10s54sh3] {
    background: var(--danger-gradient);
    background-color: var(--danger-solid);
    border: none;
    padding: 12px;
    border-radius: 12px;
    color: white;
    font-size: 14px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    cursor: pointer;
    margin-top: 12px;
    transition: all 0.2s ease;
    box-shadow: 0 4px 12px rgba(252, 129, 129, 0.3);
}

    .clear-filters-btn:active[b-mv10s54sh3] {
        transform: scale(0.98);
    }

.loading-overlay[b-mv10s54sh3] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 20px;
    gap: 20px;
}

.loading-spinner[b-mv10s54sh3] {
    position: relative;
    width: 60px;
    height: 60px;
}

.spinner-ring[b-mv10s54sh3] {
    position: absolute;
    width: 100%;
    height: 100%;
    border: 3px solid transparent;
    border-top-color: var(--primary-solid);
    border-radius: 50%;
    animation: spin-b-mv10s54sh3 1s linear infinite;
}

    .spinner-ring:nth-child(2)[b-mv10s54sh3] {
        border-top-color: var(--primary-dark);
        animation-delay: 0.15s;
    }

    .spinner-ring:nth-child(3)[b-mv10s54sh3] {
        border-top-color: var(--success-solid);
        animation-delay: 0.3s;
    }

@keyframes spin-b-mv10s54sh3 {
    to {
        transform: rotate(360deg);
    }
}

.loading-text[b-mv10s54sh3] {
    font-size: 16px;
    font-weight: 600;
    color: var(--text-secondary);
}

.sales-list-container[b-mv10s54sh3] {
    padding: 12px;
    padding-bottom: 100px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.sales-card[b-mv10s54sh3] {
    background: var(--card-bg);
    border-radius: 16px;
    overflow: hidden;
    box-shadow: var(--shadow-sm);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer;
    border: 2px solid transparent;
}

    .sales-card:active[b-mv10s54sh3] {
        transform: scale(0.98);
    }

    .sales-card.expanded[b-mv10s54sh3] {
        border-color: var(--primary-dark);
        box-shadow: var(--shadow-md);
    }

.card-header-section[b-mv10s54sh3] {
    padding: 16px;
    background: var(--card-header-bg);
    border-bottom: 1px solid var(--border-color);
}

.card-title-row[b-mv10s54sh3] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
}

.card-title[b-mv10s54sh3] {
    font-size: 16px;
    font-weight: 700;
    color: var(--text-primary);
    margin: 0;
}

.expand-icon[b-mv10s54sh3] {
    font-size: 20px;
    color: var(--primary-solid);
    transition: transform 0.3s ease;
}

.sales-card.expanded .expand-icon[b-mv10s54sh3] {
    transform: rotate(180deg);
    color: var(--primary-dark);
}

.card-quick-stats[b-mv10s54sh3] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.quick-stat[b-mv10s54sh3] {
    background: var(--card-bg);
    padding: 12px;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

    .quick-stat.primary[b-mv10s54sh3] {
        background: linear-gradient(135deg, rgba(102, 126, 234, 0.1) 0%, rgba(118, 75, 162, 0.1) 100%);
    }

    .quick-stat.secondary[b-mv10s54sh3] {
        background: linear-gradient(135deg, rgba(72, 187, 120, 0.1) 0%, rgba(56, 161, 105, 0.1) 100%);
    }

.stat-label[b-mv10s54sh3] {
    font-size: 11px;
    color: var(--text-muted);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.stat-value[b-mv10s54sh3] {
    font-size: 16px;
    font-weight: 800;
    color: var(--text-primary);
}

.card-content[b-mv10s54sh3] {
    padding: 0;
    background: var(--card-bg);
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.sales-card.expanded .card-content[b-mv10s54sh3] {
    max-height: 1000px;
    opacity: 1;
    padding: 16px;
}

.detail-grid[b-mv10s54sh3] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.detail-item[b-mv10s54sh3] {
    background: var(--info-row-bg);
    padding: 14px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    gap: 12px;
    transition: all 0.2s ease;
}

    .detail-item:active[b-mv10s54sh3] {
        transform: translateX(4px);
        background: var(--border-color);
    }

    .detail-item.highlight[b-mv10s54sh3] {
        background: linear-gradient(135deg, rgba(102, 126, 234, 0.1) 0%, rgba(118, 75, 162, 0.1) 100%);
        border: 2px solid var(--primary-solid);
    }

    .detail-item > i[b-mv10s54sh3] {
        font-size: 24px;
        color: var(--primary-solid);
        flex-shrink: 0;
    }

.detail-info[b-mv10s54sh3] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.detail-label[b-mv10s54sh3] {
    font-size: 12px;
    color: var(--text-muted);
    font-weight: 600;
}

.detail-value[b-mv10s54sh3] {
    font-size: 15px;
    font-weight: 700;
    color: var(--text-primary);
}

    .detail-value.primary[b-mv10s54sh3] {
        color: var(--primary-solid);
    }

    .detail-value.success[b-mv10s54sh3] {
        color: var(--success-solid);
    }

    .detail-value.warning[b-mv10s54sh3] {
        color: var(--warning-solid);
    }

.pagination-footer[b-mv10s54sh3] {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: var(--card-bg);
    border-top: 1px solid var(--border-color);
    box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.08);
    z-index: 90;
    padding: 12px;
}

.pagination-controls[b-mv10s54sh3] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-bottom: 12px;
}

.pagination-btn[b-mv10s54sh3] {
    background: var(--primary-gradient);
    background-color: var(--primary-solid);
    border: none;
    width: 36px;
    height: 36px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: white;
    font-size: 16px;
    transition: all 0.2s ease;
    box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3);
}

    .pagination-btn:active:not(:disabled)[b-mv10s54sh3] {
        transform: scale(0.95);
    }

    .pagination-btn:disabled[b-mv10s54sh3] {
        background: var(--border-color);
        color: var(--text-muted);
        cursor: not-allowed;
        opacity: 0.5;
        box-shadow: none;
    }

.pagination-info[b-mv10s54sh3] {
    display: flex;
    align-items: center;
    gap: 6px;
    background: var(--card-header-bg);
    padding: 8px 16px;
    border-radius: 10px;
    font-weight: 700;
    box-shadow: var(--shadow-sm);
}

    .pagination-info .current-page[b-mv10s54sh3] {
        font-size: 16px;
        color: var(--primary-solid);
    }

    .pagination-info .separator[b-mv10s54sh3] {
        font-size: 14px;
        color: var(--text-muted);
    }

    .pagination-info .total-pages[b-mv10s54sh3] {
        font-size: 14px;
        color: var(--text-secondary);
    }

.pagination-details[b-mv10s54sh3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.page-size-selector[b-mv10s54sh3] {
    background: var(--card-header-bg);
    border: 2px solid var(--border-color);
    padding: 8px 12px;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 600;
    color: var(--text-primary);
    cursor: pointer;
    transition: all 0.2s ease;
}

    .page-size-selector:focus[b-mv10s54sh3] {
        outline: none;
        border-color: var(--primary-solid);
        box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
    }

.pagination-text[b-mv10s54sh3] {
    font-size: 12px;
    color: var(--text-secondary);
    font-weight: 600;
    text-align: right;
    flex: 1;
}

.seperator[b-mv10s54sh3] {
    margin-top: -40px;
}

.chart-container[b-mv10s54sh3] {
    padding: 12px;
    padding-bottom: 20px;
    min-height: calc(100vh - 200px);
}

.chart-wrapper[b-mv10s54sh3] {
    background: var(--card-bg);
    border-radius: 16px;
    padding: 16px;
    box-shadow: var(--shadow-sm);
    margin-bottom: 12px;
    overflow-x: auto;
    min-height: 500px;
}

    .chart-wrapper .dx-chart[b-mv10s54sh3] {
        min-height: 500px !important;
    }

.chart-stats[b-mv10s54sh3] {
    background: var(--card-bg);
    border-radius: 16px;
    padding: 16px;
    box-shadow: var(--shadow-sm);
}

.stats-title[b-mv10s54sh3] {
    font-size: 18px;
    font-weight: 700;
    color: var(--text-primary);
    margin: 0 0 16px 0;
    display: flex;
    align-items: center;
    gap: 8px;
}

    .stats-title[b-mv10s54sh3]::before {
        content: '';
        width: 4px;
        height: 24px;
        background: var(--primary-gradient);
        background-color: var(--primary-solid);
        border-radius: 2px;
    }

.stats-grid[b-mv10s54sh3] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.stat-card[b-mv10s54sh3] {
    background: var(--info-row-bg);
    padding: 16px;
    border-radius: 12px;
    display: flex;
    gap: 12px;
    transition: all 0.2s ease;
}

    .stat-card:active[b-mv10s54sh3] {
        transform: translateY(-2px);
        box-shadow: var(--shadow-sm);
    }

.stat-icon[b-mv10s54sh3] {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background: var(--primary-gradient);
    background-color: var(--primary-solid);
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 24px;
    flex-shrink: 0;
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
}

    .stat-icon.success[b-mv10s54sh3] {
        background: var(--success-gradient);
        background-color: var(--success-solid);
        box-shadow: 0 4px 12px rgba(72, 187, 120, 0.3);
    }

    .stat-icon.primary[b-mv10s54sh3] {
        background: var(--primary-gradient);
        background-color: var(--primary-solid);
    }

    .stat-icon.warning[b-mv10s54sh3] {
        background: var(--warning-gradient);
        background-color: var(--warning-solid);
        box-shadow: 0 4px 12px rgba(246, 173, 85, 0.3);
    }

.stat-content[b-mv10s54sh3] {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 4px;
}

    .stat-content .stat-label[b-mv10s54sh3] {
        font-size: 11px;
        color: var(--text-muted);
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 0.5px;
    }

    .stat-content .stat-value[b-mv10s54sh3] {
        font-size: 16px;
        font-weight: 800;
        color: var(--text-primary);
    }

.empty-state[b-mv10s54sh3] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 20px;
    gap: 16px;
    text-align: center;
}

    .empty-state i[b-mv10s54sh3] {
        font-size: 80px;
        color: var(--text-muted);
        opacity: 0.5;
    }

    .empty-state h3[b-mv10s54sh3] {
        font-size: 20px;
        font-weight: 700;
        color: var(--text-primary);
        margin: 0;
    }

    .empty-state p[b-mv10s54sh3] {
        font-size: 14px;
        color: var(--text-secondary);
        margin: 0;
    }

@media (max-width: 360px) {
    .filter-row[b-mv10s54sh3] {
        grid-template-columns: 1fr;
    }

    .card-quick-stats[b-mv10s54sh3] {
        grid-template-columns: 1fr;
    }

    .stats-grid[b-mv10s54sh3] {
        grid-template-columns: 1fr;
    }
}

@media (min-width: 768px) {
    .mobile-sales-report-container[b-mv10s54sh3] {
        display: none;
    }
}
/* _content/Client/Pages/BI/SatisYonetimi/SatisYonetimiMobil/UrunBazliSatisRaporuMobil.razor.rz.scp.css */
:root[b-l49f8pa58r] {
    --primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    --primary-solid: #667eea;
    --primary-dark: #764ba2;
    --success-gradient: linear-gradient(135deg, #48bb78 0%, #38a169 100%);
    --success-solid: #48bb78;
    --warning-gradient: linear-gradient(135deg, #f6ad55 0%, #ed8936 100%);
    --warning-solid: #f6ad55;
    --danger-gradient: linear-gradient(135deg, #fc8181 0%, #f56565 100%);
    --danger-solid: #fc8181;
    --card-bg: #ffffff;
    --card-header-bg: linear-gradient(135deg, #f7fafc 0%, #edf2f7 100%);
    --text-primary: #1a202c;
    --text-secondary: #4a5568;
    --text-muted: #718096;
    --border-color: #e2e8f0;
    --info-row-bg: #f7fafc;
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.08);
    --shadow-md: 0 4px 16px rgba(102, 126, 234, 0.2);
}

[data-bs-theme="dark"][b-l49f8pa58r] {
    --primary-solid: #8b9aee;
    --primary-dark: #9a7bc2;
    --success-solid: #68d391;
    --warning-solid: #fbbf24;
    --danger-solid: #fca5a5;
    --card-bg: #1e293b;
    --card-header-bg: linear-gradient(135deg, #334155 0%, #1e293b 100%);
    --text-primary: #f1f5f9;
    --text-secondary: #cbd5e1;
    --text-muted: #94a3b8;
    --border-color: #334155;
    --info-row-bg: #0f172a;
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3);
    --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4);
}

/* CONTAINER */
.mobile-sales-report-container[b-l49f8pa58r] {
    width: 100%;
    min-height: 100vh;
    background: var(--info-row-bg);
    padding-bottom: 20px;
}

/* SAB�T HEADER */
.report-header-sticky[b-l49f8pa58r] {
    position: sticky;
    top: 0;
    z-index: 100;
    background: var(--info-row-bg);
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
    margin-top: 1rem;
}

/* TAR�H F�LTRELER� */
.date-filters-card[b-l49f8pa58r] {
    background: var(--card-bg);
    border-radius: 16px;
    padding: 16px;
    margin-bottom: 12px;
    box-shadow: var(--shadow-sm);
}

.filter-row[b-l49f8pa58r] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.filter-item[b-l49f8pa58r] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.filter-label[b-l49f8pa58r] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    font-weight: 600;
    color: var(--text-secondary);
}

    .filter-label i[b-l49f8pa58r] {
        font-size: 18px;
        color: var(--primary-solid);
    }

/* KONTROL KARTLARI */
.controls-card[b-l49f8pa58r] {
    background: var(--card-bg);
    border-radius: 16px;
    padding: 12px;
    box-shadow: var(--shadow-sm);
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
}

.filter-expand-btn[b-l49f8pa58r] {
    flex: 1;
    background: var(--primary-gradient);
    background-color: var(--primary-solid);
    border: none;
    padding: 12px 16px;
    border-radius: 12px;
    color: white;
    font-size: 14px;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
    position: relative;
}

    .filter-expand-btn:active[b-l49f8pa58r] {
        transform: scale(0.98);
    }

    .filter-expand-btn span[b-l49f8pa58r] {
        flex: 1;
    }

    .filter-expand-btn .chevron[b-l49f8pa58r] {
        font-size: 16px;
        transition: transform 0.3s ease;
    }

    .filter-expand-btn.active .chevron[b-l49f8pa58r] {
        transform: rotate(180deg);
    }

.filter-badge[b-l49f8pa58r] {
    background: rgba(255, 255, 255, 0.3);
    padding: 2px 8px;
    border-radius: 10px;
    font-size: 12px;
    font-weight: 700;
}

.view-toggle-group[b-l49f8pa58r] {
    display: flex;
    gap: 6px;
    background: var(--info-row-bg);
    padding: 4px;
    border-radius: 12px;
}

.view-toggle-btn[b-l49f8pa58r] {
    background: transparent;
    border: none;
    padding: 10px 14px;
    border-radius: 10px;
    color: var(--text-muted);
    font-size: 13px;
    font-weight: 600;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    cursor: pointer;
    transition: all 0.2s ease;
    min-width: 60px;
}

    .view-toggle-btn i[b-l49f8pa58r] {
        font-size: 20px;
    }

    .view-toggle-btn.active[b-l49f8pa58r] {
        background: var(--primary-gradient);
        background-color: var(--primary-solid);
        color: white;
        box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3);
    }

.expandable-filters[b-l49f8pa58r] {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
    margin-top: 0;
}

    .expandable-filters.expanded[b-l49f8pa58r] {
        max-height: 500px;
        margin-top: 12px;
    }

.filter-grid[b-l49f8pa58r] {
    background: var(--card-bg);
    border-radius: 16px;
    padding: 16px;
    box-shadow: var(--shadow-sm);
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.filter-block[b-l49f8pa58r] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.filter-block-label[b-l49f8pa58r] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    font-weight: 600;
    color: var(--text-secondary);
}

    .filter-block-label i[b-l49f8pa58r] {
        font-size: 18px;
        color: var(--primary-solid);
    }

.clear-filters-btn[b-l49f8pa58r] {
    background: var(--danger-gradient);
    background-color: var(--danger-solid);
    border: none;
    padding: 12px;
    border-radius: 12px;
    color: white;
    font-size: 14px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    cursor: pointer;
    margin-top: 12px;
    transition: all 0.2s ease;
    box-shadow: 0 4px 12px rgba(252, 129, 129, 0.3);
}

    .clear-filters-btn:active[b-l49f8pa58r] {
        transform: scale(0.98);
    }

.loading-overlay[b-l49f8pa58r] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 20px;
    gap: 20px;
}

.loading-spinner[b-l49f8pa58r] {
    position: relative;
    width: 60px;
    height: 60px;
}

.spinner-ring[b-l49f8pa58r] {
    position: absolute;
    width: 100%;
    height: 100%;
    border: 3px solid transparent;
    border-top-color: var(--primary-solid);
    border-radius: 50%;
    animation: spin-b-l49f8pa58r 1s linear infinite;
}

    .spinner-ring:nth-child(2)[b-l49f8pa58r] {
        border-top-color: var(--primary-dark);
        animation-delay: 0.15s;
    }

    .spinner-ring:nth-child(3)[b-l49f8pa58r] {
        border-top-color: var(--success-solid);
        animation-delay: 0.3s;
    }

@keyframes spin-b-l49f8pa58r {
    to {
        transform: rotate(360deg);
    }
}

.loading-text[b-l49f8pa58r] {
    font-size: 16px;
    font-weight: 600;
    color: var(--text-secondary);
}

.sales-list-container[b-l49f8pa58r] {
    padding: 12px;
    padding-bottom: 100px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.sales-card[b-l49f8pa58r] {
    background: var(--card-bg);
    border-radius: 16px;
    overflow: hidden;
    box-shadow: var(--shadow-sm);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer;
    border: 2px solid transparent;
}

    .sales-card:active[b-l49f8pa58r] {
        transform: scale(0.98);
    }

    .sales-card.expanded[b-l49f8pa58r] {
        border-color: var(--primary-dark);
        box-shadow: var(--shadow-md);
    }

.card-header-section[b-l49f8pa58r] {
    padding: 16px;
    background: var(--card-header-bg);
    border-bottom: 1px solid var(--border-color);
}

.card-title-row[b-l49f8pa58r] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
}

.card-title[b-l49f8pa58r] {
    font-size: 16px;
    font-weight: 700;
    color: var(--text-primary);
    margin: 0;
}

.expand-icon[b-l49f8pa58r] {
    font-size: 20px;
    color: var(--primary-solid);
    transition: transform 0.3s ease;
}

.sales-card.expanded .expand-icon[b-l49f8pa58r] {
    transform: rotate(180deg);
    color: var(--primary-dark);
}

.card-quick-stats[b-l49f8pa58r] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.quick-stat[b-l49f8pa58r] {
    background: var(--card-bg);
    padding: 12px;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

    .quick-stat.primary[b-l49f8pa58r] {
        background: linear-gradient(135deg, rgba(102, 126, 234, 0.1) 0%, rgba(118, 75, 162, 0.1) 100%);
    }

    .quick-stat.secondary[b-l49f8pa58r] {
        background: linear-gradient(135deg, rgba(72, 187, 120, 0.1) 0%, rgba(56, 161, 105, 0.1) 100%);
    }

.stat-label[b-l49f8pa58r] {
    font-size: 11px;
    color: var(--text-muted);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.stat-value[b-l49f8pa58r] {
    font-size: 16px;
    font-weight: 800;
    color: var(--text-primary);
}

.card-content[b-l49f8pa58r] {
    padding: 0;
    background: var(--card-bg);
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.sales-card.expanded .card-content[b-l49f8pa58r] {
    max-height: 1000px;
    opacity: 1;
    padding: 16px;
}

.detail-grid[b-l49f8pa58r] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.detail-item[b-l49f8pa58r] {
    background: var(--info-row-bg);
    padding: 14px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    gap: 12px;
    transition: all 0.2s ease;
}

    .detail-item:active[b-l49f8pa58r] {
        transform: translateX(4px);
        background: var(--border-color);
    }

    .detail-item.highlight[b-l49f8pa58r] {
        background: linear-gradient(135deg, rgba(102, 126, 234, 0.1) 0%, rgba(118, 75, 162, 0.1) 100%);
        border: 2px solid var(--primary-solid);
    }

    .detail-item > i[b-l49f8pa58r] {
        font-size: 24px;
        color: var(--primary-solid);
        flex-shrink: 0;
    }

.detail-info[b-l49f8pa58r] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.detail-label[b-l49f8pa58r] {
    font-size: 12px;
    color: var(--text-muted);
    font-weight: 600;
}

.detail-value[b-l49f8pa58r] {
    font-size: 15px;
    font-weight: 700;
    color: var(--text-primary);
}

    .detail-value.primary[b-l49f8pa58r] {
        color: var(--primary-solid);
    }

    .detail-value.success[b-l49f8pa58r] {
        color: var(--success-solid);
    }

    .detail-value.warning[b-l49f8pa58r] {
        color: var(--warning-solid);
    }

.pagination-footer[b-l49f8pa58r] {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: var(--card-bg);
    border-top: 1px solid var(--border-color);
    box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.08);
    z-index: 90;
    padding: 12px;
}

.pagination-controls[b-l49f8pa58r] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-bottom: 12px;
}

.pagination-btn[b-l49f8pa58r] {
    background: var(--primary-gradient);
    background-color: var(--primary-solid);
    border: none;
    width: 36px;
    height: 36px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: white;
    font-size: 16px;
    transition: all 0.2s ease;
    box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3);
}

    .pagination-btn:active:not(:disabled)[b-l49f8pa58r] {
        transform: scale(0.95);
    }

    .pagination-btn:disabled[b-l49f8pa58r] {
        background: var(--border-color);
        color: var(--text-muted);
        cursor: not-allowed;
        opacity: 0.5;
        box-shadow: none;
    }

.pagination-info[b-l49f8pa58r] {
    display: flex;
    align-items: center;
    gap: 6px;
    background: var(--card-header-bg);
    padding: 8px 16px;
    border-radius: 10px;
    font-weight: 700;
    box-shadow: var(--shadow-sm);
}

    .pagination-info .current-page[b-l49f8pa58r] {
        font-size: 16px;
        color: var(--primary-solid);
    }

    .pagination-info .separator[b-l49f8pa58r] {
        font-size: 14px;
        color: var(--text-muted);
    }

    .pagination-info .total-pages[b-l49f8pa58r] {
        font-size: 14px;
        color: var(--text-secondary);
    }

.pagination-details[b-l49f8pa58r] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.page-size-selector[b-l49f8pa58r] {
    background: var(--card-header-bg);
    border: 2px solid var(--border-color);
    padding: 8px 12px;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 600;
    color: var(--text-primary);
    cursor: pointer;
    transition: all 0.2s ease;
}

    .page-size-selector:focus[b-l49f8pa58r] {
        outline: none;
        border-color: var(--primary-solid);
        box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
    }

.pagination-text[b-l49f8pa58r] {
    font-size: 12px;
    color: var(--text-secondary);
    font-weight: 600;
    text-align: right;
    flex: 1;
}

.seperator[b-l49f8pa58r] {
    margin-top: -40px;
}

.chart-container[b-l49f8pa58r] {
    padding: 12px;
    padding-bottom: 20px;
    min-height: calc(100vh - 200px);
}

.chart-wrapper[b-l49f8pa58r] {
    background: var(--card-bg);
    border-radius: 16px;
    padding: 16px;
    box-shadow: var(--shadow-sm);
    margin-bottom: 12px;
    overflow-x: auto;
    min-height: 500px;
}

    .chart-wrapper .dx-chart[b-l49f8pa58r] {
        min-height: 500px !important;
    }

.chart-stats[b-l49f8pa58r] {
    background: var(--card-bg);
    border-radius: 16px;
    padding: 16px;
    box-shadow: var(--shadow-sm);
}

.stats-title[b-l49f8pa58r] {
    font-size: 18px;
    font-weight: 700;
    color: var(--text-primary);
    margin: 0 0 16px 0;
    display: flex;
    align-items: center;
    gap: 8px;
}

    .stats-title[b-l49f8pa58r]::before {
        content: '';
        width: 4px;
        height: 24px;
        background: var(--primary-gradient);
        background-color: var(--primary-solid);
        border-radius: 2px;
    }

.stats-grid[b-l49f8pa58r] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.stat-card[b-l49f8pa58r] {
    background: var(--info-row-bg);
    padding: 16px;
    border-radius: 12px;
    display: flex;
    gap: 12px;
    transition: all 0.2s ease;
}

    .stat-card:active[b-l49f8pa58r] {
        transform: translateY(-2px);
        box-shadow: var(--shadow-sm);
    }

.stat-icon[b-l49f8pa58r] {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background: var(--primary-gradient);
    background-color: var(--primary-solid);
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 24px;
    flex-shrink: 0;
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
}

    .stat-icon.success[b-l49f8pa58r] {
        background: var(--success-gradient);
        background-color: var(--success-solid);
        box-shadow: 0 4px 12px rgba(72, 187, 120, 0.3);
    }

    .stat-icon.primary[b-l49f8pa58r] {
        background: var(--primary-gradient);
        background-color: var(--primary-solid);
    }

    .stat-icon.warning[b-l49f8pa58r] {
        background: var(--warning-gradient);
        background-color: var(--warning-solid);
        box-shadow: 0 4px 12px rgba(246, 173, 85, 0.3);
    }

.stat-content[b-l49f8pa58r] {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 4px;
}

    .stat-content .stat-label[b-l49f8pa58r] {
        font-size: 11px;
        color: var(--text-muted);
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 0.5px;
    }

    .stat-content .stat-value[b-l49f8pa58r] {
        font-size: 16px;
        font-weight: 800;
        color: var(--text-primary);
    }

.empty-state[b-l49f8pa58r] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 20px;
    gap: 16px;
    text-align: center;
}

    .empty-state i[b-l49f8pa58r] {
        font-size: 80px;
        color: var(--text-muted);
        opacity: 0.5;
    }

    .empty-state h3[b-l49f8pa58r] {
        font-size: 20px;
        font-weight: 700;
        color: var(--text-primary);
        margin: 0;
    }

    .empty-state p[b-l49f8pa58r] {
        font-size: 14px;
        color: var(--text-secondary);
        margin: 0;
    }

@media (max-width: 360px) {
    .filter-row[b-l49f8pa58r] {
        grid-template-columns: 1fr;
    }

    .card-quick-stats[b-l49f8pa58r] {
        grid-template-columns: 1fr;
    }

    .stats-grid[b-l49f8pa58r] {
        grid-template-columns: 1fr;
    }
}

@media (min-width: 768px) {
    .mobile-sales-report-container[b-l49f8pa58r] {
        display: none;
    }
}
/* _content/Client/Pages/BI/SatisYonetimi/UrunBazliSatisRaporu.razor.rz.scp.css */
/* _content/Client/Pages/BI/SiparisYonetimi/AlisSiparisleriRaporu.razor.rz.scp.css */
/* _content/Client/Pages/BI/SiparisYonetimi/AylaraGoreSiparisRaporu.razor.rz.scp.css */
/* _content/Client/Pages/BI/SiparisYonetimi/SatisSiparisleriRaporu.razor.rz.scp.css */
/* _content/Client/Pages/BI/SiparisYonetimi/SiparisYeterlilikRaporu.razor.rz.scp.css */
/* _content/Client/Pages/BI/SiparisYonetimi/SiparisYonetimiMobil/AlisSiparisleriRaporuMobil.razor.rz.scp.css */
:root[b-sjekk9vtwp] {
    --primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    --primary-solid: #667eea;
    --primary-dark: #764ba2;
    --success-gradient: linear-gradient(135deg, #48bb78 0%, #38a169 100%);
    --success-solid: #48bb78;
    --warning-gradient: linear-gradient(135deg, #f6ad55 0%, #ed8936 100%);
    --warning-solid: #f6ad55;
    --danger-gradient: linear-gradient(135deg, #fc8181 0%, #f56565 100%);
    --danger-solid: #fc8181;
    --card-bg: #ffffff;
    --card-header-bg: linear-gradient(135deg, #f7fafc 0%, #edf2f7 100%);
    --text-primary: #1a202c;
    --text-secondary: #4a5568;
    --text-muted: #718096;
    --border-color: #e2e8f0;
    --info-row-bg: #f7fafc;
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.08);
    --shadow-md: 0 4px 16px rgba(102, 126, 234, 0.2);
}

[data-bs-theme="dark"][b-sjekk9vtwp] {
    --primary-solid: #8b9aee;
    --primary-dark: #9a7bc2;
    --success-solid: #68d391;
    --warning-solid: #fbbf24;
    --danger-solid: #fca5a5;
    --card-bg: #1e293b;
    --card-header-bg: linear-gradient(135deg, #334155 0%, #1e293b 100%);
    --text-primary: #f1f5f9;
    --text-secondary: #cbd5e1;
    --text-muted: #94a3b8;
    --border-color: #334155;
    --info-row-bg: #0f172a;
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3);
    --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4);
}

/* CONTAINER */
.mobile-sales-report-container[b-sjekk9vtwp] {
    width: 100%;
    min-height: 100vh;
    background: var(--info-row-bg);
    padding-bottom: 20px;
}

/* SAB�T HEADER */
.report-header-sticky[b-sjekk9vtwp] {
    position: sticky;
    top: 0;
    z-index: 100;
    background: var(--info-row-bg);
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
    margin-top: 1rem;
}

/* TAR�H F�LTRELER� */
.date-filters-card[b-sjekk9vtwp] {
    background: var(--card-bg);
    border-radius: 16px;
    padding: 16px;
    margin-bottom: 12px;
    box-shadow: var(--shadow-sm);
}

.filter-row[b-sjekk9vtwp] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.filter-item[b-sjekk9vtwp] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.filter-label[b-sjekk9vtwp] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    font-weight: 600;
    color: var(--text-secondary);
}

    .filter-label i[b-sjekk9vtwp] {
        font-size: 18px;
        color: var(--primary-solid);
    }

/* KONTROL KARTLARI */
.controls-card[b-sjekk9vtwp] {
    background: var(--card-bg);
    border-radius: 16px;
    padding: 12px;
    box-shadow: var(--shadow-sm);
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
}

.filter-expand-btn[b-sjekk9vtwp] {
    flex: 1;
    background: var(--primary-gradient);
    background-color: var(--primary-solid);
    border: none;
    padding: 12px 16px;
    border-radius: 12px;
    color: white;
    font-size: 14px;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
    position: relative;
}

    .filter-expand-btn:active[b-sjekk9vtwp] {
        transform: scale(0.98);
    }

    .filter-expand-btn span[b-sjekk9vtwp] {
        flex: 1;
    }

    .filter-expand-btn .chevron[b-sjekk9vtwp] {
        font-size: 16px;
        transition: transform 0.3s ease;
    }

    .filter-expand-btn.active .chevron[b-sjekk9vtwp] {
        transform: rotate(180deg);
    }

.filter-badge[b-sjekk9vtwp] {
    background: rgba(255, 255, 255, 0.3);
    padding: 2px 8px;
    border-radius: 10px;
    font-size: 12px;
    font-weight: 700;
}

.view-toggle-group[b-sjekk9vtwp] {
    display: flex;
    gap: 6px;
    background: var(--info-row-bg);
    padding: 4px;
    border-radius: 12px;
}

.view-toggle-btn[b-sjekk9vtwp] {
    background: transparent;
    border: none;
    padding: 10px 14px;
    border-radius: 10px;
    color: var(--text-muted);
    font-size: 13px;
    font-weight: 600;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    cursor: pointer;
    transition: all 0.2s ease;
    min-width: 60px;
}

    .view-toggle-btn i[b-sjekk9vtwp] {
        font-size: 20px;
    }

    .view-toggle-btn.active[b-sjekk9vtwp] {
        background: var(--primary-gradient);
        background-color: var(--primary-solid);
        color: white;
        box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3);
    }

.expandable-filters[b-sjekk9vtwp] {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
    margin-top: 0;
}

    .expandable-filters.expanded[b-sjekk9vtwp] {
        max-height: 500px;
        margin-top: 12px;
    }

.filter-grid[b-sjekk9vtwp] {
    background: var(--card-bg);
    border-radius: 16px;
    padding: 16px;
    box-shadow: var(--shadow-sm);
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.filter-block[b-sjekk9vtwp] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.filter-block-label[b-sjekk9vtwp] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    font-weight: 600;
    color: var(--text-secondary);
}

    .filter-block-label i[b-sjekk9vtwp] {
        font-size: 18px;
        color: var(--primary-solid);
    }

.clear-filters-btn[b-sjekk9vtwp] {
    background: var(--danger-gradient);
    background-color: var(--danger-solid);
    border: none;
    padding: 12px;
    border-radius: 12px;
    color: white;
    font-size: 14px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    cursor: pointer;
    margin-top: 12px;
    transition: all 0.2s ease;
    box-shadow: 0 4px 12px rgba(252, 129, 129, 0.3);
}

    .clear-filters-btn:active[b-sjekk9vtwp] {
        transform: scale(0.98);
    }

.loading-overlay[b-sjekk9vtwp] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 20px;
    gap: 20px;
}

.loading-spinner[b-sjekk9vtwp] {
    position: relative;
    width: 60px;
    height: 60px;
}

.spinner-ring[b-sjekk9vtwp] {
    position: absolute;
    width: 100%;
    height: 100%;
    border: 3px solid transparent;
    border-top-color: var(--primary-solid);
    border-radius: 50%;
    animation: spin-b-sjekk9vtwp 1s linear infinite;
}

    .spinner-ring:nth-child(2)[b-sjekk9vtwp] {
        border-top-color: var(--primary-dark);
        animation-delay: 0.15s;
    }

    .spinner-ring:nth-child(3)[b-sjekk9vtwp] {
        border-top-color: var(--success-solid);
        animation-delay: 0.3s;
    }

@keyframes spin-b-sjekk9vtwp {
    to {
        transform: rotate(360deg);
    }
}

.loading-text[b-sjekk9vtwp] {
    font-size: 16px;
    font-weight: 600;
    color: var(--text-secondary);
}

.sales-list-container[b-sjekk9vtwp] {
    padding: 12px;
    padding-bottom: 100px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.sales-card[b-sjekk9vtwp] {
    background: var(--card-bg);
    border-radius: 16px;
    overflow: hidden;
    box-shadow: var(--shadow-sm);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer;
    border: 2px solid transparent;
}

    .sales-card:active[b-sjekk9vtwp] {
        transform: scale(0.98);
    }

    .sales-card.expanded[b-sjekk9vtwp] {
        border-color: var(--primary-dark);
        box-shadow: var(--shadow-md);
    }

.card-header-section[b-sjekk9vtwp] {
    padding: 16px;
    background: var(--card-header-bg);
    border-bottom: 1px solid var(--border-color);
}

.card-title-row[b-sjekk9vtwp] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
}

.card-title[b-sjekk9vtwp] {
    font-size: 16px;
    font-weight: 700;
    color: var(--text-primary);
    margin: 0;
}

.expand-icon[b-sjekk9vtwp] {
    font-size: 20px;
    color: var(--primary-solid);
    transition: transform 0.3s ease;
}

.sales-card.expanded .expand-icon[b-sjekk9vtwp] {
    transform: rotate(180deg);
    color: var(--primary-dark);
}

.card-quick-stats[b-sjekk9vtwp] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.quick-stat[b-sjekk9vtwp] {
    background: var(--card-bg);
    padding: 12px;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

    .quick-stat.primary[b-sjekk9vtwp] {
        background: linear-gradient(135deg, rgba(102, 126, 234, 0.1) 0%, rgba(118, 75, 162, 0.1) 100%);
    }

    .quick-stat.secondary[b-sjekk9vtwp] {
        background: linear-gradient(135deg, rgba(72, 187, 120, 0.1) 0%, rgba(56, 161, 105, 0.1) 100%);
    }

.stat-label[b-sjekk9vtwp] {
    font-size: 11px;
    color: var(--text-muted);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.stat-value[b-sjekk9vtwp] {
    font-size: 16px;
    font-weight: 800;
    color: var(--text-primary);
}

.card-content[b-sjekk9vtwp] {
    padding: 0;
    background: var(--card-bg);
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.sales-card.expanded .card-content[b-sjekk9vtwp] {
    max-height: 1000px;
    opacity: 1;
    padding: 16px;
}

.detail-grid[b-sjekk9vtwp] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.detail-item[b-sjekk9vtwp] {
    background: var(--info-row-bg);
    padding: 14px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    gap: 12px;
    transition: all 0.2s ease;
}

    .detail-item:active[b-sjekk9vtwp] {
        transform: translateX(4px);
        background: var(--border-color);
    }

    .detail-item.highlight[b-sjekk9vtwp] {
        background: linear-gradient(135deg, rgba(102, 126, 234, 0.1) 0%, rgba(118, 75, 162, 0.1) 100%);
        border: 2px solid var(--primary-solid);
    }

    .detail-item > i[b-sjekk9vtwp] {
        font-size: 24px;
        color: var(--primary-solid);
        flex-shrink: 0;
    }

.detail-info[b-sjekk9vtwp] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.detail-label[b-sjekk9vtwp] {
    font-size: 12px;
    color: var(--text-muted);
    font-weight: 600;
}

.detail-value[b-sjekk9vtwp] {
    font-size: 15px;
    font-weight: 700;
    color: var(--text-primary);
}

    .detail-value.primary[b-sjekk9vtwp] {
        color: var(--primary-solid);
    }

    .detail-value.success[b-sjekk9vtwp] {
        color: var(--success-solid);
    }

    .detail-value.warning[b-sjekk9vtwp] {
        color: var(--warning-solid);
    }

.pagination-footer[b-sjekk9vtwp] {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: var(--card-bg);
    border-top: 1px solid var(--border-color);
    box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.08);
    z-index: 90;
    padding: 12px;
}

.pagination-controls[b-sjekk9vtwp] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-bottom: 12px;
}

.pagination-btn[b-sjekk9vtwp] {
    background: var(--primary-gradient);
    background-color: var(--primary-solid);
    border: none;
    width: 36px;
    height: 36px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: white;
    font-size: 16px;
    transition: all 0.2s ease;
    box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3);
}

    .pagination-btn:active:not(:disabled)[b-sjekk9vtwp] {
        transform: scale(0.95);
    }

    .pagination-btn:disabled[b-sjekk9vtwp] {
        background: var(--border-color);
        color: var(--text-muted);
        cursor: not-allowed;
        opacity: 0.5;
        box-shadow: none;
    }

.pagination-info[b-sjekk9vtwp] {
    display: flex;
    align-items: center;
    gap: 6px;
    background: var(--card-header-bg);
    padding: 8px 16px;
    border-radius: 10px;
    font-weight: 700;
    box-shadow: var(--shadow-sm);
}

    .pagination-info .current-page[b-sjekk9vtwp] {
        font-size: 16px;
        color: var(--primary-solid);
    }

    .pagination-info .separator[b-sjekk9vtwp] {
        font-size: 14px;
        color: var(--text-muted);
    }

    .pagination-info .total-pages[b-sjekk9vtwp] {
        font-size: 14px;
        color: var(--text-secondary);
    }

.pagination-details[b-sjekk9vtwp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.page-size-selector[b-sjekk9vtwp] {
    background: var(--card-header-bg);
    border: 2px solid var(--border-color);
    padding: 8px 12px;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 600;
    color: var(--text-primary);
    cursor: pointer;
    transition: all 0.2s ease;
}

    .page-size-selector:focus[b-sjekk9vtwp] {
        outline: none;
        border-color: var(--primary-solid);
        box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
    }

.pagination-text[b-sjekk9vtwp] {
    font-size: 12px;
    color: var(--text-secondary);
    font-weight: 600;
    text-align: right;
    flex: 1;
}

.seperator[b-sjekk9vtwp] {
    margin-top: -40px;
}

.chart-container[b-sjekk9vtwp] {
    padding: 12px;
    padding-bottom: 20px;
    min-height: calc(100vh - 200px);
}

.chart-wrapper[b-sjekk9vtwp] {
    background: var(--card-bg);
    border-radius: 16px;
    padding: 16px;
    box-shadow: var(--shadow-sm);
    margin-bottom: 12px;
    overflow-x: auto;
    min-height: 500px;
}

    .chart-wrapper .dx-chart[b-sjekk9vtwp] {
        min-height: 500px !important;
    }

.chart-stats[b-sjekk9vtwp] {
    background: var(--card-bg);
    border-radius: 16px;
    padding: 16px;
    box-shadow: var(--shadow-sm);
}

.stats-title[b-sjekk9vtwp] {
    font-size: 18px;
    font-weight: 700;
    color: var(--text-primary);
    margin: 0 0 16px 0;
    display: flex;
    align-items: center;
    gap: 8px;
}

    .stats-title[b-sjekk9vtwp]::before {
        content: '';
        width: 4px;
        height: 24px;
        background: var(--primary-gradient);
        background-color: var(--primary-solid);
        border-radius: 2px;
    }

.stats-grid[b-sjekk9vtwp] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.stat-card[b-sjekk9vtwp] {
    background: var(--info-row-bg);
    padding: 16px;
    border-radius: 12px;
    display: flex;
    gap: 12px;
    transition: all 0.2s ease;
}

    .stat-card:active[b-sjekk9vtwp] {
        transform: translateY(-2px);
        box-shadow: var(--shadow-sm);
    }

.stat-icon[b-sjekk9vtwp] {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background: var(--primary-gradient);
    background-color: var(--primary-solid);
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 24px;
    flex-shrink: 0;
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
}

    .stat-icon.success[b-sjekk9vtwp] {
        background: var(--success-gradient);
        background-color: var(--success-solid);
        box-shadow: 0 4px 12px rgba(72, 187, 120, 0.3);
    }

    .stat-icon.primary[b-sjekk9vtwp] {
        background: var(--primary-gradient);
        background-color: var(--primary-solid);
    }

    .stat-icon.warning[b-sjekk9vtwp] {
        background: var(--warning-gradient);
        background-color: var(--warning-solid);
        box-shadow: 0 4px 12px rgba(246, 173, 85, 0.3);
    }

.stat-content[b-sjekk9vtwp] {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 4px;
}

    .stat-content .stat-label[b-sjekk9vtwp] {
        font-size: 11px;
        color: var(--text-muted);
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 0.5px;
    }

    .stat-content .stat-value[b-sjekk9vtwp] {
        font-size: 16px;
        font-weight: 800;
        color: var(--text-primary);
    }

.empty-state[b-sjekk9vtwp] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 20px;
    gap: 16px;
    text-align: center;
}

    .empty-state i[b-sjekk9vtwp] {
        font-size: 80px;
        color: var(--text-muted);
        opacity: 0.5;
    }

    .empty-state h3[b-sjekk9vtwp] {
        font-size: 20px;
        font-weight: 700;
        color: var(--text-primary);
        margin: 0;
    }

    .empty-state p[b-sjekk9vtwp] {
        font-size: 14px;
        color: var(--text-secondary);
        margin: 0;
    }

@media (max-width: 360px) {
    .filter-row[b-sjekk9vtwp] {
        grid-template-columns: 1fr;
    }

    .card-quick-stats[b-sjekk9vtwp] {
        grid-template-columns: 1fr;
    }

    .stats-grid[b-sjekk9vtwp] {
        grid-template-columns: 1fr;
    }
}

@media (min-width: 768px) {
    .mobile-sales-report-container[b-sjekk9vtwp] {
        display: none;
    }
}
/* _content/Client/Pages/BI/SiparisYonetimi/SiparisYonetimiMobil/AylaraGoreSiparisRaporuMobil.razor.rz.scp.css */
:root[b-jwac71arjt] {
    --primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    --primary-solid: #667eea;
    --primary-dark: #764ba2;
    --success-gradient: linear-gradient(135deg, #48bb78 0%, #38a169 100%);
    --success-solid: #48bb78;
    --warning-gradient: linear-gradient(135deg, #f6ad55 0%, #ed8936 100%);
    --warning-solid: #f6ad55;
    --danger-gradient: linear-gradient(135deg, #fc8181 0%, #f56565 100%);
    --danger-solid: #fc8181;
    --card-bg: #ffffff;
    --card-header-bg: linear-gradient(135deg, #f7fafc 0%, #edf2f7 100%);
    --text-primary: #1a202c;
    --text-secondary: #4a5568;
    --text-muted: #718096;
    --border-color: #e2e8f0;
    --info-row-bg: #f7fafc;
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.08);
    --shadow-md: 0 4px 16px rgba(102, 126, 234, 0.2);
}

[data-bs-theme="dark"][b-jwac71arjt] {
    --primary-solid: #8b9aee;
    --primary-dark: #9a7bc2;
    --success-solid: #68d391;
    --warning-solid: #fbbf24;
    --danger-solid: #fca5a5;
    --card-bg: #1e293b;
    --card-header-bg: linear-gradient(135deg, #334155 0%, #1e293b 100%);
    --text-primary: #f1f5f9;
    --text-secondary: #cbd5e1;
    --text-muted: #94a3b8;
    --border-color: #334155;
    --info-row-bg: #0f172a;
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3);
    --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4);
}

/* CONTAINER */
.mobile-sales-report-container[b-jwac71arjt] {
    width: 100%;
    min-height: 100vh;
    background: var(--info-row-bg);
    padding-bottom: 20px;
}

/* SAB�T HEADER */
.report-header-sticky[b-jwac71arjt] {
    position: sticky;
    top: 0;
    z-index: 100;
    background: var(--info-row-bg);
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
    margin-top: 1rem;
}

/* TAR�H F�LTRELER� */
.date-filters-card[b-jwac71arjt] {
    background: var(--card-bg);
    border-radius: 16px;
    padding: 16px;
    margin-bottom: 12px;
    box-shadow: var(--shadow-sm);
}

.filter-row[b-jwac71arjt] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.filter-item[b-jwac71arjt] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.filter-label[b-jwac71arjt] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    font-weight: 600;
    color: var(--text-secondary);
}

    .filter-label i[b-jwac71arjt] {
        font-size: 18px;
        color: var(--primary-solid);
    }

/* KONTROL KARTLARI */
.controls-card[b-jwac71arjt] {
    background: var(--card-bg);
    border-radius: 16px;
    padding: 12px;
    box-shadow: var(--shadow-sm);
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
}

.filter-expand-btn[b-jwac71arjt] {
    flex: 1;
    background: var(--primary-gradient);
    background-color: var(--primary-solid);
    border: none;
    padding: 12px 16px;
    border-radius: 12px;
    color: white;
    font-size: 14px;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
    position: relative;
}

    .filter-expand-btn:active[b-jwac71arjt] {
        transform: scale(0.98);
    }

    .filter-expand-btn span[b-jwac71arjt] {
        flex: 1;
    }

    .filter-expand-btn .chevron[b-jwac71arjt] {
        font-size: 16px;
        transition: transform 0.3s ease;
    }

    .filter-expand-btn.active .chevron[b-jwac71arjt] {
        transform: rotate(180deg);
    }

.filter-badge[b-jwac71arjt] {
    background: rgba(255, 255, 255, 0.3);
    padding: 2px 8px;
    border-radius: 10px;
    font-size: 12px;
    font-weight: 700;
}

.view-toggle-group[b-jwac71arjt] {
    display: flex;
    gap: 6px;
    background: var(--info-row-bg);
    padding: 4px;
    border-radius: 12px;
}

.view-toggle-btn[b-jwac71arjt] {
    background: transparent;
    border: none;
    padding: 10px 14px;
    border-radius: 10px;
    color: var(--text-muted);
    font-size: 13px;
    font-weight: 600;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    cursor: pointer;
    transition: all 0.2s ease;
    min-width: 60px;
}

    .view-toggle-btn i[b-jwac71arjt] {
        font-size: 20px;
    }

    .view-toggle-btn.active[b-jwac71arjt] {
        background: var(--primary-gradient);
        background-color: var(--primary-solid);
        color: white;
        box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3);
    }

.expandable-filters[b-jwac71arjt] {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
    margin-top: 0;
}

    .expandable-filters.expanded[b-jwac71arjt] {
        max-height: 500px;
        margin-top: 12px;
    }

.filter-grid[b-jwac71arjt] {
    background: var(--card-bg);
    border-radius: 16px;
    padding: 16px;
    box-shadow: var(--shadow-sm);
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.filter-block[b-jwac71arjt] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.filter-block-label[b-jwac71arjt] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    font-weight: 600;
    color: var(--text-secondary);
}

    .filter-block-label i[b-jwac71arjt] {
        font-size: 18px;
        color: var(--primary-solid);
    }

.clear-filters-btn[b-jwac71arjt] {
    background: var(--danger-gradient);
    background-color: var(--danger-solid);
    border: none;
    padding: 12px;
    border-radius: 12px;
    color: white;
    font-size: 14px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    cursor: pointer;
    margin-top: 12px;
    transition: all 0.2s ease;
    box-shadow: 0 4px 12px rgba(252, 129, 129, 0.3);
}

    .clear-filters-btn:active[b-jwac71arjt] {
        transform: scale(0.98);
    }

.loading-overlay[b-jwac71arjt] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 20px;
    gap: 20px;
}

.loading-spinner[b-jwac71arjt] {
    position: relative;
    width: 60px;
    height: 60px;
}

.spinner-ring[b-jwac71arjt] {
    position: absolute;
    width: 100%;
    height: 100%;
    border: 3px solid transparent;
    border-top-color: var(--primary-solid);
    border-radius: 50%;
    animation: spin-b-jwac71arjt 1s linear infinite;
}

    .spinner-ring:nth-child(2)[b-jwac71arjt] {
        border-top-color: var(--primary-dark);
        animation-delay: 0.15s;
    }

    .spinner-ring:nth-child(3)[b-jwac71arjt] {
        border-top-color: var(--success-solid);
        animation-delay: 0.3s;
    }

@keyframes spin-b-jwac71arjt {
    to {
        transform: rotate(360deg);
    }
}

.loading-text[b-jwac71arjt] {
    font-size: 16px;
    font-weight: 600;
    color: var(--text-secondary);
}

.sales-list-container[b-jwac71arjt] {
    padding: 12px;
    padding-bottom: 100px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.sales-card[b-jwac71arjt] {
    background: var(--card-bg);
    border-radius: 16px;
    overflow: hidden;
    box-shadow: var(--shadow-sm);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer;
    border: 2px solid transparent;
}

    .sales-card:active[b-jwac71arjt] {
        transform: scale(0.98);
    }

    .sales-card.expanded[b-jwac71arjt] {
        border-color: var(--primary-dark);
        box-shadow: var(--shadow-md);
    }

.card-header-section[b-jwac71arjt] {
    padding: 16px;
    background: var(--card-header-bg);
    border-bottom: 1px solid var(--border-color);
}

.card-title-row[b-jwac71arjt] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
}

.card-title[b-jwac71arjt] {
    font-size: 16px;
    font-weight: 700;
    color: var(--text-primary);
    margin: 0;
}

.expand-icon[b-jwac71arjt] {
    font-size: 20px;
    color: var(--primary-solid);
    transition: transform 0.3s ease;
}

.sales-card.expanded .expand-icon[b-jwac71arjt] {
    transform: rotate(180deg);
    color: var(--primary-dark);
}

.card-quick-stats[b-jwac71arjt] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.quick-stat[b-jwac71arjt] {
    background: var(--card-bg);
    padding: 12px;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

    .quick-stat.primary[b-jwac71arjt] {
        background: linear-gradient(135deg, rgba(102, 126, 234, 0.1) 0%, rgba(118, 75, 162, 0.1) 100%);
    }

    .quick-stat.secondary[b-jwac71arjt] {
        background: linear-gradient(135deg, rgba(72, 187, 120, 0.1) 0%, rgba(56, 161, 105, 0.1) 100%);
    }

.stat-label[b-jwac71arjt] {
    font-size: 11px;
    color: var(--text-muted);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.stat-value[b-jwac71arjt] {
    font-size: 16px;
    font-weight: 800;
    color: var(--text-primary);
}

.card-content[b-jwac71arjt] {
    padding: 0;
    background: var(--card-bg);
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.sales-card.expanded .card-content[b-jwac71arjt] {
    max-height: 1000px;
    opacity: 1;
    padding: 16px;
}

.detail-grid[b-jwac71arjt] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.detail-item[b-jwac71arjt] {
    background: var(--info-row-bg);
    padding: 14px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    gap: 12px;
    transition: all 0.2s ease;
}

    .detail-item:active[b-jwac71arjt] {
        transform: translateX(4px);
        background: var(--border-color);
    }

    .detail-item.highlight[b-jwac71arjt] {
        background: linear-gradient(135deg, rgba(102, 126, 234, 0.1) 0%, rgba(118, 75, 162, 0.1) 100%);
        border: 2px solid var(--primary-solid);
    }

    .detail-item > i[b-jwac71arjt] {
        font-size: 24px;
        color: var(--primary-solid);
        flex-shrink: 0;
    }

.detail-info[b-jwac71arjt] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.detail-label[b-jwac71arjt] {
    font-size: 12px;
    color: var(--text-muted);
    font-weight: 600;
}

.detail-value[b-jwac71arjt] {
    font-size: 15px;
    font-weight: 700;
    color: var(--text-primary);
}

    .detail-value.primary[b-jwac71arjt] {
        color: var(--primary-solid);
    }

    .detail-value.success[b-jwac71arjt] {
        color: var(--success-solid);
    }

    .detail-value.warning[b-jwac71arjt] {
        color: var(--warning-solid);
    }

.pagination-footer[b-jwac71arjt] {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: var(--card-bg);
    border-top: 1px solid var(--border-color);
    box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.08);
    z-index: 90;
    padding: 12px;
}

.pagination-controls[b-jwac71arjt] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-bottom: 12px;
}

.pagination-btn[b-jwac71arjt] {
    background: var(--primary-gradient);
    background-color: var(--primary-solid);
    border: none;
    width: 36px;
    height: 36px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: white;
    font-size: 16px;
    transition: all 0.2s ease;
    box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3);
}

    .pagination-btn:active:not(:disabled)[b-jwac71arjt] {
        transform: scale(0.95);
    }

    .pagination-btn:disabled[b-jwac71arjt] {
        background: var(--border-color);
        color: var(--text-muted);
        cursor: not-allowed;
        opacity: 0.5;
        box-shadow: none;
    }

.pagination-info[b-jwac71arjt] {
    display: flex;
    align-items: center;
    gap: 6px;
    background: var(--card-header-bg);
    padding: 8px 16px;
    border-radius: 10px;
    font-weight: 700;
    box-shadow: var(--shadow-sm);
}

    .pagination-info .current-page[b-jwac71arjt] {
        font-size: 16px;
        color: var(--primary-solid);
    }

    .pagination-info .separator[b-jwac71arjt] {
        font-size: 14px;
        color: var(--text-muted);
    }

    .pagination-info .total-pages[b-jwac71arjt] {
        font-size: 14px;
        color: var(--text-secondary);
    }

.pagination-details[b-jwac71arjt] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.page-size-selector[b-jwac71arjt] {
    background: var(--card-header-bg);
    border: 2px solid var(--border-color);
    padding: 8px 12px;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 600;
    color: var(--text-primary);
    cursor: pointer;
    transition: all 0.2s ease;
}

    .page-size-selector:focus[b-jwac71arjt] {
        outline: none;
        border-color: var(--primary-solid);
        box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
    }

.pagination-text[b-jwac71arjt] {
    font-size: 12px;
    color: var(--text-secondary);
    font-weight: 600;
    text-align: right;
    flex: 1;
}

.seperator[b-jwac71arjt] {
    margin-top: -40px;
}

.chart-container[b-jwac71arjt] {
    padding: 12px;
    padding-bottom: 20px;
    min-height: calc(100vh - 200px);
}

.chart-wrapper[b-jwac71arjt] {
    background: var(--card-bg);
    border-radius: 16px;
    padding: 16px;
    box-shadow: var(--shadow-sm);
    margin-bottom: 12px;
    overflow-x: auto;
    min-height: 500px;
}

    .chart-wrapper .dx-chart[b-jwac71arjt] {
        min-height: 500px !important;
    }

.chart-stats[b-jwac71arjt] {
    background: var(--card-bg);
    border-radius: 16px;
    padding: 16px;
    box-shadow: var(--shadow-sm);
}

.stats-title[b-jwac71arjt] {
    font-size: 18px;
    font-weight: 700;
    color: var(--text-primary);
    margin: 0 0 16px 0;
    display: flex;
    align-items: center;
    gap: 8px;
}

    .stats-title[b-jwac71arjt]::before {
        content: '';
        width: 4px;
        height: 24px;
        background: var(--primary-gradient);
        background-color: var(--primary-solid);
        border-radius: 2px;
    }

.stats-grid[b-jwac71arjt] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.stat-card[b-jwac71arjt] {
    background: var(--info-row-bg);
    padding: 16px;
    border-radius: 12px;
    display: flex;
    gap: 12px;
    transition: all 0.2s ease;
}

    .stat-card:active[b-jwac71arjt] {
        transform: translateY(-2px);
        box-shadow: var(--shadow-sm);
    }

.stat-icon[b-jwac71arjt] {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background: var(--primary-gradient);
    background-color: var(--primary-solid);
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 24px;
    flex-shrink: 0;
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
}

    .stat-icon.success[b-jwac71arjt] {
        background: var(--success-gradient);
        background-color: var(--success-solid);
        box-shadow: 0 4px 12px rgba(72, 187, 120, 0.3);
    }

    .stat-icon.primary[b-jwac71arjt] {
        background: var(--primary-gradient);
        background-color: var(--primary-solid);
    }

    .stat-icon.warning[b-jwac71arjt] {
        background: var(--warning-gradient);
        background-color: var(--warning-solid);
        box-shadow: 0 4px 12px rgba(246, 173, 85, 0.3);
    }

.stat-content[b-jwac71arjt] {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 4px;
}

    .stat-content .stat-label[b-jwac71arjt] {
        font-size: 11px;
        color: var(--text-muted);
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 0.5px;
    }

    .stat-content .stat-value[b-jwac71arjt] {
        font-size: 16px;
        font-weight: 800;
        color: var(--text-primary);
    }

.empty-state[b-jwac71arjt] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 20px;
    gap: 16px;
    text-align: center;
}

    .empty-state i[b-jwac71arjt] {
        font-size: 80px;
        color: var(--text-muted);
        opacity: 0.5;
    }

    .empty-state h3[b-jwac71arjt] {
        font-size: 20px;
        font-weight: 700;
        color: var(--text-primary);
        margin: 0;
    }

    .empty-state p[b-jwac71arjt] {
        font-size: 14px;
        color: var(--text-secondary);
        margin: 0;
    }

@media (max-width: 360px) {
    .filter-row[b-jwac71arjt] {
        grid-template-columns: 1fr;
    }

    .card-quick-stats[b-jwac71arjt] {
        grid-template-columns: 1fr;
    }

    .stats-grid[b-jwac71arjt] {
        grid-template-columns: 1fr;
    }
}

@media (min-width: 768px) {
    .mobile-sales-report-container[b-jwac71arjt] {
        display: none;
    }
}
/* _content/Client/Pages/BI/SiparisYonetimi/SiparisYonetimiMobil/SatisSiparisleriRaporuMobil.razor.rz.scp.css */
:root[b-wfph8hb4bi] {
    --primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    --primary-solid: #667eea;
    --primary-dark: #764ba2;
    --success-gradient: linear-gradient(135deg, #48bb78 0%, #38a169 100%);
    --success-solid: #48bb78;
    --warning-gradient: linear-gradient(135deg, #f6ad55 0%, #ed8936 100%);
    --warning-solid: #f6ad55;
    --danger-gradient: linear-gradient(135deg, #fc8181 0%, #f56565 100%);
    --danger-solid: #fc8181;
    --card-bg: #ffffff;
    --card-header-bg: linear-gradient(135deg, #f7fafc 0%, #edf2f7 100%);
    --text-primary: #1a202c;
    --text-secondary: #4a5568;
    --text-muted: #718096;
    --border-color: #e2e8f0;
    --info-row-bg: #f7fafc;
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.08);
    --shadow-md: 0 4px 16px rgba(102, 126, 234, 0.2);
}

[data-bs-theme="dark"][b-wfph8hb4bi] {
    --primary-solid: #8b9aee;
    --primary-dark: #9a7bc2;
    --success-solid: #68d391;
    --warning-solid: #fbbf24;
    --danger-solid: #fca5a5;
    --card-bg: #1e293b;
    --card-header-bg: linear-gradient(135deg, #334155 0%, #1e293b 100%);
    --text-primary: #f1f5f9;
    --text-secondary: #cbd5e1;
    --text-muted: #94a3b8;
    --border-color: #334155;
    --info-row-bg: #0f172a;
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3);
    --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4);
}

/* CONTAINER */
.mobile-sales-report-container[b-wfph8hb4bi] {
    width: 100%;
    min-height: 100vh;
    background: var(--info-row-bg);
    padding-bottom: 20px;
}

/* SAB�T HEADER */
.report-header-sticky[b-wfph8hb4bi] {
    position: sticky;
    top: 0;
    z-index: 100;
    background: var(--info-row-bg);
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
    margin-top: 1rem;
}

/* TAR�H F�LTRELER� */
.date-filters-card[b-wfph8hb4bi] {
    background: var(--card-bg);
    border-radius: 16px;
    padding: 16px;
    margin-bottom: 12px;
    box-shadow: var(--shadow-sm);
}

.filter-row[b-wfph8hb4bi] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.filter-item[b-wfph8hb4bi] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.filter-label[b-wfph8hb4bi] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    font-weight: 600;
    color: var(--text-secondary);
}

    .filter-label i[b-wfph8hb4bi] {
        font-size: 18px;
        color: var(--primary-solid);
    }

/* KONTROL KARTLARI */
.controls-card[b-wfph8hb4bi] {
    background: var(--card-bg);
    border-radius: 16px;
    padding: 12px;
    box-shadow: var(--shadow-sm);
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
}

.filter-expand-btn[b-wfph8hb4bi] {
    flex: 1;
    background: var(--primary-gradient);
    background-color: var(--primary-solid);
    border: none;
    padding: 12px 16px;
    border-radius: 12px;
    color: white;
    font-size: 14px;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
    position: relative;
}

    .filter-expand-btn:active[b-wfph8hb4bi] {
        transform: scale(0.98);
    }

    .filter-expand-btn span[b-wfph8hb4bi] {
        flex: 1;
    }

    .filter-expand-btn .chevron[b-wfph8hb4bi] {
        font-size: 16px;
        transition: transform 0.3s ease;
    }

    .filter-expand-btn.active .chevron[b-wfph8hb4bi] {
        transform: rotate(180deg);
    }

.filter-badge[b-wfph8hb4bi] {
    background: rgba(255, 255, 255, 0.3);
    padding: 2px 8px;
    border-radius: 10px;
    font-size: 12px;
    font-weight: 700;
}

.view-toggle-group[b-wfph8hb4bi] {
    display: flex;
    gap: 6px;
    background: var(--info-row-bg);
    padding: 4px;
    border-radius: 12px;
}

.view-toggle-btn[b-wfph8hb4bi] {
    background: transparent;
    border: none;
    padding: 10px 14px;
    border-radius: 10px;
    color: var(--text-muted);
    font-size: 13px;
    font-weight: 600;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    cursor: pointer;
    transition: all 0.2s ease;
    min-width: 60px;
}

    .view-toggle-btn i[b-wfph8hb4bi] {
        font-size: 20px;
    }

    .view-toggle-btn.active[b-wfph8hb4bi] {
        background: var(--primary-gradient);
        background-color: var(--primary-solid);
        color: white;
        box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3);
    }

.expandable-filters[b-wfph8hb4bi] {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
    margin-top: 0;
}

    .expandable-filters.expanded[b-wfph8hb4bi] {
        max-height: 500px;
        margin-top: 12px;
    }

.filter-grid[b-wfph8hb4bi] {
    background: var(--card-bg);
    border-radius: 16px;
    padding: 16px;
    box-shadow: var(--shadow-sm);
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.filter-block[b-wfph8hb4bi] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.filter-block-label[b-wfph8hb4bi] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    font-weight: 600;
    color: var(--text-secondary);
}

    .filter-block-label i[b-wfph8hb4bi] {
        font-size: 18px;
        color: var(--primary-solid);
    }

.clear-filters-btn[b-wfph8hb4bi] {
    background: var(--danger-gradient);
    background-color: var(--danger-solid);
    border: none;
    padding: 12px;
    border-radius: 12px;
    color: white;
    font-size: 14px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    cursor: pointer;
    margin-top: 12px;
    transition: all 0.2s ease;
    box-shadow: 0 4px 12px rgba(252, 129, 129, 0.3);
}

    .clear-filters-btn:active[b-wfph8hb4bi] {
        transform: scale(0.98);
    }

.loading-overlay[b-wfph8hb4bi] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 20px;
    gap: 20px;
}

.loading-spinner[b-wfph8hb4bi] {
    position: relative;
    width: 60px;
    height: 60px;
}

.spinner-ring[b-wfph8hb4bi] {
    position: absolute;
    width: 100%;
    height: 100%;
    border: 3px solid transparent;
    border-top-color: var(--primary-solid);
    border-radius: 50%;
    animation: spin-b-wfph8hb4bi 1s linear infinite;
}

    .spinner-ring:nth-child(2)[b-wfph8hb4bi] {
        border-top-color: var(--primary-dark);
        animation-delay: 0.15s;
    }

    .spinner-ring:nth-child(3)[b-wfph8hb4bi] {
        border-top-color: var(--success-solid);
        animation-delay: 0.3s;
    }

@keyframes spin-b-wfph8hb4bi {
    to {
        transform: rotate(360deg);
    }
}

.loading-text[b-wfph8hb4bi] {
    font-size: 16px;
    font-weight: 600;
    color: var(--text-secondary);
}

.sales-list-container[b-wfph8hb4bi] {
    padding: 12px;
    padding-bottom: 100px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.sales-card[b-wfph8hb4bi] {
    background: var(--card-bg);
    border-radius: 16px;
    overflow: hidden;
    box-shadow: var(--shadow-sm);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer;
    border: 2px solid transparent;
}

    .sales-card:active[b-wfph8hb4bi] {
        transform: scale(0.98);
    }

    .sales-card.expanded[b-wfph8hb4bi] {
        border-color: var(--primary-dark);
        box-shadow: var(--shadow-md);
    }

.card-header-section[b-wfph8hb4bi] {
    padding: 16px;
    background: var(--card-header-bg);
    border-bottom: 1px solid var(--border-color);
}

.card-title-row[b-wfph8hb4bi] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
}

.card-title[b-wfph8hb4bi] {
    font-size: 16px;
    font-weight: 700;
    color: var(--text-primary);
    margin: 0;
}

.expand-icon[b-wfph8hb4bi] {
    font-size: 20px;
    color: var(--primary-solid);
    transition: transform 0.3s ease;
}

.sales-card.expanded .expand-icon[b-wfph8hb4bi] {
    transform: rotate(180deg);
    color: var(--primary-dark);
}

.card-quick-stats[b-wfph8hb4bi] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.quick-stat[b-wfph8hb4bi] {
    background: var(--card-bg);
    padding: 12px;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

    .quick-stat.primary[b-wfph8hb4bi] {
        background: linear-gradient(135deg, rgba(102, 126, 234, 0.1) 0%, rgba(118, 75, 162, 0.1) 100%);
    }

    .quick-stat.secondary[b-wfph8hb4bi] {
        background: linear-gradient(135deg, rgba(72, 187, 120, 0.1) 0%, rgba(56, 161, 105, 0.1) 100%);
    }

.stat-label[b-wfph8hb4bi] {
    font-size: 11px;
    color: var(--text-muted);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.stat-value[b-wfph8hb4bi] {
    font-size: 16px;
    font-weight: 800;
    color: var(--text-primary);
}

.card-content[b-wfph8hb4bi] {
    padding: 0;
    background: var(--card-bg);
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.sales-card.expanded .card-content[b-wfph8hb4bi] {
    max-height: 1000px;
    opacity: 1;
    padding: 16px;
}

.detail-grid[b-wfph8hb4bi] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.detail-item[b-wfph8hb4bi] {
    background: var(--info-row-bg);
    padding: 14px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    gap: 12px;
    transition: all 0.2s ease;
}

    .detail-item:active[b-wfph8hb4bi] {
        transform: translateX(4px);
        background: var(--border-color);
    }

    .detail-item.highlight[b-wfph8hb4bi] {
        background: linear-gradient(135deg, rgba(102, 126, 234, 0.1) 0%, rgba(118, 75, 162, 0.1) 100%);
        border: 2px solid var(--primary-solid);
    }

    .detail-item > i[b-wfph8hb4bi] {
        font-size: 24px;
        color: var(--primary-solid);
        flex-shrink: 0;
    }

.detail-info[b-wfph8hb4bi] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.detail-label[b-wfph8hb4bi] {
    font-size: 12px;
    color: var(--text-muted);
    font-weight: 600;
}

.detail-value[b-wfph8hb4bi] {
    font-size: 15px;
    font-weight: 700;
    color: var(--text-primary);
}

    .detail-value.primary[b-wfph8hb4bi] {
        color: var(--primary-solid);
    }

    .detail-value.success[b-wfph8hb4bi] {
        color: var(--success-solid);
    }

    .detail-value.warning[b-wfph8hb4bi] {
        color: var(--warning-solid);
    }

.pagination-footer[b-wfph8hb4bi] {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: var(--card-bg);
    border-top: 1px solid var(--border-color);
    box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.08);
    z-index: 90;
    padding: 12px;
}

.pagination-controls[b-wfph8hb4bi] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-bottom: 12px;
}

.pagination-btn[b-wfph8hb4bi] {
    background: var(--primary-gradient);
    background-color: var(--primary-solid);
    border: none;
    width: 36px;
    height: 36px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: white;
    font-size: 16px;
    transition: all 0.2s ease;
    box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3);
}

    .pagination-btn:active:not(:disabled)[b-wfph8hb4bi] {
        transform: scale(0.95);
    }

    .pagination-btn:disabled[b-wfph8hb4bi] {
        background: var(--border-color);
        color: var(--text-muted);
        cursor: not-allowed;
        opacity: 0.5;
        box-shadow: none;
    }

.pagination-info[b-wfph8hb4bi] {
    display: flex;
    align-items: center;
    gap: 6px;
    background: var(--card-header-bg);
    padding: 8px 16px;
    border-radius: 10px;
    font-weight: 700;
    box-shadow: var(--shadow-sm);
}

    .pagination-info .current-page[b-wfph8hb4bi] {
        font-size: 16px;
        color: var(--primary-solid);
    }

    .pagination-info .separator[b-wfph8hb4bi] {
        font-size: 14px;
        color: var(--text-muted);
    }

    .pagination-info .total-pages[b-wfph8hb4bi] {
        font-size: 14px;
        color: var(--text-secondary);
    }

.pagination-details[b-wfph8hb4bi] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.page-size-selector[b-wfph8hb4bi] {
    background: var(--card-header-bg);
    border: 2px solid var(--border-color);
    padding: 8px 12px;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 600;
    color: var(--text-primary);
    cursor: pointer;
    transition: all 0.2s ease;
}

    .page-size-selector:focus[b-wfph8hb4bi] {
        outline: none;
        border-color: var(--primary-solid);
        box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
    }

.pagination-text[b-wfph8hb4bi] {
    font-size: 12px;
    color: var(--text-secondary);
    font-weight: 600;
    text-align: right;
    flex: 1;
}

.seperator[b-wfph8hb4bi] {
    margin-top: -40px;
}

.chart-container[b-wfph8hb4bi] {
    padding: 12px;
    padding-bottom: 20px;
    min-height: calc(100vh - 200px);
}

.chart-wrapper[b-wfph8hb4bi] {
    background: var(--card-bg);
    border-radius: 16px;
    padding: 16px;
    box-shadow: var(--shadow-sm);
    margin-bottom: 12px;
    overflow-x: auto;
    min-height: 500px;
}

    .chart-wrapper .dx-chart[b-wfph8hb4bi] {
        min-height: 500px !important;
    }

.chart-stats[b-wfph8hb4bi] {
    background: var(--card-bg);
    border-radius: 16px;
    padding: 16px;
    box-shadow: var(--shadow-sm);
}

.stats-title[b-wfph8hb4bi] {
    font-size: 18px;
    font-weight: 700;
    color: var(--text-primary);
    margin: 0 0 16px 0;
    display: flex;
    align-items: center;
    gap: 8px;
}

    .stats-title[b-wfph8hb4bi]::before {
        content: '';
        width: 4px;
        height: 24px;
        background: var(--primary-gradient);
        background-color: var(--primary-solid);
        border-radius: 2px;
    }

.stats-grid[b-wfph8hb4bi] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.stat-card[b-wfph8hb4bi] {
    background: var(--info-row-bg);
    padding: 16px;
    border-radius: 12px;
    display: flex;
    gap: 12px;
    transition: all 0.2s ease;
}

    .stat-card:active[b-wfph8hb4bi] {
        transform: translateY(-2px);
        box-shadow: var(--shadow-sm);
    }

.stat-icon[b-wfph8hb4bi] {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background: var(--primary-gradient);
    background-color: var(--primary-solid);
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 24px;
    flex-shrink: 0;
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
}

    .stat-icon.success[b-wfph8hb4bi] {
        background: var(--success-gradient);
        background-color: var(--success-solid);
        box-shadow: 0 4px 12px rgba(72, 187, 120, 0.3);
    }

    .stat-icon.primary[b-wfph8hb4bi] {
        background: var(--primary-gradient);
        background-color: var(--primary-solid);
    }

    .stat-icon.warning[b-wfph8hb4bi] {
        background: var(--warning-gradient);
        background-color: var(--warning-solid);
        box-shadow: 0 4px 12px rgba(246, 173, 85, 0.3);
    }

.stat-content[b-wfph8hb4bi] {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 4px;
}

    .stat-content .stat-label[b-wfph8hb4bi] {
        font-size: 11px;
        color: var(--text-muted);
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 0.5px;
    }

    .stat-content .stat-value[b-wfph8hb4bi] {
        font-size: 16px;
        font-weight: 800;
        color: var(--text-primary);
    }

.empty-state[b-wfph8hb4bi] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 20px;
    gap: 16px;
    text-align: center;
}

    .empty-state i[b-wfph8hb4bi] {
        font-size: 80px;
        color: var(--text-muted);
        opacity: 0.5;
    }

    .empty-state h3[b-wfph8hb4bi] {
        font-size: 20px;
        font-weight: 700;
        color: var(--text-primary);
        margin: 0;
    }

    .empty-state p[b-wfph8hb4bi] {
        font-size: 14px;
        color: var(--text-secondary);
        margin: 0;
    }

@media (max-width: 360px) {
    .filter-row[b-wfph8hb4bi] {
        grid-template-columns: 1fr;
    }

    .card-quick-stats[b-wfph8hb4bi] {
        grid-template-columns: 1fr;
    }

    .stats-grid[b-wfph8hb4bi] {
        grid-template-columns: 1fr;
    }
}

@media (min-width: 768px) {
    .mobile-sales-report-container[b-wfph8hb4bi] {
        display: none;
    }
}
/* _content/Client/Pages/BI/SiparisYonetimi/SiparisYonetimiMobil/SiparisYeterlilikRaporuMobil.razor.rz.scp.css */
:root[b-jv036zq7df] {
    --primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    --primary-solid: #667eea;
    --primary-dark: #764ba2;
    --success-gradient: linear-gradient(135deg, #48bb78 0%, #38a169 100%);
    --success-solid: #48bb78;
    --warning-gradient: linear-gradient(135deg, #f6ad55 0%, #ed8936 100%);
    --warning-solid: #f6ad55;
    --danger-gradient: linear-gradient(135deg, #fc8181 0%, #f56565 100%);
    --danger-solid: #fc8181;
    --card-bg: #ffffff;
    --card-header-bg: linear-gradient(135deg, #f7fafc 0%, #edf2f7 100%);
    --text-primary: #1a202c;
    --text-secondary: #4a5568;
    --text-muted: #718096;
    --border-color: #e2e8f0;
    --info-row-bg: #f7fafc;
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.08);
    --shadow-md: 0 4px 16px rgba(102, 126, 234, 0.2);
}

[data-bs-theme="dark"][b-jv036zq7df] {
    --primary-solid: #8b9aee;
    --primary-dark: #9a7bc2;
    --success-solid: #68d391;
    --warning-solid: #fbbf24;
    --danger-solid: #fca5a5;
    --card-bg: #1e293b;
    --card-header-bg: linear-gradient(135deg, #334155 0%, #1e293b 100%);
    --text-primary: #f1f5f9;
    --text-secondary: #cbd5e1;
    --text-muted: #94a3b8;
    --border-color: #334155;
    --info-row-bg: #0f172a;
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3);
    --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4);
}

/* CONTAINER */
.mobile-sales-report-container[b-jv036zq7df] {
    width: 100%;
    min-height: 100vh;
    background: var(--info-row-bg);
    padding-bottom: 20px;
}

/* SAB�T HEADER */
.report-header-sticky[b-jv036zq7df] {
    position: sticky;
    top: 0;
    z-index: 100;
    background: var(--info-row-bg);
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
    margin-top: 1rem;
}

/* TAR�H F�LTRELER� */
.date-filters-card[b-jv036zq7df] {
    background: var(--card-bg);
    border-radius: 16px;
    padding: 16px;
    margin-bottom: 12px;
    box-shadow: var(--shadow-sm);
}

.filter-row[b-jv036zq7df] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.filter-item[b-jv036zq7df] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.filter-label[b-jv036zq7df] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    font-weight: 600;
    color: var(--text-secondary);
}

    .filter-label i[b-jv036zq7df] {
        font-size: 18px;
        color: var(--primary-solid);
    }

/* KONTROL KARTLARI */
.controls-card[b-jv036zq7df] {
    background: var(--card-bg);
    border-radius: 16px;
    padding: 12px;
    box-shadow: var(--shadow-sm);
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
}

.filter-expand-btn[b-jv036zq7df] {
    flex: 1;
    background: var(--primary-gradient);
    background-color: var(--primary-solid);
    border: none;
    padding: 12px 16px;
    border-radius: 12px;
    color: white;
    font-size: 14px;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
    position: relative;
}

    .filter-expand-btn:active[b-jv036zq7df] {
        transform: scale(0.98);
    }

    .filter-expand-btn span[b-jv036zq7df] {
        flex: 1;
    }

    .filter-expand-btn .chevron[b-jv036zq7df] {
        font-size: 16px;
        transition: transform 0.3s ease;
    }

    .filter-expand-btn.active .chevron[b-jv036zq7df] {
        transform: rotate(180deg);
    }

.filter-badge[b-jv036zq7df] {
    background: rgba(255, 255, 255, 0.3);
    padding: 2px 8px;
    border-radius: 10px;
    font-size: 12px;
    font-weight: 700;
}

.view-toggle-group[b-jv036zq7df] {
    display: flex;
    gap: 6px;
    background: var(--info-row-bg);
    padding: 4px;
    border-radius: 12px;
}

.view-toggle-btn[b-jv036zq7df] {
    background: transparent;
    border: none;
    padding: 10px 14px;
    border-radius: 10px;
    color: var(--text-muted);
    font-size: 13px;
    font-weight: 600;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    cursor: pointer;
    transition: all 0.2s ease;
    min-width: 60px;
}

    .view-toggle-btn i[b-jv036zq7df] {
        font-size: 20px;
    }

    .view-toggle-btn.active[b-jv036zq7df] {
        background: var(--primary-gradient);
        background-color: var(--primary-solid);
        color: white;
        box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3);
    }

.expandable-filters[b-jv036zq7df] {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
    margin-top: 0;
}

    .expandable-filters.expanded[b-jv036zq7df] {
        max-height: 500px;
        margin-top: 12px;
    }

.filter-grid[b-jv036zq7df] {
    background: var(--card-bg);
    border-radius: 16px;
    padding: 16px;
    box-shadow: var(--shadow-sm);
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.filter-block[b-jv036zq7df] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.filter-block-label[b-jv036zq7df] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    font-weight: 600;
    color: var(--text-secondary);
}

    .filter-block-label i[b-jv036zq7df] {
        font-size: 18px;
        color: var(--primary-solid);
    }

.clear-filters-btn[b-jv036zq7df] {
    background: var(--danger-gradient);
    background-color: var(--danger-solid);
    border: none;
    padding: 12px;
    border-radius: 12px;
    color: white;
    font-size: 14px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    cursor: pointer;
    margin-top: 12px;
    transition: all 0.2s ease;
    box-shadow: 0 4px 12px rgba(252, 129, 129, 0.3);
}

    .clear-filters-btn:active[b-jv036zq7df] {
        transform: scale(0.98);
    }

.loading-overlay[b-jv036zq7df] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 20px;
    gap: 20px;
}

.loading-spinner[b-jv036zq7df] {
    position: relative;
    width: 60px;
    height: 60px;
}

.spinner-ring[b-jv036zq7df] {
    position: absolute;
    width: 100%;
    height: 100%;
    border: 3px solid transparent;
    border-top-color: var(--primary-solid);
    border-radius: 50%;
    animation: spin-b-jv036zq7df 1s linear infinite;
}

    .spinner-ring:nth-child(2)[b-jv036zq7df] {
        border-top-color: var(--primary-dark);
        animation-delay: 0.15s;
    }

    .spinner-ring:nth-child(3)[b-jv036zq7df] {
        border-top-color: var(--success-solid);
        animation-delay: 0.3s;
    }

@keyframes spin-b-jv036zq7df {
    to {
        transform: rotate(360deg);
    }
}

.loading-text[b-jv036zq7df] {
    font-size: 16px;
    font-weight: 600;
    color: var(--text-secondary);
}

.sales-list-container[b-jv036zq7df] {
    padding: 12px;
    padding-bottom: 100px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.sales-card[b-jv036zq7df] {
    background: var(--card-bg);
    border-radius: 16px;
    overflow: hidden;
    box-shadow: var(--shadow-sm);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer;
    border: 2px solid transparent;
}

    .sales-card:active[b-jv036zq7df] {
        transform: scale(0.98);
    }

    .sales-card.expanded[b-jv036zq7df] {
        border-color: var(--primary-dark);
        box-shadow: var(--shadow-md);
    }

.card-header-section[b-jv036zq7df] {
    padding: 16px;
    background: var(--card-header-bg);
    border-bottom: 1px solid var(--border-color);
}

.card-title-row[b-jv036zq7df] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
}

.card-title[b-jv036zq7df] {
    font-size: 16px;
    font-weight: 700;
    color: var(--text-primary);
    margin: 0;
}

.expand-icon[b-jv036zq7df] {
    font-size: 20px;
    color: var(--primary-solid);
    transition: transform 0.3s ease;
}

.sales-card.expanded .expand-icon[b-jv036zq7df] {
    transform: rotate(180deg);
    color: var(--primary-dark);
}

.card-quick-stats[b-jv036zq7df] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.quick-stat[b-jv036zq7df] {
    background: var(--card-bg);
    padding: 12px;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

    .quick-stat.primary[b-jv036zq7df] {
        background: linear-gradient(135deg, rgba(102, 126, 234, 0.1) 0%, rgba(118, 75, 162, 0.1) 100%);
    }

    .quick-stat.secondary[b-jv036zq7df] {
        background: linear-gradient(135deg, rgba(72, 187, 120, 0.1) 0%, rgba(56, 161, 105, 0.1) 100%);
    }

.stat-label[b-jv036zq7df] {
    font-size: 11px;
    color: var(--text-muted);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.stat-value[b-jv036zq7df] {
    font-size: 16px;
    font-weight: 800;
    color: var(--text-primary);
}

.card-content[b-jv036zq7df] {
    padding: 0;
    background: var(--card-bg);
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.sales-card.expanded .card-content[b-jv036zq7df] {
    max-height: 1000px;
    opacity: 1;
    padding: 16px;
}

.detail-grid[b-jv036zq7df] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.detail-item[b-jv036zq7df] {
    background: var(--info-row-bg);
    padding: 14px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    gap: 12px;
    transition: all 0.2s ease;
}

    .detail-item:active[b-jv036zq7df] {
        transform: translateX(4px);
        background: var(--border-color);
    }

    .detail-item.highlight[b-jv036zq7df] {
        background: linear-gradient(135deg, rgba(102, 126, 234, 0.1) 0%, rgba(118, 75, 162, 0.1) 100%);
        border: 2px solid var(--primary-solid);
    }

    .detail-item > i[b-jv036zq7df] {
        font-size: 24px;
        color: var(--primary-solid);
        flex-shrink: 0;
    }

.detail-info[b-jv036zq7df] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.detail-label[b-jv036zq7df] {
    font-size: 12px;
    color: var(--text-muted);
    font-weight: 600;
}

.detail-value[b-jv036zq7df] {
    font-size: 15px;
    font-weight: 700;
    color: var(--text-primary);
}

    .detail-value.primary[b-jv036zq7df] {
        color: var(--primary-solid);
    }

    .detail-value.success[b-jv036zq7df] {
        color: var(--success-solid);
    }

    .detail-value.warning[b-jv036zq7df] {
        color: var(--warning-solid);
    }

.pagination-footer[b-jv036zq7df] {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: var(--card-bg);
    border-top: 1px solid var(--border-color);
    box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.08);
    z-index: 90;
    padding: 12px;
}

.pagination-controls[b-jv036zq7df] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-bottom: 12px;
}

.pagination-btn[b-jv036zq7df] {
    background: var(--primary-gradient);
    background-color: var(--primary-solid);
    border: none;
    width: 36px;
    height: 36px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: white;
    font-size: 16px;
    transition: all 0.2s ease;
    box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3);
}

    .pagination-btn:active:not(:disabled)[b-jv036zq7df] {
        transform: scale(0.95);
    }

    .pagination-btn:disabled[b-jv036zq7df] {
        background: var(--border-color);
        color: var(--text-muted);
        cursor: not-allowed;
        opacity: 0.5;
        box-shadow: none;
    }

.pagination-info[b-jv036zq7df] {
    display: flex;
    align-items: center;
    gap: 6px;
    background: var(--card-header-bg);
    padding: 8px 16px;
    border-radius: 10px;
    font-weight: 700;
    box-shadow: var(--shadow-sm);
}

    .pagination-info .current-page[b-jv036zq7df] {
        font-size: 16px;
        color: var(--primary-solid);
    }

    .pagination-info .separator[b-jv036zq7df] {
        font-size: 14px;
        color: var(--text-muted);
    }

    .pagination-info .total-pages[b-jv036zq7df] {
        font-size: 14px;
        color: var(--text-secondary);
    }

.pagination-details[b-jv036zq7df] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.page-size-selector[b-jv036zq7df] {
    background: var(--card-header-bg);
    border: 2px solid var(--border-color);
    padding: 8px 12px;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 600;
    color: var(--text-primary);
    cursor: pointer;
    transition: all 0.2s ease;
}

    .page-size-selector:focus[b-jv036zq7df] {
        outline: none;
        border-color: var(--primary-solid);
        box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
    }

.pagination-text[b-jv036zq7df] {
    font-size: 12px;
    color: var(--text-secondary);
    font-weight: 600;
    text-align: right;
    flex: 1;
}

.seperator[b-jv036zq7df] {
    margin-top: -40px;
}

.chart-container[b-jv036zq7df] {
    padding: 12px;
    padding-bottom: 20px;
    min-height: calc(100vh - 200px);
}

.chart-wrapper[b-jv036zq7df] {
    background: var(--card-bg);
    border-radius: 16px;
    padding: 16px;
    box-shadow: var(--shadow-sm);
    margin-bottom: 12px;
    overflow-x: auto;
    min-height: 500px;
}

    .chart-wrapper .dx-chart[b-jv036zq7df] {
        min-height: 500px !important;
    }

.chart-stats[b-jv036zq7df] {
    background: var(--card-bg);
    border-radius: 16px;
    padding: 16px;
    box-shadow: var(--shadow-sm);
}

.stats-title[b-jv036zq7df] {
    font-size: 18px;
    font-weight: 700;
    color: var(--text-primary);
    margin: 0 0 16px 0;
    display: flex;
    align-items: center;
    gap: 8px;
}

    .stats-title[b-jv036zq7df]::before {
        content: '';
        width: 4px;
        height: 24px;
        background: var(--primary-gradient);
        background-color: var(--primary-solid);
        border-radius: 2px;
    }

.stats-grid[b-jv036zq7df] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.stat-card[b-jv036zq7df] {
    background: var(--info-row-bg);
    padding: 16px;
    border-radius: 12px;
    display: flex;
    gap: 12px;
    transition: all 0.2s ease;
}

    .stat-card:active[b-jv036zq7df] {
        transform: translateY(-2px);
        box-shadow: var(--shadow-sm);
    }

.stat-icon[b-jv036zq7df] {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background: var(--primary-gradient);
    background-color: var(--primary-solid);
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 24px;
    flex-shrink: 0;
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
}

    .stat-icon.success[b-jv036zq7df] {
        background: var(--success-gradient);
        background-color: var(--success-solid);
        box-shadow: 0 4px 12px rgba(72, 187, 120, 0.3);
    }

    .stat-icon.primary[b-jv036zq7df] {
        background: var(--primary-gradient);
        background-color: var(--primary-solid);
    }

    .stat-icon.warning[b-jv036zq7df] {
        background: var(--warning-gradient);
        background-color: var(--warning-solid);
        box-shadow: 0 4px 12px rgba(246, 173, 85, 0.3);
    }

.stat-content[b-jv036zq7df] {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 4px;
}

    .stat-content .stat-label[b-jv036zq7df] {
        font-size: 11px;
        color: var(--text-muted);
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 0.5px;
    }

    .stat-content .stat-value[b-jv036zq7df] {
        font-size: 16px;
        font-weight: 800;
        color: var(--text-primary);
    }

.empty-state[b-jv036zq7df] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 20px;
    gap: 16px;
    text-align: center;
}

    .empty-state i[b-jv036zq7df] {
        font-size: 80px;
        color: var(--text-muted);
        opacity: 0.5;
    }

    .empty-state h3[b-jv036zq7df] {
        font-size: 20px;
        font-weight: 700;
        color: var(--text-primary);
        margin: 0;
    }

    .empty-state p[b-jv036zq7df] {
        font-size: 14px;
        color: var(--text-secondary);
        margin: 0;
    }

@media (max-width: 360px) {
    .filter-row[b-jv036zq7df] {
        grid-template-columns: 1fr;
    }

    .card-quick-stats[b-jv036zq7df] {
        grid-template-columns: 1fr;
    }

    .stats-grid[b-jv036zq7df] {
        grid-template-columns: 1fr;
    }
}

@media (min-width: 768px) {
    .mobile-sales-report-container[b-jv036zq7df] {
        display: none;
    }
}
/* _content/Client/Pages/BI/StokYonetimi/StokYonetimiMobil/StokEnvanterRaporuMobil.razor.rz.scp.css */
:root[b-woexe0l1bv] {
    --primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    --primary-solid: #667eea;
    --primary-dark: #764ba2;
    --success-gradient: linear-gradient(135deg, #48bb78 0%, #38a169 100%);
    --success-solid: #48bb78;
    --warning-gradient: linear-gradient(135deg, #f6ad55 0%, #ed8936 100%);
    --warning-solid: #f6ad55;
    --danger-gradient: linear-gradient(135deg, #fc8181 0%, #f56565 100%);
    --danger-solid: #fc8181;
    --card-bg: #ffffff;
    --card-header-bg: linear-gradient(135deg, #f7fafc 0%, #edf2f7 100%);
    --text-primary: #1a202c;
    --text-secondary: #4a5568;
    --text-muted: #718096;
    --border-color: #e2e8f0;
    --info-row-bg: #f7fafc;
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.08);
    --shadow-md: 0 4px 16px rgba(102, 126, 234, 0.2);
}

[data-bs-theme="dark"][b-woexe0l1bv] {
    --primary-solid: #8b9aee;
    --primary-dark: #9a7bc2;
    --success-solid: #68d391;
    --warning-solid: #fbbf24;
    --danger-solid: #fca5a5;
    --card-bg: #1e293b;
    --card-header-bg: linear-gradient(135deg, #334155 0%, #1e293b 100%);
    --text-primary: #f1f5f9;
    --text-secondary: #cbd5e1;
    --text-muted: #94a3b8;
    --border-color: #334155;
    --info-row-bg: #0f172a;
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3);
    --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4);
}

/* CONTAINER */
.mobile-sales-report-container[b-woexe0l1bv] {
    width: 100%;
    min-height: 100vh;
    background: var(--info-row-bg);
    padding-bottom: 20px;
}

/* SAB�T HEADER */
.report-header-sticky[b-woexe0l1bv] {
    position: sticky;
    top: 0;
    z-index: 100;
    background: var(--info-row-bg);
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
    margin-top: 1rem;
}

/* TAR�H F�LTRELER� */
.date-filters-card[b-woexe0l1bv] {
    background: var(--card-bg);
    border-radius: 16px;
    padding: 16px;
    margin-bottom: 12px;
    box-shadow: var(--shadow-sm);
}

.filter-row[b-woexe0l1bv] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.filter-item[b-woexe0l1bv] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.filter-label[b-woexe0l1bv] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    font-weight: 600;
    color: var(--text-secondary);
}

    .filter-label i[b-woexe0l1bv] {
        font-size: 18px;
        color: var(--primary-solid);
    }

/* KONTROL KARTLARI */
.controls-card[b-woexe0l1bv] {
    background: var(--card-bg);
    border-radius: 16px;
    padding: 12px;
    box-shadow: var(--shadow-sm);
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
}

.filter-expand-btn[b-woexe0l1bv] {
    flex: 1;
    background: var(--primary-gradient);
    background-color: var(--primary-solid);
    border: none;
    padding: 12px 16px;
    border-radius: 12px;
    color: white;
    font-size: 14px;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
    position: relative;
}

    .filter-expand-btn:active[b-woexe0l1bv] {
        transform: scale(0.98);
    }

    /* Filtreler yaz�s� flex: 1 alarak ortada sabit kal�r, badge sa�a itilmez */
    .filter-expand-btn > span:first-of-type[b-woexe0l1bv] {
        flex: 1;
        text-align: left;
    }

    .filter-expand-btn .chevron[b-woexe0l1bv] {
        font-size: 16px;
        transition: transform 0.3s ease;
        flex-shrink: 0;
    }

    .filter-expand-btn.active .chevron[b-woexe0l1bv] {
        transform: rotate(180deg);
    }

/* F�LTRE BADGE - sadece say�y� s��d�racak kadar geni�lik */
.filter-badge[b-woexe0l1bv] {
    background: rgba(255, 255, 255, 0.3);
    padding: 2px 7px;
    border-radius: 10px;
    font-size: 12px;
    font-weight: 700;
    min-width: 20px;
    width: auto;
    flex-shrink: 0;
    text-align: center;
    line-height: 1.4;
}

.view-toggle-group[b-woexe0l1bv] {
    display: flex;
    gap: 6px;
    background: var(--info-row-bg);
    padding: 4px;
    border-radius: 12px;
}

.view-toggle-btn[b-woexe0l1bv] {
    background: transparent;
    border: none;
    padding: 10px 14px;
    border-radius: 10px;
    color: var(--text-muted);
    font-size: 13px;
    font-weight: 600;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    cursor: pointer;
    transition: all 0.2s ease;
    min-width: 60px;
}

    .view-toggle-btn i[b-woexe0l1bv] {
        font-size: 20px;
    }

    .view-toggle-btn.active[b-woexe0l1bv] {
        background: var(--primary-gradient);
        background-color: var(--primary-solid);
        color: white;
        box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3);
    }

.expandable-filters[b-woexe0l1bv] {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
    margin-top: 0;
}

    .expandable-filters.expanded[b-woexe0l1bv] {
        max-height: 500px;
        margin-top: 12px;
    }

.filter-grid[b-woexe0l1bv] {
    background: var(--card-bg);
    border-radius: 16px;
    padding: 16px;
    box-shadow: var(--shadow-sm);
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.filter-block[b-woexe0l1bv] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.filter-block-label[b-woexe0l1bv] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    font-weight: 600;
    color: var(--text-secondary);
}

    .filter-block-label i[b-woexe0l1bv] {
        font-size: 18px;
        color: var(--primary-solid);
    }

.clear-filters-btn[b-woexe0l1bv] {
    background: var(--danger-gradient);
    background-color: var(--danger-solid);
    border: none;
    padding: 12px;
    border-radius: 12px;
    color: white;
    font-size: 14px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    cursor: pointer;
    margin-top: 12px;
    transition: all 0.2s ease;
    box-shadow: 0 4px 12px rgba(252, 129, 129, 0.3);
}

    .clear-filters-btn:active[b-woexe0l1bv] {
        transform: scale(0.98);
    }

.loading-overlay[b-woexe0l1bv] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 20px;
    gap: 20px;
}

.loading-spinner[b-woexe0l1bv] {
    position: relative;
    width: 60px;
    height: 60px;
}

.spinner-ring[b-woexe0l1bv] {
    position: absolute;
    width: 100%;
    height: 100%;
    border: 3px solid transparent;
    border-top-color: var(--primary-solid);
    border-radius: 50%;
    animation: spin-b-woexe0l1bv 1s linear infinite;
}

    .spinner-ring:nth-child(2)[b-woexe0l1bv] {
        border-top-color: var(--primary-dark);
        animation-delay: 0.15s;
    }

    .spinner-ring:nth-child(3)[b-woexe0l1bv] {
        border-top-color: var(--success-solid);
        animation-delay: 0.3s;
    }

@keyframes spin-b-woexe0l1bv {
    to {
        transform: rotate(360deg);
    }
}

.loading-text[b-woexe0l1bv] {
    font-size: 16px;
    font-weight: 600;
    color: var(--text-secondary);
}

.sales-list-container[b-woexe0l1bv] {
    padding: 12px;
    padding-bottom: 100px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.sales-card[b-woexe0l1bv] {
    background: var(--card-bg);
    border-radius: 16px;
    overflow: hidden;
    box-shadow: var(--shadow-sm);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer;
    border: 2px solid transparent;
}

    .sales-card:active[b-woexe0l1bv] {
        transform: scale(0.98);
    }

    .sales-card.expanded[b-woexe0l1bv] {
        border-color: var(--primary-dark);
        box-shadow: var(--shadow-md);
    }

.card-header-section[b-woexe0l1bv] {
    padding: 16px;
    background: var(--card-header-bg);
    border-bottom: 1px solid var(--border-color);
}

.card-title-row[b-woexe0l1bv] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
}

.card-title[b-woexe0l1bv] {
    font-size: 16px;
    font-weight: 700;
    color: var(--text-primary);
    margin: 0;
}

.expand-icon[b-woexe0l1bv] {
    font-size: 20px;
    color: var(--primary-solid);
    transition: transform 0.3s ease;
}

.sales-card.expanded .expand-icon[b-woexe0l1bv] {
    transform: rotate(180deg);
    color: var(--primary-dark);
}

.card-quick-stats[b-woexe0l1bv] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.quick-stat[b-woexe0l1bv] {
    background: var(--card-bg);
    padding: 12px;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

    .quick-stat.primary[b-woexe0l1bv] {
        background: linear-gradient(135deg, rgba(102, 126, 234, 0.1) 0%, rgba(118, 75, 162, 0.1) 100%);
    }

    .quick-stat.secondary[b-woexe0l1bv] {
        background: linear-gradient(135deg, rgba(72, 187, 120, 0.1) 0%, rgba(56, 161, 105, 0.1) 100%);
    }

.stat-label[b-woexe0l1bv] {
    font-size: 11px;
    color: var(--text-muted);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.stat-value[b-woexe0l1bv] {
    font-size: 16px;
    font-weight: 800;
    color: var(--text-primary);
}

/* KART ��ER��� - max-height none, y�ksekli�i dinamik tut */
.card-content[b-woexe0l1bv] {
    padding: 0;
    background: var(--card-bg);
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

.sales-card.expanded .card-content[b-woexe0l1bv] {
    /* none kullanamazs�n transition i�in; �ok y�ksek bir de�er ver */
    max-height: 5000px;
    opacity: 1;
    padding: 16px;
}

.detail-grid[b-woexe0l1bv] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.detail-item[b-woexe0l1bv] {
    background: var(--info-row-bg);
    padding: 14px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    gap: 12px;
    transition: all 0.2s ease;
}

    .detail-item:active[b-woexe0l1bv] {
        transform: translateX(4px);
        background: var(--border-color);
    }

    .detail-item.highlight[b-woexe0l1bv] {
        background: linear-gradient(135deg, rgba(102, 126, 234, 0.1) 0%, rgba(118, 75, 162, 0.1) 100%);
        border: 2px solid var(--primary-solid);
    }

    .detail-item > i[b-woexe0l1bv] {
        font-size: 24px;
        color: var(--primary-solid);
        flex-shrink: 0;
    }

.detail-info[b-woexe0l1bv] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.detail-label[b-woexe0l1bv] {
    font-size: 12px;
    color: var(--text-muted);
    font-weight: 600;
}

.detail-value[b-woexe0l1bv] {
    font-size: 15px;
    font-weight: 700;
    color: var(--text-primary);
}

    .detail-value.primary[b-woexe0l1bv] {
        color: var(--primary-solid);
    }

    .detail-value.success[b-woexe0l1bv] {
        color: var(--success-solid);
    }

    .detail-value.warning[b-woexe0l1bv] {
        color: var(--warning-solid);
    }

.pagination-footer[b-woexe0l1bv] {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: var(--card-bg);
    border-top: 1px solid var(--border-color);
    box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.08);
    z-index: 90;
    padding: 12px;
}

.pagination-controls[b-woexe0l1bv] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-bottom: 12px;
}

.pagination-btn[b-woexe0l1bv] {
    background: var(--primary-gradient);
    background-color: var(--primary-solid);
    border: none;
    width: 36px;
    height: 36px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: white;
    font-size: 16px;
    transition: all 0.2s ease;
    box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3);
}

    .pagination-btn:active:not(:disabled)[b-woexe0l1bv] {
        transform: scale(0.95);
    }

    .pagination-btn:disabled[b-woexe0l1bv] {
        background: var(--border-color);
        color: var(--text-muted);
        cursor: not-allowed;
        opacity: 0.5;
        box-shadow: none;
    }

.pagination-info[b-woexe0l1bv] {
    display: flex;
    align-items: center;
    gap: 6px;
    background: var(--card-header-bg);
    padding: 8px 16px;
    border-radius: 10px;
    font-weight: 700;
    box-shadow: var(--shadow-sm);
}

    .pagination-info .current-page[b-woexe0l1bv] {
        font-size: 16px;
        color: var(--primary-solid);
    }

    .pagination-info .separator[b-woexe0l1bv] {
        font-size: 14px;
        color: var(--text-muted);
    }

    .pagination-info .total-pages[b-woexe0l1bv] {
        font-size: 14px;
        color: var(--text-secondary);
    }

.pagination-details[b-woexe0l1bv] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.page-size-selector[b-woexe0l1bv] {
    background: var(--card-header-bg);
    border: 2px solid var(--border-color);
    padding: 8px 12px;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 600;
    color: var(--text-primary);
    cursor: pointer;
    transition: all 0.2s ease;
}

    .page-size-selector:focus[b-woexe0l1bv] {
        outline: none;
        border-color: var(--primary-solid);
        box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
    }

.pagination-text[b-woexe0l1bv] {
    font-size: 12px;
    color: var(--text-secondary);
    font-weight: 600;
    text-align: right;
    flex: 1;
}

.seperator[b-woexe0l1bv] {
    margin-top: -40px;
}

.chart-container[b-woexe0l1bv] {
    padding: 12px;
    padding-bottom: 20px;
    min-height: calc(100vh - 200px);
}

.chart-wrapper[b-woexe0l1bv] {
    background: var(--card-bg);
    border-radius: 16px;
    padding: 16px;
    box-shadow: var(--shadow-sm);
    margin-bottom: 12px;
    overflow-x: auto;
    min-height: 500px;
}

    .chart-wrapper .dx-chart[b-woexe0l1bv] {
        min-height: 500px !important;
    }

.chart-stats[b-woexe0l1bv] {
    background: var(--card-bg);
    border-radius: 16px;
    padding: 16px;
    box-shadow: var(--shadow-sm);
}

.stats-title[b-woexe0l1bv] {
    font-size: 18px;
    font-weight: 700;
    color: var(--text-primary);
    margin: 0 0 16px 0;
    display: flex;
    align-items: center;
    gap: 8px;
}

    .stats-title[b-woexe0l1bv]::before {
        content: '';
        width: 4px;
        height: 24px;
        background: var(--primary-gradient);
        background-color: var(--primary-solid);
        border-radius: 2px;
    }

.stats-grid[b-woexe0l1bv] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.stat-card[b-woexe0l1bv] {
    background: var(--info-row-bg);
    padding: 16px;
    border-radius: 12px;
    display: flex;
    gap: 12px;
    transition: all 0.2s ease;
}

    .stat-card:active[b-woexe0l1bv] {
        transform: translateY(-2px);
        box-shadow: var(--shadow-sm);
    }

.stat-icon[b-woexe0l1bv] {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background: var(--primary-gradient);
    background-color: var(--primary-solid);
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 24px;
    flex-shrink: 0;
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
}

    .stat-icon.success[b-woexe0l1bv] {
        background: var(--success-gradient);
        background-color: var(--success-solid);
        box-shadow: 0 4px 12px rgba(72, 187, 120, 0.3);
    }

    .stat-icon.primary[b-woexe0l1bv] {
        background: var(--primary-gradient);
        background-color: var(--primary-solid);
    }

    .stat-icon.warning[b-woexe0l1bv] {
        background: var(--warning-gradient);
        background-color: var(--warning-solid);
        box-shadow: 0 4px 12px rgba(246, 173, 85, 0.3);
    }

.stat-content[b-woexe0l1bv] {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 4px;
}

    .stat-content .stat-label[b-woexe0l1bv] {
        font-size: 11px;
        color: var(--text-muted);
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 0.5px;
    }

    .stat-content .stat-value[b-woexe0l1bv] {
        font-size: 16px;
        font-weight: 800;
        color: var(--text-primary);
    }

.empty-state[b-woexe0l1bv] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 20px;
    gap: 16px;
    text-align: center;
}

    .empty-state i[b-woexe0l1bv] {
        font-size: 80px;
        color: var(--text-muted);
        opacity: 0.5;
    }

    .empty-state h3[b-woexe0l1bv] {
        font-size: 20px;
        font-weight: 700;
        color: var(--text-primary);
        margin: 0;
    }

    .empty-state p[b-woexe0l1bv] {
        font-size: 14px;
        color: var(--text-secondary);
        margin: 0;
    }

@media (max-width: 360px) {
    .filter-row[b-woexe0l1bv] {
        grid-template-columns: 1fr;
    }

    .card-quick-stats[b-woexe0l1bv] {
        grid-template-columns: 1fr;
    }

    .stats-grid[b-woexe0l1bv] {
        grid-template-columns: 1fr;
    }
}

@media (min-width: 768px) {
    .mobile-sales-report-container[b-woexe0l1bv] {
        display: none;
    }
}
/* _content/Client/Pages/Comps/Dashboard/FinancialMetrics/FinancalMetrics.razor.rz.scp.css */
:root[b-vumasayla0],
.dashboard-container[b-vumasayla0] {
    /* Chart Color Palette - JavaScript ile uyumlu */
    --chart-primary: #6ba1d8; /* Soft Blue */
    --chart-success: #59b8a5; /* Mint */
    --chart-warning: #edc127; /* Gold Yellow */
    --chart-secondary: #d09fe7; /* Lilac */
    --chart-danger: #d2886f; /* Clay */
    --chart-info: #6ba1d8; /* Primary ile tutarlı */
    /* Brand Colors - Mevcut chart renklerini kullan */
    --primary: #6ba1d8;
    --primary-light: rgba(107, 161, 216, 0.15);
    --secondary: #d09fe7;
    --secondary-light: rgba(208, 159, 231, 0.15);
    --success: #59b8a5;
    --success-light: rgba(89, 184, 165, 0.15);
    --info: #6ba1d8;
    --info-light: rgba(107, 161, 216, 0.15);
    --warning: #edc127;
    --warning-light: rgba(237, 193, 39, 0.15);
    --danger: #d2886f;
    --danger-light: rgba(210, 136, 111, 0.15);
    /* Chart Specific Colors */
    --chart-color-1: #6ba1d8;
    --chart-color-2: #59b8a5;
    --chart-color-3: #edc127;
    --chart-color-4: #d09fe7;
    --chart-color-5: #d2886f;
    --chart-color-6: #4cc9f0;
    --chart-color-7: #ff6b6b;
    --chart-color-8: #4ecdc4;
    --chart-color-9: #45b7d1;
    --chart-color-10: #96ceb4;
    /* Light Theme Variables */
    --bg-color: #f8f9fa;
    --card-bg: #ffffff;
    --text-primary: #212529;
    --text-secondary: #6c757d;
    --text-muted: #9EA7AC;
    --border-color: rgba(0, 0, 0, 0.05);
    --border-light: #e9ecef;
    --shadow-light: 0 0.5rem 1rem rgba(107, 161, 216, 0.08);
    --shadow-hover: 0 0.75rem 1.5rem rgba(107, 161, 216, 0.12);
    --shadow-strong: 0 8px 25px rgba(107, 161, 216, 0.15);
    --gradient-bg: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);
    --gradient-primary: linear-gradient(135deg, var(--chart-primary) 0%, var(--chart-secondary) 100%);
    --gradient-success: linear-gradient(135deg, var(--chart-success) 0%, #51cf66 100%);
    --gradient-warning: linear-gradient(135deg, var(--chart-warning) 0%, #ffd43b 100%);
    --gradient-danger: linear-gradient(135deg, var(--chart-danger) 0%, #ff8a80 100%);
}

/* Dark Theme */
:root[data-bs-theme="dark"][b-vumasayla0],
[data-bs-theme="dark"] .dashboard-container[b-vumasayla0],
.dashboard-container[data-bs-theme="dark"][b-vumasayla0],
body.dark-theme .dashboard-container[b-vumasayla0],
body[data-theme="dark"] .dashboard-container[b-vumasayla0] {
    --bg-color: #0d1117;
    --card-bg: #161b22;
    --text-primary: #f0f6fc;
    --text-secondary: #8b949e;
    --text-muted: #6c757d;
    --border-color: rgba(240, 246, 252, 0.1);
    --border-light: rgba(240, 246, 252, 0.15);
    --shadow-light: 0 0.5rem 1rem rgba(0, 0, 0, 0.3);
    --shadow-hover: 0 0.75rem 1.5rem rgba(0, 0, 0, 0.4);
    --shadow-strong: 0 8px 25px rgba(0, 0, 0, 0.25);
    --gradient-bg: linear-gradient(135deg, #161b22 0%, #0d1117 100%);
}

/* Base Styles */
.dashboard-container[b-vumasayla0] {
    background-color: var(--bg-color);
    color: var(--text-primary);
    font-family: 'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif;
    transition: all 0.3s ease;
    padding: 2rem 0;
}

/* Metric Cards - Chart renklerine uyumlu */
.metric-card[b-vumasayla0] {
    background: var(--gradient-bg);
    border: 1px solid var(--border-color);
    border-radius: 16px;
    box-shadow: var(--shadow-light);
    margin-bottom: 1.5rem;
    overflow: hidden;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
}

    .metric-card[b-vumasayla0]::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 3px;
        background: var(--gradient-primary);
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    .metric-card:hover[b-vumasayla0] {
        transform: translateY(-4px);
        box-shadow: var(--shadow-strong);
        border-color: var(--primary-light);
    }

        .metric-card:hover[b-vumasayla0]::before {
            opacity: 1;
        }

/* Card Headers and Bodies */
.card-header[b-vumasayla0] {
    background-color: var(--card-bg);
    border-bottom: 1px solid var(--border-color);
    color: var(--text-primary);
    padding: 1rem 1.25rem;
    font-weight: 600;
}

.card-body[b-vumasayla0] {
    background-color: var(--card-bg);
    color: var(--text-primary);
    padding: 1.5rem;
}

/* Metric Values and Labels - Direct color */
.metric-value[b-vumasayla0] {
    font-size: 2rem;
    font-weight: 700;
    color: #6ba1d8 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0.5rem;
    font-family: 'Inter', sans-serif;
}

.metric-label[b-vumasayla0] {
    font-size: 0.9rem;
    color: #6c757d !important;
    text-align: center;
    font-weight: 500;
}

/* Icon Styles - Chart renk paleti ile uyumlu */
.icon-bg[b-vumasayla0] {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    margin-right: 15px;
    font-weight: 900;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

    .icon-bg[b-vumasayla0]::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: inherit;
        opacity: 0.1;
        transition: opacity 0.3s ease;
    }

    .icon-bg:hover[b-vumasayla0]::before {
        opacity: 0.2;
    }

.metric-icon[b-vumasayla0] {
    font-size: 1.5rem;
    z-index: 1;
    position: relative;
}

/* Icon Background Colors - Direct colors for visibility */
.bg-blue-light[b-vumasayla0] {
    background: linear-gradient(135deg, #6ba1d8 0%, #d09fe7 100%) !important;
    color: white !important;
}

.bg-green-light[b-vumasayla0] {
    background: linear-gradient(135deg, #59b8a5 0%, #51cf66 100%) !important;
    color: white !important;
}

.bg-red-light[b-vumasayla0] {
    background: linear-gradient(135deg, #d2886f 0%, #ff8a80 100%) !important;
    color: white !important;
}

.bg-yellow-light[b-vumasayla0] {
    background: linear-gradient(135deg, #edc127 0%, #ffd43b 100%) !important;
    color: white !important;
}

.bg-purple-light[b-vumasayla0] {
    background: linear-gradient(135deg, #d09fe7 0%, #a855f7 100%) !important;
    color: white !important;
}

/* Badge Styles - Direct colors for visibility */
.icon-badge[b-vumasayla0] {
    width: 60px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    margin-right: 15px;
}

.badge[b-vumasayla0] {
    padding: 0.55rem 0.85rem;
    border-radius: 0.5rem;
    font-weight: 600;
    font-size: 0.8rem;
    transition: all 0.3s ease;
}

.bg-blue-2[b-vumasayla0] {
    background-color: #6ba1d8 !important;
    color: white !important;
}

.bg-red-1[b-vumasayla0] {
    background-color: #d2886f !important;
    color: white !important;
}

.bg-green-1[b-vumasayla0] {
    background-color: #59b8a5 !important;
    color: white !important;
}

/* Progress Bars - Direct colors for visibility */
.progress[b-vumasayla0] {
    height: 0.75rem;
    border-radius: 0.5rem;
    margin-bottom: 0.5rem;
    background-color: #e9ecef !important;
    overflow: hidden;
}

.progress-bar[b-vumasayla0] {
    border-radius: 0.5rem;
    transition: width 0.6s ease;
}

    .progress-bar.bg-success[b-vumasayla0] {
        background: linear-gradient(90deg, #59b8a5, #51cf66) !important;
    }

    .progress-bar.bg-danger[b-vumasayla0] {
        background: linear-gradient(90deg, #d2886f, #ff8a80) !important;
    }

    .progress-bar.bg-warning[b-vumasayla0] {
        background: linear-gradient(90deg, #edc127, #ffd43b) !important;
    }

.dual-progress[b-vumasayla0] {
    height: 0.75rem;
    width: 100%;
    background-color: #e9ecef !important;
    border-radius: 8px;
    display: flex;
    overflow: hidden;
    position: relative;
}

.credit[b-vumasayla0] {
    background: #28f87c !important; /* Alacak */
    transition: width 0.6s ease;
}

.debt[b-vumasayla0] {
    background: #f8285a !important; /* Borç */
    transition: width 0.6s ease;
}



/* Chart Containers - Geliştirilmiş tasarım */
.trends-chart-container[b-vumasayla0] {
    height: 100%;
    min-height: 650px;
    width: 100%;
    position: relative;
    background: transparent;
    border-radius: 12px;
}

.donut-container[b-vumasayla0] {
    position: relative;
    width: 100%;
    height: 380px;
    background: transparent;
    border-radius: 12px;
}

/* Chart Specific Containers */
#DashboardProfitChart[b-vumasayla0],
#DashboardPieChart[b-vumasayla0],
#KategoriSatisChart[b-vumasayla0],
#CokSatilanMalzemeChart[b-vumasayla0],
#CokSatisYapilanMusteriChart[b-vumasayla0],
#HesapPortfoyGaugeChart[b-vumasayla0] {
    width: 100%;
    height: 100%;
    background: transparent;
    border-radius: 8px;
}

/* Chart Dark Mode Support */
[data-bs-theme="dark"] #DashboardProfitChart[b-vumasayla0],
[data-bs-theme="dark"] #DashboardPieChart[b-vumasayla0],
[data-bs-theme="dark"] #KategoriSatisChart[b-vumasayla0],
[data-bs-theme="dark"] #CokSatilanMalzemeChart[b-vumasayla0],
[data-bs-theme="dark"] #CokSatisYapilanMusteriChart[b-vumasayla0],
[data-bs-theme="dark"] #HesapPortfoyGaugeChart[b-vumasayla0],
body.dark-theme #DashboardProfitChart[b-vumasayla0],
body.dark-theme #DashboardPieChart[b-vumasayla0],
body.dark-theme #KategoriSatisChart[b-vumasayla0],
body.dark-theme #CokSatilanMalzemeChart[b-vumasayla0],
body.dark-theme #CokSatisYapilanMusteriChart[b-vumasayla0],
body.dark-theme #HesapPortfoyGaugeChart[b-vumasayla0],
body[data-theme="dark"] #DashboardProfitChart[b-vumasayla0],
body[data-theme="dark"] #DashboardPieChart[b-vumasayla0],
body[data-theme="dark"] #KategoriSatisChart[b-vumasayla0],
body[data-theme="dark"] #CokSatilanMalzemeChart[b-vumasayla0],
body[data-theme="dark"] #CokSatisYapilanMusteriChart[b-vumasayla0],
body[data-theme="dark"] #HesapPortfoyGaugeChart[b-vumasayla0] {
    background-color: transparent;
}

/* Typography - Chart renklerine uyumlu */
h1[b-vumasayla0], h2[b-vumasayla0], h3[b-vumasayla0], h4[b-vumasayla0], h5[b-vumasayla0], h6[b-vumasayla0] {
    color: var(--text-primary);
    font-weight: 600;
}

.text-muted[b-vumasayla0] {
    color: var(--text-secondary) !important;
}

/* Text Colors - Direct colors for visibility */
.text-success[b-vumasayla0] {
    color: #59b8a5 !important;
}

.text-danger[b-vumasayla0] {
    color: #d2886f !important;
}

.text-warning[b-vumasayla0] {
    color: #edc127 !important;
}

.text-primary[b-vumasayla0] {
    color: #6ba1d8 !important;
}

/* Dark Mode Text Overrides */
[data-bs-theme="dark"] .text-dark[b-vumasayla0],
body.dark-theme .text-dark[b-vumasayla0],
body[data-theme="dark"] .text-dark[b-vumasayla0] {
    color: var(--text-primary) !important;
}

[data-bs-theme="dark"] .border[b-vumasayla0],
body.dark-theme .border[b-vumasayla0],
body[data-theme="dark"] .border[b-vumasayla0] {
    border-color: var(--border-color) !important;
}

/* Portfolio and Account Lists - Direct colors */
.portfolio-list[b-vumasayla0],
.account-list[b-vumasayla0] {
    max-height: 400px;
    overflow-y: auto;
    padding-right: 5px;
}

.portfolio-item[b-vumasayla0],
.portfolio-item[b-vumasayla0],
.account-item[b-vumasayla0] {
    border: 1px solid #e9ecef !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%) !important;
    border-radius: 12px;
    margin-bottom: 0.75rem;
    position: relative;
    overflow: hidden;
}
[data-bs-theme="dark"] .portfolio-item[b-vumasayla0],
[data-bs-theme="dark"] .account-item[b-vumasayla0],
body.dark-theme .portfolio-item[b-vumasayla0],
body.dark-theme .account-item[b-vumasayla0],
body[data-theme="dark"] .portfolio-item[b-vumasayla0],
body[data-theme="dark"] .account-item[b-vumasayla0] {
    background: linear-gradient(135deg, #161b22 0%, #0d1117 100%) !important;
    border-color: rgba(240, 246, 252, 0.15) !important;
}
    [data-bs-theme="dark"] .portfolio-item:hover[b-vumasayla0],
    [data-bs-theme="dark"] .account-item:hover[b-vumasayla0],
    body.dark-theme .portfolio-item:hover[b-vumasayla0],
    body.dark-theme .account-item:hover[b-vumasayla0],
    body[data-theme="dark"] .portfolio-item:hover[b-vumasayla0],
    body[data-theme="dark"] .account-item:hover[b-vumasayla0] {
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3) !important;
        border-color: rgba(107, 161, 216, 0.3) !important;
    }

    .portfolio-item[b-vumasayla0]::before,
    .account-item[b-vumasayla0]::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 3px;
        height: 100%;
        background: #6ba1d8 !important;
        transform: scaleY(0);
        transition: transform 0.3s ease;
    }

    .portfolio-item:hover[b-vumasayla0],
    .account-item:hover[b-vumasayla0] {
        transform: translateY(-2px);
        box-shadow: 0 4px 20px rgba(107, 161, 216, 0.15) !important;
        border-color: rgba(107, 161, 216, 0.3) !important;
    }


        .portfolio-item:hover[b-vumasayla0]::before,
        .account-item:hover[b-vumasayla0]::before {
            transform: scaleY(1);
        }

.portfolio-info h6[b-vumasayla0],
.account-info h6[b-vumasayla0] {
    color: #212529 !important;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 2px;
}

.portfolio-info small[b-vumasayla0] {
    font-size: 11px;
    color: #9EA7AC !important;
}

.portfolio-amount h6[b-vumasayla0],
.account-amount h6[b-vumasayla0] {
    color: #6ba1d8 !important;
    font-size: 14px;
    font-weight: 700;
}

/* Dark Mode Adjustments for Lists */
[data-bs-theme="dark"] .portfolio-item[b-vumasayla0],
[data-bs-theme="dark"] .account-item[b-vumasayla0],
body.dark-theme .portfolio-item[b-vumasayla0],
body.dark-theme .account-item[b-vumasayla0],
body[data-theme="dark"] .portfolio-item[b-vumasayla0],
body[data-theme="dark"] .account-item[b-vumasayla0] {
    background: var(--gradient-bg);
    border-color: var(--border-color);
}

    [data-bs-theme="dark"] .portfolio-item:hover[b-vumasayla0],
    [data-bs-theme="dark"] .account-item:hover[b-vumasayla0],
    body.dark-theme .portfolio-item:hover[b-vumasayla0],
    body.dark-theme .account-item:hover[b-vumasayla0],
    body[data-theme="dark"] .portfolio-item:hover[b-vumasayla0],
    body[data-theme="dark"] .account-item:hover[b-vumasayla0] {
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
    }

/* Custom Scrollbars - Direct colors */
.portfolio-list[b-vumasayla0]::-webkit-scrollbar,
.account-list[b-vumasayla0]::-webkit-scrollbar {
    width: 4px;
}

.portfolio-list[b-vumasayla0]::-webkit-scrollbar-track,
.account-list[b-vumasayla0]::-webkit-scrollbar-track {
    background: #e9ecef !important;
    border-radius: 2px;
}

.portfolio-list[b-vumasayla0]::-webkit-scrollbar-thumb,
.account-list[b-vumasayla0]::-webkit-scrollbar-thumb {
    background: #6c757d !important;
    border-radius: 2px;
    transition: background 0.3s ease;
}

    .portfolio-list[b-vumasayla0]::-webkit-scrollbar-thumb:hover,
    .account-list[b-vumasayla0]::-webkit-scrollbar-thumb:hover {
        background: #6ba1d8 !important;
    }

/* Sales Analytics Section */
.sales-analytics-header[b-vumasayla0] {
    margin-bottom: 2rem;
}

    .sales-analytics-header h2[b-vumasayla0] {
        color: var(--text-primary);
        font-weight: 700;
        margin-bottom: 0.5rem;
    }

    .sales-analytics-header .text-muted[b-vumasayla0] {
        color: var(--text-secondary) !important;
        font-size: 1rem;
    }

/* Chart Loading State - Direct colors */
.chart-loading[b-vumasayla0] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 300px;
    color: #6c757d !important;
    font-style: italic;
    font-size: 14px;
}

    .chart-loading i[b-vumasayla0] {
        margin-right: 8px;
        animation: spin-b-vumasayla0 1s linear infinite;
        color: #6ba1d8 !important;
    }

/* Animations */
.fadeInUp[b-vumasayla0] {
    animation: fadeInUp-b-vumasayla0 0.8s cubic-bezier(0.4, 0, 0.2, 1);
}

@keyframes fadeInUp-b-vumasayla0 {
    from {
        opacity: 0;
        transform: translateY(30px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes spin-b-vumasayla0 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.animated-counter[b-vumasayla0] {
    transition: all 0.3s ease;
}

/* Chart Card Variants - Farklı chart türleri için */
.chart-card-pie .metric-card[b-vumasayla0] {
    border-left: 4px solid var(--chart-primary);
}

.chart-card-bar .metric-card[b-vumasayla0] {
    border-left: 4px solid var(--chart-success);
}

.chart-card-donut .metric-card[b-vumasayla0] {
    border-left: 4px solid var(--chart-secondary);
}

.chart-card-gauge .metric-card[b-vumasayla0] {
    border-left: 4px solid var(--chart-warning);
}

/* Responsive Design */
@media (max-width: 1200px) {
    .trends-chart-container[b-vumasayla0] {
        min-height: 500px;
    }

    .donut-container[b-vumasayla0] {
        height: 320px;
    }
}

@media (max-width: 768px) {
    .dashboard-container[b-vumasayla0] {
        padding: 1rem 0;
    }

    .metric-card[b-vumasayla0] {
        margin-bottom: 1rem;
    }

    .card-body[b-vumasayla0] {
        padding: 1rem;
    }

    .icon-bg[b-vumasayla0] {
        width: 40px;
        height: 40px;
        margin-right: 10px;
    }

    .metric-icon[b-vumasayla0] {
        font-size: 1.2rem;
    }

    .metric-value[b-vumasayla0] {
        font-size: 1.5rem;
    }

    .portfolio-item[b-vumasayla0],
    .account-item[b-vumasayla0] {
        padding: 0.75rem !important;
        margin-bottom: 0.5rem !important;
    }

    .portfolio-info h6[b-vumasayla0],
    .account-info h6[b-vumasayla0],
    .portfolio-amount h6[b-vumasayla0],
    .account-amount h6[b-vumasayla0] {
        font-size: 12px;
    }

    .portfolio-list[b-vumasayla0],
    .account-list[b-vumasayla0] {
        max-height: 300px;
    }

    .trends-chart-container[b-vumasayla0] {
        min-height: 400px;
    }

    .donut-container[b-vumasayla0] {
        height: 280px;
    }

    /* Chart containers mobile responsive */
    #DashboardProfitChart[b-vumasayla0],
    #DashboardPieChart[b-vumasayla0],
    #KategoriSatisChart[b-vumasayla0],
    #CokSatilanMalzemeChart[b-vumasayla0],
    #CokSatisYapilanMusteriChart[b-vumasayla0],
    #HesapPortfoyGaugeChart[b-vumasayla0] {
        height: auto !important;
        min-height: 280px;
    }
}

@media (max-width: 576px) {
    .metric-value[b-vumasayla0] {
        font-size: 1.25rem;
    }

    .card-body[b-vumasayla0] {
        padding: 0.75rem;
    }

    .trends-chart-container[b-vumasayla0] {
        min-height: 350px;
    }

    .donut-container[b-vumasayla0] {
        height: 250px;
    }

    /* Çok küçük ekranlar için chart boyutları */
    #DashboardProfitChart[b-vumasayla0],
    #DashboardPieChart[b-vumasayla0],
    #KategoriSatisChart[b-vumasayla0],
    #CokSatilanMalzemeChart[b-vumasayla0],
    #CokSatisYapilanMusteriChart[b-vumasayla0],
    #HesapPortfoyGaugeChart[b-vumasayla0] {
        min-height: 250px;
    }
}

/* Chart Tooltip Customization */
.apexcharts-tooltip[b-vumasayla0] {
    background: var(--card-bg) !important;
    border: 1px solid var(--border-color) !important;
    color: var(--text-primary) !important;
    box-shadow: var(--shadow-light) !important;
}

.apexcharts-tooltip-title[b-vumasayla0] {
    background: var(--chart-primary) !important;
    color: white !important;
    border-bottom: none !important;
}

/* Chart Legend Customization */
.apexcharts-legend-text[b-vumasayla0] {
    color: var(--text-primary) !important;
}

/* Chart Grid Customization */
.apexcharts-gridline[b-vumasayla0] {
    stroke: var(--border-color) !important;
}

/* Chart Axis Customization */
.apexcharts-xaxis-label[b-vumasayla0],
.apexcharts-yaxis-label[b-vumasayla0] {
    fill: var(--text-secondary) !important;
}
/* Sadece Dark Theme için ekleme - mevcut kodları bozmadan */

/* Portfolio ve Account Item'ları için Dark Theme */
[data-bs-theme="dark"] .portfolio-item[b-vumasayla0],
[data-bs-theme="dark"] .account-item[b-vumasayla0],
body.dark-theme .portfolio-item[b-vumasayla0],
body.dark-theme .account-item[b-vumasayla0],
body[data-theme="dark"] .portfolio-item[b-vumasayla0],
body[data-theme="dark"] .account-item[b-vumasayla0] {
    background: linear-gradient(135deg, #161b22 0%, #0d1117 100%) !important;
    border-color: rgba(240, 246, 252, 0.15) !important;
}

/* Dark theme text renkleri */
[data-bs-theme="dark"] .portfolio-info h6[b-vumasayla0],
[data-bs-theme="dark"] .account-info h6[b-vumasayla0],
body.dark-theme .portfolio-info h6[b-vumasayla0],
body.dark-theme .account-info h6[b-vumasayla0],
body[data-theme="dark"] .portfolio-info h6[b-vumasayla0],
body[data-theme="dark"] .account-info h6[b-vumasayla0] {
    color: #f0f6fc !important;
}

[data-bs-theme="dark"] .portfolio-info small[b-vumasayla0],
body.dark-theme .portfolio-info small[b-vumasayla0],
body[data-theme="dark"] .portfolio-info small[b-vumasayla0] {
    color: #8b949e !important;
}

/* Dashboard KDV card mobile fit */
#KdvTutarGaugeChart[b-vumasayla0] {
    width: 100%;
    height: 320px;
    background: transparent;
    border-radius: 8px;
}

.dashboard-kdv-list[b-vumasayla0] {
    max-height: none;
    overflow: visible;
}

.dashboard-kdv-list .account-item[b-vumasayla0] {
    min-width: 0;
}

.dashboard-kdv-list .account-info[b-vumasayla0],
.dashboard-kdv-list .account-amount[b-vumasayla0] {
    min-width: 0;
}

.dashboard-kdv-list .account-info h6[b-vumasayla0],
.dashboard-kdv-list .account-amount h6[b-vumasayla0] {
    margin-bottom: 0 !important;
}

@media (max-width: 576px) {
    .dashboard-kdv-card .card-body[b-vumasayla0] {
        padding: 0.9rem !important;
    }

    .dashboard-kdv-card .row[b-vumasayla0] {
        --bs-gutter-y: 0.35rem;
    }

    .dashboard-kdv-chart-col[b-vumasayla0] {
        min-height: 220px;
    }

    #KdvTutarGaugeChart[b-vumasayla0] {
        min-height: 220px !important;
        height: 220px !important;
    }

    .dashboard-kdv-list[b-vumasayla0] {
        display: flex;
        flex-direction: column;
        gap: 0.5rem;
        margin-top: 0.25rem;
    }

    .dashboard-kdv-list .account-item[b-vumasayla0] {
        align-items: center !important;
        gap: 0.75rem;
        margin-bottom: 0 !important;
        padding: 0.75rem !important;
    }

    .dashboard-kdv-list h6[b-vumasayla0] {
        font-size: 0.95rem;
        line-height: 1.2;
    }
}
/* _content/Client/Pages/Comps/Dashboard/FinancialReports/FinancalReports.razor.rz.scp.css */
body[b-pnk7brljnz] {
    font-family: 'Poppins', sans-serif;
    background-color: #f5f7fa;
    color: #495057;
}

/* Cards */
.card[b-pnk7brljnz] {
    border-radius: 12px;
    border: none;
    box-shadow: 0 4px 20px 0 rgba(0,0,0,.14), 0 7px 10px -5px rgba(0,0,0,.1);
    transition: all 0.3s ease;
    margin-bottom: 1.5rem;
    overflow: hidden;
}

    .card:hover[b-pnk7brljnz] {
        transform: translateY(-5px);
        box-shadow: 0 8px 25px rgba(0,0,0,.18);
    }

.card-header[b-pnk7brljnz] {
    background-color: white;
    border-bottom: 1px solid rgba(0,0,0,.05);
    font-weight: 600;
    padding: 1rem 1.5rem;
}

.card-body[b-pnk7brljnz] {
    padding: 1.5rem;
}

/* Charts */
.chart-container[b-pnk7brljnz] {
    min-height: 250px;
    width: 100%;
}

/* Badges */
.badge[b-pnk7brljnz] {
    padding: 0.5rem 1rem;
    border-radius: 50px;
    font-weight: 500;
    font-size: 0.8rem;
}

.bg-blue-2[b-pnk7brljnz] {
    background-color: #4895ef;
}

/* Tabs */
.nav-pills[b-pnk7brljnz] {
    border-radius: 50px;
    background-color: #eaecf0;
    padding: 0.5rem;
    margin-bottom: 2rem;
    display: inline-flex;
    justify-content: center;
    text-align: center;
    align-items: center;
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175);
}
.nav-pills-container-content .nav-pills[b-pnk7brljnz] {
    padding: 0.3rem !important;
}

    .nav-pills .nav-link[b-pnk7brljnz] {
        border-radius: 50px;
        padding: 1rem 2rem;
        font-weight: 500;
        color: #495057;
        margin: 0 0.2rem;
        transition: all 0.3s ease;
    }

        .nav-pills .nav-link:hover[b-pnk7brljnz] {
            color: #4361ee;
        }

        .nav-pills .nav-link.active[b-pnk7brljnz] {
            background: linear-gradient(135deg, #eff6fb 0%, #cfe6f3 100%);
            color: #365672;
            box-shadow: 0 4px 8px rgba(67, 97, 238, 0.3);
        }

/* Tables */
.table-responsive[b-pnk7brljnz] {
    overflow-x: auto;
}

/* Accordion */
.accordion-button:not(.collapsed)[b-pnk7brljnz] {
    background-color: white;
    color: #4361ee;
    box-shadow: none;
}

.accordion-button:focus[b-pnk7brljnz] {
    box-shadow: none;
}

.accordion-button[b-pnk7brljnz]::after {
    background-color: #4895ef;
    border-radius: 50%;
    background-position: center;
    width: 1.5rem;
    height: 1.5rem;
    background-size: 0.8rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Chart placeholders */
.chart-placeholder[b-pnk7brljnz] {
    min-height: 200px;
    width: 100%;
    background-color: #f8f9fa;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Custom Section Styles */
.section-header[b-pnk7brljnz] {
    padding: 1.5rem;
    margin-bottom: 2rem;
    text-align: center;
    border-radius: 12px;
    background: linear-gradient(135deg, #eff6fb 0%, #cfe6f3 100%);
    color: #365672;
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175);
}

/* Bullet point styling for tables */
.bullet-point[b-pnk7brljnz] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;
}

/* Responsive adjustments */
@media (max-width: 992px) {
    .nav-pills[b-pnk7brljnz] {
        display: flex;
        justify-content: center;
        width: 100%;
        overflow-x: auto;
        flex-wrap: nowrap;
    }
}

.toggle-buttons[b-pnk7brljnz] {
    display: flex;
    gap: 0.5rem;
}

    .toggle-buttons .btn[b-pnk7brljnz] {
        transition: all 0.3s ease;
        border-radius: 50px;
        padding: 0.4rem 1rem;
    }

        .toggle-buttons .btn.active[b-pnk7brljnz] {
            box-shadow: 0 2px 5px rgba(0,0,0,0.2);
        }

.content-section[b-pnk7brljnz] {
    transition: opacity 0.3s ease;
}

    .content-section.d-none[b-pnk7brljnz] {
        display: none !important;
    }

.scrollable-table-wrapper[b-pnk7brljnz] {
    max-height: 250px; 
    overflow-y: auto;
}

.table th[b-pnk7brljnz] {
    font-weight: 600;
    border-top: none;
}

.table td[b-pnk7brljnz] {
    vertical-align: middle;
    padding: 0.75rem 1rem;
}

/* _content/Client/Pages/Comps/Dashboard/SalesCustomersMetrics/SalesCustomersMetrics.razor.rz.scp.css */
body[b-hica9qjses] {
}
/* _content/Client/Pages/Comps/LeftMenu.razor.rz.scp.css */
/* ══════════════════════════════════════════════════════
   SIDEBAR İSKELETİ
══════════════════════════════════════════════════════ */

/* Soldan sağa açılış animasyonu */
@keyframes sidebar-slide-in-b-kxmyguo98h {
    from {
        transform: translateX(-100%);
        opacity: 0;
    }

    to {
        transform: translateX(0);
        opacity: 1;
    }
}

.sidebar[b-kxmyguo98h] {
    width: var(--sidebar-w);
    background: var(--sidebar-bg);
    display: flex;
    flex-direction: column;
    height: 100vh;
    height: 100dvh;
    flex-shrink: 0;
    /* Genişleme/daralma geçişi — animasyon bittikten sonra devreye girer */
    transition: width 0.28s cubic-bezier(.4,0,.2,1);
    overflow: hidden;
    position: fixed;
    z-index: 10;
    border-right: 1px solid var(--sidebar-border);
    /* İlk yükleme animasyonu */
    animation: sidebar-slide-in-b-kxmyguo98h 0.35s cubic-bezier(.4,0,.2,1) both;
    overflow: visible;
}

    /* Collapsed: sidebar 68px, flyout body-level'da açılır */
    .sidebar.collapsed[b-kxmyguo98h] {
        width: 68px;
        overflow: visible;
    }

        /* Collapsed'da nav-menu kendi içinde clip kalır (taşma olmaz) */
        .sidebar.collapsed .nav-menu[b-kxmyguo98h] {
            overflow: hidden !important;
            /* Scrollbar gizle */
            scrollbar-width: none !important;
        }

            .sidebar.collapsed .nav-menu[b-kxmyguo98h]::-webkit-scrollbar {
                display: none !important;
            }

/* ── Header açık mod ── */
.sidebar-top[b-kxmyguo98h] {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 6px 10px;
    border-bottom: 1px solid var(--sidebar-border);
    background: var(--sidebar-surface);
    position: relative;
    min-height: 62px; /* logo büyüdüğü için sabit yükseklik */
}

.logo-wrap[b-kxmyguo98h] {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
}

/* LOGO büyütüldü */
.logo-img[b-kxmyguo98h] {
    height: 52px;
    width: auto;
    max-width: 170px;
    object-fit: contain;
}

.sidebar.collapsed .sidebar-top[b-kxmyguo98h] {
    display: none !important;
}

/* ── Header collapsed mod ── */
.sidebar-top-collapsed[b-kxmyguo98h] {
    display: none;
    flex-direction: column;
    align-items: center;
    padding: 8px 6px;
    border-bottom: 1px solid var(--sidebar-border);
    background: var(--sidebar-surface);
    position: relative;
}

.sidebar.collapsed .sidebar-top-collapsed[b-kxmyguo98h] {
    display: flex !important;
}

/* Mini logo biraz büyütüldü */
.logo-img-mini[b-kxmyguo98h] {
    width: 42px;
    height: 42px;
    object-fit: contain;
    opacity: 0.9;
}

.toggle-btn[b-kxmyguo98h] {
    background: rgba(255,255,255,0.05);
    border: 1px solid var(--sidebar-border);
    color: var(--text-mid);
    font-size: 15px;
    cursor: pointer;
    padding: 7px 8px;
    border-radius: 8px;
    transition: all 0.2s;
    margin-left: auto;
    flex-shrink: 0;
    line-height: 1;
}

    .toggle-btn:hover[b-kxmyguo98h] {
        background: rgba(91,156,246,0.15);
        border-color: rgba(91,156,246,0.4);
        color: var(--accent);
    }

.expand-btn[b-kxmyguo98h] {
    position: absolute;
    left: calc(100% + 1px);
    top: 50%;
    transform: translateY(-50%);
    background: var(--sidebar-surface);
    border: 1px solid var(--sidebar-border);
    border-left: 2px solid var(--accent);
    color: var(--text-mid);
    font-size: 12px;
    cursor: pointer;
    padding: 6px 8px;
    border-radius: 0 7px 7px 0;
    z-index: 20;
    box-shadow: 3px 0 12px rgba(0,0,0,0.3);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: color 0.2s, background 0.2s;
    line-height: 1;
}

    .expand-btn:hover[b-kxmyguo98h] {
        background: rgba(91,156,246,0.15);
        color: var(--accent);
    }

/* ── Arama kutusu ── */
.search-wrap[b-kxmyguo98h] {
    padding: 8px 10px;
    border-bottom: 1px solid var(--sidebar-border);
    background: var(--sidebar-surface);
    position: relative;
}

.sidebar.collapsed .search-wrap[b-kxmyguo98h] {
    display: none !important;
}

.search-box[b-kxmyguo98h] {
    display: flex;
    align-items: center;
    gap: 9px;
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 10px;
    padding: 5px 12px;
    transition: all 0.2s;
}

    .search-box:focus-within[b-kxmyguo98h] {
        border-color: var(--accent);
        background: rgba(91,156,246,0.08);
        box-shadow: 0 0 0 3px rgba(91,156,246,0.12);
    }

.search-icon[b-kxmyguo98h] {
    color: var(--text-dim);
    font-size: 13px;
    flex-shrink: 0;
}

.search-box input[b-kxmyguo98h] {
    background: none;
    border: none;
    outline: none;
    color: var(--text-bright);
    font-size: 14px;
    width: 100%;
}

    .search-box input[b-kxmyguo98h]::placeholder {
        color: var(--text-dim);
    }

.search-clear[b-kxmyguo98h] {
    background: none;
    border: none;
    color: var(--text-dim);
    cursor: pointer;
    font-size: 13px;
    flex-shrink: 0;
    padding: 0;
    transition: color 0.15s;
}

    .search-clear:hover[b-kxmyguo98h] {
        color: var(--text-bright);
    }

/* Arama sonuçları */
.search-results[b-kxmyguo98h] {
    position: absolute;
    left: 10px;
    right: 10px;
    top: calc(100% - 1px);
    background: #13181f;
    border: 1px solid rgba(255,255,255,0.1);
    border-top: none;
    border-radius: 0 0 12px 12px;
    max-height: 320px;
    overflow-y: auto;
    z-index: 200;
    display: none;
    box-shadow: 0 12px 32px rgba(0,0,0,0.5);
    scrollbar-width: thin;
    scrollbar-color: #1e2535 transparent;
}

    .search-results.visible[b-kxmyguo98h] {
        display: block;
    }

.search-result-item[b-kxmyguo98h] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 9px 14px;
    cursor: pointer;
    transition: background 0.15s;
    text-decoration: none;
    border-left: 2px solid transparent;
    color: var(--text-mid);
    font-size: 13px;
}

    .search-result-item:hover[b-kxmyguo98h] {
        background: rgba(255,255,255,0.05);
        border-left-color: var(--accent);
        color: var(--text-bright);
    }

    .search-result-item i[b-kxmyguo98h] {
        font-size: 13px;
        color: var(--text-dim);
        flex-shrink: 0;
        width: 18px;
        text-align: center;
        margin-top: 2px;
    }

.search-result-text[b-kxmyguo98h] {
    flex: 1;
    min-width: 0;
}

.search-result-heading[b-kxmyguo98h] {
    display: flex;
    align-items: center;
    gap: 6px;
    min-width: 0;
}

.search-result-name[b-kxmyguo98h] {
    font-size: 13px;
    color: var(--text-bright);
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.search-result-badge[b-kxmyguo98h] {
    flex: 0 0 auto;
    height: 16px;
    padding: 0 6px;
    border-radius: 4px;
    background: rgba(34, 197, 94, 0.16);
    border: 1px solid rgba(34, 197, 94, 0.35);
    color: #4ade80;
    font-size: 10px;
    font-weight: 700;
    line-height: 14px;
}

.search-result-location[b-kxmyguo98h] {
    display: block;
    margin-top: 2px;
    color: var(--text-dim);
    font-size: 10.5px;
    line-height: 1.3;
    white-space: normal;
}

/* ── Nav menü wrapper ── */
.nav-menu[b-kxmyguo98h] {
    flex: 1;
    /* FIX: scroll her zaman rezerveli — kaymayı önler */
    overflow-y: scroll;
    overflow-x: hidden;
    padding: 10px;
    scrollbar-width: thin;
    scrollbar-color: #1e2535 transparent;
}

    .nav-menu[b-kxmyguo98h]::-webkit-scrollbar {
        width: 3px;
    }

    .nav-menu[b-kxmyguo98h]::-webkit-scrollbar-thumb {
        background: #1e2535;
        border-radius: 3px;
    }

.nav-section-label[b-kxmyguo98h] {
    padding: 10px 10px 5px;
    font-size: 10.5px;
    font-weight: 700;
    color: var(--text-dim);
    text-transform: uppercase;
    letter-spacing: 1px;
}

.sidebar.collapsed .nav-section-label[b-kxmyguo98h] {
    display: none !important;
}

/* ── Collapsed mod: Favoriler ikonu ── */
.collapsed-fav-icon[b-kxmyguo98h] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px 6px;
    border-radius: 10px;
    cursor: pointer;
    margin-bottom: 1px;
    transition: background 0.18s;
}

    .collapsed-fav-icon:hover[b-kxmyguo98h] {
        background: var(--sidebar-hover);
    }

    .collapsed-fav-icon i[b-kxmyguo98h] {
        font-size: 18px;
        color: #f0c040;
        transition: transform 0.2s;
    }

    .collapsed-fav-icon:hover i[b-kxmyguo98h] {
        transform: scale(1.15);
    }

/* ── Nav item (Depth 0, alt menüsüz) ── */
[b-kxmyguo98h] a.nav-item {
    display: flex !important;
    align-items: center !important;
    gap: 11px !important;
    padding: 8px 10px !important;
    border-radius: 10px !important;
    font-size: 13px !important;
    transition: all 0.18s !important;
    margin-bottom: 2px !important;
    position: relative !important;
    background-color: transparent !important;
    color: var(--text-mid) !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    line-height: 1.5 !important;
    box-sizing: border-box !important;
}

    [b-kxmyguo98h] a.nav-item > i:first-child {
        font-size: 14px !important;
        flex-shrink: 0 !important;
        width: 20px !important;
        text-align: center !important;
        transition: color 0.18s !important;
        color: var(--text-mid) !important;
    }

    [b-kxmyguo98h] a.nav-item span {
        flex: 1 !important;
        font-weight: 500 !important;
        color: inherit !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    [b-kxmyguo98h] a.nav-item:hover {
        background: var(--sidebar-hover) !important;
        color: var(--text-bright) !important;
    }

        [b-kxmyguo98h] a.nav-item:hover > i:first-child {
            color: var(--accent) !important;
        }

/* ── Info butonu ── */
[b-kxmyguo98h] .info-btn {
    background: none !important;
    border: none !important;
    padding: 2px 3px !important;
    cursor: pointer !important;
    color: #3e4a6a !important;
    font-size: 13px !important;
    line-height: 1 !important;
    border-radius: 4px !important;
    transition: color 0.15s !important;
    flex-shrink: 0 !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

[b-kxmyguo98h] .nav-item:hover .info-btn,
[b-kxmyguo98h] .tree-root-header:hover .info-btn,
[b-kxmyguo98h] .tree-branch-header:hover .info-btn,
[b-kxmyguo98h] .tree-leaf:hover .info-btn {
    opacity: 1 !important;
    pointer-events: all !important;
}

[b-kxmyguo98h] .info-btn:hover {
    color: var(--accent) !important;
}

.sidebar.collapsed[b-kxmyguo98h]  .info-btn {
    display: none !important;
}

/* ── Footer ── */
.sidebar-footer[b-kxmyguo98h] {
    border-top: 1px solid var(--sidebar-border);
    padding: 12px 14px;
    padding-bottom: calc(12px + env(safe-area-inset-bottom));
    display: flex;
    flex-direction: column;
    gap: 6px;
    background: var(--sidebar-surface);
    position: relative;
}

.sidebar.collapsed .sidebar-footer[b-kxmyguo98h] {
    padding: 10px 8px;
    padding-bottom: calc(10px + env(safe-area-inset-bottom));
    align-items: center;
}

/* // ── Kullanıcı Footer ve İkonlar Grubu ── // */
.footer-user[b-kxmyguo98h] { /* // Alt kullanıcı kartı kapsayıcısı // */
    display: flex; /* // Esnek kutu // */
    align-items: center; /* // Dikey ortalama // */
    justify-content: space-between; /* // İki yana yasla // */
    gap: 6px; /* // İsim ile butonlar arası boşluk // */
    padding: 6px 8px; /* // İç boşluk // */
    border-radius: 10px; /* // Yuvarlak köşeler // */
    background: rgba(255,255,255,0.03); /* // Şeffaf zemin // */
    border: 1px solid rgba(255,255,255,0.06); /* // İnce kenarlık // */
} /* // Footer-user sonu // */

.sidebar.collapsed .footer-user[b-kxmyguo98h] { /* // Daraltılmış menüde footer kullanıcı kutusu // */
    padding: 0; /* // İç boşluğu kaldır // */
    background: none; /* // Zemin yok // */
    border: none; /* // Kenarlık yok // */
    justify-content: center; /* // Ortala // */
    width: 100%; /* // Tam genişlik // */
    flex-direction: column; /* // Dikey sırala // */
    gap: 6px; /* // Avatar ile sohbet butonu arası // */
} /* // Daraltılmış footer-user sonu // */

.sidebar.collapsed .user-info[b-kxmyguo98h] { /* // Daraltılmış modda isim alanını gizle // */
    display: none !important; /* // Görünümü kaldır // */
} /* // Kural sonu // */

.sidebar.collapsed .user-icons[b-kxmyguo98h] { /* // Daraltılmış modda ikonlar // */
    display: flex !important; /* // Görünür yap // */
    justify-content: center; /* // Ortala // */
} /* // Kural sonu // */

.sidebar.collapsed .user-icons .icon-btn:not(.chat-icon-btn)[b-kxmyguo98h] { /* // Daraltılmış modda çark butonunu gizle // */
    display: none !important; /* // Çarkı gizle // */
} /* // Kural sonu // */

.footer-user-clickable[b-kxmyguo98h] { /* // Tıklanabilir kullanıcı bilgi alanı // */
    display: flex; /* // Esnek kutu // */
    align-items: center; /* // Dikey ortalama // */
    gap: 8px; /* // Avatar ile isim arası mesafe // */
    flex: 1; /* // Kalan alanı kapla // */
    min-width: 0; /* // Taşmayı önle // */
    cursor: pointer; /* // İşaretçi el ikonu // */
    border-radius: 8px; /* // Yuvarlak köşeler // */
    padding: 2px 4px; /* // Hafif iç boşluk // */
    transition: background 0.18s; /* // Geçiş efekti // */
} /* // Clickable sonu // */

.sidebar.collapsed .footer-user-clickable[b-kxmyguo98h] { /* // Daraltılmış tıklanabilir alan // */
    justify-content: center; /* // Ortala // */
    padding: 4px; /* // İç boşluk // */
    flex: unset; /* // Esnekliği kaldır // */
} /* // Daraltılmış clickable sonu // */

.footer-user-clickable:hover[b-kxmyguo98h] { /* // Tıklanabilir alan hover // */
    background: rgba(255,255,255,0.06); /* // Hafif parlama // */
} /* // Hover sonu // */

.avatar[b-kxmyguo98h] { /* // Avatar kapsayıcısı // */
    width: 32px; /* // Genişlik // */
    height: 32px; /* // Yükseklik // */
    border-radius: 8px; /* // Köşe yuvarlaklığı // */
    display: flex; /* // Esnek kutu // */
    align-items: center; /* // Ortala // */
    justify-content: center; /* // Ortala // */
    flex-shrink: 0; /* // Küçülmeyi engelle // */
} /* // Avatar sonu // */

.user-info[b-kxmyguo98h] { /* // Kullanıcı adı ve şirket kutusu // */
    flex: 1; /* // Kalan alanı doldur // */
    min-width: 0; /* // Taşmayı önle // */
    overflow: hidden; /* // Taşanları kırp // */
} /* // User-info sonu // */

.user-name[b-kxmyguo98h] { /* // Kullanıcı adı metni (font düşürüldü) // */
    font-size: 11.5px; /* // Küçültülmüş font boyutu // */
    font-weight: 600; /* // Kalın yazı // */
    color: var(--text-bright); /* // Açık metin rengi // */
    display: block; /* // Blok görünüm // */
    overflow: hidden; /* // Taşan metni gizle // */
    text-overflow: ellipsis; /* // Üç nokta ile kes // */
    white-space: nowrap; /* // Tek satır tut // */
    line-height: 1.25; /* // Satır yüksekliği // */
} /* // User-name sonu // */

.user-role[b-kxmyguo98h] { /* // Firma ve rol metni (font düşürüldü) // */
    font-size: 10px; /* // Küçültülmüş font boyutu // */
    color: var(--text-mid); /* // Orta gri metin // */
    display: block; /* // Blok görünüm // */
    overflow: hidden; /* // Taşan metni gizle // */
    text-overflow: ellipsis; /* // Üç nokta ile kes // */
    white-space: nowrap; /* // Tek satır // */
    line-height: 1.2; /* // Satır yüksekliği // */
    margin-top: 1px; /* // Üstten hafif boşluk // */
} /* // User-role sonu // */

.user-icons[b-kxmyguo98h] { /* // Çark ve sohbet ikonları kapsayıcısı // */
    display: flex; /* // Esnek kutu // */
    align-items: center; /* // Dikey ortalama // */
    gap: 3px; /* // İkonlar arası boşluk // */
    flex-shrink: 0; /* // Küçülmeyi engelle // */
} /* // User-icons sonu // */

.icon-btn[b-kxmyguo98h] { /* // Temel ikon buton stili // */
    background: none; /* // Arka plan yok // */
    border: none; /* // Kenarlık yok // */
    color: var(--text-mid); /* // İkon metin rengi // */
    font-size: 13.5px; /* // İkon boyutu // */
    cursor: pointer; /* // İşaretçi el // */
    width: 28px; /* // Sabit genişlik // */
    height: 28px; /* // Sabit yükseklik // */
    display: inline-flex; /* // Esnek satır içi kutu // */
    align-items: center; /* // Ortala // */
    justify-content: center; /* // Ortala // */
    padding: 0; /* // İç boşluğu sıfırla // */
    border-radius: 7px; /* // Yuvarlak köşeler // */
    transition: all 0.2s; /* // Geçiş efekti // */
    position: relative; /* // Rozet için bağıl konum // */
} /* // Icon-btn sonu // */

.icon-btn:hover[b-kxmyguo98h] { /* // İkon butonu üzerine gelindiğinde // */
    background: rgba(91,156,246,0.15); /* // Mavi zemin // */
    color: var(--accent); /* // Vurgulu renk // */
} /* // Hover sonu // */

.chat-icon-btn[b-kxmyguo98h] { /* // Canlı mesajlaşma butonu özel stili // */
    color: #0d6efd; /* // Belirgin kurumsal mavi // */
} /* // Chat-icon-btn sonu // */

.chat-icon-btn:hover[b-kxmyguo98h] { /* // Mesajlaşma butonu hover // */
    background: rgba(13, 110, 253, 0.15); /* // Yumuşak mavi zemin // */
    color: #0d6efd; /* // Mavi renk // */
} /* // Hover sonu // */

.chat-icon-btn.active[b-kxmyguo98h] { /* // Mesajlaşma penceresi açıkken aktif hali // */
    background: #0d6efd; /* // Dolgulu mavi zemin // */
    color: #fff !important; /* // Beyaz ikon // */
} /* // Active sonu // */

.chat-icon-badge[b-kxmyguo98h] { /* // Çark yanındaki mini okunmamış mesaj rozeti // */
    position: absolute; /* // Mutlak konumlandırma // */
    top: -3px; /* // Üstten çıkıntı // */
    right: -4px; /* // Sağdan çıkıntı // */
    font-size: 8.5px; /* // Kırmızı mini rozet fontu // */
    font-weight: 700; /* // Kalın yazı // */
    padding: 1px 4px; /* // Mini iç boşluk // */
    line-height: 1.1; /* // Satır yüksekliği // */
    border: 1.5px solid var(--sidebar-surface); /* // Zemin rengi kenarlık // */
    box-shadow: 0 1px 4px rgba(0,0,0,0.4); /* // Hafif gölge // */
} /* // Chat-icon-badge sonu // */

.footer-version[b-kxmyguo98h] {
    text-align: center;
    font-size: 11.5px;
    color: #5a6480;
    letter-spacing: 0.4px;
    padding: 2px 0 1px;
}

.sidebar.collapsed .footer-version[b-kxmyguo98h] {
    display: none;
}

/* ── Kullanıcı popup ── */
.user-popup[b-kxmyguo98h] {
    position: absolute;
    bottom: calc(100% + 8px);
    left: 10px;
    right: 10px;
    background: #13181f;
    border: 1px solid rgba(255,255,255,0.1);
    border-left: 2px solid var(--accent);
    border-radius: 14px;
    box-shadow: 0 8px 32px rgba(0,0,0,0.55);
    padding: 6px;
    z-index: 999;
    opacity: 0;
    transform: translateY(6px);
    pointer-events: none;
    transition: opacity 0.2s, transform 0.2s;
    min-width: 220px;
}

    .user-popup.open[b-kxmyguo98h] {
        opacity: 1;
        transform: translateY(0);
        pointer-events: all;
    }

.sidebar.collapsed .user-popup[b-kxmyguo98h] {
    position: fixed;
    left: 76px;
    bottom: 20px;
    right: auto;
    width: 230px;
}

.user-popup-header[b-kxmyguo98h] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px;
}

.user-popup-name[b-kxmyguo98h] {
    font-size: 13.5px;
    font-weight: 600;
    color: var(--text-bright);
}

.user-popup-role[b-kxmyguo98h] {
    font-size: 11.5px;
    color: var(--text-dim);
    margin-top: 1px;
}

.user-popup-divider[b-kxmyguo98h] {
    height: 1px;
    background: rgba(255,255,255,0.07);
    margin: 4px 0;
}

.user-popup-item[b-kxmyguo98h] {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    padding: 9px 12px;
    background: none;
    border: none;
    border-radius: 9px;
    color: var(--text-mid);
    font-size: 13px;
    cursor: pointer;
    text-align: left;
    font-family: inherit;
    transition: background 0.15s, color 0.15s;
}

    .user-popup-item i[b-kxmyguo98h] {
        font-size: 13px;
        width: 16px;
        text-align: center;
        flex-shrink: 0;
    }

    .user-popup-item:hover[b-kxmyguo98h] {
        background: rgba(255,255,255,0.06);
        color: var(--text-bright);
    }

        .user-popup-item:hover i[b-kxmyguo98h] {
            color: var(--accent);
        }

    .user-popup-item.danger[b-kxmyguo98h] {
        color: #f87171;
    }

        .user-popup-item.danger:hover[b-kxmyguo98h] {
            background: rgba(239,68,68,0.1);
            color: #ef4444;
        }

/* ══════════════════════════════════════════════════════
   COLLAPSED MOD — Menü öğeleri
   İkonlar sık ve ortalanmış, boşluk minimuma indirildi
══════════════════════════════════════════════════════ */
.sidebar.collapsed[b-kxmyguo98h]  .nav-item span,
.sidebar.collapsed[b-kxmyguo98h]  .tree-root-left span,
.sidebar.collapsed[b-kxmyguo98h]  .tree-arrow,
.sidebar.collapsed[b-kxmyguo98h]  .tree-root-body,
.sidebar.collapsed[b-kxmyguo98h]  .info-btn {
    display: none !important;
}

/* Nav-item: tam ortala, boşlukları kıs */
.sidebar.collapsed[b-kxmyguo98h]  .nav-item {
    justify-content: center !important;
    padding: 7px 0 !important;
    margin-bottom: 1px !important;
}

/* Tree root header */
.sidebar.collapsed[b-kxmyguo98h]  .tree-root-header {
    justify-content: center !important;
    padding: 7px 0 !important;
}

.sidebar.collapsed[b-kxmyguo98h]  .tree-root-left {
    justify-content: center !important;
    width: 100% !important;
}

.sidebar.collapsed[b-kxmyguo98h]  .tree-root {
    margin-bottom: 1px !important;
}

/* İkon boyutu */
.sidebar.collapsed[b-kxmyguo98h]  .tree-root-left i:first-child,
.sidebar.collapsed[b-kxmyguo98h]  .nav-item > i:first-child {
    font-size: 18px !important;
    width: auto !important;
}


.user-sub-menu[b-kxmyguo98h] {
    position: absolute;
    background: #13181f;
    border: 1px solid rgba(255,255,255,0.1);
    border-left: 2px solid var(--accent);
    border-radius: 12px;
    padding: 6px;
    min-width: 250px;
    box-shadow: 8px 0 32px rgba(0,0,0,0.5);
    z-index: 9999;
    opacity: 0;
    pointer-events: none;
    /* Kapalıyken içindeki butonlar tab ile odaklanmasın */
    visibility: hidden;
    transform: translateX(-4px);
    transition: opacity 0.15s, transform 0.15s;
    top: 0;
    left: 100%; /* Tetikleyicinin tam sağında başlatır */
    margin-left: 8px; /* İki menü arasında ufak bir boşluk */
    z-index: 99999;
}
.user-sub-menu.open[b-kxmyguo98h] {
    opacity: 1;
    pointer-events: all;
    visibility: visible;
    transform: translateX(0);
}

.user-sub-item[b-kxmyguo98h] {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    padding: 10px 12px;
    background: none;
    border: none;
    border-radius: 9px;
    cursor: pointer;
    transition: background 0.15s;
    text-align: left;
    font-family: inherit;
}

    .user-sub-item:hover[b-kxmyguo98h] {
        background: rgba(255,255,255,0.06);
    }

    .user-sub-item.active[b-kxmyguo98h] {
        background: rgba(91,156,246,0.1);
    }

    .user-sub-item > i:first-child[b-kxmyguo98h] {
        font-size: 15px;
        color: var(--text-mid);
        flex-shrink: 0;
        width: 18px;
        text-align: center;
    }

    .user-sub-item.active > i:first-child[b-kxmyguo98h] {
        color: var(--accent);
    }

.user-sub-title[b-kxmyguo98h] {
    font-size: 13px;
    font-weight: 600;
    color: var(--text-bright);
    line-height: 1.3;
}

.user-sub-desc[b-kxmyguo98h] {
    font-size: 12px;
    color: var(--text-mid);
    margin-top: 2px;
    line-height: 1.3;
}

.sub-check[b-kxmyguo98h] {
    font-size: 12px;
    color: var(--accent);
    margin-left: auto;
    flex-shrink: 0;
    opacity: 0;
}

.user-sub-item.active .sub-check[b-kxmyguo98h] {
    opacity: 1;
}

.user-sub-divider[b-kxmyguo98h] {
    height: 1px;
    background: rgba(255,255,255,0.07);
    margin: 4px 0;
}


/* Masaüstünde gizlenmesi gereken mobil elementler */
.desktop-only[b-kxmyguo98h] {
    display: flex;
}

.mob-close-btn[b-kxmyguo98h] {
    display: none;
}

.mobile-hamburger[b-kxmyguo98h] {
    display: none;
}

.mobile-chat-fab[b-kxmyguo98h] { /* // Masaüstünde gizle // */
    display: none; /* // Görünümü kaldır // */
} /* // Kural sonu // */

.sidebar-mobile-overlay[b-kxmyguo98h] {
    display: none;
}

/* ══════════════════════════════════════════════════════
   MOBİL OFF-CANVAS (YANDAN AÇILAN MENÜ)
══════════════════════════════════════════════════════ */
@media (max-width: 991.98px) {
    /* Sidebar'ı ekran dışına (-100%) alıp off-canvas yapıyoruz */
    .app-sidebar.sidebar[b-kxmyguo98h] {
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        height: 100vh;
        height: 100dvh;
        width: 100% !important;
        max-width: 100% !important;
        z-index: 10001;
        transform: translateX(-100%);
        animation: none; /* İlk yükleme animasyonunu mobilde iptal et */
        border-right: none;
        box-shadow: none;
    }

        /* Menü açıldığında ekranın tamamına oturtuyoruz */
        .app-sidebar.sidebar.mobile-open[b-kxmyguo98h] {
            width: 100% !important;
            max-width: 100% !important;
            transform: translateX(0);
            box-shadow: none;
        }

    /* Mobil uyumlu arkaplan karartması */
    .sidebar-mobile-overlay[b-kxmyguo98h] {
        display: block;
        position: fixed;
        inset: 0;
        background: rgba(0,0,0,0.6);
        backdrop-filter: blur(3px);
        -webkit-backdrop-filter: blur(3px);
        z-index: 10000;
        animation: fade-in-b-kxmyguo98h 0.3s forwards;
    }

    @keyframes fade-in-b-kxmyguo98h {
        from {
            opacity: 0;
        }

        to {
            opacity: 1;
        }
    }

    /* Masaüstü expand/collapse butonlarını gizle */
    .desktop-only[b-kxmyguo98h] {
        display: none !important;
    }

    /* Mobilde çarpı (kapatma) butonu */
    .mob-close-btn[b-kxmyguo98h] {
        display: flex;
        background: rgba(255,255,255,0.05);
        border: 1px solid rgba(255,255,255,0.1);
        color: var(--text-mid);
        font-size: 16px;
        cursor: pointer;
        padding: 6px 10px;
        border-radius: 8px;
        margin-left: auto;
        transition: background 0.2s;
    }

        .mob-close-btn:hover[b-kxmyguo98h] {
            background: rgba(239,68,68,0.15);
            color: #ef4444;
        }

    /* Yüzen Hamburger Butonu (FAB) - Safe Area Korumalı */
    .mobile-hamburger[b-kxmyguo98h] {
        display: flex;
        position: fixed;
        z-index: 99;
        /* SafeArea entegresi: WebView'da siyah barların üzerine çıkar */
        top: calc(15px + env(safe-area-inset-top, 0px));
        left: 15px;
        right: auto;
        bottom: auto;
        width: 42px;
        height: 42px;
        border-radius: 12px;
        background: var(--sidebar-surface);
        color: var(--text-bright);
        align-items: center;
        justify-content: center;
        font-size: 18px;
        border: 1px solid var(--sidebar-border);
        box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
        cursor: pointer;
        transition: transform 0.1s ease-out, box-shadow 0.2s, background 0.2s, opacity 0.2s;
        touch-action: none;
    }
        .mobile-hamburger:active:not(.dragging)[b-kxmyguo98h] {
            transform: scale(0.9);
        }

        .mobile-hamburger:active[b-kxmyguo98h] {
            transform: scale(0.9);
        }

        .mobile-hamburger.dragging[b-kxmyguo98h] {
            transform: scale(1.15);
            opacity: 0.95;
            box-shadow: 0 8px 25px rgba(0,0,0,0.15);
            background: var(--sidebar-surface);
            border-color: var(--accent);
            color: var(--accent);
            cursor: grabbing;
            transition: none !important;
        }

    /* // Mobilde Yüzen Sohbet Butonu (FAB) - Hamburger ile simetrik sağ üstte // */
    .mobile-chat-fab[b-kxmyguo98h] { /* // Mobil sohbet FAB stili // */
        display: flex; /* // Esnek kutu // */
        position: fixed; /* // Sabit konumlandırma // */
        z-index: 99; /* // Üst katman // */
        top: calc(15px + env(safe-area-inset-top, 0px)); /* // Güvenli üst mesafe // */
        right: 15px; /* // Sağ kenardan mesafe // */
        left: auto; /* // Soldan sıfırla // */
        bottom: auto; /* // Alttan sıfırla // */
        width: 42px; /* // Hamburger ile aynı genişlik // */
        height: 42px; /* // Hamburger ile aynı yükseklik // */
        border-radius: 12px; /* // Yuvarlak köşeler // */
        background: var(--sidebar-surface); /* // Menü zemin rengi // */
        color: #0d6efd; /* // Mavi ikon rengi // */
        align-items: center; /* // Dikey ortalama // */
        justify-content: center; /* // Yatay ortalama // */
        font-size: 18px; /* // İkon font büyüklüğü // */
        border: 1px solid var(--sidebar-border); /* // Menü kenarlığı // */
        box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08); /* // Yumuşak gölge // */
        cursor: pointer; /* // İşaretçi el ikonu // */
        transition: transform 0.1s ease-out, box-shadow 0.2s, background 0.2s; /* // Geçiş animasyonu // */
        touch-action: none; /* // Dokunma kaydırmayı engelle // */
    } /* // FAB kuralı sonu // */

    .mobile-chat-fab:active[b-kxmyguo98h] { /* // Dokunulma anı // */
        transform: scale(0.9); /* // Hafif küçülme // */
    } /* // Active sonu // */

    .mobile-chat-fab-badge[b-kxmyguo98h] { /* // Mobildeki kırmızı rozet // */
        position: absolute; /* // Mutlak konum // */
        top: -4px; /* // Üstten taşma // */
        right: -4px; /* // Sağdan taşma // */
        font-size: 10px; /* // Küçük font // */
        font-weight: 700; /* // Kalın yazı // */
        padding: 3px 6px; /* // İç boşluk // */
        border: 2px solid var(--sidebar-surface); /* // Kenarlık // */
        box-shadow: 0 2px 6px rgba(0,0,0,0.3); /* // Gölge // */
    } /* // Rozet sonu // */

    /* Eğer kullanıcı masaüstünde menüyü "Collapsed" bırakıp ekranı küçülttüyse, 
       mobildeCollapsed mantığını iptal edip menüyü tam genişlikte gösteriyoruz. */
    .sidebar.collapsed[b-kxmyguo98h] {
        width: 100% !important;
        max-width: 100% !important;
    }

        .sidebar.collapsed .sidebar-top[b-kxmyguo98h] {
            display: flex !important;
        }

        .sidebar.collapsed .sidebar-top-collapsed[b-kxmyguo98h] {
            display: none !important;
        }

        .sidebar.collapsed .search-wrap[b-kxmyguo98h] {
            display: block !important;
        }

        .sidebar.collapsed .nav-section-label[b-kxmyguo98h] {
            display: block !important;
        }

        .sidebar.collapsed[b-kxmyguo98h]  .nav-item span,
        .sidebar.collapsed[b-kxmyguo98h]  .tree-root-left span,
        .sidebar.collapsed[b-kxmyguo98h]  .tree-arrow,
        .sidebar.collapsed[b-kxmyguo98h]  .tree-root-body {
            display: block !important;
        }

        .sidebar.collapsed[b-kxmyguo98h]  .nav-item {
            justify-content: flex-start !important;
            padding: 8px 10px !important;
        }

        .sidebar.collapsed[b-kxmyguo98h]  .tree-root-header {
            justify-content: flex-start !important;
            padding: 10px !important;
        }

        .sidebar.collapsed[b-kxmyguo98h]  .tree-root-left {
            width: auto !important;
            justify-content: flex-start !important;
        }

        .sidebar.collapsed .footer-user[b-kxmyguo98h] {
            padding: 8px 10px;
            background: rgba(255,255,255,0.03);
            border: 1px solid rgba(255,255,255,0.06);
            justify-content: flex-start;
            width: 100%;
        }

        .sidebar.collapsed .user-info[b-kxmyguo98h], .sidebar.collapsed .user-icons[b-kxmyguo98h] {
            display: flex !important;
        }

        .sidebar.collapsed .footer-user-clickable[b-kxmyguo98h] {
            justify-content: flex-start;
            flex: 1;
            padding: 4px 6px;
        }

        .sidebar.collapsed .footer-version[b-kxmyguo98h] {
            display: block !important;
        }

    .app-sidebar.sidebar.mobile-open .user-popup[b-kxmyguo98h] {
        max-height: calc(100dvh - 132px);
        overflow-y: auto;
        overscroll-behavior: contain;
    }

    .app-sidebar.sidebar.mobile-open .user-popup-wrapper[b-kxmyguo98h] {
        position: static !important;
    }

    .app-sidebar.sidebar.mobile-open .user-sub-menu[b-kxmyguo98h] {
        position: static;
        left: auto;
        top: auto;
        margin: 4px 0 8px 0;
        min-width: 0;
        width: 100%;
        max-width: 100%;
        box-shadow: none;
        transform: none;
    }

    .app-sidebar.sidebar.mobile-open .user-sub-menu.open[b-kxmyguo98h] {
        transform: none;
    }

    /* Mobilde alt menü akış içinde (position: static) durduğu için kapalıyken
       yer kaplamamalı; sadece opacity/visibility yeterli değil. */
    .app-sidebar.sidebar.mobile-open .user-sub-menu:not(.open)[b-kxmyguo98h] {
        display: none;
    }
}
/* _content/Client/Pages/Comps/MobileNavigator.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════
   MobileNavigator — Masaüstünde tamamen gizle
   ═══════════════════════════════════════════════════ */
@media (min-width: 769px) {
    .mobile-tab-bar[b-skylmmxdvh],
    .mobile-sheet-overlay[b-skylmmxdvh],
    .mobile-sheet[b-skylmmxdvh] {
        display: none !important;
    }
}

/* ═══════════════════════════════════════════════════
   MobileNavigator — Mobil stillar
   ═══════════════════════════════════════════════════ */
@media (max-width: 768px) {

    .mobile-tab-bar[b-skylmmxdvh] {
        /* Mevcut özellikler korunuyor, sadece bunlar ekleniyor/değiştiriliyor */
        bottom: 0;
        /* Sistem nav bar yüksekliği kadar padding ekle */
        padding-bottom: env(safe-area-inset-bottom, 0px);
        /* Height'ı padding ile büyüsün diye min-height'a çevir */
        height: auto;
        min-height: 62px;
    }

        /* Mini modda da safe area korunmalı */
        .mobile-tab-bar.tab-mini[b-skylmmxdvh] {
            padding-bottom: 0; /* Mini modda gizlendiği için gerek yok */
            transform: translateY(calc(46px + env(safe-area-inset-bottom, 0px)));
        }

    /* Hesap popup'ı da tab bar'ın üstünde durmalı */
    .mob-hesap-popup[b-skylmmxdvh] {
        bottom: calc(62px + env(safe-area-inset-bottom, 0px));
    }

    /* WebView'de body'nin altına da padding ver ki içerik gizlenmesin */
    :global(body.is-webview)[b-skylmmxdvh] {
        padding-bottom: env(safe-area-inset-bottom, 0px);
    }

    /* ── TAB BAR (tam mod) ── */
    .mobile-tab-bar[b-skylmmxdvh] {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 4999;
        display: flex;
        align-items: flex-end;
        justify-content: space-around;
        padding: 0 8px;
        height: 62px;
        background: rgba(13,17,23,0.92);
        backdrop-filter: blur(16px);
        -webkit-backdrop-filter: blur(16px);
        border-top: 1px solid rgba(255,255,255,0.07);
        box-shadow: 0 -4px 24px rgba(0,0,0,0.35);
        border-top-left-radius: 18px;
        border-top-right-radius: 18px;
        /* transform + height her ikisi de geçiş yapıyor */
        transition: transform 0.3s cubic-bezier(.4,0,.2,1), height 0.3s cubic-bezier(.4,0,.2,1), padding 0.3s, background 0.3s, box-shadow 0.3s, backdrop-filter 0.3s;
    }

        /* ── TAB BAR — MİNİ MOD ──────────────────────────────────────────
       Bar aşağı kayar; sadece "Tümü" butonunun üst kısmı (~18 px) görünür.
       Bu "1. aşama"dır. Tümü'ye basınca Blazor tab-mini'yi kaldırır (2. aşama
       başlar), ikinci basışta da sheet açılır.
       ──────────────────────────────────────────────────────────────── */
        .mobile-tab-bar.tab-mini[b-skylmmxdvh] {
            height: 62px;
            justify-content: center;
            padding: 0;
            background: transparent;
            border-top: none;
            box-shadow: none;
            backdrop-filter: none;
            -webkit-backdrop-filter: none;
            /* Butonun sadece ~18px tepesi görünsün */
            transform: translateY(46px);
        }

            /* Mini modda favori tabları gizle */
            .mobile-tab-bar.tab-mini .mob-tab:not(.mob-tab-all)[b-skylmmxdvh] {
                display: none;
            }

            /* Mini modda Tümü butonu biraz aşağıda dursun */
            .mobile-tab-bar.tab-mini .mob-tab.mob-tab-all[b-skylmmxdvh] {
                margin-bottom: 10px;
            }

    /* ── TEK TAB ── */
    .mob-tab[b-skylmmxdvh] {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 3px;
        flex: 1;
        height: 100%;
        background: none;
        border: none;
        cursor: pointer;
        padding: 10px 4px 12px;
        position: relative;
        transition: opacity 0.15s;
        -webkit-tap-highlight-color: transparent;
    }

        .mob-tab i[b-skylmmxdvh] {
            font-size: 18px;
            color: #4a5270;
            transition: color 0.2s, transform 0.2s;
            line-height: 1;
        }

        .mob-tab span[b-skylmmxdvh] {
            font-size: 10px;
            font-weight: 500;
            color: #4a5270;
            font-family: 'Segoe UI', system-ui, sans-serif;
            transition: color 0.2s;
        }

        .mob-tab.active i[b-skylmmxdvh],
        .mob-tab.active span[b-skylmmxdvh] {
            color: var(--accent);
        }

        /* Aktif tab alt noktası */
        .mob-tab.active[b-skylmmxdvh]::after {
            content: '';
            position: absolute;
            bottom: 6px;
            left: 50%;
            transform: translateX(-50%);
            width: 4px;
            height: 4px;
            border-radius: 50%;
            background: var(--accent);
        }

        /* ── "TÜMÜ" BUTONU — yukarı çıkıntılı merkez ── */
        .mob-tab.mob-tab-all[b-skylmmxdvh] {
            flex: 0 0 64px;
            height: 64px;
            margin-bottom: 10px;
            background: linear-gradient(135deg, var(--accent), var(--accent2, #8b6cf7));
            border-radius: 20px;
            box-shadow: 0 4px 20px rgba(91,156,246,0.5), 0 2px 8px rgba(0,0,0,0.3);
            padding: 0;
            gap: 2px;
            transition: transform 0.2s, box-shadow 0.2s;
        }

            .mob-tab.mob-tab-all i[b-skylmmxdvh] {
                font-size: 20px;
                color: #fff;
            }

            .mob-tab.mob-tab-all span[b-skylmmxdvh] {
                font-size: 10px;
                font-weight: 700;
                color: rgba(255,255,255,0.9);
            }

            /* Tümü butonunda alt nokta gösterme */
            .mob-tab.mob-tab-all[b-skylmmxdvh]::after {
                display: none;
            }

            .mob-tab.mob-tab-all:active[b-skylmmxdvh] {
                transform: scale(0.93);
                box-shadow: 0 2px 10px rgba(91,156,246,0.3);
            }

        .mob-tab:not(.mob-tab-all):active i[b-skylmmxdvh] {
            transform: scale(0.85);
        }

    /* ── BOTTOM SHEET OVERLAY ── */
    .mobile-sheet-overlay[b-skylmmxdvh] {
        position: fixed;
        inset: 0;
        background: rgba(0,0,0,0.5);
        z-index: 1001;
        opacity: 0;
        pointer-events: none;
        transition: opacity 0.3s;
        backdrop-filter: blur(2px);
    }

        .mobile-sheet-overlay.open[b-skylmmxdvh] {
            opacity: 1;
            pointer-events: all;
        }

    /* ── BOTTOM SHEET ── */
    .mobile-sheet[b-skylmmxdvh] {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 1002;
        background: #0d1117;
        border-radius: 20px 20px 0 0;
        max-height: 85vh;
        display: flex;
        flex-direction: column;
        transform: translateY(100%);
        transition: transform 0.35s cubic-bezier(.4,0,.2,1);
        box-shadow: 0 -8px 40px rgba(0,0,0,0.4);
        opacity: 0;
    }

        .mobile-sheet.open[b-skylmmxdvh] {
            opacity: 1;
            transform: translateY(0);
        }

    .mobile-sheet-handle[b-skylmmxdvh] {
        width: 40px;
        height: 4px;
        background: rgba(255,255,255,0.15);
        border-radius: 2px;
        margin: 12px auto 0;
        flex-shrink: 0;
    }

    .mobile-sheet-header[b-skylmmxdvh] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 12px 20px 10px;
        border-bottom: 1px solid rgba(255,255,255,0.07);
        flex-shrink: 0;
    }

    .mobile-sheet-logo[b-skylmmxdvh] {
        height: 32px;
        width: auto;
        opacity: 0.9;
    }

    .mobile-sheet-close[b-skylmmxdvh] {
        background: rgba(255,255,255,0.07);
        border: 1px solid rgba(255,255,255,0.07);
        color: #8892aa;
        width: 32px;
        height: 32px;
        border-radius: 8px;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 14px;
        transition: background 0.2s, color 0.2s;
    }

        .mobile-sheet-close:hover[b-skylmmxdvh] {
            background: rgba(239,68,68,0.15);
            color: #ef4444;
        }

    .mobile-sheet-body[b-skylmmxdvh] {
        overflow-y: auto;
        flex: 1;
        padding: 10px 12px 70px;
        scrollbar-width: thin;
    }

    .mobile-nav-section[b-skylmmxdvh] {
        font-size: 11px;
        font-weight: 700;
        color: #3e4560;
        text-transform: uppercase;
        letter-spacing: 1px;
        padding: 14px 14px 5px;
    }

    /* ── MENU.RAZOR MOBİL OVERRIDE ── */

    [b-skylmmxdvh] .mobile-menu-wrapper a.nav-item {
        display: flex !important;
        align-items: center !important;
        gap: 12px !important;
        padding: 13px 14px !important;
        font-size: 15px !important;
        font-weight: 600 !important;
        border-radius: 12px !important;
        margin-bottom: 2px !important;
        color: #8892aa !important;
        text-decoration: none !important;
        background: transparent !important;
    }

        [b-skylmmxdvh] .mobile-menu-wrapper a.nav-item i:first-child {
            font-size: 17px !important;
            width: 22px !important;
            text-align: center !important;
            color: #3e4560 !important;
            flex-shrink: 0 !important;
        }

    [b-skylmmxdvh] .mobile-menu-wrapper .tree-root-header {
        padding: 13px 14px !important;
        font-size: 15px !important;
        font-weight: 600 !important;
        border-radius: 12px !important;
        color: #8892aa !important;
    }

    [b-skylmmxdvh] .mobile-menu-wrapper .tree-root-left i:first-child {
        font-size: 17px !important;
        width: 22px !important;
        text-align: center !important;
        color: #3e4560 !important;
    }

    [b-skylmmxdvh] .mobile-menu-wrapper a.nav-item:hover,
    [b-skylmmxdvh] .mobile-menu-wrapper .tree-root-header:hover,
    [b-skylmmxdvh] .mobile-menu-wrapper .tree-root-header.open {
        background: rgba(79,142,247,0.12) !important;
        color: #eef0ff !important;
    }

        [b-skylmmxdvh] .mobile-menu-wrapper a.nav-item:hover i:first-child,
        [b-skylmmxdvh] .mobile-menu-wrapper .tree-root-header:hover .tree-root-left i:first-child,
        [b-skylmmxdvh] .mobile-menu-wrapper .tree-root-header.open .tree-root-left i:first-child {
            color: var(--accent, #5b9cf6) !important;
        }

    [b-skylmmxdvh] .mobile-menu-wrapper .tree-branch-header {
        padding: 11px 14px !important;
        font-size: 14px !important;
        border-radius: 10px !important;
    }

    [b-skylmmxdvh] .mobile-menu-wrapper .tree-leaf {
        padding: 11px 14px 11px 26px !important;
        font-size: 14px !important;
        margin: 2px 0 2px 12px !important;
        border-radius: 10px !important;
    }

    /* Mobilde info butonlarını gizle */
    [b-skylmmxdvh] .mobile-menu-wrapper .info-btn {
        display: none !important;
    }

    /* ── TAB ETİKETLERİ ── */
    .mob-tab span.tab-label[b-skylmmxdvh] {
        max-width: 68px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
        text-align: center;
    }

    .mob-tab.empty-tab[b-skylmmxdvh] {
        pointer-events: none;
        background: transparent;
    }
}
/* end @media (max-width: 768px) */

/* ── Tümü butonu — media dışında da geçerli olması için tekrar tanım ──
   (Blazor scoped CSS'de @media dışında kalan kurallar da çalışır) */
.mob-tab.mob-tab-all[b-skylmmxdvh] {
    flex: 0 0 64px;
    height: 64px;
    margin-bottom: 10px;
    background: linear-gradient(135deg, var(--accent), var(--accent2, #8b6cf7));
    border-radius: 20px;
    box-shadow: 0 4px 20px rgba(91,156,246,0.5), 0 2px 8px rgba(0,0,0,0.3);
    padding: 0;
    gap: 2px;
    transition: transform 0.2s, box-shadow 0.2s;
}

    .mob-tab.mob-tab-all i[b-skylmmxdvh] {
        font-size: 20px;
        color: #fff;
    }

    .mob-tab.mob-tab-all span[b-skylmmxdvh] {
        font-size: 10px;
        font-weight: 700;
        color: rgba(255,255,255,0.9);
    }

    .mob-tab.mob-tab-all[b-skylmmxdvh]::after {
        display: none;
    }

    .mob-tab.mob-tab-all:active[b-skylmmxdvh] {
        transform: scale(0.93);
        box-shadow: 0 2px 10px rgba(91,156,246,0.3);
    }

.mob-tab:not(.mob-tab-all):active i[b-skylmmxdvh] {
    transform: scale(0.85);
}


/* Mini mod — bar aşağı kayar, sadece Tümü butonunun üst kısmı görünür */
.mobile-tab-bar.tab-mini[b-skylmmxdvh] {
    height: 62px;
    justify-content: center;
    padding: 0;
    background: transparent;
    border-top: none;
    box-shadow: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    /* Butonun sadece ~16px'i görünür */
    transform: translateY(46px);
}

    .mobile-tab-bar.tab-mini .mob-tab:not(.mob-tab-all)[b-skylmmxdvh] {
        display: none;
    }

    .mobile-tab-bar.tab-mini .mob-tab.mob-tab-all[b-skylmmxdvh] {
        margin-bottom: 10px;
    }

/* ── MOBİL HESAP BUTONU ── */
.mob-tab-hesap[b-skylmmxdvh] {
    position: relative;
}

.mob-hesap-avatar[b-skylmmxdvh] {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    /* Etrafındaki renkli halka */
    background: linear-gradient(135deg, #1d6fa4, #2196f3, #00b4d8);
    padding: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

    .mob-hesap-avatar > span[b-skylmmxdvh] {
        width: 100%;
        height: 100%;
        border-radius: 50%;
        background: linear-gradient(135deg, var(--accent, #5b9cf6), var(--accent2, #8b6cf7));
        border: 2px solid #0d1117;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff !important;
        font-size: 10px !important;
        font-weight: 800 !important;
        line-height: 1;
    }

/* Hesap butonu aktif (menü açık) durumdayken */
.mob-tab-hesap.active .mob-hesap-avatar[b-skylmmxdvh],
#mobHesapBtn.active .mob-hesap-avatar[b-skylmmxdvh] {
    box-shadow: 0 0 0 2px var(--accent, #5b9cf6);
}

/* ── MOBİL HESAP POPUP ── */
.mob-hesap-popup[b-skylmmxdvh] {
    position: fixed;
    bottom: 62px; /* Tab bar'ın yüksekliği kadar yukarıdan başlar */
    left: 0;
    right: 0;
    z-index: 1100;
    background: #0d1117; /* Menü arkaplanı */
    border: 1px solid rgba(255,255,255,0.08);
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    padding: 8px 16px 16px;
    box-shadow: 0 -8px 32px rgba(0,0,0,0.5);
    /* Animasyonlu açılış için */
    transform: translateY(120%);
    opacity: 0;
    pointer-events: none;
    transition: transform 0.3s cubic-bezier(.4,0,.2,1), opacity 0.3s;
}

    /* Popup açıldığında */
    .mob-hesap-popup.open[b-skylmmxdvh] {
        transform: translateY(0);
        opacity: 1;
        pointer-events: all;
    }

.mob-hesap-handle[b-skylmmxdvh] {
    width: 36px;
    height: 4px;
    background: rgba(255,255,255,0.15);
    border-radius: 2px;
    margin: 0 auto 14px;
}

.mob-hesap-popup-header[b-skylmmxdvh] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 12px;
}

.mob-hesap-avatar-lg[b-skylmmxdvh] {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--accent, #5b9cf6), var(--accent2, #8b6cf7));
    color: #fff;
    font-size: 15px;
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.mob-hesap-name[b-skylmmxdvh] {
    font-size: 15px;
    font-weight: 700;
    color: #e8eaf6;
}

.mob-hesap-role[b-skylmmxdvh] {
    font-size: 12px;
    color: #6b7280;
    margin-top: 2px;
}

.mob-hesap-divider[b-skylmmxdvh] {
    height: 1px;
    background: rgba(255,255,255,0.07);
    margin: 8px 0;
}

.mob-hesap-item[b-skylmmxdvh] {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    padding: 10px 8px;
    background: none;
    border: none;
    border-radius: 10px;
    color: #c9d1e0;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    text-align: left;
    transition: background 0.15s;
    font-family: inherit;
}

    .mob-hesap-item:hover[b-skylmmxdvh],
    .mob-hesap-item:active[b-skylmmxdvh] {
        background: rgba(255,255,255,0.06);
    }

    .mob-hesap-item i[b-skylmmxdvh] {
        width: 18px;
        text-align: center;
        color: var(--accent, #5b9cf6);
    }

.mob-hesap-danger[b-skylmmxdvh] {
    color: #f87171;
}

    .mob-hesap-danger i[b-skylmmxdvh] {
        color: #f87171;
    }

/* Mobilde Tema Akordeonu Alt Menüsü */
.mob-hesap-sub-menu[b-skylmmxdvh] {
    background: rgba(0,0,0,0.15);
    border-radius: 10px;
    margin: 4px 0 4px 12px; /* Hafif sağa kaydırma (girinti) */
    padding: 4px;
    border-left: 2px solid var(--accent, #5b9cf6);
}

.mob-hesap-sub-text[b-skylmmxdvh] {
    display: flex;
    flex-direction: column;
    text-align: left;
    line-height: 1.2;
}

    .mob-hesap-sub-text .title[b-skylmmxdvh] {
        font-size: 13.5px;
        color: #e8eaf6;
        font-weight: 500;
    }

    .mob-hesap-sub-text .desc[b-skylmmxdvh] {
        font-size: 11px;
        color: #6b7280;
        margin-top: 2px;
    }

.mob-hesap-item.active[b-skylmmxdvh] {
    background: rgba(91,156,246,0.1); /* Aktif olan temanın arka planı hafif vurgulu */
}
/* _content/Client/Pages/CRM/Aktivite/AktiviteAra.razor.rz.scp.css */
[b-xxlyhnfzor] .crm-action-btn {
    border-radius: 0 !important;
    border: 1px solid transparent;
    transition: none !important;
    box-shadow: none !important;
    font-family: "Nunito Sans", sans-serif;
    background-color: transparent;
}

[b-xxlyhnfzor] .crm-primary {
    border-color: #1b6ec2;
    color: #1b6ec2;
}

[b-xxlyhnfzor] .crm-primary:hover {
    background-color: #1b6ec2;
    color: #fff;
}

[b-xxlyhnfzor] .crm-danger {
    border-color: #dc3545;
    color: #dc3545;
}

[b-xxlyhnfzor] .crm-danger:hover {
    background-color: #dc3545;
    color: #fff;
}
/* _content/Client/Pages/CRM/Aktivite/AktiviteKart/Aktivite.razor.rz.scp.css */
.aktivite-ust-form[b-s7eihg9o22]  .bym-default-input-text,
.aktivite-ust-form[b-s7eihg9o22]  .bym-memo-container {
    margin-top: 0;
    margin-bottom: 0;
}

.aktivite-konu-block[b-s7eihg9o22] {
    min-height: 8.1rem;
    display: flex;
    align-items: stretch;
}

.aktivite-konu-block[b-s7eihg9o22]  .bym-memo-container,
.aktivite-konu-block[b-s7eihg9o22]  .bym-memo-wrapper {
    height: 100% !important;
    min-height: 100% !important;
    width: 100%;
}

.aktivite-konu-block[b-s7eihg9o22]  textarea.aktivite-konu-memo {
    height: 100% !important;
    min-height: 100% !important;
    resize: none;
}

@media (max-width: 767.98px) {
    .aktivite-mobile-shell[b-s7eihg9o22] {
        min-height: 100dvh;
        background: var(--aktivite-muted);
        color: var(--aktivite-ink);
    }

    .aktivite-mobile-content[b-s7eihg9o22] {
        display: flex;
        flex-direction: column;
        gap: 10px;
        padding: 10px 10px calc(74px + env(safe-area-inset-bottom));
    }

    .aktivite-mobile-card[b-s7eihg9o22] {
        border: 1px solid var(--aktivite-line);
        border-radius: 8px;
        background: var(--aktivite-surface);
        padding: 10px;
    }

    .aktivite-mobile-section-title[b-s7eihg9o22] {
        display: flex;
        align-items: center;
        gap: 8px;
        margin: -10px -10px 10px;
        border-bottom: 1px solid var(--aktivite-line);
        padding: 9px 10px;
        color: var(--aktivite-ink);
        font-size: 13px;
        font-weight: 800;
    }

    .aktivite-mobile-section-title i[b-s7eihg9o22] {
        color: var(--aktivite-brand);
    }

    .aktivite-mobile-date-grid[b-s7eihg9o22] {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        gap: 8px;
    }

    [b-s7eihg9o22] .aktivite-mobile-field {
        width: 100%;
        margin: 0 0 8px;
        padding: 0 !important;
    }

    .aktivite-mobile-tabs[b-s7eihg9o22] {
        display: flex;
        gap: 6px;
        overflow-x: auto;
        scrollbar-width: thin;
        padding: 1px 0 4px;
    }

    .aktivite-mobile-tabs button[b-s7eihg9o22] {
        flex: 0 0 auto;
        min-height: 36px;
        border: 1px solid var(--aktivite-line);
        border-radius: 7px;
        background: var(--aktivite-surface);
        color: #4b5563;
        padding: 7px 10px;
        font-size: 12px;
        font-weight: 750;
    }

    .aktivite-mobile-tabs button.active[b-s7eihg9o22] {
        border-color: var(--aktivite-brand);
        background: var(--aktivite-brand-soft);
        color: var(--aktivite-brand);
    }

    .aktivite-mobile-detail[b-s7eihg9o22] {
        min-height: 250px;
    }

    .aktivite-mobile-grid-scroll[b-s7eihg9o22] {
        width: 100%;
        overflow-x: auto;
    }

    .aktivite-mobile-actions[b-s7eihg9o22] {
        position: fixed;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1050;
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 42px 42px;
        gap: 8px;
        border-top: 1px solid var(--aktivite-line);
        background: var(--aktivite-surface);
        padding: 9px 10px calc(max(env(safe-area-inset-bottom), 9px));
    }

    .aktivite-mobile-actions.no-info[b-s7eihg9o22] {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 42px;
    }

    [b-s7eihg9o22] .aktivite-action-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 6px;
        min-width: 0;
        min-height: 38px;
        border: 1px solid var(--aktivite-line);
        border-radius: 8px;
        padding: 8px 10px;
        font-size: 13px;
        font-weight: 750;
    }

    [b-s7eihg9o22] .aktivite-mobile-actions .save-btn {
        border-color: var(--aktivite-success);
        background: var(--aktivite-success);
        color: #fff;
    }

    [b-s7eihg9o22] .aktivite-mobile-actions .delete-btn {
        border-color: var(--aktivite-danger);
        background: var(--aktivite-danger);
        color: #fff;
    }

    [b-s7eihg9o22] .aktivite-mobile-actions .icon-btn {
        padding: 0;
        background: var(--aktivite-muted);
        color: #4b5563;
    }
}
/* _content/Client/Pages/CRM/Aktivite/AktiviteKart/Aktivite_Genel.razor.rz.scp.css */
[b-2rjuidesnr] .form-control, 
[b-2rjuidesnr] .form-select, 
[b-2rjuidesnr] .dx-texteditor-input,
[b-2rjuidesnr] input,
[b-2rjuidesnr] textarea {
    border-radius: 0 !important;
    border: 1px solid #cfd6e3;
    box-shadow: none !important;
    font-family: "Nunito Sans", sans-serif;
}

[b-2rjuidesnr] .form-control:focus, 
[b-2rjuidesnr] .form-select:focus, 
[b-2rjuidesnr] .dx-texteditor-input:focus,
[b-2rjuidesnr] input:focus,
[b-2rjuidesnr] textarea:focus {
    border-color: #1b6ec2 !important;
    box-shadow: none !important;
    outline: 1px solid #1b6ec2 !important;
}

[b-2rjuidesnr] .bym-tree-content {
    border-radius: 0 !important;
    border: 1px solid #e6eaf2 !important;
    margin-bottom: 1rem;
}
/* _content/Client/Pages/CRM/Aktivite/AktiviteQuickAdd.razor.rz.scp.css */
[b-udq6tlyxy0] .crm-action-btn {
    border-radius: 0 !important;
    border: 1px solid transparent;
    transition: none !important;
    box-shadow: none !important;
    font-family: "Nunito Sans", sans-serif;
    background-color: transparent;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 0.5px;
}

[b-udq6tlyxy0] .crm-primary {
    border-color: #1b6ec2;
    color: #1b6ec2;
}

[b-udq6tlyxy0] .crm-primary:hover {
    background-color: #1b6ec2;
    color: #fff;
}

[b-udq6tlyxy0] .crm-secondary {
    border-color: #6c757d;
    color: #6c757d;
}

[b-udq6tlyxy0] .crm-secondary:hover {
    background-color: #6c757d;
    color: #fff;
}
/* _content/Client/Pages/CRM/Firsat/FirsatHavuzu.razor.rz.scp.css */
/* ==========================================================================
   FIRSAT HAVUZU — Premium Kanban
   Scoped CSS (Blazor isolation). Light/dark adaptif, mobil uyumlu.
   ========================================================================== */

.fh-root[b-y4iuo8very] {
    /* ===== LIGHT (default) — Premium temiz palet ===== */
    --fh-bg: #f4f6fb;
    --fh-bg-grad: none;
    --fh-surface: #ffffff;
    --fh-surface-2: #f5f7fc;
    --fh-surface-3: #eef1f8;
    --fh-text: #0f172a;
    --fh-text-muted: #64748b;
    --fh-border: #e6eaf2;
    --fh-border-strong: #cfd6e3;
    --fh-primary: #1b6ec2;
    --fh-primary-grad: #1b6ec2;
    --fh-primary-shadow: none;
    --fh-accent: #06b6d4;
    --fh-success: #10b981;
    --fh-warn: #f59e0b;
    --fh-danger: #ef4444;
    --fh-radius-lg: 0px;
    --fh-radius-md: 0px;
    --fh-radius-sm: 0px;
    --fh-shadow-card: none;
    --fh-shadow-card-hover: none;
    --fh-shadow-drawer: -24px 0 60px -12px rgba(15,23,42,.18);
    --fh-backdrop: rgba(15, 23, 42, .22);
    --fh-backdrop-strong: rgba(15, 23, 42, .35);
    position: relative;
    /* TabPageLayout: üst sekme barı (~50px) + footer butonları (~60px) düşülür */
    height: calc(100vh - 110px);
    min-height: 480px;
    background: var(--fh-bg);
    background-image: var(--fh-bg-grad);
    color: var(--fh-text);
    font-family: inherit;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

/* ============== TAKVİM AYARLARI POPUP (modern) ============== */

[b-y4iuo8very] .fh-google-popup .modal-body,
[b-y4iuo8very] .fh-google-popup .popup-body {
    padding: 0 !important;
    background: linear-gradient(180deg, #f8fafc 0%, #ffffff 60%);
}

.fh-cs[b-y4iuo8very] {
    --google-1: #4285F4;
    --google-2: #EA4335;
    --google-3: #FBBC05;
    --google-4: #34A853;
    --apple-1: #0a0a0a;
    --apple-2: #555;
    padding: 18px 20px 20px;
    color: var(--fh-text);
    max-height: min(80vh, 760px);
    overflow: auto;
}

.fh-cs-loading[b-y4iuo8very] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 64px 0;
    color: var(--fh-text-muted);
    font-size: 13px;
}

/* Tabs */
.fh-cs-tabs[b-y4iuo8very] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin-bottom: 18px;
}

.fh-cs-tab[b-y4iuo8very] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 14px;
    border: 1px solid var(--fh-border);
    border-radius: 12px;
    background: #ffffff;
    cursor: pointer;
    text-align: left;
    transition: transform .15s, box-shadow .15s, border-color .15s;
}

    .fh-cs-tab:hover[b-y4iuo8very] {
        transform: translateY(-1px);
        box-shadow: 0 8px 20px -14px rgba(15, 23, 42, .35);
    }

.fh-cs-tab-logo[b-y4iuo8very] {
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    font-size: 20px;
    flex: 0 0 40px;
}

.fh-cs-tab--google .fh-cs-tab-logo[b-y4iuo8very] {
    background: linear-gradient(135deg, var(--google-1), var(--google-4));
    color: #fff;
}

.fh-cs-tab--apple .fh-cs-tab-logo[b-y4iuo8very] {
    background: linear-gradient(135deg, #1f2937, #000);
    color: #fff;
}

.fh-cs-tab-text[b-y4iuo8very] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.fh-cs-tab-title[b-y4iuo8very] {
    font-size: 14px;
    font-weight: 700;
    color: var(--fh-text);
    line-height: 1.1;
}

.fh-cs-tab-status[b-y4iuo8very] {
    font-size: 11px;
    color: var(--fh-text-muted);
    display: inline-flex;
    align-items: center;
    gap: 5px;
    line-height: 1.1;
}

    .fh-cs-tab-status i[b-y4iuo8very] {
        font-size: 11px;
        color: #94a3b8;
    }

    .fh-cs-tab-status.fh-cs-status--ok[b-y4iuo8very] {
        color: #15803d;
    }

        .fh-cs-tab-status.fh-cs-status--ok i[b-y4iuo8very] {
            color: #16a34a;
        }

.fh-cs-tab--active[b-y4iuo8very] {
    border-color: transparent;
    box-shadow: 0 10px 26px -16px rgba(15, 23, 42, .4);
}

.fh-cs-tab--google.fh-cs-tab--active[b-y4iuo8very] {
    background: linear-gradient(135deg, #eaf2ff, #ffffff);
    border-color: #c8dcff;
}

.fh-cs-tab--apple.fh-cs-tab--active[b-y4iuo8very] {
    background: linear-gradient(135deg, #f5f5f7, #ffffff);
    border-color: #d4d4d8;
}

/* Panel */
.fh-cs-panel[b-y4iuo8very] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

/* Account header card */
.fh-cs-account[b-y4iuo8very] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px 16px;
    border: 1px solid var(--fh-border);
    border-radius: 12px;
    background: #ffffff;
}

.fh-cs-account-icon[b-y4iuo8very] {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    color: #fff;
    flex: 0 0 44px;
}

.fh-cs-panel--google .fh-cs-account-icon[b-y4iuo8very] {
    background: linear-gradient(135deg, var(--google-1), var(--google-2));
}

.fh-cs-panel--apple .fh-cs-account-icon[b-y4iuo8very] {
    background: linear-gradient(135deg, #1f2937, #000);
}

.fh-cs-account-info[b-y4iuo8very] {
    flex: 1 1 auto;
    min-width: 0;
}

.fh-cs-account-label[b-y4iuo8very] {
    font-size: 11px;
    color: var(--fh-text-muted);
    text-transform: uppercase;
    letter-spacing: .04em;
    font-weight: 600;
    margin-bottom: 2px;
}

.fh-cs-account-value[b-y4iuo8very] {
    font-size: 14px;
    font-weight: 600;
    color: var(--fh-text);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fh-cs-account-actions[b-y4iuo8very] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    flex: 0 0 auto;
}

/* Form fields */
.fh-cs-row[b-y4iuo8very] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

    .fh-cs-row:has(.fh-cs-field--narrow)[b-y4iuo8very] {
        grid-template-columns: 1fr 160px;
    }

.fh-cs-field[b-y4iuo8very] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
}

.fh-cs-label[b-y4iuo8very] {
    font-size: 11px;
    font-weight: 600;
    color: var(--fh-text-muted);
    text-transform: uppercase;
    letter-spacing: .04em;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

    .fh-cs-label i[b-y4iuo8very] {
        color: #94a3b8;
        font-size: 11px;
    }

.fh-cs-input[b-y4iuo8very],
.fh-cs-select[b-y4iuo8very] {
    height: 38px;
    border: 1px solid var(--fh-border);
    border-radius: 9px;
    padding: 0 12px;
    background: #fff;
    font-size: 13px;
    color: var(--fh-text);
    transition: border-color .15s, box-shadow .15s;
    width: 100%;
}

    .fh-cs-input:focus[b-y4iuo8very],
    .fh-cs-select:focus[b-y4iuo8very] {
        outline: none;
        border-color: #4285F4;
        box-shadow: 0 0 0 3px rgba(66, 133, 244, .15);
    }

/* Stat cards */
.fh-cs-stats[b-y4iuo8very] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.fh-cs-stat[b-y4iuo8very] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    border: 1px solid var(--fh-border);
    border-radius: 10px;
    background: #fff;
    min-width: 0;
}

.fh-cs-stat-icon[b-y4iuo8very] {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    background: #f1f5f9;
    color: #475569;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    flex: 0 0 32px;
}

.fh-cs-stat-icon--ok[b-y4iuo8very] {
    background: #ecfdf5;
    color: #059669;
}

.fh-cs-stat-icon--off[b-y4iuo8very] {
    background: #fef2f2;
    color: #b91c1c;
}

.fh-cs-stat-text[b-y4iuo8very] {
    min-width: 0;
}

.fh-cs-stat-label[b-y4iuo8very] {
    font-size: 10.5px;
    color: var(--fh-text-muted);
    text-transform: uppercase;
    letter-spacing: .04em;
    font-weight: 600;
    line-height: 1.1;
    margin-bottom: 2px;
}

.fh-cs-stat-value[b-y4iuo8very] {
    font-size: 12.5px;
    font-weight: 600;
    color: var(--fh-text);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 1.2;
}

/* Alerts */
.fh-cs-alert[b-y4iuo8very] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 10px 12px;
    border-radius: 10px;
    border: 1px solid;
    font-size: 12.5px;
    line-height: 1.45;
}

    .fh-cs-alert i[b-y4iuo8very] {
        font-size: 14px;
        margin-top: 2px;
        flex: 0 0 auto;
    }

.fh-cs-alert--info[b-y4iuo8very] {
    background: #eff6ff;
    border-color: #bfdbfe;
    color: #1d4ed8;
}

.fh-cs-alert--warning[b-y4iuo8very] {
    background: #fffbeb;
    border-color: #fde68a;
    color: #92400e;
}

.fh-cs-alert-title[b-y4iuo8very] {
    font-weight: 700;
    margin-bottom: 2px;
}

/* Action bar */
.fh-cs-actionbar[b-y4iuo8very] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
    padding: 10px 12px;
    border: 1px solid var(--fh-border);
    border-radius: 10px;
    background: #fff;
}

    .fh-cs-actionbar .form-check-label[b-y4iuo8very] {
        font-size: 12.5px;
        color: var(--fh-text);
        margin-left: 6px;
    }

.fh-cs-actionbar-right[b-y4iuo8very] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

/* Hint */
.fh-cs-hint[b-y4iuo8very] {
    padding: 12px 14px;
    border-radius: 10px;
    background: linear-gradient(135deg, #f8fafc, #f1f5f9);
    border: 1px dashed #cbd5e1;
    font-size: 11.5px;
    color: #475569;
    line-height: 1.55;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.fh-cs-hint-head[b-y4iuo8very] {
    font-weight: 700;
    color: #334155;
    margin-bottom: 4px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

    .fh-cs-hint-head i[b-y4iuo8very] {
        color: #4285F4;
    }

.fh-cs-hint-ex[b-y4iuo8very] {
    color: #64748b;
}

.fh-cs-hint code[b-y4iuo8very] {
    color: #be185d;
    background: #fdf2f8;
    border: 1px solid #fbcfe8;
    border-radius: 5px;
    padding: 1px 6px;
    font-size: 11px;
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
}

@media (max-width: 720px) {
    .fh-cs[b-y4iuo8very] {
        padding: 14px;
    }

    .fh-cs-tabs[b-y4iuo8very] {
        grid-template-columns: 1fr;
    }

    .fh-cs-row[b-y4iuo8very],
    .fh-cs-row:has(.fh-cs-field--narrow)[b-y4iuo8very],
    .fh-cs-stats[b-y4iuo8very] {
        grid-template-columns: 1fr;
    }

    .fh-cs-account[b-y4iuo8very] {
        flex-wrap: wrap;
    }

    .fh-cs-account-actions[b-y4iuo8very] {
        width: 100%;
        justify-content: flex-end;
    }
}

/* Dark mode */
.fh-root.fh-dark ~ * .fh-cs[b-y4iuo8very],
.fh-cs.fh-dark[b-y4iuo8very] {
    color: #e5e7eb;
}

.fh-root.fh-dark[b-y4iuo8very] {
    --fh-bg: #0b1020;
    --fh-bg-grad: none;
    --fh-surface: #131a2e;
    --fh-surface-2: #1a2238;
    --fh-surface-3: #232c45;
    --fh-text: #e5e7eb;
    --fh-text-muted: #94a3b8;
    --fh-border: #2a3350;
    --fh-border-strong: #3a4467;
    --fh-shadow-card: none;
    --fh-shadow-card-hover: none;
    --fh-backdrop: rgba(2, 6, 23, .55);
    --fh-backdrop-strong: rgba(2, 6, 23, .68);
}

/* ============== TOOLBAR ============== */

.fh-pool-toolbar[b-y4iuo8very] {
    min-height: 58px;
    padding: 10px 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    border-bottom: 1px solid var(--fh-border);
    background: var(--fh-surface);
}

.fh-pool-selector[b-y4iuo8very] {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 8px;
}

    .fh-pool-selector label[b-y4iuo8very] {
        color: var(--fh-text-muted);
        font-size: 12px;
        font-weight: 600;
        white-space: nowrap;
    }

    .fh-pool-selector select[b-y4iuo8very] {
        width: min(320px, 34vw);
        min-width: 180px;
        height: 36px;
        padding: 0 34px 0 10px;
        color: var(--fh-text);
        background: var(--fh-surface);
        border: 1px solid var(--fh-border-strong);
        border-radius: var(--fh-radius-md);
        font-size: 13px;
    }

        .fh-pool-selector select:focus[b-y4iuo8very] {
            border-color: var(--fh-primary);
            outline: none;
            box-shadow: 0 0 0 3px rgba(168,85,247,.12);
        }

    .fh-pool-selector button:disabled[b-y4iuo8very] {
        cursor: not-allowed;
        opacity: .4;
    }

.fh-pool-delete:not(:disabled):hover[b-y4iuo8very] {
    color: #dc2626;
    background: rgba(220,38,38,.08);
}

.fh-pool-empty[b-y4iuo8very] {
    min-height: 360px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 36px 20px;
    text-align: center;
    color: var(--fh-text);
}

    .fh-pool-empty > i[b-y4iuo8very] {
        font-size: 30px;
        color: var(--fh-text-muted);
    }

    .fh-pool-empty h3[b-y4iuo8very] {
        margin: 4px 0 0;
        font-size: 17px;
        font-weight: 600;
    }

    .fh-pool-empty p[b-y4iuo8very] {
        margin: 0 0 8px;
        color: var(--fh-text-muted);
        font-size: 13px;
    }

.fh-no-pool .fh-view[b-y4iuo8very] {
    display: none !important;
}

.fh-toolbar[b-y4iuo8very] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 22px;
    gap: 16px;
    border-bottom: 1px solid var(--fh-border);
    background: linear-gradient(180deg, rgba(255,255,255,.85), rgba(255,255,255,.6));
    backdrop-filter: blur(14px) saturate(140%);
    -webkit-backdrop-filter: blur(14px) saturate(140%);
    z-index: 20;
    position: relative;
}

.fh-root.fh-dark .fh-toolbar[b-y4iuo8very] {
    background: linear-gradient(180deg, rgba(19,26,46,.85), rgba(19,26,46,.6));
}

.fh-toolbar-left[b-y4iuo8very],
.fh-toolbar-right[b-y4iuo8very] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.fh-toolbar-right[b-y4iuo8very] {
    flex: 1;
    justify-content: flex-end;
}

.fh-divider-v[b-y4iuo8very] {
    width: 1px;
    height: 22px;
    background: var(--fh-border);
}

.fh-page-title[b-y4iuo8very] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-left: 8px;
}

.fh-page-title-text[b-y4iuo8very] {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: -.01em;
}

/* Yeni button */
.fh-btn-yeni[b-y4iuo8very] {
    background: var(--fh-primary-grad);
    color: white;
    border: none;
    border-radius: var(--fh-radius-md);
    padding: 8px 16px;
    height: 38px;
    font-weight: 600;
    font-size: 13px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    box-shadow: var(--fh-primary-shadow);
    transition: transform .18s cubic-bezier(.2,.8,.2,1), box-shadow .18s, filter .18s;
    letter-spacing: .01em;
}

    .fh-btn-yeni:hover[b-y4iuo8very] {
        transform: translateY(-1px);
        filter: brightness(1.05);
    }

    .fh-btn-yeni:active[b-y4iuo8very] {
        transform: translateY(0);
    }

.fh-btn-yeni--active[b-y4iuo8very] {
    box-shadow: 0 0 0 3px rgba(168,85,247,.35), var(--fh-primary-shadow);
}

.fh-btn-yeni i[b-y4iuo8very] {
    font-size: 11px;
}

/* Secondary button */
.fh-btn-secondary[b-y4iuo8very] {
    background: var(--fh-surface);
    color: var(--fh-text);
    border: 1px solid var(--fh-border);
    border-radius: var(--fh-radius-md);
    padding: 7px 14px;
    height: 38px;
    font-weight: 500;
    font-size: 13px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    transition: background .15s, border-color .15s, transform .15s;
}

    .fh-btn-secondary:hover[b-y4iuo8very] {
        background: var(--fh-surface-2);
        border-color: var(--fh-border-strong);
    }

    .fh-btn-secondary .fh-chev[b-y4iuo8very] {
        font-size: 9px;
        opacity: .6;
        margin-left: 4px;
    }

/* Ghost button */
.fh-btn-ghost[b-y4iuo8very] {
    background: transparent;
    color: var(--fh-text-muted);
    border: 1px solid transparent;
    border-radius: var(--fh-radius-md);
    padding: 7px 14px;
    height: 38px;
    font-weight: 500;
    font-size: 13px;
    cursor: pointer;
    transition: background .15s, color .15s;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

    .fh-btn-ghost:hover[b-y4iuo8very] {
        background: var(--fh-surface-2);
        color: var(--fh-text);
    }

.fh-btn-primary[b-y4iuo8very] {
    background: var(--fh-primary-grad);
    color: white;
    border: none;
    border-radius: var(--fh-radius-md);
    padding: 8px 14px;
    font-weight: 600;
    font-size: 13px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    transition: transform .15s, filter .15s, box-shadow .15s;
    box-shadow: var(--fh-primary-shadow);
}

    .fh-btn-primary:hover:not(:disabled)[b-y4iuo8very] {
        transform: translateY(-1px);
        filter: brightness(1.05);
    }

    .fh-btn-primary:disabled[b-y4iuo8very] {
        opacity: .5;
        cursor: not-allowed;
        box-shadow: none;
    }

.fh-btn-ghost-block[b-y4iuo8very] {
    width: 100%;
    background: transparent;
    color: var(--fh-text-muted);
    border: 1.5px dashed var(--fh-border-strong);
    border-radius: var(--fh-radius-md);
    padding: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: all .15s;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-top: 12px;
}

    .fh-btn-ghost-block:hover[b-y4iuo8very] {
        border-color: var(--fh-primary);
        color: var(--fh-primary);
        background: rgba(168, 85, 247, .04);
    }

.fh-icon-ghost[b-y4iuo8very] {
    background: transparent;
    color: var(--fh-text-muted);
    border: none;
    border-radius: 8px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background .15s, color .15s, transform .15s;
}

    .fh-icon-ghost:hover[b-y4iuo8very] {
        background: var(--fh-surface-2);
        color: var(--fh-text);
    }

/* Search */
.fh-search[b-y4iuo8very] {
    display: flex;
    align-items: center;
    gap: 8px;
    background: var(--fh-surface);
    border: 1px solid var(--fh-border);
    border-radius: var(--fh-radius-md);
    padding: 6px 10px;
    min-width: 360px;
    height: 38px;
    transition: border-color .15s, box-shadow .15s;
}

    .fh-search:focus-within[b-y4iuo8very] {
        border-color: var(--fh-primary);
        box-shadow: 0 0 0 3px rgba(168,85,247,.15);
    }

    .fh-search > i[b-y4iuo8very] {
        color: var(--fh-text-muted);
        font-size: 13px;
    }

.fh-search-input[b-y4iuo8very] {
    flex: 1;
    background: transparent;
    border: none;
    outline: none;
    color: var(--fh-text);
    font-size: 13px;
    min-width: 0;
}

    .fh-search-input[b-y4iuo8very]::placeholder {
        color: var(--fh-text-muted);
    }

.fh-chip[b-y4iuo8very] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: var(--fh-surface-2);
    border: 1px solid var(--fh-border);
    border-radius: 999px;
    padding: 3px 10px 3px 8px;
    font-size: 12px;
    color: var(--fh-text);
    flex-shrink: 0;
}

    .fh-chip i[b-y4iuo8very] {
        font-size: 10px;
        color: var(--fh-primary);
    }

    .fh-chip button[b-y4iuo8very] {
        background: transparent;
        border: none;
        color: var(--fh-text-muted);
        cursor: pointer;
        padding: 0;
        width: 16px;
        height: 16px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
    }

        .fh-chip button:hover[b-y4iuo8very] {
            background: var(--fh-border);
            color: var(--fh-text);
        }

        .fh-chip button i[b-y4iuo8very] {
            font-size: 9px;
        }

/* ============== VIEW MODE TOGGLE ============== */

.fh-view[b-y4iuo8very] {
    flex: 1;
    display: none;
    min-height: 0;
}

.fh-mode-kanban .fh-view--kanban[b-y4iuo8very],
.fh-mode-liste .fh-view--liste[b-y4iuo8very],
.fh-mode-takvim .fh-view--takvim[b-y4iuo8very] {
    display: flex;
    flex-direction: column;
}

/* Kanban view: dikey kaydırma kolon bazında. Pano ekrana oturur, uzun
   kolonlarda kart listesi (.fh-cards) kendi içinde kayar; kolon başlığı
   (isim, sayaç, tutar, + butonu) sabit kalır. Yatay gezinim
   .fh-kanban-scroll'da. */
.fh-mode-kanban .fh-view--kanban[b-y4iuo8very] {
    overflow: hidden;
}

/* ============== KANBAN ============== */

.fh-kanban-shell[b-y4iuo8very] {
    flex: 1;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    min-height: 0;
    display: flex;
    flex-direction: column;
    padding: 20px 22px 16px;
    cursor: grab;
    box-sizing: border-box;
    position: relative; /* edge butonları & fade overlayler için */
}

    .fh-kanban-shell.fh-kanban-shell--panning[b-y4iuo8very] {
        cursor: grabbing;
    }

.fh-kanban-scroll[b-y4iuo8very] {
    flex: 1;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    min-height: 0;
    overflow-x: auto;
    overflow-y: hidden;
    /* Yatay scrollbar tamamen gizli — Seçenek A: kenar oklar + fade ile gezinim */
    scrollbar-width: none;
    box-sizing: border-box;
}

    .fh-kanban-scroll[b-y4iuo8very]::-webkit-scrollbar {
        height: 0;
        width: 0;
        display: none;
    }

/* ---- Edge fade overlayler (sol & sağ) ---- */
.fh-kanban-fade[b-y4iuo8very] {
    position: absolute;
    top: 20px; /* shell padding-top ile hizalı */
    bottom: 16px; /* shell padding-bottom ile hizalı */
    width: 56px;
    pointer-events: none;
    z-index: 5;
    opacity: 0;
    transition: opacity .2s ease;
}

.fh-kanban-fade--left[b-y4iuo8very] {
    left: 0;
    background: linear-gradient(90deg, var(--fh-bg) 0%, rgba(255, 255, 255, 0) 100%);
}

.fh-kanban-fade--right[b-y4iuo8very] {
    right: 0;
    background: linear-gradient(270deg, var(--fh-bg) 0%, rgba(255, 255, 255, 0) 100%);
}

.fh-root.fh-dark .fh-kanban-fade--left[b-y4iuo8very] {
    background: linear-gradient(90deg, var(--fh-bg) 0%, rgba(11, 16, 32, 0) 100%);
}

.fh-root.fh-dark .fh-kanban-fade--right[b-y4iuo8very] {
    background: linear-gradient(270deg, var(--fh-bg) 0%, rgba(11, 16, 32, 0) 100%);
}

/* Shell sınıflarına göre fade görünürlüğü */
.fh-kanban-shell--has-overflow.fh-kanban-shell--not-at-start .fh-kanban-fade--left[b-y4iuo8very] {
    opacity: 1;
}

.fh-kanban-shell--has-overflow.fh-kanban-shell--not-at-end .fh-kanban-fade--right[b-y4iuo8very] {
    opacity: 1;
}

/* ---- Edge chevron butonları ---- */
.fh-kanban-edge-btn[b-y4iuo8very] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%) scale(.92);
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: var(--fh-surface);
    border: 1px solid var(--fh-border);
    color: var(--fh-text);
    cursor: pointer;
    z-index: 10;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 6px 18px -6px rgba(15, 23, 42, .25), 0 1px 3px rgba(15, 23, 42, .08);
    opacity: 0;
    pointer-events: none;
    transition: opacity .2s ease, transform .2s cubic-bezier(.2, .8, .2, 1.4), background .15s, color .15s, border-color .15s;
    font-size: 14px;
}

.fh-kanban-edge-btn--left[b-y4iuo8very] {
    left: 6px;
}

.fh-kanban-edge-btn--right[b-y4iuo8very] {
    right: 6px;
}

.fh-kanban-edge-btn:hover[b-y4iuo8very] {
    background: var(--fh-primary-grad);
    border-color: transparent;
    color: white;
    transform: translateY(-50%) scale(1);
    box-shadow: 0 10px 22px -6px rgba(168, 85, 247, .45);
}

.fh-kanban-edge-btn:active[b-y4iuo8very] {
    transform: translateY(-50%) scale(.95);
}

.fh-kanban-shell--has-overflow.fh-kanban-shell--not-at-start .fh-kanban-edge-btn--left[b-y4iuo8very],
.fh-kanban-shell--has-overflow.fh-kanban-shell--not-at-end .fh-kanban-edge-btn--right[b-y4iuo8very] {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(-50%) scale(1);
}

.fh-root.fh-dark .fh-kanban-edge-btn[b-y4iuo8very] {
    box-shadow: 0 6px 18px -6px rgba(0, 0, 0, .55), 0 1px 3px rgba(0, 0, 0, .35);
}

/* Sürükleme sırasında kenar okları gizlensin — kolon geçişi kendiliğinden oluyor,
   kartın altında yön oku belirmesi istenmiyor. */
body.fh-dragging-touch .fh-kanban-edge-btn[b-y4iuo8very] {
    opacity: 0;
    pointer-events: none;
}

.fh-kanban[b-y4iuo8very] {
    display: flex;
    gap: 16px;
    /* width: max-content → kolon adedine göre gerçek geniş içerik;
       parent .fh-kanban-scroll bunu clip edip yatay scrollbar verir. */
    width: max-content;
    min-width: 100%;
    /* Kolonlar panonun yüksekliğini doldurur; taşan kart listesi kolon
       içinde kayar. */
    height: 100%;
    align-items: stretch;
    scroll-snap-type: x proximity;
    scroll-behavior: smooth;
}

.fh-column[b-y4iuo8very] {
    flex: 0 0 320px;
    width: 320px;
    background: linear-gradient(180deg, rgba(255,255,255,.6), rgba(255,255,255,.0) 90%), var(--fh-surface);
    border-radius: var(--fh-radius-lg);
    border: 1px solid var(--fh-border);
    display: flex;
    flex-direction: column;
    /* fit-content olsaydı kolon içeriğe göre uzar ve iç kaydırma oluşmazdı */
    min-height: 0;
    max-height: 100%;
    scroll-snap-align: start;
    transition: border-color .2s, box-shadow .2s;
    box-shadow: 0 1px 0 rgba(15,23,42,.02), 0 12px 32px -18px rgba(15,23,42,.10);
    position: relative;
    overflow: hidden;
}

    .fh-column[b-y4iuo8very]::before {
        content: "";
        position: absolute;
        inset: 0 0 auto 0;
        height: 56px;
        background: linear-gradient(180deg, rgba(168,85,247,.04), transparent);
        pointer-events: none;
    }

.fh-root.fh-dark .fh-column[b-y4iuo8very] {
    background: linear-gradient(180deg, rgba(255,255,255,.02), transparent 90%), var(--fh-surface);
    box-shadow: 0 1px 0 rgba(0,0,0,.2), 0 14px 36px -22px rgba(0,0,0,.5);
}

    .fh-root.fh-dark .fh-column[b-y4iuo8very]::before {
        background: linear-gradient(180deg, rgba(168,85,247,.10), transparent);
    }

.fh-column--won[b-y4iuo8very] {
    border-color: rgba(16, 185, 129, .35);
}

.fh-column--lost[b-y4iuo8very] {
    border-color: rgba(239, 68, 68, .35);
}

.fh-column-head[b-y4iuo8very] {
    padding: 14px 16px 10px;
    border-bottom: 1px solid var(--fh-border);
    display: flex;
    flex-direction: column;
    gap: 8px;
    flex-shrink: 0;
}

.fh-column-head-row[b-y4iuo8very] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.fh-column-title[b-y4iuo8very] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 600;
    font-size: 14px;
}

.fh-column-dot[b-y4iuo8very] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    box-shadow: 0 0 0 3px rgba(255,255,255,.06);
}

.fh-column-name[b-y4iuo8very] {
    letter-spacing: -.01em;
}

.fh-column-count[b-y4iuo8very] {
    background: var(--fh-surface-2);
    color: var(--fh-text-muted);
    font-size: 11px;
    font-weight: 600;
    padding: 1px 8px;
    border-radius: 999px;
    min-width: 22px;
    text-align: center;
}

.fh-column-progress[b-y4iuo8very] {
    height: 4px;
    background: var(--fh-surface-3);
    border-radius: 2px;
    overflow: hidden;
}

.fh-column-progress-fill[b-y4iuo8very] {
    height: 100%;
    border-radius: 2px;
    transition: width .4s cubic-bezier(.2,.8,.2,1);
}

.fh-column-meta[b-y4iuo8very] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 11px;
    color: var(--fh-text-muted);
}

.fh-column-tutar[b-y4iuo8very] {
    font-weight: 600;
    color: var(--fh-text);
    font-size: 12px;
}

.fh-column-yuzde[b-y4iuo8very] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.fh-positive[b-y4iuo8very] {
    color: var(--fh-success);
}

.fh-negative[b-y4iuo8very] {
    color: var(--fh-danger);
}

/* ============== CARDS LIST ============== */

/* Dikey kaydırma burada: her kolon kendi kart listesini native olarak kaydırır
   (momentum, rubber-band, scrollbar hepsi tarayıcıdan). Alt padding, son kartın
   kolon kenarına/footer'a yapışmaması için. */
.fh-cards[b-y4iuo8very] {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    /* Sadece dikeyde zincirleme kapali. "contain" iki eksende de kapatiyordu ve
       kart uzerinden baslayan yatay kaydirma .fh-kanban-scroll'a hic ulasmadigi
       icin pano parmakla saga/sola kaydirilamiyordu. */
    overscroll-behavior-y: contain;
    overscroll-behavior-x: auto;
    -webkit-overflow-scrolling: touch;
    padding: 12px 12px 20px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    scroll-behavior: smooth;
}

    .fh-cards[b-y4iuo8very]::-webkit-scrollbar {
        width: 6px;
    }

    .fh-cards[b-y4iuo8very]::-webkit-scrollbar-thumb {
        background: var(--fh-border);
        border-radius: 3px;
    }

        .fh-cards[b-y4iuo8very]::-webkit-scrollbar-thumb:hover {
            background: var(--fh-border-strong);
        }

    /* Drop hover state (SortableJS) */
    .fh-cards.fh-cards--over[b-y4iuo8very] {
        background: linear-gradient(180deg, rgba(168,85,247,.08), transparent 60%);
        border-radius: var(--fh-radius-md);
    }

/* ============== CARD ============== */

.fh-card[b-y4iuo8very] {
    /* Liste kendi icinde kaydigi icin kartlar sikismamali: flex item olarak
       varsayilan flex-shrink:1 ile yukseklikleri eziliyordu. */
    flex: none;
    background: var(--fh-surface);
    border: 1px solid var(--fh-border);
    border-radius: var(--fh-radius-md);
    padding: 12px 14px;
    cursor: grab;
    box-shadow: var(--fh-shadow-card);
    transition: transform .18s cubic-bezier(.2,.8,.2,1), box-shadow .18s, border-color .18s;
    position: relative;
    overflow: hidden;
    /* Dokunmatik: basılı tutunca metin seçimi / iOS callout menüsü çıkmasın,
       aksi halde sürükleme başlamadan gesture kesiliyor. */
    -webkit-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    /* Kaydırma tarayıcının kendi işi: momentum/rubber-band korunsun diye kart
       üzerinde de native pan açık. Sürükleme, basılı tutma (SortableJS delay)
       ile başlar; parmak kıpırdamadan drag devraldığı için Sortable ilk
       touchmove'da preventDefault edip kaydırmayı engelleyebiliyor. */
    touch-action: pan-x pan-y;
}

    .fh-card[b-y4iuo8very]::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 3px;
        background: var(--fh-border);
        transition: background .18s;
    }

    .fh-card.fh-card--p1[b-y4iuo8very]::before {
        background: linear-gradient(180deg, #94a3b8, #64748b);
    }

    .fh-card.fh-card--p2[b-y4iuo8very]::before {
        background: linear-gradient(180deg, #f59e0b, #fb923c);
    }

    .fh-card.fh-card--p3[b-y4iuo8very]::before {
        background: linear-gradient(180deg, #ef4444, #f43f5e);
    }

    .fh-card:hover[b-y4iuo8very] {
        transform: translateY(-2px);
        box-shadow: var(--fh-shadow-card-hover);
        border-color: var(--fh-border-strong);
    }

    .fh-card:active[b-y4iuo8very] {
        cursor: grabbing;
    }

.fh-card--selected[b-y4iuo8very] {
    border-color: var(--fh-primary);
    box-shadow: 0 0 0 2px rgba(168,85,247,.25), var(--fh-shadow-card);
}

/* SortableJS drag classes */
.fh-card.sortable-chosen[b-y4iuo8very] {
    cursor: grabbing;
    box-shadow: var(--fh-shadow-card-hover);
}

.fh-card.sortable-ghost[b-y4iuo8very] {
    opacity: 0;
}

.fh-card.sortable-drag[b-y4iuo8very] {
    transform: rotate(-2deg) scale(1.02);
    box-shadow: 0 24px 48px -12px rgba(0,0,0,.4);
    cursor: grabbing;
}

.fh-card-row1[b-y4iuo8very] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 8px;
}

.fh-avatar[b-y4iuo8very] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    color: white;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 11px;
    letter-spacing: .02em;
    flex-shrink: 0;
    box-shadow: 0 2px 6px rgba(0,0,0,.15), inset 0 1px 0 rgba(255,255,255,.18);
    text-shadow: 0 1px 2px rgba(0,0,0,.18);
}

.fh-avatar--lg[b-y4iuo8very] {
    width: 44px;
    height: 44px;
    font-size: 14px;
}

.fh-card-titles[b-y4iuo8very] {
    flex: 1;
    min-width: 0;
}

.fh-card-baslik[b-y4iuo8very] {
    font-weight: 600;
    font-size: 13.5px;
    line-height: 1.3;
    color: var(--fh-text);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    letter-spacing: -.005em;
}

.fh-card-musteri[b-y4iuo8very] {
    font-size: 11px;
    color: var(--fh-text-muted);
    margin-top: 2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.fh-card-menu[b-y4iuo8very] {
    width: 24px;
    height: 24px;
    margin: -4px -4px 0 0;
    flex-shrink: 0;
}

    .fh-card-menu i[b-y4iuo8very] {
        font-size: 12px;
    }

.fh-card-tutar[b-y4iuo8very] {
    font-size: 17px;
    font-weight: 700;
    color: var(--fh-text);
    margin: 4px 0 8px;
    letter-spacing: -.01em;
    background: var(--fh-primary-grad);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}

.fh-card-row2[b-y4iuo8very] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.fh-stars[b-y4iuo8very] {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    color: var(--fh-warn);
    font-size: 11px;
}

    .fh-stars i.far[b-y4iuo8very] {
        color: var(--fh-border-strong);
    }

.fh-stars--editable .fh-star-btn[b-y4iuo8very] {
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 2px;
    color: inherit;
}

    .fh-stars--editable .fh-star-btn i[b-y4iuo8very] {
        font-size: 16px;
        transition: transform .12s;
    }

    .fh-stars--editable .fh-star-btn:hover i[b-y4iuo8very] {
        transform: scale(1.18);
    }

.fh-card-activity-btn[b-y4iuo8very] {
    width: 24px;
    height: 24px;
    border: none;
    background: transparent;
    color: var(--fh-text-muted);
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: color .15s, background .15s, transform .15s;
}

    .fh-card-activity-btn i[b-y4iuo8very] {
        font-size: 14px;
    }

    .fh-card-activity-btn:hover[b-y4iuo8very] {
        color: var(--fh-primary);
        background: rgba(168,85,247,.08);
        transform: translateY(-1px);
    }

.fh-card-activity-btn--planned[b-y4iuo8very] {
    color: #16a34a;
}

    .fh-card-activity-btn--planned i[b-y4iuo8very] {
        font-size: 16px;
    }

    .fh-card-activity-btn--planned:hover[b-y4iuo8very] {
        color: #15803d;
        background: rgba(22, 163, 74, .12);
    }

.fh-activity-popup-head[b-y4iuo8very] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 12px 6px;
    border-bottom: 1px solid #f1f5f9;
    margin-bottom: 6px;
}

.fh-activity-popup-head-title[b-y4iuo8very] {
    font-size: 12px;
    font-weight: 700;
    color: #16a34a;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.fh-activity-popup-head-count[b-y4iuo8very] {
    min-width: 22px;
    height: 22px;
    padding: 0 7px;
    border-radius: 999px;
    background: #16a34a;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.fh-kapanis[b-y4iuo8very] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 11px;
    padding: 2px 8px;
    border-radius: 999px;
    background: var(--fh-surface-2);
    color: var(--fh-text-muted);
    font-weight: 500;
}

    .fh-kapanis i[b-y4iuo8very] {
        font-size: 10px;
    }

.fh-kapanis--geç[b-y4iuo8very] {
    background: rgba(239, 68, 68, .14);
    color: #ef4444;
}

.fh-kapanis--yakın[b-y4iuo8very] {
    background: rgba(245, 158, 11, .14);
    color: #d97706;
}

.fh-kapanis--normal[b-y4iuo8very] {
    color: var(--fh-text-muted);
}

.fh-card-rozet[b-y4iuo8very] {
    width: 22px;
    height: 22px;
    border-radius: 6px;
    color: white;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    font-weight: 700;
    box-shadow: 0 1px 3px rgba(0,0,0,.18);
}

/* Empty column */
.fh-empty[b-y4iuo8very] {
    flex: none;
    border: 1.5px dashed var(--fh-border);
    border-radius: var(--fh-radius-md);
    padding: 28px 16px;
    text-align: center;
    color: var(--fh-text-muted);
    font-size: 12px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    margin: 4px 0;
    transition: border-color .2s, background .2s;
}

    .fh-empty i[b-y4iuo8very] {
        font-size: 22px;
        opacity: .4;
    }

.fh-cards.fh-cards--over .fh-empty[b-y4iuo8very] {
    border-color: var(--fh-primary);
    background: rgba(168,85,247,.05);
    color: var(--fh-primary);
}

/* ============== ADD COLUMN RAIL & FORM ============== */

.fh-add-column[b-y4iuo8very] {
    flex: 0 0 320px;
    width: 320px;
    align-self: stretch;
    display: flex;
    align-items: stretch;
    scroll-snap-align: start;
    margin-left: 4px;
}

.fh-add-column--open[b-y4iuo8very] {
    flex: 0 0 320px;
}

/* Rail (kapalı durum) */
.fh-add-column-rail[b-y4iuo8very] {
    width: 100%;
    min-height: 220px;
    background: linear-gradient(180deg, rgba(168,85,247,.08), rgba(236,72,153,.05));
    border: 1.5px dashed var(--fh-border-strong);
    border-radius: var(--fh-radius-lg);
    color: var(--fh-text-muted);
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 12px;
    padding: 20px;
    text-align: left;
    transition: background .2s, border-color .2s, color .2s, transform .2s, box-shadow .2s;
    position: relative;
    overflow: hidden;
}

    .fh-add-column-rail[b-y4iuo8very]::before {
        content: "";
        position: absolute;
        inset: 0;
        background: var(--fh-primary-grad);
        opacity: 0;
        transition: opacity .25s;
        z-index: 0;
    }

    .fh-add-column-rail:hover[b-y4iuo8very] {
        border-color: var(--fh-primary);
        color: var(--fh-primary);
        transform: translateY(-1px);
        box-shadow: var(--fh-shadow-card-hover);
    }

        .fh-add-column-rail:hover[b-y4iuo8very]::before {
            opacity: .06;
        }

.fh-add-column-icon[b-y4iuo8very] {
    width: 42px;
    height: 42px;
    border-radius: 12px;
    background: var(--fh-surface);
    border: 1px solid var(--fh-border);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--fh-primary);
    font-size: 13px;
    transition: background .2s, border-color .2s, transform .2s, box-shadow .2s;
    z-index: 1;
}

.fh-add-column-rail:hover .fh-add-column-icon[b-y4iuo8very] {
    background: var(--fh-primary-grad);
    color: white;
    border-color: transparent;
    transform: scale(1.04);
    box-shadow: var(--fh-primary-shadow);
}

.fh-add-column-title[b-y4iuo8very] {
    position: relative;
    z-index: 1;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: -.02em;
    color: var(--fh-text);
}

.fh-add-column-text[b-y4iuo8very] {
    position: relative;
    z-index: 1;
    font-size: 13px;
    line-height: 1.5;
}

/* Form (açık durum) */
.fh-add-column-form[b-y4iuo8very] {
    flex: 1;
    background: var(--fh-surface);
    border: 2px solid var(--fh-primary);
    border-radius: var(--fh-radius-lg);
    box-shadow: 0 0 0 3px rgba(168,85,247,.15), var(--fh-shadow-card-hover);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    animation: fhSlideInLeft-b-y4iuo8very .28s cubic-bezier(.2,.8,.2,1);
    position: relative;
}

@keyframes fhSlideInLeft-b-y4iuo8very {
    from {
        opacity: 0;
        transform: translateX(20px) scale(.96);
    }

    to {
        opacity: 1;
        transform: translateX(0) scale(1);
    }
}

.fh-add-column-form[b-y4iuo8very]::before {
    content: "";
    position: absolute;
    inset: 0 0 auto 0;
    height: 4px;
    background: var(--fh-primary-grad);
}

.fh-add-column-form-head[b-y4iuo8very] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 16px 16px 12px;
    font-weight: 600;
    font-size: 14px;
    border-bottom: 1px solid var(--fh-border);
}

    .fh-add-column-form-head i[b-y4iuo8very] {
        color: var(--fh-primary);
    }

    .fh-add-column-form-head > span[b-y4iuo8very] {
        flex: 1;
    }

.fh-add-column-form-body[b-y4iuo8very] {
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    flex: 1;
}

    .fh-add-column-form-body > label[b-y4iuo8very] {
        font-size: 11px;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: .04em;
        color: var(--fh-text-muted);
    }

.fh-add-column-color-label[b-y4iuo8very] {
    margin-top: 8px;
}

.fh-color-swatches[b-y4iuo8very] {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 8px;
    margin-bottom: 4px;
}

.fh-color-swatch[b-y4iuo8very] {
    width: 100%;
    aspect-ratio: 1 / 1;
    border-radius: 8px;
    border: 2px solid transparent;
    cursor: pointer;
    transition: transform .15s, box-shadow .15s, border-color .15s;
    color: white;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    box-shadow: 0 2px 6px rgba(0,0,0,.12);
}

    .fh-color-swatch:hover[b-y4iuo8very] {
        transform: scale(1.08);
        box-shadow: 0 4px 12px rgba(0,0,0,.22);
    }

.fh-color-swatch--selected[b-y4iuo8very] {
    border-color: var(--fh-text);
    box-shadow: 0 0 0 2px var(--fh-surface), 0 0 0 4px var(--fh-text), 0 4px 12px rgba(0,0,0,.22);
    transform: scale(1.05);
}

.fh-add-column-preview[b-y4iuo8very] {
    margin-top: 10px;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    background: var(--fh-surface-2);
    border: 1px solid var(--fh-border);
    border-radius: var(--fh-radius-md);
    font-size: 13px;
    font-weight: 600;
    position: relative;
    overflow: hidden;
}

.fh-add-column-preview-dot[b-y4iuo8very] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    flex-shrink: 0;
}

.fh-add-column-preview > span[b-y4iuo8very] {
    flex: 1;
    color: var(--fh-text);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.fh-add-column-preview-bar[b-y4iuo8very] {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 3px;
}

.fh-add-column-form-foot[b-y4iuo8very] {
    padding: 12px 16px;
    border-top: 1px solid var(--fh-border);
    display: flex;
    gap: 8px;
    justify-content: flex-end;
    background: var(--fh-surface-2);
}

/* Custom kolonlarda silme butonu */
.fh-column--custom .fh-column-del[b-y4iuo8very] {
    color: var(--fh-text-muted);
    opacity: 0;
    transition: opacity .15s, color .15s, background .15s;
}

.fh-column--custom:hover .fh-column-del[b-y4iuo8very] {
    opacity: 1;
}

.fh-column--custom .fh-column-del:hover[b-y4iuo8very] {
    color: var(--fh-danger);
    background: rgba(239, 68, 68, .1);
}

.fh-column-head-actions[b-y4iuo8very] {
    display: flex;
    align-items: center;
    gap: 4px;
}

/* ============== QUICK ADD INLINE FORM ============== */

.fh-quickadd[b-y4iuo8very] {
    flex: none;
    padding: 12px 12px 0;
    animation: fhSlideDown-b-y4iuo8very .26s cubic-bezier(.2,.8,.2,1);
}

@keyframes fhSlideDown-b-y4iuo8very {
    from {
        opacity: 0;
        transform: translateY(-8px) scale(.98);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

.fh-quickadd-card[b-y4iuo8very] {
    background: var(--fh-surface);
    border: 2px solid var(--fh-primary);
    border-radius: var(--fh-radius-md);
    padding: 0;
    overflow: hidden;
    box-shadow: 0 0 0 3px rgba(168,85,247,.15), var(--fh-shadow-card-hover);
    display: flex;
    flex-direction: column;
}

.fh-quickadd-row[b-y4iuo8very] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    border-bottom: 1px solid var(--fh-border);
    position: relative;
}

    .fh-quickadd-row:last-of-type[b-y4iuo8very] {
        border-bottom: none;
    }

.fh-quickadd-row--icon > i:first-child[b-y4iuo8very] {
    color: var(--fh-text-muted);
    font-size: 13px;
    width: 14px;
    text-align: center;
    flex-shrink: 0;
}

.fh-quickadd-input[b-y4iuo8very] {
    flex: 1;
    background: transparent;
    border: none;
    outline: none;
    font-size: 13px;
    color: var(--fh-text);
    padding: 4px 0;
    min-width: 0;
}

    .fh-quickadd-input[b-y4iuo8very]::placeholder {
        color: var(--fh-text-muted);
        opacity: .85;
    }

.fh-quickadd-row--split[b-y4iuo8very] {
    justify-content: space-between;
}

.fh-quickadd-tutar[b-y4iuo8very] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 1;
}

    .fh-quickadd-tutar > i[b-y4iuo8very] {
        color: var(--fh-text-muted);
        font-size: 13px;
    }

    .fh-quickadd-tutar span[b-y4iuo8very] {
        color: var(--fh-text-muted);
        font-weight: 500;
    }

.fh-quickadd-actions[b-y4iuo8very] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 14px;
    background: var(--fh-surface-2);
}

.fh-quickadd-spacer[b-y4iuo8very] {
    flex: 1;
}

/* Kontak dropdown */
.fh-quickadd-dropdown[b-y4iuo8very] {
    position: absolute;
    left: 8px;
    right: 8px;
    top: calc(100% - 4px);
    background: var(--fh-surface);
    border: 1px solid var(--fh-border-strong);
    border-radius: var(--fh-radius-md);
    box-shadow: var(--fh-shadow-card-hover);
    z-index: 30;
    max-height: 240px;
    overflow-y: auto;
    padding: 4px;
}

.fh-quickadd-dropdown-item[b-y4iuo8very] {
    width: 100%;
    background: transparent;
    border: none;
    padding: 8px 10px;
    border-radius: 8px;
    cursor: pointer;
    text-align: left;
    display: flex;
    align-items: center;
    gap: 10px;
    transition: background .12s;
    color: var(--fh-text);
}

    .fh-quickadd-dropdown-item:hover[b-y4iuo8very] {
        background: var(--fh-surface-2);
    }

.fh-quickadd-dropdown-item--new[b-y4iuo8very] {
    border-top: 1px solid var(--fh-border);
    color: var(--fh-primary);
    margin-top: 4px;
    padding-top: 10px;
    border-radius: 0 0 8px 8px;
    font-weight: 500;
}

    .fh-quickadd-dropdown-item--new i[b-y4iuo8very] {
        color: var(--fh-primary);
    }

.fh-quickadd-dropdown-text[b-y4iuo8very] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

    .fh-quickadd-dropdown-text > div[b-y4iuo8very] {
        font-size: 13px;
        font-weight: 500;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .fh-quickadd-dropdown-text > small[b-y4iuo8very] {
        font-size: 11px;
        color: var(--fh-text-muted);
    }

.fh-mini-avatar[b-y4iuo8very] {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    color: white;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 10px;
    flex-shrink: 0;
}

/* ============== DRAWER ============== */

.fh-drawer-backdrop[b-y4iuo8very] {
    position: fixed;
    inset: 0;
    background: var(--fh-backdrop);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    animation: fhFadeIn-b-y4iuo8very .18s ease;
    z-index: 1050;
}

@keyframes fhFadeIn-b-y4iuo8very {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.fh-drawer[b-y4iuo8very] {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    width: 480px;
    max-width: 100vw;
    height: 100vh;
    height: 100dvh;
    background: var(--fh-surface);
    border-left: 1px solid var(--fh-border);
    box-shadow: var(--fh-shadow-drawer);
    z-index: 1060;
    display: flex;
    flex-direction: column;
    animation: fhSlideInRight-b-y4iuo8very .28s cubic-bezier(.2,.8,.2,1);
    overflow: hidden;
}

@keyframes fhSlideInRight-b-y4iuo8very {
    from {
        transform: translateX(20px);
        opacity: 0;
    }

    to {
        transform: translateX(0);
        opacity: 1;
    }
}

.fh-drawer-head[b-y4iuo8very] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
    padding: 18px 20px;
    border-bottom: 1px solid var(--fh-border);
    background: linear-gradient(180deg, var(--fh-surface-2), var(--fh-surface));
    flex-shrink: 0;
}

.fh-drawer-head-left[b-y4iuo8very] {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
    flex: 1;
}

.fh-drawer-baslik[b-y4iuo8very] {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 2px;
    letter-spacing: -.01em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 320px;
}

.fh-drawer-musteri[b-y4iuo8very] {
    font-size: 12px;
    color: var(--fh-text-muted);
}

.fh-drawer-head-right[b-y4iuo8very] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
}

.fh-stage-pill[b-y4iuo8very] {
    color: white;
    font-size: 11px;
    font-weight: 600;
    padding: 4px 10px;
    border-radius: 999px;
    box-shadow: 0 2px 6px rgba(0,0,0,.18);
}

.fh-drawer-tabs[b-y4iuo8very] {
    display: flex;
    gap: 4px;
    padding: 8px 12px;
    border-bottom: 1px solid var(--fh-border);
    background: var(--fh-surface);
    flex-shrink: 0;
}

.fh-drawer-tab[b-y4iuo8very] {
    background: transparent;
    border: none;
    padding: 8px 14px;
    border-radius: 8px;
    cursor: pointer;
    font-size: 13px;
    font-weight: 500;
    color: var(--fh-text-muted);
    position: relative;
    transition: color .15s, background .15s;
}

    .fh-drawer-tab:hover[b-y4iuo8very] {
        background: var(--fh-surface-2);
        color: var(--fh-text);
    }

.fh-drawer-tab--active[b-y4iuo8very] {
    color: var(--fh-text);
    background: var(--fh-surface-2);
}

    .fh-drawer-tab--active[b-y4iuo8very]::after {
        content: "";
        position: absolute;
        left: 14px;
        right: 14px;
        bottom: -9px;
        height: 2px;
        background: var(--fh-primary-grad);
        border-radius: 2px 2px 0 0;
    }

.fh-drawer-body[b-y4iuo8very] {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 20px;
}

.fh-drawer-foot[b-y4iuo8very] {
    padding: 14px 20px;
    border-top: 1px solid var(--fh-border);
    display: flex;
    gap: 8px;
    align-items: center;
    justify-content: flex-end;
    background: var(--fh-surface);
    flex-shrink: 0;
    padding-bottom: calc(var(--bs-app-footer-height) + 10px);
}

/* Form */
.fh-form-grid[b-y4iuo8very] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.fh-form-row[b-y4iuo8very] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

    .fh-form-row label[b-y4iuo8very] {
        font-size: 11px;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: .04em;
        color: var(--fh-text-muted);
    }

.fh-form-row--2col[b-y4iuo8very] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

    .fh-form-row--2col > div[b-y4iuo8very] {
        display: flex;
        flex-direction: column;
        gap: 6px;
    }

.fh-input[b-y4iuo8very] {
    background: var(--fh-surface-2);
    border: 1px solid var(--fh-border);
    border-radius: var(--fh-radius-sm);
    padding: 9px 12px;
    font-size: 13px;
    color: var(--fh-text);
    transition: border-color .15s, box-shadow .15s, background .15s;
    outline: none;
    width: 100%;
    font-family: inherit;
}

    .fh-input:focus[b-y4iuo8very] {
        border-color: var(--fh-primary);
        box-shadow: 0 0 0 3px rgba(168,85,247,.18);
        background: var(--fh-surface);
    }

    .fh-input[readonly][b-y4iuo8very] {
        background: var(--fh-surface-3);
        cursor: default;
    }

.fh-textarea[b-y4iuo8very] {
    resize: vertical;
    min-height: 80px;
}

/* Timeline */
.fh-timeline[b-y4iuo8very] {
    display: flex;
    flex-direction: column;
    gap: 0;
    position: relative;
}

    .fh-timeline[b-y4iuo8very]::before {
        content: "";
        position: absolute;
        left: 14px;
        top: 14px;
        bottom: 14px;
        width: 2px;
        background: var(--fh-border);
    }

.fh-timeline-item[b-y4iuo8very] {
    display: flex;
    gap: 14px;
    padding: 10px 0;
    position: relative;
    z-index: 1;
    width: 100%;
    border: 0;
    background: transparent;
    text-align: left;
    cursor: pointer;
}

    .fh-timeline-item:hover .fh-timeline-title[b-y4iuo8very] {
        color: #2563eb;
    }

.fh-timeline-dot[b-y4iuo8very] {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    color: white;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    flex-shrink: 0;
    box-shadow: 0 0 0 4px var(--fh-surface), 0 4px 12px rgba(0,0,0,.18);
}

.fh-timeline-content[b-y4iuo8very] {
    flex: 1;
    padding-bottom: 4px;
}

.fh-timeline-title[b-y4iuo8very] {
    font-size: 13px;
    font-weight: 600;
}

.fh-timeline-meta[b-y4iuo8very] {
    font-size: 11px;
    color: var(--fh-text-muted);
    margin-top: 2px;
}

.fh-timeline-body[b-y4iuo8very] {
    font-size: 12px;
    color: var(--fh-text-muted);
    margin-top: 6px;
    padding: 10px 12px;
    background: var(--fh-surface-2);
    border-radius: 8px;
    border: 1px solid var(--fh-border);
    line-height: 1.45;
}

.fh-timeline-item--planned .fh-timeline-title[b-y4iuo8very] {
    font-style: italic;
    opacity: .85;
}

.fh-activity-empty[b-y4iuo8very] {
    padding: 10px 0 2px;
    text-align: center;
}

.fh-activity-empty-text[b-y4iuo8very] {
    color: var(--fh-text-muted);
    font-size: 13px;
    font-style: italic;
    line-height: 1.6;
}

.fh-notes[b-y4iuo8very] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.fh-dropzone[b-y4iuo8very] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 14px;
    min-height: 92px;
    border: 1px dashed var(--fh-border-strong);
    border-radius: var(--fh-radius-sm);
    padding: 16px;
    text-align: left;
    color: var(--fh-text-muted);
    transition: border-color .2s, color .2s, background .2s;
    cursor: pointer;
}

    .fh-dropzone:hover[b-y4iuo8very] {
        border-color: var(--fh-primary);
        color: var(--fh-primary);
        background: rgba(168,85,247,.04);
    }

.fh-dropzone-icon[b-y4iuo8very] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    border: 1px solid var(--fh-border-strong);
    border-radius: var(--fh-radius-sm);
    background: var(--fh-surface-2);
    color: var(--fh-primary);
}

    .fh-dropzone-icon i[b-y4iuo8very] {
        display: block;
        margin: 0;
        font-size: 17px;
    }

.fh-dropzone-copy[b-y4iuo8very] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 2px;
    pointer-events: none;
}

    .fh-dropzone-copy strong[b-y4iuo8very] {
        color: var(--fh-text);
        font-size: 13px;
        font-weight: 700;
    }

    .fh-dropzone-copy > span[b-y4iuo8very] {
        color: var(--fh-text-muted);
        font-size: 12px;
    }

    .fh-dropzone-copy small[b-y4iuo8very] {
        margin-top: 3px;
        color: var(--fh-text-muted);
        font-size: 10px;
        opacity: .75;
    }

.fh-files[b-y4iuo8very] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.fh-dropzone--dragging[b-y4iuo8very] {
    border-color: var(--fh-primary);
    outline: 1px solid var(--fh-primary);
    outline-offset: 2px;
    background: rgba(168,85,247,.08);
    color: var(--fh-primary);
}

.fh-dropzone--pasted[b-y4iuo8very] {
    border-color: var(--fh-primary);
    outline: 1px solid var(--fh-primary);
    outline-offset: 2px;
    background: rgba(168,85,247,.08);
    color: var(--fh-primary);
}

.fh-dropzone[b-y4iuo8very]  .fh-file-input {
    position: absolute;
    inset: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    margin: 0;
    opacity: 0;
    cursor: pointer;
}

.fh-dropzone:focus-within[b-y4iuo8very] {
    border-color: var(--fh-primary);
    outline: 1px solid var(--fh-primary);
    outline-offset: 2px;
}

.fh-dropzone--disabled[b-y4iuo8very] {
    opacity: .65;
    cursor: wait;
}

    .fh-dropzone--disabled[b-y4iuo8very]  .fh-file-input {
        cursor: wait;
    }

.fh-files-state[b-y4iuo8very] {
    padding: 18px 0;
    border-top: 1px solid var(--fh-border);
    color: var(--fh-text-muted);
    font-size: 12px;
}

.fh-file-list[b-y4iuo8very] {
    border-top: 1px solid var(--fh-border);
}

.fh-file-row[b-y4iuo8very] {
    display: grid;
    grid-template-columns: 36px minmax(0, 1fr) 34px;
    gap: 10px;
    align-items: center;
    min-height: 58px;
    border-bottom: 1px solid var(--fh-border);
}

.fh-file-type[b-y4iuo8very] {
    color: var(--fh-primary);
    font-size: 20px;
    text-align: center;
}

.fh-file-info[b-y4iuo8very] {
    min-width: 0;
}

.fh-file-name[b-y4iuo8very] {
    display: block;
    overflow: hidden;
    color: var(--fh-text);
    font-size: 13px;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-decoration: none;
}

    .fh-file-name:hover[b-y4iuo8very],
    .fh-file-name:focus-visible[b-y4iuo8very] {
        color: var(--fh-primary);
        text-decoration: underline;
    }

.fh-file-meta[b-y4iuo8very] {
    margin-top: 2px;
    color: var(--fh-text-muted);
    font-size: 11px;
}

[b-y4iuo8very] .fh-file-delete {
    width: 32px;
    height: 32px;
    min-width: 32px;
    padding: 0;
    border: 1px solid var(--fh-border);
    border-radius: var(--fh-radius-sm);
    background: transparent;
    color: var(--fh-text-muted);
}

    [b-y4iuo8very] .fh-file-delete:hover:not(:disabled),
    [b-y4iuo8very] .fh-file-delete:focus-visible {
        border-color: #dc2626;
        background: #dc2626;
        color: #fff;
    }

/* ============== KART ETİKET ŞERİDİ ============== */

.fh-card-tag[b-y4iuo8very] {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    z-index: 1;
    pointer-events: none;
    border-radius: var(--fh-radius-md) 0 0 var(--fh-radius-md);
    box-shadow: 1px 0 0 rgba(0,0,0,.04);
}

.fh-card--tinted[b-y4iuo8very] {
    padding-top: 12px;
}

/* ============== KART AKSİYON POPOVER ============== */

.fh-card-menu-backdrop[b-y4iuo8very] {
    position: fixed;
    inset: 0;
    background: transparent;
    z-index: 800;
}

.fh-card-menu-popup[b-y4iuo8very] {
    position: fixed;
    background: var(--fh-surface);
    border: 1px solid var(--fh-border);
    border-radius: var(--fh-radius-md);
    box-shadow: 0 18px 44px -12px rgba(15,23,42,.30), 0 4px 12px -4px rgba(15,23,42,.10);
    width: 240px;
    z-index: 900;
    overflow: hidden;
    padding: 6px;
    animation: fhMenuPop-b-y4iuo8very .18s cubic-bezier(.2,.8,.3,1.2);
    transform-origin: top right;
}

.fh-root.fh-dark .fh-card-menu-popup[b-y4iuo8very] {
    box-shadow: 0 24px 52px -10px rgba(0,0,0,.7), 0 4px 12px -4px rgba(0,0,0,.4);
}

@keyframes fhMenuPop-b-y4iuo8very {
    from {
        opacity: 0;
        transform: scale(.92) translateY(-4px);
    }

    to {
        opacity: 1;
        transform: scale(1) translateY(0);
    }
}

.fh-card-menu-item[b-y4iuo8very] {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    background: transparent;
    border: none;
    padding: 9px 12px;
    border-radius: 8px;
    cursor: pointer;
    color: var(--fh-text);
    font-size: 13px;
    text-align: left;
    transition: background .12s, color .12s;
}

    .fh-card-menu-item:hover[b-y4iuo8very] {
        background: var(--fh-surface-2);
    }

    .fh-card-menu-item i[b-y4iuo8very] {
        width: 16px;
        text-align: center;
        color: var(--fh-text-muted);
        font-size: 12px;
    }

    .fh-card-menu-item:hover i[b-y4iuo8very] {
        color: var(--fh-text);
    }

.fh-card-menu-item--danger[b-y4iuo8very] {
    color: var(--fh-danger);
}

    .fh-card-menu-item--danger i[b-y4iuo8very] {
        color: var(--fh-danger);
    }

    .fh-card-menu-item--danger:hover[b-y4iuo8very] {
        background: rgba(239, 68, 68, .10);
        color: var(--fh-danger);
    }

        .fh-card-menu-item--danger:hover i[b-y4iuo8very] {
            color: var(--fh-danger);
        }

.fh-card-menu-divider[b-y4iuo8very] {
    height: 1px;
    background: var(--fh-border);
    margin: 4px 6px;
}

.fh-card-menu-section[b-y4iuo8very] {
    padding: 6px 10px 10px;
}

.fh-card-menu-section-label[b-y4iuo8very] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 10.5px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .06em;
    color: var(--fh-text-muted);
    margin-bottom: 8px;
}

    .fh-card-menu-section-label i[b-y4iuo8very] {
        font-size: 11px;
    }

.fh-card-menu-colors[b-y4iuo8very] {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 6px;
}

.fh-card-menu-color[b-y4iuo8very],
.fh-card-menu-color-clear[b-y4iuo8very] {
    width: 100%;
    aspect-ratio: 1 / 1;
    border-radius: 8px;
    border: 2px solid transparent;
    cursor: pointer;
    transition: transform .14s cubic-bezier(.2,.8,.2,1.4), box-shadow .14s, border-color .14s;
    color: white;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    box-shadow: 0 2px 4px rgba(15,23,42,.12);
    padding: 0;
}

    .fh-card-menu-color:hover[b-y4iuo8very],
    .fh-card-menu-color-clear:hover[b-y4iuo8very] {
        transform: scale(1.14);
        box-shadow: 0 6px 14px rgba(15,23,42,.22);
    }

.fh-card-menu-color--selected[b-y4iuo8very] {
    transform: scale(1.06);
    border-color: var(--fh-text);
    box-shadow: 0 0 0 2px var(--fh-surface), 0 0 0 4px var(--fh-text);
}

.fh-card-menu-color-clear[b-y4iuo8very] {
    background: var(--fh-surface-2);
    border: 1.5px dashed var(--fh-border-strong);
    color: var(--fh-text-muted);
    box-shadow: none;
}

    .fh-card-menu-color-clear:hover[b-y4iuo8very] {
        border-color: var(--fh-text-muted);
        color: var(--fh-text);
    }

.fh-card-menu-color-clear--selected[b-y4iuo8very] {
    border-style: solid;
    border-color: var(--fh-text);
    color: var(--fh-text);
    box-shadow: 0 0 0 2px var(--fh-surface), 0 0 0 4px var(--fh-text);
}

.fh-activity-popup[b-y4iuo8very] {
    position: fixed;
    width: 350px;
    max-width: calc(100vw - 16px);
    background: var(--fh-surface);
    border: 1px solid var(--fh-border);
    border-radius: var(--fh-radius-md);
    box-shadow: var(--fh-shadow-card-hover);
    z-index: 900;
    overflow: hidden;
    animation: fhMenuPop-b-y4iuo8very .18s cubic-bezier(.2,.8,.3,1.2);
}

.fh-activity-popup-list[b-y4iuo8very] {
    display: flex;
    flex-direction: column;
    padding: 10px 12px 0;
    max-height: 280px;
    overflow-y: auto;
}

.fh-activity-popup-item[b-y4iuo8very] {
    display: flex;
    gap: 10px;
    padding: 10px 2px;
    border: none;
    border-bottom: 1px solid var(--fh-border);
    outline: none;
    width: 100%;
    background: transparent;
    text-align: left;
    cursor: pointer;
}

    .fh-activity-popup-item:last-child[b-y4iuo8very] {
        border-bottom: none;
    }

    .fh-activity-popup-item:hover .fh-activity-popup-title[b-y4iuo8very] {
        color: #2563eb;
    }

.fh-activity-popup-item--planned .fh-activity-popup-title[b-y4iuo8very] {
    font-style: italic;
}

.fh-activity-popup-icon[b-y4iuo8very] {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    color: white;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    flex-shrink: 0;
    box-shadow: 0 0 0 3px var(--fh-surface);
}

.fh-activity-popup-content[b-y4iuo8very] {
    min-width: 0;
}

.fh-activity-popup-title[b-y4iuo8very] {
    font-size: 13px;
    font-weight: 600;
    color: var(--fh-text);
}

.fh-activity-popup-meta[b-y4iuo8very] {
    margin-top: 3px;
    font-size: 11px;
    color: var(--fh-text-muted);
}

.fh-activity-add-btn[b-y4iuo8very] {
    width: calc(100% - 24px);
    margin: 12px;
    min-height: 46px;
    border-radius: var(--fh-radius-md);
    border: 1px solid var(--fh-border);
    background: var(--fh-surface-2);
    color: var(--fh-text);
    font-size: 13px;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    cursor: pointer;
    box-shadow: none;
    transition: transform .15s, background .15s, border-color .15s, color .15s;
}

    .fh-activity-add-btn:hover[b-y4iuo8very] {
        transform: translateY(-1px);
        background: rgba(168, 85, 247, .06);
        border-color: var(--fh-primary);
        color: var(--fh-primary);
    }

.fh-activity-form[b-y4iuo8very] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 12px;
    margin: 8px 12px 12px;
    background: var(--fh-surface-2);
    border: 1px solid var(--fh-border);
    border-radius: var(--fh-radius-md);
}

.fh-activity-form--popup[b-y4iuo8very] {
    margin-top: 0;
}

.fh-activity-form-row[b-y4iuo8very] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}

.fh-activity-form-actions[b-y4iuo8very] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
}

/* ============== STAGE MENU (long-press / mobil) ============== */

.fh-stage-menu-backdrop[b-y4iuo8very] {
    position: fixed;
    inset: 0;
    background: var(--fh-backdrop-strong);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    z-index: 1070;
    animation: fhFadeIn-b-y4iuo8very .15s;
}

.fh-stage-menu[b-y4iuo8very] {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: var(--fh-surface);
    border: 1px solid var(--fh-border);
    border-radius: var(--fh-radius-lg);
    box-shadow: 0 24px 60px -12px rgba(0,0,0,.45);
    width: 320px;
    max-width: calc(100vw - 32px);
    overflow: hidden;
    z-index: 1080;
    animation: fhPopIn-b-y4iuo8very .22s cubic-bezier(.2,.9,.3,1.4);
}

@keyframes fhPopIn-b-y4iuo8very {
    from {
        transform: translate(-50%, -50%) scale(.92);
        opacity: 0;
    }

    to {
        transform: translate(-50%, -50%) scale(1);
        opacity: 1;
    }
}

.fh-stage-menu-head[b-y4iuo8very] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 14px 16px;
    border-bottom: 1px solid var(--fh-border);
    font-weight: 600;
    font-size: 14px;
}

.fh-stage-menu-item[b-y4iuo8very] {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    background: transparent;
    border: none;
    padding: 12px 16px;
    cursor: pointer;
    color: var(--fh-text);
    font-size: 13.5px;
    text-align: left;
    transition: background .12s;
}

    .fh-stage-menu-item:hover[b-y4iuo8very] {
        background: var(--fh-surface-2);
    }

.fh-stage-menu-item--current[b-y4iuo8very] {
    background: rgba(168,85,247,.08);
    color: var(--fh-primary);
    font-weight: 600;
}

    .fh-stage-menu-item--current i:last-child[b-y4iuo8very] {
        margin-left: auto;
        color: var(--fh-primary);
    }

/* ============== DIALOG ============== */

.fh-dialog-backdrop[b-y4iuo8very] {
    position: fixed;
    inset: 0;
    background: var(--fh-backdrop-strong);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    z-index: 1090;
    animation: fhFadeIn-b-y4iuo8very .18s;
}

.fh-dialog[b-y4iuo8very] {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: var(--fh-surface);
    border: 1px solid var(--fh-border);
    border-radius: var(--fh-radius-lg);
    box-shadow: 0 30px 70px -15px rgba(0,0,0,.5);
    width: 440px;
    max-width: calc(100vw - 32px);
    z-index: 1100;
    overflow: hidden;
    animation: fhPopIn-b-y4iuo8very .22s cubic-bezier(.2,.9,.3,1.4);
}

.fh-dialog-head[b-y4iuo8very] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 16px 20px;
    border-bottom: 1px solid var(--fh-border);
    font-weight: 600;
    font-size: 15px;
}

    .fh-dialog-head i[b-y4iuo8very] {
        font-size: 20px;
    }

.fh-dialog-body[b-y4iuo8very] {
    padding: 18px 20px;
}

.fh-dialog-foot[b-y4iuo8very] {
    padding: 14px 20px;
    border-top: 1px solid var(--fh-border);
    display: flex;
    gap: 8px;
    justify-content: flex-end;
    background: var(--fh-surface-2);
}

/* ============== LİSTE GÖRÜNÜMÜ ============== */

.fh-list-wrap[b-y4iuo8very] {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: 18px 22px 24px;
    overflow: hidden;
    min-height: 0;
}

.fh-list-head[b-y4iuo8very] {
    display: grid;
    grid-template-columns: 2.4fr 1fr 1fr .8fr 1fr 1.2fr 40px;
    gap: 12px;
    padding: 10px 16px;
    background: var(--fh-surface-2);
    border: 1px solid var(--fh-border);
    border-radius: var(--fh-radius-md) var(--fh-radius-md) 0 0;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: var(--fh-text-muted);
    flex-shrink: 0;
}

.fh-list-body[b-y4iuo8very] {
    flex: 1;
    overflow-y: auto;
    background: var(--fh-surface);
    border: 1px solid var(--fh-border);
    border-top: none;
    border-radius: 0 0 var(--fh-radius-md) var(--fh-radius-md);
    box-shadow: 0 12px 32px -18px rgba(15,23,42,.10);
}

    .fh-list-body[b-y4iuo8very]::-webkit-scrollbar {
        width: 8px;
    }

    .fh-list-body[b-y4iuo8very]::-webkit-scrollbar-thumb {
        background: var(--fh-border);
        border-radius: 4px;
    }

        .fh-list-body[b-y4iuo8very]::-webkit-scrollbar-thumb:hover {
            background: var(--fh-border-strong);
        }

.fh-list-row[b-y4iuo8very] {
    display: grid;
    grid-template-columns: 2.4fr 1fr 1fr .8fr 1fr 1.2fr 40px;
    gap: 12px;
    align-items: center;
    padding: 12px 16px;
    border-bottom: 1px solid var(--fh-border);
    cursor: pointer;
    position: relative;
    transition: background .14s, transform .14s;
}

    .fh-list-row:last-child[b-y4iuo8very] {
        border-bottom: none;
    }

    .fh-list-row:hover[b-y4iuo8very] {
        background: var(--fh-surface-2);
    }

        .fh-list-row:hover .fh-list-baslik[b-y4iuo8very] {
            color: var(--fh-primary);
        }

.fh-list-row-tag[b-y4iuo8very] {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 3px;
}

.fh-list-row--tinted[b-y4iuo8very] {
    padding-left: 18px;
}

.fh-list-col[b-y4iuo8very] {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 10px;
}

.fh-list-col--customer[b-y4iuo8very] {
    gap: 12px;
}

.fh-list-customer-text[b-y4iuo8very] {
    min-width: 0;
    flex: 1;
}

.fh-list-baslik[b-y4iuo8very] {
    font-size: 13.5px;
    font-weight: 600;
    color: var(--fh-text);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: color .14s;
}

.fh-list-musteri[b-y4iuo8very] {
    font-size: 11.5px;
    color: var(--fh-text-muted);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 2px;
}

.fh-list-tutar[b-y4iuo8very] {
    font-weight: 700;
    font-size: 14px;
    color: var(--fh-text);
    background: var(--fh-primary-grad);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}

.fh-list-owner-name[b-y4iuo8very] {
    font-size: 12.5px;
    color: var(--fh-text);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.fh-list-empty[b-y4iuo8very] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 80px 24px;
    color: var(--fh-text-muted);
    font-size: 14px;
}

    .fh-list-empty i[b-y4iuo8very] {
        font-size: 38px;
        opacity: .35;
    }

/* ============== TAKVİM — FullCalendar v6 entegrasyonu ============== */

.fh-fullcalendar-wrap[b-y4iuo8very] {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: 18px 22px 24px;
    overflow: hidden;
    min-height: 0;
}

.fh-fullcalendar[b-y4iuo8very] {
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
    /* FullCalendar v6 CSS değişkenleri — projenin tema değişkenlerine bağlanır */
    --fc-border-color: var(--fh-border);
    --fc-page-bg-color: var(--fh-surface);
    --fc-neutral-bg-color: var(--fh-surface-2);
    --fc-neutral-text-color: var(--fh-text-muted);
    --fc-list-event-hover-bg-color: var(--fh-surface-2);
    --fc-today-bg-color: rgba(168, 85, 247, .07);
    --fc-event-bg-color: var(--fh-primary);
    --fc-event-border-color: var(--fh-primary);
    --fc-event-text-color: #ffffff;
    --fc-button-bg-color: var(--fh-surface);
    --fc-button-border-color: var(--fh-border);
    --fc-button-text-color: var(--fh-text);
    --fc-button-hover-bg-color: var(--fh-surface-2);
    --fc-button-hover-border-color: var(--fh-border-strong);
    --fc-button-active-bg-color: var(--fh-primary);
    --fc-button-active-border-color: var(--fh-primary);
    --fc-highlight-color: rgba(168, 85, 247, .12);
    --fc-non-business-color: transparent;
    color: var(--fh-text);
    font-family: inherit;
}

/* FullCalendar iç DOM'una scoped CSS ulaşması için ::deep — Blazor isolation pierce */

[b-y4iuo8very] .fc {
    flex: 1;
    min-height: 0;
    font-family: inherit;
}

    /* Toolbar — başlık ve butonlar */
    [b-y4iuo8very] .fc .fc-toolbar.fc-header-toolbar {
        margin-bottom: 14px;
        flex-wrap: wrap;
        gap: 10px;
    }

    [b-y4iuo8very] .fc .fc-toolbar-title {
        font-size: 18px;
        font-weight: 700;
        letter-spacing: -.01em;
        color: var(--fh-text);
        text-transform: capitalize;
    }

    /* Buton düzeltmeleri — projenin "fh-btn" diline yaklaştır */
    [b-y4iuo8very] .fc .fc-button {
        border-radius: var(--fh-radius-sm);
        padding: 6px 12px;
        font-size: 12.5px;
        font-weight: 500;
        line-height: 1.4;
        text-transform: capitalize;
        transition: background .15s, color .15s, border-color .15s, transform .12s;
        box-shadow: none;
    }

        [b-y4iuo8very] .fc .fc-button:focus,
        [b-y4iuo8very] .fc .fc-button:active,
        [b-y4iuo8very] .fc .fc-button-primary:not(:disabled):active:focus {
            box-shadow: 0 0 0 3px rgba(168, 85, 247, .22);
            outline: none;
        }

    [b-y4iuo8very] .fc .fc-button-primary:not(:disabled).fc-button-active,
    [b-y4iuo8very] .fc .fc-button-primary:not(:disabled):active {
        background: var(--fh-primary-grad);
        border-color: transparent;
        color: #fff;
        box-shadow: 0 6px 16px -8px rgba(168, 85, 247, .55);
    }

    [b-y4iuo8very] .fc .fc-button-primary:disabled {
        opacity: .55;
        cursor: not-allowed;
    }

    [b-y4iuo8very] .fc .fc-button .fc-icon {
        font-size: 1.1em;
        vertical-align: -2px;
    }

    [b-y4iuo8very] .fc .fc-button-group {
        gap: 0;
    }

/* Day grid (Ay görünümü) */
[b-y4iuo8very] .fc-theme-standard td,
[b-y4iuo8very] .fc-theme-standard th {
    border-color: var(--fh-border);
}

[b-y4iuo8very] .fc .fc-col-header-cell-cushion {
    color: var(--fh-text-muted);
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .06em;
    padding: 8px 6px;
}

[b-y4iuo8very] .fc-daygrid-day-frame {
    padding: 4px;
}

[b-y4iuo8very] .fc .fc-daygrid-day-number {
    font-size: 13px;
    font-weight: 600;
    color: var(--fh-text);
    padding: 6px 8px;
}

[b-y4iuo8very] .fc .fc-day-today {
    background: var(--fc-today-bg-color);
}

    [b-y4iuo8very] .fc .fc-day-today .fc-daygrid-day-number {
        color: #fff;
        background: var(--fh-primary-grad);
        border-radius: 999px;
        padding: 2px 9px;
        font-weight: 700;
        box-shadow: var(--fh-primary-shadow);
    }

[b-y4iuo8very] .fc-day-other .fc-daygrid-day-frame {
    opacity: .55;
}

/* Event görünümü — tek günlük allDay için pill */
[b-y4iuo8very] .fc-daygrid-event,
[b-y4iuo8very] .fc-event {
    border-radius: 6px;
    border-width: 0 0 0 3px;
    padding: 2px 6px;
    font-size: 11.5px;
    font-weight: 500;
    cursor: pointer;
    transition: transform .12s, box-shadow .12s;
    box-shadow: 0 1px 2px rgba(15, 23, 42, .08);
    margin: 1px 2px !important;
}

    [b-y4iuo8very] .fc-daygrid-event:hover,
    [b-y4iuo8very] .fc-event:hover {
        transform: translateY(-1px);
        box-shadow: 0 4px 10px -4px rgba(15, 23, 42, .25);
    }

[b-y4iuo8very] .fc-event-title {
    font-weight: 600;
    letter-spacing: -.005em;
}

[b-y4iuo8very] .fc-event-time {
    font-weight: 600;
    opacity: .85;
    margin-right: 4px;
}

[b-y4iuo8very] .fc-event-locked {
    cursor: not-allowed !important;
    opacity: .85;
    border-style: dashed !important;
}

[b-y4iuo8very] .fc-event.fc-event-dragging {
    opacity: .85;
    transform: rotate(-1deg) scale(1.02);
    box-shadow: 0 14px 28px -8px rgba(15, 23, 42, .35);
}

/* "+N daha" link */
[b-y4iuo8very] .fc-daygrid-more-link {
    color: var(--fh-primary);
    font-weight: 600;
    font-size: 11px;
    padding: 1px 6px;
    border-radius: 4px;
    background: rgba(168, 85, 247, .08);
}

    [b-y4iuo8very] .fc-daygrid-more-link:hover {
        background: rgba(168, 85, 247, .16);
        color: var(--fh-primary);
    }

/* Popover (more events) */
[b-y4iuo8very] .fc-popover {
    background: var(--fh-surface);
    border: 1px solid var(--fh-border);
    border-radius: var(--fh-radius-md);
    box-shadow: 0 18px 40px -12px rgba(15, 23, 42, .25);
    color: var(--fh-text);
}

    [b-y4iuo8very] .fc-popover .fc-popover-header {
        background: var(--fh-surface-2);
        color: var(--fh-text);
        font-weight: 600;
        font-size: 12.5px;
        padding: 8px 12px;
        border-radius: var(--fh-radius-md) var(--fh-radius-md) 0 0;
    }

/* TimeGrid (Hafta / Gün) */
[b-y4iuo8very] .fc .fc-timegrid-slot {
    height: 36px;
}

[b-y4iuo8very] .fc .fc-timegrid-axis-cushion,
[b-y4iuo8very] .fc .fc-timegrid-slot-label-cushion {
    color: var(--fh-text-muted);
    font-size: 10.5px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: .04em;
}

[b-y4iuo8very] .fc .fc-timegrid-now-indicator-line {
    border-color: var(--fh-danger);
    border-width: 2px;
}

[b-y4iuo8very] .fc .fc-timegrid-now-indicator-arrow {
    border-color: var(--fh-danger);
    border-top-color: var(--fh-danger);
}

/* Liste (Ajanda) */
[b-y4iuo8very] .fc .fc-list {
    background: var(--fh-surface);
    border: 1px solid var(--fh-border);
    border-radius: var(--fh-radius-md);
    overflow: hidden;
}

[b-y4iuo8very] .fc .fc-list-day-cushion {
    background: var(--fh-surface-2);
    padding: 10px 14px;
    color: var(--fh-text);
    font-weight: 600;
}

[b-y4iuo8very] .fc .fc-list-event:hover td {
    background: var(--fh-surface-2);
}

[b-y4iuo8very] .fc .fc-list-event-dot {
    border-width: 5px;
}

[b-y4iuo8very] .fc .fc-list-event-time {
    color: var(--fh-text-muted);
    font-size: 12px;
}

[b-y4iuo8very] .fc .fc-list-empty {
    color: var(--fh-text-muted);
    font-style: italic;
    padding: 60px 24px;
    text-align: center;
}

/* Highlight (sürükleyerek aralık seçme) */
[b-y4iuo8very] .fc .fc-highlight {
    background: var(--fc-highlight-color);
    border-radius: 4px;
}

/* Dark mode minor tweaks */
.fh-root.fh-dark .fh-fullcalendar[b-y4iuo8very] {
    --fc-today-bg-color: rgba(168, 85, 247, .14);
    --fc-highlight-color: rgba(168, 85, 247, .22);
}

.fh-root.fh-dark[b-y4iuo8very]  .fc-event {
    box-shadow: 0 1px 2px rgba(0, 0, 0, .4);
}

/* Mobil */
@media (max-width: 768px) {
    .fh-fullcalendar-wrap[b-y4iuo8very] {
        padding: 12px;
    }

    [b-y4iuo8very] .fc .fc-toolbar.fc-header-toolbar {
        flex-direction: column;
        align-items: stretch;
        gap: 8px;
    }

    [b-y4iuo8very] .fc .fc-toolbar-chunk {
        display: flex;
        justify-content: center;
    }

    [b-y4iuo8very] .fc .fc-toolbar-title {
        font-size: 15px;
    }

    [b-y4iuo8very] .fc .fc-button {
        font-size: 11.5px;
        padding: 5px 9px;
    }
}

/* ============== TOAST ============== */

/* ============== MOBILE ============== */

@media (max-width: 768px) {
    .fh-pool-toolbar[b-y4iuo8very] {
        align-items: stretch;
        flex-direction: column;
        padding: 10px 12px;
    }

    .fh-pool-selector label[b-y4iuo8very] {
        display: none;
    }

    .fh-pool-selector select[b-y4iuo8very] {
        width: auto;
        min-width: 0;
        flex: 1;
    }

    .fh-pool-toolbar .fh-search[b-y4iuo8very] {
        min-width: 0;
        width: 100%;
    }

    .fh-toolbar[b-y4iuo8very] {
        flex-direction: column;
        gap: 10px;
        padding: 10px 12px;
        align-items: stretch;
    }

    .fh-toolbar-left[b-y4iuo8very] {
        flex-wrap: wrap;
    }

    .fh-toolbar-right[b-y4iuo8very] {
        width: 100%;
    }

    .fh-search[b-y4iuo8very] {
        min-width: 0;
        flex: 1;
    }

    .fh-page-title[b-y4iuo8very] {
        margin-left: 0;
    }

    .fh-kanban[b-y4iuo8very] {
        gap: 12px;
        scroll-snap-type: x mandatory;
    }
    /* Mobilde 100vh, adres çubuğu açıkken görünür alandan büyük kaldığı için
       panonun alt kenarı ekranın dışına/footer'ın altına düşüyordu. */
    .fh-root[b-y4iuo8very] {
        height: calc(100dvh - 110px);
    }

    /* Alttaki sabit app footer (~65px) kartların üzerine binmesin */
    .fh-kanban-shell[b-y4iuo8very] {
        padding: 14px 12px 40px;
    }

    .fh-kanban-scroll[b-y4iuo8very] {
        padding-bottom: 0;
    }

    .fh-column[b-y4iuo8very] {
        flex: 0 0 88vw;
        width: 88vw;
        scroll-snap-align: center;
    }

    .fh-drawer[b-y4iuo8very] {
        width: 100%;
    }

    .fh-drawer-baslik[b-y4iuo8very] {
        max-width: 70vw;
    }

    .fh-card-tutar[b-y4iuo8very] {
        font-size: 16px;
    }

    .fh-add-column[b-y4iuo8very],
    .fh-add-column--open[b-y4iuo8very] {
        flex: 0 0 88vw;
        width: 88vw;
        scroll-snap-align: center;
    }

    .fh-add-column-rail[b-y4iuo8very],
    .fh-add-column-rail:hover[b-y4iuo8very] {
        width: 100%;
    }

    /* Liste — mobilde tablo yerine kartsı satırlar */
    .fh-list-head[b-y4iuo8very] {
        display: none;
    }

    .fh-list-row[b-y4iuo8very] {
        grid-template-columns: 1fr auto;
        grid-auto-rows: auto;
        gap: 6px 12px;
        padding: 14px 16px;
    }

        .fh-list-row .fh-list-col--customer[b-y4iuo8very] {
            grid-column: 1 / span 2;
        }

        .fh-list-row .fh-list-col--stage[b-y4iuo8very] {
            grid-column: 1;
        }

        .fh-list-row .fh-list-col--amount[b-y4iuo8very] {
            grid-column: 2;
            justify-self: end;
        }

        .fh-list-row .fh-list-col--priority[b-y4iuo8very] {
            grid-column: 1;
        }

        .fh-list-row .fh-list-col--date[b-y4iuo8very] {
            grid-column: 2;
            justify-self: end;
        }

        .fh-list-row .fh-list-col--owner[b-y4iuo8very] {
            display: none;
        }

        .fh-list-row .fh-list-col--actions[b-y4iuo8very] {
            position: absolute;
            right: 8px;
            top: 8px;
        }

    /* Takvim — mobilde tek sütun günlük ajanda */
    .fh-takvim-grid-head[b-y4iuo8very] {
        display: none;
    }

    .fh-takvim-grid[b-y4iuo8very] {
        grid-template-columns: 1fr;
        grid-auto-rows: auto;
    }

    .fh-takvim-cell--out[b-y4iuo8very] {
        display: none;
    }

    .fh-takvim-cell[b-y4iuo8very] {
        min-height: 56px;
        padding: 10px 12px;
    }
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
    *[b-y4iuo8very], [b-y4iuo8very]::before, [b-y4iuo8very]::after {
        animation-duration: .001ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .001ms !important;
    }
}

/* ============== AKTİVİTE PLANLA POPUP ============== */
.fh-ap[b-y4iuo8very] {
    padding: 16px 18px 14px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.fh-ap-field[b-y4iuo8very] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.fh-ap-label[b-y4iuo8very] {
    font-size: 11px;
    font-weight: 600;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: .04em;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin: 0;
}

    .fh-ap-label i[b-y4iuo8very] {
        color: #94a3b8;
        font-size: 11px;
    }

.fh-ap-tipler[b-y4iuo8very] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(80px, 1fr));
    gap: 6px;
}

.fh-ap-tipler-empty[b-y4iuo8very] {
    padding: 14px;
    text-align: center;
    font-size: 11.5px;
    color: #b91c1c;
    background: #fef2f2;
    border: 1px dashed #fca5a5;
    border-radius: 9px;
    line-height: 1.45;
}

.fh-ap-tip[b-y4iuo8very] {
    --tip-c: #94a3b8;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 8px 4px;
    border: 1px solid #e2e8f0;
    border-radius: 9px;
    background: #fff;
    color: #64748b;
    font-size: 10.5px;
    font-weight: 600;
    cursor: pointer;
    transition: transform .15s, border-color .15s, background .15s, color .15s, box-shadow .15s;
}

    .fh-ap-tip i[b-y4iuo8very] {
        font-size: 15px;
        color: #94a3b8;
        transition: color .15s;
    }

    .fh-ap-tip:hover[b-y4iuo8very] {
        transform: translateY(-1px);
        border-color: #cbd5e1;
        box-shadow: 0 6px 16px -12px rgba(15, 23, 42, .25);
    }

.fh-ap-tip--active[b-y4iuo8very] {
    border-color: var(--tip-c);
    background: color-mix(in srgb, var(--tip-c) 8%, white);
    color: var(--tip-c);
    box-shadow: 0 8px 18px -14px var(--tip-c);
}

    .fh-ap-tip--active i[b-y4iuo8very] {
        color: var(--tip-c);
    }

.fh-ap-actions[b-y4iuo8very] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    padding-top: 6px;
    border-top: 1px solid #f1f5f9;
    margin-top: 4px;
}

@media (max-width: 520px) {
    .fh-ap-tipler[b-y4iuo8very] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
/* _content/Client/Pages/Dashboard.razor.rz.scp.css */
/* Base Styles */
*[b-l5gg3ooazq] {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* Dashboard Header */
.dashboard-header[b-l5gg3ooazq] {
    background: var(--bs-component-bg);
    border: 1px solid var(--bs-border-color);
    border-radius: 20px;
    box-shadow: var(--bs-box-shadow);
    position: relative;
}

/* Currency Pills */
.currency-pill[b-l5gg3ooazq] {
    background: var(--bs-component-bg);
    border-radius: 16px;
    padding: clamp(0.75rem, 2vw, 1.25rem);
    border: 1px solid var(--bs-border-color);
    cursor: pointer;
    box-shadow: var(--bs-box-shadow-sm);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    height: 100%;
    margin-right: 1rem !important;
    min-height: clamp(70px, 10vh, 85px);
    display: flex;
    align-items: center;
}

    .currency-pill[b-l5gg3ooazq]::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 4px;
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    .currency-pill.status-up[b-l5gg3ooazq]::before {
        background: var(--bs-success);
    }

    .currency-pill.status-down[b-l5gg3ooazq]::before {
        background: var(--bs-danger);
    }

    .currency-pill.status-neutral[b-l5gg3ooazq]::before {
        background: var(--bs-gray-500);
    }

    .currency-pill:hover[b-l5gg3ooazq] {
        transform: translateY(-3px);
        box-shadow: var(--bs-box-shadow-lg);
    }

        .currency-pill:hover[b-l5gg3ooazq]::before {
            opacity: 1;
        }

.row > div:last-child .currency-pill[b-l5gg3ooazq] {
    margin-right: 0 !important;
}

.currency-container[b-l5gg3ooazq] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: clamp(0.5rem, 2vw, 1rem);
    width: 100%;
    height: 100%;
    min-height: 0;
}

.currency-info-section[b-l5gg3ooazq] {
    display: flex;
    align-items: center;
    gap: clamp(0.5rem, 2vw, 0.75rem);
    flex-shrink: 0;
    width: fit-content;
    max-width: 180px;
}

.currency-icon[b-l5gg3ooazq] {
    width: clamp(32px, 8vw, 44px);
    height: clamp(32px, 8vw, 44px);
    border-radius: clamp(8px, 2vw, 12px);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    color: var(--bs-white);
    flex-shrink: 0;
}

.currency-symbol[b-l5gg3ooazq] {
    font-size: clamp(0.9rem, 3vw, 1.4rem);
}

.currency-details[b-l5gg3ooazq] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    flex-grow: 1;
    margin-top: -1rem;
}

.currency-code[b-l5gg3ooazq] {
    font-size: clamp(1rem, 4vw, 1.4rem);
    font-weight: 700;
    color: var(--bs-text-gray-900);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 8px;
}

.values-grid-wrapper[b-l5gg3ooazq] {
    display: flex;
    justify-content: center;
    width: 100%;
    overflow: hidden;
    margin-left: -3rem;
}

.values-grid[b-l5gg3ooazq] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-evenly;
    gap: 1.5rem;
    width: 100%;
    flex-wrap: nowrap;
}

.value-item[b-l5gg3ooazq] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
}

@media (max-width: 480px) {
    .value-item .value-label[b-l5gg3ooazq],
    .value-item .value-amount[b-l5gg3ooazq] {
        white-space: normal;
        text-align: center;
    }
}

.value-label[b-l5gg3ooazq] {
    color: var(--bs-text-gray-500);
    font-weight: 500;
    font-size: clamp(0.65rem, 2vw, 0.8rem);
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

.value-amount[b-l5gg3ooazq] {
    font-size: clamp(0.9rem, 3.5vw, 1.5rem);
    font-weight: 700;
    font-size: medium;
    color: var(--bs-text-gray-900);
}

    .value-amount.current[b-l5gg3ooazq] {
        font-weight: 800;
    }

.change-item[b-l5gg3ooazq] {
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--bs-gray-100);
    border: 1px solid var(--bs-border-color);
    border-radius: 8px;
    padding: 4px 8px;
}

.change-percentage[b-l5gg3ooazq] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    font-weight: bold;
    min-width: 60px;
    white-space: nowrap;
}

.change-arrow[b-l5gg3ooazq], .percentage-value[b-l5gg3ooazq], .percentage-symbol[b-l5gg3ooazq] {
    font-size: 0.9rem;
    font-family: Arial, sans-serif;
    line-height: 1;
}

/* Currency Icons (Solid Metronic Colors) */
.usd-icon[b-l5gg3ooazq] {
    background: var(--bs-success) !important;
}

.eur-icon[b-l5gg3ooazq] {
    background: var(--bs-info) !important;
}

.gbp-icon[b-l5gg3ooazq] {
    background: var(--bs-danger) !important;
}

.xau-icon[b-l5gg3ooazq] {
    background: var(--bs-warning) !important;
}

/* Refresh Button */
.refresh-btn[b-l5gg3ooazq] {
    background: var(--bs-primary);
    border: none;
    color: var(--bs-primary-inverse);
    border-radius: 50%;
    width: clamp(35px, 8vw, 50px);
    height: clamp(35px, 8vw, 50px);
    font-size: clamp(0.9rem, 2.5vw, 1.25rem);
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

    .refresh-btn:hover[b-l5gg3ooazq] {
        transform: scale(1.1) rotate(180deg);
        background: var(--bs-primary-active);
    }

    .format-toggle-btn:hover[b-l5gg3ooazq] {
        transform: scale(1.1) rotate(0deg);
    }

    .refresh-btn:active[b-l5gg3ooazq] {
        transform: scale(0.95);
    }

.loading-spinner[b-l5gg3ooazq] {
    position: absolute;
    display: none;
    width: clamp(16px, 4vw, 24px);
    height: clamp(16px, 4vw, 24px);
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-top: 2px solid var(--bs-primary-inverse);
    border-radius: 50%;
    animation: spin-b-l5gg3ooazq 1s linear infinite;
}

/* Filter Section */
.filter-section[b-l5gg3ooazq] {
    background: var(--bs-component-bg);
    border: 1px solid var(--bs-border-color);
    border-radius: 20px;
    padding: clamp(1rem, 3vw, 1.5rem);
    margin-bottom: 1.5rem;
    box-shadow: var(--bs-box-shadow-sm);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

    .filter-section.dropdown-active[b-l5gg3ooazq] {
        position: relative;
        z-index: 5;
    }

.filter-container[b-l5gg3ooazq] {
    display: flex;
    align-items: center;
    gap: clamp(0.75rem, 2vw, 1rem);
    flex-wrap: wrap;
    position: relative;
    flex: 1;
}

/* Filter Pills */
.filter-pill[b-l5gg3ooazq] {
    background: var(--bs-component-bg);
    border: 1px solid var(--bs-border-color);
    border-radius: 50px;
    padding: 0;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    min-width: clamp(180px, 25vw, 220px);
    z-index: 5;
    height: 48px;
    cursor: pointer;
    display: flex;
    align-items: center;
    box-shadow: var(--bs-box-shadow-sm);
}

    .filter-pill:hover[b-l5gg3ooazq] {
        transform: translateY(-2px);
        box-shadow: var(--bs-box-shadow);
        border-color: var(--bs-primary);
    }

    .filter-pill.active[b-l5gg3ooazq] {
        border-color: var(--bs-primary);
        box-shadow: 0 0 0 3px var(--bs-primary-light);
        z-index: 5;
    }

.filter-pill.active[b-l5gg3ooazq] {
    background: var(--bs-primary-light);
    border-color: var(--bs-primary);
}

.modern-date-pill .select-trigger[b-l5gg3ooazq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.pill-wrapper[b-l5gg3ooazq] {
    display: flex;
    align-items: center;
    height: 100%;
    padding: 0 16px;
    gap: 10px;
}

.pill-icon[b-l5gg3ooazq] {
    color: var(--bs-primary);
    font-size: 14px;
    flex-shrink: 0;
    width: 20px;
    display: flex;
    justify-content: center;
}

.pill-content[b-l5gg3ooazq] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.pill-label[b-l5gg3ooazq] {
    font-size: 11px;
    font-weight: 600;
    color: var(--bs-text-gray-500);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    line-height: 1;
}

/* Select Components */
.custom-select[b-l5gg3ooazq] {
    position: relative;
    width: 100%;
}

.select-trigger[b-l5gg3ooazq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    min-height: 20px;
}

.select-value[b-l5gg3ooazq] {
    font-size: 13px;
    font-weight: 700;
    color: var(--bs-text-gray-900);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex: 1;
}

.select-arrow[b-l5gg3ooazq] {
    color: var(--bs-text-gray-500);
    font-size: 10px;
    transition: all 0.2s ease;
    flex-shrink: 0;
    margin-left: 8px;
}

/* Dropdowns */
.select-dropdown[b-l5gg3ooazq] {
    position: absolute !important;
    top: calc(100% + 12px) !important;
    left: -16px !important;
    right: -16px !important;
    min-width: 30vh !important;
    background: var(--bs-component-bg) !important;
    border: 1px solid var(--bs-border-color) !important;
    border-radius: 16px !important;
    box-shadow: var(--bs-box-shadow-lg) !important;
    z-index: 10 !important;
    animation: dropdownSlideIn-b-l5gg3ooazq 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    overflow: hidden !important;
}

.select-option[b-l5gg3ooazq] {
    padding: 12px 16px !important;
    cursor: pointer !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: var(--bs-text-gray-900) !important;
    transition: all 0.2s ease !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    background: var(--bs-component-bg) !important;
    border-bottom: 1px solid var(--bs-border-color);
}

    .select-option:hover[b-l5gg3ooazq] {
        background: var(--bs-gray-100) !important;
        color: var(--bs-primary) !important;
    }

    .select-option.selected[b-l5gg3ooazq] {
        background: var(--bs-primary) !important;
        color: var(--bs-primary-inverse) !important;
        font-weight: 600 !important;
    }

        .select-option.selected:hover[b-l5gg3ooazq] {
            background: var(--bs-primary-active) !important;
        }

/* Date Pickers */
.modern-date-dropdown[b-l5gg3ooazq] {
    position: absolute !important;
    top: calc(100% + 8px) !important;
    left: -20px !important;
    right: -20px !important;
    min-width: 280px !important;
    background: var(--bs-component-bg) !important;
    border: 1px solid var(--bs-primary) !important;
    border-radius: 16px !important;
    box-shadow: var(--bs-box-shadow-lg) !important;
    z-index: 5 !important;
    animation: modernDateDropdownSlideIn 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    overflow-y: auto !important;
}

.date-quick-options[b-l5gg3ooazq] {
    padding: 16px !important;
    border-bottom: 1px solid var(--bs-border-color) !important;
    background: var(--bs-gray-100) !important;
}

.quick-options-header[b-l5gg3ooazq] {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin-bottom: 12px !important;
    padding-bottom: 6px !important;
    border-bottom: 1px solid var(--bs-border-color) !important;
}

    .quick-options-header i[b-l5gg3ooazq] {
        color: var(--bs-primary) !important;
        font-size: 16px !important;
    }

    .quick-options-header span[b-l5gg3ooazq] {
        font-size: 14px !important;
        font-weight: 700 !important;
        color: var(--bs-text-gray-900) !important;
        text-transform: uppercase !important;
    }

.quick-options-grid[b-l5gg3ooazq] {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)) !important;
    gap: 8px !important;
}

.quick-option[b-l5gg3ooazq] {
    padding: 8px 12px !important;
    border: 1px solid var(--bs-border-color) !important;
    border-radius: 8px !important;
    background: var(--bs-component-bg) !important;
    cursor: pointer !important;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    min-height: 32px !important;
    color: var(--bs-text-gray-800) !important;
}

    .quick-option:hover[b-l5gg3ooazq] {
        transform: translateY(-2px) !important;
        border-color: var(--bs-primary) !important;
        box-shadow: var(--bs-box-shadow-sm) !important;
    }

    .quick-option.selected[b-l5gg3ooazq] {
        background: var(--bs-primary) !important;
        color: var(--bs-primary-inverse) !important;
        border-color: transparent !important;
        transform: scale(1.02) !important;
        box-shadow: var(--bs-box-shadow) !important;
    }

.option-text[b-l5gg3ooazq] {
    font-size: 11px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    flex: 1 !important;
}

/* Custom Date Section */
.custom-date-section[b-l5gg3ooazq] {
    padding: 12px 16px !important;
    background: var(--bs-gray-100) !important;
    transition: all 0.3s ease !important;
    max-height: 40px !important;
    overflow: hidden !important;
}

    .custom-date-section.active[b-l5gg3ooazq] {
        max-height: 600px !important;
    }

.custom-date-header[b-l5gg3ooazq] {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    cursor: pointer !important;
    user-select: none !important;
    padding: 4px 0 !important;
}

    .custom-date-header i[b-l5gg3ooazq] {
        color: var(--bs-primary) !important;
    }

    .custom-date-header span[b-l5gg3ooazq] {
        font-size: 12px !important;
        font-weight: 700 !important;
        color: var(--bs-text-gray-900) !important;
        text-transform: uppercase !important;
        flex: 1 !important;
        margin-left: 8px !important;
    }

/* Calendar */
.modern-calendar[b-l5gg3ooazq] {
    background: var(--bs-component-bg) !important;
    border: 1px solid var(--bs-border-color) !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    box-shadow: var(--bs-box-shadow) !important;
    width: 280px !important;
}

.calendar-header[b-l5gg3ooazq] {
    background: var(--bs-primary) !important;
    padding: 12px 16px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    color: var(--bs-primary-inverse) !important;
}

.calendar-nav-btn[b-l5gg3ooazq] {
    background: rgba(255, 255, 255, 0.1) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    color: var(--bs-primary-inverse) !important;
    cursor: pointer !important;
    padding: 8px !important;
    border-radius: 8px !important;
    min-width: 36px !important;
    height: 36px !important;
}

.calendar-month-year[b-l5gg3ooazq] {
    font-size: 16px !important;
    font-weight: 800 !important;
    text-align: center !important;
    flex: 1 !important;
    margin: 0 12px !important;
    text-transform: uppercase !important;
}

.calendar-body[b-l5gg3ooazq] {
    padding: 16px !important;
    background: var(--bs-component-bg) !important;
}

.calendar-weekday[b-l5gg3ooazq] {
    text-align: center !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    color: var(--bs-text-gray-500) !important;
    text-transform: uppercase !important;
    padding: 8px 2px !important;
    background: var(--bs-gray-100) !important;
    border-radius: 6px !important;
}

.calendar-day[b-l5gg3ooazq] {
    aspect-ratio: 1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: var(--bs-component-bg) !important;
    border: 1px solid transparent !important;
    border-radius: 6px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    color: var(--bs-text-gray-900) !important;
    cursor: pointer !important;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
    min-height: 32px !important;
}

    .calendar-day:hover:not(.other-month):not(:disabled)[b-l5gg3ooazq] {
        border-color: var(--bs-primary) !important;
        transform: scale(1.05) !important;
        box-shadow: var(--bs-box-shadow-sm) !important;
    }

    .calendar-day.selected[b-l5gg3ooazq] {
        background: var(--bs-primary) !important;
        color: var(--bs-primary-inverse) !important;
        font-weight: 800 !important;
    }

    .calendar-day.in-range[b-l5gg3ooazq] {
        background: var(--bs-primary-light) !important;
        color: var(--bs-primary) !important;
        font-weight: 700 !important;
    }

    .calendar-day.other-month[b-l5gg3ooazq] {
        color: var(--bs-text-gray-400) !important;
        cursor: not-allowed !important;
    }

    .calendar-day.today[b-l5gg3ooazq] {
        background: var(--bs-warning) !important;
        color: var(--bs-warning-inverse) !important;
        font-weight: 800 !important;
    }

/* Action Buttons */
.date-actions-compact[b-l5gg3ooazq] {
    display: flex !important;
    justify-content: space-between !important;
    gap: 8px !important;
    margin-top: 12px !important;
    padding-top: 12px !important;
    border-top: 1px solid var(--bs-border-color) !important;
}

.btn-compact[b-l5gg3ooazq] {
    padding: 8px 16px !important;
    border: none !important;
    border-radius: 8px !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    text-transform: uppercase !important;
    min-width: 80px !important;
    justify-content: center !important;
}

.btn-cancel[b-l5gg3ooazq] {
    background: var(--bs-gray-200) !important;
    color: var(--bs-text-gray-700) !important;
}

    .btn-cancel:hover[b-l5gg3ooazq] {
        background: var(--bs-gray-300) !important;
    }

.btn-apply[b-l5gg3ooazq] {
    background: var(--bs-primary) !important;
    color: var(--bs-primary-inverse) !important;
    box-shadow: var(--bs-box-shadow-sm) !important;
}

    .btn-apply:hover:not(:disabled)[b-l5gg3ooazq] {
        background: var(--bs-primary-active) !important;
        transform: translateY(-2px) !important;
    }

.btn-today[b-l5gg3ooazq] {
    background: var(--bs-warning) !important;
    color: var(--bs-warning-inverse) !important;
}

/* Animations */
@keyframes spin-b-l5gg3ooazq {
    100% {
        transform: rotate(360deg);
    }
}

@keyframes dropdownSlideIn-b-l5gg3ooazq {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Responsiveness adjustments omitted for brevity, retain your existing @media queries but remove fixed colors */

/* Ana kapsayıcının katmanını en üste taşıyoruz */
.filter-pill.currencypills[b-l5gg3ooazq] {
    position: relative;
    z-index: 105 !important; /* Alttaki istatistik kartlarının üstüne çıkmasını sağlar */
}

/* Dropdown menünün kendisi */
.select-dropdown[b-l5gg3ooazq] {
    position: absolute !important;
    top: calc(100% + 12px) !important;
    left: 0 !important; /* -16px yerine 0 veya container'a uygun bir değer verelim, taşmayı önler */
    min-width: 220px !important; /* 30vh mobil/web dengesizliğine yol açabilir, px daha güvenli */
    /* Metronic'in %100 mat (saydam olmayan) arka plan rengini kullanıyoruz */
    background-color: var(--bs-body-bg) !important;
    border: 1px solid var(--bs-border-color) !important;
    border-radius: 12px !important;
    /* Alttaki elementlerden belirgin şekilde ayrılması için gölgeyi güçlendirdik */
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15) !important;
    z-index: 9999 !important;
    overflow: hidden !important;
    animation: dropdownSlideIn-b-l5gg3ooazq 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

[data-bs-theme="dark"] .select-dropdown[b-l5gg3ooazq] {
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.5) !important;
}

/* Dropdown içi seçenekler */
.select-option[b-l5gg3ooazq] {
    padding: 12px 16px !important;
    cursor: pointer !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: var(--bs-text-gray-800) !important;
    background-color: transparent !important; /* Arka planı parent'tan (body-bg) alsın */
    transition: all 0.2s ease !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    border-bottom: 1px solid var(--bs-border-color);
}

    .select-option:last-child[b-l5gg3ooazq] {
        border-bottom: none;
    }

    .select-option:hover[b-l5gg3ooazq] {
        background-color: var(--bs-gray-100) !important;
        color: var(--bs-primary) !important;
    }

    .select-option.selected[b-l5gg3ooazq] {
        background-color: var(--bs-primary-light) !important;
        color: var(--bs-primary) !important;
        font-weight: 600 !important;
    }


@media (max-width: 576px) {
    .container-fluid[b-l5gg3ooazq] {
        padding-left: 0.75rem !important;
        padding-right: 0.75rem !important;
        padding-bottom: 5rem !important;
    }
}
/* _content/Client/Pages/EDevlet/Ayarlar/Parametreler.razor.rz.scp.css */



/* Responsive */
@media (max-width: 768px) {
    .container[b-wfmxxsthsh] {
        padding: 1rem;
    }

    .header h1[b-wfmxxsthsh] {
        font-size: 2rem;
        flex-direction: column;
        gap: 0.5rem;
    }

    .parameter-section .tree-content-body[b-wfmxxsthsh] {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }

    .parameter-section .checkbox-wrapper[b-wfmxxsthsh],
    .parameter-section .form-check[b-wfmxxsthsh],
    .parameter-section .bym-checkbox-wrapper[b-wfmxxsthsh] {
        padding: 1.5rem;
    }

    .parameter-section[b-wfmxxsthsh] {
        padding: 1.5rem;
    }
}
/* _content/Client/Pages/EDevlet/EFatura/GelenEFaturalar.razor.rz.scp.css */
/* _content/Client/Pages/ETicaret/ETicaretAyar.razor.rz.scp.css */
.jetstok-match-preview[b-ew70njll5c] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 0;
    width: 100%;
    overflow: hidden;
}

.jetstok-match-summary[b-ew70njll5c] {
    display: flex;
    flex: 0 0 auto;
    flex-wrap: wrap;
    gap: 1.5rem;
    padding: 0 0.75rem 0.75rem;
}

.jetstok-match-grid[b-ew70njll5c] {
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
}
/* _content/Client/Pages/ETicaret/Siparisler/ETicaretSiparisler.razor.rz.scp.css */
.integration-container[b-01f73hyfx9] {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.integration-card[b-01f73hyfx9] {
    width: 100%;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: white;
    border-radius: 8px;
    padding: 10px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    transition: all 0.3s ease;
    border: 1px solid #dee2e6;
}

    .integration-card:hover[b-01f73hyfx9] {
        transform: translateY(-3px);
        box-shadow: 0 5px 15px rgba(0,0,0,0.1);
        border-color: #0d6efd;
    }

.integration-img[b-01f73hyfx9] {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.integration-inactive[b-01f73hyfx9] {
    filter: grayscale(100%);
    opacity: 0.6;
}

.integration-tab-content[b-01f73hyfx9] {
    max-height: calc(100vh - 250px);
    overflow-y: auto;
    padding: 10px;
}

.integration-right-panel[b-01f73hyfx9] {
    background-color: #f8f9fa;
    min-height: calc(100vh - 250px);
}

.integration-nav-tabs .nav-link[b-01f73hyfx9] {
    font-weight: 500;
}

    .integration-nav-tabs .nav-link.active[b-01f73hyfx9] {
        font-weight: 600;
    }
/* _content/Client/Pages/ETicaret/StokAktarim/BYMPazaryeri.razor.rz.scp.css */
.bulk-transfer-progress[b-2f7gjungk6] {
    border: 1px solid #d8dee8;
    border-left: 3px solid #1b6ec2;
    background: #fff;
    padding: 0.8rem 1rem;
}

.bulk-transfer-progress__header[b-2f7gjungk6],
.bulk-transfer-progress__counts[b-2f7gjungk6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.bulk-transfer-progress__title[b-2f7gjungk6] {
    color: #172033;
    font-size: 0.9rem;
    font-weight: 700;
}

.bulk-transfer-progress__status[b-2f7gjungk6] {
    color: #667085;
    font-size: 0.78rem;
    margin-top: 0.1rem;
}

.bulk-transfer-progress__percent[b-2f7gjungk6] {
    color: #1b6ec2;
    font-size: 1rem;
    white-space: nowrap;
}

.bulk-transfer-progress__track[b-2f7gjungk6] {
    height: 6px;
    margin: 0.65rem 0;
    overflow: hidden;
    background: #e9edf3;
}

.bulk-transfer-progress__bar[b-2f7gjungk6] {
    height: 100%;
    background: #1b6ec2;
    transition: width 180ms linear;
}

.bulk-transfer-progress__counts[b-2f7gjungk6] {
    justify-content: flex-start;
    color: #667085;
    font-size: 0.76rem;
}

.bulk-transfer-progress__counts strong[b-2f7gjungk6] {
    color: #172033;
    margin-left: 0.2rem;
}

@media (max-width: 767.98px) {
    .bulk-transfer-progress__counts[b-2f7gjungk6] {
        align-items: flex-start;
        flex-direction: column;
        gap: 0.2rem;
    }
}
/* _content/Client/Pages/FinansYonetimi/Banka/BankaHesapMobil/BankaHesapMobil.razor.rz.scp.css */

/* ============================================
   SABİT ARAMA KARTI - MOR ARKA PLAN
   ============================================ */
.search-card-container[b-5iasvmsofa] {
    position: sticky;
    top: 0;
    z-index: 100;
    padding: 12px;
    background: var(--search-bg);
    margin: 0;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.search-card[b-5iasvmsofa] {
    position: relative;
    background: var(--search-bg);
    border-radius: 14px;
    padding: 12px 54px 12px 48px;
    box-shadow: var(--shadow-sm);
    display: flex;
    align-items: center;
    transition: all 0.3s ease;
}

    .search-card:focus-within[b-5iasvmsofa] {
        box-shadow: 0 4px 16px rgba(102, 126, 234, 0.3);
        transform: translateY(-1px);
    }

.search-icon[b-5iasvmsofa] {
    position: absolute;
    left: 16px;
    color: rgba(255, 255, 255, 0.9);
    font-size: 20px;
    transition: all 0.3s ease;
}

.search-card:focus-within .search-icon[b-5iasvmsofa] {
    color: white;
    transform: scale(1.1);
}

.search-input[b-5iasvmsofa] {
    flex: 1;
    border: none;
    outline: none;
    background: transparent;
    font-size: 15px;
    color: white;
    font-weight: 500;
}

    .search-input[b-5iasvmsofa]::placeholder {
        color: rgba(255, 255, 255, 0.7);
    }

.search-clear[b-5iasvmsofa] {
    position: absolute;
    right: 12px;
    background: linear-gradient(135deg, #ff6b35 0%, #f7931e 100%);
    border: none;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: white;
    font-size: 18px;
    transition: all 0.2s ease;
    box-shadow: 0 2px 8px rgba(255, 107, 53, 0.4);
}

    .search-clear:hover[b-5iasvmsofa] {
        background: linear-gradient(135deg, #f7931e 0%, #ff6b35 100%);
        transform: scale(1.1);
        box-shadow: 0 4px 12px rgba(255, 107, 53, 0.6);
    }

    .search-clear:active[b-5iasvmsofa] {
        transform: scale(0.95);
    }

/* ============================================
   STOK KARTI
   ============================================ */
.stok-card[b-5iasvmsofa] {
    background: var(--card-bg);
    margin: 8px 12px;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: var(--shadow-sm);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer;
    border: 2px solid transparent;
    user-select: none;
    position: relative;
}

    .stok-card:hover[b-5iasvmsofa] {
        border-color: #667eea;
        box-shadow: var(--shadow-md);
        transform: translateY(-2px);
    }

    .stok-card.expanded[b-5iasvmsofa] {
        border-color: #764ba2;
        box-shadow: 0 8px 24px rgba(102, 126, 234, 0.25);
    }

    .stok-card:active[b-5iasvmsofa] {
        transform: scale(0.98);
    }

.card-header-section[b-5iasvmsofa] {
    padding: 6px;
    background: var(--card-header-bg);
    border-bottom: 1px solid var(--border-color);
    cursor: pointer;
}

.card-main-info[b-5iasvmsofa] {
    width: 100%;
}

.card-title-row[b-5iasvmsofa] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 8px;
}

.card-title[b-5iasvmsofa] {
    font-size: 15px;
    font-weight: 700;
    color: var(--text-primary);
    margin: 0;
    flex: 1;
    line-height: 1.3;
    padding-right: 8px;
}

.expand-icon[b-5iasvmsofa] {
    font-size: 22px;
    color: #667eea;
    flex-shrink: 0;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    pointer-events: none;
}

.stok-card.expanded .expand-icon[b-5iasvmsofa] {
    transform: rotate(180deg);
    color: #764ba2;
}

    .stok-card.expanded .expand-icon i[b-5iasvmsofa] {
        transform: rotate(0deg);
    }

.card-meta-row[b-5iasvmsofa] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 10px;
}

.card-code[b-5iasvmsofa] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    background: var(--primary-gradient);
    color: white;
    padding: 4px 10px;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 700;
    box-shadow: 0 2px 6px rgba(102, 126, 234, 0.3);
}

.stock-badge[b-5iasvmsofa] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 10px;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 700;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}

.stock-available[b-5iasvmsofa] {
    background: var(--success-gradient);
    color: white;
}

.stock-out[b-5iasvmsofa] {
    background: var(--danger-gradient);
    color: white;
}

.card-quick-info[b-5iasvmsofa] {
    display: flex; /* yan yana dizmek için flex */
    justify-content: space-between; /* iki öğeyi uçlara yasla */
    gap: 8px; /* öğeler arası boşluk */
}

.quick-info-item[b-5iasvmsofa] {
    background: var(--card-bg);
    padding: 6px 10px; /* biraz daha kompakt */
    border-radius: 12px;
    display: flex; /* içerik yan yana veya dikey için flex */
    flex-direction: column; /* label ve value dikey */
    gap: 2px;
    flex: 1; /* eşit genişlik */
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    transition: all 0.2s ease;
    text-align: center; /* değerleri ortala */
}

    .quick-info-item:hover[b-5iasvmsofa] {
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
        transform: translateY(-1px);
    }

.quick-label[b-5iasvmsofa] {
    font-size: 10px;
    color: var(--text-muted);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    text-align: start;
}

.quick-value[b-5iasvmsofa] {
    font-size: 16px;
    color: var(--text-primary);
    font-weight: 800;
}

    .quick-value.price[b-5iasvmsofa] {
        color: #48bb78;
        background: var(--text-primary);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
    }

/* ============================================
   AÇILIR İÇERİK
   ============================================ */
.card-content[b-5iasvmsofa] {
    padding: 0 12px;
    background: var(--card-bg);
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    display: block;
    visibility: visible;
}

.stok-card.expanded .card-content[b-5iasvmsofa] {
    max-height: 2500px;
    opacity: 1;
    padding: 12px;
    display: block;
    visibility: visible;
}

.info-row[b-5iasvmsofa] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 12px;
    background: var(--info-row-bg);
    border-radius: 10px;
    margin-bottom: 8px;
    transition: all 0.2s ease;
}

    .info-row:hover[b-5iasvmsofa] {
        background: var(--border-color);
        transform: translateX(2px);
    }

.info-label[b-5iasvmsofa] {
    font-size: 13px;
    color: var(--text-secondary);
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 6px;
    flex: 1;
}

    .info-label i[b-5iasvmsofa] {
        color: #667eea;
        font-size: 16px;
    }

.info-value[b-5iasvmsofa] {
    font-size: 14px;
    color: var(--text-primary);
    font-weight: 700;
    text-align: right;
    flex-shrink: 0;
    margin-left: 8px;
}

.card-actions[b-5iasvmsofa] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    grid-template-columns: 1fr auto;
    gap: 8px;
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid var(--border-color);
    pointer-events: auto;
    position: relative;
    z-index: 10;
}

.action-btn[b-5iasvmsofa] {
    border: none;
    padding: 10px 18px;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 700;
    flex: 1;
    text-align: center;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    pointer-events: auto;
    position: relative;
    z-index: 11;
}

    .action-btn:active[b-5iasvmsofa] {
        transform: scale(0.95);
    }

.btn-primary[b-5iasvmsofa] {
    background: var(--primary-gradient);
    color: white;
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
}

    .btn-primary:hover[b-5iasvmsofa] {
        box-shadow: 0 6px 16px rgba(102, 126, 234, 0.4);
        transform: translateY(-2px);
    }

.btn-secondary[b-5iasvmsofa] {
    background: var(--border-color);
    color: var(--text-secondary);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
}

    .btn-secondary:hover[b-5iasvmsofa] {
        background: #cbd5e0;
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.12);
        transform: translateY(-2px);
    }

[data-bs-theme="dark"] .btn-secondary[b-5iasvmsofa] {
    background: #334155;
    color: #cbd5e1;
}

    [data-bs-theme="dark"] .btn-secondary:hover[b-5iasvmsofa] {
        background: #475569;
    }

/* ============================================
   RESPONSİVE TASARIM
   ============================================ */
@media (max-width: 360px) {
    .card-title[b-5iasvmsofa] {
        font-size: 14px;
    }

    .card-quick-info[b-5iasvmsofa] {
        grid-template-columns: 1fr;
    }

    .search-card-container[b-5iasvmsofa] {
        padding: 10px;
    }

    .stok-card[b-5iasvmsofa] {
        margin: 6px 10px;
    }

    .quick-value[b-5iasvmsofa] {
        font-size: 15px;
    }

    .card-header-section[b-5iasvmsofa] {
        padding: 8px;
    }
}

@media (min-width: 768px) {
    .search-card-container[b-5iasvmsofa],
    .stok-card[b-5iasvmsofa] {
        display: none !important;
    }
}

/* ============================================
   ANIMASYONLAR
   ============================================ */
@keyframes fadeIn-b-5iasvmsofa {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.stok-card[b-5iasvmsofa] {
    animation: fadeIn-b-5iasvmsofa 0.3s ease-out;
}

/* ============================================
   SCROLLBAR
   ============================================ */
@media (max-width: 767px) {
    [b-5iasvmsofa]::-webkit-scrollbar {
        width: 6px;
    }

    [b-5iasvmsofa]::-webkit-scrollbar-track {
        background: var(--info-row-bg);
    }

    [b-5iasvmsofa]::-webkit-scrollbar-thumb {
        background: var(--border-color);
        border-radius: 3px;
    }

        [b-5iasvmsofa]::-webkit-scrollbar-thumb:hover {
            background: #667eea;
        }

    .dxbs-grid[b-5iasvmsofa],
    .custom-grid[b-5iasvmsofa] {
        background: transparent !important;
        border: none !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    [data-bs-theme="dark"] .dxbs-grid[b-5iasvmsofa],
    [data-bs-theme="dark"] .custom-grid[b-5iasvmsofa] {
        background: #0f172a !important;
    }

    .dxbs-grid-header[b-5iasvmsofa],
    .dxbs-grid-header-content[b-5iasvmsofa],
    .dxbs-grid-header-panel[b-5iasvmsofa],
    .dxbs-grid-filter-row[b-5iasvmsofa],
    .dxbs-grid-command-column[b-5iasvmsofa],
    .dxbs-grid-selection-column[b-5iasvmsofa],
    .dxbs-grid-data-column[b-5iasvmsofa],
    .dxbs-grid-table thead[b-5iasvmsofa],
    .dxbs-grid-table > tbody > tr > td:not(.dxbs-grid-detail-cell)[b-5iasvmsofa],
    .dxbs-grid-table > tbody > tr > th[b-5iasvmsofa],
    .dxbs-grid-pager[b-5iasvmsofa],
    .dxbs-grid-empty-data[b-5iasvmsofa],
    .dxbs-grid-toolbar[b-5iasvmsofa],
    .dxbs-grid-statusbar[b-5iasvmsofa] {
        display: none !important;
        visibility: hidden !important;
        height: 0 !important;
        max-height: 0 !important;
        min-height: 0 !important;
        overflow: hidden !important;
        padding: 0 !important;
        margin: 0 !important;
        border: none !important;
        opacity: 0 !important;
        position: absolute !important;
        left: -9999px !important;
    }

    .dxbs-grid-table[b-5iasvmsofa],
    .dxbs-grid-table > tbody[b-5iasvmsofa],
    .dxbs-grid-table > tbody > tr[b-5iasvmsofa] {
        display: block !important;
        width: 100% !important;
        border: none !important;
        background: transparent !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .dxbs-grid-detail-cell[b-5iasvmsofa] {
        display: block !important;
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
        border: none !important;
        background: transparent !important;
        position: relative !important;
        left: 0 !important;
    }

        .dxbs-grid-detail-cell > div[b-5iasvmsofa],
        .dxbs-grid-detail-cell > *[b-5iasvmsofa] {
            width: 100% !important;
            padding: 0 !important;
            margin: 0 !important;
        }
}



@media (max-width: 991px) {
    .dxbs-grid[b-5iasvmsofa] {
        background: transparent !important;
        border: none !important;
    }

    .dxbs-grid-header[b-5iasvmsofa],
    .dxbs-grid-header-content[b-5iasvmsofa],
    .dxbs-grid-filter-row[b-5iasvmsofa],
    .dxbs-grid-command-column[b-5iasvmsofa],
    .dxbs-grid-selection-column[b-5iasvmsofa],
    .dxbs-grid-data-column[b-5iasvmsofa],
    .dxbs-grid-table thead[b-5iasvmsofa],
    .dxbs-grid-table > tbody > tr > td:not(.dxbs-grid-detail-cell)[b-5iasvmsofa] {
        display: none !important;
        visibility: hidden !important;
        height: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        border: none !important;
    }

    .dxbs-grid-table[b-5iasvmsofa],
    .dxbs-grid-table > tbody[b-5iasvmsofa],
    .dxbs-grid-table > tbody > tr[b-5iasvmsofa] {
        display: block !important;
        width: 100% !important;
        border: none !important;
        background: transparent !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .dxbs-grid-detail-cell[b-5iasvmsofa] {
        display: block !important;
        width: 100% !important;
        padding: 0 !important;
        border: none !important;
        background: transparent !important;
    }

    .custom-grid[b-5iasvmsofa] {
        background: var(--info-row-bg) !important;
        border: none !important;
        padding: 0 !important;
    }
}

/* ============================================
   SABİT ARAMA KARTI - MOR ARKA PLAN
   ============================================ */
.search-card-container[b-5iasvmsofa] {
    position: sticky;
    z-index: 100;
    padding: 12px;
    background: var(--card-bg);
    margin: 0;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.search-card[b-5iasvmsofa] {
    position: relative;
    background: var(--search-bg);
    border-radius: 14px;
    padding: 12px 54px 12px 48px;
    box-shadow: var(--shadow-sm);
    display: flex;
    align-items: center;
    transition: all 0.3s ease;
}

    .search-card:focus-within[b-5iasvmsofa] {
        box-shadow: 0 4px 16px rgba(102, 126, 234, 0.3);
        transform: translateY(-1px);
    }

.search-icon[b-5iasvmsofa] {
    position: absolute;
    left: 16px;
    color: rgba(255, 255, 255, 0.9);
    font-size: 20px;
    transition: all 0.3s ease;
}

.search-card:focus-within .search-icon[b-5iasvmsofa] {
    color: white;
    transform: scale(1.1);
}

.search-input[b-5iasvmsofa] {
    flex: 1;
    border: none;
    outline: none;
    background: transparent;
    font-size: 15px;
    color: white;
    font-weight: 500;
}

    .search-input[b-5iasvmsofa]::placeholder {
        color: rgba(255, 255, 255, 0.7);
    }

.search-clear[b-5iasvmsofa] {
    position: absolute;
    right: 12px;
    background: linear-gradient(135deg, #ff6b35 0%, #f7931e 100%);
    border: none;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: white;
    font-size: 18px;
    transition: all 0.2s ease;
    box-shadow: 0 2px 8px rgba(255, 107, 53, 0.4);
}

    .search-clear:hover[b-5iasvmsofa] {
        background: linear-gradient(135deg, #f7931e 0%, #ff6b35 100%);
        transform: scale(1.1);
        box-shadow: 0 4px 12px rgba(255, 107, 53, 0.6);
    }

    .search-clear:active[b-5iasvmsofa] {
        transform: scale(0.95);
    }

/* ============================================
   MOBİL PAGINATION
   ============================================ */
/* Sabit footer container */
.pagination-footer[b-5iasvmsofa] {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--card-bg);
    border-top: 1px solid var(--border-color);
    z-index: 9;
    box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column; /* üst üste dizmek için */
    transition: transform 0.3s;
}

.fatura-list-container[b-5iasvmsofa] {
    max-height: 80vh; /* scroll olması için */
    overflow-y: auto;
    padding-bottom: calc(170px + env(safe-area-inset-bottom)); /* fixed .pagination-footer altında kalmasın */
}

/* Üstteki sayfa numaraları */
.mobile-pagination[b-5iasvmsofa] {
    padding: 7px 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    border-bottom: 1px solid var(--border-color); /* opsiyonel ayrım için */
}

/* Alttaki detaylar + select */
.pagination-details[b-5iasvmsofa] {
    padding: 7px 11px;
    height: 110px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 9px;
}




.pagination-btn[b-5iasvmsofa] {
    background: var(--primary-gradient);
    border: none;
    width: 27px;
    height: 27px;
    border-radius: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: white;
    font-size: 13px;
    transition: all 0.2s ease;
    box-shadow: 0 2px 6px rgba(102, 126, 234, 0.3);
}

    .pagination-btn:hover:not(:disabled)[b-5iasvmsofa] {
        transform: translateY(-1px);
        box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4);
    }

    .pagination-btn:active:not(:disabled)[b-5iasvmsofa] {
        transform: scale(0.95);
    }

    .pagination-btn:disabled[b-5iasvmsofa] {
        background: var(--border-color);
        color: var(--text-muted);
        cursor: not-allowed;
        opacity: 0.5;
        box-shadow: none;
    }

.pagination-info[b-5iasvmsofa] {
    display: flex;
    align-items: center; /* hepsi dikeyde ortalanır */
    justify-content: center; /* yatayda hizalanır */
    gap: 4px;
    background: var(--card-header-bg);
    padding: 6px 11px;
    border-radius: 7px;
    font-weight: 700;
    min-width: 60px;
    box-shadow: var(--shadow-sm);
    white-space: nowrap; /* alt satıra geçmeyi engeller */
    line-height: 1; /* yükseklik farklarını sıfırlar */
}

    .pagination-info span[b-5iasvmsofa] {
        font-size: 11px;
        line-height: 1; /* tam hizalama için */
        display: flex;
        align-items: center; /* dikey ortalama */
    }

.current-page[b-5iasvmsofa] {
    color: #667eea;
}

.separator[b-5iasvmsofa] {
    color: var(--text-muted);
}

.total-pages[b-5iasvmsofa] {
    color: var(--text-secondary);
}




.page-size-selector[b-5iasvmsofa] {
    background: var(--card-header-bg);
    border: 2px solid var(--border-color);
    padding: 5px 9px;
    border-radius: 7px;
    font-size: 12px;
    font-weight: 600;
    color: var(--text-primary);
    cursor: pointer;
    transition: all 0.2s ease;
}

    .page-size-selector:focus[b-5iasvmsofa] {
        outline: none;
        border-color: #667eea;
        box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
    }

    .page-size-selector:hover[b-5iasvmsofa] {
        border-color: #667eea;
    }

.pagination-text[b-5iasvmsofa] {
    font-size: 11px;
    color: var(--text-secondary);
    font-weight: 600;
    flex: 1;
    margin-top: 1vh;
    text-align: right;
}

.stok-card[b-5iasvmsofa] {
    background: var(--card-bg);
    margin: 8px 12px;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: var(--shadow-sm);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer;
    border: 2px solid transparent;
    user-select: none;
    z-index: 1;
    position: relative;
    pointer-events: auto;
}

    .stok-card:hover[b-5iasvmsofa] {
        border-color: #667eea;
        box-shadow: var(--shadow-md);
        transform: translateY(-2px);
    }

    .stok-card.expanded[b-5iasvmsofa] {
        border-color: #764ba2;
        box-shadow: 0 8px 24px rgba(102, 126, 234, 0.25);
    }

    .stok-card:active[b-5iasvmsofa] {
        transform: scale(0.98);
    }

.card-header-section[b-5iasvmsofa] {
    padding: 12px;
    background: var(--card-header-bg);
    border-bottom: 1px solid var(--border-color);
}

.card-title-row[b-5iasvmsofa] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 8px;
}

.card-title[b-5iasvmsofa] {
    font-size: 15px;
    font-weight: 700;
    color: var(--text-primary);
    margin: 0;
    flex: 1;
    line-height: 1.3;
    padding-right: 8px;
}

.card-subtitle[b-5iasvmsofa] {
    font-size: 13px;
    font-weight: 500;
    color: var(--text-secondary);
    margin: 2px 0 0 0;
    line-height: 1.25;
    padding-right: 8px;
    display: block;
}


.expand-icon[b-5iasvmsofa] {
    font-size: 22px;
    color: #667eea;
    flex-shrink: 0;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.stok-card.expanded .expand-icon[b-5iasvmsofa] {
    transform: rotate(180deg);
    color: #764ba2;
}

.card-meta-row[b-5iasvmsofa] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 10px;
}

.card-code[b-5iasvmsofa] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    background: var(--primary-gradient);
    color: white;
    padding: 4px 10px;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 700;
    box-shadow: 0 2px 6px rgba(102, 126, 234, 0.3);
}

.stock-badge[b-5iasvmsofa] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 10px;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 700;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}

.stock-available[b-5iasvmsofa] {
    background: var(--success-gradient);
    color: white;
}

.stock-out[b-5iasvmsofa] {
    background: var(--danger-gradient);
    color: white;
}

.card-quick-info[b-5iasvmsofa] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}

.quick-info-item[b-5iasvmsofa] {
    background: var(--card-bg);
    padding: 10px 12px;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    gap: 3px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    transition: all 0.2s ease;
}

    .quick-info-item:hover[b-5iasvmsofa] {
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
        transform: translateY(-1px);
    }

.quick-label[b-5iasvmsofa] {
    font-size: 10px;
    color: var(--text-muted);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.6px;
}

.quick-value[b-5iasvmsofa] {
    font-size: 16px;
    color: var(--text-primary);
    font-weight: 800;
}

    .quick-value.price[b-5iasvmsofa] {
        color: #48bb78;
        background: linear-gradient(135deg, #48bb78 0%, #38a169 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
    }

.card-content[b-5iasvmsofa] {
    padding: 0 12px;
    background: var(--card-bg);
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.stok-card.expanded .card-content[b-5iasvmsofa] {
    max-height: 2500px;
    opacity: 1;
    padding: 12px;
    margin-bottom: 10px;
}

.info-row[b-5iasvmsofa] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 12px;
    background: var(--info-row-bg);
    border-radius: 10px;
    margin-bottom: 8px;
    transition: all 0.2s ease;
}

    .info-row:hover[b-5iasvmsofa] {
        background: var(--border-color);
        transform: translateX(2px);
    }

.info-label[b-5iasvmsofa] {
    font-size: 13px;
    color: var(--text-secondary);
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 6px;
    flex: 1;
}

    .info-label i[b-5iasvmsofa] {
        color: #667eea;
        font-size: 16px;
    }

.info-value[b-5iasvmsofa] {
    font-size: 14px;
    color: var(--text-primary);
    font-weight: 700;
    text-align: right;
    flex-shrink: 0;
    margin-left: 8px;
}

.card-actions[b-5iasvmsofa] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    gap: 8px;
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid var(--border-color);
}


.action-btn[b-5iasvmsofa] {
    border: none;
    padding: 10px 18px;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

    .action-btn:active[b-5iasvmsofa] {
        transform: scale(0.95);
    }

.btn-primary[b-5iasvmsofa] {
    background: var(--primary-gradient);
    color: white;
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
}

    .btn-primary:hover[b-5iasvmsofa] {
        box-shadow: 0 6px 16px rgba(102, 126, 234, 0.4);
        transform: translateY(-2px);
    }

.btn-secondary[b-5iasvmsofa] {
    background: var(--border-color);
    color: var(--text-secondary);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
}

    .btn-secondary:hover[b-5iasvmsofa] {
        background: #cbd5e0;
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.12);
        transform: translateY(-2px);
    }

[data-bs-theme="dark"] .btn-secondary[b-5iasvmsofa] {
    background: #334155;
    color: #cbd5e1;
}

    [data-bs-theme="dark"] .btn-secondary:hover[b-5iasvmsofa] {
        background: #475569;
    }

@media (max-width: 360px) {
    .card-title[b-5iasvmsofa] {
        font-size: 14px;
    }

    .card-quick-info[b-5iasvmsofa] {
        grid-template-columns: 1fr;
    }

    .search-card-container[b-5iasvmsofa] {
        padding: 10px;
    }

    .stok-card[b-5iasvmsofa] {
        margin: 6px 10px;
    }

    .quick-value[b-5iasvmsofa] {
        font-size: 15px;
    }

    .card-header-section[b-5iasvmsofa] {
        padding: 10px;
    }
}

@media (min-width: 992px) {
    .search-card-container[b-5iasvmsofa],
    .stok-card[b-5iasvmsofa],
    .mobile-pagination[b-5iasvmsofa],
    .pagination-details[b-5iasvmsofa] {
        display: none !important;
    }
}

@keyframes fadeIn-b-5iasvmsofa {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.stok-card[b-5iasvmsofa] {
    animation: fadeIn-b-5iasvmsofa 0.3s ease-out;
}

@media (max-width: 991px) {
    [b-5iasvmsofa]::-webkit-scrollbar {
        width: 6px;
    }

    [b-5iasvmsofa]::-webkit-scrollbar-track {
        background: var(--info-row-bg);
    }

    [b-5iasvmsofa]::-webkit-scrollbar-thumb {
        background: var(--border-color);
        border-radius: 3px;
    }

        [b-5iasvmsofa]::-webkit-scrollbar-thumb:hover {
            background: #667eea;
        }
}

.mobile-footer-fixed[b-5iasvmsofa] {
    position: fixed !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100vw !important;
    margin: 0 !important;
    padding: 8px 12px !important;
    background: #fff !important;
    background-color: #fff !important;
    box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.1) !important;
    border-top: 1px solid var(--border-color) !important;
    z-index: 9999 !important;
    display: flex !important;
    justify-content: flex-start !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    box-sizing: border-box !important;
}

.mobile-list-container[b-5iasvmsofa] {
    width: 100%;
    height: 100vh;
    overflow-y: auto;
    background: #f7fafc;
    padding-bottom: 130px;
    position: relative;
    z-index: 1;
}

[data-bs-theme="dark"] .mobile-list-container[b-5iasvmsofa] {
    background: #0f172a;
}

.pagination-btn[b-5iasvmsofa] {
    background: var(--primary-gradient);
    border: none;
    width: 27px;
    height: 27px;
    border-radius: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: white;
    font-size: 13px;
    transition: all 0.2s ease;
    box-shadow: 0 2px 6px rgba(102, 126, 234, 0.3);
}

    .pagination-btn:hover:not(:disabled)[b-5iasvmsofa] {
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4);
    }

    .pagination-btn:active:not(:disabled)[b-5iasvmsofa] {
        transform: scale(0.95);
    }

    .pagination-btn:disabled[b-5iasvmsofa] {
        background: var(--border-color);
        color: var(--text-muted);
        cursor: not-allowed;
        box-shadow: none;
        opacity: 0.5;
    }

.pagination-info[b-5iasvmsofa] {
    display: flex;
    align-items: center;
    gap: 4px;
    background: var(--card-header-bg);
    padding: 6px 11px;
    border-radius: 7px;
    font-weight: 700;
    min-width: 60px;
    justify-content: center;
    box-shadow: var(--shadow-sm);
}

.current-page[b-5iasvmsofa] {
    font-size: 11px;
    color: #667eea;
}

.separator[b-5iasvmsofa] {
    font-size: 10px;
    color: var(--text-muted);
}

.total-pages[b-5iasvmsofa] {
    font-size: 10px;
    color: var(--text-secondary);
}

.page-size-selector[b-5iasvmsofa] {
    background: var(--card-header-bg);
    border: 2px solid var(--border-color);
    padding: 5px 9px;
    border-radius: 7px;
    font-size: 12px;
    font-weight: 600;
    color: var(--text-primary);
    cursor: pointer;
    transition: all 0.2s ease;
}

    .page-size-selector:focus[b-5iasvmsofa] {
        outline: none;
        border-color: #667eea;
        box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
    }

    .page-size-selector:hover[b-5iasvmsofa] {
        border-color: #667eea;
    }

.pagination-text[b-5iasvmsofa] {
    font-size: 11px;
    color: var(--text-secondary);
    font-weight: 600;
    flex: 1;
    text-align: right;
}

.search-card[b-5iasvmsofa] {
    position: relative;
    background: var(--search-bg);
    border-radius: 14px;
    padding: 12px 54px 12px 48px;
    box-shadow: var(--shadow-sm);
    display: flex;
    align-items: center;
    transition: all 0.3s ease;
}

.search-icon[b-5iasvmsofa] {
    position: absolute;
    left: 16px;
    color: rgba(255, 255, 255, 0.9);
    font-size: 20px;
    transition: all 0.3s ease;
}

.search-input[b-5iasvmsofa] {
    flex: 1;
    border: none;
    outline: none;
    background: transparent;
    font-size: 15px;
    color: white;
    font-weight: 500;
}

    .search-input[b-5iasvmsofa]::placeholder {
        color: rgba(255, 255, 255, 0.7);
    }

.search-clear[b-5iasvmsofa] {
    position: absolute;
    right: 12px;
    background: linear-gradient(135deg, #ff6b35 0%, #f7931e 100%);
    border: none;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: white;
    font-size: 18px;
    transition: all 0.2s ease;
    box-shadow: 0 2px 8px rgba(255, 107, 53, 0.4);
}

    .search-clear:hover[b-5iasvmsofa] {
        background: linear-gradient(135deg, #f7931e 0%, #ff6b35 100%);
        transform: scale(1.1);
        box-shadow: 0 4px 12px rgba(255, 107, 53, 0.6);
    }

    .search-clear:active[b-5iasvmsofa] {
        transform: scale(0.95);
    }

#faturaContainer[b-5iasvmsofa] {
    overflow-y: auto;
    height: calc(100vh - 150px);
}
/* _content/Client/Pages/FinansYonetimi/Banka/BankaKartiMobil/BankaKartiMobil.razor.rz.scp.css */

/* ============================================
   SABİT ARAMA KARTI - MOR ARKA PLAN
   ============================================ */
.search-card-container[b-rnlp9b7izb] {
    position: sticky;
    top: 0;
    z-index: 100;
    padding: 12px;
    background: var(--search-bg);
    margin: 0;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.search-card[b-rnlp9b7izb] {
    position: relative;
    background: var(--search-bg);
    border-radius: 14px;
    padding: 12px 54px 12px 48px;
    box-shadow: var(--shadow-sm);
    display: flex;
    align-items: center;
    transition: all 0.3s ease;
}

    .search-card:focus-within[b-rnlp9b7izb] {
        box-shadow: 0 4px 16px rgba(102, 126, 234, 0.3);
        transform: translateY(-1px);
    }

.search-icon[b-rnlp9b7izb] {
    position: absolute;
    left: 16px;
    color: rgba(255, 255, 255, 0.9);
    font-size: 20px;
    transition: all 0.3s ease;
}

.search-card:focus-within .search-icon[b-rnlp9b7izb] {
    color: white;
    transform: scale(1.1);
}

.search-input[b-rnlp9b7izb] {
    flex: 1;
    border: none;
    outline: none;
    background: transparent;
    font-size: 15px;
    color: white;
    font-weight: 500;
}

    .search-input[b-rnlp9b7izb]::placeholder {
        color: rgba(255, 255, 255, 0.7);
    }

.search-clear[b-rnlp9b7izb] {
    position: absolute;
    right: 12px;
    background: linear-gradient(135deg, #ff6b35 0%, #f7931e 100%);
    border: none;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: white;
    font-size: 18px;
    transition: all 0.2s ease;
    box-shadow: 0 2px 8px rgba(255, 107, 53, 0.4);
}

    .search-clear:hover[b-rnlp9b7izb] {
        background: linear-gradient(135deg, #f7931e 0%, #ff6b35 100%);
        transform: scale(1.1);
        box-shadow: 0 4px 12px rgba(255, 107, 53, 0.6);
    }

    .search-clear:active[b-rnlp9b7izb] {
        transform: scale(0.95);
    }

/* ============================================
   STOK KARTI
   ============================================ */
.stok-card[b-rnlp9b7izb] {
    background: var(--card-bg);
    margin: 8px 12px;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: var(--shadow-sm);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer;
    border: 2px solid transparent;
    user-select: none;
    position: relative;
}

    .stok-card:hover[b-rnlp9b7izb] {
        border-color: #667eea;
        box-shadow: var(--shadow-md);
        transform: translateY(-2px);
    }

    .stok-card.expanded[b-rnlp9b7izb] {
        border-color: #764ba2;
        box-shadow: 0 8px 24px rgba(102, 126, 234, 0.25);
    }

    .stok-card:active[b-rnlp9b7izb] {
        transform: scale(0.98);
    }

.card-header-section[b-rnlp9b7izb] {
    padding: 6px;
    background: var(--card-header-bg);
    border-bottom: 1px solid var(--border-color);
    cursor: pointer;
}

.card-main-info[b-rnlp9b7izb] {
    width: 100%;
}

.card-title-row[b-rnlp9b7izb] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 8px;
}

.card-title[b-rnlp9b7izb] {
    font-size: 15px;
    font-weight: 700;
    color: var(--text-primary);
    margin: 0;
    flex: 1;
    line-height: 1.3;
    padding-right: 8px;
}

.expand-icon[b-rnlp9b7izb] {
    font-size: 22px;
    color: #667eea;
    flex-shrink: 0;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    pointer-events: none;
}

.stok-card.expanded .expand-icon[b-rnlp9b7izb] {
    transform: rotate(180deg);
    color: #764ba2;
}

    .stok-card.expanded .expand-icon i[b-rnlp9b7izb] {
        transform: rotate(0deg);
    }

.card-meta-row[b-rnlp9b7izb] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 10px;
}

.card-code[b-rnlp9b7izb] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    background: var(--primary-gradient);
    color: white;
    padding: 4px 10px;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 700;
    box-shadow: 0 2px 6px rgba(102, 126, 234, 0.3);
}

.stock-badge[b-rnlp9b7izb] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 10px;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 700;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}

.stock-available[b-rnlp9b7izb] {
    background: var(--success-gradient);
    color: white;
}

.stock-out[b-rnlp9b7izb] {
    background: var(--danger-gradient);
    color: white;
}

.card-quick-info[b-rnlp9b7izb] {
    display: flex; /* yan yana dizmek için flex */
    justify-content: space-between; /* iki öğeyi uçlara yasla */
    gap: 8px; /* öğeler arası boşluk */
}

.quick-info-item[b-rnlp9b7izb] {
    background: var(--card-bg);
    padding: 6px 10px; /* biraz daha kompakt */
    border-radius: 12px;
    display: flex; /* içerik yan yana veya dikey için flex */
    flex-direction: column; /* label ve value dikey */
    gap: 2px;
    flex: 1; /* eşit genişlik */
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    transition: all 0.2s ease;
    text-align: center; /* değerleri ortala */
}

    .quick-info-item:hover[b-rnlp9b7izb] {
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
        transform: translateY(-1px);
    }

.quick-label[b-rnlp9b7izb] {
    font-size: 10px;
    color: var(--text-muted);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    text-align: start;
}

.quick-value[b-rnlp9b7izb] {
    font-size: 16px;
    color: var(--text-primary);
    font-weight: 800;
}

    .quick-value.price[b-rnlp9b7izb] {
        color: #48bb78;
        background: var(--text-primary);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
    }

/* ============================================
   AÇILIR İÇERİK
   ============================================ */
.card-content[b-rnlp9b7izb] {
    padding: 0 12px;
    background: var(--card-bg);
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    display: block;
    visibility: visible;
}

.stok-card.expanded .card-content[b-rnlp9b7izb] {
    max-height: 2500px;
    opacity: 1;
    padding: 12px;
    display: block;
    visibility: visible;
}

.info-row[b-rnlp9b7izb] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 12px;
    background: var(--info-row-bg);
    border-radius: 10px;
    margin-bottom: 8px;
    transition: all 0.2s ease;
}

    .info-row:hover[b-rnlp9b7izb] {
        background: var(--border-color);
        transform: translateX(2px);
    }

.info-label[b-rnlp9b7izb] {
    font-size: 13px;
    color: var(--text-secondary);
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 6px;
    flex: 1;
}

    .info-label i[b-rnlp9b7izb] {
        color: #667eea;
        font-size: 16px;
    }

.info-value[b-rnlp9b7izb] {
    font-size: 14px;
    color: var(--text-primary);
    font-weight: 700;
    text-align: right;
    flex-shrink: 0;
    margin-left: 8px;
}

.card-actions[b-rnlp9b7izb] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    grid-template-columns: 1fr auto;
    gap: 8px;
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid var(--border-color);
    pointer-events: auto;
    position: relative;
    z-index: 10;
}

.action-btn[b-rnlp9b7izb] {
    border: none;
    padding: 10px 18px;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 700;
    flex: 1;
    text-align: center;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    pointer-events: auto;
    position: relative;
    z-index: 11;
}

    .action-btn:active[b-rnlp9b7izb] {
        transform: scale(0.95);
    }

.btn-primary[b-rnlp9b7izb] {
    background: var(--primary-gradient);
    color: white;
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
}

    .btn-primary:hover[b-rnlp9b7izb] {
        box-shadow: 0 6px 16px rgba(102, 126, 234, 0.4);
        transform: translateY(-2px);
    }

.btn-secondary[b-rnlp9b7izb] {
    background: var(--border-color);
    color: var(--text-secondary);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
}

    .btn-secondary:hover[b-rnlp9b7izb] {
        background: #cbd5e0;
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.12);
        transform: translateY(-2px);
    }

[data-bs-theme="dark"] .btn-secondary[b-rnlp9b7izb] {
    background: #334155;
    color: #cbd5e1;
}

    [data-bs-theme="dark"] .btn-secondary:hover[b-rnlp9b7izb] {
        background: #475569;
    }

/* ============================================
   RESPONSİVE TASARIM
   ============================================ */
@media (max-width: 360px) {
    .card-title[b-rnlp9b7izb] {
        font-size: 14px;
    }

    .card-quick-info[b-rnlp9b7izb] {
        grid-template-columns: 1fr;
    }

    .search-card-container[b-rnlp9b7izb] {
        padding: 10px;
    }

    .stok-card[b-rnlp9b7izb] {
        margin: 6px 10px;
    }

    .quick-value[b-rnlp9b7izb] {
        font-size: 15px;
    }

    .card-header-section[b-rnlp9b7izb] {
        padding: 8px;
    }
}

@media (min-width: 768px) {
    .search-card-container[b-rnlp9b7izb],
    .stok-card[b-rnlp9b7izb] {
        display: none !important;
    }
}

/* ============================================
   ANIMASYONLAR
   ============================================ */
@keyframes fadeIn-b-rnlp9b7izb {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.stok-card[b-rnlp9b7izb] {
    animation: fadeIn-b-rnlp9b7izb 0.3s ease-out;
}

/* ============================================
   SCROLLBAR
   ============================================ */
@media (max-width: 767px) {
    [b-rnlp9b7izb]::-webkit-scrollbar {
        width: 6px;
    }

    [b-rnlp9b7izb]::-webkit-scrollbar-track {
        background: var(--info-row-bg);
    }

    [b-rnlp9b7izb]::-webkit-scrollbar-thumb {
        background: var(--border-color);
        border-radius: 3px;
    }

        [b-rnlp9b7izb]::-webkit-scrollbar-thumb:hover {
            background: #667eea;
        }

    .dxbs-grid[b-rnlp9b7izb],
    .custom-grid[b-rnlp9b7izb] {
        background: transparent !important;
        border: none !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    [data-bs-theme="dark"] .dxbs-grid[b-rnlp9b7izb],
    [data-bs-theme="dark"] .custom-grid[b-rnlp9b7izb] {
        background: #0f172a !important;
    }

    .dxbs-grid-header[b-rnlp9b7izb],
    .dxbs-grid-header-content[b-rnlp9b7izb],
    .dxbs-grid-header-panel[b-rnlp9b7izb],
    .dxbs-grid-filter-row[b-rnlp9b7izb],
    .dxbs-grid-command-column[b-rnlp9b7izb],
    .dxbs-grid-selection-column[b-rnlp9b7izb],
    .dxbs-grid-data-column[b-rnlp9b7izb],
    .dxbs-grid-table thead[b-rnlp9b7izb],
    .dxbs-grid-table > tbody > tr > td:not(.dxbs-grid-detail-cell)[b-rnlp9b7izb],
    .dxbs-grid-table > tbody > tr > th[b-rnlp9b7izb],
    .dxbs-grid-pager[b-rnlp9b7izb],
    .dxbs-grid-empty-data[b-rnlp9b7izb],
    .dxbs-grid-toolbar[b-rnlp9b7izb],
    .dxbs-grid-statusbar[b-rnlp9b7izb] {
        display: none !important;
        visibility: hidden !important;
        height: 0 !important;
        max-height: 0 !important;
        min-height: 0 !important;
        overflow: hidden !important;
        padding: 0 !important;
        margin: 0 !important;
        border: none !important;
        opacity: 0 !important;
        position: absolute !important;
        left: -9999px !important;
    }

    .dxbs-grid-table[b-rnlp9b7izb],
    .dxbs-grid-table > tbody[b-rnlp9b7izb],
    .dxbs-grid-table > tbody > tr[b-rnlp9b7izb] {
        display: block !important;
        width: 100% !important;
        border: none !important;
        background: transparent !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .dxbs-grid-detail-cell[b-rnlp9b7izb] {
        display: block !important;
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
        border: none !important;
        background: transparent !important;
        position: relative !important;
        left: 0 !important;
    }

        .dxbs-grid-detail-cell > div[b-rnlp9b7izb],
        .dxbs-grid-detail-cell > *[b-rnlp9b7izb] {
            width: 100% !important;
            padding: 0 !important;
            margin: 0 !important;
        }
}



@media (max-width: 991px) {
    .dxbs-grid[b-rnlp9b7izb] {
        background: transparent !important;
        border: none !important;
    }

    .dxbs-grid-header[b-rnlp9b7izb],
    .dxbs-grid-header-content[b-rnlp9b7izb],
    .dxbs-grid-filter-row[b-rnlp9b7izb],
    .dxbs-grid-command-column[b-rnlp9b7izb],
    .dxbs-grid-selection-column[b-rnlp9b7izb],
    .dxbs-grid-data-column[b-rnlp9b7izb],
    .dxbs-grid-table thead[b-rnlp9b7izb],
    .dxbs-grid-table > tbody > tr > td:not(.dxbs-grid-detail-cell)[b-rnlp9b7izb] {
        display: none !important;
        visibility: hidden !important;
        height: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        border: none !important;
    }

    .dxbs-grid-table[b-rnlp9b7izb],
    .dxbs-grid-table > tbody[b-rnlp9b7izb],
    .dxbs-grid-table > tbody > tr[b-rnlp9b7izb] {
        display: block !important;
        width: 100% !important;
        border: none !important;
        background: transparent !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .dxbs-grid-detail-cell[b-rnlp9b7izb] {
        display: block !important;
        width: 100% !important;
        padding: 0 !important;
        border: none !important;
        background: transparent !important;
    }

    .custom-grid[b-rnlp9b7izb] {
        background: var(--info-row-bg) !important;
        border: none !important;
        padding: 0 !important;
    }
}

/* ============================================
   SABİT ARAMA KARTI - MOR ARKA PLAN
   ============================================ */
.search-card-container[b-rnlp9b7izb] {
    position: sticky;
    z-index: 100;
    padding: 12px;
    background: var(--card-bg);
    margin: 0;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.search-card[b-rnlp9b7izb] {
    position: relative;
    background: var(--search-bg);
    border-radius: 14px;
    padding: 12px 54px 12px 48px;
    box-shadow: var(--shadow-sm);
    display: flex;
    align-items: center;
    transition: all 0.3s ease;
}

    .search-card:focus-within[b-rnlp9b7izb] {
        box-shadow: 0 4px 16px rgba(102, 126, 234, 0.3);
        transform: translateY(-1px);
    }

.search-icon[b-rnlp9b7izb] {
    position: absolute;
    left: 16px;
    color: rgba(255, 255, 255, 0.9);
    font-size: 20px;
    transition: all 0.3s ease;
}

.search-card:focus-within .search-icon[b-rnlp9b7izb] {
    color: white;
    transform: scale(1.1);
}

.search-input[b-rnlp9b7izb] {
    flex: 1;
    border: none;
    outline: none;
    background: transparent;
    font-size: 15px;
    color: white;
    font-weight: 500;
}

    .search-input[b-rnlp9b7izb]::placeholder {
        color: rgba(255, 255, 255, 0.7);
    }

.search-clear[b-rnlp9b7izb] {
    position: absolute;
    right: 12px;
    background: linear-gradient(135deg, #ff6b35 0%, #f7931e 100%);
    border: none;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: white;
    font-size: 18px;
    transition: all 0.2s ease;
    box-shadow: 0 2px 8px rgba(255, 107, 53, 0.4);
}

    .search-clear:hover[b-rnlp9b7izb] {
        background: linear-gradient(135deg, #f7931e 0%, #ff6b35 100%);
        transform: scale(1.1);
        box-shadow: 0 4px 12px rgba(255, 107, 53, 0.6);
    }

    .search-clear:active[b-rnlp9b7izb] {
        transform: scale(0.95);
    }

/* ============================================
   MOBİL PAGINATION
   ============================================ */
/* Sabit footer container */
.pagination-footer[b-rnlp9b7izb] {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--card-bg);
    border-top: 1px solid var(--border-color);
    z-index: 9;
    box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column; /* üst üste dizmek için */
    transition: transform 0.3s;
}

.fatura-list-container[b-rnlp9b7izb] {
    max-height: 80vh; /* scroll olması için */
    overflow-y: auto;
    padding-bottom: calc(170px + env(safe-area-inset-bottom)); /* fixed .pagination-footer altında kalmasın */
}

/* Üstteki sayfa numaraları */
.mobile-pagination[b-rnlp9b7izb] {
    padding: 7px 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    border-bottom: 1px solid var(--border-color); /* opsiyonel ayrım için */
}

/* Alttaki detaylar + select */
.pagination-details[b-rnlp9b7izb] {
    padding: 7px 11px;
    height: 110px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 9px;
}




.pagination-btn[b-rnlp9b7izb] {
    background: var(--primary-gradient);
    border: none;
    width: 27px;
    height: 27px;
    border-radius: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: white;
    font-size: 13px;
    transition: all 0.2s ease;
    box-shadow: 0 2px 6px rgba(102, 126, 234, 0.3);
}

    .pagination-btn:hover:not(:disabled)[b-rnlp9b7izb] {
        transform: translateY(-1px);
        box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4);
    }

    .pagination-btn:active:not(:disabled)[b-rnlp9b7izb] {
        transform: scale(0.95);
    }

    .pagination-btn:disabled[b-rnlp9b7izb] {
        background: var(--border-color);
        color: var(--text-muted);
        cursor: not-allowed;
        opacity: 0.5;
        box-shadow: none;
    }

.pagination-info[b-rnlp9b7izb] {
    display: flex;
    align-items: center; /* hepsi dikeyde ortalanır */
    justify-content: center; /* yatayda hizalanır */
    gap: 4px;
    background: var(--card-header-bg);
    padding: 6px 11px;
    border-radius: 7px;
    font-weight: 700;
    min-width: 60px;
    box-shadow: var(--shadow-sm);
    white-space: nowrap; /* alt satıra geçmeyi engeller */
    line-height: 1; /* yükseklik farklarını sıfırlar */
}

    .pagination-info span[b-rnlp9b7izb] {
        font-size: 11px;
        line-height: 1; /* tam hizalama için */
        display: flex;
        align-items: center; /* dikey ortalama */
    }

.current-page[b-rnlp9b7izb] {
    color: #667eea;
}

.separator[b-rnlp9b7izb] {
    color: var(--text-muted);
}

.total-pages[b-rnlp9b7izb] {
    color: var(--text-secondary);
}




.page-size-selector[b-rnlp9b7izb] {
    background: var(--card-header-bg);
    border: 2px solid var(--border-color);
    padding: 5px 9px;
    border-radius: 7px;
    font-size: 12px;
    font-weight: 600;
    color: var(--text-primary);
    cursor: pointer;
    transition: all 0.2s ease;
}

    .page-size-selector:focus[b-rnlp9b7izb] {
        outline: none;
        border-color: #667eea;
        box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
    }

    .page-size-selector:hover[b-rnlp9b7izb] {
        border-color: #667eea;
    }

.pagination-text[b-rnlp9b7izb] {
    font-size: 11px;
    color: var(--text-secondary);
    font-weight: 600;
    flex: 1;
    margin-top: 1vh;
    text-align: right;
}

.stok-card[b-rnlp9b7izb] {
    background: var(--card-bg);
    margin: 8px 12px;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: var(--shadow-sm);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer;
    border: 2px solid transparent;
    user-select: none;
    z-index: 1;
    position: relative;
    pointer-events: auto;
}

    .stok-card:hover[b-rnlp9b7izb] {
        border-color: #667eea;
        box-shadow: var(--shadow-md);
        transform: translateY(-2px);
    }

    .stok-card.expanded[b-rnlp9b7izb] {
        border-color: #764ba2;
        box-shadow: 0 8px 24px rgba(102, 126, 234, 0.25);
    }

    .stok-card:active[b-rnlp9b7izb] {
        transform: scale(0.98);
    }

.card-header-section[b-rnlp9b7izb] {
    padding: 12px;
    background: var(--card-header-bg);
    border-bottom: 1px solid var(--border-color);
}

.card-title-row[b-rnlp9b7izb] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 8px;
}

.card-title[b-rnlp9b7izb] {
    font-size: 15px;
    font-weight: 700;
    color: var(--text-primary);
    margin: 0;
    flex: 1;
    line-height: 1.3;
    padding-right: 8px;
}

.card-subtitle[b-rnlp9b7izb] {
    font-size: 13px;
    font-weight: 500;
    color: var(--text-secondary);
    margin: 2px 0 0 0;
    line-height: 1.25;
    padding-right: 8px;
    display: block;
}


.expand-icon[b-rnlp9b7izb] {
    font-size: 22px;
    color: #667eea;
    flex-shrink: 0;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.stok-card.expanded .expand-icon[b-rnlp9b7izb] {
    transform: rotate(180deg);
    color: #764ba2;
}

.card-meta-row[b-rnlp9b7izb] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 10px;
}

.card-code[b-rnlp9b7izb] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    background: var(--primary-gradient);
    color: white;
    padding: 4px 10px;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 700;
    box-shadow: 0 2px 6px rgba(102, 126, 234, 0.3);
}

.stock-badge[b-rnlp9b7izb] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 10px;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 700;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}

.stock-available[b-rnlp9b7izb] {
    background: var(--success-gradient);
    color: white;
}

.stock-out[b-rnlp9b7izb] {
    background: var(--danger-gradient);
    color: white;
}

.card-quick-info[b-rnlp9b7izb] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}

.quick-info-item[b-rnlp9b7izb] {
    background: var(--card-bg);
    padding: 10px 12px;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    gap: 3px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    transition: all 0.2s ease;
}

    .quick-info-item:hover[b-rnlp9b7izb] {
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
        transform: translateY(-1px);
    }

.quick-label[b-rnlp9b7izb] {
    font-size: 10px;
    color: var(--text-muted);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.6px;
}

.quick-value[b-rnlp9b7izb] {
    font-size: 16px;
    color: var(--text-primary);
    font-weight: 800;
}

    .quick-value.price[b-rnlp9b7izb] {
        color: #48bb78;
        background: linear-gradient(135deg, #48bb78 0%, #38a169 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
    }

.card-content[b-rnlp9b7izb] {
    padding: 0 12px;
    background: var(--card-bg);
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.stok-card.expanded .card-content[b-rnlp9b7izb] {
    max-height: 2500px;
    opacity: 1;
    padding: 12px;
    margin-bottom: 10px;
}

.info-row[b-rnlp9b7izb] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 12px;
    background: var(--info-row-bg);
    border-radius: 10px;
    margin-bottom: 8px;
    transition: all 0.2s ease;
}

    .info-row:hover[b-rnlp9b7izb] {
        background: var(--border-color);
        transform: translateX(2px);
    }

.info-label[b-rnlp9b7izb] {
    font-size: 13px;
    color: var(--text-secondary);
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 6px;
    flex: 1;
}

    .info-label i[b-rnlp9b7izb] {
        color: #667eea;
        font-size: 16px;
    }

.info-value[b-rnlp9b7izb] {
    font-size: 14px;
    color: var(--text-primary);
    font-weight: 700;
    text-align: right;
    flex-shrink: 0;
    margin-left: 8px;
}

.card-actions[b-rnlp9b7izb] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    gap: 8px;
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid var(--border-color);
}


.action-btn[b-rnlp9b7izb] {
    border: none;
    padding: 10px 18px;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

    .action-btn:active[b-rnlp9b7izb] {
        transform: scale(0.95);
    }

.btn-primary[b-rnlp9b7izb] {
    background: var(--primary-gradient);
    color: white;
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
}

    .btn-primary:hover[b-rnlp9b7izb] {
        box-shadow: 0 6px 16px rgba(102, 126, 234, 0.4);
        transform: translateY(-2px);
    }

.btn-secondary[b-rnlp9b7izb] {
    background: var(--border-color);
    color: var(--text-secondary);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
}

    .btn-secondary:hover[b-rnlp9b7izb] {
        background: #cbd5e0;
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.12);
        transform: translateY(-2px);
    }

[data-bs-theme="dark"] .btn-secondary[b-rnlp9b7izb] {
    background: #334155;
    color: #cbd5e1;
}

    [data-bs-theme="dark"] .btn-secondary:hover[b-rnlp9b7izb] {
        background: #475569;
    }

@media (max-width: 360px) {
    .card-title[b-rnlp9b7izb] {
        font-size: 14px;
    }

    .card-quick-info[b-rnlp9b7izb] {
        grid-template-columns: 1fr;
    }

    .search-card-container[b-rnlp9b7izb] {
        padding: 10px;
    }

    .stok-card[b-rnlp9b7izb] {
        margin: 6px 10px;
    }

    .quick-value[b-rnlp9b7izb] {
        font-size: 15px;
    }

    .card-header-section[b-rnlp9b7izb] {
        padding: 10px;
    }
}

@media (min-width: 992px) {
    .search-card-container[b-rnlp9b7izb],
    .stok-card[b-rnlp9b7izb],
    .mobile-pagination[b-rnlp9b7izb],
    .pagination-details[b-rnlp9b7izb] {
        display: none !important;
    }
}

@keyframes fadeIn-b-rnlp9b7izb {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.stok-card[b-rnlp9b7izb] {
    animation: fadeIn-b-rnlp9b7izb 0.3s ease-out;
}

@media (max-width: 991px) {
    [b-rnlp9b7izb]::-webkit-scrollbar {
        width: 6px;
    }

    [b-rnlp9b7izb]::-webkit-scrollbar-track {
        background: var(--info-row-bg);
    }

    [b-rnlp9b7izb]::-webkit-scrollbar-thumb {
        background: var(--border-color);
        border-radius: 3px;
    }

        [b-rnlp9b7izb]::-webkit-scrollbar-thumb:hover {
            background: #667eea;
        }
}

.mobile-footer-fixed[b-rnlp9b7izb] {
    position: fixed !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100vw !important;
    margin: 0 !important;
    padding: 8px 12px !important;
    background: #fff !important;
    background-color: #fff !important;
    box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.1) !important;
    border-top: 1px solid var(--border-color) !important;
    z-index: 9999 !important;
    display: flex !important;
    justify-content: flex-start !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    box-sizing: border-box !important;
}

.mobile-list-container[b-rnlp9b7izb] {
    width: 100%;
    height: 100vh;
    overflow-y: auto;
    background: #f7fafc;
    padding-bottom: 130px;
    position: relative;
    z-index: 1;
}

[data-bs-theme="dark"] .mobile-list-container[b-rnlp9b7izb] {
    background: #0f172a;
}

.pagination-btn[b-rnlp9b7izb] {
    background: var(--primary-gradient);
    border: none;
    width: 27px;
    height: 27px;
    border-radius: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: white;
    font-size: 13px;
    transition: all 0.2s ease;
    box-shadow: 0 2px 6px rgba(102, 126, 234, 0.3);
}

    .pagination-btn:hover:not(:disabled)[b-rnlp9b7izb] {
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4);
    }

    .pagination-btn:active:not(:disabled)[b-rnlp9b7izb] {
        transform: scale(0.95);
    }

    .pagination-btn:disabled[b-rnlp9b7izb] {
        background: var(--border-color);
        color: var(--text-muted);
        cursor: not-allowed;
        box-shadow: none;
        opacity: 0.5;
    }

.pagination-info[b-rnlp9b7izb] {
    display: flex;
    align-items: center;
    gap: 4px;
    background: var(--card-header-bg);
    padding: 6px 11px;
    border-radius: 7px;
    font-weight: 700;
    min-width: 60px;
    justify-content: center;
    box-shadow: var(--shadow-sm);
}

.current-page[b-rnlp9b7izb] {
    font-size: 11px;
    color: #667eea;
}

.separator[b-rnlp9b7izb] {
    font-size: 10px;
    color: var(--text-muted);
}

.total-pages[b-rnlp9b7izb] {
    font-size: 10px;
    color: var(--text-secondary);
}

.page-size-selector[b-rnlp9b7izb] {
    background: var(--card-header-bg);
    border: 2px solid var(--border-color);
    padding: 5px 9px;
    border-radius: 7px;
    font-size: 12px;
    font-weight: 600;
    color: var(--text-primary);
    cursor: pointer;
    transition: all 0.2s ease;
}

    .page-size-selector:focus[b-rnlp9b7izb] {
        outline: none;
        border-color: #667eea;
        box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
    }

    .page-size-selector:hover[b-rnlp9b7izb] {
        border-color: #667eea;
    }

.pagination-text[b-rnlp9b7izb] {
    font-size: 11px;
    color: var(--text-secondary);
    font-weight: 600;
    flex: 1;
    text-align: right;
}

.search-card[b-rnlp9b7izb] {
    position: relative;
    background: var(--search-bg);
    border-radius: 14px;
    padding: 12px 54px 12px 48px;
    box-shadow: var(--shadow-sm);
    display: flex;
    align-items: center;
    transition: all 0.3s ease;
}

.search-icon[b-rnlp9b7izb] {
    position: absolute;
    left: 16px;
    color: rgba(255, 255, 255, 0.9);
    font-size: 20px;
    transition: all 0.3s ease;
}

.search-input[b-rnlp9b7izb] {
    flex: 1;
    border: none;
    outline: none;
    background: transparent;
    font-size: 15px;
    color: white;
    font-weight: 500;
}

    .search-input[b-rnlp9b7izb]::placeholder {
        color: rgba(255, 255, 255, 0.7);
    }

.search-clear[b-rnlp9b7izb] {
    position: absolute;
    right: 12px;
    background: linear-gradient(135deg, #ff6b35 0%, #f7931e 100%);
    border: none;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: white;
    font-size: 18px;
    transition: all 0.2s ease;
    box-shadow: 0 2px 8px rgba(255, 107, 53, 0.4);
}

    .search-clear:hover[b-rnlp9b7izb] {
        background: linear-gradient(135deg, #f7931e 0%, #ff6b35 100%);
        transform: scale(1.1);
        box-shadow: 0 4px 12px rgba(255, 107, 53, 0.6);
    }

    .search-clear:active[b-rnlp9b7izb] {
        transform: scale(0.95);
    }

#faturaContainer[b-rnlp9b7izb] {
    overflow-y: auto;
    height: calc(100vh - 150px);
}
/* _content/Client/Pages/FinansYonetimi/Banka/BankaMobil/BankaMobil.razor.rz.scp.css */
:root[b-zl11d5teb9] {
    --chim-primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    --chim-primary: #667eea;
    --chim-primary-dark: #764ba2;
    --chim-success-gradient: linear-gradient(135deg, #48bb78 0%, #38a169 100%);
    --chim-success: #48bb78;
    --chim-warning-gradient: linear-gradient(135deg, #f6ad55 0%, #ed8936 100%);
    --chim-warning: #f6ad55;
    --chim-danger-gradient: linear-gradient(135deg, #fc8181 0%, #f56565 100%);
    --chim-danger: #fc8181;
    --chim-card-bg: #ffffff;
    --chim-card-header-bg: linear-gradient(135deg, #f7fafc 0%, #edf2f7 100%);
    --chim-text-primary: #1a202c;
    --chim-text-secondary: #4a5568;
    --chim-text-muted: #718096;
    --chim-border: #e2e8f0;
    --chim-bg: #f7fafc;
    --chim-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.08);
    --chim-shadow-md: 0 4px 16px rgba(102, 126, 234, 0.2);
}

[data-bs-theme="dark"][b-zl11d5teb9] {
    --chim-primary: #8b9aee;
    --chim-primary-dark: #9a7bc2;
    --chim-success: #68d391;
    --chim-warning: #fbbf24;
    --chim-danger: #fca5a5;
    --chim-card-bg: #1e293b;
    --chim-card-header-bg: linear-gradient(135deg, #334155 0%, #1e293b 100%);
    --chim-text-primary: #f1f5f9;
    --chim-text-secondary: #cbd5e1;
    --chim-text-muted: #94a3b8;
    --chim-border: #334155;
    --chim-bg: #0f172a;
    --chim-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3);
    --chim-shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4);
}

/* ── CONTAINER ─────────────────────────────────────── */
.chim-container[b-zl11d5teb9] {
    width: 100%;
    min-height: 100vh;
    background: var(--chim-bg);
    padding-bottom: 20px;
}

/* ── STICKY HEADER ──────────────────────────────────── */
.chim-header-sticky[b-zl11d5teb9] {
    position: sticky;
    top: 0;
    z-index: 10;
    background: var(--chim-bg);
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
    margin-top: 1rem;
    padding: 0 12px 12px;
}

.chim-controls-card[b-zl11d5teb9] {
    background: var(--chim-card-bg);
    border-radius: 16px;
    padding: 10px 12px;
    box-shadow: var(--chim-shadow-sm);
    display: flex;
    align-items: center;
    gap: 10px;
}

/* ── SEARCH ─────────────────────────────────────────── */
.chim-search-inline[b-zl11d5teb9] {
    flex: 1;
    position: relative;
    display: flex;
    align-items: center;
}

.chim-search-icon[b-zl11d5teb9] {
    position: absolute;
    left: 12px;
    font-size: 18px;
    color: #ffffff;
    z-index: 1;
    pointer-events: none;
}

.chim-search-input[b-zl11d5teb9] {
    width: 100%;
    border: none;
    border-radius: 12px;
    padding: 10px 36px 10px 38px;
    font-size: 14px;
    font-weight: 500;
    color: #ffffff;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    transition: all 0.2s ease;
    outline: none;
    box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3);
}

    .chim-search-input:focus[b-zl11d5teb9] {
        box-shadow: 0 4px 16px rgba(102, 126, 234, 0.4);
        transform: translateY(-1px);
    }

    .chim-search-input[b-zl11d5teb9]::placeholder {
        color: rgba(255, 255, 255, 0.7);
    }

.chim-search-clear[b-zl11d5teb9] {
    position: absolute;
    right: 8px;
    background: linear-gradient(135deg, #ff6b35 0%, #f7931e 100%);
    border: none;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: white;
    font-size: 14px;
    transition: all 0.2s ease;
    box-shadow: 0 2px 6px rgba(255, 107, 53, 0.4);
}

    .chim-search-clear:active[b-zl11d5teb9] {
        transform: scale(0.95);
    }

/* ── FILTER BUTTON ──────────────────────────────────── */
.chim-filter-btn[b-zl11d5teb9] {
    flex-shrink: 0;
    width: 42px;
    height: 42px;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border: none;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: white;
    font-size: 20px;
    transition: all 0.2s ease;
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
    position: relative;
}

    .chim-filter-btn:active[b-zl11d5teb9] {
        transform: scale(0.95);
    }

    .chim-filter-btn.active[b-zl11d5teb9] {
        background: linear-gradient(135deg, #764ba2 0%, #667eea 100%);
        box-shadow: 0 4px 16px rgba(118, 75, 162, 0.5);
    }

.chim-filter-badge[b-zl11d5teb9] {
    position: absolute;
    top: -6px;
    right: -6px;
    background: linear-gradient(135deg, #f56565 0%, #e53e3e 100%);
    color: white;
    font-size: 10px;
    font-weight: 800;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 6px rgba(229, 62, 62, 0.4);
    border: 2px solid var(--chim-card-bg);
}

/* ── LOADING ────────────────────────────────────────── */
.chim-loading-overlay[b-zl11d5teb9] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 20px;
    gap: 20px;
}

.chim-spinner[b-zl11d5teb9] {
    position: relative;
    width: 60px;
    height: 60px;
}

.chim-spinner-ring[b-zl11d5teb9] {
    position: absolute;
    width: 100%;
    height: 100%;
    border: 3px solid transparent;
    border-top-color: var(--chim-primary);
    border-radius: 50%;
    animation: chimSpin-b-zl11d5teb9 1s linear infinite;
}

    .chim-spinner-ring:nth-child(2)[b-zl11d5teb9] {
        border-top-color: var(--chim-primary-dark);
        animation-delay: 0.15s;
    }

    .chim-spinner-ring:nth-child(3)[b-zl11d5teb9] {
        border-top-color: var(--chim-success);
        animation-delay: 0.3s;
    }

@keyframes chimSpin-b-zl11d5teb9 {
    to {
        transform: rotate(360deg);
    }
}

.chim-loading-text[b-zl11d5teb9] {
    font-size: 16px;
    font-weight: 600;
    color: var(--chim-text-secondary);
}

/* ── CARD LIST ──────────────────────────────────────── */
.chim-list-container[b-zl11d5teb9] {
    padding: 12px;
    padding-bottom: 120px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.chim-card[b-zl11d5teb9] {
    background: var(--chim-card-bg);
    border-radius: 16px;
    overflow: hidden;
    box-shadow: var(--chim-shadow-sm);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer;
    border: 2px solid transparent;
}

    .chim-card:active[b-zl11d5teb9] {
        transform: scale(0.98);
    }

    .chim-card.expanded[b-zl11d5teb9] {
        border-color: var(--chim-primary-dark);
        box-shadow: var(--chim-shadow-md);
    }

/* ── CARD HEADER ────────────────────────────────────── */
.chim-card-header[b-zl11d5teb9] {
    padding: 16px;
    background: var(--chim-card-header-bg);
    border-bottom: 1px solid var(--chim-border);
}

.chim-card-title-row[b-zl11d5teb9] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 12px;
    gap: 8px;
}

.chim-card-title-block[b-zl11d5teb9] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.chim-card-title[b-zl11d5teb9] {
    font-size: 15px;
    font-weight: 700;
    color: var(--chim-text-primary);
    margin: 0;
    line-height: 1.3;
}

.chim-card-subtitle[b-zl11d5teb9] {
    font-size: 12px;
    color: var(--chim-text-muted);
    font-weight: 500;
}

.chim-card-badge-col[b-zl11d5teb9] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 6px;
    flex-shrink: 0;
}

.chim-tip-badge[b-zl11d5teb9] {
    background: linear-gradient(135deg, rgba(102, 126, 234, 0.15) 0%, rgba(118, 75, 162, 0.15) 100%);
    color: var(--chim-primary-dark);
    font-size: 11px;
    font-weight: 700;
    padding: 3px 10px;
    border-radius: 20px;
    border: 1px solid rgba(102, 126, 234, 0.3);
    white-space: nowrap;
}

[data-bs-theme="dark"] .chim-tip-badge[b-zl11d5teb9] {
    color: var(--chim-primary);
    background: rgba(139, 154, 238, 0.15);
    border-color: rgba(139, 154, 238, 0.3);
}

.chim-expand-icon[b-zl11d5teb9] {
    font-size: 18px;
    color: var(--chim-primary);
    transition: transform 0.3s ease;
}

.chim-card.expanded .chim-expand-icon[b-zl11d5teb9] {
    transform: rotate(180deg);
    color: var(--chim-primary-dark);
}

/* ── QUICK STATS ────────────────────────────────────── */
.chim-quick-stats[b-zl11d5teb9] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

.chim-stat[b-zl11d5teb9] {
    padding: 10px 12px;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.chim-stat-primary[b-zl11d5teb9] {
    background: linear-gradient(135deg, rgba(102, 126, 234, 0.1) 0%, rgba(118, 75, 162, 0.1) 100%);
}

.chim-stat-secondary[b-zl11d5teb9] {
    background: linear-gradient(135deg, rgba(72, 187, 120, 0.1) 0%, rgba(56, 161, 105, 0.1) 100%);
}

.chim-stat-label[b-zl11d5teb9] {
    font-size: 10px;
    color: var(--chim-text-muted);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.chim-stat-value[b-zl11d5teb9] {
    font-size: 14px;
    font-weight: 800;
    color: var(--chim-text-primary);
}

.chim-stat-truncate[b-zl11d5teb9] {
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* ── CARD CONTENT (expanded) ────────────────────────── */
.chim-card-content[b-zl11d5teb9] {
    padding: 0;
    background: var(--chim-card-bg);
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-height 0.35s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.25s ease, padding 0.3s ease;
}

.chim-card.expanded .chim-card-content[b-zl11d5teb9] {
    max-height: 2500px;
    opacity: 1;
    padding: 16px;
}

.chim-detail-grid[b-zl11d5teb9] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.chim-detail-item[b-zl11d5teb9] {
    background: var(--chim-bg);
    padding: 12px 14px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    gap: 12px;
    transition: all 0.2s ease;
}

    .chim-detail-item:active[b-zl11d5teb9] {
        transform: translateX(4px);
        background: var(--chim-border);
    }

    .chim-detail-item > i[b-zl11d5teb9] {
        font-size: 22px;
        color: var(--chim-primary);
        flex-shrink: 0;
    }

.chim-detail-info[b-zl11d5teb9] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.chim-detail-label[b-zl11d5teb9] {
    font-size: 11px;
    color: var(--chim-text-muted);
    font-weight: 600;
}

.chim-detail-value[b-zl11d5teb9] {
    font-size: 14px;
    font-weight: 700;
    color: var(--chim-text-primary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* ── ACTIONS ────────────────────────────────────────── */
.chim-actions[b-zl11d5teb9] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 8px;
    margin-top: 14px;
    padding-top: 14px;
    border-top: 1px solid var(--chim-border);
}

.chim-action-btn[b-zl11d5teb9] {
    border: none;
    padding: 10px 8px;
    border-radius: 12px;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    color: white;
}

    .chim-action-btn:active[b-zl11d5teb9] {
        transform: scale(0.95);
    }

.chim-btn-success[b-zl11d5teb9] {
    background: linear-gradient(135deg, #48bb78 0%, #38a169 100%);
    box-shadow: 0 4px 12px rgba(72, 187, 120, 0.3);
}

.chim-btn-primary[b-zl11d5teb9] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
}

.chim-btn-danger[b-zl11d5teb9] {
    background: linear-gradient(135deg, #fc8181 0%, #f56565 100%);
    box-shadow: 0 4px 12px rgba(245, 101, 101, 0.3);
}

/* ── PAGINATION ─────────────────────────────────────── */
.chim-pagination-footer[b-zl11d5teb9] {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: var(--chim-card-bg);
    border-top: 1px solid var(--chim-border);
    box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.08);
    z-index: 90;
    padding: 12px;
}

.chim-pagination-controls[b-zl11d5teb9] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-bottom: 12px;
}

.chim-page-btn[b-zl11d5teb9] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border: none;
    width: 36px;
    height: 36px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: white;
    font-size: 16px;
    transition: all 0.2s ease;
    box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3);
}

    .chim-page-btn:active:not(:disabled)[b-zl11d5teb9] {
        transform: scale(0.95);
    }

    .chim-page-btn:disabled[b-zl11d5teb9] {
        background: var(--chim-border);
        color: var(--chim-text-muted);
        cursor: not-allowed;
        opacity: 0.5;
        box-shadow: none;
    }

.chim-page-info[b-zl11d5teb9] {
    display: flex;
    align-items: center;
    gap: 6px;
    background: var(--chim-card-header-bg);
    padding: 8px 16px;
    border-radius: 10px;
    font-weight: 700;
    box-shadow: var(--chim-shadow-sm);
}

.chim-page-current[b-zl11d5teb9] {
    font-size: 16px;
    color: var(--chim-primary);
}

.chim-page-sep[b-zl11d5teb9] {
    font-size: 14px;
    color: var(--chim-text-muted);
}

.chim-page-total[b-zl11d5teb9] {
    font-size: 14px;
    color: var(--chim-text-secondary);
}

.chim-pagination-details[b-zl11d5teb9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.chim-page-size[b-zl11d5teb9] {
    background: var(--chim-card-header-bg);
    border: 2px solid var(--chim-border);
    padding: 8px 12px;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 600;
    color: var(--chim-text-primary);
    cursor: pointer;
    transition: all 0.2s ease;
}

    .chim-page-size:focus[b-zl11d5teb9] {
        outline: none;
        border-color: var(--chim-primary);
        box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
    }

.chim-page-text[b-zl11d5teb9] {
    font-size: 12px;
    color: var(--chim-text-secondary);
    font-weight: 600;
    text-align: right;
    flex: 1;
}

/* ── EMPTY STATE ────────────────────────────────────── */
.chim-empty-state[b-zl11d5teb9] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 20px;
    gap: 16px;
    text-align: center;
}

    .chim-empty-state i[b-zl11d5teb9] {
        font-size: 80px;
        color: var(--chim-text-muted);
        opacity: 0.5;
    }

    .chim-empty-state h3[b-zl11d5teb9] {
        font-size: 20px;
        font-weight: 700;
        color: var(--chim-text-primary);
        margin: 0;
    }

    .chim-empty-state p[b-zl11d5teb9] {
        font-size: 14px;
        color: var(--chim-text-secondary);
        margin: 0;
    }

/* ── RESPONSIVE ─────────────────────────────────────── */
@media (max-width: 480px) {
    .chim-actions[b-zl11d5teb9] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 360px) {
    .chim-quick-stats[b-zl11d5teb9] {
        grid-template-columns: 1fr;
    }
}
/* _content/Client/Pages/FinansYonetimi/Banka/BankaSubeleriMobil/BankaSubeleriMobil.razor.rz.scp.css */

/* ============================================
   SABİT ARAMA KARTI - MOR ARKA PLAN
   ============================================ */
.search-card-container[b-0l19nlowo2] {
    position: sticky;
    top: 0;
    z-index: 100;
    padding: 12px;
    background: var(--search-bg);
    margin: 0;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.search-card[b-0l19nlowo2] {
    position: relative;
    background: var(--search-bg);
    border-radius: 14px;
    padding: 12px 54px 12px 48px;
    box-shadow: var(--shadow-sm);
    display: flex;
    align-items: center;
    transition: all 0.3s ease;
}

    .search-card:focus-within[b-0l19nlowo2] {
        box-shadow: 0 4px 16px rgba(102, 126, 234, 0.3);
        transform: translateY(-1px);
    }

.search-icon[b-0l19nlowo2] {
    position: absolute;
    left: 16px;
    color: rgba(255, 255, 255, 0.9);
    font-size: 20px;
    transition: all 0.3s ease;
}

.search-card:focus-within .search-icon[b-0l19nlowo2] {
    color: white;
    transform: scale(1.1);
}

.search-input[b-0l19nlowo2] {
    flex: 1;
    border: none;
    outline: none;
    background: transparent;
    font-size: 15px;
    color: white;
    font-weight: 500;
}

    .search-input[b-0l19nlowo2]::placeholder {
        color: rgba(255, 255, 255, 0.7);
    }

.search-clear[b-0l19nlowo2] {
    position: absolute;
    right: 12px;
    background: linear-gradient(135deg, #ff6b35 0%, #f7931e 100%);
    border: none;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: white;
    font-size: 18px;
    transition: all 0.2s ease;
    box-shadow: 0 2px 8px rgba(255, 107, 53, 0.4);
}

    .search-clear:hover[b-0l19nlowo2] {
        background: linear-gradient(135deg, #f7931e 0%, #ff6b35 100%);
        transform: scale(1.1);
        box-shadow: 0 4px 12px rgba(255, 107, 53, 0.6);
    }

    .search-clear:active[b-0l19nlowo2] {
        transform: scale(0.95);
    }

/* ============================================
   STOK KARTI
   ============================================ */
.stok-card[b-0l19nlowo2] {
    background: var(--card-bg);
    margin: 8px 12px;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: var(--shadow-sm);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer;
    border: 2px solid transparent;
    user-select: none;
    position: relative;
}

    .stok-card:hover[b-0l19nlowo2] {
        border-color: #667eea;
        box-shadow: var(--shadow-md);
        transform: translateY(-2px);
    }

    .stok-card.expanded[b-0l19nlowo2] {
        border-color: #764ba2;
        box-shadow: 0 8px 24px rgba(102, 126, 234, 0.25);
    }

    .stok-card:active[b-0l19nlowo2] {
        transform: scale(0.98);
    }

.card-header-section[b-0l19nlowo2] {
    padding: 6px;
    background: var(--card-header-bg);
    border-bottom: 1px solid var(--border-color);
    cursor: pointer;
}

.card-main-info[b-0l19nlowo2] {
    width: 100%;
}

.card-title-row[b-0l19nlowo2] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 8px;
}

.card-title[b-0l19nlowo2] {
    font-size: 15px;
    font-weight: 700;
    color: var(--text-primary);
    margin: 0;
    flex: 1;
    line-height: 1.3;
    padding-right: 8px;
}

.expand-icon[b-0l19nlowo2] {
    font-size: 22px;
    color: #667eea;
    flex-shrink: 0;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    pointer-events: none;
}

.stok-card.expanded .expand-icon[b-0l19nlowo2] {
    transform: rotate(180deg);
    color: #764ba2;
}

    .stok-card.expanded .expand-icon i[b-0l19nlowo2] {
        transform: rotate(0deg);
    }

.card-meta-row[b-0l19nlowo2] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 10px;
}

.card-code[b-0l19nlowo2] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    background: var(--primary-gradient);
    color: white;
    padding: 4px 10px;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 700;
    box-shadow: 0 2px 6px rgba(102, 126, 234, 0.3);
}

.stock-badge[b-0l19nlowo2] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 10px;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 700;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}

.stock-available[b-0l19nlowo2] {
    background: var(--success-gradient);
    color: white;
}

.stock-out[b-0l19nlowo2] {
    background: var(--danger-gradient);
    color: white;
}

.card-quick-info[b-0l19nlowo2] {
    display: flex; /* yan yana dizmek için flex */
    justify-content: space-between; /* iki öğeyi uçlara yasla */
    gap: 8px; /* öğeler arası boşluk */
}

.quick-info-item[b-0l19nlowo2] {
    background: var(--card-bg);
    padding: 6px 10px; /* biraz daha kompakt */
    border-radius: 12px;
    display: flex; /* içerik yan yana veya dikey için flex */
    flex-direction: column; /* label ve value dikey */
    gap: 2px;
    flex: 1; /* eşit genişlik */
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    transition: all 0.2s ease;
    text-align: center; /* değerleri ortala */
}

    .quick-info-item:hover[b-0l19nlowo2] {
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
        transform: translateY(-1px);
    }

.quick-label[b-0l19nlowo2] {
    font-size: 10px;
    color: var(--text-muted);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    text-align: start;
}

.quick-value[b-0l19nlowo2] {
    font-size: 16px;
    color: var(--text-primary);
    font-weight: 800;
}

    .quick-value.price[b-0l19nlowo2] {
        color: #48bb78;
        background: var(--text-primary);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
    }

/* ============================================
   AÇILIR İÇERİK
   ============================================ */
.card-content[b-0l19nlowo2] {
    padding: 0 12px;
    background: var(--card-bg);
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    display: block;
    visibility: visible;
}

.stok-card.expanded .card-content[b-0l19nlowo2] {
    max-height: 2500px;
    opacity: 1;
    padding: 12px;
    display: block;
    visibility: visible;
}

.info-row[b-0l19nlowo2] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 12px;
    background: var(--info-row-bg);
    border-radius: 10px;
    margin-bottom: 8px;
    transition: all 0.2s ease;
}

    .info-row:hover[b-0l19nlowo2] {
        background: var(--border-color);
        transform: translateX(2px);
    }

.info-label[b-0l19nlowo2] {
    font-size: 13px;
    color: var(--text-secondary);
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 6px;
    flex: 1;
}

    .info-label i[b-0l19nlowo2] {
        color: #667eea;
        font-size: 16px;
    }

.info-value[b-0l19nlowo2] {
    font-size: 14px;
    color: var(--text-primary);
    font-weight: 700;
    text-align: right;
    flex-shrink: 0;
    margin-left: 8px;
}

.card-actions[b-0l19nlowo2] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    grid-template-columns: 1fr auto;
    gap: 8px;
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid var(--border-color);
    pointer-events: auto;
    position: relative;
    z-index: 10;
}

.action-btn[b-0l19nlowo2] {
    border: none;
    padding: 10px 18px;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 700;
    flex: 1;
    text-align: center;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    pointer-events: auto;
    position: relative;
    z-index: 11;
}

    .action-btn:active[b-0l19nlowo2] {
        transform: scale(0.95);
    }

.btn-primary[b-0l19nlowo2] {
    background: var(--primary-gradient);
    color: white;
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
}

    .btn-primary:hover[b-0l19nlowo2] {
        box-shadow: 0 6px 16px rgba(102, 126, 234, 0.4);
        transform: translateY(-2px);
    }

.btn-secondary[b-0l19nlowo2] {
    background: var(--border-color);
    color: var(--text-secondary);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
}

    .btn-secondary:hover[b-0l19nlowo2] {
        background: #cbd5e0;
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.12);
        transform: translateY(-2px);
    }

[data-bs-theme="dark"] .btn-secondary[b-0l19nlowo2] {
    background: #334155;
    color: #cbd5e1;
}

    [data-bs-theme="dark"] .btn-secondary:hover[b-0l19nlowo2] {
        background: #475569;
    }

/* ============================================
   RESPONSİVE TASARIM
   ============================================ */
@media (max-width: 360px) {
    .card-title[b-0l19nlowo2] {
        font-size: 14px;
    }

    .card-quick-info[b-0l19nlowo2] {
        grid-template-columns: 1fr;
    }

    .search-card-container[b-0l19nlowo2] {
        padding: 10px;
    }

    .stok-card[b-0l19nlowo2] {
        margin: 6px 10px;
    }

    .quick-value[b-0l19nlowo2] {
        font-size: 15px;
    }

    .card-header-section[b-0l19nlowo2] {
        padding: 8px;
    }
}

@media (min-width: 768px) {
    .search-card-container[b-0l19nlowo2],
    .stok-card[b-0l19nlowo2] {
        display: none !important;
    }
}

/* ============================================
   ANIMASYONLAR
   ============================================ */
@keyframes fadeIn-b-0l19nlowo2 {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.stok-card[b-0l19nlowo2] {
    animation: fadeIn-b-0l19nlowo2 0.3s ease-out;
}

/* ============================================
   SCROLLBAR
   ============================================ */
@media (max-width: 767px) {
    [b-0l19nlowo2]::-webkit-scrollbar {
        width: 6px;
    }

    [b-0l19nlowo2]::-webkit-scrollbar-track {
        background: var(--info-row-bg);
    }

    [b-0l19nlowo2]::-webkit-scrollbar-thumb {
        background: var(--border-color);
        border-radius: 3px;
    }

        [b-0l19nlowo2]::-webkit-scrollbar-thumb:hover {
            background: #667eea;
        }

    .dxbs-grid[b-0l19nlowo2],
    .custom-grid[b-0l19nlowo2] {
        background: transparent !important;
        border: none !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    [data-bs-theme="dark"] .dxbs-grid[b-0l19nlowo2],
    [data-bs-theme="dark"] .custom-grid[b-0l19nlowo2] {
        background: #0f172a !important;
    }

    .dxbs-grid-header[b-0l19nlowo2],
    .dxbs-grid-header-content[b-0l19nlowo2],
    .dxbs-grid-header-panel[b-0l19nlowo2],
    .dxbs-grid-filter-row[b-0l19nlowo2],
    .dxbs-grid-command-column[b-0l19nlowo2],
    .dxbs-grid-selection-column[b-0l19nlowo2],
    .dxbs-grid-data-column[b-0l19nlowo2],
    .dxbs-grid-table thead[b-0l19nlowo2],
    .dxbs-grid-table > tbody > tr > td:not(.dxbs-grid-detail-cell)[b-0l19nlowo2],
    .dxbs-grid-table > tbody > tr > th[b-0l19nlowo2],
    .dxbs-grid-pager[b-0l19nlowo2],
    .dxbs-grid-empty-data[b-0l19nlowo2],
    .dxbs-grid-toolbar[b-0l19nlowo2],
    .dxbs-grid-statusbar[b-0l19nlowo2] {
        display: none !important;
        visibility: hidden !important;
        height: 0 !important;
        max-height: 0 !important;
        min-height: 0 !important;
        overflow: hidden !important;
        padding: 0 !important;
        margin: 0 !important;
        border: none !important;
        opacity: 0 !important;
        position: absolute !important;
        left: -9999px !important;
    }

    .dxbs-grid-table[b-0l19nlowo2],
    .dxbs-grid-table > tbody[b-0l19nlowo2],
    .dxbs-grid-table > tbody > tr[b-0l19nlowo2] {
        display: block !important;
        width: 100% !important;
        border: none !important;
        background: transparent !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .dxbs-grid-detail-cell[b-0l19nlowo2] {
        display: block !important;
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
        border: none !important;
        background: transparent !important;
        position: relative !important;
        left: 0 !important;
    }

        .dxbs-grid-detail-cell > div[b-0l19nlowo2],
        .dxbs-grid-detail-cell > *[b-0l19nlowo2] {
            width: 100% !important;
            padding: 0 !important;
            margin: 0 !important;
        }
}



@media (max-width: 991px) {
    .dxbs-grid[b-0l19nlowo2] {
        background: transparent !important;
        border: none !important;
    }

    .dxbs-grid-header[b-0l19nlowo2],
    .dxbs-grid-header-content[b-0l19nlowo2],
    .dxbs-grid-filter-row[b-0l19nlowo2],
    .dxbs-grid-command-column[b-0l19nlowo2],
    .dxbs-grid-selection-column[b-0l19nlowo2],
    .dxbs-grid-data-column[b-0l19nlowo2],
    .dxbs-grid-table thead[b-0l19nlowo2],
    .dxbs-grid-table > tbody > tr > td:not(.dxbs-grid-detail-cell)[b-0l19nlowo2] {
        display: none !important;
        visibility: hidden !important;
        height: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        border: none !important;
    }

    .dxbs-grid-table[b-0l19nlowo2],
    .dxbs-grid-table > tbody[b-0l19nlowo2],
    .dxbs-grid-table > tbody > tr[b-0l19nlowo2] {
        display: block !important;
        width: 100% !important;
        border: none !important;
        background: transparent !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .dxbs-grid-detail-cell[b-0l19nlowo2] {
        display: block !important;
        width: 100% !important;
        padding: 0 !important;
        border: none !important;
        background: transparent !important;
    }

    .custom-grid[b-0l19nlowo2] {
        background: var(--info-row-bg) !important;
        border: none !important;
        padding: 0 !important;
    }
}

/* ============================================
   SABİT ARAMA KARTI - MOR ARKA PLAN
   ============================================ */
.search-card-container[b-0l19nlowo2] {
    position: sticky;
    z-index: 100;
    padding: 12px;
    background: var(--card-bg);
    margin: 0;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.search-card[b-0l19nlowo2] {
    position: relative;
    background: var(--search-bg);
    border-radius: 14px;
    padding: 12px 54px 12px 48px;
    box-shadow: var(--shadow-sm);
    display: flex;
    align-items: center;
    transition: all 0.3s ease;
}

    .search-card:focus-within[b-0l19nlowo2] {
        box-shadow: 0 4px 16px rgba(102, 126, 234, 0.3);
        transform: translateY(-1px);
    }

.search-icon[b-0l19nlowo2] {
    position: absolute;
    left: 16px;
    color: rgba(255, 255, 255, 0.9);
    font-size: 20px;
    transition: all 0.3s ease;
}

.search-card:focus-within .search-icon[b-0l19nlowo2] {
    color: white;
    transform: scale(1.1);
}

.search-input[b-0l19nlowo2] {
    flex: 1;
    border: none;
    outline: none;
    background: transparent;
    font-size: 15px;
    color: white;
    font-weight: 500;
}

    .search-input[b-0l19nlowo2]::placeholder {
        color: rgba(255, 255, 255, 0.7);
    }

.search-clear[b-0l19nlowo2] {
    position: absolute;
    right: 12px;
    background: linear-gradient(135deg, #ff6b35 0%, #f7931e 100%);
    border: none;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: white;
    font-size: 18px;
    transition: all 0.2s ease;
    box-shadow: 0 2px 8px rgba(255, 107, 53, 0.4);
}

    .search-clear:hover[b-0l19nlowo2] {
        background: linear-gradient(135deg, #f7931e 0%, #ff6b35 100%);
        transform: scale(1.1);
        box-shadow: 0 4px 12px rgba(255, 107, 53, 0.6);
    }

    .search-clear:active[b-0l19nlowo2] {
        transform: scale(0.95);
    }

/* ============================================
   MOBİL PAGINATION
   ============================================ */
/* Sabit footer container */
.pagination-footer[b-0l19nlowo2] {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--card-bg);
    border-top: 1px solid var(--border-color);
    z-index: 9;
    box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column; /* üst üste dizmek için */
    transition: transform 0.3s;
}

.fatura-list-container[b-0l19nlowo2] {
    max-height: 80vh; /* scroll olması için */
    overflow-y: auto;
    padding-bottom: calc(170px + env(safe-area-inset-bottom)); /* fixed .pagination-footer altında kalmasın */
}

/* Üstteki sayfa numaraları */
.mobile-pagination[b-0l19nlowo2] {
    padding: 7px 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    border-bottom: 1px solid var(--border-color); /* opsiyonel ayrım için */
}

/* Alttaki detaylar + select */
.pagination-details[b-0l19nlowo2] {
    padding: 7px 11px;
    height: 110px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 9px;
}




.pagination-btn[b-0l19nlowo2] {
    background: var(--primary-gradient);
    border: none;
    width: 27px;
    height: 27px;
    border-radius: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: white;
    font-size: 13px;
    transition: all 0.2s ease;
    box-shadow: 0 2px 6px rgba(102, 126, 234, 0.3);
}

    .pagination-btn:hover:not(:disabled)[b-0l19nlowo2] {
        transform: translateY(-1px);
        box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4);
    }

    .pagination-btn:active:not(:disabled)[b-0l19nlowo2] {
        transform: scale(0.95);
    }

    .pagination-btn:disabled[b-0l19nlowo2] {
        background: var(--border-color);
        color: var(--text-muted);
        cursor: not-allowed;
        opacity: 0.5;
        box-shadow: none;
    }

.pagination-info[b-0l19nlowo2] {
    display: flex;
    align-items: center; /* hepsi dikeyde ortalanır */
    justify-content: center; /* yatayda hizalanır */
    gap: 4px;
    background: var(--card-header-bg);
    padding: 6px 11px;
    border-radius: 7px;
    font-weight: 700;
    min-width: 60px;
    box-shadow: var(--shadow-sm);
    white-space: nowrap; /* alt satıra geçmeyi engeller */
    line-height: 1; /* yükseklik farklarını sıfırlar */
}

    .pagination-info span[b-0l19nlowo2] {
        font-size: 11px;
        line-height: 1; /* tam hizalama için */
        display: flex;
        align-items: center; /* dikey ortalama */
    }

.current-page[b-0l19nlowo2] {
    color: #667eea;
}

.separator[b-0l19nlowo2] {
    color: var(--text-muted);
}

.total-pages[b-0l19nlowo2] {
    color: var(--text-secondary);
}




.page-size-selector[b-0l19nlowo2] {
    background: var(--card-header-bg);
    border: 2px solid var(--border-color);
    padding: 5px 9px;
    border-radius: 7px;
    font-size: 12px;
    font-weight: 600;
    color: var(--text-primary);
    cursor: pointer;
    transition: all 0.2s ease;
}

    .page-size-selector:focus[b-0l19nlowo2] {
        outline: none;
        border-color: #667eea;
        box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
    }

    .page-size-selector:hover[b-0l19nlowo2] {
        border-color: #667eea;
    }

.pagination-text[b-0l19nlowo2] {
    font-size: 11px;
    color: var(--text-secondary);
    font-weight: 600;
    flex: 1;
    margin-top: 1vh;
    text-align: right;
}

.stok-card[b-0l19nlowo2] {
    background: var(--card-bg);
    margin: 8px 12px;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: var(--shadow-sm);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer;
    border: 2px solid transparent;
    user-select: none;
    z-index: 1;
    position: relative;
    pointer-events: auto;
}

    .stok-card:hover[b-0l19nlowo2] {
        border-color: #667eea;
        box-shadow: var(--shadow-md);
        transform: translateY(-2px);
    }

    .stok-card.expanded[b-0l19nlowo2] {
        border-color: #764ba2;
        box-shadow: 0 8px 24px rgba(102, 126, 234, 0.25);
    }

    .stok-card:active[b-0l19nlowo2] {
        transform: scale(0.98);
    }

.card-header-section[b-0l19nlowo2] {
    padding: 12px;
    background: var(--card-header-bg);
    border-bottom: 1px solid var(--border-color);
}

.card-title-row[b-0l19nlowo2] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 8px;
}

.card-title[b-0l19nlowo2] {
    font-size: 15px;
    font-weight: 700;
    color: var(--text-primary);
    margin: 0;
    flex: 1;
    line-height: 1.3;
    padding-right: 8px;
}

.card-subtitle[b-0l19nlowo2] {
    font-size: 13px;
    font-weight: 500;
    color: var(--text-secondary);
    margin: 2px 0 0 0;
    line-height: 1.25;
    padding-right: 8px;
    display: block;
}


.expand-icon[b-0l19nlowo2] {
    font-size: 22px;
    color: #667eea;
    flex-shrink: 0;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.stok-card.expanded .expand-icon[b-0l19nlowo2] {
    transform: rotate(180deg);
    color: #764ba2;
}

.card-meta-row[b-0l19nlowo2] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 10px;
}

.card-code[b-0l19nlowo2] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    background: var(--primary-gradient);
    color: white;
    padding: 4px 10px;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 700;
    box-shadow: 0 2px 6px rgba(102, 126, 234, 0.3);
}

.stock-badge[b-0l19nlowo2] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 10px;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 700;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}

.stock-available[b-0l19nlowo2] {
    background: var(--success-gradient);
    color: white;
}

.stock-out[b-0l19nlowo2] {
    background: var(--danger-gradient);
    color: white;
}

.card-quick-info[b-0l19nlowo2] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}

.quick-info-item[b-0l19nlowo2] {
    background: var(--card-bg);
    padding: 10px 12px;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    gap: 3px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    transition: all 0.2s ease;
}

    .quick-info-item:hover[b-0l19nlowo2] {
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
        transform: translateY(-1px);
    }

.quick-label[b-0l19nlowo2] {
    font-size: 10px;
    color: var(--text-muted);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.6px;
}

.quick-value[b-0l19nlowo2] {
    font-size: 16px;
    color: var(--text-primary);
    font-weight: 800;
}

    .quick-value.price[b-0l19nlowo2] {
        color: #48bb78;
        background: linear-gradient(135deg, #48bb78 0%, #38a169 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
    }

.card-content[b-0l19nlowo2] {
    padding: 0 12px;
    background: var(--card-bg);
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.stok-card.expanded .card-content[b-0l19nlowo2] {
    max-height: 2500px;
    opacity: 1;
    padding: 12px;
    margin-bottom: 10px;
}

.info-row[b-0l19nlowo2] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 12px;
    background: var(--info-row-bg);
    border-radius: 10px;
    margin-bottom: 8px;
    transition: all 0.2s ease;
}

    .info-row:hover[b-0l19nlowo2] {
        background: var(--border-color);
        transform: translateX(2px);
    }

.info-label[b-0l19nlowo2] {
    font-size: 13px;
    color: var(--text-secondary);
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 6px;
    flex: 1;
}

    .info-label i[b-0l19nlowo2] {
        color: #667eea;
        font-size: 16px;
    }

.info-value[b-0l19nlowo2] {
    font-size: 14px;
    color: var(--text-primary);
    font-weight: 700;
    text-align: right;
    flex-shrink: 0;
    margin-left: 8px;
}

.card-actions[b-0l19nlowo2] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    gap: 8px;
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid var(--border-color);
}


.action-btn[b-0l19nlowo2] {
    border: none;
    padding: 10px 18px;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

    .action-btn:active[b-0l19nlowo2] {
        transform: scale(0.95);
    }

.btn-primary[b-0l19nlowo2] {
    background: var(--primary-gradient);
    color: white;
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
}

    .btn-primary:hover[b-0l19nlowo2] {
        box-shadow: 0 6px 16px rgba(102, 126, 234, 0.4);
        transform: translateY(-2px);
    }

.btn-secondary[b-0l19nlowo2] {
    background: var(--border-color);
    color: var(--text-secondary);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
}

    .btn-secondary:hover[b-0l19nlowo2] {
        background: #cbd5e0;
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.12);
        transform: translateY(-2px);
    }

[data-bs-theme="dark"] .btn-secondary[b-0l19nlowo2] {
    background: #334155;
    color: #cbd5e1;
}

    [data-bs-theme="dark"] .btn-secondary:hover[b-0l19nlowo2] {
        background: #475569;
    }

@media (max-width: 360px) {
    .card-title[b-0l19nlowo2] {
        font-size: 14px;
    }

    .card-quick-info[b-0l19nlowo2] {
        grid-template-columns: 1fr;
    }

    .search-card-container[b-0l19nlowo2] {
        padding: 10px;
    }

    .stok-card[b-0l19nlowo2] {
        margin: 6px 10px;
    }

    .quick-value[b-0l19nlowo2] {
        font-size: 15px;
    }

    .card-header-section[b-0l19nlowo2] {
        padding: 10px;
    }
}

@media (min-width: 992px) {
    .search-card-container[b-0l19nlowo2],
    .stok-card[b-0l19nlowo2],
    .mobile-pagination[b-0l19nlowo2],
    .pagination-details[b-0l19nlowo2] {
        display: none !important;
    }
}

@keyframes fadeIn-b-0l19nlowo2 {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.stok-card[b-0l19nlowo2] {
    animation: fadeIn-b-0l19nlowo2 0.3s ease-out;
}

@media (max-width: 991px) {
    [b-0l19nlowo2]::-webkit-scrollbar {
        width: 6px;
    }

    [b-0l19nlowo2]::-webkit-scrollbar-track {
        background: var(--info-row-bg);
    }

    [b-0l19nlowo2]::-webkit-scrollbar-thumb {
        background: var(--border-color);
        border-radius: 3px;
    }

        [b-0l19nlowo2]::-webkit-scrollbar-thumb:hover {
            background: #667eea;
        }
}

.mobile-footer-fixed[b-0l19nlowo2] {
    position: fixed !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100vw !important;
    margin: 0 !important;
    padding: 8px 12px !important;
    background: #fff !important;
    background-color: #fff !important;
    box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.1) !important;
    border-top: 1px solid var(--border-color) !important;
    z-index: 9999 !important;
    display: flex !important;
    justify-content: flex-start !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    box-sizing: border-box !important;
}

.mobile-list-container[b-0l19nlowo2] {
    width: 100%;
    height: 100vh;
    overflow-y: auto;
    background: #f7fafc;
    padding-bottom: 130px;
    position: relative;
    z-index: 1;
}

[data-bs-theme="dark"] .mobile-list-container[b-0l19nlowo2] {
    background: #0f172a;
}

.pagination-btn[b-0l19nlowo2] {
    background: var(--primary-gradient);
    border: none;
    width: 27px;
    height: 27px;
    border-radius: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: white;
    font-size: 13px;
    transition: all 0.2s ease;
    box-shadow: 0 2px 6px rgba(102, 126, 234, 0.3);
}

    .pagination-btn:hover:not(:disabled)[b-0l19nlowo2] {
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4);
    }

    .pagination-btn:active:not(:disabled)[b-0l19nlowo2] {
        transform: scale(0.95);
    }

    .pagination-btn:disabled[b-0l19nlowo2] {
        background: var(--border-color);
        color: var(--text-muted);
        cursor: not-allowed;
        box-shadow: none;
        opacity: 0.5;
    }

.pagination-info[b-0l19nlowo2] {
    display: flex;
    align-items: center;
    gap: 4px;
    background: var(--card-header-bg);
    padding: 6px 11px;
    border-radius: 7px;
    font-weight: 700;
    min-width: 60px;
    justify-content: center;
    box-shadow: var(--shadow-sm);
}

.current-page[b-0l19nlowo2] {
    font-size: 11px;
    color: #667eea;
}

.separator[b-0l19nlowo2] {
    font-size: 10px;
    color: var(--text-muted);
}

.total-pages[b-0l19nlowo2] {
    font-size: 10px;
    color: var(--text-secondary);
}

.page-size-selector[b-0l19nlowo2] {
    background: var(--card-header-bg);
    border: 2px solid var(--border-color);
    padding: 5px 9px;
    border-radius: 7px;
    font-size: 12px;
    font-weight: 600;
    color: var(--text-primary);
    cursor: pointer;
    transition: all 0.2s ease;
}

    .page-size-selector:focus[b-0l19nlowo2] {
        outline: none;
        border-color: #667eea;
        box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
    }

    .page-size-selector:hover[b-0l19nlowo2] {
        border-color: #667eea;
    }

.pagination-text[b-0l19nlowo2] {
    font-size: 11px;
    color: var(--text-secondary);
    font-weight: 600;
    flex: 1;
    text-align: right;
}

.search-card[b-0l19nlowo2] {
    position: relative;
    background: var(--search-bg);
    border-radius: 14px;
    padding: 12px 54px 12px 48px;
    box-shadow: var(--shadow-sm);
    display: flex;
    align-items: center;
    transition: all 0.3s ease;
}

.search-icon[b-0l19nlowo2] {
    position: absolute;
    left: 16px;
    color: rgba(255, 255, 255, 0.9);
    font-size: 20px;
    transition: all 0.3s ease;
}

.search-input[b-0l19nlowo2] {
    flex: 1;
    border: none;
    outline: none;
    background: transparent;
    font-size: 15px;
    color: white;
    font-weight: 500;
}

    .search-input[b-0l19nlowo2]::placeholder {
        color: rgba(255, 255, 255, 0.7);
    }

.search-clear[b-0l19nlowo2] {
    position: absolute;
    right: 12px;
    background: linear-gradient(135deg, #ff6b35 0%, #f7931e 100%);
    border: none;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: white;
    font-size: 18px;
    transition: all 0.2s ease;
    box-shadow: 0 2px 8px rgba(255, 107, 53, 0.4);
}

    .search-clear:hover[b-0l19nlowo2] {
        background: linear-gradient(135deg, #f7931e 0%, #ff6b35 100%);
        transform: scale(1.1);
        box-shadow: 0 4px 12px rgba(255, 107, 53, 0.6);
    }

    .search-clear:active[b-0l19nlowo2] {
        transform: scale(0.95);
    }

#faturaContainer[b-0l19nlowo2] {
    overflow-y: auto;
    height: calc(100vh - 150px);
}
/* _content/Client/Pages/FinansYonetimi/Cari/CariAra.razor.rz.scp.css */
/* ============================================
   CSS VARIABLES
   ============================================ */
:root[b-3bp734m46w] {
    --primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    --success-gradient: linear-gradient(135deg, #48bb78 0%, #38a169 100%);
    --danger-gradient: linear-gradient(135deg, #f56565 0%, #e53e3e 100%);
    --card-bg: #ffffff;
    --card-header-bg: linear-gradient(135deg, #f7fafc 0%, #edf2f7 100%);
    --search-bg: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    --text-primary: #1a202c;
    --text-secondary: #4a5568;
    --text-muted: #718096;
    --border-color: #e2e8f0;
    --info-row-bg: #f7fafc;
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.08);
    --shadow-md: 0 4px 16px rgba(102, 126, 234, 0.2);
}

[data-bs-theme="dark"][b-3bp734m46w] {
    --card-bg: #1e293b;
    --card-header-bg: linear-gradient(135deg, #334155 0%, #1e293b 100%);
    --text-primary: #f1f5f9;
    --text-secondary: #cbd5e1;
    --text-muted: #94a3b8;
    --border-color: #334155;
    --info-row-bg: #0f172a;
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3);
    --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4);
}

/* ============================================
   MOBİL - GRİD GİZLEME (max-width: 991px)
   ============================================ */
@media (max-width: 991px) {
    .dxbs-grid[b-3bp734m46w] {
        background: transparent !important;
        border: none !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    [data-bs-theme="dark"] .dxbs-grid[b-3bp734m46w],
    [data-bs-theme="dark"] .custom-grid[b-3bp734m46w] {
        background: #0f172a !important;
    }

    .dxbs-grid-header[b-3bp734m46w],
    .dxbs-grid-header-content[b-3bp734m46w],
    .dxbs-grid-header-panel[b-3bp734m46w],
    .dxbs-grid-filter-row[b-3bp734m46w],
    .dxbs-grid-command-column[b-3bp734m46w],
    .dxbs-grid-selection-column[b-3bp734m46w],
    .dxbs-grid-data-column[b-3bp734m46w],
    .dxbs-grid-table thead[b-3bp734m46w],
    .dxbs-grid-table > tbody > tr > td:not(.dxbs-grid-detail-cell)[b-3bp734m46w],
    .dxbs-grid-table > tbody > tr > th[b-3bp734m46w],
    .dxbs-grid-pager[b-3bp734m46w],
    .dxbs-grid-empty-data[b-3bp734m46w],
    .dxbs-grid-toolbar[b-3bp734m46w],
    .dxbs-grid-statusbar[b-3bp734m46w] {
        display: none !important;
        visibility: hidden !important;
        height: 0 !important;
        max-height: 0 !important;
        min-height: 0 !important;
        overflow: hidden !important;
        padding: 0 !important;
        margin: 0 !important;
        border: none !important;
        opacity: 0 !important;
        position: absolute !important;
        left: -9999px !important;
    }

    .dxbs-grid-table[b-3bp734m46w],
    .dxbs-grid-table > tbody[b-3bp734m46w],
    .dxbs-grid-table > tbody > tr[b-3bp734m46w] {
        display: block !important;
        width: 100% !important;
        border: none !important;
        background: transparent !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .dxbs-grid-detail-cell[b-3bp734m46w] {
        display: block !important;
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
        border: none !important;
        background: transparent !important;
        position: relative !important;
        left: 0 !important;
    }

        .dxbs-grid-detail-cell > div[b-3bp734m46w],
        .dxbs-grid-detail-cell > *[b-3bp734m46w] {
            width: 100% !important;
            padding: 0 !important;
            margin: 0 !important;
        }

    .custom-grid[b-3bp734m46w] {
        background: var(--info-row-bg) !important;
        border: none !important;
        padding: 0 !important;
    }

    /* SCROLLBAR */
    [b-3bp734m46w]::-webkit-scrollbar {
        width: 6px;
    }

    [b-3bp734m46w]::-webkit-scrollbar-track {
        background: var(--info-row-bg);
    }

    [b-3bp734m46w]::-webkit-scrollbar-thumb {
        background: var(--border-color);
        border-radius: 3px;
    }

        [b-3bp734m46w]::-webkit-scrollbar-thumb:hover {
            background: #667eea;
        }
}

/* ============================================
   ARAMA KARTI
   ============================================ */
.search-card-container[b-3bp734m46w] {
    position: sticky;
    top: 0;
    z-index: 1000;
    padding: 12px;
    background: var(--card-bg);
    margin: 0;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.search-card[b-3bp734m46w] {
    position: relative;
    background: var(--search-bg);
    border-radius: 14px;
    padding: 12px 54px 12px 48px;
    box-shadow: var(--shadow-sm);
    display: flex;
    align-items: center;
    transition: all 0.3s ease;
}

    .search-card:focus-within[b-3bp734m46w] {
        box-shadow: 0 4px 16px rgba(102, 126, 234, 0.3);
        transform: translateY(-1px);
    }

.search-icon[b-3bp734m46w] {
    position: absolute;
    left: 16px;
    color: rgba(255, 255, 255, 0.9);
    font-size: 20px;
    transition: all 0.3s ease;
}

.search-card:focus-within .search-icon[b-3bp734m46w] {
    color: white;
    transform: scale(1.1);
}

.search-input[b-3bp734m46w] {
    flex: 1;
    border: none;
    outline: none;
    background: transparent;
    font-size: 15px;
    color: white;
    font-weight: 500;
}

    .search-input[b-3bp734m46w]::placeholder {
        color: rgba(255, 255, 255, 0.7);
    }

.search-clear[b-3bp734m46w] {
    position: absolute;
    right: 12px;
    background: linear-gradient(135deg, #ff6b35 0%, #f7931e 100%);
    border: none;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: white;
    font-size: 18px;
    transition: all 0.2s ease;
    box-shadow: 0 2px 8px rgba(255, 107, 53, 0.4);
}

    .search-clear:hover[b-3bp734m46w] {
        background: linear-gradient(135deg, #f7931e 0%, #ff6b35 100%);
        transform: scale(1.1);
        box-shadow: 0 4px 12px rgba(255, 107, 53, 0.6);
    }

    .search-clear:active[b-3bp734m46w] {
        transform: scale(0.95);
    }

/* ============================================
   CARİ KARTI
   ============================================ */
.stok-card[b-3bp734m46w] {
    background: var(--card-bg);
    margin: 8px 12px;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: var(--shadow-sm);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer;
    border: 2px solid transparent;
    user-select: none;
    position: relative;
    pointer-events: auto;
    animation: fadeIn-b-3bp734m46w 0.3s ease-out;
}

    .stok-card:hover[b-3bp734m46w] {
        border-color: #667eea;
        box-shadow: var(--shadow-md);
        transform: translateY(-2px);
    }

    .stok-card.expanded[b-3bp734m46w] {
        border-color: #764ba2;
        box-shadow: 0 8px 24px rgba(102, 126, 234, 0.25);
    }

    .stok-card:active[b-3bp734m46w] {
        transform: scale(0.98);
    }

.card-header-section[b-3bp734m46w] {
    padding: 12px;
    background: var(--card-header-bg);
    border-bottom: 1px solid var(--border-color);
    cursor: pointer;
}

.card-main-info[b-3bp734m46w] {
    width: 100%;
}

.card-title-row[b-3bp734m46w] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 8px;
}

.card-title[b-3bp734m46w] {
    font-size: 15px;
    font-weight: 700;
    color: var(--text-primary);
    margin: 0;
    flex: 1;
    line-height: 1.3;
    padding-right: 8px;
}

.expand-icon[b-3bp734m46w] {
    font-size: 22px;
    color: #667eea;
    flex-shrink: 0;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    pointer-events: none;
}

.stok-card.expanded .expand-icon[b-3bp734m46w] {
    transform: rotate(180deg);
    color: #764ba2;
}

.card-meta-row[b-3bp734m46w] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 10px;
}

.card-code[b-3bp734m46w] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    background: var(--primary-gradient);
    color: white;
    padding: 4px 10px;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 700;
    box-shadow: 0 2px 6px rgba(102, 126, 234, 0.3);
}

.stock-badge[b-3bp734m46w] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 10px;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 700;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}

.stock-available[b-3bp734m46w] {
    background: var(--success-gradient);
    color: white;
}

.stock-out[b-3bp734m46w] {
    background: var(--danger-gradient);
    color: white;
}

.card-quick-info[b-3bp734m46w] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}

.quick-info-item[b-3bp734m46w] {
    background: var(--card-bg);
    padding: 10px 12px;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    gap: 3px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    transition: all 0.2s ease;
}

    .quick-info-item:hover[b-3bp734m46w] {
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
        transform: translateY(-1px);
    }

.quick-label[b-3bp734m46w] {
    font-size: 10px;
    color: var(--text-muted);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.6px;
}

.quick-value[b-3bp734m46w] {
    font-size: 16px;
    color: var(--text-primary);
    font-weight: 800;
}

    .quick-value.price[b-3bp734m46w] {
        color: #48bb78;
        background: linear-gradient(135deg, #48bb78 0%, #38a169 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
    }

/* ============================================
   AÇILIR İÇERİK
   ============================================ */
.card-content[b-3bp734m46w] {
    padding: 0 12px;
    background: var(--card-bg);
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    display: block;
    visibility: visible;
}

.stok-card.expanded .card-content[b-3bp734m46w] {
    max-height: 2500px;
    opacity: 1;
    padding: 12px;
    display: block;
    visibility: visible;
}

.info-row[b-3bp734m46w] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 12px;
    background: var(--info-row-bg);
    border-radius: 10px;
    margin-bottom: 8px;
    transition: all 0.2s ease;
}

    .info-row:hover[b-3bp734m46w] {
        background: var(--border-color);
        transform: translateX(2px);
    }

.info-label[b-3bp734m46w] {
    font-size: 13px;
    color: var(--text-secondary);
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 6px;
    flex: 1;
}

    .info-label i[b-3bp734m46w] {
        color: #667eea;
        font-size: 16px;
    }

.info-value[b-3bp734m46w] {
    font-size: 14px;
    color: var(--text-primary);
    font-weight: 700;
    text-align: right;
    flex-shrink: 0;
    margin-left: 8px;
}

/* ============================================
   KART AKSİYONLARI
   ============================================ */
.card-actions[b-3bp734m46w] {
    display: flex;
    justify-content: space-between;
    gap: 8px;
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid var(--border-color);
    pointer-events: auto;
    position: relative;
    z-index: 10;
}

.action-btn[b-3bp734m46w] {
    border: none;
    padding: 10px 18px;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 700;
    flex: 1;
    text-align: center;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    pointer-events: auto;
    position: relative;
    z-index: 11;
}

    .action-btn:active[b-3bp734m46w] {
        transform: scale(0.95);
    }

.btn-primary[b-3bp734m46w] {
    background: var(--primary-gradient);
    color: white;
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
}

    .btn-primary:hover[b-3bp734m46w] {
        box-shadow: 0 6px 16px rgba(102, 126, 234, 0.4);
        transform: translateY(-2px);
    }

.btn-secondary[b-3bp734m46w] {
    background: var(--border-color);
    color: var(--text-secondary);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
}

    .btn-secondary:hover[b-3bp734m46w] {
        background: #cbd5e0;
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.12);
        transform: translateY(-2px);
    }

.btn-danger[b-3bp734m46w] {
    background: var(--danger-gradient);
    color: white;
    box-shadow: 0 4px 12px rgba(245, 101, 101, 0.3);
}

    .btn-danger:hover[b-3bp734m46w] {
        box-shadow: 0 6px 16px rgba(245, 101, 101, 0.4);
        transform: translateY(-2px);
    }

.btn-warning[b-3bp734m46w] {
    background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
    color: white;
    box-shadow: 0 4px 12px rgba(245, 158, 11, 0.3);
}

    .btn-warning:hover[b-3bp734m46w] {
        box-shadow: 0 6px 16px rgba(245, 158, 11, 0.4);
        transform: translateY(-2px);
    }

[data-bs-theme="dark"] .btn-secondary[b-3bp734m46w] {
    background: #334155;
    color: #cbd5e1;
}

    [data-bs-theme="dark"] .btn-secondary:hover[b-3bp734m46w] {
        background: #475569;
    }

/* ============================================
   MOBİL PAGINATION
   ============================================ */
/* Sabit footer container */
.pagination-footer[b-3bp734m46w] {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--card-bg);
    border-top: 1px solid var(--border-color);
    z-index: 998;
    box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column; /* üst üste dizmek için */
}

/* Üstteki sayfa numaraları */
.mobile-pagination[b-3bp734m46w] {
    padding: 7px 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    border-bottom: 1px solid var(--border-color); /* opsiyonel ayrım için */
}

/* Alttaki detaylar + select */
.pagination-details[b-3bp734m46w] {
    padding: 7px 11px;
    height: 110px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 9px;
}




.pagination-btn[b-3bp734m46w] {
    background: var(--primary-gradient);
    border: none;
    width: 27px;
    height: 27px;
    border-radius: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: white;
    font-size: 13px;
    transition: all 0.2s ease;
    box-shadow: 0 2px 6px rgba(102, 126, 234, 0.3);
}

    .pagination-btn:hover:not(:disabled)[b-3bp734m46w] {
        transform: translateY(-1px);
        box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4);
    }

    .pagination-btn:active:not(:disabled)[b-3bp734m46w] {
        transform: scale(0.95);
    }

    .pagination-btn:disabled[b-3bp734m46w] {
        background: var(--border-color);
        color: var(--text-muted);
        cursor: not-allowed;
        opacity: 0.5;
        box-shadow: none;
    }

.pagination-info[b-3bp734m46w] {
    display: flex;
    align-items: center; /* hepsi dikeyde ortalanır */
    justify-content: center; /* yatayda hizalanır */
    gap: 4px;
    background: var(--card-header-bg);
    padding: 6px 11px;
    border-radius: 7px;
    font-weight: 700;
    min-width: 60px;
    box-shadow: var(--shadow-sm);
    white-space: nowrap; /* alt satıra geçmeyi engeller */
    line-height: 1; /* yükseklik farklarını sıfırlar */
}

    .pagination-info span[b-3bp734m46w] {
        font-size: 11px;
        line-height: 1; /* tam hizalama için */
        display: flex;
        align-items: center; /* dikey ortalama */
    }

.current-page[b-3bp734m46w] {
    color: #667eea;
}

.separator[b-3bp734m46w] {
    color: var(--text-muted);
}

.total-pages[b-3bp734m46w] {
    color: var(--text-secondary);
}




.page-size-selector[b-3bp734m46w] {
    background: var(--card-header-bg);
    border: 2px solid var(--border-color);
    padding: 5px 9px;
    border-radius: 7px;
    font-size: 12px;
    font-weight: 600;
    color: var(--text-primary);
    cursor: pointer;
    transition: all 0.2s ease;
}

    .page-size-selector:focus[b-3bp734m46w] {
        outline: none;
        border-color: #667eea;
        box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
    }

    .page-size-selector:hover[b-3bp734m46w] {
        border-color: #667eea;
    }

.pagination-text[b-3bp734m46w] {
    font-size: 11px;
    color: var(--text-secondary);
    font-weight: 600;
    flex: 1;
    margin-top: 1vh;
    text-align: right;
}

/* ============================================
   RESPONSİVE TASARIM
   ============================================ */
@media (max-width: 360px) {
    .card-title[b-3bp734m46w] {
        font-size: 14px;
    }

    .card-quick-info[b-3bp734m46w] {
        grid-template-columns: 1fr;
    }

    .search-card-container[b-3bp734m46w] {
        padding: 10px;
    }

    .stok-card[b-3bp734m46w] {
        margin: 6px 10px;
    }

    .quick-value[b-3bp734m46w] {
        font-size: 15px;
    }

    .card-header-section[b-3bp734m46w] {
        padding: 10px;
    }
}

@media (min-width: 992px) {
    .search-card-container[b-3bp734m46w],
    .stok-card[b-3bp734m46w],
    .pagination-footer[b-3bp734m46w],
    .mobile-pagination[b-3bp734m46w],
    .pagination-details[b-3bp734m46w] {
        display: none !important;
    }
}

/* ============================================
   ANIMASYONLAR
   ============================================ */
@keyframes fadeIn-b-3bp734m46w {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}
/* Modern Popup Base Styles */
.modern-popup .dx-popup-wrapper[b-3bp734m46w] {
    border-radius: 24px !important;
    overflow: hidden !important;
    box-shadow: 0 20px 60px rgba(0,0,0,0.3) !important;
}

.modern-popup .dx-popup-content[b-3bp734m46w] {
    background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%) !important;
    border-radius: 24px !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: none !important;
}

.modern-popup .dx-popup-title[b-3bp734m46w] {
    display: none !important;
}

.modern-popup .dx-overlay-content[b-3bp734m46w] {
    border-radius: 24px !important;
    overflow: hidden !important;
}

.modern-popup-content[b-3bp734m46w] {
    padding: 32px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 20px !important;
    background: transparent !important;
}

/* Icon Wrapper */
.popup-icon-wrapper[b-3bp734m46w] {
    width: 72px !important;
    height: 72px !important;
    border-radius: 20px !important;
    background: linear-gradient(135deg, rgba(255,255,255,0.9), rgba(255,255,255,0.6)) !important;
    backdrop-filter: blur(10px) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 8px 32px rgba(0,0,0,0.1) !important;
    margin: 0 auto !important;
}

/* Typography */
.popup-title[b-3bp734m46w] {
    font-size: 24px !important;
    font-weight: 700 !important;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    margin: 0 !important;
    text-align: center !important;
}

.popup-description[b-3bp734m46w] {
    font-size: 14px !important;
    color: #64748b !important;
    text-align: center !important;
    margin: 0 !important;
    line-height: 1.5 !important;
}

/* WhatsApp Specific */
.whatsapp-popup .popup-title[b-3bp734m46w] {
    background: linear-gradient(135deg, #25D366 0%, #128C7E 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
}

.whatsapp-input .dx-texteditor[b-3bp734m46w] {
    background: white !important;
    border: 2px solid #e2e8f0 !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 16px rgba(0,0,0,0.08) !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

    .whatsapp-input .dx-texteditor:hover[b-3bp734m46w] {
        border-color: #25D366 !important;
        box-shadow: 0 6px 20px rgba(37, 211, 102, 0.15) !important;
    }

    .whatsapp-input .dx-texteditor.dx-state-focused[b-3bp734m46w] {
        border-color: #25D366 !important;
        box-shadow: 0 8px 24px rgba(37, 211, 102, 0.25) !important;
        transform: translateY(-2px) !important;
    }

.whatsapp-input .dx-texteditor-input[b-3bp734m46w] {
    padding: 16px 18px !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    color: #1e293b !important;
    letter-spacing: 0.5px !important;
}

.whatsapp-input .dx-placeholder[b-3bp734m46w] {
    color: #94a3b8 !important;
    font-size: 15px !important;
}

.input-wrapper[b-3bp734m46w] {
    margin-top: 8px !important;
}

    .input-wrapper .input-label[b-3bp734m46w] {
        font-size: 14px !important;
        font-weight: 600 !important;
        color: #475569 !important;
        margin-bottom: 8px !important;
        display: block !important;
    }

.modern-input input[b-3bp734m46w] {
    width: 100%;
    padding: 14px 16px;
    border: 2px solid transparent;
    border-radius: 12px;
    font-size: 15px;
    background: rgba(255,255,255,0.9);
    backdrop-filter: blur(10px);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 4px 16px rgba(0,0,0,0.06);
}

    .modern-input input:focus[b-3bp734m46w] {
        outline: none;
        border-color: #667eea;
        box-shadow: 0 8px 24px rgba(102,126,234,0.2);
        transform: translateY(-2px);
    }

/* Form Section */
.form-section[b-3bp734m46w] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

/* Checkbox Group */
.checkbox-group[b-3bp734m46w] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.modern-checkbox[b-3bp734m46w] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 16px;
    background: rgba(255,255,255,0.7);
    backdrop-filter: blur(10px);
    border-radius: 12px;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    border: 2px solid transparent;
}

    .modern-checkbox:hover[b-3bp734m46w] {
        background: rgba(255,255,255,0.9);
        border-color: rgba(102,126,234,0.3);
        transform: translateX(4px);
    }

.checkbox-label[b-3bp734m46w] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    flex: 1;
}

.label-text[b-3bp734m46w] {
    font-size: 15px;
    font-weight: 600;
    color: #1e293b;
}

.label-description[b-3bp734m46w] {
    font-size: 13px;
    color: #64748b;
    line-height: 1.4;
}

/* Date Inputs */
.date-inputs[b-3bp734m46w] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    transition: opacity 0.3s ease;
}

    .date-inputs.disabled[b-3bp734m46w] {
        opacity: 0.5;
        pointer-events: none;
    }

.input-group[b-3bp734m46w] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.input-label[b-3bp734m46w] {
    font-size: 13px;
    font-weight: 600;
    color: #475569;
    margin: 0;
}

.modern-date-input[b-3bp734m46w] {
    background: rgba(255,255,255,0.9);
    backdrop-filter: blur(10px);
    border-radius: 12px;
    border: 2px solid transparent;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    width: 100% !important;
}

    .modern-date-input:hover[b-3bp734m46w] {
        border-color: rgba(102,126,234,0.3);
    }

/* Action Buttons */
.modern-popup-actions[b-3bp734m46w] {
    padding: 24px 32px;
    background: linear-gradient(to top, rgba(255,255,255,0.9), rgba(255,255,255,0.6));
    backdrop-filter: blur(10px);
    border-top: 1px solid rgba(255,255,255,0.5);
    display: flex;
    justify-content: flex-end;
    gap: 12px;
}

.modern-btn[b-3bp734m46w] {
    padding: 12px 28px !important;
    border-radius: 12px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    position: relative !important;
    overflow: hidden !important;
}

    .modern-btn[b-3bp734m46w]::before {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        width: 0;
        height: 0;
        border-radius: 50%;
        background: rgba(255,255,255,0.3);
        transform: translate(-50%, -50%);
        transition: width 0.6s, height 0.6s;
    }

    .modern-btn:hover[b-3bp734m46w]::before {
        width: 300px;
        height: 300px;
    }

.modern-btn-primary[b-3bp734m46w] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
    color: white !important;
    box-shadow: 0 4px 16px rgba(102,126,234,0.4) !important;
}

    .modern-btn-primary:hover[b-3bp734m46w] {
        transform: translateY(-2px) !important;
        box-shadow: 0 8px 24px rgba(102,126,234,0.5) !important;
    }

.modern-btn-secondary[b-3bp734m46w] {
    background: rgba(255,255,255,0.9) !important;
    color: #64748b !important;
    border: 2px solid rgba(100,116,139,0.2) !important;
}

    .modern-btn-secondary:hover[b-3bp734m46w] {
        background: rgba(255,255,255,1) !important;
        border-color: rgba(100,116,139,0.4) !important;
        transform: translateY(-2px) !important;
    }

/* WhatsApp Button Override */
.whatsapp-popup .modern-btn-primary[b-3bp734m46w] {
    background: linear-gradient(135deg, #25D366 0%, #128C7E 100%) !important;
    box-shadow: 0 4px 16px rgba(37,211,102,0.4) !important;
}

    .whatsapp-popup .modern-btn-primary:hover[b-3bp734m46w] {
        box-shadow: 0 8px 24px rgba(37,211,102,0.5) !important;
    }

/* Success Icon */
.success-icon[b-3bp734m46w] {
    background: linear-gradient(135deg, rgba(16, 185, 129, 0.1), rgba(5, 150, 105, 0.1)) !important;
}

.success-title[b-3bp734m46w] {
    background: linear-gradient(135deg, #10b981 0%, #059669 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
}

/* Link Display */
.link-display-wrapper[b-3bp734m46w] {
    margin-top: 8px !important;
}

.link-display[b-3bp734m46w] {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 16px 18px !important;
    background: white !important;
    border: 2px solid #e2e8f0 !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 16px rgba(0,0,0,0.06) !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

    .link-display:hover[b-3bp734m46w] {
        border-color: #667eea !important;
        box-shadow: 0 6px 20px rgba(102, 126, 234, 0.15) !important;
    }

.link-icon[b-3bp734m46w] {
    flex-shrink: 0 !important;
    width: 36px !important;
    height: 36px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: linear-gradient(135deg, rgba(102, 126, 234, 0.1), rgba(118, 75, 162, 0.1)) !important;
    border-radius: 8px !important;
}

.link-text[b-3bp734m46w] {
    flex: 1 !important;
    font-size: 13px !important;
    color: #475569 !important;
    word-break: break-all !important;
    line-height: 1.5 !important;
    font-weight: 500 !important;
}

/* Share Section */
.share-section[b-3bp734m46w] {
    margin-top: 24px !important;
}

.share-title[b-3bp734m46w] {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #475569 !important;
    margin: 0 0 16px 0 !important;
    text-align: center !important;
}

.share-buttons[b-3bp734m46w] {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 12px !important;
}

.share-btn[b-3bp734m46w] {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 16px 12px !important;
    background: white !important;
    border: 2px solid #e2e8f0 !important;
    border-radius: 12px !important;
    cursor: pointer !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    position: relative !important;
    overflow: hidden !important;
}

    .share-btn[b-3bp734m46w]::before {
        content: '' !important;
        position: absolute !important;
        top: 50% !important;
        left: 50% !important;
        width: 0 !important;
        height: 0 !important;
        border-radius: 50% !important;
        background: rgba(255,255,255,0.5) !important;
        transform: translate(-50%, -50%) !important;
        transition: width 0.6s, height 0.6s !important;
    }

    .share-btn:hover[b-3bp734m46w]::before {
        width: 200px !important;
        height: 200px !important;
    }

    .share-btn:hover[b-3bp734m46w] {
        transform: translateY(-4px) !important;
    }

    .share-btn svg[b-3bp734m46w] {
        position: relative !important;
        z-index: 1 !important;
    }

    .share-btn span[b-3bp734m46w] {
        position: relative !important;
        z-index: 1 !important;
    }

.copy-btn[b-3bp734m46w] {
    color: #667eea !important;
}

    .copy-btn:hover[b-3bp734m46w] {
        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
        border-color: transparent !important;
        color: white !important;
        box-shadow: 0 8px 24px rgba(102, 126, 234, 0.4) !important;
    }

.mail-btn[b-3bp734m46w] {
    color: #3b82f6 !important;
}

    .mail-btn:hover[b-3bp734m46w] {
        background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%) !important;
        border-color: transparent !important;
        color: white !important;
        box-shadow: 0 8px 24px rgba(59, 130, 246, 0.4) !important;
    }

.whatsapp-btn[b-3bp734m46w] {
    color: #25D366 !important;
}

    .whatsapp-btn:hover[b-3bp734m46w] {
        background: linear-gradient(135deg, #25D366 0%, #128C7E 100%) !important;
        border-color: transparent !important;
        color: white !important;
        box-shadow: 0 8px 24px rgba(37, 211, 102, 0.4) !important;
    }

/* Animations */
@keyframes fadeInUp-b-3bp734m46w {
    from {
        opacity: 0;
        transform: translateY(20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.modern-popup .dx-popup-content[b-3bp734m46w] {
    animation: fadeInUp-b-3bp734m46w 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

/* ============================================
   teelfon-tablet
   ============================================ */

@media (max-width: 767px) {
    .modern-popup.dx-popup-wrapper[b-3bp734m46w],
    .modern-popup .dx-popup-wrapper[b-3bp734m46w],
    .modern-popup.dx-widget[b-3bp734m46w],
    .dx-overlay-wrapper.modern-popup .dx-overlay-content[b-3bp734m46w] {
        width: 95vw !important;
        max-width: 95vw !important;
        min-width: unset !important;
        margin: 0 auto !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
    }

    .modern-popup .dx-overlay-content[b-3bp734m46w] {
        width: 95vw !important;
        max-width: 95vw !important;
    }

    .modern-popup-content[b-3bp734m46w] {
        padding: 20px !important;
        gap: 16px !important;
    }

    .popup-icon-wrapper[b-3bp734m46w] {
        width: 56px !important;
        height: 56px !important;
    }

        .popup-icon-wrapper svg[b-3bp734m46w] {
            width: 32px !important;
            height: 32px !important;
        }

    .popup-title[b-3bp734m46w] {
        font-size: 20px !important;
    }

    .popup-description[b-3bp734m46w] {
        font-size: 13px !important;
    }

    .date-inputs[b-3bp734m46w] {
        grid-template-columns: 1fr !important;
        gap: 12px !important;
    }

    .modern-popup-actions[b-3bp734m46w] {
        padding: 16px 20px !important;
        flex-direction: column-reverse !important;
        gap: 8px !important;
    }

    .modern-btn[b-3bp734m46w] {
        width: 100% !important;
        padding: 14px 20px !important;
    }

    .share-buttons[b-3bp734m46w] {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
    }

    .share-btn[b-3bp734m46w] {
        padding: 14px 16px !important;
    }

    .form-section[b-3bp734m46w] {
        gap: 16px !important;
    }

    .modern-checkbox[b-3bp734m46w] {
        padding: 12px !important;
    }

    .checkbox-group[b-3bp734m46w] {
        gap: 12px !important;
    }
}

@media (max-width: 479px) {
    .modern-popup.dx-popup-wrapper[b-3bp734m46w],
    .modern-popup .dx-popup-wrapper[b-3bp734m46w],
    .modern-popup.dx-widget[b-3bp734m46w],
    .dx-overlay-wrapper.modern-popup .dx-overlay-content[b-3bp734m46w] {
        width: 96vw !important;
        max-width: 96vw !important;
        min-width: unset !important;
        border-radius: 16px !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
    }

    .modern-popup .dx-overlay-content[b-3bp734m46w] {
        width: 96vw !important;
        max-width: 96vw !important;
    }

    .modern-popup .dx-popup-content[b-3bp734m46w],
    .modern-popup .dx-overlay-content[b-3bp734m46w] {
        border-radius: 16px !important;
    }

    .modern-popup-content[b-3bp734m46w] {
        padding: 16px !important;
        gap: 12px !important;
    }

    .popup-icon-wrapper[b-3bp734m46w] {
        width: 48px !important;
        height: 48px !important;
        border-radius: 12px !important;
    }

        .popup-icon-wrapper svg[b-3bp734m46w] {
            width: 28px !important;
            height: 28px !important;
        }

    .popup-title[b-3bp734m46w] {
        font-size: 18px !important;
        line-height: 1.3 !important;
    }

    .popup-description[b-3bp734m46w] {
        font-size: 12px !important;
    }

    .modern-popup-actions[b-3bp734m46w] {
        padding: 12px 16px !important;
    }

    .modern-btn[b-3bp734m46w] {
        padding: 12px 16px !important;
        font-size: 13px !important;
    }

    .share-btn[b-3bp734m46w] {
        padding: 12px !important;
        font-size: 13px !important;
    }

    .link-display[b-3bp734m46w] {
        padding: 12px 14px !important;
        gap: 10px !important;
    }

    .link-icon[b-3bp734m46w] {
        width: 32px !important;
        height: 32px !important;
    }

        .link-icon svg[b-3bp734m46w] {
            width: 18px !important;
            height: 18px !important;
        }

    .link-text[b-3bp734m46w] {
        font-size: 12px !important;
    }

    .share-title[b-3bp734m46w] {
        font-size: 13px !important;
        margin-bottom: 12px !important;
    }

    .share-btn svg[b-3bp734m46w] {
        width: 18px !important;
        height: 18px !important;
    }

    .modern-checkbox[b-3bp734m46w] {
        padding: 10px !important;
        gap: 10px !important;
    }

    .label-text[b-3bp734m46w] {
        font-size: 14px !important;
    }

    .label-description[b-3bp734m46w] {
        font-size: 12px !important;
    }

    .whatsapp-input .dx-texteditor-input[b-3bp734m46w] {
        padding: 12px 14px !important;
        font-size: 15px !important;
    }

    .input-wrapper .input-label[b-3bp734m46w] {
        font-size: 13px !important;
    }
}

@media (max-width: 359px) {
    .modern-popup.dx-popup-wrapper[b-3bp734m46w],
    .modern-popup .dx-popup-wrapper[b-3bp734m46w],
    .modern-popup.dx-widget[b-3bp734m46w],
    .dx-overlay-wrapper.modern-popup .dx-overlay-content[b-3bp734m46w] {
        width: 98vw !important;
        max-width: 98vw !important;
        min-width: unset !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
    }

    .modern-popup .dx-overlay-content[b-3bp734m46w] {
        width: 98vw !important;
        max-width: 98vw !important;
    }

    .popup-title[b-3bp734m46w] {
        font-size: 16px !important;
    }

    .modern-popup-content[b-3bp734m46w] {
        padding: 12px !important;
    }

    .modern-popup-actions[b-3bp734m46w] {
        padding: 10px 12px !important;
    }
}
/* _content/Client/Pages/FinansYonetimi/Cari/CariAraMobil/CariAraMobil.razor.rz.scp.css */

[data-bs-theme="dark"][b-68acad56ki] {
    --cari-primary: #8b9aee;
    --cari-primary-dark: #9a7bc2;
    --cari-success: #68d391;
    --cari-warning: #fbbf24;
    --cari-danger: #fca5a5;
    --cari-card-bg: #1e293b;
    --cari-card-header-bg: linear-gradient(135deg, #334155 0%, #1e293b 100%);
    --cari-text-primary: #f1f5f9;
    --cari-text-secondary: #cbd5e1;
    --cari-text-muted: #94a3b8;
    --cari-border: #334155;
    --cari-bg: #0f172a;
    --cari-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3);
    --cari-shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4);
}

/* ── CONTAINER ─────────────────────────────────────── */
.cari-mobil-container[b-68acad56ki] {
    width: 100%;
    min-height: 100vh;
    background: var(--cari-bg);
    padding-bottom: 20px;
}

/* ── STICKY HEADER ──────────────────────────────────── */
.cari-header-sticky[b-68acad56ki] {
    position: sticky;
    top: 0;
    z-index: 10;
    background: var(--cari-bg);
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
    margin-top: 1rem;
    padding: 0 12px 12px;
}

.cari-controls-card[b-68acad56ki] {
    background: var(--cari-card-bg);
    border-radius: 16px;
    padding: 10px 12px;
    box-shadow: var(--cari-shadow-sm);
    display: flex;
    align-items: center;
    gap: 10px;
}

/* ── SEARCH ─────────────────────────────────────────── */
.cari-search-inline[b-68acad56ki] {
    flex: 1;
    position: relative;
    display: flex;
    align-items: center;
}

.cari-search-icon[b-68acad56ki] {
    position: absolute;
    left: 12px;
    font-size: 18px;
    color: #ffffff;
    z-index: 1;
    pointer-events: none;
}

.cari-search-input[b-68acad56ki] {
    width: 100%;
    border: none;
    border-radius: 12px;
    padding: 10px 36px 10px 38px;
    font-size: 14px;
    font-weight: 500;
    color: #ffffff;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    transition: all 0.2s ease;
    outline: none;
    box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3);
}

    .cari-search-input:focus[b-68acad56ki] {
        box-shadow: 0 4px 16px rgba(102, 126, 234, 0.4);
        transform: translateY(-1px);
    }

    .cari-search-input[b-68acad56ki]::placeholder {
        color: rgba(255, 255, 255, 0.7);
    }

.cari-search-clear[b-68acad56ki] {
    position: absolute;
    right: 8px;
    background: linear-gradient(135deg, #ff6b35 0%, #f7931e 100%);
    border: none;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: white;
    font-size: 14px;
    transition: all 0.2s ease;
    box-shadow: 0 2px 6px rgba(255, 107, 53, 0.4);
}

    .cari-search-clear:active[b-68acad56ki] {
        transform: scale(0.95);
    }

/* ── FILTER BUTTON ──────────────────────────────────── */
.cari-filter-btn[b-68acad56ki] {
    flex-shrink: 0;
    width: 42px;
    height: 42px;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border: none;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: white;
    font-size: 20px;
    transition: all 0.2s ease;
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
    position: relative;
}

    .cari-filter-btn:active[b-68acad56ki] {
        transform: scale(0.95);
    }

    .cari-filter-btn.active[b-68acad56ki] {
        background: linear-gradient(135deg, #764ba2 0%, #667eea 100%);
        box-shadow: 0 4px 16px rgba(118, 75, 162, 0.5);
    }

.cari-filter-badge[b-68acad56ki] {
    position: absolute;
    top: -6px;
    right: -6px;
    background: linear-gradient(135deg, #f56565 0%, #e53e3e 100%);
    color: white;
    font-size: 10px;
    font-weight: 800;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 6px rgba(229, 62, 62, 0.4);
    border: 2px solid var(--cari-card-bg);
}

/* ── LOADING ────────────────────────────────────────── */
.cari-loading-overlay[b-68acad56ki] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 20px;
    gap: 20px;
}

.cari-spinner[b-68acad56ki] {
    position: relative;
    width: 60px;
    height: 60px;
}

.cari-spinner-ring[b-68acad56ki] {
    position: absolute;
    width: 100%;
    height: 100%;
    border: 3px solid transparent;
    border-top-color: var(--cari-primary);
    border-radius: 50%;
    animation: cariSpin-b-68acad56ki 1s linear infinite;
}

    .cari-spinner-ring:nth-child(2)[b-68acad56ki] {
        border-top-color: var(--cari-primary-dark);
        animation-delay: 0.15s;
    }

    .cari-spinner-ring:nth-child(3)[b-68acad56ki] {
        border-top-color: var(--cari-success);
        animation-delay: 0.3s;
    }

@keyframes cariSpin-b-68acad56ki {
    to {
        transform: rotate(360deg);
    }
}

.cari-loading-text[b-68acad56ki] {
    font-size: 16px;
    font-weight: 600;
    color: var(--cari-text-secondary);
}

/* ── CARD LIST ──────────────────────────────────────── */
.cari-list-container[b-68acad56ki] {
    padding: 12px;
    padding-bottom: 120px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.cari-card[b-68acad56ki] {
    background: var(--cari-card-bg);
    border-radius: 16px;
    overflow: hidden;
    box-shadow: var(--cari-shadow-sm);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer;
    border: 2px solid transparent;
}

    .cari-card:active[b-68acad56ki] {
        transform: scale(0.98);
    }

    .cari-card.expanded[b-68acad56ki] {
        border-color: var(--cari-primary-dark);
        box-shadow: var(--cari-shadow-md);
    }

/* ── CARD HEADER ────────────────────────────────────── */
.cari-card-header[b-68acad56ki] {
    padding: 16px;
    background: var(--cari-card-header-bg);
    border-bottom: 1px solid var(--cari-border);
}

.cari-card-title-row[b-68acad56ki] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
}

.cari-card-title[b-68acad56ki] {
    font-size: 16px;
    font-weight: 700;
    color: var(--cari-text-primary);
    margin: 0;
    flex: 1;
    padding-right: 8px;
}

.cari-expand-icon[b-68acad56ki] {
    font-size: 20px;
    color: var(--cari-primary);
    transition: transform 0.3s ease;
    flex-shrink: 0;
}

.cari-card.expanded .cari-expand-icon[b-68acad56ki] {
    transform: rotate(180deg);
    color: var(--cari-primary-dark);
}

/* ── QUICK STATS ────────────────────────────────────── */
.cari-quick-stats[b-68acad56ki] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.cari-stat[b-68acad56ki] {
    background: var(--cari-card-bg);
    padding: 12px;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

.cari-stat-primary[b-68acad56ki] {
    background: linear-gradient(135deg, rgba(102, 126, 234, 0.1) 0%, rgba(118, 75, 162, 0.1) 100%);
}

.cari-stat-secondary[b-68acad56ki] {
    background: linear-gradient(135deg, rgba(72, 187, 120, 0.1) 0%, rgba(56, 161, 105, 0.1) 100%);
}

.cari-stat-label[b-68acad56ki] {
    font-size: 11px;
    color: var(--cari-text-muted);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.cari-stat-value[b-68acad56ki] {
    font-size: 16px;
    font-weight: 800;
    color: var(--cari-text-primary);
}

/* ── CARD CONTENT (expanded) ────────────────────────── */
.cari-card-content[b-68acad56ki] {
    padding: 0;
    background: var(--cari-card-bg);
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-height 0.35s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.25s ease, padding 0.3s ease;
}

.cari-card.expanded .cari-card-content[b-68acad56ki] {
    max-height: 2500px;
    opacity: 1;
    padding: 16px;
}

.cari-detail-grid[b-68acad56ki] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.cari-detail-item[b-68acad56ki] {
    background: var(--cari-bg);
    padding: 14px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    gap: 12px;
    transition: all 0.2s ease;
}

    .cari-detail-item:active[b-68acad56ki] {
        transform: translateX(4px);
        background: var(--cari-border);
    }

    .cari-detail-item > i[b-68acad56ki] {
        font-size: 24px;
        color: var(--cari-primary);
        flex-shrink: 0;
    }

.cari-detail-info[b-68acad56ki] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.cari-detail-label[b-68acad56ki] {
    font-size: 12px;
    color: var(--cari-text-muted);
    font-weight: 600;
}

.cari-detail-value[b-68acad56ki] {
    font-size: 15px;
    font-weight: 700;
    color: var(--cari-text-primary);
}

/* ── ACTIONS ────────────────────────────────────────── */
.cari-actions[b-68acad56ki] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
    margin-top: 14px;
    padding-top: 14px;
    border-top: 1px solid var(--cari-border);
}

.cari-action-btn[b-68acad56ki] {
    border: none;
    padding: 10px 18px;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    color: white;
}

    .cari-action-btn:active[b-68acad56ki] {
        transform: scale(0.95);
    }

.cari-btn-primary[b-68acad56ki] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
}

.cari-btn-danger[b-68acad56ki] {
    background: linear-gradient(135deg, #fc8181 0%, #f56565 100%);
    box-shadow: 0 4px 12px rgba(245, 101, 101, 0.3);
}

/* ── PAGINATION ─────────────────────────────────────── */
.cari-pagination-footer[b-68acad56ki] {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: var(--cari-card-bg);
    border-top: 1px solid var(--cari-border);
    box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.08);
    z-index: 90;
    padding: 12px;
}

.cari-pagination-controls[b-68acad56ki] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-bottom: 12px;
}

.cari-page-btn[b-68acad56ki] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border: none;
    width: 36px;
    height: 36px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: white;
    font-size: 16px;
    transition: all 0.2s ease;
    box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3);
}

    .cari-page-btn:active:not(:disabled)[b-68acad56ki] {
        transform: scale(0.95);
    }

    .cari-page-btn:disabled[b-68acad56ki] {
        background: var(--cari-border);
        color: var(--cari-text-muted);
        cursor: not-allowed;
        opacity: 0.5;
        box-shadow: none;
    }

.cari-page-info[b-68acad56ki] {
    display: flex;
    align-items: center;
    gap: 6px;
    background: var(--cari-card-header-bg);
    padding: 8px 16px;
    border-radius: 10px;
    font-weight: 700;
    box-shadow: var(--cari-shadow-sm);
}

.cari-page-current[b-68acad56ki] {
    font-size: 16px;
    color: var(--cari-primary);
}

.cari-page-sep[b-68acad56ki] {
    font-size: 14px;
    color: var(--cari-text-muted);
}

.cari-page-total[b-68acad56ki] {
    font-size: 14px;
    color: var(--cari-text-secondary);
}

.cari-pagination-details[b-68acad56ki] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.cari-page-size[b-68acad56ki] {
    background: var(--cari-card-header-bg);
    border: 2px solid var(--cari-border);
    padding: 8px 12px;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 600;
    color: var(--cari-text-primary);
    cursor: pointer;
    transition: all 0.2s ease;
}

    .cari-page-size:focus[b-68acad56ki] {
        outline: none;
        border-color: var(--cari-primary);
        box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
    }

.cari-page-text[b-68acad56ki] {
    font-size: 12px;
    color: var(--cari-text-secondary);
    font-weight: 600;
    text-align: right;
    flex: 1;
}

/* ── EMPTY STATE ────────────────────────────────────── */
.cari-empty-state[b-68acad56ki] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 20px;
    gap: 16px;
    text-align: center;
}

    .cari-empty-state i[b-68acad56ki] {
        font-size: 80px;
        color: var(--cari-text-muted);
        opacity: 0.5;
    }

    .cari-empty-state h3[b-68acad56ki] {
        font-size: 20px;
        font-weight: 700;
        color: var(--cari-text-primary);
        margin: 0;
    }

    .cari-empty-state p[b-68acad56ki] {
        font-size: 14px;
        color: var(--cari-text-secondary);
        margin: 0;
    }

/* ── RESPONSIVE ─────────────────────────────────────── */
@media (max-width: 360px) {
    .cari-quick-stats[b-68acad56ki] {
        grid-template-columns: 1fr;
    }
}
/* _content/Client/Pages/FinansYonetimi/Cari/CariHesapIslemleriMobil/CariHesapIslemleriMobil.razor.rz.scp.css */
:root[b-iq0xqnzbl5] {
    --chim-primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    --chim-primary: #667eea;
    --chim-primary-dark: #764ba2;
    --chim-success-gradient: linear-gradient(135deg, #48bb78 0%, #38a169 100%);
    --chim-success: #48bb78;
    --chim-warning-gradient: linear-gradient(135deg, #f6ad55 0%, #ed8936 100%);
    --chim-warning: #f6ad55;
    --chim-danger-gradient: linear-gradient(135deg, #fc8181 0%, #f56565 100%);
    --chim-danger: #fc8181;
    --chim-card-bg: #ffffff;
    --chim-card-header-bg: linear-gradient(135deg, #f7fafc 0%, #edf2f7 100%);
    --chim-text-primary: #1a202c;
    --chim-text-secondary: #4a5568;
    --chim-text-muted: #718096;
    --chim-border: #e2e8f0;
    --chim-bg: #f7fafc;
    --chim-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.08);
    --chim-shadow-md: 0 4px 16px rgba(102, 126, 234, 0.2);
}

[data-bs-theme="dark"][b-iq0xqnzbl5] {
    --chim-primary: #8b9aee;
    --chim-primary-dark: #9a7bc2;
    --chim-success: #68d391;
    --chim-warning: #fbbf24;
    --chim-danger: #fca5a5;
    --chim-card-bg: #1e293b;
    --chim-card-header-bg: linear-gradient(135deg, #334155 0%, #1e293b 100%);
    --chim-text-primary: #f1f5f9;
    --chim-text-secondary: #cbd5e1;
    --chim-text-muted: #94a3b8;
    --chim-border: #334155;
    --chim-bg: #0f172a;
    --chim-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3);
    --chim-shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4);
}

/* ── CONTAINER ─────────────────────────────────────── */
.chim-container[b-iq0xqnzbl5] {
    width: 100%;
    min-height: 100vh;
    background: var(--chim-bg);
    padding-bottom: 20px;
}

/* ── STICKY HEADER ──────────────────────────────────── */
.chim-header-sticky[b-iq0xqnzbl5] {
    position: sticky;
    top: 0;
    z-index: 10;
    background: var(--chim-bg);
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
    margin-top: 1rem;
    padding: 0 12px 12px;
}

.chim-controls-card[b-iq0xqnzbl5] {
    background: var(--chim-card-bg);
    border-radius: 16px;
    padding: 10px 12px;
    box-shadow: var(--chim-shadow-sm);
    display: flex;
    align-items: center;
    gap: 10px;
}

/* ── SEARCH ─────────────────────────────────────────── */
.chim-search-inline[b-iq0xqnzbl5] {
    flex: 1;
    position: relative;
    display: flex;
    align-items: center;
}

.chim-search-icon[b-iq0xqnzbl5] {
    position: absolute;
    left: 12px;
    font-size: 18px;
    color: #ffffff;
    z-index: 1;
    pointer-events: none;
}

.chim-search-input[b-iq0xqnzbl5] {
    width: 100%;
    border: none;
    border-radius: 12px;
    padding: 10px 36px 10px 38px;
    font-size: 14px;
    font-weight: 500;
    color: #ffffff;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    transition: all 0.2s ease;
    outline: none;
    box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3);
}

    .chim-search-input:focus[b-iq0xqnzbl5] {
        box-shadow: 0 4px 16px rgba(102, 126, 234, 0.4);
        transform: translateY(-1px);
    }

    .chim-search-input[b-iq0xqnzbl5]::placeholder {
        color: rgba(255, 255, 255, 0.7);
    }

.chim-search-clear[b-iq0xqnzbl5] {
    position: absolute;
    right: 8px;
    background: linear-gradient(135deg, #ff6b35 0%, #f7931e 100%);
    border: none;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: white;
    font-size: 14px;
    transition: all 0.2s ease;
    box-shadow: 0 2px 6px rgba(255, 107, 53, 0.4);
}

    .chim-search-clear:active[b-iq0xqnzbl5] {
        transform: scale(0.95);
    }

/* ── FILTER BUTTON ──────────────────────────────────── */
.chim-filter-btn[b-iq0xqnzbl5] {
    flex-shrink: 0;
    width: 42px;
    height: 42px;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border: none;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: white;
    font-size: 20px;
    transition: all 0.2s ease;
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
    position: relative;
}

    .chim-filter-btn:active[b-iq0xqnzbl5] {
        transform: scale(0.95);
    }

    .chim-filter-btn.active[b-iq0xqnzbl5] {
        background: linear-gradient(135deg, #764ba2 0%, #667eea 100%);
        box-shadow: 0 4px 16px rgba(118, 75, 162, 0.5);
    }

.chim-filter-badge[b-iq0xqnzbl5] {
    position: absolute;
    top: -6px;
    right: -6px;
    background: linear-gradient(135deg, #f56565 0%, #e53e3e 100%);
    color: white;
    font-size: 10px;
    font-weight: 800;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 6px rgba(229, 62, 62, 0.4);
    border: 2px solid var(--chim-card-bg);
}

/* ── LOADING ────────────────────────────────────────── */
.chim-loading-overlay[b-iq0xqnzbl5] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 20px;
    gap: 20px;
}

.chim-spinner[b-iq0xqnzbl5] {
    position: relative;
    width: 60px;
    height: 60px;
}

.chim-spinner-ring[b-iq0xqnzbl5] {
    position: absolute;
    width: 100%;
    height: 100%;
    border: 3px solid transparent;
    border-top-color: var(--chim-primary);
    border-radius: 50%;
    animation: chimSpin-b-iq0xqnzbl5 1s linear infinite;
}

    .chim-spinner-ring:nth-child(2)[b-iq0xqnzbl5] {
        border-top-color: var(--chim-primary-dark);
        animation-delay: 0.15s;
    }

    .chim-spinner-ring:nth-child(3)[b-iq0xqnzbl5] {
        border-top-color: var(--chim-success);
        animation-delay: 0.3s;
    }

@keyframes chimSpin-b-iq0xqnzbl5 {
    to {
        transform: rotate(360deg);
    }
}

.chim-loading-text[b-iq0xqnzbl5] {
    font-size: 16px;
    font-weight: 600;
    color: var(--chim-text-secondary);
}

/* ── CARD LIST ──────────────────────────────────────── */
.chim-list-container[b-iq0xqnzbl5] {
    padding: 12px;
    padding-bottom: 120px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.chim-card[b-iq0xqnzbl5] {
    background: var(--chim-card-bg);
    border-radius: 16px;
    overflow: hidden;
    box-shadow: var(--chim-shadow-sm);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer;
    border: 2px solid transparent;
}

    .chim-card:active[b-iq0xqnzbl5] {
        transform: scale(0.98);
    }

    .chim-card.expanded[b-iq0xqnzbl5] {
        border-color: var(--chim-primary-dark);
        box-shadow: var(--chim-shadow-md);
    }

/* ── CARD HEADER ────────────────────────────────────── */
.chim-card-header[b-iq0xqnzbl5] {
    padding: 16px;
    background: var(--chim-card-header-bg);
    border-bottom: 1px solid var(--chim-border);
}

.chim-card-title-row[b-iq0xqnzbl5] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 12px;
    gap: 8px;
}

.chim-card-title-block[b-iq0xqnzbl5] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.chim-card-title[b-iq0xqnzbl5] {
    font-size: 15px;
    font-weight: 700;
    color: var(--chim-text-primary);
    margin: 0;
    line-height: 1.3;
}

.chim-card-subtitle[b-iq0xqnzbl5] {
    font-size: 12px;
    color: var(--chim-text-muted);
    font-weight: 500;
}

.chim-card-badge-col[b-iq0xqnzbl5] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 6px;
    flex-shrink: 0;
}

.chim-tip-badge[b-iq0xqnzbl5] {
    background: linear-gradient(135deg, rgba(102, 126, 234, 0.15) 0%, rgba(118, 75, 162, 0.15) 100%);
    color: var(--chim-primary-dark);
    font-size: 11px;
    font-weight: 700;
    padding: 3px 10px;
    border-radius: 20px;
    border: 1px solid rgba(102, 126, 234, 0.3);
    white-space: nowrap;
}

[data-bs-theme="dark"] .chim-tip-badge[b-iq0xqnzbl5] {
    color: var(--chim-primary);
    background: rgba(139, 154, 238, 0.15);
    border-color: rgba(139, 154, 238, 0.3);
}

.chim-expand-icon[b-iq0xqnzbl5] {
    font-size: 18px;
    color: var(--chim-primary);
    transition: transform 0.3s ease;
}

.chim-card.expanded .chim-expand-icon[b-iq0xqnzbl5] {
    transform: rotate(180deg);
    color: var(--chim-primary-dark);
}

/* ── QUICK STATS ────────────────────────────────────── */
.chim-quick-stats[b-iq0xqnzbl5] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

.chim-stat[b-iq0xqnzbl5] {
    padding: 10px 12px;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.chim-stat-primary[b-iq0xqnzbl5] {
    background: linear-gradient(135deg, rgba(102, 126, 234, 0.1) 0%, rgba(118, 75, 162, 0.1) 100%);
}

.chim-stat-secondary[b-iq0xqnzbl5] {
    background: linear-gradient(135deg, rgba(72, 187, 120, 0.1) 0%, rgba(56, 161, 105, 0.1) 100%);
}

.chim-stat-label[b-iq0xqnzbl5] {
    font-size: 10px;
    color: var(--chim-text-muted);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.chim-stat-value[b-iq0xqnzbl5] {
    font-size: 14px;
    font-weight: 800;
    color: var(--chim-text-primary);
}

.chim-stat-truncate[b-iq0xqnzbl5] {
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* ── CARD CONTENT (expanded) ────────────────────────── */
.chim-card-content[b-iq0xqnzbl5] {
    padding: 0;
    background: var(--chim-card-bg);
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-height 0.35s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.25s ease, padding 0.3s ease;
}

.chim-card.expanded .chim-card-content[b-iq0xqnzbl5] {
    max-height: 2500px;
    opacity: 1;
    padding: 16px;
}

.chim-detail-grid[b-iq0xqnzbl5] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.chim-detail-item[b-iq0xqnzbl5] {
    background: var(--chim-bg);
    padding: 12px 14px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    gap: 12px;
    transition: all 0.2s ease;
}

    .chim-detail-item:active[b-iq0xqnzbl5] {
        transform: translateX(4px);
        background: var(--chim-border);
    }

    .chim-detail-item > i[b-iq0xqnzbl5] {
        font-size: 22px;
        color: var(--chim-primary);
        flex-shrink: 0;
    }

.chim-detail-info[b-iq0xqnzbl5] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.chim-detail-label[b-iq0xqnzbl5] {
    font-size: 11px;
    color: var(--chim-text-muted);
    font-weight: 600;
}

.chim-detail-value[b-iq0xqnzbl5] {
    font-size: 14px;
    font-weight: 700;
    color: var(--chim-text-primary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* ── ACTIONS ────────────────────────────────────────── */
.chim-actions[b-iq0xqnzbl5] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 8px;
    margin-top: 14px;
    padding-top: 14px;
    border-top: 1px solid var(--chim-border);
}

.chim-action-btn[b-iq0xqnzbl5] {
    border: none;
    padding: 10px 8px;
    border-radius: 12px;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    color: white;
}

    .chim-action-btn:active[b-iq0xqnzbl5] {
        transform: scale(0.95);
    }

.chim-btn-success[b-iq0xqnzbl5] {
    background: linear-gradient(135deg, #48bb78 0%, #38a169 100%);
    box-shadow: 0 4px 12px rgba(72, 187, 120, 0.3);
}

.chim-btn-primary[b-iq0xqnzbl5] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
}

.chim-btn-danger[b-iq0xqnzbl5] {
    background: linear-gradient(135deg, #fc8181 0%, #f56565 100%);
    box-shadow: 0 4px 12px rgba(245, 101, 101, 0.3);
}

/* ── PAGINATION ─────────────────────────────────────── */
.chim-pagination-footer[b-iq0xqnzbl5] {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: var(--chim-card-bg);
    border-top: 1px solid var(--chim-border);
    box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.08);
    z-index: 90;
    padding: 12px;
}

.chim-pagination-controls[b-iq0xqnzbl5] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-bottom: 12px;
}

.chim-page-btn[b-iq0xqnzbl5] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border: none;
    width: 36px;
    height: 36px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: white;
    font-size: 16px;
    transition: all 0.2s ease;
    box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3);
}

    .chim-page-btn:active:not(:disabled)[b-iq0xqnzbl5] {
        transform: scale(0.95);
    }

    .chim-page-btn:disabled[b-iq0xqnzbl5] {
        background: var(--chim-border);
        color: var(--chim-text-muted);
        cursor: not-allowed;
        opacity: 0.5;
        box-shadow: none;
    }

.chim-page-info[b-iq0xqnzbl5] {
    display: flex;
    align-items: center;
    gap: 6px;
    background: var(--chim-card-header-bg);
    padding: 8px 16px;
    border-radius: 10px;
    font-weight: 700;
    box-shadow: var(--chim-shadow-sm);
}

.chim-page-current[b-iq0xqnzbl5] {
    font-size: 16px;
    color: var(--chim-primary);
}

.chim-page-sep[b-iq0xqnzbl5] {
    font-size: 14px;
    color: var(--chim-text-muted);
}

.chim-page-total[b-iq0xqnzbl5] {
    font-size: 14px;
    color: var(--chim-text-secondary);
}

.chim-pagination-details[b-iq0xqnzbl5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.chim-page-size[b-iq0xqnzbl5] {
    background: var(--chim-card-header-bg);
    border: 2px solid var(--chim-border);
    padding: 8px 12px;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 600;
    color: var(--chim-text-primary);
    cursor: pointer;
    transition: all 0.2s ease;
}

    .chim-page-size:focus[b-iq0xqnzbl5] {
        outline: none;
        border-color: var(--chim-primary);
        box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
    }

.chim-page-text[b-iq0xqnzbl5] {
    font-size: 12px;
    color: var(--chim-text-secondary);
    font-weight: 600;
    text-align: right;
    flex: 1;
}

/* ── EMPTY STATE ────────────────────────────────────── */
.chim-empty-state[b-iq0xqnzbl5] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 20px;
    gap: 16px;
    text-align: center;
}

    .chim-empty-state i[b-iq0xqnzbl5] {
        font-size: 80px;
        color: var(--chim-text-muted);
        opacity: 0.5;
    }

    .chim-empty-state h3[b-iq0xqnzbl5] {
        font-size: 20px;
        font-weight: 700;
        color: var(--chim-text-primary);
        margin: 0;
    }

    .chim-empty-state p[b-iq0xqnzbl5] {
        font-size: 14px;
        color: var(--chim-text-secondary);
        margin: 0;
    }

/* ── RESPONSIVE ─────────────────────────────────────── */
@media (max-width: 480px) {
    .chim-actions[b-iq0xqnzbl5] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 360px) {
    .chim-quick-stats[b-iq0xqnzbl5] {
        grid-template-columns: 1fr;
    }
}
/* _content/Client/Pages/FinansYonetimi/Cari/CariKartMobil/CariKartMobil.razor.rz.scp.css */
/* ========================================
   STOK MOBİL COMPONENT STYLES
   ======================================== */

:root[b-tgtm63o1sx] {
    --primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    --success-gradient: linear-gradient(135deg, #48bb78 0%, #38a169 100%);
    --danger-gradient: linear-gradient(135deg, #f56565 0%, #e53e3e 100%);
    --card-bg: #ffffff;
    --card-header-bg: linear-gradient(135deg, #f7fafc 0%, #edf2f7 100%);
    --search-bg: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    --text-primary: #1a202c;
    --text-secondary: #4a5568;
    --text-muted: #718096;
    --border-color: #e2e8f0;
    --info-row-bg: #f7fafc;
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.08);
    --shadow-md: 0 4px 16px rgba(102, 126, 234, 0.2);
}

[data-bs-theme="dark"][b-tgtm63o1sx] {
    --card-bg: #1e293b;
    --card-header-bg: linear-gradient(135deg, #334155 0%, #1e293b 100%);
    --text-primary: #f1f5f9;
    --text-secondary: #cbd5e1;
    --text-muted: #94a3b8;
    --border-color: #334155;
    --info-row-bg: #0f172a;
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3);
    --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4);
}

/* Container */
.stok-mobil-container[b-tgtm63o1sx] {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
    background: var(--info-row-bg);
    overflow: hidden;
    position: relative;
}

/* ========================================
   HEADER SECTION
   ======================================== */
.stok-mobil-header[b-tgtm63o1sx] {
    background: var(--primary-gradient);
    padding: 16px;
    padding-top: calc(env(safe-area-inset-top) + 16px);
    box-shadow: var(--shadow-md);
    position: relative;
    z-index: 10;
}

    .stok-mobil-header[b-tgtm63o1sx]::after {
        content: '';
        position: absolute;
        bottom: -20px;
        left: 0;
        right: 0;
        height: 20px;
        background: var(--primary-gradient);
        border-radius: 0 0 50% 50% / 0 0 100% 100%;
    }

.header-content[b-tgtm63o1sx] {
    display: flex;
    align-items: center;
    gap: 16px;
}

.stok-image-wrapper[b-tgtm63o1sx] {
    flex-shrink: 0;
    width: 70px;
    height: 70px;
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(10px);
    padding: 4px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.stok-image[b-tgtm63o1sx] {
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 12px;
    background: white;
}

.stok-info[b-tgtm63o1sx] {
    flex: 1;
    min-width: 0;
    color: white;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

/* ========================================
   EDITABLE HEADER INPUTS
   ======================================== */
.stok-kod-input[b-tgtm63o1sx] {
    width: 100%;
    font-size: 12px;
    font-weight: 600;
    color: white;
    background: rgba(255, 255, 255, 0.15);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 8px;
    padding: 6px 10px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    transition: all 0.3s ease;
}

    .stok-kod-input[b-tgtm63o1sx]::placeholder {
        color: rgba(255, 255, 255, 0.6);
    }

    .stok-kod-input:focus[b-tgtm63o1sx] {
        outline: none;
        background: rgba(255, 255, 255, 0.25);
        border-color: rgba(255, 255, 255, 0.4);
        box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.1);
    }

.stok-adi-input[b-tgtm63o1sx] {
    width: 100%;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.3;
    color: white;
    background: rgba(255, 255, 255, 0.15);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 8px;
    padding: 8px 12px;
    transition: all 0.3s ease;
}

    .stok-adi-input[b-tgtm63o1sx]::placeholder {
        color: rgba(255, 255, 255, 0.6);
    }

    .stok-adi-input:focus[b-tgtm63o1sx] {
        outline: none;
        background: rgba(255, 255, 255, 0.25);
        border-color: rgba(255, 255, 255, 0.4);
        box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.1);
    }

/* Durum Toggle Button */
.stok-durum-wrapper[b-tgtm63o1sx] {
    display: flex;
    align-items: center;
}

.stok-durum-toggle[b-tgtm63o1sx] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    font-weight: 500;
    padding: 6px 12px;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(5px);
    border: 1px solid rgba(255, 255, 255, 0.3);
    color: white;
    cursor: pointer;
    transition: all 0.3s ease;
    text-transform: uppercase;
}

    .stok-durum-toggle:hover[b-tgtm63o1sx] {
        background: rgba(255, 255, 255, 0.3);
        transform: scale(1.05);
    }

    .stok-durum-toggle:active[b-tgtm63o1sx] {
        transform: scale(0.98);
    }

    .stok-durum-toggle i[b-tgtm63o1sx] {
        font-size: 8px;
        transition: all 0.3s ease;
    }

    .stok-durum-toggle.aktif[b-tgtm63o1sx] {
        background: rgba(72, 187, 120, 0.3);
        border-color: rgba(72, 187, 120, 0.5);
    }

        .stok-durum-toggle.aktif i[b-tgtm63o1sx] {
            color: #48bb78;
            animation: pulse-b-tgtm63o1sx 2s ease-in-out infinite;
        }

    .stok-durum-toggle.pasif[b-tgtm63o1sx] {
        background: rgba(245, 101, 101, 0.3);
        border-color: rgba(245, 101, 101, 0.5);
    }

        .stok-durum-toggle.pasif i[b-tgtm63o1sx] {
            color: #f56565;
        }

@keyframes pulse-b-tgtm63o1sx {
    0%, 100% {
        opacity: 1;
        transform: scale(1);
    }

    50% {
        opacity: 0.6;
        transform: scale(1.2);
    }
}

/* ========================================
   TAB NAVIGATION
   ======================================== */
.stok-mobil-tabs[b-tgtm63o1sx] {
    background: var(--card-bg);
    padding: 8px 12px 0;
    margin-top: 12px;
    position: relative;
    z-index: 5;
    box-shadow: var(--shadow-sm);
}

.tabs-wrapper[b-tgtm63o1sx] {
    display: flex;
    gap: 4px;
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
    -webkit-overflow-scrolling: touch;
}

    .tabs-wrapper[b-tgtm63o1sx]::-webkit-scrollbar {
        display: none;
    }

.tab-item[b-tgtm63o1sx] {
    flex: 1;
    min-width: 75px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 12px 8px;
    border: none;
    background: transparent;
    color: var(--text-muted);
    font-size: 11px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    border-radius: 12px 12px 0 0;
}

    .tab-item i[b-tgtm63o1sx] {
        font-size: 18px;
        transition: all 0.3s ease;
    }

    .tab-item span[b-tgtm63o1sx] {
        white-space: nowrap;
    }

    .tab-item[b-tgtm63o1sx]::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 0;
        height: 3px;
        background: var(--primary-gradient);
        border-radius: 3px 3px 0 0;
        transition: width 0.3s ease;
    }

    .tab-item:hover[b-tgtm63o1sx] {
        color: var(--text-secondary);
        background: var(--info-row-bg);
    }

    .tab-item.active[b-tgtm63o1sx] {
        color: #667eea;
        background: var(--info-row-bg);
    }

        .tab-item.active[b-tgtm63o1sx]::after {
            width: 70%;
        }

        .tab-item.active i[b-tgtm63o1sx] {
            transform: scale(1.1);
        }

/* ========================================
   TAB CONTENT AREA
   ======================================== */
.stok-mobil-content[b-tgtm63o1sx] {
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
    background: var(--info-row-bg);
    position: relative;
    -webkit-overflow-scrolling: touch;
}

.tab-content-wrapper[b-tgtm63o1sx] {
    min-height: 100%;
    padding-bottom: 100px;
}

.tab-pane[b-tgtm63o1sx] {
    display: none;
    padding: 16px;
    animation: fadeIn-b-tgtm63o1sx 0.3s ease;
}

    .tab-pane.active[b-tgtm63o1sx] {
        display: block;
    }

@keyframes fadeIn-b-tgtm63o1sx {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Empty Tab Content */
.empty-tab-content[b-tgtm63o1sx] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 20px;
    color: var(--text-muted);
    text-align: center;
    gap: 12px;
}

    .empty-tab-content i[b-tgtm63o1sx] {
        font-size: 48px;
        opacity: 0.5;
    }

    .empty-tab-content span[b-tgtm63o1sx] {
        font-size: 14px;
    }

/* Loading Overlay */
.loading-overlay[b-tgtm63o1sx] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--card-bg);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 100;
}

.loading-spinner[b-tgtm63o1sx] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    color: var(--text-muted);
}

.spinner[b-tgtm63o1sx] {
    width: 40px;
    height: 40px;
    border: 3px solid var(--border-color);
    border-top-color: #667eea;
    border-radius: 50%;
    animation: spin-b-tgtm63o1sx 0.8s linear infinite;
}

@keyframes spin-b-tgtm63o1sx {
    to {
        transform: rotate(360deg);
    }
}

/* ========================================
   BOTTOM ACTION BAR
   ======================================== */
.stok-mobil-actions[b-tgtm63o1sx] {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    gap: 8px;
    padding: 12px 16px;
    padding-bottom: calc(env(safe-area-inset-bottom) + 12px);
    background: var(--card-bg);
    border-top: 1px solid var(--border-color);
    box-shadow: 0 -4px 16px rgba(0, 0, 0, 0.1);
    z-index: 100;
}

.action-btn[b-tgtm63o1sx] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 12px 16px;
    border: none;
    border-radius: 12px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    min-height: 48px;
}

    .action-btn:disabled[b-tgtm63o1sx] {
        opacity: 0.5;
        cursor: not-allowed;
        transform: none !important;
    }

    .action-btn i[b-tgtm63o1sx] {
        font-size: 16px;
    }

    .action-btn span[b-tgtm63o1sx] {
        white-space: nowrap;
    }

/* Save Button */
.save-btn[b-tgtm63o1sx] {
    flex: 2;
    background: var(--success-gradient);
    color: white;
    box-shadow: 0 4px 12px rgba(72, 187, 120, 0.3);
}

    .save-btn:not(:disabled):hover[b-tgtm63o1sx] {
        transform: translateY(-2px);
        box-shadow: 0 6px 16px rgba(72, 187, 120, 0.4);
    }

    .save-btn:not(:disabled):active[b-tgtm63o1sx] {
        transform: translateY(0);
    }

/* Delete Button */
.delete-btn[b-tgtm63o1sx] {
    flex: 2;
    background: var(--danger-gradient);
    color: white;
    box-shadow: 0 4px 12px rgba(245, 101, 101, 0.3);
}

    .delete-btn:not(:disabled):hover[b-tgtm63o1sx] {
        transform: translateY(-2px);
        box-shadow: 0 6px 16px rgba(245, 101, 101, 0.4);
    }

    .delete-btn:not(:disabled):active[b-tgtm63o1sx] {
        transform: translateY(0);
    }

/* Info Button */
.info-btn[b-tgtm63o1sx] {
    flex: 0 0 48px;
    background: var(--card-header-bg);
    color: var(--text-secondary);
    border: 1px solid var(--border-color);
}

    .info-btn:not(:disabled):hover[b-tgtm63o1sx] {
        background: var(--primary-gradient);
        color: white;
        border-color: transparent;
    }

/* Close Button */
.close-btn[b-tgtm63o1sx] {
    flex: 0 0 48px;
    background: var(--card-header-bg);
    color: var(--text-secondary);
    border: 1px solid var(--border-color);
}

    .close-btn:hover[b-tgtm63o1sx] {
        background: var(--danger-gradient);
        color: white;
        border-color: transparent;
    }

/* ========================================
   FORM ELEMENTS (Generic Styling)
   ======================================== */
.stok-mobil-content .form-group[b-tgtm63o1sx] {
    margin-bottom: 16px;
}

.stok-mobil-content .form-label[b-tgtm63o1sx] {
    display: block;
    font-size: 12px;
    font-weight: 600;
    color: var(--text-muted);
    margin-bottom: 6px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.stok-mobil-content .form-control[b-tgtm63o1sx] {
    width: 100%;
    padding: 12px 14px;
    font-size: 14px;
    color: var(--text-primary);
    background: var(--card-bg);
    border: 1px solid var(--border-color);
    border-radius: 10px;
    transition: all 0.3s ease;
}

    .stok-mobil-content .form-control:focus[b-tgtm63o1sx] {
        outline: none;
        border-color: #667eea;
        box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.15);
    }

/* Card Styling for Tab Content */
.stok-mobil-content .mobile-card[b-tgtm63o1sx] {
    background: var(--card-bg);
    border-radius: 16px;
    padding: 16px;
    margin-bottom: 12px;
    box-shadow: var(--shadow-sm);
    border: 1px solid var(--border-color);
}

.stok-mobil-content .mobile-card-header[b-tgtm63o1sx] {
    font-size: 14px;
    font-weight: 700;
    color: var(--text-primary);
    margin-bottom: 12px;
    padding-bottom: 8px;
    border-bottom: 1px solid var(--border-color);
    display: flex;
    align-items: center;
    gap: 8px;
}

    .stok-mobil-content .mobile-card-header i[b-tgtm63o1sx] {
        color: #667eea;
    }

/* Info Row Styling */
.stok-mobil-content .info-row[b-tgtm63o1sx] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
    border-bottom: 1px solid var(--border-color);
}

    .stok-mobil-content .info-row:last-child[b-tgtm63o1sx] {
        border-bottom: none;
    }

.stok-mobil-content .info-label[b-tgtm63o1sx] {
    font-size: 13px;
    color: var(--text-muted);
}

.stok-mobil-content .info-value[b-tgtm63o1sx] {
    font-size: 13px;
    font-weight: 600;
    color: var(--text-primary);
    text-align: right;
}

/* ========================================
   RESPONSIVE ADJUSTMENTS
   ======================================== */
@media (max-width: 360px) {
    .stok-mobil-header[b-tgtm63o1sx] {
        padding: 12px;
    }

    .stok-image-wrapper[b-tgtm63o1sx] {
        width: 60px;
        height: 60px;
    }

    .stok-kod-input[b-tgtm63o1sx] {
        font-size: 11px;
        padding: 5px 8px;
    }

    .stok-adi-input[b-tgtm63o1sx] {
        font-size: 16px;
        padding: 7px 10px;
    }

    .stok-durum-toggle[b-tgtm63o1sx] {
        font-size: 11px;
        padding: 5px 10px;
    }

    .tab-item[b-tgtm63o1sx] {
        min-width: 65px;
        padding: 10px 6px;
    }

        .tab-item i[b-tgtm63o1sx] {
            font-size: 16px;
        }

        .tab-item span[b-tgtm63o1sx] {
            font-size: 10px;
        }

    .action-btn[b-tgtm63o1sx] {
        padding: 10px 12px;
        font-size: 12px;
    }

        .action-btn span[b-tgtm63o1sx] {
            display: none;
        }

    .save-btn span[b-tgtm63o1sx],
    .delete-btn span[b-tgtm63o1sx] {
        display: inline;
    }
}

@media (min-width: 576px) {
    .stok-mobil-container[b-tgtm63o1sx] {
        max-width: 576px;
        margin: 0 auto;
    }

    .stok-mobil-actions[b-tgtm63o1sx] {
        max-width: 576px;
        left: 50%;
        transform: translateX(-50%);
    }
}

/* Landscape Mode */
@media (max-height: 500px) and (orientation: landscape) {
    .stok-mobil-header[b-tgtm63o1sx] {
        padding: 10px 16px;
    }

        .stok-mobil-header[b-tgtm63o1sx]::after {
            display: none;
        }

    .stok-image-wrapper[b-tgtm63o1sx] {
        width: 50px;
        height: 50px;
    }

    .stok-kod-input[b-tgtm63o1sx] {
        font-size: 11px;
    }

    .stok-adi-input[b-tgtm63o1sx] {
        font-size: 14px;
    }

    .stok-mobil-tabs[b-tgtm63o1sx] {
        margin-top: 0;
    }

    .tab-item[b-tgtm63o1sx] {
        flex-direction: row;
        gap: 6px;
        padding: 8px 12px;
    }
}

/* Dark Mode Specific Overrides */
[data-bs-theme="dark"] .stok-image[b-tgtm63o1sx] {
    background: #2d3748;
}

[data-bs-theme="dark"] .tab-item.active[b-tgtm63o1sx] {
    color: #a78bfa;
}

[data-bs-theme="dark"] .spinner[b-tgtm63o1sx] {
    border-top-color: #a78bfa;
}

[data-bs-theme="dark"] .stok-kod-input[b-tgtm63o1sx],
[data-bs-theme="dark"] .stok-adi-input[b-tgtm63o1sx] {
    background: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.15);
}

    [data-bs-theme="dark"] .stok-kod-input:focus[b-tgtm63o1sx],
    [data-bs-theme="dark"] .stok-adi-input:focus[b-tgtm63o1sx] {
        background: rgba(255, 255, 255, 0.15);
        border-color: rgba(255, 255, 255, 0.3);
    }



.cari-bakiye-summary[b-tgtm63o1sx] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
    padding: 10px;
    background: #f8f9fc;
    border-bottom: 1px solid #e5e7eb;
}

.cari-bakiye-scroll[b-tgtm63o1sx] {
    overflow-x: auto;
    padding: 8px 10px;
    background: #f9fafb;
    border-bottom: 1px solid #e5e7eb;
}

.bakiye-scroll-inner[b-tgtm63o1sx] {
    display: flex;
    gap: 10px;
    min-width: max-content;
}

.bakiye-card[b-tgtm63o1sx] {
    min-width: 130px;
    background: #ffffff;
    border-radius: 14px;
    padding: 10px 12px;
    box-shadow: 0 3px 8px rgba(0,0,0,0.06);
    text-align: center;
    flex-shrink: 0;
}

    .bakiye-card .label[b-tgtm63o1sx] {
        display: block;
        font-size: 11px;
        font-weight: 600;
        color: #6b7280;
        margin-bottom: 6px;
    }

    .bakiye-card .value[b-tgtm63o1sx] {
        font-size: 15px;
        font-weight: 700;
    }

    .bakiye-card .type[b-tgtm63o1sx] {
        display: block;
        font-size: 11px;
        margin-top: 4px;
        font-weight: 600;
    }

    .bakiye-card.borc .value[b-tgtm63o1sx] {
        color: #111827; 
    }

    .bakiye-card.alacak .value[b-tgtm63o1sx] {
        color: #111827; 
    }

    .bakiye-card.bakiye.pozitif .value[b-tgtm63o1sx],
    .bakiye-card.bakiye.pozitif .type[b-tgtm63o1sx] {
        color: #16a34a; 
    }

    .bakiye-card.bakiye.negatif .value[b-tgtm63o1sx],
    .bakiye-card.bakiye.negatif .type[b-tgtm63o1sx] {
        color: #dc2626;
    }
/* _content/Client/Pages/FinansYonetimi/Cari/CariKartMobil/CariKartMobil_B2bB2c.razor.rz.scp.css */
/* ============================================
   HAREKET MOBİL CONTAINER
   ============================================ */
.hareket-mobil-container[b-8w09c7xzde] {
    display: flex;
    flex-direction: column;
    height: 100%;
    background: var(--card-bg);
}

/* ============================================
   HAREKET TABS
   ============================================ */
.hareket-tabs[b-8w09c7xzde] {
    display: flex;
    background: var(--card-header-bg);
    border-bottom: 2px solid var(--border-color);
    padding: 8px 12px;
    gap: 8px;
}

.hareket-tab[b-8w09c7xzde] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 10px 16px;
    border: none;
    border-radius: 10px;
    background: transparent;
    color: var(--text-secondary);
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.3s ease;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

    .hareket-tab i[b-8w09c7xzde] {
        font-size: 16px;
    }

    .hareket-tab:active[b-8w09c7xzde] {
        transform: scale(0.95);
    }

    .hareket-tab.active[b-8w09c7xzde] {
        background: var(--primary-gradient);
        color: white;
        box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
    }

/* ============================================
   FİLTRE SECTİON
   ============================================ */
.hareket-filter-section[b-8w09c7xzde] {
    padding: 12px;
    background: var(--info-row-bg);
    border-bottom: 1px solid var(--border-color);
}

.filter-row[b-8w09c7xzde] {
    display: flex;
    gap: 8px;
    margin-bottom: 8px;
}

.filter-item[b-8w09c7xzde] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

    .filter-item.full-width[b-8w09c7xzde] {
        flex: 1 1 100%;
    }

.filter-label[b-8w09c7xzde] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 11px;
    font-weight: 700;
    color: var(--text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

    .filter-label i[b-8w09c7xzde] {
        color: #667eea;
        font-size: 12px;
    }

.filter-input[b-8w09c7xzde],
.filter-select[b-8w09c7xzde] {
    width: 100%;
    padding: 8px 12px;
    border: 2px solid var(--border-color);
    border-radius: 8px;
    background: var(--card-bg);
    color: var(--text-primary);
    font-size: 13px;
    font-weight: 600;
    transition: all 0.2s ease;
}

    .filter-input:focus[b-8w09c7xzde],
    .filter-select:focus[b-8w09c7xzde] {
        outline: none;
        border-color: #667eea;
        box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
    }

.filter-actions[b-8w09c7xzde] {
    display: flex;
    gap: 8px;
    margin-top: 12px;
}

.filter-btn[b-8w09c7xzde] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 10px 16px;
    border: none;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.2s ease;
}

    .filter-btn i[b-8w09c7xzde] {
        font-size: 14px;
    }

    .filter-btn:active[b-8w09c7xzde] {
        transform: scale(0.95);
    }

.search-btn[b-8w09c7xzde] {
    background: var(--primary-gradient);
    color: white;
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
}

    .search-btn:hover[b-8w09c7xzde] {
        box-shadow: 0 6px 16px rgba(102, 126, 234, 0.4);
    }

.report-btn[b-8w09c7xzde] {
    background: var(--success-gradient);
    color: white;
    box-shadow: 0 4px 12px rgba(72, 187, 120, 0.3);
}

    .report-btn:hover[b-8w09c7xzde] {
        box-shadow: 0 6px 16px rgba(72, 187, 120, 0.4);
    }

/* ============================================
   HAREKET CONTENT
   ============================================ */
.hareket-content[b-8w09c7xzde] {
    flex: 1;
    overflow-y: auto;
    padding: 12px;
}

/* ============================================
   LOADING
   ============================================ */
.loading-container[b-8w09c7xzde] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 40px 20px;
    gap: 12px;
}

    .loading-container span[b-8w09c7xzde] {
        font-size: 14px;
        font-weight: 600;
        color: var(--text-secondary);
    }

.spinner[b-8w09c7xzde] {
    width: 40px;
    height: 40px;
    border: 4px solid var(--border-color);
    border-top-color: #667eea;
    border-radius: 50%;
    animation: spin-b-8w09c7xzde 0.8s linear infinite;
}

@keyframes spin-b-8w09c7xzde {
    to {
        transform: rotate(360deg);
    }
}

/* ============================================
   HAREKET LIST & CARDS
   ============================================ */
.hareket-list[b-8w09c7xzde] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.hareket-card[b-8w09c7xzde] {
    background: var(--card-bg);
    border-radius: 14px;
    overflow: hidden;
    box-shadow: var(--shadow-sm);
    border: 2px solid transparent;
    transition: all 0.3s ease;
    cursor: pointer;
}

    .hareket-card:active[b-8w09c7xzde] {
        transform: scale(0.98);
    }

    .hareket-card:hover[b-8w09c7xzde] {
        border-color: #667eea;
        box-shadow: var(--shadow-md);
    }

.hareket-card-header[b-8w09c7xzde] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px;
    background: var(--card-header-bg);
    border-bottom: 1px solid var(--border-color);
}

.hareket-main-info[b-8w09c7xzde] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.hareket-title[b-8w09c7xzde] {
    font-size: 15px;
    font-weight: 700;
    color: var(--text-primary);
    margin: 0;
    line-height: 1.3;
}

.hareket-date[b-8w09c7xzde] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    font-weight: 600;
    color: var(--text-secondary);
}

    .hareket-date i[b-8w09c7xzde] {
        color: #667eea;
        font-size: 11px;
    }

.hareket-arrow[b-8w09c7xzde] {
    font-size: 18px;
    color: #667eea;
    transition: all 0.3s ease;
}

.hareket-card:hover .hareket-arrow[b-8w09c7xzde] {
    transform: translateX(4px);
}

.hareket-card-body[b-8w09c7xzde] {
    padding: 12px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.hareket-info-row[b-8w09c7xzde] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 10px;
    background: var(--info-row-bg);
    border-radius: 8px;
    transition: all 0.2s ease;
}

    .hareket-info-row:hover[b-8w09c7xzde] {
        background: var(--border-color);
    }

.hareket-label[b-8w09c7xzde] {
    font-size: 12px;
    font-weight: 600;
    color: var(--text-secondary);
}

.hareket-value[b-8w09c7xzde] {
    font-size: 13px;
    font-weight: 700;
    color: var(--text-primary);
    text-align: right;
}

    .hareket-value.highlight[b-8w09c7xzde] {
        color: #667eea;
        font-size: 14px;
    }

    .hareket-value.price[b-8w09c7xzde] {
        color: #48bb78;
        font-size: 14px;
    }

    .hareket-value.out[b-8w09c7xzde] {
        color: #f56565;
        font-size: 14px;
    }

/* ============================================
   EMPTY STATE
   ============================================ */
.empty-state[b-8w09c7xzde] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 20px;
    gap: 16px;
}

    .empty-state i[b-8w09c7xzde] {
        font-size: 64px;
        color: var(--text-muted);
        opacity: 0.5;
    }

    .empty-state p[b-8w09c7xzde] {
        font-size: 15px;
        font-weight: 600;
        color: var(--text-secondary);
        margin: 0;
    }

/* ============================================
   RESPONSİVE
   ============================================ */
@media (max-width: 360px) {
    .hareket-tab span[b-8w09c7xzde] {
        font-size: 11px;
    }

    .hareket-title[b-8w09c7xzde] {
        font-size: 14px;
    }

    .filter-btn span[b-8w09c7xzde] {
        display: none;
    }

    .filter-btn i[b-8w09c7xzde] {
        font-size: 16px;
    }
}

/* ============================================
   DARK MODE
   ============================================ */
[data-bs-theme="dark"] .hareket-mobil-container[b-8w09c7xzde] {
    background: #0f172a;
}

[data-bs-theme="dark"] .hareket-card[b-8w09c7xzde] {
    background: #1e293b;
}

[data-bs-theme="dark"] .hareket-card-header[b-8w09c7xzde] {
    background: #334155;
}

[data-bs-theme="dark"] .filter-input[b-8w09c7xzde],
[data-bs-theme="dark"] .filter-select[b-8w09c7xzde] {
    background: #1e293b;
    border-color: #334155;
}

    [data-bs-theme="dark"] .filter-input:focus[b-8w09c7xzde],
    [data-bs-theme="dark"] .filter-select:focus[b-8w09c7xzde] {
        border-color: #667eea;
    }

/* ============================================
   SCROLLBAR
   ============================================ */
.hareket-content[b-8w09c7xzde]::-webkit-scrollbar {
    width: 6px;
}

.hareket-content[b-8w09c7xzde]::-webkit-scrollbar-track {
    background: var(--info-row-bg);
}

.hareket-content[b-8w09c7xzde]::-webkit-scrollbar-thumb {
    background: var(--border-color);
    border-radius: 3px;
}

    .hareket-content[b-8w09c7xzde]::-webkit-scrollbar-thumb:hover {
        background: #667eea;
    }
/* ============================================
   MODAL OVERLAY & CONTENT
   ============================================ */
.modal-overlay[b-8w09c7xzde] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(4px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    padding: 20px;
    animation: fadeIn-b-8w09c7xzde 0.2s ease;
}

@keyframes fadeIn-b-8w09c7xzde {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.modal-content[b-8w09c7xzde] {
    background: var(--card-bg);
    border-radius: 16px;
    width: 100%;
    max-width: 500px;
    max-height: 90vh;
    overflow: hidden;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
    display: flex;
    flex-direction: column;
    animation: slideUp-b-8w09c7xzde 0.3s ease;
}

@keyframes slideUp-b-8w09c7xzde {
    from {
        transform: translateY(20px);
        opacity: 0;
    }

    to {
        transform: translateY(0);
        opacity: 1;
    }
}

/* ============================================
   MODAL HEADER
   ============================================ */
.modal-header[b-8w09c7xzde] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 20px;
    background: var(--card-header-bg);
    border-bottom: 2px solid var(--border-color);
}

    .modal-header h3[b-8w09c7xzde] {
        font-size: 18px;
        font-weight: 700;
        color: var(--text-primary);
        margin: 0;
    }

.modal-close[b-8w09c7xzde] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border: none;
    border-radius: 8px;
    background: transparent;
    color: var(--text-secondary);
    cursor: pointer;
    transition: all 0.2s ease;
}

    .modal-close i[b-8w09c7xzde] {
        font-size: 18px;
    }

    .modal-close:hover[b-8w09c7xzde] {
        background: var(--info-row-bg);
        color: var(--text-primary);
    }

    .modal-close:active[b-8w09c7xzde] {
        transform: scale(0.95);
    }

/* ============================================
   MODAL BODY
   ============================================ */
.modal-body[b-8w09c7xzde] {
    flex: 1;
    overflow-y: auto;
    padding: 20px;
}

/* ============================================
   FORM ELEMENTS
   ============================================ */
.form-group[b-8w09c7xzde] {
    margin-bottom: 16px;
}

    .form-group:last-child[b-8w09c7xzde] {
        margin-bottom: 0;
    }

.form-label[b-8w09c7xzde] {
    display: block;
    font-size: 13px;
    font-weight: 700;
    color: var(--text-secondary);
    margin-bottom: 8px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.form-input[b-8w09c7xzde],
.form-textarea[b-8w09c7xzde] {
    width: 100%;
    padding: 12px 14px;
    border: 2px solid var(--border-color);
    border-radius: 10px;
    background: var(--card-bg);
    color: var(--text-primary);
    font-size: 14px;
    font-weight: 600;
    transition: all 0.2s ease;
    font-family: inherit;
}

    .form-input:focus[b-8w09c7xzde],
    .form-textarea:focus[b-8w09c7xzde] {
        outline: none;
        border-color: #667eea;
        box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
    }

    .form-input:disabled[b-8w09c7xzde] {
        background: var(--info-row-bg);
        color: var(--text-secondary);
        cursor: not-allowed;
        opacity: 0.7;
    }

.form-textarea[b-8w09c7xzde] {
    resize: vertical;
    min-height: 100px;
}

/* ============================================
   MODAL FOOTER
   ============================================ */
.modal-footer[b-8w09c7xzde] {
    display: flex;
    gap: 12px;
    padding: 16px 20px;
    background: var(--info-row-bg);
    border-top: 1px solid var(--border-color);
}

.modal-btn[b-8w09c7xzde] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 12px 20px;
    border: none;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.2s ease;
}

    .modal-btn i[b-8w09c7xzde] {
        font-size: 16px;
    }

    .modal-btn:active[b-8w09c7xzde] {
        transform: scale(0.95);
    }

.cancel-btn[b-8w09c7xzde] {
    background: var(--card-bg);
    color: var(--text-secondary);
    border: 2px solid var(--border-color);
}

    .cancel-btn:hover[b-8w09c7xzde] {
        background: var(--info-row-bg);
        border-color: var(--text-secondary);
        color: var(--text-primary);
    }

.save-btn[b-8w09c7xzde] {
    background: var(--primary-gradient);
    color: white;
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
}

    .save-btn:hover[b-8w09c7xzde] {
        box-shadow: 0 6px 16px rgba(102, 126, 234, 0.4);
    }

/* ============================================
   MODAL SCROLLBAR
   ============================================ */
.modal-body[b-8w09c7xzde]::-webkit-scrollbar {
    width: 6px;
}

.modal-body[b-8w09c7xzde]::-webkit-scrollbar-track {
    background: var(--info-row-bg);
}

.modal-body[b-8w09c7xzde]::-webkit-scrollbar-thumb {
    background: var(--border-color);
    border-radius: 3px;
}

    .modal-body[b-8w09c7xzde]::-webkit-scrollbar-thumb:hover {
        background: #667eea;
    }

/* ============================================
   DARK MODE - MODAL
   ============================================ */
[data-bs-theme="dark"] .modal-content[b-8w09c7xzde] {
    background: #1e293b;
}

[data-bs-theme="dark"] .modal-header[b-8w09c7xzde] {
    background: #334155;
    border-bottom-color: #475569;
}

[data-bs-theme="dark"] .modal-footer[b-8w09c7xzde] {
    background: #0f172a;
    border-top-color: #334155;
}

[data-bs-theme="dark"] .form-input[b-8w09c7xzde],
[data-bs-theme="dark"] .form-textarea[b-8w09c7xzde] {
    background: #0f172a;
    border-color: #334155;
    color: #e2e8f0;
}

    [data-bs-theme="dark"] .form-input:disabled[b-8w09c7xzde] {
        background: #334155;
        color: #64748b;
    }

    [data-bs-theme="dark"] .form-input:focus[b-8w09c7xzde],
    [data-bs-theme="dark"] .form-textarea:focus[b-8w09c7xzde] {
        border-color: #667eea;
    }

[data-bs-theme="dark"] .cancel-btn[b-8w09c7xzde] {
    background: #334155;
    border-color: #475569;
    color: #94a3b8;
}

    [data-bs-theme="dark"] .cancel-btn:hover[b-8w09c7xzde] {
        background: #475569;
        color: #e2e8f0;
    }

/* ============================================
   RESPONSIVE - MODAL
   ============================================ */
@media (max-width: 480px) {
    .modal-overlay[b-8w09c7xzde] {
        padding: 12px;
    }

    .modal-content[b-8w09c7xzde] {
        max-height: 95vh;
    }

    .modal-header[b-8w09c7xzde] {
        padding: 14px 16px;
    }

        .modal-header h3[b-8w09c7xzde] {
            font-size: 16px;
        }

    .modal-body[b-8w09c7xzde] {
        padding: 16px;
    }

    .modal-footer[b-8w09c7xzde] {
        padding: 14px 16px;
        flex-direction: column;
    }

    .modal-btn[b-8w09c7xzde] {
        width: 100%;
    }

    .form-label[b-8w09c7xzde] {
        font-size: 12px;
    }

    .form-input[b-8w09c7xzde],
    .form-textarea[b-8w09c7xzde] {
        padding: 10px 12px;
        font-size: 13px;
    }
}
/* _content/Client/Pages/FinansYonetimi/Cari/CariKartMobil/CariKartMobil_FaturaSevk.razor.rz.scp.css */
/* ========================================
   STOK MOBİL GENEL TAB STYLES
   ======================================== */

:root[b-5hh2f9wp33] {
    --primary-color: #667eea;
    --primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    --card-bg: #ffffff;
    --card-header-bg: linear-gradient(135deg, #f7fafc 0%, #edf2f7 100%);
    --text-primary: #1a202c;
    --text-secondary: #4a5568;
    --text-muted: #718096;
    --border-color: #e2e8f0;
    --info-row-bg: #f7fafc;
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.08);
    --input-focus-shadow: 0 0 0 3px rgba(102, 126, 234, 0.15);
}

[data-bs-theme="dark"][b-5hh2f9wp33] {
    --card-bg: #1e293b;
    --card-header-bg: linear-gradient(135deg, #334155 0%, #1e293b 100%);
    --text-primary: #f1f5f9;
    --text-secondary: #cbd5e1;
    --text-muted: #94a3b8;
    --border-color: #334155;
    --info-row-bg: #0f172a;
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3);
    --input-focus-shadow: 0 0 0 3px rgba(139, 92, 246, 0.15);
}

/* ========================================
   MAIN CONTAINER
   ======================================== */
.mobil-genel-container[b-5hh2f9wp33] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 0;
    width: 100%;
}

/* ========================================
   MOBILE CARD COMPONENTS
   ======================================== */
.mobile-card[b-5hh2f9wp33] {
    background: var(--card-bg);
    border-radius: 16px;
    overflow: hidden;
    box-shadow: var(--shadow-sm);
    border: 1px solid var(--border-color);
}

.mobile-card-header[b-5hh2f9wp33] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px 16px;
    background: var(--card-header-bg);
    border-bottom: 1px solid var(--border-color);
    font-size: 14px;
    font-weight: 700;
    color: var(--text-primary);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

    .mobile-card-header i[b-5hh2f9wp33] {
        color: var(--primary-color);
        font-size: 18px;
        flex-shrink: 0;
    }

    .mobile-card-header span[b-5hh2f9wp33] {
        flex: 1;
    }

.mobile-card-body[b-5hh2f9wp33] {
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

/* ========================================
   FORM GROUPS
   ======================================== */
.form-group-mobile[b-5hh2f9wp33] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.form-label-mobile[b-5hh2f9wp33] {
    display: block;
    font-size: 11px;
    font-weight: 600;
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin: 0;
}

/* ========================================
   FORM CONTROLS
   ======================================== */
.form-control-mobile[b-5hh2f9wp33] {
    width: 100%;
    padding: 12px 14px;
    font-size: 14px;
    color: var(--text-primary);
    background: var(--card-bg);
    border: 1px solid var(--border-color);
    border-radius: 10px;
    transition: all 0.3s ease;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

    .form-control-mobile:focus[b-5hh2f9wp33] {
        outline: none;
        border-color: var(--primary-color);
        box-shadow: var(--input-focus-shadow);
    }

    .form-control-mobile:disabled[b-5hh2f9wp33] {
        opacity: 0.6;
        cursor: not-allowed;
        background: var(--info-row-bg);
    }

/* Select specific styling */
select.form-control-mobile[b-5hh2f9wp33] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23718096' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 16px 12px;
    padding-right: 40px;
}

/* ========================================
   RESPONSIVE ADJUSTMENTS
   ======================================== */
@media (max-width: 360px) {
    .mobile-card-header[b-5hh2f9wp33] {
        padding: 12px 14px;
        font-size: 13px;
    }

        .mobile-card-header i[b-5hh2f9wp33] {
            font-size: 16px;
        }

    .mobile-card-body[b-5hh2f9wp33] {
        padding: 14px;
        gap: 14px;
    }

    .form-control-mobile[b-5hh2f9wp33] {
        padding: 10px 12px;
        font-size: 13px;
    }

    .form-label-mobile[b-5hh2f9wp33] {
        font-size: 10px;
    }

    .btn-addon[b-5hh2f9wp33] {
        min-width: 40px;
        padding: 0 10px;
    }
}

@media (min-width: 576px) {
    .mobil-genel-container[b-5hh2f9wp33] {
        padding: 0 8px;
    }

    .mobile-card[b-5hh2f9wp33] {
        border-radius: 20px;
    }

    .mobile-card-body[b-5hh2f9wp33] {
        padding: 20px;
        gap: 18px;
    }
}

/* Landscape Mode */
@media (max-height: 500px) and (orientation: landscape) {
    .mobil-genel-container[b-5hh2f9wp33] {
        gap: 8px;
    }

    .mobile-card[b-5hh2f9wp33] {
        border-radius: 12px;
    }

    .mobile-card-header[b-5hh2f9wp33] {
        padding: 10px 14px;
    }

    .mobile-card-body[b-5hh2f9wp33] {
        padding: 12px;
        gap: 12px;
    }

    .form-control-mobile[b-5hh2f9wp33] {
        padding: 8px 12px;
    }

    .form-group-mobile[b-5hh2f9wp33] {
        gap: 6px;
    }
}

/* ========================================
   DARK MODE OVERRIDES
   ======================================== */
[data-bs-theme="dark"] .mobile-card[b-5hh2f9wp33] {
    background: var(--card-bg);
    border-color: var(--border-color);
}

[data-bs-theme="dark"] .mobile-card-header[b-5hh2f9wp33] {
    background: var(--card-header-bg);
}

    [data-bs-theme="dark"] .mobile-card-header i[b-5hh2f9wp33] {
        color: #a78bfa;
    }

[data-bs-theme="dark"] .form-control-mobile[b-5hh2f9wp33] {
    background: var(--card-bg);
    color: var(--text-primary);
    border-color: var(--border-color);
}

    [data-bs-theme="dark"] .form-control-mobile:focus[b-5hh2f9wp33] {
        border-color: #a78bfa;
        box-shadow: 0 0 0 3px rgba(167, 139, 250, 0.15);
    }

[data-bs-theme="dark"] select.form-control-mobile[b-5hh2f9wp33] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%2394a3b8' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}

[data-bs-theme="dark"] .btn-addon[b-5hh2f9wp33] {
    background: linear-gradient(135deg, #a78bfa 0%, #8b5cf6 100%);
}

/* ========================================
   ACCESSIBILITY
   ======================================== */
.form-control-mobile:focus-visible[b-5hh2f9wp33] {
    outline: 2px solid var(--primary-color);
    outline-offset: 2px;
}

.btn-addon:focus-visible[b-5hh2f9wp33] {
    outline: 2px solid white;
    outline-offset: 2px;
}

/* ========================================
   TOUCH OPTIMIZATION
   ======================================== */
@media (hover: none) and (pointer: coarse) {
    .form-control-mobile[b-5hh2f9wp33],
    .btn-addon[b-5hh2f9wp33] {
        min-height: 44px;
    }
}
/* _content/Client/Pages/FinansYonetimi/Cari/CariKartMobil/CariKartMobil_Gorusmeler.razor.rz.scp.css */
/* ============================================
   HAREKET MOBİL CONTAINER
   ============================================ */
.hareket-mobil-container[b-7y96nfdnyt] {
    display: flex;
    flex-direction: column;
    height: 100%;
    background: var(--card-bg);
}

.hareket-header[b-7y96nfdnyt] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px 16px;
    background: var(--card-header-bg);
    border-bottom: 1px solid var(--border-color);
    font-size: 14px;
    font-weight: 700;
    color: var(--text-primary);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

    .hareket-header i[b-7y96nfdnyt] {
        color: var(--primary-color);
        font-size: 18px;
        flex-shrink: 0;
    }

    .hareket-header span[b-7y96nfdnyt] {
        flex: 1;
    }

/* ============================================
   HAREKET TABS
   ============================================ */
.hareket-tabs[b-7y96nfdnyt] {
    display: flex;
    background: var(--card-header-bg);
    border-bottom: 2px solid var(--border-color);
    padding: 8px 12px;
    gap: 8px;
}

.hareket-tab[b-7y96nfdnyt] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 10px 16px;
    border: none;
    border-radius: 10px;
    background: transparent;
    color: var(--text-secondary);
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.3s ease;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

    .hareket-tab i[b-7y96nfdnyt] {
        font-size: 16px;
    }

    .hareket-tab:active[b-7y96nfdnyt] {
        transform: scale(0.95);
    }

    .hareket-tab.active[b-7y96nfdnyt] {
        background: var(--primary-gradient);
        color: white;
        box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
    }

/* ============================================
   FİLTRE SECTİON
   ============================================ */
.hareket-filter-section[b-7y96nfdnyt] {
    padding: 12px;
    background: var(--info-row-bg);
    border-bottom: 1px solid var(--border-color);
}

.filter-row[b-7y96nfdnyt] {
    display: flex;
    gap: 8px;
    margin-bottom: 8px;
}

.filter-item[b-7y96nfdnyt] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

    .filter-item.full-width[b-7y96nfdnyt] {
        flex: 1 1 100%;
    }

.filter-label[b-7y96nfdnyt] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 11px;
    font-weight: 700;
    color: var(--text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

    .filter-label i[b-7y96nfdnyt] {
        color: #667eea;
        font-size: 12px;
    }

.filter-input[b-7y96nfdnyt],
.filter-select[b-7y96nfdnyt] {
    width: 100%;
    padding: 8px 12px;
    border: 2px solid var(--border-color);
    border-radius: 8px;
    background: var(--card-bg);
    color: var(--text-primary);
    font-size: 13px;
    font-weight: 600;
    transition: all 0.2s ease;
}

    .filter-input:focus[b-7y96nfdnyt],
    .filter-select:focus[b-7y96nfdnyt] {
        outline: none;
        border-color: #667eea;
        box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
    }

.filter-actions[b-7y96nfdnyt] {
    display: flex;
    gap: 8px;
    margin-top: 12px;
}

.filter-btn[b-7y96nfdnyt] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 10px 16px;
    border: none;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.2s ease;
}

    .filter-btn i[b-7y96nfdnyt] {
        font-size: 14px;
    }

    .filter-btn:active[b-7y96nfdnyt] {
        transform: scale(0.95);
    }

.search-btn[b-7y96nfdnyt] {
    background: var(--primary-gradient);
    color: white;
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
}

    .search-btn:hover[b-7y96nfdnyt] {
        box-shadow: 0 6px 16px rgba(102, 126, 234, 0.4);
    }

.report-btn[b-7y96nfdnyt] {
    background: var(--success-gradient);
    color: white;
    box-shadow: 0 4px 12px rgba(72, 187, 120, 0.3);
}

    .report-btn:hover[b-7y96nfdnyt] {
        box-shadow: 0 6px 16px rgba(72, 187, 120, 0.4);
    }

/* ============================================
   HAREKET CONTENT
   ============================================ */
.hareket-content[b-7y96nfdnyt] {
    flex: 1;
    overflow-y: auto;
    padding: 12px;
}

/* ============================================
   LOADING
   ============================================ */
.loading-container[b-7y96nfdnyt] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 40px 20px;
    gap: 12px;
}

    .loading-container span[b-7y96nfdnyt] {
        font-size: 14px;
        font-weight: 600;
        color: var(--text-secondary);
    }

.spinner[b-7y96nfdnyt] {
    width: 40px;
    height: 40px;
    border: 4px solid var(--border-color);
    border-top-color: #667eea;
    border-radius: 50%;
    animation: spin-b-7y96nfdnyt 0.8s linear infinite;
}

@keyframes spin-b-7y96nfdnyt {
    to {
        transform: rotate(360deg);
    }
}

/* ============================================
   HAREKET LIST & CARDS
   ============================================ */
.hareket-list[b-7y96nfdnyt] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.hareket-card[b-7y96nfdnyt] {
    background: var(--card-bg);
    border-radius: 14px;
    overflow: hidden;
    box-shadow: var(--shadow-sm);
    border: 2px solid transparent;
    transition: all 0.3s ease;
    cursor: pointer;
}

    .hareket-card:active[b-7y96nfdnyt] {
        transform: scale(0.98);
    }

    .hareket-card:hover[b-7y96nfdnyt] {
        border-color: #667eea;
        box-shadow: var(--shadow-md);
    }

.hareket-card-header[b-7y96nfdnyt] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px;
    background: var(--card-header-bg);
    border-bottom: 1px solid var(--border-color);
}

.hareket-main-info[b-7y96nfdnyt] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.hareket-title[b-7y96nfdnyt] {
    font-size: 15px;
    font-weight: 700;
    color: var(--text-primary);
    margin: 0;
    line-height: 1.3;
}

.hareket-date[b-7y96nfdnyt] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    font-weight: 600;
    color: var(--text-secondary);
}

    .hareket-date i[b-7y96nfdnyt] {
        color: #667eea;
        font-size: 11px;
    }

.hareket-arrow[b-7y96nfdnyt] {
    font-size: 18px;
    color: #667eea;
    transition: all 0.3s ease;
}

.hareket-card:hover .hareket-arrow[b-7y96nfdnyt] {
    transform: translateX(4px);
}

.hareket-card-body[b-7y96nfdnyt] {
    padding: 12px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.hareket-info-row[b-7y96nfdnyt] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 10px;
    background: var(--info-row-bg);
    border-radius: 8px;
    transition: all 0.2s ease;
}

    .hareket-info-row:hover[b-7y96nfdnyt] {
        background: var(--border-color);
    }

.hareket-label[b-7y96nfdnyt] {
    font-size: 12px;
    font-weight: 600;
    color: var(--text-secondary);
}

.hareket-value[b-7y96nfdnyt] {
    font-size: 13px;
    font-weight: 700;
    color: var(--text-primary);
    text-align: right;
}

    .hareket-value.highlight[b-7y96nfdnyt] {
        color: #667eea;
        font-size: 14px;
    }

    .hareket-value.price[b-7y96nfdnyt] {
        color: #48bb78;
        font-size: 14px;
    }

    .hareket-value.out[b-7y96nfdnyt] {
        color: #f56565;
        font-size: 14px;
    }

/* ============================================
   EMPTY STATE
   ============================================ */
.empty-state[b-7y96nfdnyt] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 20px;
    gap: 16px;
}

    .empty-state i[b-7y96nfdnyt] {
        font-size: 64px;
        color: var(--text-muted);
        opacity: 0.5;
    }

    .empty-state p[b-7y96nfdnyt] {
        font-size: 15px;
        font-weight: 600;
        color: var(--text-secondary);
        margin: 0;
    }

/* ============================================
   RESPONSİVE
   ============================================ */
@media (max-width: 360px) {
    .hareket-tab span[b-7y96nfdnyt] {
        font-size: 11px;
    }

    .hareket-title[b-7y96nfdnyt] {
        font-size: 14px;
    }

    .filter-btn span[b-7y96nfdnyt] {
        display: none;
    }

    .filter-btn i[b-7y96nfdnyt] {
        font-size: 16px;
    }
}

/* ============================================
   DARK MODE
   ============================================ */
[data-bs-theme="dark"] .hareket-mobil-container[b-7y96nfdnyt] {
    background: #0f172a;
}

[data-bs-theme="dark"] .hareket-card[b-7y96nfdnyt] {
    background: #1e293b;
}

[data-bs-theme="dark"] .hareket-card-header[b-7y96nfdnyt] {
    background: #334155;
}

[data-bs-theme="dark"] .filter-input[b-7y96nfdnyt],
[data-bs-theme="dark"] .filter-select[b-7y96nfdnyt] {
    background: #1e293b;
    border-color: #334155;
}

    [data-bs-theme="dark"] .filter-input:focus[b-7y96nfdnyt],
    [data-bs-theme="dark"] .filter-select:focus[b-7y96nfdnyt] {
        border-color: #667eea;
    }

/* ============================================
   SCROLLBAR
   ============================================ */
.hareket-content[b-7y96nfdnyt]::-webkit-scrollbar {
    width: 6px;
}

.hareket-content[b-7y96nfdnyt]::-webkit-scrollbar-track {
    background: var(--info-row-bg);
}

.hareket-content[b-7y96nfdnyt]::-webkit-scrollbar-thumb {
    background: var(--border-color);
    border-radius: 3px;
}

    .hareket-content[b-7y96nfdnyt]::-webkit-scrollbar-thumb:hover {
        background: #667eea;
    }
/* ============================================
   MODAL OVERLAY & CONTENT
   ============================================ */
.modal-overlay[b-7y96nfdnyt] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(4px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    padding: 20px;
    animation: fadeIn-b-7y96nfdnyt 0.2s ease;
}

@keyframes fadeIn-b-7y96nfdnyt {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.modal-content[b-7y96nfdnyt] {
    background: var(--card-bg);
    border-radius: 16px;
    width: 100%;
    max-width: 500px;
    max-height: 90vh;
    overflow: hidden;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
    display: flex;
    flex-direction: column;
    animation: slideUp-b-7y96nfdnyt 0.3s ease;
}

@keyframes slideUp-b-7y96nfdnyt {
    from {
        transform: translateY(20px);
        opacity: 0;
    }

    to {
        transform: translateY(0);
        opacity: 1;
    }
}

/* ============================================
   MODAL HEADER
   ============================================ */
.modal-header[b-7y96nfdnyt] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 20px;
    background: var(--card-header-bg);
    border-bottom: 2px solid var(--border-color);
}

    .modal-header h3[b-7y96nfdnyt] {
        font-size: 18px;
        font-weight: 700;
        color: var(--text-primary);
        margin: 0;
    }

.modal-close[b-7y96nfdnyt] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border: none;
    border-radius: 8px;
    background: transparent;
    color: var(--text-secondary);
    cursor: pointer;
    transition: all 0.2s ease;
}

    .modal-close i[b-7y96nfdnyt] {
        font-size: 18px;
    }

    .modal-close:hover[b-7y96nfdnyt] {
        background: var(--info-row-bg);
        color: var(--text-primary);
    }

    .modal-close:active[b-7y96nfdnyt] {
        transform: scale(0.95);
    }

/* ============================================
   MODAL BODY
   ============================================ */
.modal-body[b-7y96nfdnyt] {
    flex: 1;
    overflow-y: auto;
    padding: 20px;
}

/* ============================================
   FORM ELEMENTS
   ============================================ */
.form-group[b-7y96nfdnyt] {
    margin-bottom: 16px;
}

    .form-group:last-child[b-7y96nfdnyt] {
        margin-bottom: 0;
    }

.form-label[b-7y96nfdnyt] {
    display: block;
    font-size: 13px;
    font-weight: 700;
    color: var(--text-secondary);
    margin-bottom: 8px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.form-input[b-7y96nfdnyt],
.form-textarea[b-7y96nfdnyt] {
    width: 100%;
    padding: 12px 14px;
    border: 2px solid var(--border-color);
    border-radius: 10px;
    background: var(--card-bg);
    color: var(--text-primary);
    font-size: 14px;
    font-weight: 600;
    transition: all 0.2s ease;
    font-family: inherit;
}

    .form-input:focus[b-7y96nfdnyt],
    .form-textarea:focus[b-7y96nfdnyt] {
        outline: none;
        border-color: #667eea;
        box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
    }

    .form-input:disabled[b-7y96nfdnyt] {
        background: var(--info-row-bg);
        color: var(--text-secondary);
        cursor: not-allowed;
        opacity: 0.7;
    }

.form-textarea[b-7y96nfdnyt] {
    resize: vertical;
    min-height: 100px;
}

/* ============================================
   MODAL FOOTER
   ============================================ */
.modal-footer[b-7y96nfdnyt] {
    display: flex;
    gap: 12px;
    padding: 16px 20px;
    background: var(--info-row-bg);
    border-top: 1px solid var(--border-color);
}

.modal-btn[b-7y96nfdnyt] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 12px 20px;
    border: none;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.2s ease;
}

    .modal-btn i[b-7y96nfdnyt] {
        font-size: 16px;
    }

    .modal-btn:active[b-7y96nfdnyt] {
        transform: scale(0.95);
    }

.cancel-btn[b-7y96nfdnyt] {
    background: var(--card-bg);
    color: var(--text-secondary);
    border: 2px solid var(--border-color);
}

    .cancel-btn:hover[b-7y96nfdnyt] {
        background: var(--info-row-bg);
        border-color: var(--text-secondary);
        color: var(--text-primary);
    }

.save-btn[b-7y96nfdnyt] {
    background: var(--primary-gradient);
    color: white;
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
}

    .save-btn:hover[b-7y96nfdnyt] {
        box-shadow: 0 6px 16px rgba(102, 126, 234, 0.4);
    }

/* ============================================
   MODAL SCROLLBAR
   ============================================ */
.modal-body[b-7y96nfdnyt]::-webkit-scrollbar {
    width: 6px;
}

.modal-body[b-7y96nfdnyt]::-webkit-scrollbar-track {
    background: var(--info-row-bg);
}

.modal-body[b-7y96nfdnyt]::-webkit-scrollbar-thumb {
    background: var(--border-color);
    border-radius: 3px;
}

    .modal-body[b-7y96nfdnyt]::-webkit-scrollbar-thumb:hover {
        background: #667eea;
    }

/* ============================================
   DARK MODE - MODAL
   ============================================ */
[data-bs-theme="dark"] .modal-content[b-7y96nfdnyt] {
    background: #1e293b;
}

[data-bs-theme="dark"] .modal-header[b-7y96nfdnyt] {
    background: #334155;
    border-bottom-color: #475569;
}

[data-bs-theme="dark"] .modal-footer[b-7y96nfdnyt] {
    background: #0f172a;
    border-top-color: #334155;
}

[data-bs-theme="dark"] .form-input[b-7y96nfdnyt],
[data-bs-theme="dark"] .form-textarea[b-7y96nfdnyt] {
    background: #0f172a;
    border-color: #334155;
    color: #e2e8f0;
}

    [data-bs-theme="dark"] .form-input:disabled[b-7y96nfdnyt] {
        background: #334155;
        color: #64748b;
    }

    [data-bs-theme="dark"] .form-input:focus[b-7y96nfdnyt],
    [data-bs-theme="dark"] .form-textarea:focus[b-7y96nfdnyt] {
        border-color: #667eea;
    }

[data-bs-theme="dark"] .cancel-btn[b-7y96nfdnyt] {
    background: #334155;
    border-color: #475569;
    color: #94a3b8;
}

    [data-bs-theme="dark"] .cancel-btn:hover[b-7y96nfdnyt] {
        background: #475569;
        color: #e2e8f0;
    }

/* ============================================
   RESPONSIVE - MODAL
   ============================================ */
@media (max-width: 480px) {
    .modal-overlay[b-7y96nfdnyt] {
        padding: 12px;
    }

    .modal-content[b-7y96nfdnyt] {
        max-height: 95vh;
    }

    .modal-header[b-7y96nfdnyt] {
        padding: 14px 16px;
    }

        .modal-header h3[b-7y96nfdnyt] {
            font-size: 16px;
        }

    .modal-body[b-7y96nfdnyt] {
        padding: 16px;
    }

    .modal-footer[b-7y96nfdnyt] {
        padding: 14px 16px;
        flex-direction: column;
    }

    .modal-btn[b-7y96nfdnyt] {
        width: 100%;
    }

    .form-label[b-7y96nfdnyt] {
        font-size: 12px;
    }

    .form-input[b-7y96nfdnyt],
    .form-textarea[b-7y96nfdnyt] {
        padding: 10px 12px;
        font-size: 13px;
    }
}
/* _content/Client/Pages/FinansYonetimi/Cari/CariKartMobil/CariKartMobil_Hareketler.razor.rz.scp.css */
/* ============================================
   HAREKET MOBİL CONTAINER
   ============================================ */
.hareket-mobil-container[b-7zopz3ipmm] {
    display: flex;
    flex-direction: column;
    height: 100%;
    background: var(--card-bg);
}

/* ============================================
   HAREKET TABS
   ============================================ */
.hareket-tabs[b-7zopz3ipmm] {
    display: flex;
    background: var(--card-header-bg);
    border-bottom: 2px solid var(--border-color);
    padding: 8px 12px;
    gap: 8px;
}

.hareket-tab[b-7zopz3ipmm] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 10px 16px;
    border: none;
    border-radius: 10px;
    background: transparent;
    color: var(--text-secondary);
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.3s ease;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

    .hareket-tab i[b-7zopz3ipmm] {
        font-size: 16px;
    }

    .hareket-tab:active[b-7zopz3ipmm] {
        transform: scale(0.95);
    }

    .hareket-tab.active[b-7zopz3ipmm] {
        background: var(--primary-gradient);
        color: white;
        box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
    }

/* ============================================
   FİLTRE SECTİON
   ============================================ */
.hareket-filter-section[b-7zopz3ipmm] {
    padding: 12px;
    background: var(--info-row-bg);
    border-bottom: 1px solid var(--border-color);
}

.filter-row[b-7zopz3ipmm] {
    display: flex;
    gap: 8px;
    margin-bottom: 8px;
}

.filter-item[b-7zopz3ipmm] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

    .filter-item.full-width[b-7zopz3ipmm] {
        flex: 1 1 100%;
    }

.filter-label[b-7zopz3ipmm] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 11px;
    font-weight: 700;
    color: var(--text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

    .filter-label i[b-7zopz3ipmm] {
        color: #667eea;
        font-size: 12px;
    }

.filter-input[b-7zopz3ipmm],
.filter-select[b-7zopz3ipmm] {
    width: 100%;
    padding: 8px 12px;
    border: 2px solid var(--border-color);
    border-radius: 8px;
    background: var(--card-bg);
    color: var(--text-primary);
    font-size: 13px;
    font-weight: 600;
    transition: all 0.2s ease;
}

    .filter-input:focus[b-7zopz3ipmm],
    .filter-select:focus[b-7zopz3ipmm] {
        outline: none;
        border-color: #667eea;
        box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
    }

.filter-actions[b-7zopz3ipmm] {
    display: flex;
    gap: 8px;
    margin-top: 12px;
}

.filter-btn[b-7zopz3ipmm] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 10px 16px;
    border: none;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.2s ease;
}

    .filter-btn i[b-7zopz3ipmm] {
        font-size: 14px;
    }

    .filter-btn:active[b-7zopz3ipmm] {
        transform: scale(0.95);
    }

.search-btn[b-7zopz3ipmm] {
    background: var(--primary-gradient);
    color: white;
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
}

    .search-btn:hover[b-7zopz3ipmm] {
        box-shadow: 0 6px 16px rgba(102, 126, 234, 0.4);
    }

.report-btn[b-7zopz3ipmm] {
    background: var(--success-gradient);
    color: white;
    box-shadow: 0 4px 12px rgba(72, 187, 120, 0.3);
}

    .report-btn:hover[b-7zopz3ipmm] {
        box-shadow: 0 6px 16px rgba(72, 187, 120, 0.4);
    }

/* ============================================
   HAREKET CONTENT
   ============================================ */
.hareket-content[b-7zopz3ipmm] {
    flex: 1;
    overflow-y: auto;
    padding: 12px;
}

/* ============================================
   LOADING
   ============================================ */
.loading-container[b-7zopz3ipmm] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 40px 20px;
    gap: 12px;
}

    .loading-container span[b-7zopz3ipmm] {
        font-size: 14px;
        font-weight: 600;
        color: var(--text-secondary);
    }

.spinner[b-7zopz3ipmm] {
    width: 40px;
    height: 40px;
    border: 4px solid var(--border-color);
    border-top-color: #667eea;
    border-radius: 50%;
    animation: spin-b-7zopz3ipmm 0.8s linear infinite;
}

@keyframes spin-b-7zopz3ipmm {
    to {
        transform: rotate(360deg);
    }
}

/* ============================================
   HAREKET LIST & CARDS
   ============================================ */
.hareket-list[b-7zopz3ipmm] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.hareket-card[b-7zopz3ipmm] {
    background: var(--card-bg);
    border-radius: 14px;
    overflow: hidden;
    box-shadow: var(--shadow-sm);
    border: 2px solid transparent;
    transition: all 0.3s ease;
    cursor: pointer;
}

    .hareket-card:active[b-7zopz3ipmm] {
        transform: scale(0.98);
    }

    .hareket-card:hover[b-7zopz3ipmm] {
        border-color: #667eea;
        box-shadow: var(--shadow-md);
    }

.hareket-card-header[b-7zopz3ipmm] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px;
    background: var(--card-header-bg);
    border-bottom: 1px solid var(--border-color);
}

.hareket-main-info[b-7zopz3ipmm] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.hareket-title[b-7zopz3ipmm] {
    font-size: 15px;
    font-weight: 700;
    color: var(--text-primary);
    margin: 0;
    line-height: 1.3;
}

.hareket-date[b-7zopz3ipmm] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    font-weight: 600;
    color: var(--text-secondary);
}

    .hareket-date i[b-7zopz3ipmm] {
        color: #667eea;
        font-size: 11px;
    }

.hareket-arrow[b-7zopz3ipmm] {
    font-size: 18px;
    color: #667eea;
    transition: all 0.3s ease;
}

.hareket-card:hover .hareket-arrow[b-7zopz3ipmm] {
    transform: translateX(4px);
}

.hareket-card-body[b-7zopz3ipmm] {
    padding: 12px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.hareket-info-row[b-7zopz3ipmm] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 10px;
    background: var(--info-row-bg);
    border-radius: 8px;
    transition: all 0.2s ease;
}

    .hareket-info-row:hover[b-7zopz3ipmm] {
        background: var(--border-color);
    }

.hareket-label[b-7zopz3ipmm] {
    font-size: 12px;
    font-weight: 600;
    color: var(--text-secondary);
}

.hareket-value[b-7zopz3ipmm] {
    font-size: 13px;
    font-weight: 700;
    color: var(--text-primary);
    text-align: right;
}

    .hareket-value.highlight[b-7zopz3ipmm] {
        color: #667eea;
        font-size: 14px;
    }

    .hareket-value.price[b-7zopz3ipmm] {
        color: #48bb78;
        font-size: 14px;
    }

    .hareket-value.out[b-7zopz3ipmm] {
        color: #f56565;
        font-size: 14px;
    }

/* ============================================
   EMPTY STATE
   ============================================ */
.empty-state[b-7zopz3ipmm] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 20px;
    gap: 16px;
}

    .empty-state i[b-7zopz3ipmm] {
        font-size: 64px;
        color: var(--text-muted);
        opacity: 0.5;
    }

    .empty-state p[b-7zopz3ipmm] {
        font-size: 15px;
        font-weight: 600;
        color: var(--text-secondary);
        margin: 0;
    }

/* ============================================
   RESPONSİVE
   ============================================ */
@media (max-width: 360px) {
    .hareket-tab span[b-7zopz3ipmm] {
        font-size: 11px;
    }

    .hareket-title[b-7zopz3ipmm] {
        font-size: 14px;
    }

    .filter-btn span[b-7zopz3ipmm] {
        display: none;
    }

    .filter-btn i[b-7zopz3ipmm] {
        font-size: 16px;
    }
}

/* ============================================
   DARK MODE
   ============================================ */
[data-bs-theme="dark"] .hareket-mobil-container[b-7zopz3ipmm] {
    background: #0f172a;
}

[data-bs-theme="dark"] .hareket-card[b-7zopz3ipmm] {
    background: #1e293b;
}

[data-bs-theme="dark"] .hareket-card-header[b-7zopz3ipmm] {
    background: #334155;
}

[data-bs-theme="dark"] .filter-input[b-7zopz3ipmm],
[data-bs-theme="dark"] .filter-select[b-7zopz3ipmm] {
    background: #1e293b;
    border-color: #334155;
}

    [data-bs-theme="dark"] .filter-input:focus[b-7zopz3ipmm],
    [data-bs-theme="dark"] .filter-select:focus[b-7zopz3ipmm] {
        border-color: #667eea;
    }

/* ============================================
   SCROLLBAR
   ============================================ */
.hareket-content[b-7zopz3ipmm]::-webkit-scrollbar {
    width: 6px;
}

.hareket-content[b-7zopz3ipmm]::-webkit-scrollbar-track {
    background: var(--info-row-bg);
}

.hareket-content[b-7zopz3ipmm]::-webkit-scrollbar-thumb {
    background: var(--border-color);
    border-radius: 3px;
}

    .hareket-content[b-7zopz3ipmm]::-webkit-scrollbar-thumb:hover {
        background: #667eea;
    }
/* _content/Client/Pages/FinansYonetimi/Cari/CariKartMobil/CariKartMobil_Ticari.razor.rz.scp.css */
/* ========================================
   STOK MOBİL GENEL TAB STYLES
   ======================================== */

:root[b-xzwpdnptre] {
    --primary-color: #667eea;
    --primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    --card-bg: #ffffff;
    --card-header-bg: linear-gradient(135deg, #f7fafc 0%, #edf2f7 100%);
    --text-primary: #1a202c;
    --text-secondary: #4a5568;
    --text-muted: #718096;
    --border-color: #e2e8f0;
    --info-row-bg: #f7fafc;
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.08);
    --input-focus-shadow: 0 0 0 3px rgba(102, 126, 234, 0.15);
}

[data-bs-theme="dark"][b-xzwpdnptre] {
    --card-bg: #1e293b;
    --card-header-bg: linear-gradient(135deg, #334155 0%, #1e293b 100%);
    --text-primary: #f1f5f9;
    --text-secondary: #cbd5e1;
    --text-muted: #94a3b8;
    --border-color: #334155;
    --info-row-bg: #0f172a;
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3);
    --input-focus-shadow: 0 0 0 3px rgba(139, 92, 246, 0.15);
}

/* ========================================
   MAIN CONTAINER
   ======================================== */
.mobil-genel-container[b-xzwpdnptre] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 0;
    width: 100%;
}

/* ========================================
   MOBILE CARD COMPONENTS
   ======================================== */
.mobile-card[b-xzwpdnptre] {
    background: var(--card-bg);
    border-radius: 16px;
    overflow: hidden;
    box-shadow: var(--shadow-sm);
    border: 1px solid var(--border-color);
}

.mobile-card-header[b-xzwpdnptre] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px 16px;
    background: var(--card-header-bg);
    border-bottom: 1px solid var(--border-color);
    font-size: 14px;
    font-weight: 700;
    color: var(--text-primary);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

    .mobile-card-header i[b-xzwpdnptre] {
        color: var(--primary-color);
        font-size: 18px;
        flex-shrink: 0;
    }

    .mobile-card-header span[b-xzwpdnptre] {
        flex: 1;
    }

.mobile-card-body[b-xzwpdnptre] {
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

/* ========================================
   FORM GROUPS
   ======================================== */
.form-group-mobile[b-xzwpdnptre] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.form-label-mobile[b-xzwpdnptre] {
    display: block;
    font-size: 11px;
    font-weight: 600;
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin: 0;
}

/* ========================================
   FORM CONTROLS
   ======================================== */
.form-control-mobile[b-xzwpdnptre] {
    width: 100%;
    padding: 12px 14px;
    font-size: 14px;
    color: var(--text-primary);
    background: var(--card-bg);
    border: 1px solid var(--border-color);
    border-radius: 10px;
    transition: all 0.3s ease;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

    .form-control-mobile:focus[b-xzwpdnptre] {
        outline: none;
        border-color: var(--primary-color);
        box-shadow: var(--input-focus-shadow);
    }

    .form-control-mobile:disabled[b-xzwpdnptre] {
        opacity: 0.6;
        cursor: not-allowed;
        background: var(--info-row-bg);
    }

/* Select specific styling */
select.form-control-mobile[b-xzwpdnptre] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23718096' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 16px 12px;
    padding-right: 40px;
}

/* ========================================
   RESPONSIVE ADJUSTMENTS
   ======================================== */
@media (max-width: 360px) {
    .mobile-card-header[b-xzwpdnptre] {
        padding: 12px 14px;
        font-size: 13px;
    }

        .mobile-card-header i[b-xzwpdnptre] {
            font-size: 16px;
        }

    .mobile-card-body[b-xzwpdnptre] {
        padding: 14px;
        gap: 14px;
    }

    .form-control-mobile[b-xzwpdnptre] {
        padding: 10px 12px;
        font-size: 13px;
    }

    .form-label-mobile[b-xzwpdnptre] {
        font-size: 10px;
    }

    .btn-addon[b-xzwpdnptre] {
        min-width: 40px;
        padding: 0 10px;
    }
}

@media (min-width: 576px) {
    .mobil-genel-container[b-xzwpdnptre] {
        padding: 0 8px;
    }

    .mobile-card[b-xzwpdnptre] {
        border-radius: 20px;
    }

    .mobile-card-body[b-xzwpdnptre] {
        padding: 20px;
        gap: 18px;
    }
}

/* Landscape Mode */
@media (max-height: 500px) and (orientation: landscape) {
    .mobil-genel-container[b-xzwpdnptre] {
        gap: 8px;
    }

    .mobile-card[b-xzwpdnptre] {
        border-radius: 12px;
    }

    .mobile-card-header[b-xzwpdnptre] {
        padding: 10px 14px;
    }

    .mobile-card-body[b-xzwpdnptre] {
        padding: 12px;
        gap: 12px;
    }

    .form-control-mobile[b-xzwpdnptre] {
        padding: 8px 12px;
    }

    .form-group-mobile[b-xzwpdnptre] {
        gap: 6px;
    }
}

/* ========================================
   DARK MODE OVERRIDES
   ======================================== */
[data-bs-theme="dark"] .mobile-card[b-xzwpdnptre] {
    background: var(--card-bg);
    border-color: var(--border-color);
}

[data-bs-theme="dark"] .mobile-card-header[b-xzwpdnptre] {
    background: var(--card-header-bg);
}

    [data-bs-theme="dark"] .mobile-card-header i[b-xzwpdnptre] {
        color: #a78bfa;
    }

[data-bs-theme="dark"] .form-control-mobile[b-xzwpdnptre] {
    background: var(--card-bg);
    color: var(--text-primary);
    border-color: var(--border-color);
}

    [data-bs-theme="dark"] .form-control-mobile:focus[b-xzwpdnptre] {
        border-color: #a78bfa;
        box-shadow: 0 0 0 3px rgba(167, 139, 250, 0.15);
    }

[data-bs-theme="dark"] select.form-control-mobile[b-xzwpdnptre] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%2394a3b8' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}

[data-bs-theme="dark"] .btn-addon[b-xzwpdnptre] {
    background: linear-gradient(135deg, #a78bfa 0%, #8b5cf6 100%);
}

/* ========================================
   ACCESSIBILITY
   ======================================== */
.form-control-mobile:focus-visible[b-xzwpdnptre] {
    outline: 2px solid var(--primary-color);
    outline-offset: 2px;
}

.btn-addon:focus-visible[b-xzwpdnptre] {
    outline: 2px solid white;
    outline-offset: 2px;
}

/* ========================================
   TOUCH OPTIMIZATION
   ======================================== */
@media (hover: none) and (pointer: coarse) {
    .form-control-mobile[b-xzwpdnptre],
    .btn-addon[b-xzwpdnptre] {
        min-height: 44px;
    }
}
/* _content/Client/Pages/FinansYonetimi/Cari/CariKart/Cari_FaturaSevkBilgileri.razor.rz.scp.css */
.phone-input-container[b-1bnpdbo4y7] {
    position: relative;
}

.flag-button-clean[b-1bnpdbo4y7] {
    border: none !important;
    background-color: transparent !important;
    padding: 4px !important;
    border-radius: 4px;
    transition: background-color 0.2s ease;
}

    .flag-button-clean:hover[b-1bnpdbo4y7] {
        background-color: rgba(0,0,0,0.05) !important;
    }

    .flag-button-clean:focus[b-1bnpdbo4y7] {
        box-shadow: none !important;
        background-color: rgba(0,0,0,0.05) !important;
        outline: none;
    }

    .flag-button-clean:active[b-1bnpdbo4y7] {
        background-color: rgba(0,0,0,0.1) !important;
    }

.flag-display[b-1bnpdbo4y7] {
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 2px;
    border: 1px solid #e5e7eb;
}

.country-dropdown[b-1bnpdbo4y7] {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
    border: 1px solid #e5e7eb;
}

.country-item[b-1bnpdbo4y7] {
    transition: background-color 0.2s ease;
    border-bottom: 1px solid #f3f4f6;
}

    .country-item:last-child[b-1bnpdbo4y7] {
        border-bottom: none;
    }

    .country-item:hover[b-1bnpdbo4y7] {
        background-color: #f8f9fa !important;
    }

.flag-small[b-1bnpdbo4y7] {
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 2px;
    border: 1px solid #e5e7eb;
}

.cursor-pointer[b-1bnpdbo4y7] {
    cursor: pointer;
}

.country-dropdown[b-1bnpdbo4y7]::-webkit-scrollbar {
    width: 6px;
}

.country-dropdown[b-1bnpdbo4y7]::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 3px;
}

.country-dropdown[b-1bnpdbo4y7]::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 3px;
}

    .country-dropdown[b-1bnpdbo4y7]::-webkit-scrollbar-thumb:hover {
        background: #a8a8a8;
    }

.flag-dropdown-container[b-1bnpdbo4y7] {
    flex-shrink: 0;
}
/* === FLOATING LABEL === */

.bym-floating-label[b-1bnpdbo4y7] {
    position: absolute;
    top: -35%;
    left: 0.75rem;
    font-size: 12px;
    font-weight: bold;
    color: var(--bs-text-gray-700) !important;
    pointer-events: auto;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    margin: 0;
    padding: 0;
    opacity: 1 !important;
    filter: none !important;
    mix-blend-mode: normal !important;
}

    .bym-floating-label[b-1bnpdbo4y7]::before {
        content: '' !important;
        background: white !important;
        background-color: white !important;
        opacity: 1 !important;
        z-index: -1;
    }
/* COMPLETELY OPAQUE WHITE BACKGROUND */
/*.label-white-layer {
        display: inline-flex;
        align-items: center;
        gap: 0;
        background: white !important;
        background-color: white !important;
        opacity: 1 !important;
        padding: 0 6px;
        position: relative;
        z-index: 10;
        margin: 0;
    }*/

/* Additional white background layer for complete opacity */
/*.label-white-layer::before {
        content: '';
        position: absolute;
        top: -2px;
        left: -2px;
        right: -2px;
        bottom: -2px;
        background: white !important;
        background-color: white !important;
        opacity: 1 !important;
        z-index: -1;
    }*/

/* Another layer to ensure complete coverage */
/*.label-white-layer::after {
        content: '';
        position: absolute;
        top: 50%;
        left: 0;
        right: 0;
        height: 4px;
        transform: translateY(-50%);
        background: white !important;
        background-color: white !important;
        opacity: 1 !important;
        z-index: -1;
    }*/

[data-bs-theme="dark"] .label-white-layer[b-1bnpdbo4y7],
.dark .label-white-layer[b-1bnpdbo4y7] {
    background: rgb(21, 23, 28) !important;
    background-color: rgb(21, 23, 28) !important;
    border-top-color: rgb(21, 23, 28);
    border-bottom-color: rgb(21, 23, 28);
    outline-color: rgb(21, 23, 28);
}

    [data-bs-theme="dark"] .label-white-layer[b-1bnpdbo4y7]::before,
    .dark .label-white-layer[b-1bnpdbo4y7]::before,
    [data-bs-theme="dark"] .label-white-layer[b-1bnpdbo4y7]::after,
    .dark .label-white-layer[b-1bnpdbo4y7]::after {
        background: rgb(21, 23, 28) !important;
        background-color: rgb(21, 23, 28) !important;
    }

/* Remove the label-background div - not needed */
.label-background[b-1bnpdbo4y7] {
    display: none !important;
}

/* Label text */
.label-text[b-1bnpdbo4y7] {
    cursor: pointer;
    user-select: none;
    position: relative;
    z-index: 11;
    background: inherit; /* Inherit parent's background */
    padding: 0 2px; /* Small padding for text */
}

[data-bs-theme="dark"] .bym-floating-label[b-1bnpdbo4y7],
.dark .bym-floating-label[b-1bnpdbo4y7] {
    color: #fff !important;
}

/* Tooltip with same background treatment */
.tooltip-background[b-1bnpdbo4y7] {
    display: none;
    align-items: center;
    margin-left: 6px;
    position: relative;
    z-index: 11;
    background: inherit; /* Inherit parent's background */
}

.form-floating:hover .tooltip-background[b-1bnpdbo4y7],
.bym-floating-label:hover .tooltip-background[b-1bnpdbo4y7],
.form-floating:has(.global-tooltip.show) .tooltip-background[b-1bnpdbo4y7] {
    display: inline-flex;
}

/* Remove the tooltip-white-layer - not needed */
.tooltip-white-layer[b-1bnpdbo4y7] {
    display: none !important;
}

.tooltip-icon[b-1bnpdbo4y7] {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 1px solid #000;
    background: #fff;
    color: #000;
    font-size: 10px;
    font-weight: bold;
    cursor: help;
    line-height: 1;
}

[data-bs-theme="dark"] .tooltip-icon[b-1bnpdbo4y7],
.dark .tooltip-icon[b-1bnpdbo4y7] {
    background: #15171c;
    border-color: #6b7280;
    color: #9ca3af;
}

/* Focus states - maintain solid background */
.form-floating .dx-texteditor:focus ~ .bym-floating-label[b-1bnpdbo4y7],
.form-floating .dx-texteditor:not(:placeholder-shown) ~ .bym-floating-label[b-1bnpdbo4y7] {
    color: #000 !important;
}

    /* Ensure white background stays solid on focus */
    .form-floating .dx-texteditor:focus ~ .bym-floating-label .label-white-layer[b-1bnpdbo4y7],
    .form-floating .dx-texteditor:not(:placeholder-shown) ~ .bym-floating-label .label-white-layer[b-1bnpdbo4y7] {
        background: white !important;
        background-color: white !important;
        opacity: 1 !important;
    }

[data-bs-theme="dark"] .form-floating .dx-texteditor:focus ~ .bym-floating-label[b-1bnpdbo4y7],
[data-bs-theme="dark"] .form-floating .dx-texteditor:not(:placeholder-shown) ~ .bym-floating-label[b-1bnpdbo4y7],
.dark .form-floating .dx-texteditor:focus ~ .bym-floating-label[b-1bnpdbo4y7],
.dark .form-floating .dx-texteditor:not(:placeholder-shown) ~ .bym-floating-label[b-1bnpdbo4y7] {
    color: #60a5fa !important;
}

    [data-bs-theme="dark"] .form-floating .dx-texteditor:focus ~ .bym-floating-label .label-white-layer[b-1bnpdbo4y7],
    [data-bs-theme="dark"] .form-floating .dx-texteditor:not(:placeholder-shown) ~ .bym-floating-label .label-white-layer[b-1bnpdbo4y7],
    .dark .form-floating .dx-texteditor:focus ~ .bym-floating-label .label-white-layer[b-1bnpdbo4y7],
    .dark .form-floating .dx-texteditor:not(:placeholder-shown) ~ .bym-floating-label .label-white-layer[b-1bnpdbo4y7] {
        background: rgb(21, 23, 28) !important;
        background-color: rgb(21, 23, 28) !important;
        opacity: 1 !important;
    }

/* Input alignment */
.form-floating .dx-texteditor[b-1bnpdbo4y7] {
    min-height: 3.5rem;
    display: flex;
    align-items: center;
}

    .form-floating .dx-texteditor .dx-texteditor-input-container[b-1bnpdbo4y7] {
        display: flex;
        align-items: center;
        height: 100%;
        padding: 0 0.75rem;
    }

    .form-floating .dx-texteditor input.dx-texteditor-input[b-1bnpdbo4y7] {
        padding: 0.5rem 0.75rem !important;
        margin: 0;
        height: auto;
        line-height: normal;
        font-size: 1rem;
    }

.form-floating .form-control[b-1bnpdbo4y7] {
    min-height: 3.5rem;
    padding: 1rem 0.75rem;
    display: flex;
    align-items: center;
}

/* Global tooltip */
.global-tooltip[b-1bnpdbo4y7] {
    visibility: hidden;
    opacity: 0;
    background: #fff !important;
    color: #000 !important;
    padding: 10px 14px;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 500;
    white-space: nowrap;
    z-index: 999999;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
    pointer-events: none;
    min-width: 140px;
    max-width: 280px;
    text-align: left;
    border: 1px solid rgba(0, 0, 0, 0.08);
    position: fixed;
    transition: opacity 0.2s, visibility 0.2s;
}

    .global-tooltip.show[b-1bnpdbo4y7] {
        visibility: visible;
        opacity: 1;
    }

[data-bs-theme="dark"] .global-tooltip[b-1bnpdbo4y7],
.dark .global-tooltip[b-1bnpdbo4y7] {
    background: #374151 !important;
    color: #e5e7eb !important;
    border-color: rgba(255, 255, 255, 0.1);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);
}

.global-tooltip[b-1bnpdbo4y7]::before {
    content: '';
    position: absolute;
    top: 50%;
    left: -7px;
    transform: translateY(-50%);
    border: 7px solid transparent;
    border-right-color: #fff;
}

[data-bs-theme="dark"] .global-tooltip[b-1bnpdbo4y7]::before,
.dark .global-tooltip[b-1bnpdbo4y7]::before {
    border-right-color: #374151;
}

/* InGrid */
.dx-texteditor.fs-6 input.dx-texteditor-input[b-1bnpdbo4y7] {
    padding: 0.5rem !important;
    font-size: inherit !important;
}

/* Date/Time Edit */
.form-floating .dxbs-date-edit[b-1bnpdbo4y7],
.form-floating .dxbs-time-edit[b-1bnpdbo4y7] {
    display: flex;
    align-items: center;
    min-height: 3.5rem;
}

    .form-floating .dxbs-date-edit input[b-1bnpdbo4y7],
    .form-floating .dxbs-time-edit input[b-1bnpdbo4y7] {
        padding: 0.5rem 0.75rem !important;
    }
/* _content/Client/Pages/FinansYonetimi/Cari/CariSevkAdresiKayit.razor.rz.scp.css */
.bym-field-row[b-38z98tdzu7] {
    display: flex;
    flex-direction: column; 
    gap: 4px;
    max-width: 100%;
    box-sizing: border-box;
}

@media (min-width: 768px) {
    .bym-field-row[b-38z98tdzu7] {
        flex-direction: row; 
        align-items: center;
        gap: 0;
    }
}

.bym-field-label[b-38z98tdzu7] {
    font-size: 0.82rem;
    font-weight: 500;
    white-space: normal;
    word-break: break-word;
    flex-shrink: 0;
    margin-bottom: 2px;
    box-sizing: border-box;
}

@media (min-width: 768px) {
    .bym-field-label[b-38z98tdzu7] {
        width: 130px; 
        min-width: 130px;
        max-width: 130px;
        padding-right: 8px;
        margin-bottom: 0;
    }
}

.bym-field-input[b-38z98tdzu7] {
    flex: 1 1 0%;
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
    box-sizing: border-box;
}
/* _content/Client/Pages/FinansYonetimi/Cari/CariVirmanMobil/CariVirmanMobil.razor.rz.scp.css */
:root[b-vl10xz12qq] {
    --chim-primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    --chim-primary: #667eea;
    --chim-primary-dark: #764ba2;
    --chim-success-gradient: linear-gradient(135deg, #48bb78 0%, #38a169 100%);
    --chim-success: #48bb78;
    --chim-warning-gradient: linear-gradient(135deg, #f6ad55 0%, #ed8936 100%);
    --chim-warning: #f6ad55;
    --chim-danger-gradient: linear-gradient(135deg, #fc8181 0%, #f56565 100%);
    --chim-danger: #fc8181;
    --chim-card-bg: #ffffff;
    --chim-card-header-bg: linear-gradient(135deg, #f7fafc 0%, #edf2f7 100%);
    --chim-text-primary: #1a202c;
    --chim-text-secondary: #4a5568;
    --chim-text-muted: #718096;
    --chim-border: #e2e8f0;
    --chim-bg: #f7fafc;
    --chim-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.08);
    --chim-shadow-md: 0 4px 16px rgba(102, 126, 234, 0.2);
}

[data-bs-theme="dark"][b-vl10xz12qq] {
    --chim-primary: #8b9aee;
    --chim-primary-dark: #9a7bc2;
    --chim-success: #68d391;
    --chim-warning: #fbbf24;
    --chim-danger: #fca5a5;
    --chim-card-bg: #1e293b;
    --chim-card-header-bg: linear-gradient(135deg, #334155 0%, #1e293b 100%);
    --chim-text-primary: #f1f5f9;
    --chim-text-secondary: #cbd5e1;
    --chim-text-muted: #94a3b8;
    --chim-border: #334155;
    --chim-bg: #0f172a;
    --chim-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3);
    --chim-shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4);
}

/* ── CONTAINER ─────────────────────────────────────── */
.chim-container[b-vl10xz12qq] {
    width: 100%;
    min-height: 100vh;
    background: var(--chim-bg);
    padding-bottom: 20px;
}

/* ── STICKY HEADER ──────────────────────────────────── */
.chim-header-sticky[b-vl10xz12qq] {
    position: sticky;
    top: 0;
    z-index: 10;
    background: var(--chim-bg);
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
    margin-top: 1rem;
    padding: 0 12px 12px;
}

.chim-controls-card[b-vl10xz12qq] {
    background: var(--chim-card-bg);
    border-radius: 16px;
    padding: 10px 12px;
    box-shadow: var(--chim-shadow-sm);
    display: flex;
    align-items: center;
    gap: 10px;
}

/* ── SEARCH ─────────────────────────────────────────── */
.chim-search-inline[b-vl10xz12qq] {
    flex: 1;
    position: relative;
    display: flex;
    align-items: center;
}

.chim-search-icon[b-vl10xz12qq] {
    position: absolute;
    left: 12px;
    font-size: 18px;
    color: #ffffff;
    z-index: 1;
    pointer-events: none;
}

.chim-search-input[b-vl10xz12qq] {
    width: 100%;
    border: none;
    border-radius: 12px;
    padding: 10px 36px 10px 38px;
    font-size: 14px;
    font-weight: 500;
    color: #ffffff;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    transition: all 0.2s ease;
    outline: none;
    box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3);
}

    .chim-search-input:focus[b-vl10xz12qq] {
        box-shadow: 0 4px 16px rgba(102, 126, 234, 0.4);
        transform: translateY(-1px);
    }

    .chim-search-input[b-vl10xz12qq]::placeholder {
        color: rgba(255, 255, 255, 0.7);
    }

.chim-search-clear[b-vl10xz12qq] {
    position: absolute;
    right: 8px;
    background: linear-gradient(135deg, #ff6b35 0%, #f7931e 100%);
    border: none;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: white;
    font-size: 14px;
    transition: all 0.2s ease;
    box-shadow: 0 2px 6px rgba(255, 107, 53, 0.4);
}

    .chim-search-clear:active[b-vl10xz12qq] {
        transform: scale(0.95);
    }

/* ── FILTER BUTTON ──────────────────────────────────── */
.chim-filter-btn[b-vl10xz12qq] {
    flex-shrink: 0;
    width: 42px;
    height: 42px;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border: none;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: white;
    font-size: 20px;
    transition: all 0.2s ease;
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
    position: relative;
}

    .chim-filter-btn:active[b-vl10xz12qq] {
        transform: scale(0.95);
    }

    .chim-filter-btn.active[b-vl10xz12qq] {
        background: linear-gradient(135deg, #764ba2 0%, #667eea 100%);
        box-shadow: 0 4px 16px rgba(118, 75, 162, 0.5);
    }

.chim-filter-badge[b-vl10xz12qq] {
    position: absolute;
    top: -6px;
    right: -6px;
    background: linear-gradient(135deg, #f56565 0%, #e53e3e 100%);
    color: white;
    font-size: 10px;
    font-weight: 800;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 6px rgba(229, 62, 62, 0.4);
    border: 2px solid var(--chim-card-bg);
}

/* ── LOADING ────────────────────────────────────────── */
.chim-loading-overlay[b-vl10xz12qq] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 20px;
    gap: 20px;
}

.chim-spinner[b-vl10xz12qq] {
    position: relative;
    width: 60px;
    height: 60px;
}

.chim-spinner-ring[b-vl10xz12qq] {
    position: absolute;
    width: 100%;
    height: 100%;
    border: 3px solid transparent;
    border-top-color: var(--chim-primary);
    border-radius: 50%;
    animation: chimSpin-b-vl10xz12qq 1s linear infinite;
}

    .chim-spinner-ring:nth-child(2)[b-vl10xz12qq] {
        border-top-color: var(--chim-primary-dark);
        animation-delay: 0.15s;
    }

    .chim-spinner-ring:nth-child(3)[b-vl10xz12qq] {
        border-top-color: var(--chim-success);
        animation-delay: 0.3s;
    }

@keyframes chimSpin-b-vl10xz12qq {
    to {
        transform: rotate(360deg);
    }
}

.chim-loading-text[b-vl10xz12qq] {
    font-size: 16px;
    font-weight: 600;
    color: var(--chim-text-secondary);
}

/* ── CARD LIST ──────────────────────────────────────── */
.chim-list-container[b-vl10xz12qq] {
    padding: 12px;
    padding-bottom: 120px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.chim-card[b-vl10xz12qq] {
    background: var(--chim-card-bg);
    border-radius: 16px;
    overflow: hidden;
    box-shadow: var(--chim-shadow-sm);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer;
    border: 2px solid transparent;
}

    .chim-card:active[b-vl10xz12qq] {
        transform: scale(0.98);
    }

    .chim-card.expanded[b-vl10xz12qq] {
        border-color: var(--chim-primary-dark);
        box-shadow: var(--chim-shadow-md);
    }

/* ── CARD HEADER ────────────────────────────────────── */
.chim-card-header[b-vl10xz12qq] {
    padding: 16px;
    background: var(--chim-card-header-bg);
    border-bottom: 1px solid var(--chim-border);
}

.chim-card-title-row[b-vl10xz12qq] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 12px;
    gap: 8px;
}

.chim-card-title-block[b-vl10xz12qq] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.chim-card-title[b-vl10xz12qq] {
    font-size: 15px;
    font-weight: 700;
    color: var(--chim-text-primary);
    margin: 0;
    line-height: 1.3;
}

.chim-card-subtitle[b-vl10xz12qq] {
    font-size: 12px;
    color: var(--chim-text-muted);
    font-weight: 500;
}

.chim-card-badge-col[b-vl10xz12qq] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 6px;
    flex-shrink: 0;
}

.chim-tip-badge[b-vl10xz12qq] {
    background: linear-gradient(135deg, rgba(102, 126, 234, 0.15) 0%, rgba(118, 75, 162, 0.15) 100%);
    color: var(--chim-primary-dark);
    font-size: 11px;
    font-weight: 700;
    padding: 3px 10px;
    border-radius: 20px;
    border: 1px solid rgba(102, 126, 234, 0.3);
    white-space: nowrap;
}

[data-bs-theme="dark"] .chim-tip-badge[b-vl10xz12qq] {
    color: var(--chim-primary);
    background: rgba(139, 154, 238, 0.15);
    border-color: rgba(139, 154, 238, 0.3);
}

.chim-expand-icon[b-vl10xz12qq] {
    font-size: 18px;
    color: var(--chim-primary);
    transition: transform 0.3s ease;
}

.chim-card.expanded .chim-expand-icon[b-vl10xz12qq] {
    transform: rotate(180deg);
    color: var(--chim-primary-dark);
}

/* ── QUICK STATS ────────────────────────────────────── */
.chim-quick-stats[b-vl10xz12qq] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

.chim-stat[b-vl10xz12qq] {
    padding: 10px 12px;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.chim-stat-primary[b-vl10xz12qq] {
    background: linear-gradient(135deg, rgba(102, 126, 234, 0.1) 0%, rgba(118, 75, 162, 0.1) 100%);
}

.chim-stat-secondary[b-vl10xz12qq] {
    background: linear-gradient(135deg, rgba(72, 187, 120, 0.1) 0%, rgba(56, 161, 105, 0.1) 100%);
}

.chim-stat-label[b-vl10xz12qq] {
    font-size: 10px;
    color: var(--chim-text-muted);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.chim-stat-value[b-vl10xz12qq] {
    font-size: 14px;
    font-weight: 800;
    color: var(--chim-text-primary);
}

.chim-stat-truncate[b-vl10xz12qq] {
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* ── CARD CONTENT (expanded) ────────────────────────── */
.chim-card-content[b-vl10xz12qq] {
    padding: 0;
    background: var(--chim-card-bg);
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-height 0.35s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.25s ease, padding 0.3s ease;
}

.chim-card.expanded .chim-card-content[b-vl10xz12qq] {
    max-height: 2500px;
    opacity: 1;
    padding: 16px;
}

.chim-detail-grid[b-vl10xz12qq] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.chim-detail-item[b-vl10xz12qq] {
    background: var(--chim-bg);
    padding: 12px 14px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    gap: 12px;
    transition: all 0.2s ease;
}

    .chim-detail-item:active[b-vl10xz12qq] {
        transform: translateX(4px);
        background: var(--chim-border);
    }

    .chim-detail-item > i[b-vl10xz12qq] {
        font-size: 22px;
        color: var(--chim-primary);
        flex-shrink: 0;
    }

.chim-detail-info[b-vl10xz12qq] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.chim-detail-label[b-vl10xz12qq] {
    font-size: 11px;
    color: var(--chim-text-muted);
    font-weight: 600;
}

.chim-detail-value[b-vl10xz12qq] {
    font-size: 14px;
    font-weight: 700;
    color: var(--chim-text-primary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* ── ACTIONS ────────────────────────────────────────── */
.chim-actions[b-vl10xz12qq] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 8px;
    margin-top: 14px;
    padding-top: 14px;
    border-top: 1px solid var(--chim-border);
}

.chim-action-btn[b-vl10xz12qq] {
    border: none;
    padding: 10px 8px;
    border-radius: 12px;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    color: white;
}

    .chim-action-btn:active[b-vl10xz12qq] {
        transform: scale(0.95);
    }

.chim-btn-success[b-vl10xz12qq] {
    background: linear-gradient(135deg, #48bb78 0%, #38a169 100%);
    box-shadow: 0 4px 12px rgba(72, 187, 120, 0.3);
}

.chim-btn-primary[b-vl10xz12qq] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
}

.chim-btn-danger[b-vl10xz12qq] {
    background: linear-gradient(135deg, #fc8181 0%, #f56565 100%);
    box-shadow: 0 4px 12px rgba(245, 101, 101, 0.3);
}

/* ── PAGINATION ─────────────────────────────────────── */
.chim-pagination-footer[b-vl10xz12qq] {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: var(--chim-card-bg);
    border-top: 1px solid var(--chim-border);
    box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.08);
    z-index: 90;
    padding: 12px;
}

.chim-pagination-controls[b-vl10xz12qq] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-bottom: 12px;
}

.chim-page-btn[b-vl10xz12qq] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border: none;
    width: 36px;
    height: 36px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: white;
    font-size: 16px;
    transition: all 0.2s ease;
    box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3);
}

    .chim-page-btn:active:not(:disabled)[b-vl10xz12qq] {
        transform: scale(0.95);
    }

    .chim-page-btn:disabled[b-vl10xz12qq] {
        background: var(--chim-border);
        color: var(--chim-text-muted);
        cursor: not-allowed;
        opacity: 0.5;
        box-shadow: none;
    }

.chim-page-info[b-vl10xz12qq] {
    display: flex;
    align-items: center;
    gap: 6px;
    background: var(--chim-card-header-bg);
    padding: 8px 16px;
    border-radius: 10px;
    font-weight: 700;
    box-shadow: var(--chim-shadow-sm);
}

.chim-page-current[b-vl10xz12qq] {
    font-size: 16px;
    color: var(--chim-primary);
}

.chim-page-sep[b-vl10xz12qq] {
    font-size: 14px;
    color: var(--chim-text-muted);
}

.chim-page-total[b-vl10xz12qq] {
    font-size: 14px;
    color: var(--chim-text-secondary);
}

.chim-pagination-details[b-vl10xz12qq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.chim-page-size[b-vl10xz12qq] {
    background: var(--chim-card-header-bg);
    border: 2px solid var(--chim-border);
    padding: 8px 12px;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 600;
    color: var(--chim-text-primary);
    cursor: pointer;
    transition: all 0.2s ease;
}

    .chim-page-size:focus[b-vl10xz12qq] {
        outline: none;
        border-color: var(--chim-primary);
        box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
    }

.chim-page-text[b-vl10xz12qq] {
    font-size: 12px;
    color: var(--chim-text-secondary);
    font-weight: 600;
    text-align: right;
    flex: 1;
}

/* ── EMPTY STATE ────────────────────────────────────── */
.chim-empty-state[b-vl10xz12qq] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 20px;
    gap: 16px;
    text-align: center;
}

    .chim-empty-state i[b-vl10xz12qq] {
        font-size: 80px;
        color: var(--chim-text-muted);
        opacity: 0.5;
    }

    .chim-empty-state h3[b-vl10xz12qq] {
        font-size: 20px;
        font-weight: 700;
        color: var(--chim-text-primary);
        margin: 0;
    }

    .chim-empty-state p[b-vl10xz12qq] {
        font-size: 14px;
        color: var(--chim-text-secondary);
        margin: 0;
    }

/* ── RESPONSIVE ─────────────────────────────────────── */
@media (max-width: 480px) {
    .chim-actions[b-vl10xz12qq] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 360px) {
    .chim-quick-stats[b-vl10xz12qq] {
        grid-template-columns: 1fr;
    }
}
/* _content/Client/Pages/FinansYonetimi/CekSenet/CekSenetBordrolariMobil/CekSenetBordrolariMobil.razor.rz.scp.css */
:root[b-l1pdwlrss8] {
    --chim-primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    --chim-primary: #667eea;
    --chim-primary-dark: #764ba2;
    --chim-success-gradient: linear-gradient(135deg, #48bb78 0%, #38a169 100%);
    --chim-success: #48bb78;
    --chim-warning-gradient: linear-gradient(135deg, #f6ad55 0%, #ed8936 100%);
    --chim-warning: #f6ad55;
    --chim-danger-gradient: linear-gradient(135deg, #fc8181 0%, #f56565 100%);
    --chim-danger: #fc8181;
    --chim-card-bg: #ffffff;
    --chim-card-header-bg: linear-gradient(135deg, #f7fafc 0%, #edf2f7 100%);
    --chim-text-primary: #1a202c;
    --chim-text-secondary: #4a5568;
    --chim-text-muted: #718096;
    --chim-border: #e2e8f0;
    --chim-bg: #f7fafc;
    --chim-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.08);
    --chim-shadow-md: 0 4px 16px rgba(102, 126, 234, 0.2);
}

[data-bs-theme="dark"][b-l1pdwlrss8] {
    --chim-primary: #8b9aee;
    --chim-primary-dark: #9a7bc2;
    --chim-success: #68d391;
    --chim-warning: #fbbf24;
    --chim-danger: #fca5a5;
    --chim-card-bg: #1e293b;
    --chim-card-header-bg: linear-gradient(135deg, #334155 0%, #1e293b 100%);
    --chim-text-primary: #f1f5f9;
    --chim-text-secondary: #cbd5e1;
    --chim-text-muted: #94a3b8;
    --chim-border: #334155;
    --chim-bg: #0f172a;
    --chim-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3);
    --chim-shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4);
}

/* ── CONTAINER ─────────────────────────────────────── */
.chim-container[b-l1pdwlrss8] {
    width: 100%;
    min-height: 100vh;
    background: var(--chim-bg);
    padding-bottom: 20px;
}

/* ── STICKY HEADER ──────────────────────────────────── */
.chim-header-sticky[b-l1pdwlrss8] {
    position: sticky;
    top: 0;
    z-index: 10;
    background: var(--chim-bg);
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
    margin-top: 1rem;
    padding: 0 12px 12px;
}

.chim-controls-card[b-l1pdwlrss8] {
    background: var(--chim-card-bg);
    border-radius: 16px;
    padding: 10px 12px;
    box-shadow: var(--chim-shadow-sm);
    display: flex;
    align-items: center;
    gap: 10px;
}

/* ── SEARCH ─────────────────────────────────────────── */
.chim-search-inline[b-l1pdwlrss8] {
    flex: 1;
    position: relative;
    display: flex;
    align-items: center;
}

.chim-search-icon[b-l1pdwlrss8] {
    position: absolute;
    left: 12px;
    font-size: 18px;
    color: #ffffff;
    z-index: 1;
    pointer-events: none;
}

.chim-search-input[b-l1pdwlrss8] {
    width: 100%;
    border: none;
    border-radius: 12px;
    padding: 10px 36px 10px 38px;
    font-size: 14px;
    font-weight: 500;
    color: #ffffff;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    transition: all 0.2s ease;
    outline: none;
    box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3);
}

    .chim-search-input:focus[b-l1pdwlrss8] {
        box-shadow: 0 4px 16px rgba(102, 126, 234, 0.4);
        transform: translateY(-1px);
    }

    .chim-search-input[b-l1pdwlrss8]::placeholder {
        color: rgba(255, 255, 255, 0.7);
    }

.chim-search-clear[b-l1pdwlrss8] {
    position: absolute;
    right: 8px;
    background: linear-gradient(135deg, #ff6b35 0%, #f7931e 100%);
    border: none;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: white;
    font-size: 14px;
    transition: all 0.2s ease;
    box-shadow: 0 2px 6px rgba(255, 107, 53, 0.4);
}

    .chim-search-clear:active[b-l1pdwlrss8] {
        transform: scale(0.95);
    }

/* ── FILTER BUTTON ──────────────────────────────────── */
.chim-filter-btn[b-l1pdwlrss8] {
    flex-shrink: 0;
    width: 42px;
    height: 42px;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border: none;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: white;
    font-size: 20px;
    transition: all 0.2s ease;
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
    position: relative;
}

    .chim-filter-btn:active[b-l1pdwlrss8] {
        transform: scale(0.95);
    }

    .chim-filter-btn.active[b-l1pdwlrss8] {
        background: linear-gradient(135deg, #764ba2 0%, #667eea 100%);
        box-shadow: 0 4px 16px rgba(118, 75, 162, 0.5);
    }

.chim-filter-badge[b-l1pdwlrss8] {
    position: absolute;
    top: -6px;
    right: -6px;
    background: linear-gradient(135deg, #f56565 0%, #e53e3e 100%);
    color: white;
    font-size: 10px;
    font-weight: 800;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 6px rgba(229, 62, 62, 0.4);
    border: 2px solid var(--chim-card-bg);
}

/* ── LOADING ────────────────────────────────────────── */
.chim-loading-overlay[b-l1pdwlrss8] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 20px;
    gap: 20px;
}

.chim-spinner[b-l1pdwlrss8] {
    position: relative;
    width: 60px;
    height: 60px;
}

.chim-spinner-ring[b-l1pdwlrss8] {
    position: absolute;
    width: 100%;
    height: 100%;
    border: 3px solid transparent;
    border-top-color: var(--chim-primary);
    border-radius: 50%;
    animation: chimSpin-b-l1pdwlrss8 1s linear infinite;
}

    .chim-spinner-ring:nth-child(2)[b-l1pdwlrss8] {
        border-top-color: var(--chim-primary-dark);
        animation-delay: 0.15s;
    }

    .chim-spinner-ring:nth-child(3)[b-l1pdwlrss8] {
        border-top-color: var(--chim-success);
        animation-delay: 0.3s;
    }

@keyframes chimSpin-b-l1pdwlrss8 {
    to {
        transform: rotate(360deg);
    }
}

.chim-loading-text[b-l1pdwlrss8] {
    font-size: 16px;
    font-weight: 600;
    color: var(--chim-text-secondary);
}

/* ── CARD LIST ──────────────────────────────────────── */
.chim-list-container[b-l1pdwlrss8] {
    padding: 12px;
    padding-bottom: 120px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.chim-card[b-l1pdwlrss8] {
    background: var(--chim-card-bg);
    border-radius: 16px;
    overflow: hidden;
    box-shadow: var(--chim-shadow-sm);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer;
    border: 2px solid transparent;
}

    .chim-card:active[b-l1pdwlrss8] {
        transform: scale(0.98);
    }

    .chim-card.expanded[b-l1pdwlrss8] {
        border-color: var(--chim-primary-dark);
        box-shadow: var(--chim-shadow-md);
    }

/* ── CARD HEADER ────────────────────────────────────── */
.chim-card-header[b-l1pdwlrss8] {
    padding: 16px;
    background: var(--chim-card-header-bg);
    border-bottom: 1px solid var(--chim-border);
}

.chim-card-title-row[b-l1pdwlrss8] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 12px;
    gap: 8px;
}

.chim-card-title-block[b-l1pdwlrss8] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.chim-card-title[b-l1pdwlrss8] {
    font-size: 15px;
    font-weight: 700;
    color: var(--chim-text-primary);
    margin: 0;
    line-height: 1.3;
}

.chim-card-subtitle[b-l1pdwlrss8] {
    font-size: 12px;
    color: var(--chim-text-muted);
    font-weight: 500;
}

.chim-card-badge-col[b-l1pdwlrss8] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 6px;
    flex-shrink: 0;
}

.chim-tip-badge[b-l1pdwlrss8] {
    background: linear-gradient(135deg, rgba(102, 126, 234, 0.15) 0%, rgba(118, 75, 162, 0.15) 100%);
    color: var(--chim-primary-dark);
    font-size: 11px;
    font-weight: 700;
    padding: 3px 10px;
    border-radius: 20px;
    border: 1px solid rgba(102, 126, 234, 0.3);
    white-space: nowrap;
}

[data-bs-theme="dark"] .chim-tip-badge[b-l1pdwlrss8] {
    color: var(--chim-primary);
    background: rgba(139, 154, 238, 0.15);
    border-color: rgba(139, 154, 238, 0.3);
}

.chim-expand-icon[b-l1pdwlrss8] {
    font-size: 18px;
    color: var(--chim-primary);
    transition: transform 0.3s ease;
}

.chim-card.expanded .chim-expand-icon[b-l1pdwlrss8] {
    transform: rotate(180deg);
    color: var(--chim-primary-dark);
}

/* ── QUICK STATS ────────────────────────────────────── */
.chim-quick-stats[b-l1pdwlrss8] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

.chim-stat[b-l1pdwlrss8] {
    padding: 10px 12px;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.chim-stat-primary[b-l1pdwlrss8] {
    background: linear-gradient(135deg, rgba(102, 126, 234, 0.1) 0%, rgba(118, 75, 162, 0.1) 100%);
}

.chim-stat-secondary[b-l1pdwlrss8] {
    background: linear-gradient(135deg, rgba(72, 187, 120, 0.1) 0%, rgba(56, 161, 105, 0.1) 100%);
}

.chim-stat-label[b-l1pdwlrss8] {
    font-size: 10px;
    color: var(--chim-text-muted);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.chim-stat-value[b-l1pdwlrss8] {
    font-size: 14px;
    font-weight: 800;
    color: var(--chim-text-primary);
}

.chim-stat-truncate[b-l1pdwlrss8] {
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* ── CARD CONTENT (expanded) ────────────────────────── */
.chim-card-content[b-l1pdwlrss8] {
    padding: 0;
    background: var(--chim-card-bg);
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-height 0.35s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.25s ease, padding 0.3s ease;
}

.chim-card.expanded .chim-card-content[b-l1pdwlrss8] {
    max-height: 2500px;
    opacity: 1;
    padding: 16px;
}

.chim-detail-grid[b-l1pdwlrss8] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.chim-detail-item[b-l1pdwlrss8] {
    background: var(--chim-bg);
    padding: 12px 14px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    gap: 12px;
    transition: all 0.2s ease;
}

    .chim-detail-item:active[b-l1pdwlrss8] {
        transform: translateX(4px);
        background: var(--chim-border);
    }

    .chim-detail-item > i[b-l1pdwlrss8] {
        font-size: 22px;
        color: var(--chim-primary);
        flex-shrink: 0;
    }

.chim-detail-info[b-l1pdwlrss8] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.chim-detail-label[b-l1pdwlrss8] {
    font-size: 11px;
    color: var(--chim-text-muted);
    font-weight: 600;
}

.chim-detail-value[b-l1pdwlrss8] {
    font-size: 14px;
    font-weight: 700;
    color: var(--chim-text-primary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* ── ACTIONS ────────────────────────────────────────── */
.chim-actions[b-l1pdwlrss8] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 8px;
    margin-top: 14px;
    padding-top: 14px;
    border-top: 1px solid var(--chim-border);
}

.chim-action-btn[b-l1pdwlrss8] {
    border: none;
    padding: 10px 8px;
    border-radius: 12px;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    color: white;
}

    .chim-action-btn:active[b-l1pdwlrss8] {
        transform: scale(0.95);
    }

.chim-btn-success[b-l1pdwlrss8] {
    background: linear-gradient(135deg, #48bb78 0%, #38a169 100%);
    box-shadow: 0 4px 12px rgba(72, 187, 120, 0.3);
}

.chim-btn-primary[b-l1pdwlrss8] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
}

.chim-btn-danger[b-l1pdwlrss8] {
    background: linear-gradient(135deg, #fc8181 0%, #f56565 100%);
    box-shadow: 0 4px 12px rgba(245, 101, 101, 0.3);
}

/* ── PAGINATION ─────────────────────────────────────── */
.chim-pagination-footer[b-l1pdwlrss8] {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: var(--chim-card-bg);
    border-top: 1px solid var(--chim-border);
    box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.08);
    z-index: 90;
    padding: 12px;
}

.chim-pagination-controls[b-l1pdwlrss8] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-bottom: 12px;
}

.chim-page-btn[b-l1pdwlrss8] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border: none;
    width: 36px;
    height: 36px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: white;
    font-size: 16px;
    transition: all 0.2s ease;
    box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3);
}

    .chim-page-btn:active:not(:disabled)[b-l1pdwlrss8] {
        transform: scale(0.95);
    }

    .chim-page-btn:disabled[b-l1pdwlrss8] {
        background: var(--chim-border);
        color: var(--chim-text-muted);
        cursor: not-allowed;
        opacity: 0.5;
        box-shadow: none;
    }

.chim-page-info[b-l1pdwlrss8] {
    display: flex;
    align-items: center;
    gap: 6px;
    background: var(--chim-card-header-bg);
    padding: 8px 16px;
    border-radius: 10px;
    font-weight: 700;
    box-shadow: var(--chim-shadow-sm);
}

.chim-page-current[b-l1pdwlrss8] {
    font-size: 16px;
    color: var(--chim-primary);
}

.chim-page-sep[b-l1pdwlrss8] {
    font-size: 14px;
    color: var(--chim-text-muted);
}

.chim-page-total[b-l1pdwlrss8] {
    font-size: 14px;
    color: var(--chim-text-secondary);
}

.chim-pagination-details[b-l1pdwlrss8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.chim-page-size[b-l1pdwlrss8] {
    background: var(--chim-card-header-bg);
    border: 2px solid var(--chim-border);
    padding: 8px 12px;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 600;
    color: var(--chim-text-primary);
    cursor: pointer;
    transition: all 0.2s ease;
}

    .chim-page-size:focus[b-l1pdwlrss8] {
        outline: none;
        border-color: var(--chim-primary);
        box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
    }

.chim-page-text[b-l1pdwlrss8] {
    font-size: 12px;
    color: var(--chim-text-secondary);
    font-weight: 600;
    text-align: right;
    flex: 1;
}

/* ── EMPTY STATE ────────────────────────────────────── */
.chim-empty-state[b-l1pdwlrss8] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 20px;
    gap: 16px;
    text-align: center;
}

    .chim-empty-state i[b-l1pdwlrss8] {
        font-size: 80px;
        color: var(--chim-text-muted);
        opacity: 0.5;
    }

    .chim-empty-state h3[b-l1pdwlrss8] {
        font-size: 20px;
        font-weight: 700;
        color: var(--chim-text-primary);
        margin: 0;
    }

    .chim-empty-state p[b-l1pdwlrss8] {
        font-size: 14px;
        color: var(--chim-text-secondary);
        margin: 0;
    }

/* ── RESPONSIVE ─────────────────────────────────────── */
@media (max-width: 480px) {
    .chim-actions[b-l1pdwlrss8] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 360px) {
    .chim-quick-stats[b-l1pdwlrss8] {
        grid-template-columns: 1fr;
    }
}
/* _content/Client/Pages/FinansYonetimi/CekSenet/CekSenetKartlariMobil/CekSenetKartlariMobil.razor.rz.scp.css */
:root[b-apzsyb0vbs] {
    --chim-primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    --chim-primary: #667eea;
    --chim-primary-dark: #764ba2;
    --chim-success-gradient: linear-gradient(135deg, #48bb78 0%, #38a169 100%);
    --chim-success: #48bb78;
    --chim-warning-gradient: linear-gradient(135deg, #f6ad55 0%, #ed8936 100%);
    --chim-warning: #f6ad55;
    --chim-danger-gradient: linear-gradient(135deg, #fc8181 0%, #f56565 100%);
    --chim-danger: #fc8181;
    --chim-card-bg: #ffffff;
    --chim-card-header-bg: linear-gradient(135deg, #f7fafc 0%, #edf2f7 100%);
    --chim-text-primary: #1a202c;
    --chim-text-secondary: #4a5568;
    --chim-text-muted: #718096;
    --chim-border: #e2e8f0;
    --chim-bg: #f7fafc;
    --chim-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.08);
    --chim-shadow-md: 0 4px 16px rgba(102, 126, 234, 0.2);
}

[data-bs-theme="dark"][b-apzsyb0vbs] {
    --chim-primary: #8b9aee;
    --chim-primary-dark: #9a7bc2;
    --chim-success: #68d391;
    --chim-warning: #fbbf24;
    --chim-danger: #fca5a5;
    --chim-card-bg: #1e293b;
    --chim-card-header-bg: linear-gradient(135deg, #334155 0%, #1e293b 100%);
    --chim-text-primary: #f1f5f9;
    --chim-text-secondary: #cbd5e1;
    --chim-text-muted: #94a3b8;
    --chim-border: #334155;
    --chim-bg: #0f172a;
    --chim-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3);
    --chim-shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4);
}

/* ── CONTAINER ─────────────────────────────────────── */
.chim-container[b-apzsyb0vbs] {
    width: 100%;
    min-height: 100vh;
    background: var(--chim-bg);
    padding-bottom: 20px;
}

/* ── STICKY HEADER ──────────────────────────────────── */
.chim-header-sticky[b-apzsyb0vbs] {
    position: sticky;
    top: 0;
    z-index: 10;
    background: var(--chim-bg);
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
    margin-top: 1rem;
    padding: 0 12px 12px;
}

.chim-controls-card[b-apzsyb0vbs] {
    background: var(--chim-card-bg);
    border-radius: 16px;
    padding: 10px 12px;
    box-shadow: var(--chim-shadow-sm);
    display: flex;
    align-items: center;
    gap: 10px;
}

/* ── SEARCH ─────────────────────────────────────────── */
.chim-search-inline[b-apzsyb0vbs] {
    flex: 1;
    position: relative;
    display: flex;
    align-items: center;
}

.chim-search-icon[b-apzsyb0vbs] {
    position: absolute;
    left: 12px;
    font-size: 18px;
    color: #ffffff;
    z-index: 1;
    pointer-events: none;
}

.chim-search-input[b-apzsyb0vbs] {
    width: 100%;
    border: none;
    border-radius: 12px;
    padding: 10px 36px 10px 38px;
    font-size: 14px;
    font-weight: 500;
    color: #ffffff;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    transition: all 0.2s ease;
    outline: none;
    box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3);
}

    .chim-search-input:focus[b-apzsyb0vbs] {
        box-shadow: 0 4px 16px rgba(102, 126, 234, 0.4);
        transform: translateY(-1px);
    }

    .chim-search-input[b-apzsyb0vbs]::placeholder {
        color: rgba(255, 255, 255, 0.7);
    }

.chim-search-clear[b-apzsyb0vbs] {
    position: absolute;
    right: 8px;
    background: linear-gradient(135deg, #ff6b35 0%, #f7931e 100%);
    border: none;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: white;
    font-size: 14px;
    transition: all 0.2s ease;
    box-shadow: 0 2px 6px rgba(255, 107, 53, 0.4);
}

    .chim-search-clear:active[b-apzsyb0vbs] {
        transform: scale(0.95);
    }

/* ── FILTER BUTTON ──────────────────────────────────── */
.chim-filter-btn[b-apzsyb0vbs] {
    flex-shrink: 0;
    width: 42px;
    height: 42px;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border: none;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: white;
    font-size: 20px;
    transition: all 0.2s ease;
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
    position: relative;
}

    .chim-filter-btn:active[b-apzsyb0vbs] {
        transform: scale(0.95);
    }

    .chim-filter-btn.active[b-apzsyb0vbs] {
        background: linear-gradient(135deg, #764ba2 0%, #667eea 100%);
        box-shadow: 0 4px 16px rgba(118, 75, 162, 0.5);
    }

.chim-filter-badge[b-apzsyb0vbs] {
    position: absolute;
    top: -6px;
    right: -6px;
    background: linear-gradient(135deg, #f56565 0%, #e53e3e 100%);
    color: white;
    font-size: 10px;
    font-weight: 800;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 6px rgba(229, 62, 62, 0.4);
    border: 2px solid var(--chim-card-bg);
}

/* ── LOADING ────────────────────────────────────────── */
.chim-loading-overlay[b-apzsyb0vbs] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 20px;
    gap: 20px;
}

.chim-spinner[b-apzsyb0vbs] {
    position: relative;
    width: 60px;
    height: 60px;
}

.chim-spinner-ring[b-apzsyb0vbs] {
    position: absolute;
    width: 100%;
    height: 100%;
    border: 3px solid transparent;
    border-top-color: var(--chim-primary);
    border-radius: 50%;
    animation: chimSpin-b-apzsyb0vbs 1s linear infinite;
}

    .chim-spinner-ring:nth-child(2)[b-apzsyb0vbs] {
        border-top-color: var(--chim-primary-dark);
        animation-delay: 0.15s;
    }

    .chim-spinner-ring:nth-child(3)[b-apzsyb0vbs] {
        border-top-color: var(--chim-success);
        animation-delay: 0.3s;
    }

@keyframes chimSpin-b-apzsyb0vbs {
    to {
        transform: rotate(360deg);
    }
}

.chim-loading-text[b-apzsyb0vbs] {
    font-size: 16px;
    font-weight: 600;
    color: var(--chim-text-secondary);
}

/* ── CARD LIST ──────────────────────────────────────── */
.chim-list-container[b-apzsyb0vbs] {
    padding: 12px;
    padding-bottom: 120px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.chim-card[b-apzsyb0vbs] {
    background: var(--chim-card-bg);
    border-radius: 16px;
    overflow: hidden;
    box-shadow: var(--chim-shadow-sm);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer;
    border: 2px solid transparent;
}

    .chim-card:active[b-apzsyb0vbs] {
        transform: scale(0.98);
    }

    .chim-card.expanded[b-apzsyb0vbs] {
        border-color: var(--chim-primary-dark);
        box-shadow: var(--chim-shadow-md);
    }

/* ── CARD HEADER ────────────────────────────────────── */
.chim-card-header[b-apzsyb0vbs] {
    padding: 16px;
    background: var(--chim-card-header-bg);
    border-bottom: 1px solid var(--chim-border);
}

.chim-card-title-row[b-apzsyb0vbs] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 12px;
    gap: 8px;
}

.chim-card-title-block[b-apzsyb0vbs] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.chim-card-title[b-apzsyb0vbs] {
    font-size: 15px;
    font-weight: 700;
    color: var(--chim-text-primary);
    margin: 0;
    line-height: 1.3;
}

.chim-card-subtitle[b-apzsyb0vbs] {
    font-size: 12px;
    color: var(--chim-text-muted);
    font-weight: 500;
}

.chim-card-badge-col[b-apzsyb0vbs] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 6px;
    flex-shrink: 0;
}

.chim-tip-badge[b-apzsyb0vbs] {
    background: linear-gradient(135deg, rgba(102, 126, 234, 0.15) 0%, rgba(118, 75, 162, 0.15) 100%);
    color: var(--chim-primary-dark);
    font-size: 11px;
    font-weight: 700;
    padding: 3px 10px;
    border-radius: 20px;
    border: 1px solid rgba(102, 126, 234, 0.3);
    white-space: nowrap;
}

[data-bs-theme="dark"] .chim-tip-badge[b-apzsyb0vbs] {
    color: var(--chim-primary);
    background: rgba(139, 154, 238, 0.15);
    border-color: rgba(139, 154, 238, 0.3);
}

.chim-expand-icon[b-apzsyb0vbs] {
    font-size: 18px;
    color: var(--chim-primary);
    transition: transform 0.3s ease;
}

.chim-card.expanded .chim-expand-icon[b-apzsyb0vbs] {
    transform: rotate(180deg);
    color: var(--chim-primary-dark);
}

/* ── QUICK STATS ────────────────────────────────────── */
.chim-quick-stats[b-apzsyb0vbs] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

.chim-stat[b-apzsyb0vbs] {
    padding: 10px 12px;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.chim-stat-primary[b-apzsyb0vbs] {
    background: linear-gradient(135deg, rgba(102, 126, 234, 0.1) 0%, rgba(118, 75, 162, 0.1) 100%);
}

.chim-stat-secondary[b-apzsyb0vbs] {
    background: linear-gradient(135deg, rgba(72, 187, 120, 0.1) 0%, rgba(56, 161, 105, 0.1) 100%);
}

.chim-stat-label[b-apzsyb0vbs] {
    font-size: 10px;
    color: var(--chim-text-muted);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.chim-stat-value[b-apzsyb0vbs] {
    font-size: 14px;
    font-weight: 800;
    color: var(--chim-text-primary);
}

.chim-stat-truncate[b-apzsyb0vbs] {
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* ── CARD CONTENT (expanded) ────────────────────────── */
.chim-card-content[b-apzsyb0vbs] {
    padding: 0;
    background: var(--chim-card-bg);
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-height 0.35s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.25s ease, padding 0.3s ease;
}

.chim-card.expanded .chim-card-content[b-apzsyb0vbs] {
    max-height: 2500px;
    opacity: 1;
    padding: 16px;
}

.chim-detail-grid[b-apzsyb0vbs] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.chim-detail-item[b-apzsyb0vbs] {
    background: var(--chim-bg);
    padding: 12px 14px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    gap: 12px;
    transition: all 0.2s ease;
}

    .chim-detail-item:active[b-apzsyb0vbs] {
        transform: translateX(4px);
        background: var(--chim-border);
    }

    .chim-detail-item > i[b-apzsyb0vbs] {
        font-size: 22px;
        color: var(--chim-primary);
        flex-shrink: 0;
    }

.chim-detail-info[b-apzsyb0vbs] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.chim-detail-label[b-apzsyb0vbs] {
    font-size: 11px;
    color: var(--chim-text-muted);
    font-weight: 600;
}

.chim-detail-value[b-apzsyb0vbs] {
    font-size: 14px;
    font-weight: 700;
    color: var(--chim-text-primary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* ── ACTIONS ────────────────────────────────────────── */
.chim-actions[b-apzsyb0vbs] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 8px;
    margin-top: 14px;
    padding-top: 14px;
    border-top: 1px solid var(--chim-border);
}

.chim-action-btn[b-apzsyb0vbs] {
    border: none;
    padding: 10px 8px;
    border-radius: 12px;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    color: white;
}

    .chim-action-btn:active[b-apzsyb0vbs] {
        transform: scale(0.95);
    }

.chim-btn-success[b-apzsyb0vbs] {
    background: linear-gradient(135deg, #48bb78 0%, #38a169 100%);
    box-shadow: 0 4px 12px rgba(72, 187, 120, 0.3);
}

.chim-btn-primary[b-apzsyb0vbs] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
}

.chim-btn-danger[b-apzsyb0vbs] {
    background: linear-gradient(135deg, #fc8181 0%, #f56565 100%);
    box-shadow: 0 4px 12px rgba(245, 101, 101, 0.3);
}

/* ── PAGINATION ─────────────────────────────────────── */
.chim-pagination-footer[b-apzsyb0vbs] {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: var(--chim-card-bg);
    border-top: 1px solid var(--chim-border);
    box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.08);
    z-index: 90;
    padding: 12px;
}

.chim-pagination-controls[b-apzsyb0vbs] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-bottom: 12px;
}

.chim-page-btn[b-apzsyb0vbs] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border: none;
    width: 36px;
    height: 36px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: white;
    font-size: 16px;
    transition: all 0.2s ease;
    box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3);
}

    .chim-page-btn:active:not(:disabled)[b-apzsyb0vbs] {
        transform: scale(0.95);
    }

    .chim-page-btn:disabled[b-apzsyb0vbs] {
        background: var(--chim-border);
        color: var(--chim-text-muted);
        cursor: not-allowed;
        opacity: 0.5;
        box-shadow: none;
    }

.chim-page-info[b-apzsyb0vbs] {
    display: flex;
    align-items: center;
    gap: 6px;
    background: var(--chim-card-header-bg);
    padding: 8px 16px;
    border-radius: 10px;
    font-weight: 700;
    box-shadow: var(--chim-shadow-sm);
}

.chim-page-current[b-apzsyb0vbs] {
    font-size: 16px;
    color: var(--chim-primary);
}

.chim-page-sep[b-apzsyb0vbs] {
    font-size: 14px;
    color: var(--chim-text-muted);
}

.chim-page-total[b-apzsyb0vbs] {
    font-size: 14px;
    color: var(--chim-text-secondary);
}

.chim-pagination-details[b-apzsyb0vbs] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.chim-page-size[b-apzsyb0vbs] {
    background: var(--chim-card-header-bg);
    border: 2px solid var(--chim-border);
    padding: 8px 12px;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 600;
    color: var(--chim-text-primary);
    cursor: pointer;
    transition: all 0.2s ease;
}

    .chim-page-size:focus[b-apzsyb0vbs] {
        outline: none;
        border-color: var(--chim-primary);
        box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
    }

.chim-page-text[b-apzsyb0vbs] {
    font-size: 12px;
    color: var(--chim-text-secondary);
    font-weight: 600;
    text-align: right;
    flex: 1;
}

/* ── EMPTY STATE ────────────────────────────────────── */
.chim-empty-state[b-apzsyb0vbs] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 20px;
    gap: 16px;
    text-align: center;
}

    .chim-empty-state i[b-apzsyb0vbs] {
        font-size: 80px;
        color: var(--chim-text-muted);
        opacity: 0.5;
    }

    .chim-empty-state h3[b-apzsyb0vbs] {
        font-size: 20px;
        font-weight: 700;
        color: var(--chim-text-primary);
        margin: 0;
    }

    .chim-empty-state p[b-apzsyb0vbs] {
        font-size: 14px;
        color: var(--chim-text-secondary);
        margin: 0;
    }

/* ── RESPONSIVE ─────────────────────────────────────── */
@media (max-width: 480px) {
    .chim-actions[b-apzsyb0vbs] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 360px) {
    .chim-quick-stats[b-apzsyb0vbs] {
        grid-template-columns: 1fr;
    }
}
/* _content/Client/Pages/FinansYonetimi/CekSenet/Raporlar/CekSenetRaporForm.razor.rz.scp.css */
.cek-senet-report-shell[b-xfnnhvyu3e] {
    color: #17233c;
    min-width: 0;
}

.cek-senet-report-shell[b-xfnnhvyu3e]  .card,
.cek-senet-report-shell[b-xfnnhvyu3e]  .rounded-3 {
    border-radius: 2px !important;
    box-shadow: none !important;
}

.cek-senet-report-shell[b-xfnnhvyu3e]  .card {
    border: 1px solid #d8dee8 !important;
}

.cek-senet-report-shell[b-xfnnhvyu3e]  .card-body {
    background: #fff;
}

.cek-senet-report-shell[b-xfnnhvyu3e]  h4 {
    color: #17233c;
    font-weight: 800;
    letter-spacing: -.015em;
}

.cek-senet-report-shell[b-xfnnhvyu3e]  .border {
    border-color: #cfd6e2 !important;
}

.cek-senet-report-shell[b-xfnnhvyu3e]  .form-control:focus,
.cek-senet-report-shell[b-xfnnhvyu3e]  .form-select:focus {
    border-color: #1b6ec2 !important;
    box-shadow: none !important;
    outline: 1px solid #1b6ec2;
}
/* _content/Client/Pages/FinansYonetimi/EBanka/E-Banka.razor.rz.scp.css */
.ebanka-grid[b-kycz56fuz9]  {
    --dxbl-grid-focus-color: unset !important;
}

/* Odaklı (o an çalışılan) banka satırı her durumda mavi kalsın.
   DevExpress maviyi td::before üzerine z-index:-1 ile çiziyor ve bu katman iki durumda
   kayboluyor: (1) uygulamanın genel wwwroot/css/site/grid.css kuralları hover/seçimde td'ye
   opak arka plan (gray-200 / gray-300, !important) basıp üstünü örtüyor, (2) grid odağı
   kaybettiğinde DevExpress ::before'u şeffaflaştırıyor ([dxbl-grid-focused-row-hidden]).
   Bu yüzden maviyi ::before katmanına bırakmayıp doğrudan td'ye veriyoruz. */
.ebanka-grid[b-kycz56fuz9]  .dxbl-grid-table > tbody > tr.dxbl-grid-focused-row > td:not(.dxbl-grid-empty-cell),
.ebanka-grid[b-kycz56fuz9]  .dxbl-grid-table > tbody > tr.dxbl-grid-focused-row:hover > td:not(.dxbl-grid-empty-cell) {
    background-color: var(--bs-primary) !important;
    color: var(--bs-white) !important;
}

.ebanka-grid[b-kycz56fuz9]  .dxbl-grid-table colgroup col:first-child,
.ebanka-grid[b-kycz56fuz9]  .dxbl-grid-table col.dxbl-grid-expand-button-col {
    width: 36px !important;
    min-width: 36px !important;
}

.ebanka-grid[b-kycz56fuz9]  td.dxbl-grid-expand-button-cell {
    width: 36px !important;
    min-width: 36px !important;
    max-width: 36px !important;
    text-align: center !important;
}

/* Sol panelde Banka Adı + IBAN bilgisini alt alta kompakt gösteren hücre yapısı */
.ebanka-compact-bank-cell[b-kycz56fuz9] {
    line-height: 1.25;
    min-width: 0;
}

.ebanka-detail-host[b-kycz56fuz9]  .ebanka-detail-header {
    min-width: 0;
    overflow: hidden;
}

.ebanka-detail-host[b-kycz56fuz9]  .ebanka-detail-header > .d-flex.justify-content-start {
    min-width: 0;
}

.ebanka-detail-host[b-kycz56fuz9]  .ebanka-detail-header > .d-flex.justify-content-start > .d-flex.w-100 {
    min-width: 0;
}

/* Masaüstünde seçili banka/IBAN bilgisini gösteren üst bar rozeti */
.ebanka-active-bank-pill[b-kycz56fuz9] {
    border-radius: 0 !important;
    max-width: 520px;
    overflow: hidden;
}

/* Tıklanabilir hızlı durum filtre çipleri (Tümü, Hazır, Eksik Bilgili, Aktarıldı) */
.ebanka-filter-chip[b-kycz56fuz9] {
    border-radius: 0 !important;
    border: 1px solid #d1d5db;
    background-color: #ffffff;
    color: #374151;
    font-size: 0.78rem;
    font-weight: 600;
    padding: 0.25rem 0.6rem;
    transition: background-color 0.12s ease, border-color 0.12s ease;
}

.ebanka-filter-chip:hover[b-kycz56fuz9] {
    background-color: #f3f4f6;
}

.ebanka-filter-chip.active-chip-all[b-kycz56fuz9] {
    background-color: #1e293b;
    border-color: #1e293b;
    color: #ffffff;
}

.ebanka-filter-chip.chip-ready.active-chip[b-kycz56fuz9] {
    background-color: #dcfce7;
    border-color: #16a34a;
    color: #14532d;
}

.ebanka-filter-chip.chip-warning.active-chip[b-kycz56fuz9] {
    background-color: #fef3c7;
    border-color: #d97706;
    color: #78350f;
}

.ebanka-filter-chip.chip-danger.active-chip[b-kycz56fuz9] {
    background-color: #fee2e2;
    border-color: #dc2626;
    color: #7f1d1d;
}

/* ==========================================================================
   Finansal Kokpit KPI Bar & Bakiye Kartları
   bymblazor-design-guidelines: Keskin sınırlar (border-radius: 0),
   sıfır gölge/gradyan, adli netlikte editoryal finans görünümü.
   ========================================================================== */
.ebanka-kpi-bar[b-kycz56fuz9] {
    border-radius: 0 !important;
    background-color: var(--bs-white);
    border: 1px solid #e4e6ef;
}

.ebanka-kpi-bar .kpi-card[b-kycz56fuz9] {
    border-radius: 0 !important;
    min-width: 140px;
    background-color: #fcfdfe;
    border: 1px solid #eef0f8;
    box-shadow: none !important;
    transition: background-color 0.15s ease-in-out;
}

.ebanka-kpi-bar .kpi-card:hover[b-kycz56fuz9] {
    background-color: #f4f6fa;
}

.ebanka-kpi-bar .kpi-card.border-start-4[b-kycz56fuz9] {
    border-left-width: 4px !important;
}

.ebanka-kpi-bar .badge[b-kycz56fuz9] {
    border-radius: 0 !important;
}

/* ==========================================================================
   Mobil Kart ve Alt Sayfa (BymMobileSheet) Ergonomi Stilleri
   ========================================================================== */
.ebanka-mobile-bank-trigger[b-kycz56fuz9] {
    border-radius: 0 !important;
    box-shadow: none !important;
}

.ebanka-mobile-tx-card[b-kycz56fuz9] {
    border-radius: 0 !important;
    border-left-width: 4px !important;
    transition: background-color 0.12s ease;
}

.ebanka-mobile-tx-card.selected-tx-card[b-kycz56fuz9] {
    background-color: #eff6ff !important;
    border-color: var(--bs-primary) !important;
}

.ebanka-tx-desc[b-kycz56fuz9] {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.35;
}

.ebanka-mobile-bottom-bar[b-kycz56fuz9] {
    box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.06);
    z-index: 10;
}

@media (max-width: 767.98px) {
    .ebanka-detail-host[b-kycz56fuz9]  .ebanka-detail-header {
        margin-top: 0.25rem !important;
    }

    .ebanka-detail-host[b-kycz56fuz9]  .ebanka-detail-header > .d-flex.justify-content-start {
        flex-wrap: wrap;
        gap: 0.35rem;
        padding-right: 0.5rem;
    }

    .ebanka-detail-host[b-kycz56fuz9]  .ebanka-detail-header > .d-flex.justify-content-start > .d-flex.w-100 {
        align-items: center;
        flex: 1 1 100%;
        flex-wrap: wrap;
        gap: 0.35rem;
    }

    .ebanka-detail-host[b-kycz56fuz9]  .ebanka-detail-header > .d-flex.justify-content-start > .d-flex.w-100 > .d-flex.flex-wrap {
        flex: 1 1 180px;
        min-width: 0;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .ebanka-detail-host[b-kycz56fuz9]  .ebanka-detail-header > .d-flex.justify-content-start > .d-flex.w-100 > .d-flex.align-items-center {
        flex: 0 0 auto;
        margin-left: auto !important;
    }

    .ebanka-detail-host[b-kycz56fuz9]  .filter-drawer-button {
        max-width: 140px;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
}
/* _content/Client/Pages/FinansYonetimi/Kasa/KasaIslemMobil/KasaIslemMobil.razor.rz.scp.css */
:root[b-h7wnieghiw] {
    --chim-primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    --chim-primary: #667eea;
    --chim-primary-dark: #764ba2;
    --chim-success-gradient: linear-gradient(135deg, #48bb78 0%, #38a169 100%);
    --chim-success: #48bb78;
    --chim-warning-gradient: linear-gradient(135deg, #f6ad55 0%, #ed8936 100%);
    --chim-warning: #f6ad55;
    --chim-danger-gradient: linear-gradient(135deg, #fc8181 0%, #f56565 100%);
    --chim-danger: #fc8181;
    --chim-card-bg: #ffffff;
    --chim-card-header-bg: linear-gradient(135deg, #f7fafc 0%, #edf2f7 100%);
    --chim-text-primary: #1a202c;
    --chim-text-secondary: #4a5568;
    --chim-text-muted: #718096;
    --chim-border: #e2e8f0;
    --chim-bg: #f7fafc;
    --chim-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.08);
    --chim-shadow-md: 0 4px 16px rgba(102, 126, 234, 0.2);
}

[data-bs-theme="dark"][b-h7wnieghiw] {
    --chim-primary: #8b9aee;
    --chim-primary-dark: #9a7bc2;
    --chim-success: #68d391;
    --chim-warning: #fbbf24;
    --chim-danger: #fca5a5;
    --chim-card-bg: #1e293b;
    --chim-card-header-bg: linear-gradient(135deg, #334155 0%, #1e293b 100%);
    --chim-text-primary: #f1f5f9;
    --chim-text-secondary: #cbd5e1;
    --chim-text-muted: #94a3b8;
    --chim-border: #334155;
    --chim-bg: #0f172a;
    --chim-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3);
    --chim-shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4);
}

/* ── CONTAINER ─────────────────────────────────────── */
.chim-container[b-h7wnieghiw] {
    width: 100%;
    min-height: 100vh;
    background: var(--chim-bg);
    padding-bottom: 20px;
}

/* ── STICKY HEADER ──────────────────────────────────── */
.chim-header-sticky[b-h7wnieghiw] {
    position: sticky;
    top: 0;
    z-index: 10;
    background: var(--chim-bg);
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
    margin-top: 1rem;
    padding: 0 12px 12px;
}

.chim-controls-card[b-h7wnieghiw] {
    background: var(--chim-card-bg);
    border-radius: 16px;
    padding: 10px 12px;
    box-shadow: var(--chim-shadow-sm);
    display: flex;
    align-items: center;
    gap: 10px;
}

/* ── SEARCH ─────────────────────────────────────────── */
.chim-search-inline[b-h7wnieghiw] {
    flex: 1;
    position: relative;
    display: flex;
    align-items: center;
}

.chim-search-icon[b-h7wnieghiw] {
    position: absolute;
    left: 12px;
    font-size: 18px;
    color: #ffffff;
    z-index: 1;
    pointer-events: none;
}

.chim-search-input[b-h7wnieghiw] {
    width: 100%;
    border: none;
    border-radius: 12px;
    padding: 10px 36px 10px 38px;
    font-size: 14px;
    font-weight: 500;
    color: #ffffff;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    transition: all 0.2s ease;
    outline: none;
    box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3);
}

    .chim-search-input:focus[b-h7wnieghiw] {
        box-shadow: 0 4px 16px rgba(102, 126, 234, 0.4);
        transform: translateY(-1px);
    }

    .chim-search-input[b-h7wnieghiw]::placeholder {
        color: rgba(255, 255, 255, 0.7);
    }

.chim-search-clear[b-h7wnieghiw] {
    position: absolute;
    right: 8px;
    background: linear-gradient(135deg, #ff6b35 0%, #f7931e 100%);
    border: none;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: white;
    font-size: 14px;
    transition: all 0.2s ease;
    box-shadow: 0 2px 6px rgba(255, 107, 53, 0.4);
}

    .chim-search-clear:active[b-h7wnieghiw] {
        transform: scale(0.95);
    }

/* ── FILTER BUTTON ──────────────────────────────────── */
.chim-filter-btn[b-h7wnieghiw] {
    flex-shrink: 0;
    width: 42px;
    height: 42px;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border: none;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: white;
    font-size: 20px;
    transition: all 0.2s ease;
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
    position: relative;
}

    .chim-filter-btn:active[b-h7wnieghiw] {
        transform: scale(0.95);
    }

    .chim-filter-btn.active[b-h7wnieghiw] {
        background: linear-gradient(135deg, #764ba2 0%, #667eea 100%);
        box-shadow: 0 4px 16px rgba(118, 75, 162, 0.5);
    }

.chim-filter-badge[b-h7wnieghiw] {
    position: absolute;
    top: -6px;
    right: -6px;
    background: linear-gradient(135deg, #f56565 0%, #e53e3e 100%);
    color: white;
    font-size: 10px;
    font-weight: 800;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 6px rgba(229, 62, 62, 0.4);
    border: 2px solid var(--chim-card-bg);
}

/* ── LOADING ────────────────────────────────────────── */
.chim-loading-overlay[b-h7wnieghiw] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 20px;
    gap: 20px;
}

.chim-spinner[b-h7wnieghiw] {
    position: relative;
    width: 60px;
    height: 60px;
}

.chim-spinner-ring[b-h7wnieghiw] {
    position: absolute;
    width: 100%;
    height: 100%;
    border: 3px solid transparent;
    border-top-color: var(--chim-primary);
    border-radius: 50%;
    animation: chimSpin-b-h7wnieghiw 1s linear infinite;
}

    .chim-spinner-ring:nth-child(2)[b-h7wnieghiw] {
        border-top-color: var(--chim-primary-dark);
        animation-delay: 0.15s;
    }

    .chim-spinner-ring:nth-child(3)[b-h7wnieghiw] {
        border-top-color: var(--chim-success);
        animation-delay: 0.3s;
    }

@keyframes chimSpin-b-h7wnieghiw {
    to {
        transform: rotate(360deg);
    }
}

.chim-loading-text[b-h7wnieghiw] {
    font-size: 16px;
    font-weight: 600;
    color: var(--chim-text-secondary);
}

/* ── CARD LIST ──────────────────────────────────────── */
.chim-list-container[b-h7wnieghiw] {
    padding: 12px;
    padding-bottom: 120px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.chim-card[b-h7wnieghiw] {
    background: var(--chim-card-bg);
    border-radius: 16px;
    overflow: hidden;
    box-shadow: var(--chim-shadow-sm);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer;
    border: 2px solid transparent;
}

    .chim-card:active[b-h7wnieghiw] {
        transform: scale(0.98);
    }

    .chim-card.expanded[b-h7wnieghiw] {
        border-color: var(--chim-primary-dark);
        box-shadow: var(--chim-shadow-md);
    }

/* ── CARD HEADER ────────────────────────────────────── */
.chim-card-header[b-h7wnieghiw] {
    padding: 16px;
    background: var(--chim-card-header-bg);
    border-bottom: 1px solid var(--chim-border);
}

.chim-card-title-row[b-h7wnieghiw] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 12px;
    gap: 8px;
}

.chim-card-title-block[b-h7wnieghiw] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.chim-card-title[b-h7wnieghiw] {
    font-size: 15px;
    font-weight: 700;
    color: var(--chim-text-primary);
    margin: 0;
    line-height: 1.3;
}

.chim-card-subtitle[b-h7wnieghiw] {
    font-size: 12px;
    color: var(--chim-text-muted);
    font-weight: 500;
}

.chim-card-badge-col[b-h7wnieghiw] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 6px;
    flex-shrink: 0;
}

.chim-tip-badge[b-h7wnieghiw] {
    background: linear-gradient(135deg, rgba(102, 126, 234, 0.15) 0%, rgba(118, 75, 162, 0.15) 100%);
    color: var(--chim-primary-dark);
    font-size: 11px;
    font-weight: 700;
    padding: 3px 10px;
    border-radius: 20px;
    border: 1px solid rgba(102, 126, 234, 0.3);
    white-space: nowrap;
}

[data-bs-theme="dark"] .chim-tip-badge[b-h7wnieghiw] {
    color: var(--chim-primary);
    background: rgba(139, 154, 238, 0.15);
    border-color: rgba(139, 154, 238, 0.3);
}

.chim-expand-icon[b-h7wnieghiw] {
    font-size: 18px;
    color: var(--chim-primary);
    transition: transform 0.3s ease;
}

.chim-card.expanded .chim-expand-icon[b-h7wnieghiw] {
    transform: rotate(180deg);
    color: var(--chim-primary-dark);
}

/* ── QUICK STATS ────────────────────────────────────── */
.chim-quick-stats[b-h7wnieghiw] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

.chim-stat[b-h7wnieghiw] {
    padding: 10px 12px;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.chim-stat-primary[b-h7wnieghiw] {
    background: linear-gradient(135deg, rgba(102, 126, 234, 0.1) 0%, rgba(118, 75, 162, 0.1) 100%);
}

.chim-stat-secondary[b-h7wnieghiw] {
    background: linear-gradient(135deg, rgba(72, 187, 120, 0.1) 0%, rgba(56, 161, 105, 0.1) 100%);
}

.chim-stat-label[b-h7wnieghiw] {
    font-size: 10px;
    color: var(--chim-text-muted);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.chim-stat-value[b-h7wnieghiw] {
    font-size: 14px;
    font-weight: 800;
    color: var(--chim-text-primary);
}

.chim-stat-truncate[b-h7wnieghiw] {
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* ── CARD CONTENT (expanded) ────────────────────────── */
.chim-card-content[b-h7wnieghiw] {
    padding: 0;
    background: var(--chim-card-bg);
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-height 0.35s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.25s ease, padding 0.3s ease;
}

.chim-card.expanded .chim-card-content[b-h7wnieghiw] {
    max-height: 2500px;
    opacity: 1;
    padding: 16px;
}

.chim-detail-grid[b-h7wnieghiw] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.chim-detail-item[b-h7wnieghiw] {
    background: var(--chim-bg);
    padding: 12px 14px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    gap: 12px;
    transition: all 0.2s ease;
}

    .chim-detail-item:active[b-h7wnieghiw] {
        transform: translateX(4px);
        background: var(--chim-border);
    }

    .chim-detail-item > i[b-h7wnieghiw] {
        font-size: 22px;
        color: var(--chim-primary);
        flex-shrink: 0;
    }

.chim-detail-info[b-h7wnieghiw] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.chim-detail-label[b-h7wnieghiw] {
    font-size: 11px;
    color: var(--chim-text-muted);
    font-weight: 600;
}

.chim-detail-value[b-h7wnieghiw] {
    font-size: 14px;
    font-weight: 700;
    color: var(--chim-text-primary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* ── ACTIONS ────────────────────────────────────────── */
.chim-actions[b-h7wnieghiw] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 8px;
    margin-top: 14px;
    padding-top: 14px;
    border-top: 1px solid var(--chim-border);
}

.chim-action-btn[b-h7wnieghiw] {
    border: none;
    padding: 10px 8px;
    border-radius: 12px;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    color: white;
}

    .chim-action-btn:active[b-h7wnieghiw] {
        transform: scale(0.95);
    }

.chim-btn-success[b-h7wnieghiw] {
    background: linear-gradient(135deg, #48bb78 0%, #38a169 100%);
    box-shadow: 0 4px 12px rgba(72, 187, 120, 0.3);
}

.chim-btn-primary[b-h7wnieghiw] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
}

.chim-btn-danger[b-h7wnieghiw] {
    background: linear-gradient(135deg, #fc8181 0%, #f56565 100%);
    box-shadow: 0 4px 12px rgba(245, 101, 101, 0.3);
}

/* ── PAGINATION ─────────────────────────────────────── */
.chim-pagination-footer[b-h7wnieghiw] {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: var(--chim-card-bg);
    border-top: 1px solid var(--chim-border);
    box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.08);
    z-index: 90;
    padding: 12px;
}

.chim-pagination-controls[b-h7wnieghiw] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-bottom: 12px;
}

.chim-page-btn[b-h7wnieghiw] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border: none;
    width: 36px;
    height: 36px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: white;
    font-size: 16px;
    transition: all 0.2s ease;
    box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3);
}

    .chim-page-btn:active:not(:disabled)[b-h7wnieghiw] {
        transform: scale(0.95);
    }

    .chim-page-btn:disabled[b-h7wnieghiw] {
        background: var(--chim-border);
        color: var(--chim-text-muted);
        cursor: not-allowed;
        opacity: 0.5;
        box-shadow: none;
    }

.chim-page-info[b-h7wnieghiw] {
    display: flex;
    align-items: center;
    gap: 6px;
    background: var(--chim-card-header-bg);
    padding: 8px 16px;
    border-radius: 10px;
    font-weight: 700;
    box-shadow: var(--chim-shadow-sm);
}

.chim-page-current[b-h7wnieghiw] {
    font-size: 16px;
    color: var(--chim-primary);
}

.chim-page-sep[b-h7wnieghiw] {
    font-size: 14px;
    color: var(--chim-text-muted);
}

.chim-page-total[b-h7wnieghiw] {
    font-size: 14px;
    color: var(--chim-text-secondary);
}

.chim-pagination-details[b-h7wnieghiw] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.chim-page-size[b-h7wnieghiw] {
    background: var(--chim-card-header-bg);
    border: 2px solid var(--chim-border);
    padding: 8px 12px;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 600;
    color: var(--chim-text-primary);
    cursor: pointer;
    transition: all 0.2s ease;
}

    .chim-page-size:focus[b-h7wnieghiw] {
        outline: none;
        border-color: var(--chim-primary);
        box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
    }

.chim-page-text[b-h7wnieghiw] {
    font-size: 12px;
    color: var(--chim-text-secondary);
    font-weight: 600;
    text-align: right;
    flex: 1;
}

/* ── EMPTY STATE ────────────────────────────────────── */
.chim-empty-state[b-h7wnieghiw] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 20px;
    gap: 16px;
    text-align: center;
}

    .chim-empty-state i[b-h7wnieghiw] {
        font-size: 80px;
        color: var(--chim-text-muted);
        opacity: 0.5;
    }

    .chim-empty-state h3[b-h7wnieghiw] {
        font-size: 20px;
        font-weight: 700;
        color: var(--chim-text-primary);
        margin: 0;
    }

    .chim-empty-state p[b-h7wnieghiw] {
        font-size: 14px;
        color: var(--chim-text-secondary);
        margin: 0;
    }

/* ── RESPONSIVE ─────────────────────────────────────── */
@media (max-width: 480px) {
    .chim-actions[b-h7wnieghiw] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 360px) {
    .chim-quick-stats[b-h7wnieghiw] {
        grid-template-columns: 1fr;
    }
}
/* _content/Client/Pages/FinansYonetimi/Kasa/KasaMobil/KasaMobil.razor.rz.scp.css */
:root[b-kof8zyx6g6] {
    --chim-primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    --chim-primary: #667eea;
    --chim-primary-dark: #764ba2;
    --chim-success-gradient: linear-gradient(135deg, #48bb78 0%, #38a169 100%);
    --chim-success: #48bb78;
    --chim-warning-gradient: linear-gradient(135deg, #f6ad55 0%, #ed8936 100%);
    --chim-warning: #f6ad55;
    --chim-danger-gradient: linear-gradient(135deg, #fc8181 0%, #f56565 100%);
    --chim-danger: #fc8181;
    --chim-card-bg: #ffffff;
    --chim-card-header-bg: linear-gradient(135deg, #f7fafc 0%, #edf2f7 100%);
    --chim-text-primary: #1a202c;
    --chim-text-secondary: #4a5568;
    --chim-text-muted: #718096;
    --chim-border: #e2e8f0;
    --chim-bg: #f7fafc;
    --chim-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.08);
    --chim-shadow-md: 0 4px 16px rgba(102, 126, 234, 0.2);
}

[data-bs-theme="dark"][b-kof8zyx6g6] {
    --chim-primary: #8b9aee;
    --chim-primary-dark: #9a7bc2;
    --chim-success: #68d391;
    --chim-warning: #fbbf24;
    --chim-danger: #fca5a5;
    --chim-card-bg: #1e293b;
    --chim-card-header-bg: linear-gradient(135deg, #334155 0%, #1e293b 100%);
    --chim-text-primary: #f1f5f9;
    --chim-text-secondary: #cbd5e1;
    --chim-text-muted: #94a3b8;
    --chim-border: #334155;
    --chim-bg: #0f172a;
    --chim-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3);
    --chim-shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4);
}

/* ── CONTAINER ─────────────────────────────────────── */
.chim-container[b-kof8zyx6g6] {
    width: 100%;
    min-height: 100vh;
    background: var(--chim-bg);
    padding-bottom: 20px;
}

/* ── STICKY HEADER ──────────────────────────────────── */
.chim-header-sticky[b-kof8zyx6g6] {
    position: sticky;
    top: 0;
    z-index: 10;
    background: var(--chim-bg);
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
    margin-top: 1rem;
    padding: 0 12px 12px;
}

.chim-controls-card[b-kof8zyx6g6] {
    background: var(--chim-card-bg);
    border-radius: 16px;
    padding: 10px 12px;
    box-shadow: var(--chim-shadow-sm);
    display: flex;
    align-items: center;
    gap: 10px;
}

/* ── SEARCH ─────────────────────────────────────────── */
.chim-search-inline[b-kof8zyx6g6] {
    flex: 1;
    position: relative;
    display: flex;
    align-items: center;
}

.chim-search-icon[b-kof8zyx6g6] {
    position: absolute;
    left: 12px;
    font-size: 18px;
    color: #ffffff;
    z-index: 1;
    pointer-events: none;
}

.chim-search-input[b-kof8zyx6g6] {
    width: 100%;
    border: none;
    border-radius: 12px;
    padding: 10px 36px 10px 38px;
    font-size: 14px;
    font-weight: 500;
    color: #ffffff;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    transition: all 0.2s ease;
    outline: none;
    box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3);
}

    .chim-search-input:focus[b-kof8zyx6g6] {
        box-shadow: 0 4px 16px rgba(102, 126, 234, 0.4);
        transform: translateY(-1px);
    }

    .chim-search-input[b-kof8zyx6g6]::placeholder {
        color: rgba(255, 255, 255, 0.7);
    }

.chim-search-clear[b-kof8zyx6g6] {
    position: absolute;
    right: 8px;
    background: linear-gradient(135deg, #ff6b35 0%, #f7931e 100%);
    border: none;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: white;
    font-size: 14px;
    transition: all 0.2s ease;
    box-shadow: 0 2px 6px rgba(255, 107, 53, 0.4);
}

    .chim-search-clear:active[b-kof8zyx6g6] {
        transform: scale(0.95);
    }

/* ── FILTER BUTTON ──────────────────────────────────── */
.chim-filter-btn[b-kof8zyx6g6] {
    flex-shrink: 0;
    width: 42px;
    height: 42px;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border: none;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: white;
    font-size: 20px;
    transition: all 0.2s ease;
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
    position: relative;
}

    .chim-filter-btn:active[b-kof8zyx6g6] {
        transform: scale(0.95);
    }

    .chim-filter-btn.active[b-kof8zyx6g6] {
        background: linear-gradient(135deg, #764ba2 0%, #667eea 100%);
        box-shadow: 0 4px 16px rgba(118, 75, 162, 0.5);
    }

.chim-filter-badge[b-kof8zyx6g6] {
    position: absolute;
    top: -6px;
    right: -6px;
    background: linear-gradient(135deg, #f56565 0%, #e53e3e 100%);
    color: white;
    font-size: 10px;
    font-weight: 800;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 6px rgba(229, 62, 62, 0.4);
    border: 2px solid var(--chim-card-bg);
}

/* ── LOADING ────────────────────────────────────────── */
.chim-loading-overlay[b-kof8zyx6g6] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 20px;
    gap: 20px;
}

.chim-spinner[b-kof8zyx6g6] {
    position: relative;
    width: 60px;
    height: 60px;
}

.chim-spinner-ring[b-kof8zyx6g6] {
    position: absolute;
    width: 100%;
    height: 100%;
    border: 3px solid transparent;
    border-top-color: var(--chim-primary);
    border-radius: 50%;
    animation: chimSpin-b-kof8zyx6g6 1s linear infinite;
}

    .chim-spinner-ring:nth-child(2)[b-kof8zyx6g6] {
        border-top-color: var(--chim-primary-dark);
        animation-delay: 0.15s;
    }

    .chim-spinner-ring:nth-child(3)[b-kof8zyx6g6] {
        border-top-color: var(--chim-success);
        animation-delay: 0.3s;
    }

@keyframes chimSpin-b-kof8zyx6g6 {
    to {
        transform: rotate(360deg);
    }
}

.chim-loading-text[b-kof8zyx6g6] {
    font-size: 16px;
    font-weight: 600;
    color: var(--chim-text-secondary);
}

/* ── CARD LIST ──────────────────────────────────────── */
.chim-list-container[b-kof8zyx6g6] {
    padding: 12px;
    padding-bottom: 120px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.chim-card[b-kof8zyx6g6] {
    background: var(--chim-card-bg);
    border-radius: 16px;
    overflow: hidden;
    box-shadow: var(--chim-shadow-sm);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer;
    border: 2px solid transparent;
}

    .chim-card:active[b-kof8zyx6g6] {
        transform: scale(0.98);
    }

    .chim-card.expanded[b-kof8zyx6g6] {
        border-color: var(--chim-primary-dark);
        box-shadow: var(--chim-shadow-md);
    }

/* ── CARD HEADER ────────────────────────────────────── */
.chim-card-header[b-kof8zyx6g6] {
    padding: 16px;
    background: var(--chim-card-header-bg);
    border-bottom: 1px solid var(--chim-border);
}

.chim-card-title-row[b-kof8zyx6g6] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 12px;
    gap: 8px;
}

.chim-card-title-block[b-kof8zyx6g6] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.chim-card-title[b-kof8zyx6g6] {
    font-size: 15px;
    font-weight: 700;
    color: var(--chim-text-primary);
    margin: 0;
    line-height: 1.3;
}

.chim-card-subtitle[b-kof8zyx6g6] {
    font-size: 12px;
    color: var(--chim-text-muted);
    font-weight: 500;
}

.chim-card-badge-col[b-kof8zyx6g6] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 6px;
    flex-shrink: 0;
}

.chim-tip-badge[b-kof8zyx6g6] {
    background: linear-gradient(135deg, rgba(102, 126, 234, 0.15) 0%, rgba(118, 75, 162, 0.15) 100%);
    color: var(--chim-primary-dark);
    font-size: 11px;
    font-weight: 700;
    padding: 3px 10px;
    border-radius: 20px;
    border: 1px solid rgba(102, 126, 234, 0.3);
    white-space: nowrap;
}

[data-bs-theme="dark"] .chim-tip-badge[b-kof8zyx6g6] {
    color: var(--chim-primary);
    background: rgba(139, 154, 238, 0.15);
    border-color: rgba(139, 154, 238, 0.3);
}

.chim-expand-icon[b-kof8zyx6g6] {
    font-size: 18px;
    color: var(--chim-primary);
    transition: transform 0.3s ease;
}

.chim-card.expanded .chim-expand-icon[b-kof8zyx6g6] {
    transform: rotate(180deg);
    color: var(--chim-primary-dark);
}

/* ── QUICK STATS ────────────────────────────────────── */
.chim-quick-stats[b-kof8zyx6g6] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

.chim-stat[b-kof8zyx6g6] {
    padding: 10px 12px;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.chim-stat-primary[b-kof8zyx6g6] {
    background: linear-gradient(135deg, rgba(102, 126, 234, 0.1) 0%, rgba(118, 75, 162, 0.1) 100%);
}

.chim-stat-secondary[b-kof8zyx6g6] {
    background: linear-gradient(135deg, rgba(72, 187, 120, 0.1) 0%, rgba(56, 161, 105, 0.1) 100%);
}

.chim-stat-label[b-kof8zyx6g6] {
    font-size: 10px;
    color: var(--chim-text-muted);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.chim-stat-value[b-kof8zyx6g6] {
    font-size: 14px;
    font-weight: 800;
    color: var(--chim-text-primary);
}

.chim-stat-truncate[b-kof8zyx6g6] {
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* ── CARD CONTENT (expanded) ────────────────────────── */
.chim-card-content[b-kof8zyx6g6] {
    padding: 0;
    background: var(--chim-card-bg);
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-height 0.35s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.25s ease, padding 0.3s ease;
}

.chim-card.expanded .chim-card-content[b-kof8zyx6g6] {
    max-height: 2500px;
    opacity: 1;
    padding: 16px;
}

.chim-detail-grid[b-kof8zyx6g6] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.chim-detail-item[b-kof8zyx6g6] {
    background: var(--chim-bg);
    padding: 12px 14px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    gap: 12px;
    transition: all 0.2s ease;
}

    .chim-detail-item:active[b-kof8zyx6g6] {
        transform: translateX(4px);
        background: var(--chim-border);
    }

    .chim-detail-item > i[b-kof8zyx6g6] {
        font-size: 22px;
        color: var(--chim-primary);
        flex-shrink: 0;
    }

.chim-detail-info[b-kof8zyx6g6] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.chim-detail-label[b-kof8zyx6g6] {
    font-size: 11px;
    color: var(--chim-text-muted);
    font-weight: 600;
}

.chim-detail-value[b-kof8zyx6g6] {
    font-size: 14px;
    font-weight: 700;
    color: var(--chim-text-primary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* ── ACTIONS ────────────────────────────────────────── */
.chim-actions[b-kof8zyx6g6] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 8px;
    margin-top: 14px;
    padding-top: 14px;
    border-top: 1px solid var(--chim-border);
}

.chim-action-btn[b-kof8zyx6g6] {
    border: none;
    padding: 10px 8px;
    border-radius: 12px;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    color: white;
}

    .chim-action-btn:active[b-kof8zyx6g6] {
        transform: scale(0.95);
    }

.chim-btn-success[b-kof8zyx6g6] {
    background: linear-gradient(135deg, #48bb78 0%, #38a169 100%);
    box-shadow: 0 4px 12px rgba(72, 187, 120, 0.3);
}

.chim-btn-primary[b-kof8zyx6g6] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
}

.chim-btn-danger[b-kof8zyx6g6] {
    background: linear-gradient(135deg, #fc8181 0%, #f56565 100%);
    box-shadow: 0 4px 12px rgba(245, 101, 101, 0.3);
}

/* ── PAGINATION ─────────────────────────────────────── */
.chim-pagination-footer[b-kof8zyx6g6] {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: var(--chim-card-bg);
    border-top: 1px solid var(--chim-border);
    box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.08);
    z-index: 90;
    padding: 12px;
}

.chim-pagination-controls[b-kof8zyx6g6] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-bottom: 12px;
}

.chim-page-btn[b-kof8zyx6g6] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border: none;
    width: 36px;
    height: 36px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: white;
    font-size: 16px;
    transition: all 0.2s ease;
    box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3);
}

    .chim-page-btn:active:not(:disabled)[b-kof8zyx6g6] {
        transform: scale(0.95);
    }

    .chim-page-btn:disabled[b-kof8zyx6g6] {
        background: var(--chim-border);
        color: var(--chim-text-muted);
        cursor: not-allowed;
        opacity: 0.5;
        box-shadow: none;
    }

.chim-page-info[b-kof8zyx6g6] {
    display: flex;
    align-items: center;
    gap: 6px;
    background: var(--chim-card-header-bg);
    padding: 8px 16px;
    border-radius: 10px;
    font-weight: 700;
    box-shadow: var(--chim-shadow-sm);
}

.chim-page-current[b-kof8zyx6g6] {
    font-size: 16px;
    color: var(--chim-primary);
}

.chim-page-sep[b-kof8zyx6g6] {
    font-size: 14px;
    color: var(--chim-text-muted);
}

.chim-page-total[b-kof8zyx6g6] {
    font-size: 14px;
    color: var(--chim-text-secondary);
}

.chim-pagination-details[b-kof8zyx6g6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.chim-page-size[b-kof8zyx6g6] {
    background: var(--chim-card-header-bg);
    border: 2px solid var(--chim-border);
    padding: 8px 12px;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 600;
    color: var(--chim-text-primary);
    cursor: pointer;
    transition: all 0.2s ease;
}

    .chim-page-size:focus[b-kof8zyx6g6] {
        outline: none;
        border-color: var(--chim-primary);
        box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
    }

.chim-page-text[b-kof8zyx6g6] {
    font-size: 12px;
    color: var(--chim-text-secondary);
    font-weight: 600;
    text-align: right;
    flex: 1;
}

/* ── EMPTY STATE ────────────────────────────────────── */
.chim-empty-state[b-kof8zyx6g6] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 20px;
    gap: 16px;
    text-align: center;
}

    .chim-empty-state i[b-kof8zyx6g6] {
        font-size: 80px;
        color: var(--chim-text-muted);
        opacity: 0.5;
    }

    .chim-empty-state h3[b-kof8zyx6g6] {
        font-size: 20px;
        font-weight: 700;
        color: var(--chim-text-primary);
        margin: 0;
    }

    .chim-empty-state p[b-kof8zyx6g6] {
        font-size: 14px;
        color: var(--chim-text-secondary);
        margin: 0;
    }

/* ── RESPONSIVE ─────────────────────────────────────── */
@media (max-width: 480px) {
    .chim-actions[b-kof8zyx6g6] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 360px) {
    .chim-quick-stats[b-kof8zyx6g6] {
        grid-template-columns: 1fr;
    }
}
/* _content/Client/Pages/FinansYonetimi/Kasa/Okc/OkcMobil/OkcMobil.razor.rz.scp.css */

/* ============================================
   SABİT ARAMA KARTI - MOR ARKA PLAN
   ============================================ */
.search-card-container[b-o76phh22xo] {
    position: sticky;
    top: 0;
    z-index: 100;
    padding: 12px;
    background: var(--search-bg);
    margin: 0;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.search-card[b-o76phh22xo] {
    position: relative;
    background: var(--search-bg);
    border-radius: 14px;
    padding: 12px 54px 12px 48px;
    box-shadow: var(--shadow-sm);
    display: flex;
    align-items: center;
    transition: all 0.3s ease;
}

    .search-card:focus-within[b-o76phh22xo] {
        box-shadow: 0 4px 16px rgba(102, 126, 234, 0.3);
        transform: translateY(-1px);
    }

.search-icon[b-o76phh22xo] {
    position: absolute;
    left: 16px;
    color: rgba(255, 255, 255, 0.9);
    font-size: 20px;
    transition: all 0.3s ease;
}

.search-card:focus-within .search-icon[b-o76phh22xo] {
    color: white;
    transform: scale(1.1);
}

.search-input[b-o76phh22xo] {
    flex: 1;
    border: none;
    outline: none;
    background: transparent;
    font-size: 15px;
    color: white;
    font-weight: 500;
}

    .search-input[b-o76phh22xo]::placeholder {
        color: rgba(255, 255, 255, 0.7);
    }

.search-clear[b-o76phh22xo] {
    position: absolute;
    right: 12px;
    background: linear-gradient(135deg, #ff6b35 0%, #f7931e 100%);
    border: none;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: white;
    font-size: 18px;
    transition: all 0.2s ease;
    box-shadow: 0 2px 8px rgba(255, 107, 53, 0.4);
}

    .search-clear:hover[b-o76phh22xo] {
        background: linear-gradient(135deg, #f7931e 0%, #ff6b35 100%);
        transform: scale(1.1);
        box-shadow: 0 4px 12px rgba(255, 107, 53, 0.6);
    }

    .search-clear:active[b-o76phh22xo] {
        transform: scale(0.95);
    }

/* ============================================
   STOK KARTI
   ============================================ */
.stok-card[b-o76phh22xo] {
    background: var(--card-bg);
    margin: 8px 12px;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: var(--shadow-sm);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer;
    border: 2px solid transparent;
    user-select: none;
    position: relative;
}

    .stok-card:hover[b-o76phh22xo] {
        border-color: #667eea;
        box-shadow: var(--shadow-md);
        transform: translateY(-2px);
    }

    .stok-card.expanded[b-o76phh22xo] {
        border-color: #764ba2;
        box-shadow: 0 8px 24px rgba(102, 126, 234, 0.25);
    }

    .stok-card:active[b-o76phh22xo] {
        transform: scale(0.98);
    }

.card-header-section[b-o76phh22xo] {
    padding: 6px;
    background: var(--card-header-bg);
    border-bottom: 1px solid var(--border-color);
    cursor: pointer;
}

.card-main-info[b-o76phh22xo] {
    width: 100%;
}

.card-title-row[b-o76phh22xo] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 8px;
}

.card-title[b-o76phh22xo] {
    font-size: 15px;
    font-weight: 700;
    color: var(--text-primary);
    margin: 0;
    flex: 1;
    line-height: 1.3;
    padding-right: 8px;
}

.expand-icon[b-o76phh22xo] {
    font-size: 22px;
    color: #667eea;
    flex-shrink: 0;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    pointer-events: none;
}

.stok-card.expanded .expand-icon[b-o76phh22xo] {
    transform: rotate(180deg);
    color: #764ba2;
}

    .stok-card.expanded .expand-icon i[b-o76phh22xo] {
        transform: rotate(0deg);
    }

.card-meta-row[b-o76phh22xo] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 10px;
}

.card-code[b-o76phh22xo] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    background: var(--primary-gradient);
    color: white;
    padding: 4px 10px;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 700;
    box-shadow: 0 2px 6px rgba(102, 126, 234, 0.3);
}

.stock-badge[b-o76phh22xo] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 10px;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 700;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}

.stock-available[b-o76phh22xo] {
    background: var(--success-gradient);
    color: white;
}

.stock-out[b-o76phh22xo] {
    background: var(--danger-gradient);
    color: white;
}

.card-quick-info[b-o76phh22xo] {
    display: flex; /* yan yana dizmek için flex */
    justify-content: space-between; /* iki öğeyi uçlara yasla */
    gap: 8px; /* öğeler arası boşluk */
}

.quick-info-item[b-o76phh22xo] {
    background: var(--card-bg);
    padding: 6px 10px; /* biraz daha kompakt */
    border-radius: 12px;
    display: flex; /* içerik yan yana veya dikey için flex */
    flex-direction: column; /* label ve value dikey */
    gap: 2px;
    flex: 1; /* eşit genişlik */
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    transition: all 0.2s ease;
    text-align: center; /* değerleri ortala */
}

    .quick-info-item:hover[b-o76phh22xo] {
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
        transform: translateY(-1px);
    }

.quick-label[b-o76phh22xo] {
    font-size: 10px;
    color: var(--text-muted);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    text-align: start;
}

.quick-value[b-o76phh22xo] {
    font-size: 16px;
    color: var(--text-primary);
    font-weight: 800;
}

    .quick-value.price[b-o76phh22xo] {
        color: #48bb78;
        background: var(--text-primary);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
    }

/* ============================================
   AÇILIR İÇERİK
   ============================================ */
.card-content[b-o76phh22xo] {
    padding: 0 12px;
    background: var(--card-bg);
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    display: block;
    visibility: visible;
}

.stok-card.expanded .card-content[b-o76phh22xo] {
    max-height: 2500px;
    opacity: 1;
    padding: 12px;
    display: block;
    visibility: visible;
}

.info-row[b-o76phh22xo] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 12px;
    background: var(--info-row-bg);
    border-radius: 10px;
    margin-bottom: 8px;
    transition: all 0.2s ease;
}

    .info-row:hover[b-o76phh22xo] {
        background: var(--border-color);
        transform: translateX(2px);
    }

.info-label[b-o76phh22xo] {
    font-size: 13px;
    color: var(--text-secondary);
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 6px;
    flex: 1;
}

    .info-label i[b-o76phh22xo] {
        color: #667eea;
        font-size: 16px;
    }

.info-value[b-o76phh22xo] {
    font-size: 14px;
    color: var(--text-primary);
    font-weight: 700;
    text-align: right;
    flex-shrink: 0;
    margin-left: 8px;
}

.card-actions[b-o76phh22xo] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    grid-template-columns: 1fr auto;
    gap: 8px;
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid var(--border-color);
    pointer-events: auto;
    position: relative;
    z-index: 10;
}

.action-btn[b-o76phh22xo] {
    border: none;
    padding: 10px 18px;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 700;
    flex: 1;
    text-align: center;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    pointer-events: auto;
    position: relative;
    z-index: 11;
}

    .action-btn:active[b-o76phh22xo] {
        transform: scale(0.95);
    }

.btn-primary[b-o76phh22xo] {
    background: var(--primary-gradient);
    color: white;
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
}

    .btn-primary:hover[b-o76phh22xo] {
        box-shadow: 0 6px 16px rgba(102, 126, 234, 0.4);
        transform: translateY(-2px);
    }

.btn-secondary[b-o76phh22xo] {
    background: var(--border-color);
    color: var(--text-secondary);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
}

    .btn-secondary:hover[b-o76phh22xo] {
        background: #cbd5e0;
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.12);
        transform: translateY(-2px);
    }

[data-bs-theme="dark"] .btn-secondary[b-o76phh22xo] {
    background: #334155;
    color: #cbd5e1;
}

    [data-bs-theme="dark"] .btn-secondary:hover[b-o76phh22xo] {
        background: #475569;
    }

/* ============================================
   RESPONSİVE TASARIM
   ============================================ */
@media (max-width: 360px) {
    .card-title[b-o76phh22xo] {
        font-size: 14px;
    }

    .card-quick-info[b-o76phh22xo] {
        grid-template-columns: 1fr;
    }

    .search-card-container[b-o76phh22xo] {
        padding: 10px;
    }

    .stok-card[b-o76phh22xo] {
        margin: 6px 10px;
    }

    .quick-value[b-o76phh22xo] {
        font-size: 15px;
    }

    .card-header-section[b-o76phh22xo] {
        padding: 8px;
    }
}

@media (min-width: 768px) {
    .search-card-container[b-o76phh22xo],
    .stok-card[b-o76phh22xo] {
        display: none !important;
    }
}

/* ============================================
   ANIMASYONLAR
   ============================================ */
@keyframes fadeIn-b-o76phh22xo {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.stok-card[b-o76phh22xo] {
    animation: fadeIn-b-o76phh22xo 0.3s ease-out;
}

/* ============================================
   SCROLLBAR
   ============================================ */
@media (max-width: 767px) {
    [b-o76phh22xo]::-webkit-scrollbar {
        width: 6px;
    }

    [b-o76phh22xo]::-webkit-scrollbar-track {
        background: var(--info-row-bg);
    }

    [b-o76phh22xo]::-webkit-scrollbar-thumb {
        background: var(--border-color);
        border-radius: 3px;
    }

        [b-o76phh22xo]::-webkit-scrollbar-thumb:hover {
            background: #667eea;
        }

    .dxbs-grid[b-o76phh22xo],
    .custom-grid[b-o76phh22xo] {
        background: transparent !important;
        border: none !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    [data-bs-theme="dark"] .dxbs-grid[b-o76phh22xo],
    [data-bs-theme="dark"] .custom-grid[b-o76phh22xo] {
        background: #0f172a !important;
    }

    .dxbs-grid-header[b-o76phh22xo],
    .dxbs-grid-header-content[b-o76phh22xo],
    .dxbs-grid-header-panel[b-o76phh22xo],
    .dxbs-grid-filter-row[b-o76phh22xo],
    .dxbs-grid-command-column[b-o76phh22xo],
    .dxbs-grid-selection-column[b-o76phh22xo],
    .dxbs-grid-data-column[b-o76phh22xo],
    .dxbs-grid-table thead[b-o76phh22xo],
    .dxbs-grid-table > tbody > tr > td:not(.dxbs-grid-detail-cell)[b-o76phh22xo],
    .dxbs-grid-table > tbody > tr > th[b-o76phh22xo],
    .dxbs-grid-pager[b-o76phh22xo],
    .dxbs-grid-empty-data[b-o76phh22xo],
    .dxbs-grid-toolbar[b-o76phh22xo],
    .dxbs-grid-statusbar[b-o76phh22xo] {
        display: none !important;
        visibility: hidden !important;
        height: 0 !important;
        max-height: 0 !important;
        min-height: 0 !important;
        overflow: hidden !important;
        padding: 0 !important;
        margin: 0 !important;
        border: none !important;
        opacity: 0 !important;
        position: absolute !important;
        left: -9999px !important;
    }

    .dxbs-grid-table[b-o76phh22xo],
    .dxbs-grid-table > tbody[b-o76phh22xo],
    .dxbs-grid-table > tbody > tr[b-o76phh22xo] {
        display: block !important;
        width: 100% !important;
        border: none !important;
        background: transparent !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .dxbs-grid-detail-cell[b-o76phh22xo] {
        display: block !important;
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
        border: none !important;
        background: transparent !important;
        position: relative !important;
        left: 0 !important;
    }

        .dxbs-grid-detail-cell > div[b-o76phh22xo],
        .dxbs-grid-detail-cell > *[b-o76phh22xo] {
            width: 100% !important;
            padding: 0 !important;
            margin: 0 !important;
        }
}



@media (max-width: 991px) {
    .dxbs-grid[b-o76phh22xo] {
        background: transparent !important;
        border: none !important;
    }

    .dxbs-grid-header[b-o76phh22xo],
    .dxbs-grid-header-content[b-o76phh22xo],
    .dxbs-grid-filter-row[b-o76phh22xo],
    .dxbs-grid-command-column[b-o76phh22xo],
    .dxbs-grid-selection-column[b-o76phh22xo],
    .dxbs-grid-data-column[b-o76phh22xo],
    .dxbs-grid-table thead[b-o76phh22xo],
    .dxbs-grid-table > tbody > tr > td:not(.dxbs-grid-detail-cell)[b-o76phh22xo] {
        display: none !important;
        visibility: hidden !important;
        height: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        border: none !important;
    }

    .dxbs-grid-table[b-o76phh22xo],
    .dxbs-grid-table > tbody[b-o76phh22xo],
    .dxbs-grid-table > tbody > tr[b-o76phh22xo] {
        display: block !important;
        width: 100% !important;
        border: none !important;
        background: transparent !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .dxbs-grid-detail-cell[b-o76phh22xo] {
        display: block !important;
        width: 100% !important;
        padding: 0 !important;
        border: none !important;
        background: transparent !important;
    }

    .custom-grid[b-o76phh22xo] {
        background: var(--info-row-bg) !important;
        border: none !important;
        padding: 0 !important;
    }
}

/* ============================================
   SABİT ARAMA KARTI - MOR ARKA PLAN
   ============================================ */
.search-card-container[b-o76phh22xo] {
    position: sticky;
    z-index: 100;
    padding: 12px;
    background: var(--card-bg);
    margin: 0;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.search-card[b-o76phh22xo] {
    position: relative;
    background: var(--search-bg);
    border-radius: 14px;
    padding: 12px 54px 12px 48px;
    box-shadow: var(--shadow-sm);
    display: flex;
    align-items: center;
    transition: all 0.3s ease;
}

    .search-card:focus-within[b-o76phh22xo] {
        box-shadow: 0 4px 16px rgba(102, 126, 234, 0.3);
        transform: translateY(-1px);
    }

.search-icon[b-o76phh22xo] {
    position: absolute;
    left: 16px;
    color: rgba(255, 255, 255, 0.9);
    font-size: 20px;
    transition: all 0.3s ease;
}

.search-card:focus-within .search-icon[b-o76phh22xo] {
    color: white;
    transform: scale(1.1);
}

.search-input[b-o76phh22xo] {
    flex: 1;
    border: none;
    outline: none;
    background: transparent;
    font-size: 15px;
    color: white;
    font-weight: 500;
}

    .search-input[b-o76phh22xo]::placeholder {
        color: rgba(255, 255, 255, 0.7);
    }

.search-clear[b-o76phh22xo] {
    position: absolute;
    right: 12px;
    background: linear-gradient(135deg, #ff6b35 0%, #f7931e 100%);
    border: none;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: white;
    font-size: 18px;
    transition: all 0.2s ease;
    box-shadow: 0 2px 8px rgba(255, 107, 53, 0.4);
}

    .search-clear:hover[b-o76phh22xo] {
        background: linear-gradient(135deg, #f7931e 0%, #ff6b35 100%);
        transform: scale(1.1);
        box-shadow: 0 4px 12px rgba(255, 107, 53, 0.6);
    }

    .search-clear:active[b-o76phh22xo] {
        transform: scale(0.95);
    }

/* ============================================
   MOBİL PAGINATION
   ============================================ */
/* Sabit footer container */
.pagination-footer[b-o76phh22xo] {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--card-bg);
    border-top: 1px solid var(--border-color);
    z-index: 9;
    box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column; /* üst üste dizmek için */
    transition: transform 0.3s;
}

.fatura-list-container[b-o76phh22xo] {
    max-height: 80vh; /* scroll olması için */
    overflow-y: auto;
    padding-bottom: calc(170px + env(safe-area-inset-bottom)); /* fixed .pagination-footer altında kalmasın */
}

/* Üstteki sayfa numaraları */
.mobile-pagination[b-o76phh22xo] {
    padding: 7px 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    border-bottom: 1px solid var(--border-color); /* opsiyonel ayrım için */
}

/* Alttaki detaylar + select */
.pagination-details[b-o76phh22xo] {
    padding: 7px 11px;
    height: 110px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 9px;
}




.pagination-btn[b-o76phh22xo] {
    background: var(--primary-gradient);
    border: none;
    width: 27px;
    height: 27px;
    border-radius: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: white;
    font-size: 13px;
    transition: all 0.2s ease;
    box-shadow: 0 2px 6px rgba(102, 126, 234, 0.3);
}

    .pagination-btn:hover:not(:disabled)[b-o76phh22xo] {
        transform: translateY(-1px);
        box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4);
    }

    .pagination-btn:active:not(:disabled)[b-o76phh22xo] {
        transform: scale(0.95);
    }

    .pagination-btn:disabled[b-o76phh22xo] {
        background: var(--border-color);
        color: var(--text-muted);
        cursor: not-allowed;
        opacity: 0.5;
        box-shadow: none;
    }

.pagination-info[b-o76phh22xo] {
    display: flex;
    align-items: center; /* hepsi dikeyde ortalanır */
    justify-content: center; /* yatayda hizalanır */
    gap: 4px;
    background: var(--card-header-bg);
    padding: 6px 11px;
    border-radius: 7px;
    font-weight: 700;
    min-width: 60px;
    box-shadow: var(--shadow-sm);
    white-space: nowrap; /* alt satıra geçmeyi engeller */
    line-height: 1; /* yükseklik farklarını sıfırlar */
}

    .pagination-info span[b-o76phh22xo] {
        font-size: 11px;
        line-height: 1; /* tam hizalama için */
        display: flex;
        align-items: center; /* dikey ortalama */
    }

.current-page[b-o76phh22xo] {
    color: #667eea;
}

.separator[b-o76phh22xo] {
    color: var(--text-muted);
}

.total-pages[b-o76phh22xo] {
    color: var(--text-secondary);
}




.page-size-selector[b-o76phh22xo] {
    background: var(--card-header-bg);
    border: 2px solid var(--border-color);
    padding: 5px 9px;
    border-radius: 7px;
    font-size: 12px;
    font-weight: 600;
    color: var(--text-primary);
    cursor: pointer;
    transition: all 0.2s ease;
}

    .page-size-selector:focus[b-o76phh22xo] {
        outline: none;
        border-color: #667eea;
        box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
    }

    .page-size-selector:hover[b-o76phh22xo] {
        border-color: #667eea;
    }

.pagination-text[b-o76phh22xo] {
    font-size: 11px;
    color: var(--text-secondary);
    font-weight: 600;
    flex: 1;
    margin-top: 1vh;
    text-align: right;
}

.stok-card[b-o76phh22xo] {
    background: var(--card-bg);
    margin: 8px 12px;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: var(--shadow-sm);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer;
    border: 2px solid transparent;
    user-select: none;
    z-index: 1;
    position: relative;
    pointer-events: auto;
}

    .stok-card:hover[b-o76phh22xo] {
        border-color: #667eea;
        box-shadow: var(--shadow-md);
        transform: translateY(-2px);
    }

    .stok-card.expanded[b-o76phh22xo] {
        border-color: #764ba2;
        box-shadow: 0 8px 24px rgba(102, 126, 234, 0.25);
    }

    .stok-card:active[b-o76phh22xo] {
        transform: scale(0.98);
    }

.card-header-section[b-o76phh22xo] {
    padding: 12px;
    background: var(--card-header-bg);
    border-bottom: 1px solid var(--border-color);
}

.card-title-row[b-o76phh22xo] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 8px;
}

.card-title[b-o76phh22xo] {
    font-size: 15px;
    font-weight: 700;
    color: var(--text-primary);
    margin: 0;
    flex: 1;
    line-height: 1.3;
    padding-right: 8px;
}

.card-subtitle[b-o76phh22xo] {
    font-size: 13px;
    font-weight: 500;
    color: var(--text-secondary);
    margin: 2px 0 0 0;
    line-height: 1.25;
    padding-right: 8px;
    display: block;
}


.expand-icon[b-o76phh22xo] {
    font-size: 22px;
    color: #667eea;
    flex-shrink: 0;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.stok-card.expanded .expand-icon[b-o76phh22xo] {
    transform: rotate(180deg);
    color: #764ba2;
}

.card-meta-row[b-o76phh22xo] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 10px;
}

.card-code[b-o76phh22xo] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    background: var(--primary-gradient);
    color: white;
    padding: 4px 10px;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 700;
    box-shadow: 0 2px 6px rgba(102, 126, 234, 0.3);
}

.stock-badge[b-o76phh22xo] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 10px;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 700;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}

.stock-available[b-o76phh22xo] {
    background: var(--success-gradient);
    color: white;
}

.stock-out[b-o76phh22xo] {
    background: var(--danger-gradient);
    color: white;
}

.card-quick-info[b-o76phh22xo] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}

.quick-info-item[b-o76phh22xo] {
    background: var(--card-bg);
    padding: 10px 12px;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    gap: 3px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    transition: all 0.2s ease;
}

    .quick-info-item:hover[b-o76phh22xo] {
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
        transform: translateY(-1px);
    }

.quick-label[b-o76phh22xo] {
    font-size: 10px;
    color: var(--text-muted);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.6px;
}

.quick-value[b-o76phh22xo] {
    font-size: 16px;
    color: var(--text-primary);
    font-weight: 800;
}

    .quick-value.price[b-o76phh22xo] {
        color: #48bb78;
        background: linear-gradient(135deg, #48bb78 0%, #38a169 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
    }

.card-content[b-o76phh22xo] {
    padding: 0 12px;
    background: var(--card-bg);
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.stok-card.expanded .card-content[b-o76phh22xo] {
    max-height: 2500px;
    opacity: 1;
    padding: 12px;
    margin-bottom: 10px;
}

.info-row[b-o76phh22xo] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 12px;
    background: var(--info-row-bg);
    border-radius: 10px;
    margin-bottom: 8px;
    transition: all 0.2s ease;
}

    .info-row:hover[b-o76phh22xo] {
        background: var(--border-color);
        transform: translateX(2px);
    }

.info-label[b-o76phh22xo] {
    font-size: 13px;
    color: var(--text-secondary);
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 6px;
    flex: 1;
}

    .info-label i[b-o76phh22xo] {
        color: #667eea;
        font-size: 16px;
    }

.info-value[b-o76phh22xo] {
    font-size: 14px;
    color: var(--text-primary);
    font-weight: 700;
    text-align: right;
    flex-shrink: 0;
    margin-left: 8px;
}

.card-actions[b-o76phh22xo] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    gap: 8px;
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid var(--border-color);
}


.action-btn[b-o76phh22xo] {
    border: none;
    padding: 10px 18px;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

    .action-btn:active[b-o76phh22xo] {
        transform: scale(0.95);
    }

.btn-primary[b-o76phh22xo] {
    background: var(--primary-gradient);
    color: white;
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
}

    .btn-primary:hover[b-o76phh22xo] {
        box-shadow: 0 6px 16px rgba(102, 126, 234, 0.4);
        transform: translateY(-2px);
    }

.btn-secondary[b-o76phh22xo] {
    background: var(--border-color);
    color: var(--text-secondary);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
}

    .btn-secondary:hover[b-o76phh22xo] {
        background: #cbd5e0;
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.12);
        transform: translateY(-2px);
    }

[data-bs-theme="dark"] .btn-secondary[b-o76phh22xo] {
    background: #334155;
    color: #cbd5e1;
}

    [data-bs-theme="dark"] .btn-secondary:hover[b-o76phh22xo] {
        background: #475569;
    }

@media (max-width: 360px) {
    .card-title[b-o76phh22xo] {
        font-size: 14px;
    }

    .card-quick-info[b-o76phh22xo] {
        grid-template-columns: 1fr;
    }

    .search-card-container[b-o76phh22xo] {
        padding: 10px;
    }

    .stok-card[b-o76phh22xo] {
        margin: 6px 10px;
    }

    .quick-value[b-o76phh22xo] {
        font-size: 15px;
    }

    .card-header-section[b-o76phh22xo] {
        padding: 10px;
    }
}

@media (min-width: 992px) {
    .search-card-container[b-o76phh22xo],
    .stok-card[b-o76phh22xo],
    .mobile-pagination[b-o76phh22xo],
    .pagination-details[b-o76phh22xo] {
        display: none !important;
    }
}

@keyframes fadeIn-b-o76phh22xo {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.stok-card[b-o76phh22xo] {
    animation: fadeIn-b-o76phh22xo 0.3s ease-out;
}

@media (max-width: 991px) {
    [b-o76phh22xo]::-webkit-scrollbar {
        width: 6px;
    }

    [b-o76phh22xo]::-webkit-scrollbar-track {
        background: var(--info-row-bg);
    }

    [b-o76phh22xo]::-webkit-scrollbar-thumb {
        background: var(--border-color);
        border-radius: 3px;
    }

        [b-o76phh22xo]::-webkit-scrollbar-thumb:hover {
            background: #667eea;
        }
}

.mobile-footer-fixed[b-o76phh22xo] {
    position: fixed !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100vw !important;
    margin: 0 !important;
    padding: 8px 12px !important;
    background: #fff !important;
    background-color: #fff !important;
    box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.1) !important;
    border-top: 1px solid var(--border-color) !important;
    z-index: 9999 !important;
    display: flex !important;
    justify-content: flex-start !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    box-sizing: border-box !important;
}

.mobile-list-container[b-o76phh22xo] {
    width: 100%;
    height: 100vh;
    overflow-y: auto;
    background: #f7fafc;
    padding-bottom: 130px;
    position: relative;
    z-index: 1;
}

[data-bs-theme="dark"] .mobile-list-container[b-o76phh22xo] {
    background: #0f172a;
}

.pagination-btn[b-o76phh22xo] {
    background: var(--primary-gradient);
    border: none;
    width: 27px;
    height: 27px;
    border-radius: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: white;
    font-size: 13px;
    transition: all 0.2s ease;
    box-shadow: 0 2px 6px rgba(102, 126, 234, 0.3);
}

    .pagination-btn:hover:not(:disabled)[b-o76phh22xo] {
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4);
    }

    .pagination-btn:active:not(:disabled)[b-o76phh22xo] {
        transform: scale(0.95);
    }

    .pagination-btn:disabled[b-o76phh22xo] {
        background: var(--border-color);
        color: var(--text-muted);
        cursor: not-allowed;
        box-shadow: none;
        opacity: 0.5;
    }

.pagination-info[b-o76phh22xo] {
    display: flex;
    align-items: center;
    gap: 4px;
    background: var(--card-header-bg);
    padding: 6px 11px;
    border-radius: 7px;
    font-weight: 700;
    min-width: 60px;
    justify-content: center;
    box-shadow: var(--shadow-sm);
}

.current-page[b-o76phh22xo] {
    font-size: 11px;
    color: #667eea;
}

.separator[b-o76phh22xo] {
    font-size: 10px;
    color: var(--text-muted);
}

.total-pages[b-o76phh22xo] {
    font-size: 10px;
    color: var(--text-secondary);
}

.page-size-selector[b-o76phh22xo] {
    background: var(--card-header-bg);
    border: 2px solid var(--border-color);
    padding: 5px 9px;
    border-radius: 7px;
    font-size: 12px;
    font-weight: 600;
    color: var(--text-primary);
    cursor: pointer;
    transition: all 0.2s ease;
}

    .page-size-selector:focus[b-o76phh22xo] {
        outline: none;
        border-color: #667eea;
        box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
    }

    .page-size-selector:hover[b-o76phh22xo] {
        border-color: #667eea;
    }

.pagination-text[b-o76phh22xo] {
    font-size: 11px;
    color: var(--text-secondary);
    font-weight: 600;
    flex: 1;
    text-align: right;
}

.search-card[b-o76phh22xo] {
    position: relative;
    background: var(--search-bg);
    border-radius: 14px;
    padding: 12px 54px 12px 48px;
    box-shadow: var(--shadow-sm);
    display: flex;
    align-items: center;
    transition: all 0.3s ease;
}

.search-icon[b-o76phh22xo] {
    position: absolute;
    left: 16px;
    color: rgba(255, 255, 255, 0.9);
    font-size: 20px;
    transition: all 0.3s ease;
}

.search-input[b-o76phh22xo] {
    flex: 1;
    border: none;
    outline: none;
    background: transparent;
    font-size: 15px;
    color: white;
    font-weight: 500;
}

    .search-input[b-o76phh22xo]::placeholder {
        color: rgba(255, 255, 255, 0.7);
    }

.search-clear[b-o76phh22xo] {
    position: absolute;
    right: 12px;
    background: linear-gradient(135deg, #ff6b35 0%, #f7931e 100%);
    border: none;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: white;
    font-size: 18px;
    transition: all 0.2s ease;
    box-shadow: 0 2px 8px rgba(255, 107, 53, 0.4);
}

    .search-clear:hover[b-o76phh22xo] {
        background: linear-gradient(135deg, #f7931e 0%, #ff6b35 100%);
        transform: scale(1.1);
        box-shadow: 0 4px 12px rgba(255, 107, 53, 0.6);
    }

    .search-clear:active[b-o76phh22xo] {
        transform: scale(0.95);
    }

#faturaContainer[b-o76phh22xo] {
    overflow-y: auto;
    height: calc(100vh - 150px);
}
/* _content/Client/Pages/Index.razor.rz.scp.css */
/*:root {
    --primary-color: #4361ee;
    --primary-light: #4895ef;
    --secondary-color: #3f37c9;
    --success-color: #4cc9f0;
    --danger-color: #f72585;
    --warning-color: #f8961e;
    --info-color: #4895ef;
    --dark-color: #12124a;
    --light-color: #f8f9fa;
    --gray-color: #e9ecef;
    --gradient-primary: linear-gradient(135deg, #4361ee 0%, #3a0ca3 100%);
    --gradient-success: linear-gradient(135deg, #4cc9f0 0%, #4895ef 100%);
    --gradient-danger: linear-gradient(135deg, #f72585 0%, #b51d81 100%);
    --gradient-warning: linear-gradient(135deg, #f8961e 0%, #f3722c 100%);
    --shadow-sm: 0 .125rem .25rem rgba(0,0,0,.075);
    --shadow: 0 .5rem 1rem rgba(0,0,0,.15);
    --shadow-lg: 0 1rem 3rem rgba(0,0,0,.175);
    --card-shadow: 0 4px 20px 0 rgba(0,0,0,.14), 0 7px 10px -5px rgba(0,0,0,.1);
    --dashboard-shadow: 0 8px 30px rgba(0,0,0,.1);
}*/

body[b-8r8lpzj5m7] {
    font-family: 'Poppins', sans-serif;
    background-color: #f5f7fa;
    color: #495057;
}

/* Dashboard Header */
.dashboard-header[b-8r8lpzj5m7] {
    background: linear-gradient(135deg, #cfdeea 0%, #a2c8dd 100%);
    border-radius: 12px;
    padding: 1.5rem;
    color: white; /* Lacivertimsi koyu gri */
    margin-bottom: 2rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-shadow: var(--dashboard-shadow);
}

    .dashboard-header h5[b-8r8lpzj5m7] {
        font-size: 1.5rem;
        font-weight: 600;
        margin: 0;
    }

/* Cards */
.card[b-8r8lpzj5m7] {
    border-radius: 12px;
    border: none;
    box-shadow: var(--card-shadow);
    transition: all 0.3s ease;
    margin-bottom: 1.5rem;
    overflow: hidden;
}

    .card:hover[b-8r8lpzj5m7] {
        transform: translateY(-5px);
        box-shadow: 0 8px 25px rgba(0,0,0,.18);
    }

.card-header[b-8r8lpzj5m7] {
    background-color: white;
    border-bottom: 1px solid rgba(0,0,0,.05);
    font-weight: 600;
    padding: 1rem 1.5rem;
}

.card-body[b-8r8lpzj5m7] {
    padding: 1.5rem;
}

/* Metric Cards */
.metric-card[b-8r8lpzj5m7] {
    height: 100%;
}

    .metric-card .card-header[b-8r8lpzj5m7] {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

        .metric-card .card-header h5[b-8r8lpzj5m7] {
            font-size: 1rem;
            font-weight: 600;
        }

.finance-card[b-8r8lpzj5m7] {
    border-radius: 12px;
    overflow: hidden;
}

    .finance-card .card-header[b-8r8lpzj5m7] {
        padding: 1rem 1.5rem;
    }

/* Charts */
.chart-container[b-8r8lpzj5m7] {
    min-height: 250px;
    width: 100%;
}

.trends-chart-container[b-8r8lpzj5m7] {
    min-height: 300px;
    width: 100%;
}

.mini-chart-container[b-8r8lpzj5m7] {
    min-height: 150px;
    width: 100%;
}

/* Progress Bar */
.progress-container[b-8r8lpzj5m7] {
    padding: 0.5rem 1.5rem 1.5rem;
}

.progress[b-8r8lpzj5m7] {
    height: 10px;
    border-radius: 5px;
    overflow: hidden;
    background-color: #eaecf0;
}

.progress-bar[b-8r8lpzj5m7] {
    background: var(--gradient-success);
}

/* Badges */
.badge[b-8r8lpzj5m7] {
    padding: 0.5rem 1rem;
    border-radius: 50px;
    font-weight: 500;
    font-size: 0.8rem;
}

.bg-blue-2[b-8r8lpzj5m7] {
    background-color: var(--primary-light);
}

.bg-blue-3[b-8r8lpzj5m7] {
    background-color: var(--primary-color);
}

.bg-red-1[b-8r8lpzj5m7] {
    background: var(--danger-color);
}

.bg-green-1[b-8r8lpzj5m7] {
    background-color: var(--success-color);
}

/* Tabs */
.nav-pills[b-8r8lpzj5m7] {
    border-radius: 50px;
    background-color: #eaecf0;
    padding: 0.3rem;
    margin-bottom: 2rem;
    display: inline-flex;
}

    .nav-pills .nav-link[b-8r8lpzj5m7] {
        border-radius: 50px;
        padding: 0.75rem 1.5rem;
        font-weight: 500;
        color: #495057;
        margin: 0 0.2rem;
        transition: all 0.3s ease;
    }

        .nav-pills .nav-link:hover[b-8r8lpzj5m7] {
            color: var(--primary-color);
        }

        .nav-pills .nav-link.active[b-8r8lpzj5m7] {
            background-color: var(--primary-color);
            color: white;
            box-shadow: 0 4px 8px rgba(67, 97, 238, 0.3);
        }

/* Tables */
.table-detailed[b-8r8lpzj5m7] {
    border-collapse: separate;
    border-spacing: 0 0.5rem;
}

    .table-detailed thead th[b-8r8lpzj5m7] {
        border: none;
        font-weight: 600;
        padding: 1rem;
        background-color: #f8f9fa;
        color: #495057;
    }

    .table-detailed tbody td[b-8r8lpzj5m7] {
        padding: 1rem;
        border: none;
        background-color: white;
        vertical-align: middle;
    }

    .table-detailed tbody tr[b-8r8lpzj5m7] {
        box-shadow: var(--shadow-sm);
        border-radius: 8px;
        transition: all 0.3s ease;
    }

        .table-detailed tbody tr:hover[b-8r8lpzj5m7] {
            transform: translateY(-2px);
            box-shadow: var(--shadow);
        }

    .table-detailed tfoot tr[b-8r8lpzj5m7] {
        font-weight: 600;
    }

/* Custom Card Navigation */
.nav-tabs[b-8r8lpzj5m7] {
    border: none;
    gap: 1rem;
}

    .nav-tabs .nav-item .nav-link[b-8r8lpzj5m7] {
        border: none;
        background-color: transparent;
        transition: all 0.3s ease;
    }

        .nav-tabs .nav-item .nav-link:hover[b-8r8lpzj5m7] {
            transform: translateY(-5px);
        }

        .nav-tabs .nav-item .nav-link.active[b-8r8lpzj5m7] {
            border: none;
            transform: translateY(-8px);
        }

/* Card title for summary cards */
.summary-card h3[b-8r8lpzj5m7] {
    font-size: 1rem;
    font-weight: 600;
    color: #6c757d;
}

.summary-card h1[b-8r8lpzj5m7] {
    font-size: 1.8rem;
    font-weight: 700;
    margin: 1rem 0;
}

/* Accordion */
.accordion-button:not(.collapsed)[b-8r8lpzj5m7] {
    background-color: white;
    color: var(--primary-color);
    box-shadow: none;
}

.accordion-button:focus[b-8r8lpzj5m7] {
    box-shadow: none;
}

.accordion-button[b-8r8lpzj5m7]::after {
    background-color: var(--primary-light);
    border-radius: 50%;
    background-position: center;
    width: 1.5rem;
    height: 1.5rem;
    background-size: 0.8rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Equal height row */
.equal-height-row[b-8r8lpzj5m7] {
    display: flex;
    flex-wrap: wrap;
}

    .equal-height-row > [class*='col-'][b-8r8lpzj5m7] {
        display: flex;
        flex-direction: column;
    }

    .equal-height-row .card[b-8r8lpzj5m7] {
        flex: 1;
    }

/* Chart placeholders */
.chart-placeholder[b-8r8lpzj5m7] {
    min-height: 200px;
    width: 100%;
    background-color: #f8f9fa;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Custom Section Styles */
.section-header[b-8r8lpzj5m7] {
    padding: 1.5rem;
    margin-bottom: 2rem;
    text-align: center;
    border-radius: 12px;
    background: var(--gradient-primary);
    color: white;
    box-shadow: var(--shadow);
}

/* Animation for progress bars */
.progress-bar-animated[b-8r8lpzj5m7] {
    animation: progress-bar-stripes 1s linear infinite;
}

/* Responsive adjustments */
@media (max-width: 992px) {
    .dashboard-header[b-8r8lpzj5m7] {
        flex-direction: column;
        text-align: center;
    }

    .nav-pills[b-8r8lpzj5m7] {
        display: flex;
        justify-content: center;
        width: 100%;
        overflow-x: auto;
        flex-wrap: nowrap;
    }
}
/* _content/Client/Pages/Menu.razor.rz.scp.css */
/* ══════════════════════════════════════════════════════
   MENU.RAZOR — Scoped stiller
   Recursive menü yapısı için ::deep kullanılır.
══════════════════════════════════════════════════════ */

/* ── Ortak link reset ── */
[b-i0qo95li0y] a.nav-item,
[b-i0qo95li0y] a.tree-leaf {
    text-decoration: none !important;
    box-sizing: border-box !important;
    min-height: auto !important;
}

/* ── Seviye 0: nav-item (alt menüsüz direkt link) ── */
[b-i0qo95li0y] .nav-item {
    display: flex !important;
    align-items: center !important;
    gap: 11px !important;
    padding: 8px 10px !important;
    border-radius: 10px !important;
    font-size: 13px !important;
    transition: all 0.18s !important;
    margin-bottom: 2px !important;
    position: relative !important;
    background-color: transparent !important;
    color: var(--text-mid) !important;
    line-height: 1.5 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
}

    [b-i0qo95li0y] .nav-item > i:first-child {
        font-size: 14px !important;
        flex-shrink: 0 !important;
        width: 20px !important;
        text-align: center !important;
        transition: color 0.18s !important;
        color: var(--text-mid) !important;
    }

    [b-i0qo95li0y] .nav-item > span {
        flex: 1 !important;
        font-weight: 500 !important;
        color: inherit !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    [b-i0qo95li0y] .nav-item:hover {
        background: var(--sidebar-hover) !important;
        color: var(--text-bright) !important;
    }

        [b-i0qo95li0y] .nav-item:hover > i:first-child {
            color: var(--accent) !important;
        }

/* ══════════════════════════════════════════════════════
   TREE ROOT (Seviye 1)
══════════════════════════════════════════════════════ */
[b-i0qo95li0y] .tree-root {
    margin-bottom: 3px !important;
}

[b-i0qo95li0y] .tree-root-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 8px 10px !important;
    border-radius: 10px !important;
    cursor: pointer !important;
    color: var(--text-mid) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    transition: all 0.18s !important;
    position: relative !important;
    min-height: auto !important;
    line-height: 1.5 !important;
    background-color: transparent !important;
    border: none !important;
    box-sizing: border-box !important;
}

    [b-i0qo95li0y] .tree-root-header:hover {
        background: var(--sidebar-hover) !important;
        color: var(--text-bright) !important;
    }

        [b-i0qo95li0y] .tree-root-header:hover .tree-root-left i:first-child {
            color: var(--accent) !important;
        }

/* Sidebar'da 'collapsed' class'ı YOKSA (.open) stillerini uygula */
/* Sidebar collapsed DEĞİLSE (.collapsed yoksa) */
:global(.sidebar:not(.collapsed))[b-i0qo95li0y]  .tree-root-header.open {
    color: var(--text-bright);
    background: rgba(255, 255, 255, 0.04);
}

/* İkon rengi */
:global(.sidebar:not(.collapsed))[b-i0qo95li0y]  .tree-root-header.open .tree-root-left > i:first-child {
    color: var(--accent);
}

[b-i0qo95li0y] .tree-root-left {
    display: flex !important;
    align-items: center !important;
    gap: 11px !important;
    overflow: hidden !important;
}

    [b-i0qo95li0y] .tree-root-left i:first-child {
        font-size: 14px !important;
        width: 20px !important;
        text-align: center !important;
        transition: color 0.18s !important;
        flex-shrink: 0 !important;
        color: inherit !important;
    }

    [b-i0qo95li0y] .tree-root-left span {
        color: inherit !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

[b-i0qo95li0y] .tree-root-right {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
    flex-shrink: 0 !important;
}

[b-i0qo95li0y] .tree-arrow {
    font-size: 10px !important;
    transition: transform 0.25s !important;
    color: var(--text-dim) !important;
    opacity: 0.7 !important;
}

[b-i0qo95li0y] .tree-root-header.open .tree-arrow {
    transform: rotate(180deg) !important;
    opacity: 1 !important;
    color: var(--accent) !important;
}

[b-i0qo95li0y] .tree-root-body {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.35s cubic-bezier(.4,0,.2,1);
}

    [b-i0qo95li0y] .tree-root-body.open {
        max-height: 900px;
    }

/* ══════════════════════════════════════════════════════
   TREE BRANCH (Seviye 2)
══════════════════════════════════════════════════════ */
[b-i0qo95li0y] .tree-branch {
    margin: 1px 0 1px 6px !important;
}

[b-i0qo95li0y] .tree-branch-header {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 6px 8px 6px 10px !important;
    border-radius: 8px !important;
    cursor: pointer !important;
    color: #7a84a0 !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    transition: all 0.15s !important;
    border-left: 2px solid transparent !important;
    min-height: auto !important;
    line-height: 1.5 !important;
    background-color: transparent !important;
    box-sizing: border-box !important;
}

    /* Span flex:1 ile info butonu sağa itilir */
    [b-i0qo95li0y] .tree-branch-header > span:not(.menu-badge-dot) {
        flex: 1 !important;
        color: inherit !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    [b-i0qo95li0y] .tree-branch-header:hover {
        background: var(--sidebar-hover) !important;
        color: var(--text-bright) !important;
        border-left-color: rgba(91,156,246,0.35) !important;
    }

    [b-i0qo95li0y] .tree-branch-header.open {
        color: #a0b4f0 !important;
        border-left-color: var(--accent) !important;
        background: rgba(91,156,246,0.06) !important;
    }

[b-i0qo95li0y] .branch-arrow {
    font-size: 9px !important;
    transition: transform 0.2s !important;
    color: inherit !important;
    flex-shrink: 0 !important;
}

[b-i0qo95li0y] .tree-branch-header.open .branch-arrow {
    transform: rotate(90deg) !important;
    color: var(--accent) !important;
}

[b-i0qo95li0y] .tree-branch-body {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.25s ease;
}

    [b-i0qo95li0y] .tree-branch-body.open {
        max-height: 500px;
    }

/* ══════════════════════════════════════════════════════
   TREE LEAF (Seviye 3)
══════════════════════════════════════════════════════ */
[b-i0qo95li0y] .tree-leaf {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important; /* daraltıldı: 9→6 */
    padding: 6px 6px 6px 20px !important;
    border-radius: 7px !important;
    text-decoration: none !important;
    color: #6b7494 !important;
    font-size: 12px !important;
    transition: all 0.15s !important;
    margin: 1px 0 1px 12px !important;
    border-left: 1px solid rgba(255,255,255,0.05) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    min-height: auto !important;
    line-height: 1.5 !important;
    background-color: transparent !important;
    box-sizing: border-box !important;
}

    [b-i0qo95li0y] .tree-leaf > i:first-child {
        font-size: 11px !important;
        flex-shrink: 0 !important;
        transition: color 0.15s !important;
        color: #3e4a6a !important;
    }

    /* Span flex:1 → yıldız ve info butonu zorla sağa */
    [b-i0qo95li0y] .tree-leaf > span {
        flex: 1 !important;
        color: inherit !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    [b-i0qo95li0y] .tree-leaf:hover {
        background: var(--sidebar-hover) !important;
        color: #c8d0f0 !important;
        border-left-color: rgba(91,156,246,0.4) !important;
    }

        [b-i0qo95li0y] .tree-leaf:hover > i:first-child {
            color: var(--accent) !important;
        }

/* DB'den gelen menü rozetleri tek CSS setiyle yönetilir. */
[b-i0qo95li0y] .menu-label {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    min-width: 0 !important;
}

[b-i0qo95li0y] .menu-label-text {
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

[b-i0qo95li0y] .menu-badge {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto !important;
    height: 16px !important;
    padding: 0 6px !important;
    border-radius: 4px !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
}

[b-i0qo95li0y] .menu-badge-new {
    background: rgba(34, 197, 94, 0.16) !important;
    border: 1px solid rgba(34, 197, 94, 0.35) !important;
    color: #4ade80 !important;
}

[b-i0qo95li0y] .menu-badge-beta {
    background: rgba(91, 156, 246, 0.16) !important;
    border: 1px solid rgba(91, 156, 246, 0.36) !important;
    color: #7db4ff !important;
}

[b-i0qo95li0y] .menu-badge-updated {
    background: rgba(245, 158, 11, 0.16) !important;
    border: 1px solid rgba(245, 158, 11, 0.38) !important;
    color: #fbbf24 !important;
}

[b-i0qo95li0y] .menu-badge-warning {
    background: rgba(239, 68, 68, 0.16) !important;
    border: 1px solid rgba(239, 68, 68, 0.38) !important;
    color: #f87171 !important;
}

[b-i0qo95li0y] .menu-badge-dot {
    width: 7px !important;
    height: 7px !important;
    border-radius: 50% !important;
    background: #4ade80 !important;
    box-shadow: 0 0 0 3px rgba(34, 197, 94, 0.14) !important;
    flex: 0 0 auto !important;
}

:global(.sidebar.collapsed)[b-i0qo95li0y]  .tree-root-right {
    position: absolute !important;
    right: 12px !important;
    top: 10px !important;
}

:global(.sidebar.collapsed)[b-i0qo95li0y]  .menu-badge-dot {
    width: 6px !important;
    height: 6px !important;
}

/* ══════════════════════════════════════════════════════
   INFO BUTONU
══════════════════════════════════════════════════════ */
[b-i0qo95li0y] .info-btn {
    background: none !important;
    border: none !important;
    color: var(--text-dim) !important;
    font-size: 15px !important; /* büyütüldü: 13→15 */
    cursor: pointer !important;
    padding: 2px 3px !important; /* daraltıldı */
    border-radius: 4px !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transition: opacity 0.15s, color 0.15s !important;
    line-height: 1 !important;
    flex-shrink: 0 !important;
}

[b-i0qo95li0y] .nav-item:hover .info-btn,
[b-i0qo95li0y] .tree-root-header:hover .info-btn,
[b-i0qo95li0y] .tree-branch-header:hover .info-btn,
[b-i0qo95li0y] .tree-leaf:hover .info-btn {
    opacity: 1 !important;
    pointer-events: all !important;
}

[b-i0qo95li0y] .info-btn:hover {
    color: var(--accent) !important;
}

/* ══════════════════════════════════════════════════════
   YILDIZ (FAVORİ) BUTONU
══════════════════════════════════════════════════════ */
[b-i0qo95li0y] .leaf-star {
    background: none !important;
    border: none !important;
    color: var(--text-dim) !important;
    font-size: 14px !important; /* büyütüldü: 11→14 */
    cursor: pointer !important;
    padding: 2px 3px !important;
    border-radius: 3px !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transition: opacity 0.15s, color 0.15s !important;
    flex-shrink: 0 !important;
    line-height: 1 !important;
}

[b-i0qo95li0y] .tree-leaf:hover .leaf-star {
    opacity: 1 !important;
    pointer-events: all !important;
}

/* Favorilenmişse her zaman görünür */
[b-i0qo95li0y] .leaf-star.active {
    opacity: 1 !important;
    pointer-events: all !important;
    color: #f0c040 !important;
}

[b-i0qo95li0y] .leaf-star:hover,
[b-i0qo95li0y] .leaf-star:hover i {
    color: #f0c040 !important;
}

@media (max-width: 768px) {
    [b-i0qo95li0y] .info-btn > i,
    [b-i0qo95li0y] .leaf-star > i {
        font-size: 15px !important;
    }
}

/* Dokunmatik cihazlarda hover kalici oldugu icin, hover ile aktiflesen bu butonlar
   satirin sag tarafinda gorunmez birer dokunma tuzagi haline geliyor ve menu ogesine
   dokunmayi yutuyorlardi. Info butonu zaten sadece hover tooltip'i icin var. */
@media (hover: none) {
    [b-i0qo95li0y] .info-btn {
        display: none !important;
    }

    [b-i0qo95li0y] .tree-leaf .leaf-star {
        opacity: .5 !important;
        pointer-events: all !important;
    }
}


/* ══════════════════════════════════════════════════════
   AKTİF (ACTIVE) MENÜ GÖRÜNÜMÜ (Menu.razor.css)
══════════════════════════════════════════════════════ */

/* 1. Arka plan vurgusu ve metin rengi */
.tree-root.active > .tree-root-header[b-i0qo95li0y],
.nav-item.active[b-i0qo95li0y] {
    background: rgba(91, 156, 246, 0.12) !important;
    color: var(--text-bright) !important;
}

    /* 2. Aktif öğenin ikon rengini mavi (accent) yap */
    .tree-root.active > .tree-root-header .tree-root-left i:first-child[b-i0qo95li0y],
    .nav-item.active > i:first-child[b-i0qo95li0y] {
        color: var(--accent) !important;
    }

    /* 3. Sol kenardaki renkli (mavi-mor degrade) çubuk */
    .tree-root.active > .tree-root-header[b-i0qo95li0y]::before,
    .nav-item.active[b-i0qo95li0y]::before {
        content: "";
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 4px;
        height: 55%;
        background: linear-gradient(180deg, #5b9cf6 0%, #a855f7 100%);
        border-radius: 0 4px 4px 0;
    }

.tree-leaf.active[b-i0qo95li0y] {
    color: var(--accent) !important;
    background: var(--sidebar-active-bg) !important;
    border-left-color: var(--accent) !important;
    font-weight: 500 !important;
}
/* _content/Client/Pages/SatinAlma/Fatura/AlisFaturasiMobil/AlisFaturasiMobil.razor.rz.scp.css */
:root[b-he7zzx3d5l] {
    --chim-primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    --chim-primary: #667eea;
    --chim-primary-dark: #764ba2;
    --chim-success-gradient: linear-gradient(135deg, #48bb78 0%, #38a169 100%);
    --chim-success: #48bb78;
    --chim-warning-gradient: linear-gradient(135deg, #f6ad55 0%, #ed8936 100%);
    --chim-warning: #f6ad55;
    --chim-danger-gradient: linear-gradient(135deg, #fc8181 0%, #f56565 100%);
    --chim-danger: #fc8181;
    --chim-card-bg: #ffffff;
    --chim-card-header-bg: linear-gradient(135deg, #f7fafc 0%, #edf2f7 100%);
    --chim-text-primary: #1a202c;
    --chim-text-secondary: #4a5568;
    --chim-text-muted: #718096;
    --chim-border: #e2e8f0;
    --chim-bg: #f7fafc;
    --chim-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.08);
    --chim-shadow-md: 0 4px 16px rgba(102, 126, 234, 0.2);
}

[data-bs-theme="dark"][b-he7zzx3d5l] {
    --chim-primary: #8b9aee;
    --chim-primary-dark: #9a7bc2;
    --chim-success: #68d391;
    --chim-warning: #fbbf24;
    --chim-danger: #fca5a5;
    --chim-card-bg: #1e293b;
    --chim-card-header-bg: linear-gradient(135deg, #334155 0%, #1e293b 100%);
    --chim-text-primary: #f1f5f9;
    --chim-text-secondary: #cbd5e1;
    --chim-text-muted: #94a3b8;
    --chim-border: #334155;
    --chim-bg: #0f172a;
    --chim-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3);
    --chim-shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4);
}

/* ── CONTAINER ─────────────────────────────────────── */
.chim-container[b-he7zzx3d5l] {
    width: 100%;
    min-height: 100vh;
    background: var(--chim-bg);
    padding-bottom: 20px;
}

/* ── STICKY HEADER ──────────────────────────────────── */
.chim-header-sticky[b-he7zzx3d5l] {
    position: sticky;
    top: 0;
    z-index: 10;
    background: var(--chim-bg);
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
    margin-top: 1rem;
    padding: 0 12px 12px;
}

.chim-controls-card[b-he7zzx3d5l] {
    background: var(--chim-card-bg);
    border-radius: 16px;
    padding: 10px 12px;
    box-shadow: var(--chim-shadow-sm);
    display: flex;
    align-items: center;
    gap: 10px;
}

/* ── SEARCH ─────────────────────────────────────────── */
.chim-search-inline[b-he7zzx3d5l] {
    flex: 1;
    position: relative;
    display: flex;
    align-items: center;
}

.chim-search-icon[b-he7zzx3d5l] {
    position: absolute;
    left: 12px;
    font-size: 18px;
    color: #ffffff;
    z-index: 1;
    pointer-events: none;
}

.chim-search-input[b-he7zzx3d5l] {
    width: 100%;
    border: none;
    border-radius: 12px;
    padding: 10px 36px 10px 38px;
    font-size: 14px;
    font-weight: 500;
    color: #ffffff;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    transition: all 0.2s ease;
    outline: none;
    box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3);
}

    .chim-search-input:focus[b-he7zzx3d5l] {
        box-shadow: 0 4px 16px rgba(102, 126, 234, 0.4);
        transform: translateY(-1px);
    }

    .chim-search-input[b-he7zzx3d5l]::placeholder {
        color: rgba(255, 255, 255, 0.7);
    }

.chim-search-clear[b-he7zzx3d5l] {
    position: absolute;
    right: 8px;
    background: linear-gradient(135deg, #ff6b35 0%, #f7931e 100%);
    border: none;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: white;
    font-size: 14px;
    transition: all 0.2s ease;
    box-shadow: 0 2px 6px rgba(255, 107, 53, 0.4);
}

    .chim-search-clear:active[b-he7zzx3d5l] {
        transform: scale(0.95);
    }

/* ── FILTER BUTTON ──────────────────────────────────── */
.chim-filter-btn[b-he7zzx3d5l] {
    flex-shrink: 0;
    width: 42px;
    height: 42px;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border: none;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: white;
    font-size: 20px;
    transition: all 0.2s ease;
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
    position: relative;
}

    .chim-filter-btn:active[b-he7zzx3d5l] {
        transform: scale(0.95);
    }

    .chim-filter-btn.active[b-he7zzx3d5l] {
        background: linear-gradient(135deg, #764ba2 0%, #667eea 100%);
        box-shadow: 0 4px 16px rgba(118, 75, 162, 0.5);
    }

.chim-filter-badge[b-he7zzx3d5l] {
    position: absolute;
    top: -6px;
    right: -6px;
    background: linear-gradient(135deg, #f56565 0%, #e53e3e 100%);
    color: white;
    font-size: 10px;
    font-weight: 800;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 6px rgba(229, 62, 62, 0.4);
    border: 2px solid var(--chim-card-bg);
}

/* ── LOADING ────────────────────────────────────────── */
.chim-loading-overlay[b-he7zzx3d5l] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 20px;
    gap: 20px;
}

.chim-spinner[b-he7zzx3d5l] {
    position: relative;
    width: 60px;
    height: 60px;
}

.chim-spinner-ring[b-he7zzx3d5l] {
    position: absolute;
    width: 100%;
    height: 100%;
    border: 3px solid transparent;
    border-top-color: var(--chim-primary);
    border-radius: 50%;
    animation: chimSpin-b-he7zzx3d5l 1s linear infinite;
}

    .chim-spinner-ring:nth-child(2)[b-he7zzx3d5l] {
        border-top-color: var(--chim-primary-dark);
        animation-delay: 0.15s;
    }

    .chim-spinner-ring:nth-child(3)[b-he7zzx3d5l] {
        border-top-color: var(--chim-success);
        animation-delay: 0.3s;
    }

@keyframes chimSpin-b-he7zzx3d5l {
    to {
        transform: rotate(360deg);
    }
}

.chim-loading-text[b-he7zzx3d5l] {
    font-size: 16px;
    font-weight: 600;
    color: var(--chim-text-secondary);
}

/* ── CARD LIST ──────────────────────────────────────── */
.chim-list-container[b-he7zzx3d5l] {
    padding: 12px;
    padding-bottom: 120px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.chim-card[b-he7zzx3d5l] {
    background: var(--chim-card-bg);
    border-radius: 16px;
    overflow: hidden;
    box-shadow: var(--chim-shadow-sm);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer;
    border: 2px solid transparent;
}

    .chim-card:active[b-he7zzx3d5l] {
        transform: scale(0.98);
    }

    .chim-card.expanded[b-he7zzx3d5l] {
        border-color: var(--chim-primary-dark);
        box-shadow: var(--chim-shadow-md);
    }

/* ── CARD HEADER ────────────────────────────────────── */
.chim-card-header[b-he7zzx3d5l] {
    padding: 16px;
    background: var(--chim-card-header-bg);
    border-bottom: 1px solid var(--chim-border);
}

.chim-card-title-row[b-he7zzx3d5l] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 12px;
    gap: 8px;
}

.chim-card-title-block[b-he7zzx3d5l] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.chim-card-title[b-he7zzx3d5l] {
    font-size: 15px;
    font-weight: 700;
    color: var(--chim-text-primary);
    margin: 0;
    line-height: 1.3;
}

.chim-card-subtitle[b-he7zzx3d5l] {
    font-size: 12px;
    color: var(--chim-text-muted);
    font-weight: 500;
}

.chim-card-badge-col[b-he7zzx3d5l] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 6px;
    flex-shrink: 0;
}

.chim-tip-badge[b-he7zzx3d5l] {
    background: linear-gradient(135deg, rgba(102, 126, 234, 0.15) 0%, rgba(118, 75, 162, 0.15) 100%);
    color: var(--chim-primary-dark);
    font-size: 11px;
    font-weight: 700;
    padding: 3px 10px;
    border-radius: 20px;
    border: 1px solid rgba(102, 126, 234, 0.3);
    white-space: nowrap;
}

[data-bs-theme="dark"] .chim-tip-badge[b-he7zzx3d5l] {
    color: var(--chim-primary);
    background: rgba(139, 154, 238, 0.15);
    border-color: rgba(139, 154, 238, 0.3);
}

.chim-expand-icon[b-he7zzx3d5l] {
    font-size: 18px;
    color: var(--chim-primary);
    transition: transform 0.3s ease;
}

.chim-card.expanded .chim-expand-icon[b-he7zzx3d5l] {
    transform: rotate(180deg);
    color: var(--chim-primary-dark);
}

/* ── QUICK STATS ────────────────────────────────────── */
.chim-quick-stats[b-he7zzx3d5l] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

.chim-stat[b-he7zzx3d5l] {
    padding: 10px 12px;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.chim-stat-primary[b-he7zzx3d5l] {
    background: linear-gradient(135deg, rgba(102, 126, 234, 0.1) 0%, rgba(118, 75, 162, 0.1) 100%);
}

.chim-stat-secondary[b-he7zzx3d5l] {
    background: linear-gradient(135deg, rgba(72, 187, 120, 0.1) 0%, rgba(56, 161, 105, 0.1) 100%);
}

.chim-stat-label[b-he7zzx3d5l] {
    font-size: 10px;
    color: var(--chim-text-muted);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.chim-stat-value[b-he7zzx3d5l] {
    font-size: 14px;
    font-weight: 800;
    color: var(--chim-text-primary);
}

.chim-stat-truncate[b-he7zzx3d5l] {
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* ── CARD CONTENT (expanded) ────────────────────────── */
.chim-card-content[b-he7zzx3d5l] {
    padding: 0;
    background: var(--chim-card-bg);
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-height 0.35s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.25s ease, padding 0.3s ease;
}

.chim-card.expanded .chim-card-content[b-he7zzx3d5l] {
    max-height: 2500px;
    opacity: 1;
    padding: 16px;
}

.chim-detail-grid[b-he7zzx3d5l] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.chim-detail-item[b-he7zzx3d5l] {
    background: var(--chim-bg);
    padding: 12px 14px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    gap: 12px;
    transition: all 0.2s ease;
}

    .chim-detail-item:active[b-he7zzx3d5l] {
        transform: translateX(4px);
        background: var(--chim-border);
    }

    .chim-detail-item > i[b-he7zzx3d5l] {
        font-size: 22px;
        color: var(--chim-primary);
        flex-shrink: 0;
    }

.chim-detail-info[b-he7zzx3d5l] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.chim-detail-label[b-he7zzx3d5l] {
    font-size: 11px;
    color: var(--chim-text-muted);
    font-weight: 600;
}

.chim-detail-value[b-he7zzx3d5l] {
    font-size: 14px;
    font-weight: 700;
    color: var(--chim-text-primary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* ── ACTIONS ────────────────────────────────────────── */
.chim-actions[b-he7zzx3d5l] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 8px;
    margin-top: 14px;
    padding-top: 14px;
    border-top: 1px solid var(--chim-border);
}

.chim-action-btn[b-he7zzx3d5l] {
    border: none;
    padding: 10px 8px;
    border-radius: 12px;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    color: white;
}

    .chim-action-btn:active[b-he7zzx3d5l] {
        transform: scale(0.95);
    }

.chim-btn-success[b-he7zzx3d5l] {
    background: linear-gradient(135deg, #48bb78 0%, #38a169 100%);
    box-shadow: 0 4px 12px rgba(72, 187, 120, 0.3);
}

.chim-btn-primary[b-he7zzx3d5l] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
}

.chim-btn-danger[b-he7zzx3d5l] {
    background: linear-gradient(135deg, #fc8181 0%, #f56565 100%);
    box-shadow: 0 4px 12px rgba(245, 101, 101, 0.3);
}

/* ── PAGINATION ─────────────────────────────────────── */
.chim-pagination-footer[b-he7zzx3d5l] {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: var(--chim-card-bg);
    border-top: 1px solid var(--chim-border);
    box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.08);
    z-index: 90;
    padding: 12px;
}

.chim-pagination-controls[b-he7zzx3d5l] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-bottom: 12px;
}

.chim-page-btn[b-he7zzx3d5l] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border: none;
    width: 36px;
    height: 36px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: white;
    font-size: 16px;
    transition: all 0.2s ease;
    box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3);
}

    .chim-page-btn:active:not(:disabled)[b-he7zzx3d5l] {
        transform: scale(0.95);
    }

    .chim-page-btn:disabled[b-he7zzx3d5l] {
        background: var(--chim-border);
        color: var(--chim-text-muted);
        cursor: not-allowed;
        opacity: 0.5;
        box-shadow: none;
    }

.chim-page-info[b-he7zzx3d5l] {
    display: flex;
    align-items: center;
    gap: 6px;
    background: var(--chim-card-header-bg);
    padding: 8px 16px;
    border-radius: 10px;
    font-weight: 700;
    box-shadow: var(--chim-shadow-sm);
}

.chim-page-current[b-he7zzx3d5l] {
    font-size: 16px;
    color: var(--chim-primary);
}

.chim-page-sep[b-he7zzx3d5l] {
    font-size: 14px;
    color: var(--chim-text-muted);
}

.chim-page-total[b-he7zzx3d5l] {
    font-size: 14px;
    color: var(--chim-text-secondary);
}

.chim-pagination-details[b-he7zzx3d5l] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.chim-page-size[b-he7zzx3d5l] {
    background: var(--chim-card-header-bg);
    border: 2px solid var(--chim-border);
    padding: 8px 12px;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 600;
    color: var(--chim-text-primary);
    cursor: pointer;
    transition: all 0.2s ease;
}

    .chim-page-size:focus[b-he7zzx3d5l] {
        outline: none;
        border-color: var(--chim-primary);
        box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
    }

.chim-page-text[b-he7zzx3d5l] {
    font-size: 12px;
    color: var(--chim-text-secondary);
    font-weight: 600;
    text-align: right;
    flex: 1;
}

/* ── EMPTY STATE ────────────────────────────────────── */
.chim-empty-state[b-he7zzx3d5l] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 20px;
    gap: 16px;
    text-align: center;
}

    .chim-empty-state i[b-he7zzx3d5l] {
        font-size: 80px;
        color: var(--chim-text-muted);
        opacity: 0.5;
    }

    .chim-empty-state h3[b-he7zzx3d5l] {
        font-size: 20px;
        font-weight: 700;
        color: var(--chim-text-primary);
        margin: 0;
    }

    .chim-empty-state p[b-he7zzx3d5l] {
        font-size: 14px;
        color: var(--chim-text-secondary);
        margin: 0;
    }

/* ── RESPONSIVE ─────────────────────────────────────── */
@media (max-width: 480px) {
    .chim-actions[b-he7zzx3d5l] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 360px) {
    .chim-quick-stats[b-he7zzx3d5l] {
        grid-template-columns: 1fr;
    }
}
/* _content/Client/Pages/SatinAlma/Siparis/VerilenSiparisMobil/VerilenSiparisMobil.razor.rz.scp.css */
:root[b-gmxk30l8bc] {
    --chim-primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    --chim-primary: #667eea;
    --chim-primary-dark: #764ba2;
    --chim-success-gradient: linear-gradient(135deg, #48bb78 0%, #38a169 100%);
    --chim-success: #48bb78;
    --chim-warning-gradient: linear-gradient(135deg, #f6ad55 0%, #ed8936 100%);
    --chim-warning: #f6ad55;
    --chim-danger-gradient: linear-gradient(135deg, #fc8181 0%, #f56565 100%);
    --chim-danger: #fc8181;
    --chim-card-bg: #ffffff;
    --chim-card-header-bg: linear-gradient(135deg, #f7fafc 0%, #edf2f7 100%);
    --chim-text-primary: #1a202c;
    --chim-text-secondary: #4a5568;
    --chim-text-muted: #718096;
    --chim-border: #e2e8f0;
    --chim-bg: #f7fafc;
    --chim-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.08);
    --chim-shadow-md: 0 4px 16px rgba(102, 126, 234, 0.2);
}

[data-bs-theme="dark"][b-gmxk30l8bc] {
    --chim-primary: #8b9aee;
    --chim-primary-dark: #9a7bc2;
    --chim-success: #68d391;
    --chim-warning: #fbbf24;
    --chim-danger: #fca5a5;
    --chim-card-bg: #1e293b;
    --chim-card-header-bg: linear-gradient(135deg, #334155 0%, #1e293b 100%);
    --chim-text-primary: #f1f5f9;
    --chim-text-secondary: #cbd5e1;
    --chim-text-muted: #94a3b8;
    --chim-border: #334155;
    --chim-bg: #0f172a;
    --chim-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3);
    --chim-shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4);
}

/* ── CONTAINER ─────────────────────────────────────── */
.chim-container[b-gmxk30l8bc] {
    width: 100%;
    min-height: 100vh;
    background: var(--chim-bg);
    padding-bottom: 20px;
}

/* ── STICKY HEADER ──────────────────────────────────── */
.chim-header-sticky[b-gmxk30l8bc] {
    position: sticky;
    top: 0;
    z-index: 10;
    background: var(--chim-bg);
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
    margin-top: 1rem;
    padding: 0 12px 12px;
}

.chim-controls-card[b-gmxk30l8bc] {
    background: var(--chim-card-bg);
    border-radius: 16px;
    padding: 10px 12px;
    box-shadow: var(--chim-shadow-sm);
    display: flex;
    align-items: center;
    gap: 10px;
}

/* ── SEARCH ─────────────────────────────────────────── */
.chim-search-inline[b-gmxk30l8bc] {
    flex: 1;
    position: relative;
    display: flex;
    align-items: center;
}

.chim-search-icon[b-gmxk30l8bc] {
    position: absolute;
    left: 12px;
    font-size: 18px;
    color: #ffffff;
    z-index: 1;
    pointer-events: none;
}

.chim-search-input[b-gmxk30l8bc] {
    width: 100%;
    border: none;
    border-radius: 12px;
    padding: 10px 36px 10px 38px;
    font-size: 14px;
    font-weight: 500;
    color: #ffffff;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    transition: all 0.2s ease;
    outline: none;
    box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3);
}

    .chim-search-input:focus[b-gmxk30l8bc] {
        box-shadow: 0 4px 16px rgba(102, 126, 234, 0.4);
        transform: translateY(-1px);
    }

    .chim-search-input[b-gmxk30l8bc]::placeholder {
        color: rgba(255, 255, 255, 0.7);
    }

.chim-search-clear[b-gmxk30l8bc] {
    position: absolute;
    right: 8px;
    background: linear-gradient(135deg, #ff6b35 0%, #f7931e 100%);
    border: none;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: white;
    font-size: 14px;
    transition: all 0.2s ease;
    box-shadow: 0 2px 6px rgba(255, 107, 53, 0.4);
}

    .chim-search-clear:active[b-gmxk30l8bc] {
        transform: scale(0.95);
    }

/* ── FILTER BUTTON ──────────────────────────────────── */
.chim-filter-btn[b-gmxk30l8bc] {
    flex-shrink: 0;
    width: 42px;
    height: 42px;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border: none;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: white;
    font-size: 20px;
    transition: all 0.2s ease;
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
    position: relative;
}

    .chim-filter-btn:active[b-gmxk30l8bc] {
        transform: scale(0.95);
    }

    .chim-filter-btn.active[b-gmxk30l8bc] {
        background: linear-gradient(135deg, #764ba2 0%, #667eea 100%);
        box-shadow: 0 4px 16px rgba(118, 75, 162, 0.5);
    }

.chim-filter-badge[b-gmxk30l8bc] {
    position: absolute;
    top: -6px;
    right: -6px;
    background: linear-gradient(135deg, #f56565 0%, #e53e3e 100%);
    color: white;
    font-size: 10px;
    font-weight: 800;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 6px rgba(229, 62, 62, 0.4);
    border: 2px solid var(--chim-card-bg);
}

/* ── LOADING ────────────────────────────────────────── */
.chim-loading-overlay[b-gmxk30l8bc] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 20px;
    gap: 20px;
}

.chim-spinner[b-gmxk30l8bc] {
    position: relative;
    width: 60px;
    height: 60px;
}

.chim-spinner-ring[b-gmxk30l8bc] {
    position: absolute;
    width: 100%;
    height: 100%;
    border: 3px solid transparent;
    border-top-color: var(--chim-primary);
    border-radius: 50%;
    animation: chimSpin-b-gmxk30l8bc 1s linear infinite;
}

    .chim-spinner-ring:nth-child(2)[b-gmxk30l8bc] {
        border-top-color: var(--chim-primary-dark);
        animation-delay: 0.15s;
    }

    .chim-spinner-ring:nth-child(3)[b-gmxk30l8bc] {
        border-top-color: var(--chim-success);
        animation-delay: 0.3s;
    }

@keyframes chimSpin-b-gmxk30l8bc {
    to {
        transform: rotate(360deg);
    }
}

.chim-loading-text[b-gmxk30l8bc] {
    font-size: 16px;
    font-weight: 600;
    color: var(--chim-text-secondary);
}

/* ── CARD LIST ──────────────────────────────────────── */
.chim-list-container[b-gmxk30l8bc] {
    padding: 12px;
    padding-bottom: 120px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.chim-card[b-gmxk30l8bc] {
    background: var(--chim-card-bg);
    border-radius: 16px;
    overflow: hidden;
    box-shadow: var(--chim-shadow-sm);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer;
    border: 2px solid transparent;
}

    .chim-card:active[b-gmxk30l8bc] {
        transform: scale(0.98);
    }

    .chim-card.expanded[b-gmxk30l8bc] {
        border-color: var(--chim-primary-dark);
        box-shadow: var(--chim-shadow-md);
    }

/* ── CARD HEADER ────────────────────────────────────── */
.chim-card-header[b-gmxk30l8bc] {
    padding: 16px;
    background: var(--chim-card-header-bg);
    border-bottom: 1px solid var(--chim-border);
}

.chim-card-title-row[b-gmxk30l8bc] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 12px;
    gap: 8px;
}

.chim-card-title-block[b-gmxk30l8bc] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.chim-card-title[b-gmxk30l8bc] {
    font-size: 15px;
    font-weight: 700;
    color: var(--chim-text-primary);
    margin: 0;
    line-height: 1.3;
}

.chim-card-subtitle[b-gmxk30l8bc] {
    font-size: 12px;
    color: var(--chim-text-muted);
    font-weight: 500;
}

.chim-card-badge-col[b-gmxk30l8bc] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 6px;
    flex-shrink: 0;
}

.chim-tip-badge[b-gmxk30l8bc] {
    background: linear-gradient(135deg, rgba(102, 126, 234, 0.15) 0%, rgba(118, 75, 162, 0.15) 100%);
    color: var(--chim-primary-dark);
    font-size: 11px;
    font-weight: 700;
    padding: 3px 10px;
    border-radius: 20px;
    border: 1px solid rgba(102, 126, 234, 0.3);
    white-space: nowrap;
}

[data-bs-theme="dark"] .chim-tip-badge[b-gmxk30l8bc] {
    color: var(--chim-primary);
    background: rgba(139, 154, 238, 0.15);
    border-color: rgba(139, 154, 238, 0.3);
}

.chim-expand-icon[b-gmxk30l8bc] {
    font-size: 18px;
    color: var(--chim-primary);
    transition: transform 0.3s ease;
}

.chim-card.expanded .chim-expand-icon[b-gmxk30l8bc] {
    transform: rotate(180deg);
    color: var(--chim-primary-dark);
}

/* ── QUICK STATS ────────────────────────────────────── */
.chim-quick-stats[b-gmxk30l8bc] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

.chim-stat[b-gmxk30l8bc] {
    padding: 10px 12px;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.chim-stat-primary[b-gmxk30l8bc] {
    background: linear-gradient(135deg, rgba(102, 126, 234, 0.1) 0%, rgba(118, 75, 162, 0.1) 100%);
}

.chim-stat-secondary[b-gmxk30l8bc] {
    background: linear-gradient(135deg, rgba(72, 187, 120, 0.1) 0%, rgba(56, 161, 105, 0.1) 100%);
}

.chim-stat-label[b-gmxk30l8bc] {
    font-size: 10px;
    color: var(--chim-text-muted);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.chim-stat-value[b-gmxk30l8bc] {
    font-size: 14px;
    font-weight: 800;
    color: var(--chim-text-primary);
}

.chim-stat-truncate[b-gmxk30l8bc] {
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* ── CARD CONTENT (expanded) ────────────────────────── */
.chim-card-content[b-gmxk30l8bc] {
    padding: 0;
    background: var(--chim-card-bg);
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-height 0.35s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.25s ease, padding 0.3s ease;
}

.chim-card.expanded .chim-card-content[b-gmxk30l8bc] {
    max-height: 2500px;
    opacity: 1;
    padding: 16px;
}

.chim-detail-grid[b-gmxk30l8bc] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.chim-detail-item[b-gmxk30l8bc] {
    background: var(--chim-bg);
    padding: 12px 14px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    gap: 12px;
    transition: all 0.2s ease;
}

    .chim-detail-item:active[b-gmxk30l8bc] {
        transform: translateX(4px);
        background: var(--chim-border);
    }

    .chim-detail-item > i[b-gmxk30l8bc] {
        font-size: 22px;
        color: var(--chim-primary);
        flex-shrink: 0;
    }

.chim-detail-info[b-gmxk30l8bc] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.chim-detail-label[b-gmxk30l8bc] {
    font-size: 11px;
    color: var(--chim-text-muted);
    font-weight: 600;
}

.chim-detail-value[b-gmxk30l8bc] {
    font-size: 14px;
    font-weight: 700;
    color: var(--chim-text-primary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* ── ACTIONS ────────────────────────────────────────── */
.chim-actions[b-gmxk30l8bc] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 8px;
    margin-top: 14px;
    padding-top: 14px;
    border-top: 1px solid var(--chim-border);
}

.chim-action-btn[b-gmxk30l8bc] {
    border: none;
    padding: 10px 8px;
    border-radius: 12px;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    color: white;
}

    .chim-action-btn:active[b-gmxk30l8bc] {
        transform: scale(0.95);
    }

.chim-btn-success[b-gmxk30l8bc] {
    background: linear-gradient(135deg, #48bb78 0%, #38a169 100%);
    box-shadow: 0 4px 12px rgba(72, 187, 120, 0.3);
}

.chim-btn-primary[b-gmxk30l8bc] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
}

.chim-btn-danger[b-gmxk30l8bc] {
    background: linear-gradient(135deg, #fc8181 0%, #f56565 100%);
    box-shadow: 0 4px 12px rgba(245, 101, 101, 0.3);
}

/* ── PAGINATION ─────────────────────────────────────── */
.chim-pagination-footer[b-gmxk30l8bc] {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: var(--chim-card-bg);
    border-top: 1px solid var(--chim-border);
    box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.08);
    z-index: 90;
    padding: 12px;
}

.chim-pagination-controls[b-gmxk30l8bc] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-bottom: 12px;
}

.chim-page-btn[b-gmxk30l8bc] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border: none;
    width: 36px;
    height: 36px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: white;
    font-size: 16px;
    transition: all 0.2s ease;
    box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3);
}

    .chim-page-btn:active:not(:disabled)[b-gmxk30l8bc] {
        transform: scale(0.95);
    }

    .chim-page-btn:disabled[b-gmxk30l8bc] {
        background: var(--chim-border);
        color: var(--chim-text-muted);
        cursor: not-allowed;
        opacity: 0.5;
        box-shadow: none;
    }

.chim-page-info[b-gmxk30l8bc] {
    display: flex;
    align-items: center;
    gap: 6px;
    background: var(--chim-card-header-bg);
    padding: 8px 16px;
    border-radius: 10px;
    font-weight: 700;
    box-shadow: var(--chim-shadow-sm);
}

.chim-page-current[b-gmxk30l8bc] {
    font-size: 16px;
    color: var(--chim-primary);
}

.chim-page-sep[b-gmxk30l8bc] {
    font-size: 14px;
    color: var(--chim-text-muted);
}

.chim-page-total[b-gmxk30l8bc] {
    font-size: 14px;
    color: var(--chim-text-secondary);
}

.chim-pagination-details[b-gmxk30l8bc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.chim-page-size[b-gmxk30l8bc] {
    background: var(--chim-card-header-bg);
    border: 2px solid var(--chim-border);
    padding: 8px 12px;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 600;
    color: var(--chim-text-primary);
    cursor: pointer;
    transition: all 0.2s ease;
}

    .chim-page-size:focus[b-gmxk30l8bc] {
        outline: none;
        border-color: var(--chim-primary);
        box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
    }

.chim-page-text[b-gmxk30l8bc] {
    font-size: 12px;
    color: var(--chim-text-secondary);
    font-weight: 600;
    text-align: right;
    flex: 1;
}

/* ── EMPTY STATE ────────────────────────────────────── */
.chim-empty-state[b-gmxk30l8bc] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 20px;
    gap: 16px;
    text-align: center;
}

    .chim-empty-state i[b-gmxk30l8bc] {
        font-size: 80px;
        color: var(--chim-text-muted);
        opacity: 0.5;
    }

    .chim-empty-state h3[b-gmxk30l8bc] {
        font-size: 20px;
        font-weight: 700;
        color: var(--chim-text-primary);
        margin: 0;
    }

    .chim-empty-state p[b-gmxk30l8bc] {
        font-size: 14px;
        color: var(--chim-text-secondary);
        margin: 0;
    }

/* ── RESPONSIVE ─────────────────────────────────────── */
@media (max-width: 480px) {
    .chim-actions[b-gmxk30l8bc] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 360px) {
    .chim-quick-stats[b-gmxk30l8bc] {
        grid-template-columns: 1fr;
    }
}
/* _content/Client/Pages/SatinAlma/Teklifler/AlinanTekliflerMobil/AlinanTekliflerMobil.razor.rz.scp.css */
:root[b-w6maij1vku] {
    --chim-primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    --chim-primary: #667eea;
    --chim-primary-dark: #764ba2;
    --chim-success-gradient: linear-gradient(135deg, #48bb78 0%, #38a169 100%);
    --chim-success: #48bb78;
    --chim-warning-gradient: linear-gradient(135deg, #f6ad55 0%, #ed8936 100%);
    --chim-warning: #f6ad55;
    --chim-danger-gradient: linear-gradient(135deg, #fc8181 0%, #f56565 100%);
    --chim-danger: #fc8181;
    --chim-card-bg: #ffffff;
    --chim-card-header-bg: linear-gradient(135deg, #f7fafc 0%, #edf2f7 100%);
    --chim-text-primary: #1a202c;
    --chim-text-secondary: #4a5568;
    --chim-text-muted: #718096;
    --chim-border: #e2e8f0;
    --chim-bg: #f7fafc;
    --chim-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.08);
    --chim-shadow-md: 0 4px 16px rgba(102, 126, 234, 0.2);
}

[data-bs-theme="dark"][b-w6maij1vku] {
    --chim-primary: #8b9aee;
    --chim-primary-dark: #9a7bc2;
    --chim-success: #68d391;
    --chim-warning: #fbbf24;
    --chim-danger: #fca5a5;
    --chim-card-bg: #1e293b;
    --chim-card-header-bg: linear-gradient(135deg, #334155 0%, #1e293b 100%);
    --chim-text-primary: #f1f5f9;
    --chim-text-secondary: #cbd5e1;
    --chim-text-muted: #94a3b8;
    --chim-border: #334155;
    --chim-bg: #0f172a;
    --chim-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3);
    --chim-shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4);
}

/* ── CONTAINER ─────────────────────────────────────── */
.chim-container[b-w6maij1vku] {
    width: 100%;
    min-height: 100vh;
    background: var(--chim-bg);
    padding-bottom: 20px;
}

/* ── STICKY HEADER ──────────────────────────────────── */
.chim-header-sticky[b-w6maij1vku] {
    position: sticky;
    top: 0;
    z-index: 10;
    background: var(--chim-bg);
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
    margin-top: 1rem;
    padding: 0 12px 12px;
}

.chim-controls-card[b-w6maij1vku] {
    background: var(--chim-card-bg);
    border-radius: 16px;
    padding: 10px 12px;
    box-shadow: var(--chim-shadow-sm);
    display: flex;
    align-items: center;
    gap: 10px;
}

/* ── SEARCH ─────────────────────────────────────────── */
.chim-search-inline[b-w6maij1vku] {
    flex: 1;
    position: relative;
    display: flex;
    align-items: center;
}

.chim-search-icon[b-w6maij1vku] {
    position: absolute;
    left: 12px;
    font-size: 18px;
    color: #ffffff;
    z-index: 1;
    pointer-events: none;
}

.chim-search-input[b-w6maij1vku] {
    width: 100%;
    border: none;
    border-radius: 12px;
    padding: 10px 36px 10px 38px;
    font-size: 14px;
    font-weight: 500;
    color: #ffffff;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    transition: all 0.2s ease;
    outline: none;
    box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3);
}

    .chim-search-input:focus[b-w6maij1vku] {
        box-shadow: 0 4px 16px rgba(102, 126, 234, 0.4);
        transform: translateY(-1px);
    }

    .chim-search-input[b-w6maij1vku]::placeholder {
        color: rgba(255, 255, 255, 0.7);
    }

.chim-search-clear[b-w6maij1vku] {
    position: absolute;
    right: 8px;
    background: linear-gradient(135deg, #ff6b35 0%, #f7931e 100%);
    border: none;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: white;
    font-size: 14px;
    transition: all 0.2s ease;
    box-shadow: 0 2px 6px rgba(255, 107, 53, 0.4);
}

    .chim-search-clear:active[b-w6maij1vku] {
        transform: scale(0.95);
    }

/* ── FILTER BUTTON ──────────────────────────────────── */
.chim-filter-btn[b-w6maij1vku] {
    flex-shrink: 0;
    width: 42px;
    height: 42px;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border: none;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: white;
    font-size: 20px;
    transition: all 0.2s ease;
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
    position: relative;
}

    .chim-filter-btn:active[b-w6maij1vku] {
        transform: scale(0.95);
    }

    .chim-filter-btn.active[b-w6maij1vku] {
        background: linear-gradient(135deg, #764ba2 0%, #667eea 100%);
        box-shadow: 0 4px 16px rgba(118, 75, 162, 0.5);
    }

.chim-filter-badge[b-w6maij1vku] {
    position: absolute;
    top: -6px;
    right: -6px;
    background: linear-gradient(135deg, #f56565 0%, #e53e3e 100%);
    color: white;
    font-size: 10px;
    font-weight: 800;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 6px rgba(229, 62, 62, 0.4);
    border: 2px solid var(--chim-card-bg);
}

/* ── LOADING ────────────────────────────────────────── */
.chim-loading-overlay[b-w6maij1vku] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 20px;
    gap: 20px;
}

.chim-spinner[b-w6maij1vku] {
    position: relative;
    width: 60px;
    height: 60px;
}

.chim-spinner-ring[b-w6maij1vku] {
    position: absolute;
    width: 100%;
    height: 100%;
    border: 3px solid transparent;
    border-top-color: var(--chim-primary);
    border-radius: 50%;
    animation: chimSpin-b-w6maij1vku 1s linear infinite;
}

    .chim-spinner-ring:nth-child(2)[b-w6maij1vku] {
        border-top-color: var(--chim-primary-dark);
        animation-delay: 0.15s;
    }

    .chim-spinner-ring:nth-child(3)[b-w6maij1vku] {
        border-top-color: var(--chim-success);
        animation-delay: 0.3s;
    }

@keyframes chimSpin-b-w6maij1vku {
    to {
        transform: rotate(360deg);
    }
}

.chim-loading-text[b-w6maij1vku] {
    font-size: 16px;
    font-weight: 600;
    color: var(--chim-text-secondary);
}

/* ── CARD LIST ──────────────────────────────────────── */
.chim-list-container[b-w6maij1vku] {
    padding: 12px;
    padding-bottom: 120px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.chim-card[b-w6maij1vku] {
    background: var(--chim-card-bg);
    border-radius: 16px;
    overflow: hidden;
    box-shadow: var(--chim-shadow-sm);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer;
    border: 2px solid transparent;
}

    .chim-card:active[b-w6maij1vku] {
        transform: scale(0.98);
    }

    .chim-card.expanded[b-w6maij1vku] {
        border-color: var(--chim-primary-dark);
        box-shadow: var(--chim-shadow-md);
    }

/* ── CARD HEADER ────────────────────────────────────── */
.chim-card-header[b-w6maij1vku] {
    padding: 16px;
    background: var(--chim-card-header-bg);
    border-bottom: 1px solid var(--chim-border);
}

.chim-card-title-row[b-w6maij1vku] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 12px;
    gap: 8px;
}

.chim-card-title-block[b-w6maij1vku] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.chim-card-title[b-w6maij1vku] {
    font-size: 15px;
    font-weight: 700;
    color: var(--chim-text-primary);
    margin: 0;
    line-height: 1.3;
}

.chim-card-subtitle[b-w6maij1vku] {
    font-size: 12px;
    color: var(--chim-text-muted);
    font-weight: 500;
}

.chim-card-badge-col[b-w6maij1vku] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 6px;
    flex-shrink: 0;
}

.chim-tip-badge[b-w6maij1vku] {
    background: linear-gradient(135deg, rgba(102, 126, 234, 0.15) 0%, rgba(118, 75, 162, 0.15) 100%);
    color: var(--chim-primary-dark);
    font-size: 11px;
    font-weight: 700;
    padding: 3px 10px;
    border-radius: 20px;
    border: 1px solid rgba(102, 126, 234, 0.3);
    white-space: nowrap;
}

[data-bs-theme="dark"] .chim-tip-badge[b-w6maij1vku] {
    color: var(--chim-primary);
    background: rgba(139, 154, 238, 0.15);
    border-color: rgba(139, 154, 238, 0.3);
}

.chim-expand-icon[b-w6maij1vku] {
    font-size: 18px;
    color: var(--chim-primary);
    transition: transform 0.3s ease;
}

.chim-card.expanded .chim-expand-icon[b-w6maij1vku] {
    transform: rotate(180deg);
    color: var(--chim-primary-dark);
}

/* ── QUICK STATS ────────────────────────────────────── */
.chim-quick-stats[b-w6maij1vku] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

.chim-stat[b-w6maij1vku] {
    padding: 10px 12px;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.chim-stat-primary[b-w6maij1vku] {
    background: linear-gradient(135deg, rgba(102, 126, 234, 0.1) 0%, rgba(118, 75, 162, 0.1) 100%);
}

.chim-stat-secondary[b-w6maij1vku] {
    background: linear-gradient(135deg, rgba(72, 187, 120, 0.1) 0%, rgba(56, 161, 105, 0.1) 100%);
}

.chim-stat-label[b-w6maij1vku] {
    font-size: 10px;
    color: var(--chim-text-muted);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.chim-stat-value[b-w6maij1vku] {
    font-size: 14px;
    font-weight: 800;
    color: var(--chim-text-primary);
}

.chim-stat-truncate[b-w6maij1vku] {
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* ── CARD CONTENT (expanded) ────────────────────────── */
.chim-card-content[b-w6maij1vku] {
    padding: 0;
    background: var(--chim-card-bg);
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-height 0.35s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.25s ease, padding 0.3s ease;
}

.chim-card.expanded .chim-card-content[b-w6maij1vku] {
    max-height: 2500px;
    opacity: 1;
    padding: 16px;
}

.chim-detail-grid[b-w6maij1vku] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.chim-detail-item[b-w6maij1vku] {
    background: var(--chim-bg);
    padding: 12px 14px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    gap: 12px;
    transition: all 0.2s ease;
}

    .chim-detail-item:active[b-w6maij1vku] {
        transform: translateX(4px);
        background: var(--chim-border);
    }

    .chim-detail-item > i[b-w6maij1vku] {
        font-size: 22px;
        color: var(--chim-primary);
        flex-shrink: 0;
    }

.chim-detail-info[b-w6maij1vku] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.chim-detail-label[b-w6maij1vku] {
    font-size: 11px;
    color: var(--chim-text-muted);
    font-weight: 600;
}

.chim-detail-value[b-w6maij1vku] {
    font-size: 14px;
    font-weight: 700;
    color: var(--chim-text-primary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* ── ACTIONS ────────────────────────────────────────── */
.chim-actions[b-w6maij1vku] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 8px;
    margin-top: 14px;
    padding-top: 14px;
    border-top: 1px solid var(--chim-border);
}

.chim-action-btn[b-w6maij1vku] {
    border: none;
    padding: 10px 8px;
    border-radius: 12px;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    color: white;
}

    .chim-action-btn:active[b-w6maij1vku] {
        transform: scale(0.95);
    }

.chim-btn-success[b-w6maij1vku] {
    background: linear-gradient(135deg, #48bb78 0%, #38a169 100%);
    box-shadow: 0 4px 12px rgba(72, 187, 120, 0.3);
}

.chim-btn-primary[b-w6maij1vku] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
}

.chim-btn-danger[b-w6maij1vku] {
    background: linear-gradient(135deg, #fc8181 0%, #f56565 100%);
    box-shadow: 0 4px 12px rgba(245, 101, 101, 0.3);
}

/* ── PAGINATION ─────────────────────────────────────── */
.chim-pagination-footer[b-w6maij1vku] {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: var(--chim-card-bg);
    border-top: 1px solid var(--chim-border);
    box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.08);
    z-index: 90;
    padding: 12px;
}

.chim-pagination-controls[b-w6maij1vku] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-bottom: 12px;
}

.chim-page-btn[b-w6maij1vku] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border: none;
    width: 36px;
    height: 36px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: white;
    font-size: 16px;
    transition: all 0.2s ease;
    box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3);
}

    .chim-page-btn:active:not(:disabled)[b-w6maij1vku] {
        transform: scale(0.95);
    }

    .chim-page-btn:disabled[b-w6maij1vku] {
        background: var(--chim-border);
        color: var(--chim-text-muted);
        cursor: not-allowed;
        opacity: 0.5;
        box-shadow: none;
    }

.chim-page-info[b-w6maij1vku] {
    display: flex;
    align-items: center;
    gap: 6px;
    background: var(--chim-card-header-bg);
    padding: 8px 16px;
    border-radius: 10px;
    font-weight: 700;
    box-shadow: var(--chim-shadow-sm);
}

.chim-page-current[b-w6maij1vku] {
    font-size: 16px;
    color: var(--chim-primary);
}

.chim-page-sep[b-w6maij1vku] {
    font-size: 14px;
    color: var(--chim-text-muted);
}

.chim-page-total[b-w6maij1vku] {
    font-size: 14px;
    color: var(--chim-text-secondary);
}

.chim-pagination-details[b-w6maij1vku] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.chim-page-size[b-w6maij1vku] {
    background: var(--chim-card-header-bg);
    border: 2px solid var(--chim-border);
    padding: 8px 12px;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 600;
    color: var(--chim-text-primary);
    cursor: pointer;
    transition: all 0.2s ease;
}

    .chim-page-size:focus[b-w6maij1vku] {
        outline: none;
        border-color: var(--chim-primary);
        box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
    }

.chim-page-text[b-w6maij1vku] {
    font-size: 12px;
    color: var(--chim-text-secondary);
    font-weight: 600;
    text-align: right;
    flex: 1;
}

/* ── EMPTY STATE ────────────────────────────────────── */
.chim-empty-state[b-w6maij1vku] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 20px;
    gap: 16px;
    text-align: center;
}

    .chim-empty-state i[b-w6maij1vku] {
        font-size: 80px;
        color: var(--chim-text-muted);
        opacity: 0.5;
    }

    .chim-empty-state h3[b-w6maij1vku] {
        font-size: 20px;
        font-weight: 700;
        color: var(--chim-text-primary);
        margin: 0;
    }

    .chim-empty-state p[b-w6maij1vku] {
        font-size: 14px;
        color: var(--chim-text-secondary);
        margin: 0;
    }

/* ── RESPONSIVE ─────────────────────────────────────── */
@media (max-width: 480px) {
    .chim-actions[b-w6maij1vku] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 360px) {
    .chim-quick-stats[b-w6maij1vku] {
        grid-template-columns: 1fr;
    }
}
/* _content/Client/Pages/SatinAlma/İrsaliye/AlisIrsaliyesiMobil/AlisIrsaliyesiMobil.razor.rz.scp.css */
:root[b-20qy2zp25p] {
    --chim-primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    --chim-primary: #667eea;
    --chim-primary-dark: #764ba2;
    --chim-success-gradient: linear-gradient(135deg, #48bb78 0%, #38a169 100%);
    --chim-success: #48bb78;
    --chim-warning-gradient: linear-gradient(135deg, #f6ad55 0%, #ed8936 100%);
    --chim-warning: #f6ad55;
    --chim-danger-gradient: linear-gradient(135deg, #fc8181 0%, #f56565 100%);
    --chim-danger: #fc8181;
    --chim-card-bg: #ffffff;
    --chim-card-header-bg: linear-gradient(135deg, #f7fafc 0%, #edf2f7 100%);
    --chim-text-primary: #1a202c;
    --chim-text-secondary: #4a5568;
    --chim-text-muted: #718096;
    --chim-border: #e2e8f0;
    --chim-bg: #f7fafc;
    --chim-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.08);
    --chim-shadow-md: 0 4px 16px rgba(102, 126, 234, 0.2);
}

[data-bs-theme="dark"][b-20qy2zp25p] {
    --chim-primary: #8b9aee;
    --chim-primary-dark: #9a7bc2;
    --chim-success: #68d391;
    --chim-warning: #fbbf24;
    --chim-danger: #fca5a5;
    --chim-card-bg: #1e293b;
    --chim-card-header-bg: linear-gradient(135deg, #334155 0%, #1e293b 100%);
    --chim-text-primary: #f1f5f9;
    --chim-text-secondary: #cbd5e1;
    --chim-text-muted: #94a3b8;
    --chim-border: #334155;
    --chim-bg: #0f172a;
    --chim-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3);
    --chim-shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4);
}

/* ── CONTAINER ─────────────────────────────────────── */
.chim-container[b-20qy2zp25p] {
    width: 100%;
    min-height: 100vh;
    background: var(--chim-bg);
    padding-bottom: 20px;
}

/* ── STICKY HEADER ──────────────────────────────────── */
.chim-header-sticky[b-20qy2zp25p] {
    position: sticky;
    top: 0;
    z-index: 10;
    background: var(--chim-bg);
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
    margin-top: 1rem;
    padding: 0 12px 12px;
}

.chim-controls-card[b-20qy2zp25p] {
    background: var(--chim-card-bg);
    border-radius: 16px;
    padding: 10px 12px;
    box-shadow: var(--chim-shadow-sm);
    display: flex;
    align-items: center;
    gap: 10px;
}

/* ── SEARCH ─────────────────────────────────────────── */
.chim-search-inline[b-20qy2zp25p] {
    flex: 1;
    position: relative;
    display: flex;
    align-items: center;
}

.chim-search-icon[b-20qy2zp25p] {
    position: absolute;
    left: 12px;
    font-size: 18px;
    color: #ffffff;
    z-index: 1;
    pointer-events: none;
}

.chim-search-input[b-20qy2zp25p] {
    width: 100%;
    border: none;
    border-radius: 12px;
    padding: 10px 36px 10px 38px;
    font-size: 14px;
    font-weight: 500;
    color: #ffffff;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    transition: all 0.2s ease;
    outline: none;
    box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3);
}

    .chim-search-input:focus[b-20qy2zp25p] {
        box-shadow: 0 4px 16px rgba(102, 126, 234, 0.4);
        transform: translateY(-1px);
    }

    .chim-search-input[b-20qy2zp25p]::placeholder {
        color: rgba(255, 255, 255, 0.7);
    }

.chim-search-clear[b-20qy2zp25p] {
    position: absolute;
    right: 8px;
    background: linear-gradient(135deg, #ff6b35 0%, #f7931e 100%);
    border: none;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: white;
    font-size: 14px;
    transition: all 0.2s ease;
    box-shadow: 0 2px 6px rgba(255, 107, 53, 0.4);
}

    .chim-search-clear:active[b-20qy2zp25p] {
        transform: scale(0.95);
    }

/* ── FILTER BUTTON ──────────────────────────────────── */
.chim-filter-btn[b-20qy2zp25p] {
    flex-shrink: 0;
    width: 42px;
    height: 42px;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border: none;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: white;
    font-size: 20px;
    transition: all 0.2s ease;
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
    position: relative;
}

    .chim-filter-btn:active[b-20qy2zp25p] {
        transform: scale(0.95);
    }

    .chim-filter-btn.active[b-20qy2zp25p] {
        background: linear-gradient(135deg, #764ba2 0%, #667eea 100%);
        box-shadow: 0 4px 16px rgba(118, 75, 162, 0.5);
    }

.chim-filter-badge[b-20qy2zp25p] {
    position: absolute;
    top: -6px;
    right: -6px;
    background: linear-gradient(135deg, #f56565 0%, #e53e3e 100%);
    color: white;
    font-size: 10px;
    font-weight: 800;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 6px rgba(229, 62, 62, 0.4);
    border: 2px solid var(--chim-card-bg);
}

/* ── LOADING ────────────────────────────────────────── */
.chim-loading-overlay[b-20qy2zp25p] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 20px;
    gap: 20px;
}

.chim-spinner[b-20qy2zp25p] {
    position: relative;
    width: 60px;
    height: 60px;
}

.chim-spinner-ring[b-20qy2zp25p] {
    position: absolute;
    width: 100%;
    height: 100%;
    border: 3px solid transparent;
    border-top-color: var(--chim-primary);
    border-radius: 50%;
    animation: chimSpin-b-20qy2zp25p 1s linear infinite;
}

    .chim-spinner-ring:nth-child(2)[b-20qy2zp25p] {
        border-top-color: var(--chim-primary-dark);
        animation-delay: 0.15s;
    }

    .chim-spinner-ring:nth-child(3)[b-20qy2zp25p] {
        border-top-color: var(--chim-success);
        animation-delay: 0.3s;
    }

@keyframes chimSpin-b-20qy2zp25p {
    to {
        transform: rotate(360deg);
    }
}

.chim-loading-text[b-20qy2zp25p] {
    font-size: 16px;
    font-weight: 600;
    color: var(--chim-text-secondary);
}

/* ── CARD LIST ──────────────────────────────────────── */
.chim-list-container[b-20qy2zp25p] {
    padding: 12px;
    padding-bottom: 120px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.chim-card[b-20qy2zp25p] {
    background: var(--chim-card-bg);
    border-radius: 16px;
    overflow: hidden;
    box-shadow: var(--chim-shadow-sm);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer;
    border: 2px solid transparent;
}

    .chim-card:active[b-20qy2zp25p] {
        transform: scale(0.98);
    }

    .chim-card.expanded[b-20qy2zp25p] {
        border-color: var(--chim-primary-dark);
        box-shadow: var(--chim-shadow-md);
    }

/* ── CARD HEADER ────────────────────────────────────── */
.chim-card-header[b-20qy2zp25p] {
    padding: 16px;
    background: var(--chim-card-header-bg);
    border-bottom: 1px solid var(--chim-border);
}

.chim-card-title-row[b-20qy2zp25p] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 12px;
    gap: 8px;
}

.chim-card-title-block[b-20qy2zp25p] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.chim-card-title[b-20qy2zp25p] {
    font-size: 15px;
    font-weight: 700;
    color: var(--chim-text-primary);
    margin: 0;
    line-height: 1.3;
}

.chim-card-subtitle[b-20qy2zp25p] {
    font-size: 12px;
    color: var(--chim-text-muted);
    font-weight: 500;
}

.chim-card-badge-col[b-20qy2zp25p] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 6px;
    flex-shrink: 0;
}

.chim-tip-badge[b-20qy2zp25p] {
    background: linear-gradient(135deg, rgba(102, 126, 234, 0.15) 0%, rgba(118, 75, 162, 0.15) 100%);
    color: var(--chim-primary-dark);
    font-size: 11px;
    font-weight: 700;
    padding: 3px 10px;
    border-radius: 20px;
    border: 1px solid rgba(102, 126, 234, 0.3);
    white-space: nowrap;
}

[data-bs-theme="dark"] .chim-tip-badge[b-20qy2zp25p] {
    color: var(--chim-primary);
    background: rgba(139, 154, 238, 0.15);
    border-color: rgba(139, 154, 238, 0.3);
}

.chim-expand-icon[b-20qy2zp25p] {
    font-size: 18px;
    color: var(--chim-primary);
    transition: transform 0.3s ease;
}

.chim-card.expanded .chim-expand-icon[b-20qy2zp25p] {
    transform: rotate(180deg);
    color: var(--chim-primary-dark);
}

/* ── QUICK STATS ────────────────────────────────────── */
.chim-quick-stats[b-20qy2zp25p] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

.chim-stat[b-20qy2zp25p] {
    padding: 10px 12px;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.chim-stat-primary[b-20qy2zp25p] {
    background: linear-gradient(135deg, rgba(102, 126, 234, 0.1) 0%, rgba(118, 75, 162, 0.1) 100%);
}

.chim-stat-secondary[b-20qy2zp25p] {
    background: linear-gradient(135deg, rgba(72, 187, 120, 0.1) 0%, rgba(56, 161, 105, 0.1) 100%);
}

.chim-stat-label[b-20qy2zp25p] {
    font-size: 10px;
    color: var(--chim-text-muted);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.chim-stat-value[b-20qy2zp25p] {
    font-size: 14px;
    font-weight: 800;
    color: var(--chim-text-primary);
}

.chim-stat-truncate[b-20qy2zp25p] {
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* ── CARD CONTENT (expanded) ────────────────────────── */
.chim-card-content[b-20qy2zp25p] {
    padding: 0;
    background: var(--chim-card-bg);
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-height 0.35s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.25s ease, padding 0.3s ease;
}

.chim-card.expanded .chim-card-content[b-20qy2zp25p] {
    max-height: 2500px;
    opacity: 1;
    padding: 16px;
}

.chim-detail-grid[b-20qy2zp25p] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.chim-detail-item[b-20qy2zp25p] {
    background: var(--chim-bg);
    padding: 12px 14px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    gap: 12px;
    transition: all 0.2s ease;
}

    .chim-detail-item:active[b-20qy2zp25p] {
        transform: translateX(4px);
        background: var(--chim-border);
    }

    .chim-detail-item > i[b-20qy2zp25p] {
        font-size: 22px;
        color: var(--chim-primary);
        flex-shrink: 0;
    }

.chim-detail-info[b-20qy2zp25p] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.chim-detail-label[b-20qy2zp25p] {
    font-size: 11px;
    color: var(--chim-text-muted);
    font-weight: 600;
}

.chim-detail-value[b-20qy2zp25p] {
    font-size: 14px;
    font-weight: 700;
    color: var(--chim-text-primary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* ── ACTIONS ────────────────────────────────────────── */
.chim-actions[b-20qy2zp25p] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 8px;
    margin-top: 14px;
    padding-top: 14px;
    border-top: 1px solid var(--chim-border);
}

.chim-action-btn[b-20qy2zp25p] {
    border: none;
    padding: 10px 8px;
    border-radius: 12px;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    color: white;
}

    .chim-action-btn:active[b-20qy2zp25p] {
        transform: scale(0.95);
    }

.chim-btn-success[b-20qy2zp25p] {
    background: linear-gradient(135deg, #48bb78 0%, #38a169 100%);
    box-shadow: 0 4px 12px rgba(72, 187, 120, 0.3);
}

.chim-btn-primary[b-20qy2zp25p] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
}

.chim-btn-danger[b-20qy2zp25p] {
    background: linear-gradient(135deg, #fc8181 0%, #f56565 100%);
    box-shadow: 0 4px 12px rgba(245, 101, 101, 0.3);
}

/* ── PAGINATION ─────────────────────────────────────── */
.chim-pagination-footer[b-20qy2zp25p] {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: var(--chim-card-bg);
    border-top: 1px solid var(--chim-border);
    box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.08);
    z-index: 90;
    padding: 12px;
}

.chim-pagination-controls[b-20qy2zp25p] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-bottom: 12px;
}

.chim-page-btn[b-20qy2zp25p] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border: none;
    width: 36px;
    height: 36px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: white;
    font-size: 16px;
    transition: all 0.2s ease;
    box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3);
}

    .chim-page-btn:active:not(:disabled)[b-20qy2zp25p] {
        transform: scale(0.95);
    }

    .chim-page-btn:disabled[b-20qy2zp25p] {
        background: var(--chim-border);
        color: var(--chim-text-muted);
        cursor: not-allowed;
        opacity: 0.5;
        box-shadow: none;
    }

.chim-page-info[b-20qy2zp25p] {
    display: flex;
    align-items: center;
    gap: 6px;
    background: var(--chim-card-header-bg);
    padding: 8px 16px;
    border-radius: 10px;
    font-weight: 700;
    box-shadow: var(--chim-shadow-sm);
}

.chim-page-current[b-20qy2zp25p] {
    font-size: 16px;
    color: var(--chim-primary);
}

.chim-page-sep[b-20qy2zp25p] {
    font-size: 14px;
    color: var(--chim-text-muted);
}

.chim-page-total[b-20qy2zp25p] {
    font-size: 14px;
    color: var(--chim-text-secondary);
}

.chim-pagination-details[b-20qy2zp25p] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.chim-page-size[b-20qy2zp25p] {
    background: var(--chim-card-header-bg);
    border: 2px solid var(--chim-border);
    padding: 8px 12px;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 600;
    color: var(--chim-text-primary);
    cursor: pointer;
    transition: all 0.2s ease;
}

    .chim-page-size:focus[b-20qy2zp25p] {
        outline: none;
        border-color: var(--chim-primary);
        box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
    }

.chim-page-text[b-20qy2zp25p] {
    font-size: 12px;
    color: var(--chim-text-secondary);
    font-weight: 600;
    text-align: right;
    flex: 1;
}

/* ── EMPTY STATE ────────────────────────────────────── */
.chim-empty-state[b-20qy2zp25p] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 20px;
    gap: 16px;
    text-align: center;
}

    .chim-empty-state i[b-20qy2zp25p] {
        font-size: 80px;
        color: var(--chim-text-muted);
        opacity: 0.5;
    }

    .chim-empty-state h3[b-20qy2zp25p] {
        font-size: 20px;
        font-weight: 700;
        color: var(--chim-text-primary);
        margin: 0;
    }

    .chim-empty-state p[b-20qy2zp25p] {
        font-size: 14px;
        color: var(--chim-text-secondary);
        margin: 0;
    }

/* ── RESPONSIVE ─────────────────────────────────────── */
@media (max-width: 480px) {
    .chim-actions[b-20qy2zp25p] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 360px) {
    .chim-quick-stats[b-20qy2zp25p] {
        grid-template-columns: 1fr;
    }
}
/* _content/Client/Pages/SatisDagitim/Components/FaturaKapat.razor.rz.scp.css */
.inputs-container > div[b-sekjqj1x81] {
    flex: 1 1 calc(33.333% - 1rem);
    min-width: 250px;
}
/* _content/Client/Pages/SatisDagitim/Fatura/FaturaMobil/SatisFaturasiMobil/SatisFaturasiMobil.razor.rz.scp.css */
:root[b-62v36qbk3z] {
    --chim-primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    --chim-primary: #667eea;
    --chim-primary-dark: #764ba2;
    --chim-success-gradient: linear-gradient(135deg, #48bb78 0%, #38a169 100%);
    --chim-success: #48bb78;
    --chim-warning-gradient: linear-gradient(135deg, #f6ad55 0%, #ed8936 100%);
    --chim-warning: #f6ad55;
    --chim-danger-gradient: linear-gradient(135deg, #fc8181 0%, #f56565 100%);
    --chim-danger: #fc8181;
    --chim-card-bg: #ffffff;
    --chim-card-header-bg: linear-gradient(135deg, #f7fafc 0%, #edf2f7 100%);
    --chim-text-primary: #1a202c;
    --chim-text-secondary: #4a5568;
    --chim-text-muted: #718096;
    --chim-border: #e2e8f0;
    --chim-bg: #f7fafc;
    --chim-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.08);
    --chim-shadow-md: 0 4px 16px rgba(102, 126, 234, 0.2);
}

[data-bs-theme="dark"][b-62v36qbk3z] {
    --chim-primary: #8b9aee;
    --chim-primary-dark: #9a7bc2;
    --chim-success: #68d391;
    --chim-warning: #fbbf24;
    --chim-danger: #fca5a5;
    --chim-card-bg: #1e293b;
    --chim-card-header-bg: linear-gradient(135deg, #334155 0%, #1e293b 100%);
    --chim-text-primary: #f1f5f9;
    --chim-text-secondary: #cbd5e1;
    --chim-text-muted: #94a3b8;
    --chim-border: #334155;
    --chim-bg: #0f172a;
    --chim-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3);
    --chim-shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4);
}

/* ── CONTAINER ─────────────────────────────────────── */
.chim-container[b-62v36qbk3z] {
    width: 100%;
    min-height: 100vh;
    background: var(--chim-bg);
    padding-bottom: 20px;
}

/* ── STICKY HEADER ──────────────────────────────────── */
.chim-header-sticky[b-62v36qbk3z] {
    position: sticky;
    top: 0;
    z-index: 10;
    background: var(--chim-bg);
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
    margin-top: 1rem;
    padding: 0 12px 12px;
}

.chim-controls-card[b-62v36qbk3z] {
    background: var(--chim-card-bg);
    border-radius: 16px;
    padding: 10px 12px;
    box-shadow: var(--chim-shadow-sm);
    display: flex;
    align-items: center;
    gap: 10px;
}

/* ── SEARCH ─────────────────────────────────────────── */
.chim-search-inline[b-62v36qbk3z] {
    flex: 1;
    position: relative;
    display: flex;
    align-items: center;
}

.chim-search-icon[b-62v36qbk3z] {
    position: absolute;
    left: 12px;
    font-size: 18px;
    color: #ffffff;
    z-index: 1;
    pointer-events: none;
}

.chim-search-input[b-62v36qbk3z] {
    width: 100%;
    border: none;
    border-radius: 12px;
    padding: 10px 36px 10px 38px;
    font-size: 14px;
    font-weight: 500;
    color: #ffffff;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    transition: all 0.2s ease;
    outline: none;
    box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3);
}

    .chim-search-input:focus[b-62v36qbk3z] {
        box-shadow: 0 4px 16px rgba(102, 126, 234, 0.4);
        transform: translateY(-1px);
    }

    .chim-search-input[b-62v36qbk3z]::placeholder {
        color: rgba(255, 255, 255, 0.7);
    }

.chim-search-clear[b-62v36qbk3z] {
    position: absolute;
    right: 8px;
    background: linear-gradient(135deg, #ff6b35 0%, #f7931e 100%);
    border: none;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: white;
    font-size: 14px;
    transition: all 0.2s ease;
    box-shadow: 0 2px 6px rgba(255, 107, 53, 0.4);
}

    .chim-search-clear:active[b-62v36qbk3z] {
        transform: scale(0.95);
    }

/* ── FILTER BUTTON ──────────────────────────────────── */
.chim-filter-btn[b-62v36qbk3z] {
    flex-shrink: 0;
    width: 42px;
    height: 42px;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border: none;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: white;
    font-size: 20px;
    transition: all 0.2s ease;
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
    position: relative;
}

    .chim-filter-btn:active[b-62v36qbk3z] {
        transform: scale(0.95);
    }

    .chim-filter-btn.active[b-62v36qbk3z] {
        background: linear-gradient(135deg, #764ba2 0%, #667eea 100%);
        box-shadow: 0 4px 16px rgba(118, 75, 162, 0.5);
    }

.chim-filter-badge[b-62v36qbk3z] {
    position: absolute;
    top: -6px;
    right: -6px;
    background: linear-gradient(135deg, #f56565 0%, #e53e3e 100%);
    color: white;
    font-size: 10px;
    font-weight: 800;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 6px rgba(229, 62, 62, 0.4);
    border: 2px solid var(--chim-card-bg);
}

/* ── LOADING ────────────────────────────────────────── */
.chim-loading-overlay[b-62v36qbk3z] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 20px;
    gap: 20px;
}

.chim-spinner[b-62v36qbk3z] {
    position: relative;
    width: 60px;
    height: 60px;
}

.chim-spinner-ring[b-62v36qbk3z] {
    position: absolute;
    width: 100%;
    height: 100%;
    border: 3px solid transparent;
    border-top-color: var(--chim-primary);
    border-radius: 50%;
    animation: chimSpin-b-62v36qbk3z 1s linear infinite;
}

    .chim-spinner-ring:nth-child(2)[b-62v36qbk3z] {
        border-top-color: var(--chim-primary-dark);
        animation-delay: 0.15s;
    }

    .chim-spinner-ring:nth-child(3)[b-62v36qbk3z] {
        border-top-color: var(--chim-success);
        animation-delay: 0.3s;
    }

@keyframes chimSpin-b-62v36qbk3z {
    to {
        transform: rotate(360deg);
    }
}

.chim-loading-text[b-62v36qbk3z] {
    font-size: 16px;
    font-weight: 600;
    color: var(--chim-text-secondary);
}

/* ── CARD LIST ──────────────────────────────────────── */
.chim-list-container[b-62v36qbk3z] {
    padding: 12px;
    padding-bottom: 120px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.chim-card[b-62v36qbk3z] {
    background: var(--chim-card-bg);
    border-radius: 16px;
    overflow: hidden;
    box-shadow: var(--chim-shadow-sm);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer;
    border: 2px solid transparent;
}

    .chim-card:active[b-62v36qbk3z] {
        transform: scale(0.98);
    }

    .chim-card.expanded[b-62v36qbk3z] {
        border-color: var(--chim-primary-dark);
        box-shadow: var(--chim-shadow-md);
    }

/* ── CARD HEADER ────────────────────────────────────── */
.chim-card-header[b-62v36qbk3z] {
    padding: 16px;
    background: var(--chim-card-header-bg);
    border-bottom: 1px solid var(--chim-border);
}

.chim-card-title-row[b-62v36qbk3z] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 12px;
    gap: 8px;
}

.chim-card-title-block[b-62v36qbk3z] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.chim-card-title[b-62v36qbk3z] {
    font-size: 15px;
    font-weight: 700;
    color: var(--chim-text-primary);
    margin: 0;
    line-height: 1.3;
}

.chim-card-subtitle[b-62v36qbk3z] {
    font-size: 12px;
    color: var(--chim-text-muted);
    font-weight: 500;
}

.chim-card-badge-col[b-62v36qbk3z] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 6px;
    flex-shrink: 0;
}

.chim-tip-badge[b-62v36qbk3z] {
    background: linear-gradient(135deg, rgba(102, 126, 234, 0.15) 0%, rgba(118, 75, 162, 0.15) 100%);
    color: var(--chim-primary-dark);
    font-size: 11px;
    font-weight: 700;
    padding: 3px 10px;
    border-radius: 20px;
    border: 1px solid rgba(102, 126, 234, 0.3);
    white-space: nowrap;
}

[data-bs-theme="dark"] .chim-tip-badge[b-62v36qbk3z] {
    color: var(--chim-primary);
    background: rgba(139, 154, 238, 0.15);
    border-color: rgba(139, 154, 238, 0.3);
}

.chim-expand-icon[b-62v36qbk3z] {
    font-size: 18px;
    color: var(--chim-primary);
    transition: transform 0.3s ease;
}

.chim-card.expanded .chim-expand-icon[b-62v36qbk3z] {
    transform: rotate(180deg);
    color: var(--chim-primary-dark);
}

/* ── QUICK STATS ────────────────────────────────────── */
.chim-quick-stats[b-62v36qbk3z] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

.chim-stat[b-62v36qbk3z] {
    padding: 10px 12px;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.chim-stat-primary[b-62v36qbk3z] {
    background: linear-gradient(135deg, rgba(102, 126, 234, 0.1) 0%, rgba(118, 75, 162, 0.1) 100%);
}

.chim-stat-secondary[b-62v36qbk3z] {
    background: linear-gradient(135deg, rgba(72, 187, 120, 0.1) 0%, rgba(56, 161, 105, 0.1) 100%);
}

.chim-stat-label[b-62v36qbk3z] {
    font-size: 10px;
    color: var(--chim-text-muted);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.chim-stat-value[b-62v36qbk3z] {
    font-size: 14px;
    font-weight: 800;
    color: var(--chim-text-primary);
}

.chim-stat-truncate[b-62v36qbk3z] {
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* ── CARD CONTENT (expanded) ────────────────────────── */
.chim-card-content[b-62v36qbk3z] {
    padding: 0;
    background: var(--chim-card-bg);
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-height 0.35s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.25s ease, padding 0.3s ease;
}

.chim-card.expanded .chim-card-content[b-62v36qbk3z] {
    max-height: 2500px;
    opacity: 1;
    padding: 16px;
}

.chim-detail-grid[b-62v36qbk3z] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.chim-detail-item[b-62v36qbk3z] {
    background: var(--chim-bg);
    padding: 12px 14px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    gap: 12px;
    transition: all 0.2s ease;
}

    .chim-detail-item:active[b-62v36qbk3z] {
        transform: translateX(4px);
        background: var(--chim-border);
    }

    .chim-detail-item > i[b-62v36qbk3z] {
        font-size: 22px;
        color: var(--chim-primary);
        flex-shrink: 0;
    }

.chim-detail-info[b-62v36qbk3z] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.chim-detail-label[b-62v36qbk3z] {
    font-size: 11px;
    color: var(--chim-text-muted);
    font-weight: 600;
}

.chim-detail-value[b-62v36qbk3z] {
    font-size: 14px;
    font-weight: 700;
    color: var(--chim-text-primary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* ── ACTIONS ────────────────────────────────────────── */
.chim-actions[b-62v36qbk3z] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 8px;
    margin-top: 14px;
    padding-top: 14px;
    border-top: 1px solid var(--chim-border);
}

.chim-action-btn[b-62v36qbk3z] {
    border: none;
    padding: 10px 8px;
    border-radius: 12px;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    color: white;
}

    .chim-action-btn:active[b-62v36qbk3z] {
        transform: scale(0.95);
    }

.chim-btn-success[b-62v36qbk3z] {
    background: linear-gradient(135deg, #48bb78 0%, #38a169 100%);
    box-shadow: 0 4px 12px rgba(72, 187, 120, 0.3);
}

.chim-btn-primary[b-62v36qbk3z] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
}

.chim-btn-danger[b-62v36qbk3z] {
    background: linear-gradient(135deg, #fc8181 0%, #f56565 100%);
    box-shadow: 0 4px 12px rgba(245, 101, 101, 0.3);
}

/* ── PAGINATION ─────────────────────────────────────── */
.chim-pagination-footer[b-62v36qbk3z] {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: var(--chim-card-bg);
    border-top: 1px solid var(--chim-border);
    box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.08);
    z-index: 90;
    padding: 12px;
}

.chim-pagination-controls[b-62v36qbk3z] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-bottom: 12px;
}

.chim-page-btn[b-62v36qbk3z] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border: none;
    width: 36px;
    height: 36px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: white;
    font-size: 16px;
    transition: all 0.2s ease;
    box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3);
}

    .chim-page-btn:active:not(:disabled)[b-62v36qbk3z] {
        transform: scale(0.95);
    }

    .chim-page-btn:disabled[b-62v36qbk3z] {
        background: var(--chim-border);
        color: var(--chim-text-muted);
        cursor: not-allowed;
        opacity: 0.5;
        box-shadow: none;
    }

.chim-page-info[b-62v36qbk3z] {
    display: flex;
    align-items: center;
    gap: 6px;
    background: var(--chim-card-header-bg);
    padding: 8px 16px;
    border-radius: 10px;
    font-weight: 700;
    box-shadow: var(--chim-shadow-sm);
}

.chim-page-current[b-62v36qbk3z] {
    font-size: 16px;
    color: var(--chim-primary);
}

.chim-page-sep[b-62v36qbk3z] {
    font-size: 14px;
    color: var(--chim-text-muted);
}

.chim-page-total[b-62v36qbk3z] {
    font-size: 14px;
    color: var(--chim-text-secondary);
}

.chim-pagination-details[b-62v36qbk3z] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.chim-page-size[b-62v36qbk3z] {
    background: var(--chim-card-header-bg);
    border: 2px solid var(--chim-border);
    padding: 8px 12px;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 600;
    color: var(--chim-text-primary);
    cursor: pointer;
    transition: all 0.2s ease;
}

    .chim-page-size:focus[b-62v36qbk3z] {
        outline: none;
        border-color: var(--chim-primary);
        box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
    }

.chim-page-text[b-62v36qbk3z] {
    font-size: 12px;
    color: var(--chim-text-secondary);
    font-weight: 600;
    text-align: right;
    flex: 1;
}

/* ── EMPTY STATE ────────────────────────────────────── */
.chim-empty-state[b-62v36qbk3z] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 20px;
    gap: 16px;
    text-align: center;
}

    .chim-empty-state i[b-62v36qbk3z] {
        font-size: 80px;
        color: var(--chim-text-muted);
        opacity: 0.5;
    }

    .chim-empty-state h3[b-62v36qbk3z] {
        font-size: 20px;
        font-weight: 700;
        color: var(--chim-text-primary);
        margin: 0;
    }

    .chim-empty-state p[b-62v36qbk3z] {
        font-size: 14px;
        color: var(--chim-text-secondary);
        margin: 0;
    }

/* ── RESPONSIVE ─────────────────────────────────────── */
@media (max-width: 480px) {
    .chim-actions[b-62v36qbk3z] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 360px) {
    .chim-quick-stats[b-62v36qbk3z] {
        grid-template-columns: 1fr;
    }
}
/* _content/Client/Pages/SatisDagitim/Fatura/MobileInvoiceView.razor.rz.scp.css */
.mobile-invoice-view[b-inpyeaj9mi] {
    --miv-brand: #0078c0;
    --miv-brand-dark: #005e99;
    --miv-brand-soft: #e6f5fc;
    --miv-surface: #ffffff;
    --miv-surface-muted: #f6f7f9;
    --miv-ink: #17202a;
    --miv-ink-soft: #4b5563;
    --miv-ink-muted: #7a8696;
    --miv-line: #d8dee6;
    --miv-line-soft: #e9edf2;
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
    overflow: hidden;
    background: var(--miv-surface-muted);
    color: var(--miv-ink);
}

.miv-scroll-content[b-inpyeaj9mi] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior-y: contain;
    -webkit-overflow-scrolling: touch;
}

.miv-sticky-header[b-inpyeaj9mi] {
    position: sticky;
    top: 0;
    z-index: 20;
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(90px, .8fr) minmax(0, 1fr);
    border-bottom: 2px solid var(--miv-brand);
    background: var(--miv-surface);
}

.miv-header-item[b-inpyeaj9mi] {
    min-width: 0;
    border-right: 1px solid var(--miv-line-soft);
    padding: 7px 9px;
}

.miv-header-item:last-child[b-inpyeaj9mi] {
    border-right: 0;
}

.miv-header-item span[b-inpyeaj9mi],
.miv-line-net span[b-inpyeaj9mi],
.miv-line-net small[b-inpyeaj9mi] {
    display: block;
    overflow: hidden;
    color: var(--miv-ink-muted);
    font-size: 10px;
    font-weight: 700;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.miv-header-item strong[b-inpyeaj9mi] {
    display: block;
    overflow: hidden;
    margin-top: 2px;
    font-size: 12px;
    font-weight: 800;
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.miv-customer-section[b-inpyeaj9mi],
.miv-header-accordion[b-inpyeaj9mi] {
    flex: 0 0 auto;
    margin: 6px 8px 0;
}

.miv-customer-section[b-inpyeaj9mi] {
    padding: 6px;
    border: 1px solid var(--miv-line);
    background: var(--miv-surface);
}

.miv-customer-card[b-inpyeaj9mi] {
    margin-top: 7px;
    border-top: 1px solid var(--miv-line-soft);
    padding-top: 7px;
}

.miv-customer-name[b-inpyeaj9mi] {
    overflow: hidden;
    font-size: 14px;
    font-weight: 800;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.miv-customer-facts[b-inpyeaj9mi] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px 12px;
    margin: 7px 0 0;
}

.miv-customer-facts div[b-inpyeaj9mi] {
    min-width: 0;
}

.miv-customer-facts dt[b-inpyeaj9mi] {
    color: var(--miv-ink-muted);
    font-size: 10px;
    font-weight: 700;
}

.miv-customer-facts dd[b-inpyeaj9mi] {
    overflow-wrap: anywhere;
    margin: 1px 0 0;
    font-size: 12px;
    font-weight: 650;
}

.miv-customer-facts .miv-address-fact[b-inpyeaj9mi] {
    grid-column: 1 / -1;
}

.miv-accordion-toggle[b-inpyeaj9mi],
.miv-add-line-button[b-inpyeaj9mi],
.miv-delete-line[b-inpyeaj9mi],
.miv-stepper button[b-inpyeaj9mi],
.miv-unit-trigger[b-inpyeaj9mi],
.miv-total-button[b-inpyeaj9mi] {
    min-height: 44px;
    border: 1px solid var(--miv-line);
    border-radius: 6px;
    background: var(--miv-surface);
    color: var(--miv-ink);
}

.miv-accordion-toggle[b-inpyeaj9mi] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 8px 10px;
    font-size: 13px;
    font-weight: 750;
}

.miv-accordion-toggle span[b-inpyeaj9mi] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
}

.miv-accordion-toggle span i[b-inpyeaj9mi] {
    color: var(--miv-brand);
}

.miv-accordion-content[b-inpyeaj9mi] {
    max-height: min(38dvh, 300px);
    overflow-y: auto;
    border: 1px solid var(--miv-line);
    border-top: 0;
    background: var(--miv-surface);
    padding: 7px;
}

.miv-lines-body[b-inpyeaj9mi] {
    overflow-x: hidden;
    padding: 8px 8px 10px;
}

.miv-lines-heading[b-inpyeaj9mi] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 8px;
}

.miv-lines-heading > div[b-inpyeaj9mi] {
    display: flex;
    align-items: baseline;
    gap: 7px;
    min-width: 0;
    color: var(--miv-ink-soft);
    font-size: 12px;
    font-weight: 750;
}

.miv-lines-heading > div strong[b-inpyeaj9mi] {
    color: var(--miv-brand);
    font-size: 16px;
}

.miv-add-line-button[b-inpyeaj9mi] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    border-color: var(--miv-brand);
    background: var(--miv-brand);
    color: #ffffff;
    padding: 8px 12px;
    font-size: 12px;
    font-weight: 800;
}

.miv-add-line-button:disabled[b-inpyeaj9mi],
.miv-delete-line:disabled[b-inpyeaj9mi],
.miv-stepper button:disabled[b-inpyeaj9mi] {
    cursor: not-allowed;
    opacity: .55;
}

.miv-line-picker[b-inpyeaj9mi] {
    margin-bottom: 9px;
    border: 1px solid var(--miv-brand);
    background: var(--miv-brand-soft);
    padding: 8px;
}

.miv-line-list[b-inpyeaj9mi] {
    display: flex;
    flex-direction: column;
    gap: 9px;
}

.miv-line-card[b-inpyeaj9mi] {
    border: 1px solid var(--miv-line);
    border-radius: 8px;
    background: var(--miv-surface);
}

.miv-line-card-header[b-inpyeaj9mi] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    border-bottom: 1px solid var(--miv-line-soft);
    padding: 8px;
}

.miv-stock-title[b-inpyeaj9mi] {
    min-width: 0;
}

.miv-stock-title strong[b-inpyeaj9mi] {
    display: block;
    overflow: hidden;
    font-size: 14px;
    font-weight: 800;
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.miv-stock-title span[b-inpyeaj9mi] {
    display: block;
    overflow: hidden;
    margin-top: 2px;
    color: var(--miv-ink-muted);
    font-size: 11px;
    font-weight: 650;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.miv-delete-line[b-inpyeaj9mi] {
    flex: 0 0 46px;
    width: 46px;
    border-color: var(--bs-danger);
    background: var(--bs-danger);
    color: #ffffff;
}

.miv-quantity-unit-row[b-inpyeaj9mi] {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(100px, .65fr);
    gap: 9px;
    border-bottom: 1px solid var(--miv-line-soft);
    padding: 9px;
}

.miv-stepper[b-inpyeaj9mi] {
    display: grid;
    grid-template-columns: 46px minmax(0, 1fr) 46px;
    gap: 5px;
}

.miv-stepper button[b-inpyeaj9mi] {
    border-color: var(--miv-brand);
    background: var(--miv-brand-soft);
    color: var(--miv-brand-dark);
}

.miv-unit-trigger[b-inpyeaj9mi] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    width: 100%;
    padding: 8px 10px;
    font-size: 13px;
    font-weight: 750;
}

.miv-unit-trigger i[b-inpyeaj9mi] {
    color: var(--miv-brand);
    font-size: 11px;
}

.miv-line-card-footer[b-inpyeaj9mi] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(108px, .65fr);
    align-items: end;
    gap: 10px;
    padding: 9px;
}

.miv-price-fields[b-inpyeaj9mi] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}

.miv-price-fields > :first-child[b-inpyeaj9mi] {
    grid-column: 1 / -1;
}

.miv-line-net[b-inpyeaj9mi] {
    min-width: 0;
    border-left: 2px solid var(--miv-brand);
    padding: 4px 0 4px 9px;
    text-align: right;
}

.miv-line-net strong[b-inpyeaj9mi] {
    display: block;
    overflow: hidden;
    color: var(--miv-brand-dark);
    font-size: 18px;
    font-weight: 850;
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.miv-line-net small[b-inpyeaj9mi] {
    margin-top: 2px;
}

.miv-empty-lines[b-inpyeaj9mi] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 110px;
    border: 1px dashed var(--miv-line);
    background: var(--miv-surface);
    color: var(--miv-ink-muted);
    font-size: 13px;
    font-weight: 650;
}

.miv-sticky-footer[b-inpyeaj9mi] {
    position: sticky;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 15;
    flex: 0 0 auto;
    box-sizing: border-box;
    display: grid;
    grid-template-columns: minmax(132px, .8fr) minmax(0, 1.2fr);
    gap: 8px;
    border-top: 1px solid var(--miv-line);
    background: var(--miv-surface);
    padding: 7px 8px max(7px, env(safe-area-inset-bottom));
}

.miv-total-button[b-inpyeaj9mi] {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    min-width: 0;
    padding: 5px 28px 5px 9px;
    text-align: left;
}

.miv-total-button span[b-inpyeaj9mi] {
    color: var(--miv-ink-muted);
    font-size: 10px;
    font-weight: 700;
}

.miv-total-button strong[b-inpyeaj9mi] {
    grid-column: 1 / -1;
    overflow: hidden;
    color: var(--miv-brand-dark);
    font-size: 18px;
    font-weight: 850;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.miv-total-button i[b-inpyeaj9mi] {
    position: absolute;
    top: 50%;
    right: 9px;
    color: var(--miv-brand);
    transform: translateY(-50%);
}

.miv-financial-details[b-inpyeaj9mi] {
    position: absolute;
    right: 10px;
    bottom: 100%;
    left: 10px;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    border: 1px solid var(--miv-line);
    background: var(--miv-surface);
}

.miv-financial-details div[b-inpyeaj9mi] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    min-width: 0;
    border-right: 1px solid var(--miv-line-soft);
    border-bottom: 1px solid var(--miv-line-soft);
    padding: 8px 9px;
}

.miv-financial-details div:nth-child(2n)[b-inpyeaj9mi] {
    border-right: 0;
}

.miv-financial-details div:nth-last-child(-n + 2)[b-inpyeaj9mi] {
    border-bottom: 0;
}

.miv-financial-details span[b-inpyeaj9mi] {
    color: var(--miv-ink-muted);
    font-size: 11px;
    font-weight: 700;
}

.miv-financial-details strong[b-inpyeaj9mi] {
    font-size: 12px;
    font-weight: 800;
    text-align: right;
}

[b-inpyeaj9mi] .miv-primary-action {
    width: 100%;
    min-height: 52px !important;
    border: 1px solid var(--miv-brand) !important;
    border-radius: 6px !important;
    background: var(--miv-brand) !important;
    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 800 !important;
}

[b-inpyeaj9mi] .miv-customer-section .bym-input-wrap,
[b-inpyeaj9mi] .miv-accordion-content .bym-input-wrap,
[b-inpyeaj9mi] .miv-line-picker .bym-input-wrap {
    margin-top: 0 !important;
    margin-bottom: 6px !important;
}

[b-inpyeaj9mi] .miv-compact-field {
    display: flex;
    align-items: center;
    min-height: 44px;
    margin-top: 0 !important;
    margin-bottom: 6px !important;
    padding: 0 !important;
}

/* Ortak floating label top:-30% kullaniyor. Kompakt alanda dis wrapper 44px,
   gorunen editor ise 36px ve ortali oldugu icin yuzde hesabi etiketi bir onceki
   alana tasiyordu. Yalnizca bu sayfadaki kompakt varyantta etiketi kendi editor
   ust kenarina sabitle; ortak component olculerini ve DOM yapisini degistirme. */
[b-inpyeaj9mi] .miv-compact-field > .bym-floating-label {
    top: 0.2rem !important;
}

[b-inpyeaj9mi] .miv-compact-field .form-control,
[b-inpyeaj9mi] .miv-compact-field .dxbl-edit {
    height: 44px !important;
    min-height: 44px !important;
    padding-top: 6px !important;
    padding-bottom: 6px !important;
}

/* ModernPageSelectBox'un gorunen editoru ince kalir; mobil dokunma katmani
   dis wrapper'in 44px'lik tamamini kaplamaya devam eder. */
[b-inpyeaj9mi] .miv-compact-field .miv-compact-select.dxbl-text-edit {
    --dxbl-text-edit-font-size: 12px;
    --dxbl-text-edit-line-height: 1.2;
    --dxbl-text-edit-padding-y: 0.2rem;
    height: 36px !important;
    min-height: 36px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

[b-inpyeaj9mi] .miv-compact-field .miv-compact-select .dxbl-text-edit-container,
[b-inpyeaj9mi] .miv-compact-field .miv-compact-select .dxbl-text-edit-input {
    height: 34px !important;
    min-height: 34px !important;
    padding-top: 3px !important;
    padding-bottom: 3px !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
}

[b-inpyeaj9mi] .miv-compact-field .miv-compact-select .dxbl-btn {
    height: 34px !important;
    min-height: 34px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

[b-inpyeaj9mi] .miv-accordion-content .bym-memo-container {
    margin-top: 0 !important;
    margin-bottom: 6px !important;
}

[b-inpyeaj9mi] .miv-accordion-content .bym-memo-container textarea,
[b-inpyeaj9mi] .miv-accordion-content .bym-memo-container .form-control {
    height: 64px !important;
    min-height: 64px !important;
}

[b-inpyeaj9mi] .miv-customer-section .bym-input-wrap:last-child,
[b-inpyeaj9mi] .miv-accordion-content .bym-input-wrap:last-child,
[b-inpyeaj9mi] .miv-line-picker .bym-input-wrap:last-child {
    margin-bottom: 0 !important;
}

[b-inpyeaj9mi] .miv-customer-copy-button {
    width: 100%;
    min-height: 44px !important;
    border: 1px solid var(--miv-brand) !important;
    border-radius: 6px !important;
    background: var(--miv-surface) !important;
    color: var(--miv-brand-dark) !important;
    font-weight: 800 !important;
}

.mobile-invoice-view[b-inpyeaj9mi]  input,
.mobile-invoice-view[b-inpyeaj9mi]  select,
.mobile-invoice-view[b-inpyeaj9mi]  textarea,
.mobile-invoice-view[b-inpyeaj9mi]  .form-control,
.mobile-invoice-view[b-inpyeaj9mi]  .form-control-mobile {
    min-height: 44px !important;
}

[b-inpyeaj9mi] .miv-quantity-input {
    min-width: 0;
    padding-right: 4px;
    padding-left: 4px;
    text-align: center;
}

[b-inpyeaj9mi] .miv-unit-sheet-body {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    padding: 10px 12px 16px;
}

.miv-unit-sheet-option[b-inpyeaj9mi] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    min-height: 48px;
    border: 1px solid var(--miv-line);
    border-radius: 8px;
    background: var(--miv-surface);
    color: var(--miv-ink);
    padding: 8px 12px;
    font-size: 13px;
    font-weight: 750;
}

.miv-unit-sheet-option.is-selected[b-inpyeaj9mi] {
    border-color: var(--miv-brand);
    background: var(--miv-brand-soft);
    color: var(--miv-brand-dark);
}

@media (max-width: 374px) {
    .miv-lines-heading[b-inpyeaj9mi] {
        align-items: stretch;
        flex-direction: column;
    }

    .miv-add-line-button[b-inpyeaj9mi] {
        width: 100%;
    }

    .miv-quantity-unit-row[b-inpyeaj9mi],
    .miv-line-card-footer[b-inpyeaj9mi] {
        grid-template-columns: 1fr;
    }

    .miv-line-net[b-inpyeaj9mi] {
        border-top: 1px solid var(--miv-line-soft);
        border-left: 0;
        padding-top: 8px;
    }

    .miv-sticky-footer[b-inpyeaj9mi] {
        grid-template-columns: minmax(122px, .75fr) minmax(0, 1.25fr);
    }
}
/* _content/Client/Pages/SatisDagitim/Fatura/Raporlar/FaturaGrafikSatisRaporu.razor.rz.scp.css */
/* Filter Section Specific Styles */
.filter-section[b-b83es9rxat] {
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    border: 1px solid #dee2e6;
    border-radius: 12px;
    padding: 24px;
    margin-bottom: 5px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    position: relative;
    overflow: visible;
}

    .filter-section[b-b83es9rxat]::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 3px;
        background: linear-gradient(90deg, #007bff, #6610f2, #e83e8c);
        border-radius: 12px 12px 0 0;
    }

    /* Filter Grid Layout */
    .filter-section .filter-grid[b-b83es9rxat] {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
        gap: 16px;
        align-items: start;
        position: relative;
    }

    /* Individual Filter Item */
    .filter-section .filter-item[b-b83es9rxat] {
        position: relative;
        background: #ffffff;
        border: 2px solid #e9ecef;
        border-radius: 8px;
        padding: 16px;
        transition: all 0.3s ease;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.02);
        overflow: visible;
        z-index: 1;
    }

        .filter-section .filter-item:hover[b-b83es9rxat] {
            border-color: #007bff;
            transform: translateY(-2px);
            box-shadow: 0 4px 12px rgba(0, 123, 255, 0.15);
        }

         Active/Open state for filter items 
        .filter-section .filter-item.active[b-b83es9rxat],
        .filter-section .filter-item.dropdown-open[b-b83es9rxat],
        .filter-section .filter-item:has(.dx-state-focused)[b-b83es9rxat],
        .filter-section .filter-item:has(.show)[b-b83es9rxat],
        .filter-section .filter-item:has(.open)[b-b83es9rxat] {
            z-index: 1000;
            position: relative;
            border-color: #007bff;
            box-shadow: 0 4px 12px rgba(0, 123, 255, 0.25);
        }

        .filter-section .filter-item[b-b83es9rxat]::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 2px;
            background: linear-gradient(90deg, transparent, #007bff, transparent);
        }

        .filter-section .filter-item:hover[b-b83es9rxat]::before {
            transform: translateX(100%);
        }

    /* Filter Labels */
    .filter-section .filter-label[b-b83es9rxat] {
        font-weight: 600;
        color: #495057;
        font-size: 0.875rem;
        margin-bottom: 8px;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        position: relative;
        padding-left: 12px;
    }

        .filter-section .filter-label[b-b83es9rxat]::before {
            content: '';
            position: absolute;
            left: 0;
            top: 50%;
            transform: translateY(-50%);
            width: 4px;
            height: 16px;
            background: #007bff;
            border-radius: 2px;
        }

    /* Filter Header Text */
    .filter-section .filter-header-text[b-b83es9rxat] {
        background: #f8f9fa;
        border: 1px solid #e9ecef;
        border-radius: 4px;
        padding: 8px 12px;
        font-size: 0.875rem;
        color: #495057;
        min-height: 38px;
        display: flex;
        align-items: center;
        margin-bottom: 8px;
        font-weight: 500;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        user-select: none;
        cursor: pointer;
        transition: all 0.3s ease;
    }

        .filter-section .filter-header-text:hover[b-b83es9rxat] {
            background: #e9ecef;
            border-color: #007bff;
        }

        .filter-section .filter-header-text.active[b-b83es9rxat] {
            background: #007bff;
            color: white;
            border-color: #007bff;
        }

    /* Form Control Overrides for Filter Section */
    .filter-section .form-control[b-b83es9rxat] {
        border: 1px solid #ced4da !important;
        border-radius: 6px !important;
        padding: 12px 16px !important;
        font-size: 0.925rem !important;
        transition: all 0.3s ease !important;
        background: #ffffff !important;
        width: 100% !important;
    }

        .filter-section .form-control:focus[b-b83es9rxat] {
            border-color: #007bff !important;
            box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25) !important;
            background: #ffffff !important;
        }

    /* Date Input Specific Styling */
    .filter-section input[type="date"].form-control[b-b83es9rxat] {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23007bff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 1v3m6-3v3M1 7h14M3 5h10a2 2 0 0 1 2 2v6a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2z'/%3e%3c/svg%3e") !important;
        background-repeat: no-repeat !important;
        background-position: right 12px center !important;
        background-size: 16px !important;
        padding-right: 40px !important;
    }

    /* Dropdown Box Styling */
    .filter-section .dropdown-box-container[b-b83es9rxat] {
        position: relative;
        width: 100%;
    }

        .filter-section .dropdown-box-container .form-control[b-b83es9rxat] {
            position: relative;
            background: #ffffff !important;
            cursor: pointer !important;
        }

        /* BYM Dropdown Box Specific Overrides */
        .filter-section .dropdown-box-container [class*="bym-dropdown"][b-b83es9rxat],
        .filter-section .dropdown-box-container [class*="BymDropdownBox"][b-b83es9rxat] {
            width: 100% !important;
            position: relative;
        }

            .filter-section .dropdown-box-container [class*="bym-dropdown"] .form-control[b-b83es9rxat],
            .filter-section .dropdown-box-container [class*="BymDropdownBox"] .form-control[b-b83es9rxat] {
                width: 100% !important;
                min-width: 100% !important;
            }

        /* Dropdown menu positioning and styling */
        .filter-section .dropdown-box-container .dropdown-menu[b-b83es9rxat],
        .filter-section .dropdown-box-container [class*="listbox"][b-b83es9rxat],
        .filter-section .dropdown-box-container [class*="dropdown-list"][b-b83es9rxat] {
            position: absolute !important;
            top: 100% !important;
            left: 0 !important;
            right: 0 !important;
            z-index: 1050 !important;
            margin-top: 2px !important;
            background: white !important;
            border: 1px solid #ced4da !important;
            border-radius: 6px !important;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
            max-height: 300px !important;
            overflow-y: auto !important;
            opacity: 0;
            transform: translateY(-10px);
            transition: all 0.3s ease;
            pointer-events: none;
        }

            /* Show dropdown animation */
            .filter-section .dropdown-box-container .dropdown-menu.show[b-b83es9rxat],
            .filter-section .dropdown-box-container [class*="listbox"].show[b-b83es9rxat],
            .filter-section .dropdown-box-container [class*="dropdown-list"].show[b-b83es9rxat],
            .filter-section .dropdown-box-container .dropdown-menu.open[b-b83es9rxat],
            .filter-section .dropdown-box-container [class*="listbox"].open[b-b83es9rxat],
            .filter-section .dropdown-box-container [class*="dropdown-list"].open[b-b83es9rxat] {
                opacity: 1;
                transform: translateY(0);
                pointer-events: auto;
            }

    /* DevExpress Component Overrides for Filter Section */
    .filter-section .dx-textbox[b-b83es9rxat],
    .filter-section .dx-dropdownlist[b-b83es9rxat],
    .filter-section .dx-selectbox[b-b83es9rxat] {
        border-radius: 6px !important;
        width: 100% !important;
        position: relative;
    }

        .filter-section .dx-textbox-container[b-b83es9rxat],
        .filter-section .dx-dropdownlist .dx-textbox-container[b-b83es9rxat],
        .filter-section .dx-selectbox .dx-textbox-container[b-b83es9rxat] {
            border: 1px solid #ced4da !important;
            border-radius: 6px !important;
            transition: all 0.3s ease !important;
            background: #ffffff !important;
        }

            .filter-section .dx-textbox-container:hover[b-b83es9rxat],
            .filter-section .dx-dropdownlist:hover .dx-textbox-container[b-b83es9rxat],
            .filter-section .dx-selectbox:hover .dx-textbox-container[b-b83es9rxat] {
                border-color: #007bff !important;
            }

    .filter-section .dx-state-focused .dx-textbox-container[b-b83es9rxat] {
        border-color: #007bff !important;
        box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25) !important;
    }

    /* DevExpress Dropdown Positioning */
    .filter-section .dx-overlay-wrapper[b-b83es9rxat] {
        z-index: 1050 !important;
    }

    .filter-section .dx-popup-wrapper[b-b83es9rxat] {
        z-index: 1050 !important;
    }

    /* Custom Filter Component Positioning */
    .filter-section .custom-filter-dropdown[b-b83es9rxat] {
        position: absolute !important;
        top: 100% !important;
        left: 0 !important;
        right: 0 !important;
        z-index: 1050 !important;
        margin-top: 2px !important;
        background: white !important;
        border: 1px solid #ced4da !important;
        border-radius: 6px !important;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
        max-height: 300px !important;
        overflow-y: auto !important;
        opacity: 0;
        transform: translateY(-10px);
        transition: all 0.3s ease;
        pointer-events: none;
    }

        .filter-section .custom-filter-dropdown.show[b-b83es9rxat],
        .filter-section .custom-filter-dropdown.open[b-b83es9rxat] {
            opacity: 1;
            transform: translateY(0);
            pointer-events: auto;
        }

    /* Input Group Overrides */
    .filter-section .w-100[b-b83es9rxat] {
        width: 100% !important;
    }

    /* Filter Actions */
    .filter-section .filter-actions[b-b83es9rxat] {
        display: flex;
        gap: 12px;
        justify-content: flex-end;
        margin-top: 20px;
        padding-top: 16px;
        border-top: 1px solid #e9ecef;
        flex-wrap: wrap;
    }

    .filter-section .filter-btn[b-b83es9rxat] {
        padding: 8px 20px;
        border-radius: 6px;
        font-weight: 500;
        font-size: 0.875rem;
        transition: all 0.3s ease;
        border: none;
        cursor: pointer;
        display: flex;
        align-items: center;
        gap: 8px;
    }

    .filter-section .filter-btn-primary[b-b83es9rxat] {
        background: linear-gradient(135deg, #007bff, #0056b3);
        color: white;
    }

        .filter-section .filter-btn-primary:hover[b-b83es9rxat] {
            transform: translateY(-1px);
            box-shadow: 0 4px 12px rgba(0, 123, 255, 0.3);
        }

    .filter-section .filter-btn-secondary[b-b83es9rxat] {
        background: #6c757d;
        color: white;
    }

        .filter-section .filter-btn-secondary:hover[b-b83es9rxat] {
            background: #545b62;
            transform: translateY(-1px);
        }

    .filter-section .filter-btn-success[b-b83es9rxat] {
        background: #28a745;
        color: white;
    }

        .filter-section .filter-btn-success:hover[b-b83es9rxat] {
            background: #218838;
            transform: translateY(-1px);
        }

    /* Animation */
    .filter-section.filter-animate-in[b-b83es9rxat] {
        animation: filterSlideIn-b-b83es9rxat 0.5s ease-out;
    }

@keyframes filterSlideIn-b-b83es9rxat {
    from {
        opacity: 0;
        transform: translateY(-20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Responsive Design */
@media (max-width: 1200px) {
    .filter-section .filter-grid[b-b83es9rxat] {
        grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
        gap: 14px;
    }
}

@media (max-width: 992px) {
    .filter-section .filter-grid[b-b83es9rxat] {
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
        gap: 12px;
    }

    .filter-section[b-b83es9rxat] {
        padding: 20px;
    }

        .filter-section .filter-item[b-b83es9rxat] {
            padding: 14px;
        }
}

@media (max-width: 768px) {
    .filter-section[b-b83es9rxat] {
        padding: 16px;
        margin-bottom: 16px;
    }

        .filter-section .filter-grid[b-b83es9rxat] {
            grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
            gap: 10px;
        }

        .filter-section .filter-item[b-b83es9rxat] {
            padding: 12px;
        }

        .filter-section .filter-actions[b-b83es9rxat] {
            justify-content: center;
            margin-top: 16px;
        }
}

@media (max-width: 576px) {
    .filter-section .filter-grid[b-b83es9rxat] {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .filter-section .filter-label[b-b83es9rxat] {
        font-size: 0.8rem;
    }

    .filter-section .form-control[b-b83es9rxat] {
        font-size: 0.875rem !important;
        padding: 10px 12px !important;
    }

    .filter-section .filter-actions[b-b83es9rxat] {
        flex-direction: column;
        align-items: stretch;
    }

    .filter-section .filter-btn[b-b83es9rxat] {
        justify-content: center;
    }
}

@media (max-width: 400px) {
    .filter-section[b-b83es9rxat] {
        padding: 12px;
    }

        .filter-section .filter-item[b-b83es9rxat] {
            padding: 10px;
        }

        .filter-section .filter-header-text[b-b83es9rxat] {
            font-size: 0.8rem;
            padding: 6px 10px;
        }
}

/* Loading State */
.filter-section.loading[b-b83es9rxat] {
    position: relative;
    pointer-events: none;
}

    .filter-section.loading[b-b83es9rxat]::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(255, 255, 255, 0.8);
        z-index: 10;
    }

/* Success/Error States */
.filter-section .filter-success[b-b83es9rxat] {
    border-color: #28a745 !important;
}

    .filter-section .filter-success:focus[b-b83es9rxat] {
        box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25) !important;
    }

.filter-section .filter-error[b-b83es9rxat] {
    border-color: #dc3545 !important;
}

    .filter-section .filter-error:focus[b-b83es9rxat] {
        box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25) !important;
    }
/* _content/Client/Pages/SatisDagitim/Fatura/SatisFaturasiYeni.razor.rz.scp.css */
@media (min-width: 768px) {
    .satis-fatura-desktop-shell[b-ot8rfvfjm7] {
        min-height: 0;
    }

    .satis-fatura-desktop-shell .satis-fatura-workspace[b-ot8rfvfjm7] {
        min-height: 0 !important;
        flex-shrink: 1 !important;
    }

    .satis-fatura-desktop-shell .satis-fatura-tab-card[b-ot8rfvfjm7] {
        min-height: 0;
    }

    .satis-fatura-desktop-shell .tab-content[b-ot8rfvfjm7],
    .satis-fatura-desktop-shell .tab-pane[b-ot8rfvfjm7],
    .satis-fatura-desktop-shell .tab-pane > .border-light[b-ot8rfvfjm7],
    .satis-fatura-desktop-shell .tab-pane .row[b-ot8rfvfjm7],
    .satis-fatura-desktop-shell .tab-pane .col-12[b-ot8rfvfjm7] {
        min-height: 0;
    }
    .satis-fatura-desktop-shell .mobile-totals-summary[b-ot8rfvfjm7] {
        align-self: flex-end;
        width: min(100%, 668px);
        border: 1px solid #d8dee6;
        border-radius: 8px;
        background: #ffffff;
        box-shadow: none;
        margin-left: auto !important;
        margin-right: 10px !important;
        margin-bottom: 10px !important;
    }

        .satis-fatura-desktop-shell .mobile-totals-summary > .col-12[b-ot8rfvfjm7] {
            padding: 10px;
        }

        .satis-fatura-desktop-shell .mobile-totals-summary .card.card-flush[b-ot8rfvfjm7] {
            width: 100%;
            min-width: 0 !important;
            margin-top: 0 !important;
            box-shadow: none !important;
        }
    .desktop-totals-card[b-ot8rfvfjm7] {
        width: 360px;
        min-width: 360px;
        max-width: 100%;
        overflow: hidden;
    }

    .desktop-totals-card .card-body[b-ot8rfvfjm7] {
        padding: 2px !important;
    }

    .desktop-totals-card .px-3[b-ot8rfvfjm7] {
        padding-left: 6px !important;
        padding-right: 6px !important;
    }

    .desktop-totals-card .py-1[b-ot8rfvfjm7] {
        padding-bottom: 2px !important;
        padding-top: 2px !important;
    }

    .desktop-totals-card .fs-7[b-ot8rfvfjm7] {
        font-size: 11px !important;
    }

    .desktop-totals-card .fs-6[b-ot8rfvfjm7] {
        font-size: 12px !important;
    }

    .desktop-totals-card .fs-5[b-ot8rfvfjm7] {
        font-size: 13px !important;
    }
    .desktop-totals-card.is-collapsed[b-ot8rfvfjm7] {
        width: 360px;
        min-width: 360px;
        margin-left: auto;
    }

    .desktop-totals-card.is-expanded[b-ot8rfvfjm7] {
        width: 360px;
        min-width: 360px;
    }

    .desktop-totals-expanded[b-ot8rfvfjm7] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0;
        overflow: hidden;
    }

    .desktop-totals-expanded-item[b-ot8rfvfjm7] {
        display: flex;
        gap: 0;
        padding: 2px 5px;
        flex-direction: row;
        border-right: 1px solid #e9edf2;
        justify-content: space-between;
        border-bottom: 1px solid #e9edf2;
    }

    .desktop-totals-expanded-item:nth-child(2n)[b-ot8rfvfjm7] {
        border-right: 0;
    }

    .desktop-totals-expanded-item:nth-last-child(-n + 2)[b-ot8rfvfjm7] {
        border-bottom: 0;
    }

    .desktop-totals-expanded-item span[b-ot8rfvfjm7] {
        overflow: hidden;
        color: #7a8696;
        font-size: 11px;
        font-weight: 600;
        line-height: 1.2;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .desktop-totals-expanded-item strong[b-ot8rfvfjm7] {
        overflow: hidden;
        color: #17202a;
        font-size: 11px;
        font-weight: 750;
        line-height: 1.25;
        text-align: right;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .desktop-totals-expanded-total[b-ot8rfvfjm7] {
        background: #0078c0;
    }

    .desktop-totals-expanded-total span[b-ot8rfvfjm7],
    .desktop-totals-expanded-total strong[b-ot8rfvfjm7] {
        color: #ffffff;
    }
    .desktop-totals-header[b-ot8rfvfjm7] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 6px;
        border-bottom: 1px solid #e9edf2;
        padding: 2px 4px 2px 6px;
        background: #ffffff;
    }

    .desktop-totals-toggle[b-ot8rfvfjm7] {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 22px;
        height: 22px;
        border: 1px solid #d8dee6;
        border-radius: 6px;
        background: #f6f7f9;
        color: #4b5563;
        font-size: 11px;
        line-height: 1;
    }

    .desktop-totals-toggle:hover[b-ot8rfvfjm7] {
        border-color: #0078c0;
        background: #e6f5fc;
        color: #0078c0;
    }

    .desktop-totals-compact[b-ot8rfvfjm7] {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 0;
        overflow: hidden;
    }
    .desktop-totals-compact-item[b-ot8rfvfjm7] {
        display: flex;
        flex-direction: column;
        gap: 2px;
        min-width: 0;
        border-right: 1px solid #e9edf2;
        padding: 2px 5px;
        background: #ffffff;
    }

    .desktop-totals-compact-item:last-child[b-ot8rfvfjm7] {
        border-right: 0;
    }

    .desktop-totals-compact-item span[b-ot8rfvfjm7] {
        overflow: hidden;
        color: #7a8696;
        font-size: 11px;
        font-weight: 600;
        line-height: 1.2;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .desktop-totals-compact-item strong[b-ot8rfvfjm7] {
        overflow: hidden;
        color: #17202a;
        font-size: 11px;
        font-weight: 750;
        line-height: 1.25;
        text-align: right;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .desktop-totals-compact-total[b-ot8rfvfjm7] {
        background: #0078c0;
    }

    .desktop-totals-compact-total span[b-ot8rfvfjm7],
    .desktop-totals-compact-total strong[b-ot8rfvfjm7] {
        color: #ffffff;
    }
}


.desktop-totals-card[b-ot8rfvfjm7] {
    flex-shrink: 0;
}

@media (max-width: 767.98px) {
    .satis-fatura-form[b-ot8rfvfjm7],
    .satis-fatura-loading-host[b-ot8rfvfjm7] {
        height: 100%;
        min-height: 0;
        overflow: hidden;
    }

    /* RenderFragment ile verilen baslik alanlari bu sayfanin scope'unda uretilir.
       Bu nedenle gercek DevExpress editor katmanlarini burada kompaktlastiriyoruz. */
    [b-ot8rfvfjm7] .mobile-invoice-view .miv-compact-field {
        position: relative;
        display: flex;
        align-items: center;
        min-height: 44px;
        margin: 0 0 3px !important;
        padding: 0 !important;
    }

    [b-ot8rfvfjm7] .mobile-invoice-view .miv-compact-field > .bym-floating-label,
    [b-ot8rfvfjm7] .mobile-invoice-view .miv-accordion-content .bym-memo-container > .bym-floating-label {
        top: -5px !important;
        left: 9px !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 3px !important;
        background: var(--bs-body-bg, #ffffff) !important;
        font-size: 10px !important;
        font-weight: 700 !important;
        line-height: 1.1 !important;
        transform: none !important;
        transform-origin: left center !important;
    }

    [b-ot8rfvfjm7] .mobile-invoice-view .miv-compact-field > .bym-floating-label::before,
    [b-ot8rfvfjm7] .mobile-invoice-view .miv-compact-field > .bym-floating-label::after,
    [b-ot8rfvfjm7] .mobile-invoice-view .miv-accordion-content .bym-memo-container > .bym-floating-label::before,
    [b-ot8rfvfjm7] .mobile-invoice-view .miv-accordion-content .bym-memo-container > .bym-floating-label::after {
        display: none !important;
    }

    [b-ot8rfvfjm7] .mobile-invoice-view .bym-selectbox-mobile-compact-trigger {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 8px;
        width: 100%;
        min-width: 0;
        height: 44px;
        min-height: 44px;
        border: 1px solid #cfd8e3;
        border-radius: 4px;
        background: #ffffff;
        color: #334155;
        padding: 6px 10px;
        font-family: inherit;
        font-size: 12px;
        font-weight: 500;
        line-height: 1.2;
        text-align: left;
    }

    [b-ot8rfvfjm7] .mobile-invoice-view .bym-selectbox-mobile-compact-trigger span {
        overflow: hidden;
        min-width: 0;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    [b-ot8rfvfjm7] .mobile-invoice-view .bym-selectbox-mobile-compact-trigger i {
        flex: 0 0 auto;
        color: #718096;
        font-size: 10px;
    }

    [b-ot8rfvfjm7] .mobile-invoice-view .bym-selectbox-mobile-compact-trigger:focus-visible {
        border-color: #0078c0;
        outline: 1px solid #0078c0;
        outline-offset: 1px;
    }

    [b-ot8rfvfjm7] .mobile-invoice-view .bym-selectbox-mobile-compact-trigger.invalid {
        border-color: var(--bs-danger, #dc3545);
    }

    [b-ot8rfvfjm7] .mobile-invoice-view .bym-selectbox-mobile-compact-trigger:disabled {
        background: #f6f7f9;
        color: #7a8696;
        opacity: 1;
    }

    [b-ot8rfvfjm7] .mobile-invoice-view .miv-compact-select.dxbl-text-edit,
    [b-ot8rfvfjm7] .mobile-invoice-view .miv-compact-control.dxbl-text-edit {
        --dxbl-text-edit-font-size: 12px;
        --dxbl-text-edit-line-height: 1.2;
        --dxbl-text-edit-padding-y: 0.2rem;
        box-sizing: border-box;
        height: 38px !important;
        min-height: 38px !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    [b-ot8rfvfjm7] .mobile-invoice-view .miv-compact-select .dxbl-text-edit-container,
    [b-ot8rfvfjm7] .mobile-invoice-view .miv-compact-control .dxbl-text-edit-container {
        box-sizing: border-box;
        height: 36px !important;
        min-height: 36px !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    [b-ot8rfvfjm7] .mobile-invoice-view .miv-compact-select .dxbl-text-edit-input,
    [b-ot8rfvfjm7] .mobile-invoice-view .miv-compact-control .dxbl-text-edit-input,
    [b-ot8rfvfjm7] .mobile-invoice-view input.miv-compact-control {
        box-sizing: border-box;
        height: 36px !important;
        min-height: 0 !important;
        padding: 4px 9px !important;
        font-size: 12px !important;
        line-height: 1.2 !important;
    }

    [b-ot8rfvfjm7] .mobile-invoice-view .miv-compact-select .dxbl-btn,
    [b-ot8rfvfjm7] .mobile-invoice-view .miv-compact-control .dxbl-btn {
        height: 36px !important;
        min-height: 36px !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    [b-ot8rfvfjm7] .mobile-invoice-view .miv-accordion-content .bym-memo-container {
        position: relative;
        min-height: 56px !important;
        margin: 0 0 4px !important;
        padding-top: 2px !important;
    }

    [b-ot8rfvfjm7] .mobile-invoice-view .miv-accordion-content textarea.miv-compact-control {
        box-sizing: border-box;
        height: 52px !important;
        min-height: 52px !important;
        padding: 7px 9px !important;
        font-size: 12px !important;
        line-height: 1.3 !important;
    }
}
/* _content/Client/Pages/SatisDagitim/Siparis/AlinanSiparisMobil/AlinanSiparisMobil.razor.rz.scp.css */
:root[b-ib1b52yzwm] {
    --chim-primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    --chim-primary: #667eea;
    --chim-primary-dark: #764ba2;
    --chim-success-gradient: linear-gradient(135deg, #48bb78 0%, #38a169 100%);
    --chim-success: #48bb78;
    --chim-warning-gradient: linear-gradient(135deg, #f6ad55 0%, #ed8936 100%);
    --chim-warning: #f6ad55;
    --chim-danger-gradient: linear-gradient(135deg, #fc8181 0%, #f56565 100%);
    --chim-danger: #fc8181;
    --chim-card-bg: #ffffff;
    --chim-card-header-bg: linear-gradient(135deg, #f7fafc 0%, #edf2f7 100%);
    --chim-text-primary: #1a202c;
    --chim-text-secondary: #4a5568;
    --chim-text-muted: #718096;
    --chim-border: #e2e8f0;
    --chim-bg: #f7fafc;
    --chim-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.08);
    --chim-shadow-md: 0 4px 16px rgba(102, 126, 234, 0.2);
}

[data-bs-theme="dark"][b-ib1b52yzwm] {
    --chim-primary: #8b9aee;
    --chim-primary-dark: #9a7bc2;
    --chim-success: #68d391;
    --chim-warning: #fbbf24;
    --chim-danger: #fca5a5;
    --chim-card-bg: #1e293b;
    --chim-card-header-bg: linear-gradient(135deg, #334155 0%, #1e293b 100%);
    --chim-text-primary: #f1f5f9;
    --chim-text-secondary: #cbd5e1;
    --chim-text-muted: #94a3b8;
    --chim-border: #334155;
    --chim-bg: #0f172a;
    --chim-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3);
    --chim-shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4);
}

/* ── CONTAINER ─────────────────────────────────────── */
.chim-container[b-ib1b52yzwm] {
    width: 100%;
    min-height: 100vh;
    background: var(--chim-bg);
    padding-bottom: 20px;
}

/* ── STICKY HEADER ──────────────────────────────────── */
.chim-header-sticky[b-ib1b52yzwm] {
    position: sticky;
    top: 0;
    z-index: 10;
    background: var(--chim-bg);
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
    margin-top: 1rem;
    padding: 0 12px 12px;
}

.chim-controls-card[b-ib1b52yzwm] {
    background: var(--chim-card-bg);
    border-radius: 16px;
    padding: 10px 12px;
    box-shadow: var(--chim-shadow-sm);
    display: flex;
    align-items: center;
    gap: 10px;
}

/* ── SEARCH ─────────────────────────────────────────── */
.chim-search-inline[b-ib1b52yzwm] {
    flex: 1;
    position: relative;
    display: flex;
    align-items: center;
}

.chim-search-icon[b-ib1b52yzwm] {
    position: absolute;
    left: 12px;
    font-size: 18px;
    color: #ffffff;
    z-index: 1;
    pointer-events: none;
}

.chim-search-input[b-ib1b52yzwm] {
    width: 100%;
    border: none;
    border-radius: 12px;
    padding: 10px 36px 10px 38px;
    font-size: 14px;
    font-weight: 500;
    color: #ffffff;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    transition: all 0.2s ease;
    outline: none;
    box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3);
}

    .chim-search-input:focus[b-ib1b52yzwm] {
        box-shadow: 0 4px 16px rgba(102, 126, 234, 0.4);
        transform: translateY(-1px);
    }

    .chim-search-input[b-ib1b52yzwm]::placeholder {
        color: rgba(255, 255, 255, 0.7);
    }

.chim-search-clear[b-ib1b52yzwm] {
    position: absolute;
    right: 8px;
    background: linear-gradient(135deg, #ff6b35 0%, #f7931e 100%);
    border: none;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: white;
    font-size: 14px;
    transition: all 0.2s ease;
    box-shadow: 0 2px 6px rgba(255, 107, 53, 0.4);
}

    .chim-search-clear:active[b-ib1b52yzwm] {
        transform: scale(0.95);
    }

/* ── FILTER BUTTON ──────────────────────────────────── */
.chim-filter-btn[b-ib1b52yzwm] {
    flex-shrink: 0;
    width: 42px;
    height: 42px;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border: none;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: white;
    font-size: 20px;
    transition: all 0.2s ease;
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
    position: relative;
}

    .chim-filter-btn:active[b-ib1b52yzwm] {
        transform: scale(0.95);
    }

    .chim-filter-btn.active[b-ib1b52yzwm] {
        background: linear-gradient(135deg, #764ba2 0%, #667eea 100%);
        box-shadow: 0 4px 16px rgba(118, 75, 162, 0.5);
    }

.chim-filter-badge[b-ib1b52yzwm] {
    position: absolute;
    top: -6px;
    right: -6px;
    background: linear-gradient(135deg, #f56565 0%, #e53e3e 100%);
    color: white;
    font-size: 10px;
    font-weight: 800;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 6px rgba(229, 62, 62, 0.4);
    border: 2px solid var(--chim-card-bg);
}

/* ── LOADING ────────────────────────────────────────── */
.chim-loading-overlay[b-ib1b52yzwm] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 20px;
    gap: 20px;
}

.chim-spinner[b-ib1b52yzwm] {
    position: relative;
    width: 60px;
    height: 60px;
}

.chim-spinner-ring[b-ib1b52yzwm] {
    position: absolute;
    width: 100%;
    height: 100%;
    border: 3px solid transparent;
    border-top-color: var(--chim-primary);
    border-radius: 50%;
    animation: chimSpin-b-ib1b52yzwm 1s linear infinite;
}

    .chim-spinner-ring:nth-child(2)[b-ib1b52yzwm] {
        border-top-color: var(--chim-primary-dark);
        animation-delay: 0.15s;
    }

    .chim-spinner-ring:nth-child(3)[b-ib1b52yzwm] {
        border-top-color: var(--chim-success);
        animation-delay: 0.3s;
    }

@keyframes chimSpin-b-ib1b52yzwm {
    to {
        transform: rotate(360deg);
    }
}

.chim-loading-text[b-ib1b52yzwm] {
    font-size: 16px;
    font-weight: 600;
    color: var(--chim-text-secondary);
}

/* ── CARD LIST ──────────────────────────────────────── */
.chim-list-container[b-ib1b52yzwm] {
    padding: 12px;
    padding-bottom: 120px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.chim-card[b-ib1b52yzwm] {
    background: var(--chim-card-bg);
    border-radius: 16px;
    overflow: hidden;
    box-shadow: var(--chim-shadow-sm);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer;
    border: 2px solid transparent;
}

    .chim-card:active[b-ib1b52yzwm] {
        transform: scale(0.98);
    }

    .chim-card.expanded[b-ib1b52yzwm] {
        border-color: var(--chim-primary-dark);
        box-shadow: var(--chim-shadow-md);
    }

/* ── CARD HEADER ────────────────────────────────────── */
.chim-card-header[b-ib1b52yzwm] {
    padding: 16px;
    background: var(--chim-card-header-bg);
    border-bottom: 1px solid var(--chim-border);
}

.chim-card-title-row[b-ib1b52yzwm] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 12px;
    gap: 8px;
}

.chim-card-title-block[b-ib1b52yzwm] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.chim-card-title[b-ib1b52yzwm] {
    font-size: 15px;
    font-weight: 700;
    color: var(--chim-text-primary);
    margin: 0;
    line-height: 1.3;
}

.chim-card-subtitle[b-ib1b52yzwm] {
    font-size: 12px;
    color: var(--chim-text-muted);
    font-weight: 500;
}

.chim-card-badge-col[b-ib1b52yzwm] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 6px;
    flex-shrink: 0;
}

.chim-tip-badge[b-ib1b52yzwm] {
    background: linear-gradient(135deg, rgba(102, 126, 234, 0.15) 0%, rgba(118, 75, 162, 0.15) 100%);
    color: var(--chim-primary-dark);
    font-size: 11px;
    font-weight: 700;
    padding: 3px 10px;
    border-radius: 20px;
    border: 1px solid rgba(102, 126, 234, 0.3);
    white-space: nowrap;
}

[data-bs-theme="dark"] .chim-tip-badge[b-ib1b52yzwm] {
    color: var(--chim-primary);
    background: rgba(139, 154, 238, 0.15);
    border-color: rgba(139, 154, 238, 0.3);
}

.chim-expand-icon[b-ib1b52yzwm] {
    font-size: 18px;
    color: var(--chim-primary);
    transition: transform 0.3s ease;
}

.chim-card.expanded .chim-expand-icon[b-ib1b52yzwm] {
    transform: rotate(180deg);
    color: var(--chim-primary-dark);
}

/* ── QUICK STATS ────────────────────────────────────── */
.chim-quick-stats[b-ib1b52yzwm] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

.chim-stat[b-ib1b52yzwm] {
    padding: 10px 12px;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.chim-stat-primary[b-ib1b52yzwm] {
    background: linear-gradient(135deg, rgba(102, 126, 234, 0.1) 0%, rgba(118, 75, 162, 0.1) 100%);
}

.chim-stat-secondary[b-ib1b52yzwm] {
    background: linear-gradient(135deg, rgba(72, 187, 120, 0.1) 0%, rgba(56, 161, 105, 0.1) 100%);
}

.chim-stat-label[b-ib1b52yzwm] {
    font-size: 10px;
    color: var(--chim-text-muted);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.chim-stat-value[b-ib1b52yzwm] {
    font-size: 14px;
    font-weight: 800;
    color: var(--chim-text-primary);
}

.chim-stat-truncate[b-ib1b52yzwm] {
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* ── CARD CONTENT (expanded) ────────────────────────── */
.chim-card-content[b-ib1b52yzwm] {
    padding: 0;
    background: var(--chim-card-bg);
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-height 0.35s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.25s ease, padding 0.3s ease;
}

.chim-card.expanded .chim-card-content[b-ib1b52yzwm] {
    max-height: 2500px;
    opacity: 1;
    padding: 16px;
}

.chim-detail-grid[b-ib1b52yzwm] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.chim-detail-item[b-ib1b52yzwm] {
    background: var(--chim-bg);
    padding: 12px 14px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    gap: 12px;
    transition: all 0.2s ease;
}

    .chim-detail-item:active[b-ib1b52yzwm] {
        transform: translateX(4px);
        background: var(--chim-border);
    }

    .chim-detail-item > i[b-ib1b52yzwm] {
        font-size: 22px;
        color: var(--chim-primary);
        flex-shrink: 0;
    }

.chim-detail-info[b-ib1b52yzwm] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.chim-detail-label[b-ib1b52yzwm] {
    font-size: 11px;
    color: var(--chim-text-muted);
    font-weight: 600;
}

.chim-detail-value[b-ib1b52yzwm] {
    font-size: 14px;
    font-weight: 700;
    color: var(--chim-text-primary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* ── ACTIONS ────────────────────────────────────────── */
.chim-actions[b-ib1b52yzwm] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 8px;
    margin-top: 14px;
    padding-top: 14px;
    border-top: 1px solid var(--chim-border);
}

.chim-action-btn[b-ib1b52yzwm] {
    border: none;
    padding: 10px 8px;
    border-radius: 12px;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    color: white;
}

    .chim-action-btn:active[b-ib1b52yzwm] {
        transform: scale(0.95);
    }

.chim-btn-success[b-ib1b52yzwm] {
    background: linear-gradient(135deg, #48bb78 0%, #38a169 100%);
    box-shadow: 0 4px 12px rgba(72, 187, 120, 0.3);
}

.chim-btn-primary[b-ib1b52yzwm] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
}

.chim-btn-danger[b-ib1b52yzwm] {
    background: linear-gradient(135deg, #fc8181 0%, #f56565 100%);
    box-shadow: 0 4px 12px rgba(245, 101, 101, 0.3);
}

/* ── PAGINATION ─────────────────────────────────────── */
.chim-pagination-footer[b-ib1b52yzwm] {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: var(--chim-card-bg);
    border-top: 1px solid var(--chim-border);
    box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.08);
    z-index: 90;
    padding: 12px;
}

.chim-pagination-controls[b-ib1b52yzwm] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-bottom: 12px;
}

.chim-page-btn[b-ib1b52yzwm] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border: none;
    width: 36px;
    height: 36px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: white;
    font-size: 16px;
    transition: all 0.2s ease;
    box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3);
}

    .chim-page-btn:active:not(:disabled)[b-ib1b52yzwm] {
        transform: scale(0.95);
    }

    .chim-page-btn:disabled[b-ib1b52yzwm] {
        background: var(--chim-border);
        color: var(--chim-text-muted);
        cursor: not-allowed;
        opacity: 0.5;
        box-shadow: none;
    }

.chim-page-info[b-ib1b52yzwm] {
    display: flex;
    align-items: center;
    gap: 6px;
    background: var(--chim-card-header-bg);
    padding: 8px 16px;
    border-radius: 10px;
    font-weight: 700;
    box-shadow: var(--chim-shadow-sm);
}

.chim-page-current[b-ib1b52yzwm] {
    font-size: 16px;
    color: var(--chim-primary);
}

.chim-page-sep[b-ib1b52yzwm] {
    font-size: 14px;
    color: var(--chim-text-muted);
}

.chim-page-total[b-ib1b52yzwm] {
    font-size: 14px;
    color: var(--chim-text-secondary);
}

.chim-pagination-details[b-ib1b52yzwm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.chim-page-size[b-ib1b52yzwm] {
    background: var(--chim-card-header-bg);
    border: 2px solid var(--chim-border);
    padding: 8px 12px;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 600;
    color: var(--chim-text-primary);
    cursor: pointer;
    transition: all 0.2s ease;
}

    .chim-page-size:focus[b-ib1b52yzwm] {
        outline: none;
        border-color: var(--chim-primary);
        box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
    }

.chim-page-text[b-ib1b52yzwm] {
    font-size: 12px;
    color: var(--chim-text-secondary);
    font-weight: 600;
    text-align: right;
    flex: 1;
}

/* ── EMPTY STATE ────────────────────────────────────── */
.chim-empty-state[b-ib1b52yzwm] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 20px;
    gap: 16px;
    text-align: center;
}

    .chim-empty-state i[b-ib1b52yzwm] {
        font-size: 80px;
        color: var(--chim-text-muted);
        opacity: 0.5;
    }

    .chim-empty-state h3[b-ib1b52yzwm] {
        font-size: 20px;
        font-weight: 700;
        color: var(--chim-text-primary);
        margin: 0;
    }

    .chim-empty-state p[b-ib1b52yzwm] {
        font-size: 14px;
        color: var(--chim-text-secondary);
        margin: 0;
    }

/* ── RESPONSIVE ─────────────────────────────────────── */
@media (max-width: 480px) {
    .chim-actions[b-ib1b52yzwm] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 360px) {
    .chim-quick-stats[b-ib1b52yzwm] {
        grid-template-columns: 1fr;
    }
}
/* _content/Client/Pages/SatisDagitim/Teklifler/VerilenTekliflerMobil/VerilenTekliflerMobil.razor.rz.scp.css */
:root[b-lbbfgjhf9g] {
    --chim-primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    --chim-primary: #667eea;
    --chim-primary-dark: #764ba2;
    --chim-success-gradient: linear-gradient(135deg, #48bb78 0%, #38a169 100%);
    --chim-success: #48bb78;
    --chim-warning-gradient: linear-gradient(135deg, #f6ad55 0%, #ed8936 100%);
    --chim-warning: #f6ad55;
    --chim-danger-gradient: linear-gradient(135deg, #fc8181 0%, #f56565 100%);
    --chim-danger: #fc8181;
    --chim-card-bg: #ffffff;
    --chim-card-header-bg: linear-gradient(135deg, #f7fafc 0%, #edf2f7 100%);
    --chim-text-primary: #1a202c;
    --chim-text-secondary: #4a5568;
    --chim-text-muted: #718096;
    --chim-border: #e2e8f0;
    --chim-bg: #f7fafc;
    --chim-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.08);
    --chim-shadow-md: 0 4px 16px rgba(102, 126, 234, 0.2);
}

[data-bs-theme="dark"][b-lbbfgjhf9g] {
    --chim-primary: #8b9aee;
    --chim-primary-dark: #9a7bc2;
    --chim-success: #68d391;
    --chim-warning: #fbbf24;
    --chim-danger: #fca5a5;
    --chim-card-bg: #1e293b;
    --chim-card-header-bg: linear-gradient(135deg, #334155 0%, #1e293b 100%);
    --chim-text-primary: #f1f5f9;
    --chim-text-secondary: #cbd5e1;
    --chim-text-muted: #94a3b8;
    --chim-border: #334155;
    --chim-bg: #0f172a;
    --chim-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3);
    --chim-shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4);
}

/* ── CONTAINER ─────────────────────────────────────── */
.chim-container[b-lbbfgjhf9g] {
    width: 100%;
    min-height: 100vh;
    background: var(--chim-bg);
    padding-bottom: 20px;
}

/* ── STICKY HEADER ──────────────────────────────────── */
.chim-header-sticky[b-lbbfgjhf9g] {
    position: sticky;
    top: 0;
    z-index: 10;
    background: var(--chim-bg);
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
    margin-top: 1rem;
    padding: 0 12px 12px;
}

.chim-controls-card[b-lbbfgjhf9g] {
    background: var(--chim-card-bg);
    border-radius: 16px;
    padding: 10px 12px;
    box-shadow: var(--chim-shadow-sm);
    display: flex;
    align-items: center;
    gap: 10px;
}

/* ── SEARCH ─────────────────────────────────────────── */
.chim-search-inline[b-lbbfgjhf9g] {
    flex: 1;
    position: relative;
    display: flex;
    align-items: center;
}

.chim-search-icon[b-lbbfgjhf9g] {
    position: absolute;
    left: 12px;
    font-size: 18px;
    color: #ffffff;
    z-index: 1;
    pointer-events: none;
}

.chim-search-input[b-lbbfgjhf9g] {
    width: 100%;
    border: none;
    border-radius: 12px;
    padding: 10px 36px 10px 38px;
    font-size: 14px;
    font-weight: 500;
    color: #ffffff;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    transition: all 0.2s ease;
    outline: none;
    box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3);
}

    .chim-search-input:focus[b-lbbfgjhf9g] {
        box-shadow: 0 4px 16px rgba(102, 126, 234, 0.4);
        transform: translateY(-1px);
    }

    .chim-search-input[b-lbbfgjhf9g]::placeholder {
        color: rgba(255, 255, 255, 0.7);
    }

.chim-search-clear[b-lbbfgjhf9g] {
    position: absolute;
    right: 8px;
    background: linear-gradient(135deg, #ff6b35 0%, #f7931e 100%);
    border: none;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: white;
    font-size: 14px;
    transition: all 0.2s ease;
    box-shadow: 0 2px 6px rgba(255, 107, 53, 0.4);
}

    .chim-search-clear:active[b-lbbfgjhf9g] {
        transform: scale(0.95);
    }

/* ── FILTER BUTTON ──────────────────────────────────── */
.chim-filter-btn[b-lbbfgjhf9g] {
    flex-shrink: 0;
    width: 42px;
    height: 42px;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border: none;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: white;
    font-size: 20px;
    transition: all 0.2s ease;
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
    position: relative;
}

    .chim-filter-btn:active[b-lbbfgjhf9g] {
        transform: scale(0.95);
    }

    .chim-filter-btn.active[b-lbbfgjhf9g] {
        background: linear-gradient(135deg, #764ba2 0%, #667eea 100%);
        box-shadow: 0 4px 16px rgba(118, 75, 162, 0.5);
    }

.chim-filter-badge[b-lbbfgjhf9g] {
    position: absolute;
    top: -6px;
    right: -6px;
    background: linear-gradient(135deg, #f56565 0%, #e53e3e 100%);
    color: white;
    font-size: 10px;
    font-weight: 800;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 6px rgba(229, 62, 62, 0.4);
    border: 2px solid var(--chim-card-bg);
}

/* ── LOADING ────────────────────────────────────────── */
.chim-loading-overlay[b-lbbfgjhf9g] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 20px;
    gap: 20px;
}

.chim-spinner[b-lbbfgjhf9g] {
    position: relative;
    width: 60px;
    height: 60px;
}

.chim-spinner-ring[b-lbbfgjhf9g] {
    position: absolute;
    width: 100%;
    height: 100%;
    border: 3px solid transparent;
    border-top-color: var(--chim-primary);
    border-radius: 50%;
    animation: chimSpin-b-lbbfgjhf9g 1s linear infinite;
}

    .chim-spinner-ring:nth-child(2)[b-lbbfgjhf9g] {
        border-top-color: var(--chim-primary-dark);
        animation-delay: 0.15s;
    }

    .chim-spinner-ring:nth-child(3)[b-lbbfgjhf9g] {
        border-top-color: var(--chim-success);
        animation-delay: 0.3s;
    }

@keyframes chimSpin-b-lbbfgjhf9g {
    to {
        transform: rotate(360deg);
    }
}

.chim-loading-text[b-lbbfgjhf9g] {
    font-size: 16px;
    font-weight: 600;
    color: var(--chim-text-secondary);
}

/* ── CARD LIST ──────────────────────────────────────── */
.chim-list-container[b-lbbfgjhf9g] {
    padding: 12px;
    padding-bottom: 120px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.chim-card[b-lbbfgjhf9g] {
    background: var(--chim-card-bg);
    border-radius: 16px;
    overflow: hidden;
    box-shadow: var(--chim-shadow-sm);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer;
    border: 2px solid transparent;
}

    .chim-card:active[b-lbbfgjhf9g] {
        transform: scale(0.98);
    }

    .chim-card.expanded[b-lbbfgjhf9g] {
        border-color: var(--chim-primary-dark);
        box-shadow: var(--chim-shadow-md);
    }

/* ── CARD HEADER ────────────────────────────────────── */
.chim-card-header[b-lbbfgjhf9g] {
    padding: 16px;
    background: var(--chim-card-header-bg);
    border-bottom: 1px solid var(--chim-border);
}

.chim-card-title-row[b-lbbfgjhf9g] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 12px;
    gap: 8px;
}

.chim-card-title-block[b-lbbfgjhf9g] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.chim-card-title[b-lbbfgjhf9g] {
    font-size: 15px;
    font-weight: 700;
    color: var(--chim-text-primary);
    margin: 0;
    line-height: 1.3;
}

.chim-card-subtitle[b-lbbfgjhf9g] {
    font-size: 12px;
    color: var(--chim-text-muted);
    font-weight: 500;
}

.chim-card-badge-col[b-lbbfgjhf9g] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 6px;
    flex-shrink: 0;
}

.chim-tip-badge[b-lbbfgjhf9g] {
    background: linear-gradient(135deg, rgba(102, 126, 234, 0.15) 0%, rgba(118, 75, 162, 0.15) 100%);
    color: var(--chim-primary-dark);
    font-size: 11px;
    font-weight: 700;
    padding: 3px 10px;
    border-radius: 20px;
    border: 1px solid rgba(102, 126, 234, 0.3);
    white-space: nowrap;
}

[data-bs-theme="dark"] .chim-tip-badge[b-lbbfgjhf9g] {
    color: var(--chim-primary);
    background: rgba(139, 154, 238, 0.15);
    border-color: rgba(139, 154, 238, 0.3);
}

.chim-expand-icon[b-lbbfgjhf9g] {
    font-size: 18px;
    color: var(--chim-primary);
    transition: transform 0.3s ease;
}

.chim-card.expanded .chim-expand-icon[b-lbbfgjhf9g] {
    transform: rotate(180deg);
    color: var(--chim-primary-dark);
}

/* ── QUICK STATS ────────────────────────────────────── */
.chim-quick-stats[b-lbbfgjhf9g] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

.chim-stat[b-lbbfgjhf9g] {
    padding: 10px 12px;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.chim-stat-primary[b-lbbfgjhf9g] {
    background: linear-gradient(135deg, rgba(102, 126, 234, 0.1) 0%, rgba(118, 75, 162, 0.1) 100%);
}

.chim-stat-secondary[b-lbbfgjhf9g] {
    background: linear-gradient(135deg, rgba(72, 187, 120, 0.1) 0%, rgba(56, 161, 105, 0.1) 100%);
}

.chim-stat-label[b-lbbfgjhf9g] {
    font-size: 10px;
    color: var(--chim-text-muted);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.chim-stat-value[b-lbbfgjhf9g] {
    font-size: 14px;
    font-weight: 800;
    color: var(--chim-text-primary);
}

.chim-stat-truncate[b-lbbfgjhf9g] {
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* ── CARD CONTENT (expanded) ────────────────────────── */
.chim-card-content[b-lbbfgjhf9g] {
    padding: 0;
    background: var(--chim-card-bg);
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-height 0.35s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.25s ease, padding 0.3s ease;
}

.chim-card.expanded .chim-card-content[b-lbbfgjhf9g] {
    max-height: 2500px;
    opacity: 1;
    padding: 16px;
}

.chim-detail-grid[b-lbbfgjhf9g] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.chim-detail-item[b-lbbfgjhf9g] {
    background: var(--chim-bg);
    padding: 12px 14px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    gap: 12px;
    transition: all 0.2s ease;
}

    .chim-detail-item:active[b-lbbfgjhf9g] {
        transform: translateX(4px);
        background: var(--chim-border);
    }

    .chim-detail-item > i[b-lbbfgjhf9g] {
        font-size: 22px;
        color: var(--chim-primary);
        flex-shrink: 0;
    }

.chim-detail-info[b-lbbfgjhf9g] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.chim-detail-label[b-lbbfgjhf9g] {
    font-size: 11px;
    color: var(--chim-text-muted);
    font-weight: 600;
}

.chim-detail-value[b-lbbfgjhf9g] {
    font-size: 14px;
    font-weight: 700;
    color: var(--chim-text-primary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* ── ACTIONS ────────────────────────────────────────── */
.chim-actions[b-lbbfgjhf9g] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 8px;
    margin-top: 14px;
    padding-top: 14px;
    border-top: 1px solid var(--chim-border);
}

.chim-action-btn[b-lbbfgjhf9g] {
    border: none;
    padding: 10px 8px;
    border-radius: 12px;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    color: white;
}

    .chim-action-btn:active[b-lbbfgjhf9g] {
        transform: scale(0.95);
    }

.chim-btn-success[b-lbbfgjhf9g] {
    background: linear-gradient(135deg, #48bb78 0%, #38a169 100%);
    box-shadow: 0 4px 12px rgba(72, 187, 120, 0.3);
}

.chim-btn-primary[b-lbbfgjhf9g] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
}

.chim-btn-danger[b-lbbfgjhf9g] {
    background: linear-gradient(135deg, #fc8181 0%, #f56565 100%);
    box-shadow: 0 4px 12px rgba(245, 101, 101, 0.3);
}

/* ── PAGINATION ─────────────────────────────────────── */
.chim-pagination-footer[b-lbbfgjhf9g] {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: var(--chim-card-bg);
    border-top: 1px solid var(--chim-border);
    box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.08);
    z-index: 90;
    padding: 12px;
}

.chim-pagination-controls[b-lbbfgjhf9g] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-bottom: 12px;
}

.chim-page-btn[b-lbbfgjhf9g] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border: none;
    width: 36px;
    height: 36px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: white;
    font-size: 16px;
    transition: all 0.2s ease;
    box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3);
}

    .chim-page-btn:active:not(:disabled)[b-lbbfgjhf9g] {
        transform: scale(0.95);
    }

    .chim-page-btn:disabled[b-lbbfgjhf9g] {
        background: var(--chim-border);
        color: var(--chim-text-muted);
        cursor: not-allowed;
        opacity: 0.5;
        box-shadow: none;
    }

.chim-page-info[b-lbbfgjhf9g] {
    display: flex;
    align-items: center;
    gap: 6px;
    background: var(--chim-card-header-bg);
    padding: 8px 16px;
    border-radius: 10px;
    font-weight: 700;
    box-shadow: var(--chim-shadow-sm);
}

.chim-page-current[b-lbbfgjhf9g] {
    font-size: 16px;
    color: var(--chim-primary);
}

.chim-page-sep[b-lbbfgjhf9g] {
    font-size: 14px;
    color: var(--chim-text-muted);
}

.chim-page-total[b-lbbfgjhf9g] {
    font-size: 14px;
    color: var(--chim-text-secondary);
}

.chim-pagination-details[b-lbbfgjhf9g] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.chim-page-size[b-lbbfgjhf9g] {
    background: var(--chim-card-header-bg);
    border: 2px solid var(--chim-border);
    padding: 8px 12px;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 600;
    color: var(--chim-text-primary);
    cursor: pointer;
    transition: all 0.2s ease;
}

    .chim-page-size:focus[b-lbbfgjhf9g] {
        outline: none;
        border-color: var(--chim-primary);
        box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
    }

.chim-page-text[b-lbbfgjhf9g] {
    font-size: 12px;
    color: var(--chim-text-secondary);
    font-weight: 600;
    text-align: right;
    flex: 1;
}

/* ── EMPTY STATE ────────────────────────────────────── */
.chim-empty-state[b-lbbfgjhf9g] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 20px;
    gap: 16px;
    text-align: center;
}

    .chim-empty-state i[b-lbbfgjhf9g] {
        font-size: 80px;
        color: var(--chim-text-muted);
        opacity: 0.5;
    }

    .chim-empty-state h3[b-lbbfgjhf9g] {
        font-size: 20px;
        font-weight: 700;
        color: var(--chim-text-primary);
        margin: 0;
    }

    .chim-empty-state p[b-lbbfgjhf9g] {
        font-size: 14px;
        color: var(--chim-text-secondary);
        margin: 0;
    }

/* ── RESPONSIVE ─────────────────────────────────────── */
@media (max-width: 480px) {
    .chim-actions[b-lbbfgjhf9g] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 360px) {
    .chim-quick-stats[b-lbbfgjhf9g] {
        grid-template-columns: 1fr;
    }
}
/* _content/Client/Pages/SatisDagitim/İrsaliye/SatisIrsaliyesiMobil/SatisIrsaliyesiMobil.razor.rz.scp.css */
:root[b-0zj8nno2ap] {
    --chim-primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    --chim-primary: #667eea;
    --chim-primary-dark: #764ba2;
    --chim-success-gradient: linear-gradient(135deg, #48bb78 0%, #38a169 100%);
    --chim-success: #48bb78;
    --chim-warning-gradient: linear-gradient(135deg, #f6ad55 0%, #ed8936 100%);
    --chim-warning: #f6ad55;
    --chim-danger-gradient: linear-gradient(135deg, #fc8181 0%, #f56565 100%);
    --chim-danger: #fc8181;
    --chim-card-bg: #ffffff;
    --chim-card-header-bg: linear-gradient(135deg, #f7fafc 0%, #edf2f7 100%);
    --chim-text-primary: #1a202c;
    --chim-text-secondary: #4a5568;
    --chim-text-muted: #718096;
    --chim-border: #e2e8f0;
    --chim-bg: #f7fafc;
    --chim-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.08);
    --chim-shadow-md: 0 4px 16px rgba(102, 126, 234, 0.2);
}

[data-bs-theme="dark"][b-0zj8nno2ap] {
    --chim-primary: #8b9aee;
    --chim-primary-dark: #9a7bc2;
    --chim-success: #68d391;
    --chim-warning: #fbbf24;
    --chim-danger: #fca5a5;
    --chim-card-bg: #1e293b;
    --chim-card-header-bg: linear-gradient(135deg, #334155 0%, #1e293b 100%);
    --chim-text-primary: #f1f5f9;
    --chim-text-secondary: #cbd5e1;
    --chim-text-muted: #94a3b8;
    --chim-border: #334155;
    --chim-bg: #0f172a;
    --chim-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3);
    --chim-shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4);
}

/* ── CONTAINER ─────────────────────────────────────── */
.chim-container[b-0zj8nno2ap] {
    width: 100%;
    min-height: 100vh;
    background: var(--chim-bg);
    padding-bottom: 20px;
}

/* ── STICKY HEADER ──────────────────────────────────── */
.chim-header-sticky[b-0zj8nno2ap] {
    position: sticky;
    top: 0;
    z-index: 10;
    background: var(--chim-bg);
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
    margin-top: 1rem;
    padding: 0 12px 12px;
}

.chim-controls-card[b-0zj8nno2ap] {
    background: var(--chim-card-bg);
    border-radius: 16px;
    padding: 10px 12px;
    box-shadow: var(--chim-shadow-sm);
    display: flex;
    align-items: center;
    gap: 10px;
}

/* ── SEARCH ─────────────────────────────────────────── */
.chim-search-inline[b-0zj8nno2ap] {
    flex: 1;
    position: relative;
    display: flex;
    align-items: center;
}

.chim-search-icon[b-0zj8nno2ap] {
    position: absolute;
    left: 12px;
    font-size: 18px;
    color: #ffffff;
    z-index: 1;
    pointer-events: none;
}

.chim-search-input[b-0zj8nno2ap] {
    width: 100%;
    border: none;
    border-radius: 12px;
    padding: 10px 36px 10px 38px;
    font-size: 14px;
    font-weight: 500;
    color: #ffffff;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    transition: all 0.2s ease;
    outline: none;
    box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3);
}

    .chim-search-input:focus[b-0zj8nno2ap] {
        box-shadow: 0 4px 16px rgba(102, 126, 234, 0.4);
        transform: translateY(-1px);
    }

    .chim-search-input[b-0zj8nno2ap]::placeholder {
        color: rgba(255, 255, 255, 0.7);
    }

.chim-search-clear[b-0zj8nno2ap] {
    position: absolute;
    right: 8px;
    background: linear-gradient(135deg, #ff6b35 0%, #f7931e 100%);
    border: none;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: white;
    font-size: 14px;
    transition: all 0.2s ease;
    box-shadow: 0 2px 6px rgba(255, 107, 53, 0.4);
}

    .chim-search-clear:active[b-0zj8nno2ap] {
        transform: scale(0.95);
    }

/* ── FILTER BUTTON ──────────────────────────────────── */
.chim-filter-btn[b-0zj8nno2ap] {
    flex-shrink: 0;
    width: 42px;
    height: 42px;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border: none;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: white;
    font-size: 20px;
    transition: all 0.2s ease;
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
    position: relative;
}

    .chim-filter-btn:active[b-0zj8nno2ap] {
        transform: scale(0.95);
    }

    .chim-filter-btn.active[b-0zj8nno2ap] {
        background: linear-gradient(135deg, #764ba2 0%, #667eea 100%);
        box-shadow: 0 4px 16px rgba(118, 75, 162, 0.5);
    }

.chim-filter-badge[b-0zj8nno2ap] {
    position: absolute;
    top: -6px;
    right: -6px;
    background: linear-gradient(135deg, #f56565 0%, #e53e3e 100%);
    color: white;
    font-size: 10px;
    font-weight: 800;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 6px rgba(229, 62, 62, 0.4);
    border: 2px solid var(--chim-card-bg);
}

/* ── LOADING ────────────────────────────────────────── */
.chim-loading-overlay[b-0zj8nno2ap] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 20px;
    gap: 20px;
}

.chim-spinner[b-0zj8nno2ap] {
    position: relative;
    width: 60px;
    height: 60px;
}

.chim-spinner-ring[b-0zj8nno2ap] {
    position: absolute;
    width: 100%;
    height: 100%;
    border: 3px solid transparent;
    border-top-color: var(--chim-primary);
    border-radius: 50%;
    animation: chimSpin-b-0zj8nno2ap 1s linear infinite;
}

    .chim-spinner-ring:nth-child(2)[b-0zj8nno2ap] {
        border-top-color: var(--chim-primary-dark);
        animation-delay: 0.15s;
    }

    .chim-spinner-ring:nth-child(3)[b-0zj8nno2ap] {
        border-top-color: var(--chim-success);
        animation-delay: 0.3s;
    }

@keyframes chimSpin-b-0zj8nno2ap {
    to {
        transform: rotate(360deg);
    }
}

.chim-loading-text[b-0zj8nno2ap] {
    font-size: 16px;
    font-weight: 600;
    color: var(--chim-text-secondary);
}

/* ── CARD LIST ──────────────────────────────────────── */
.chim-list-container[b-0zj8nno2ap] {
    padding: 12px;
    padding-bottom: 120px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.chim-card[b-0zj8nno2ap] {
    background: var(--chim-card-bg);
    border-radius: 16px;
    overflow: hidden;
    box-shadow: var(--chim-shadow-sm);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer;
    border: 2px solid transparent;
}

    .chim-card:active[b-0zj8nno2ap] {
        transform: scale(0.98);
    }

    .chim-card.expanded[b-0zj8nno2ap] {
        border-color: var(--chim-primary-dark);
        box-shadow: var(--chim-shadow-md);
    }

/* ── CARD HEADER ────────────────────────────────────── */
.chim-card-header[b-0zj8nno2ap] {
    padding: 16px;
    background: var(--chim-card-header-bg);
    border-bottom: 1px solid var(--chim-border);
}

.chim-card-title-row[b-0zj8nno2ap] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 12px;
    gap: 8px;
}

.chim-card-title-block[b-0zj8nno2ap] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.chim-card-title[b-0zj8nno2ap] {
    font-size: 15px;
    font-weight: 700;
    color: var(--chim-text-primary);
    margin: 0;
    line-height: 1.3;
}

.chim-card-subtitle[b-0zj8nno2ap] {
    font-size: 12px;
    color: var(--chim-text-muted);
    font-weight: 500;
}

.chim-card-badge-col[b-0zj8nno2ap] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 6px;
    flex-shrink: 0;
}

.chim-tip-badge[b-0zj8nno2ap] {
    background: linear-gradient(135deg, rgba(102, 126, 234, 0.15) 0%, rgba(118, 75, 162, 0.15) 100%);
    color: var(--chim-primary-dark);
    font-size: 11px;
    font-weight: 700;
    padding: 3px 10px;
    border-radius: 20px;
    border: 1px solid rgba(102, 126, 234, 0.3);
    white-space: nowrap;
}

[data-bs-theme="dark"] .chim-tip-badge[b-0zj8nno2ap] {
    color: var(--chim-primary);
    background: rgba(139, 154, 238, 0.15);
    border-color: rgba(139, 154, 238, 0.3);
}

.chim-expand-icon[b-0zj8nno2ap] {
    font-size: 18px;
    color: var(--chim-primary);
    transition: transform 0.3s ease;
}

.chim-card.expanded .chim-expand-icon[b-0zj8nno2ap] {
    transform: rotate(180deg);
    color: var(--chim-primary-dark);
}

/* ── QUICK STATS ────────────────────────────────────── */
.chim-quick-stats[b-0zj8nno2ap] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

.chim-stat[b-0zj8nno2ap] {
    padding: 10px 12px;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.chim-stat-primary[b-0zj8nno2ap] {
    background: linear-gradient(135deg, rgba(102, 126, 234, 0.1) 0%, rgba(118, 75, 162, 0.1) 100%);
}

.chim-stat-secondary[b-0zj8nno2ap] {
    background: linear-gradient(135deg, rgba(72, 187, 120, 0.1) 0%, rgba(56, 161, 105, 0.1) 100%);
}

.chim-stat-label[b-0zj8nno2ap] {
    font-size: 10px;
    color: var(--chim-text-muted);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.chim-stat-value[b-0zj8nno2ap] {
    font-size: 14px;
    font-weight: 800;
    color: var(--chim-text-primary);
}

.chim-stat-truncate[b-0zj8nno2ap] {
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* ── CARD CONTENT (expanded) ────────────────────────── */
.chim-card-content[b-0zj8nno2ap] {
    padding: 0;
    background: var(--chim-card-bg);
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-height 0.35s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.25s ease, padding 0.3s ease;
}

.chim-card.expanded .chim-card-content[b-0zj8nno2ap] {
    max-height: 2500px;
    opacity: 1;
    padding: 16px;
}

.chim-detail-grid[b-0zj8nno2ap] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.chim-detail-item[b-0zj8nno2ap] {
    background: var(--chim-bg);
    padding: 12px 14px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    gap: 12px;
    transition: all 0.2s ease;
}

    .chim-detail-item:active[b-0zj8nno2ap] {
        transform: translateX(4px);
        background: var(--chim-border);
    }

    .chim-detail-item > i[b-0zj8nno2ap] {
        font-size: 22px;
        color: var(--chim-primary);
        flex-shrink: 0;
    }

.chim-detail-info[b-0zj8nno2ap] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.chim-detail-label[b-0zj8nno2ap] {
    font-size: 11px;
    color: var(--chim-text-muted);
    font-weight: 600;
}

.chim-detail-value[b-0zj8nno2ap] {
    font-size: 14px;
    font-weight: 700;
    color: var(--chim-text-primary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* ── ACTIONS ────────────────────────────────────────── */
.chim-actions[b-0zj8nno2ap] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 8px;
    margin-top: 14px;
    padding-top: 14px;
    border-top: 1px solid var(--chim-border);
}

.chim-action-btn[b-0zj8nno2ap] {
    border: none;
    padding: 10px 8px;
    border-radius: 12px;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    color: white;
}

    .chim-action-btn:active[b-0zj8nno2ap] {
        transform: scale(0.95);
    }

.chim-btn-success[b-0zj8nno2ap] {
    background: linear-gradient(135deg, #48bb78 0%, #38a169 100%);
    box-shadow: 0 4px 12px rgba(72, 187, 120, 0.3);
}

.chim-btn-primary[b-0zj8nno2ap] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
}

.chim-btn-danger[b-0zj8nno2ap] {
    background: linear-gradient(135deg, #fc8181 0%, #f56565 100%);
    box-shadow: 0 4px 12px rgba(245, 101, 101, 0.3);
}

/* ── PAGINATION ─────────────────────────────────────── */
.chim-pagination-footer[b-0zj8nno2ap] {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: var(--chim-card-bg);
    border-top: 1px solid var(--chim-border);
    box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.08);
    z-index: 90;
    padding: 12px;
}

.chim-pagination-controls[b-0zj8nno2ap] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-bottom: 12px;
}

.chim-page-btn[b-0zj8nno2ap] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border: none;
    width: 36px;
    height: 36px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: white;
    font-size: 16px;
    transition: all 0.2s ease;
    box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3);
}

    .chim-page-btn:active:not(:disabled)[b-0zj8nno2ap] {
        transform: scale(0.95);
    }

    .chim-page-btn:disabled[b-0zj8nno2ap] {
        background: var(--chim-border);
        color: var(--chim-text-muted);
        cursor: not-allowed;
        opacity: 0.5;
        box-shadow: none;
    }

.chim-page-info[b-0zj8nno2ap] {
    display: flex;
    align-items: center;
    gap: 6px;
    background: var(--chim-card-header-bg);
    padding: 8px 16px;
    border-radius: 10px;
    font-weight: 700;
    box-shadow: var(--chim-shadow-sm);
}

.chim-page-current[b-0zj8nno2ap] {
    font-size: 16px;
    color: var(--chim-primary);
}

.chim-page-sep[b-0zj8nno2ap] {
    font-size: 14px;
    color: var(--chim-text-muted);
}

.chim-page-total[b-0zj8nno2ap] {
    font-size: 14px;
    color: var(--chim-text-secondary);
}

.chim-pagination-details[b-0zj8nno2ap] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.chim-page-size[b-0zj8nno2ap] {
    background: var(--chim-card-header-bg);
    border: 2px solid var(--chim-border);
    padding: 8px 12px;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 600;
    color: var(--chim-text-primary);
    cursor: pointer;
    transition: all 0.2s ease;
}

    .chim-page-size:focus[b-0zj8nno2ap] {
        outline: none;
        border-color: var(--chim-primary);
        box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
    }

.chim-page-text[b-0zj8nno2ap] {
    font-size: 12px;
    color: var(--chim-text-secondary);
    font-weight: 600;
    text-align: right;
    flex: 1;
}

/* ── EMPTY STATE ────────────────────────────────────── */
.chim-empty-state[b-0zj8nno2ap] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 20px;
    gap: 16px;
    text-align: center;
}

    .chim-empty-state i[b-0zj8nno2ap] {
        font-size: 80px;
        color: var(--chim-text-muted);
        opacity: 0.5;
    }

    .chim-empty-state h3[b-0zj8nno2ap] {
        font-size: 20px;
        font-weight: 700;
        color: var(--chim-text-primary);
        margin: 0;
    }

    .chim-empty-state p[b-0zj8nno2ap] {
        font-size: 14px;
        color: var(--chim-text-secondary);
        margin: 0;
    }

/* ── RESPONSIVE ─────────────────────────────────────── */
@media (max-width: 480px) {
    .chim-actions[b-0zj8nno2ap] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 360px) {
    .chim-quick-stats[b-0zj8nno2ap] {
        grid-template-columns: 1fr;
    }
}
/* _content/Client/Pages/SistemAraclari/Rol.razor.rz.scp.css */
.role-page[b-18de5zlecp] {
    --role-border: #d8dee8;
    --role-ink: #172033;
    --role-muted: #667085;
    --role-brand: #1b6ec2;
}

.rol-grid[b-18de5zlecp]  .dxbl-grid-table colgroup col:first-child,
.rol-grid[b-18de5zlecp]  .dxbl-grid-table col.dxbl-grid-expand-button-col {
    width: 50px !important;
    min-width: 50px !important;
}

.rol-grid[b-18de5zlecp]  td.dxbl-grid-expand-button-cell {
    width: 50px !important;
    min-width: 50px !important;
    max-width: 50px !important;
    text-align: center !important;
}

.role-permission-summary[b-18de5zlecp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: .7rem 1rem;
    border: 1px solid var(--role-border);
    border-bottom: 0;
    background: #f8fafc;
    color: var(--role-ink);
}

.role-permission-summary__label[b-18de5zlecp] {
    display: block;
    color: var(--role-muted);
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.role-permission-summary__hint[b-18de5zlecp] {
    color: var(--role-muted);
    font-size: .78rem;
}

.permission-unavailable-marker[b-18de5zlecp],
.role-page[b-18de5zlecp]  .permission-unavailable-marker {
    display: inline-flex;
    width: 1rem;
    height: 1rem;
    align-items: center;
    justify-content: center;
    border: 0;
    color: #98a2b3;
    cursor: default;
    font-weight: 600;
    line-height: 1;
}

[b-18de5zlecp] .permission-identity {
    display: grid;
    gap: .1rem;
    min-width: 0;
    padding: .2rem 0;
    color: var(--role-ink);
}

[b-18de5zlecp] .permission-identity strong {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[b-18de5zlecp] .permission-cell {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: .55rem;
    min-width: 0;
    width: 100%;
    text-align: left;
}

[b-18de5zlecp] .permission-cell__description {
    color: var(--role-muted);
    font-size: .72rem;
    line-height: 1.25;
    overflow-wrap: anywhere;
    white-space: normal;
}

[b-18de5zlecp] .dxbl-grid[id='grid-rol-islemyetkileri'] .hide-expand-button .dxbl-grid-expand-button {
    visibility: hidden !important;
}

[b-18de5zlecp] .dxbl-grid[id='grid-rol-islemyetkileri'] .dxbl-grid-detail-cell {
    padding: 0 !important;
}

[b-18de5zlecp] .dxbl-grid[id='grid-rol-islemyetkileri'] .dxbl-checkbox:focus-visible,
[b-18de5zlecp] .dxbl-grid[id='grid-rol-islemyetkileridetay'] .dxbl-checkbox:focus-visible {
    outline: 1px solid var(--role-brand);
    outline-offset: 2px;
}

@media (max-width: 767.98px) {
    .role-permission-summary[b-18de5zlecp] {
        align-items: flex-start;
        flex-direction: column;
    }
}
/* _content/Client/Pages/SistemAraclari/RolListesi.razor.rz.scp.css */
.role-list-page[b-bdpkwm3tzw] {
    height: 100%;
    min-height: 0;
    overflow: hidden;
}

[b-bdpkwm3tzw] .role-name-cell {
    display: flex;
    align-items: center;
    gap: .55rem;
    min-width: 0;
}

[b-bdpkwm3tzw] .role-name-cell > span:first-child {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[b-bdpkwm3tzw] .role-system-badge {
    flex: 0 0 auto;
    padding: .12rem .4rem;
    border: 1px solid #98a2b3;
    color: #344054;
    background: #f2f4f7;
    cursor: help;
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
}
/* _content/Client/Pages/SistemAraclari/ToplamlariHesapla.razor.rz.scp.css */
/* _content/Client/Pages/Stok/AbonelikTanimlari.razor.rz.scp.css */
:root[b-h28fgdsz7z] {
    --primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    --success-gradient: linear-gradient(135deg, #48bb78 0%, #38a169 100%);
    --danger-gradient: linear-gradient(135deg, #f56565 0%, #e53e3e 100%);
    --card-bg: #ffffff;
    --card-header-bg: linear-gradient(135deg, #f7fafc 0%, #edf2f7 100%);
    --search-bg: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    --text-primary: #1a202c;
    --text-secondary: #4a5568;
    --text-muted: #718096;
    --border-color: #e2e8f0;
    --info-row-bg: #f7fafc;
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.08);
    --shadow-md: 0 4px 16px rgba(102, 126, 234, 0.2);
}

[data-bs-theme="dark"][b-h28fgdsz7z] {
    --card-bg: #1e293b;
    --card-header-bg: linear-gradient(135deg, #334155 0%, #1e293b 100%);
    --text-primary: #f1f5f9;
    --text-secondary: #cbd5e1;
    --text-muted: #94a3b8;
    --border-color: #334155;
    --info-row-bg: #0f172a;
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3);
    --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4);
}

@media (max-width: 991px) {
    .dxbs-grid[b-h28fgdsz7z] {
        background: transparent !important;
        border: none !important;
    }

    .dxbs-grid-header[b-h28fgdsz7z],
    .dxbs-grid-header-content[b-h28fgdsz7z],
    .dxbs-grid-filter-row[b-h28fgdsz7z],
    .dxbs-grid-command-column[b-h28fgdsz7z],
    .dxbs-grid-selection-column[b-h28fgdsz7z],
    .dxbs-grid-data-column[b-h28fgdsz7z],
    .dxbs-grid-table thead[b-h28fgdsz7z],
    .dxbs-grid-table > tbody > tr > td:not(.dxbs-grid-detail-cell)[b-h28fgdsz7z] {
        display: none !important;
        visibility: hidden !important;
        height: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        border: none !important;
    }

    .dxbs-grid-table[b-h28fgdsz7z],
    .dxbs-grid-table > tbody[b-h28fgdsz7z],
    .dxbs-grid-table > tbody > tr[b-h28fgdsz7z] {
        display: block !important;
        width: 100% !important;
        border: none !important;
        background: transparent !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .dxbs-grid-detail-cell[b-h28fgdsz7z] {
        display: block !important;
        width: 100% !important;
        padding: 0 !important;
        border: none !important;
        background: transparent !important;
    }

    .custom-grid[b-h28fgdsz7z] {
        background: var(--info-row-bg) !important;
        border: none !important;
        padding: 0 !important;
    }
}

/* ============================================
   SABİT ARAMA KARTI - MOR ARKA PLAN
   ============================================ */
.search-card-container[b-h28fgdsz7z] {
    position: sticky;
    z-index: 1000;
    padding: 12px;
    background: var(--card-bg);
    margin: 0;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.search-card[b-h28fgdsz7z] {
    position: relative;
    background: var(--search-bg);
    border-radius: 14px;
    padding: 12px 54px 12px 48px;
    box-shadow: var(--shadow-sm);
    display: flex;
    align-items: center;
    transition: all 0.3s ease;
}

    .search-card:focus-within[b-h28fgdsz7z] {
        box-shadow: 0 4px 16px rgba(102, 126, 234, 0.3);
        transform: translateY(-1px);
    }

.search-icon[b-h28fgdsz7z] {
    position: absolute;
    left: 16px;
    color: rgba(255, 255, 255, 0.9);
    font-size: 20px;
    transition: all 0.3s ease;
}

.search-card:focus-within .search-icon[b-h28fgdsz7z] {
    color: white;
    transform: scale(1.1);
}

.search-input[b-h28fgdsz7z] {
    flex: 1;
    border: none;
    outline: none;
    background: transparent;
    font-size: 15px;
    color: white;
    font-weight: 500;
}

    .search-input[b-h28fgdsz7z]::placeholder {
        color: rgba(255, 255, 255, 0.7);
    }

.search-clear[b-h28fgdsz7z] {
    position: absolute;
    right: 12px;
    background: linear-gradient(135deg, #ff6b35 0%, #f7931e 100%);
    border: none;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: white;
    font-size: 18px;
    transition: all 0.2s ease;
    box-shadow: 0 2px 8px rgba(255, 107, 53, 0.4);
}

    .search-clear:hover[b-h28fgdsz7z] {
        background: linear-gradient(135deg, #f7931e 0%, #ff6b35 100%);
        transform: scale(1.1);
        box-shadow: 0 4px 12px rgba(255, 107, 53, 0.6);
    }

    .search-clear:active[b-h28fgdsz7z] {
        transform: scale(0.95);
    }

/* ============================================
   MOBİL PAGINATION
   ============================================ */
/* Sabit footer container */
.pagination-footer[b-h28fgdsz7z] {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--card-bg);
    border-top: 1px solid var(--border-color);
    z-index: 998;
    box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column; /* üst üste dizmek için */
}

/* Üstteki sayfa numaraları */
.mobile-pagination[b-h28fgdsz7z] {
    padding: 7px 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    border-bottom: 1px solid var(--border-color); /* opsiyonel ayrım için */
}

/* Alttaki detaylar + select */
.pagination-details[b-h28fgdsz7z] {
    padding: 7px 11px;
    height: 110px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 9px;
}




.pagination-btn[b-h28fgdsz7z] {
    background: var(--primary-gradient);
    border: none;
    width: 27px;
    height: 27px;
    border-radius: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: white;
    font-size: 13px;
    transition: all 0.2s ease;
    box-shadow: 0 2px 6px rgba(102, 126, 234, 0.3);
}

    .pagination-btn:hover:not(:disabled)[b-h28fgdsz7z] {
        transform: translateY(-1px);
        box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4);
    }

    .pagination-btn:active:not(:disabled)[b-h28fgdsz7z] {
        transform: scale(0.95);
    }

    .pagination-btn:disabled[b-h28fgdsz7z] {
        background: var(--border-color);
        color: var(--text-muted);
        cursor: not-allowed;
        opacity: 0.5;
        box-shadow: none;
    }

.pagination-info[b-h28fgdsz7z] {
    display: flex;
    align-items: center; /* hepsi dikeyde ortalanır */
    justify-content: center; /* yatayda hizalanır */
    gap: 4px;
    background: var(--card-header-bg);
    padding: 6px 11px;
    border-radius: 7px;
    font-weight: 700;
    min-width: 60px;
    box-shadow: var(--shadow-sm);
    white-space: nowrap; /* alt satıra geçmeyi engeller */
    line-height: 1; /* yükseklik farklarını sıfırlar */
}

    .pagination-info span[b-h28fgdsz7z] {
        font-size: 11px;
        line-height: 1; /* tam hizalama için */
        display: flex;
        align-items: center; /* dikey ortalama */
    }

.current-page[b-h28fgdsz7z] {
    color: #667eea;
}

.separator[b-h28fgdsz7z] {
    color: var(--text-muted);
}

.total-pages[b-h28fgdsz7z] {
    color: var(--text-secondary);
}




.page-size-selector[b-h28fgdsz7z] {
    background: var(--card-header-bg);
    border: 2px solid var(--border-color);
    padding: 5px 9px;
    border-radius: 7px;
    font-size: 12px;
    font-weight: 600;
    color: var(--text-primary);
    cursor: pointer;
    transition: all 0.2s ease;
}

    .page-size-selector:focus[b-h28fgdsz7z] {
        outline: none;
        border-color: #667eea;
        box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
    }

    .page-size-selector:hover[b-h28fgdsz7z] {
        border-color: #667eea;
    }

.pagination-text[b-h28fgdsz7z] {
    font-size: 11px;
    color: var(--text-secondary);
    font-weight: 600;
    flex: 1;
    margin-top: 1vh;
    text-align: right;
}

.stok-card[b-h28fgdsz7z] {
    background: var(--card-bg);
    margin: 8px 12px;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: var(--shadow-sm);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer;
    border: 2px solid transparent;
    user-select: none;
    position: relative;
    pointer-events: auto;
}

    .stok-card:hover[b-h28fgdsz7z] {
        border-color: #667eea;
        box-shadow: var(--shadow-md);
        transform: translateY(-2px);
    }

    .stok-card.expanded[b-h28fgdsz7z] {
        border-color: #764ba2;
        box-shadow: 0 8px 24px rgba(102, 126, 234, 0.25);
    }

    .stok-card:active[b-h28fgdsz7z] {
        transform: scale(0.98);
    }

.card-header-section[b-h28fgdsz7z] {
    padding: 12px;
    background: var(--card-header-bg);
    border-bottom: 1px solid var(--border-color);
}

.card-title-row[b-h28fgdsz7z] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 8px;
}

.card-title[b-h28fgdsz7z] {
    font-size: 15px;
    font-weight: 700;
    color: var(--text-primary);
    margin: 0;
    flex: 1;
    line-height: 1.3;
    padding-right: 8px;
}

.expand-icon[b-h28fgdsz7z] {
    font-size: 22px;
    color: #667eea;
    flex-shrink: 0;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.stok-card.expanded .expand-icon[b-h28fgdsz7z] {
    transform: rotate(180deg);
    color: #764ba2;
}

.card-meta-row[b-h28fgdsz7z] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 10px;
}

.card-code[b-h28fgdsz7z] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    background: var(--primary-gradient);
    color: white;
    padding: 4px 10px;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 700;
    box-shadow: 0 2px 6px rgba(102, 126, 234, 0.3);
}

.stock-badge[b-h28fgdsz7z] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 10px;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 700;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}

.stock-available[b-h28fgdsz7z] {
    background: var(--success-gradient);
    color: white;
}

.stock-out[b-h28fgdsz7z] {
    background: var(--danger-gradient);
    color: white;
}

.card-quick-info[b-h28fgdsz7z] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}

.quick-info-item[b-h28fgdsz7z] {
    background: var(--card-bg);
    padding: 10px 12px;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    gap: 3px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    transition: all 0.2s ease;
}

    .quick-info-item:hover[b-h28fgdsz7z] {
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
        transform: translateY(-1px);
    }

.quick-label[b-h28fgdsz7z] {
    font-size: 10px;
    color: var(--text-muted);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.6px;
}

.quick-value[b-h28fgdsz7z] {
    font-size: 16px;
    color: var(--text-primary);
    font-weight: 800;
}

    .quick-value.price[b-h28fgdsz7z] {
        color: #48bb78;
        background: linear-gradient(135deg, #48bb78 0%, #38a169 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
    }

.card-content[b-h28fgdsz7z] {
    padding: 0 12px;
    background: var(--card-bg);
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.stok-card.expanded .card-content[b-h28fgdsz7z] {
    max-height: 2500px;
    opacity: 1;
    padding: 12px;
}

.info-row[b-h28fgdsz7z] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 12px;
    background: var(--info-row-bg);
    border-radius: 10px;
    margin-bottom: 8px;
    transition: all 0.2s ease;
}

    .info-row:hover[b-h28fgdsz7z] {
        background: var(--border-color);
        transform: translateX(2px);
    }

.info-label[b-h28fgdsz7z] {
    font-size: 13px;
    color: var(--text-secondary);
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 6px;
    flex: 1;
}

    .info-label i[b-h28fgdsz7z] {
        color: #667eea;
        font-size: 16px;
    }

.info-value[b-h28fgdsz7z] {
    font-size: 14px;
    color: var(--text-primary);
    font-weight: 700;
    text-align: right;
    flex-shrink: 0;
    margin-left: 8px;
}

.card-actions[b-h28fgdsz7z] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 8px;
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid var(--border-color);
}

.action-btn[b-h28fgdsz7z] {
    border: none;
    padding: 10px 18px;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

    .action-btn:active[b-h28fgdsz7z] {
        transform: scale(0.95);
    }

.btn-primary[b-h28fgdsz7z] {
    background: var(--primary-gradient);
    color: white;
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
}

    .btn-primary:hover[b-h28fgdsz7z] {
        box-shadow: 0 6px 16px rgba(102, 126, 234, 0.4);
        transform: translateY(-2px);
    }

.btn-secondary[b-h28fgdsz7z] {
    background: var(--border-color);
    color: var(--text-secondary);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
}

    .btn-secondary:hover[b-h28fgdsz7z] {
        background: #cbd5e0;
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.12);
        transform: translateY(-2px);
    }

[data-bs-theme="dark"] .btn-secondary[b-h28fgdsz7z] {
    background: #334155;
    color: #cbd5e1;
}

    [data-bs-theme="dark"] .btn-secondary:hover[b-h28fgdsz7z] {
        background: #475569;
    }

@media (max-width: 360px) {
    .card-title[b-h28fgdsz7z] {
        font-size: 14px;
    }

    .card-quick-info[b-h28fgdsz7z] {
        grid-template-columns: 1fr;
    }

    .search-card-container[b-h28fgdsz7z] {
        padding: 10px;
    }

    .stok-card[b-h28fgdsz7z] {
        margin: 6px 10px;
    }

    .quick-value[b-h28fgdsz7z] {
        font-size: 15px;
    }

    .card-header-section[b-h28fgdsz7z] {
        padding: 10px;
    }
}

@media (min-width: 992px) {
    .search-card-container[b-h28fgdsz7z],
    .stok-card[b-h28fgdsz7z],
    .mobile-pagination[b-h28fgdsz7z],
    .pagination-details[b-h28fgdsz7z] {
        display: none !important;
    }
}

@keyframes fadeIn-b-h28fgdsz7z {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.stok-card[b-h28fgdsz7z] {
    animation: fadeIn-b-h28fgdsz7z 0.3s ease-out;
}

@media (max-width: 991px) {
    [b-h28fgdsz7z]::-webkit-scrollbar {
        width: 6px;
    }

    [b-h28fgdsz7z]::-webkit-scrollbar-track {
        background: var(--info-row-bg);
    }

    [b-h28fgdsz7z]::-webkit-scrollbar-thumb {
        background: var(--border-color);
        border-radius: 3px;
    }

        [b-h28fgdsz7z]::-webkit-scrollbar-thumb:hover {
            background: #667eea;
        }
}
/* _content/Client/Pages/Stok/DepoListesiMobil/DepoListesiMobil.razor.rz.scp.css */
:root[b-3gp7wbt02a] {
    --primary-gradient: linear-gradient(135deg, var(--bs-primary) 0%, var(--bs-primary-active) 100%);
    --primary-solid: var(--bs-primary);
    --primary-dark: var(--bs-primary-active);
    --success-gradient: linear-gradient(135deg, var(--bs-success) 0%, var(--bs-success-active) 100%);
    --success-solid: var(--bs-success);
    --warning-gradient: linear-gradient(135deg, var(--bs-warning) 0%, var(--bs-warning-active) 100%);
    --warning-solid: var(--bs-warning);
    --danger-gradient: linear-gradient(135deg, var(--bs-danger) 0%, var(--bs-danger-active) 100%);
    --danger-solid: var(--bs-danger);
    --card-bg: var(--card-bg, var(--bs-body-bg));
    --card-header-bg: var(--bs-tertiary-bg);
    --text-primary: var(--bs-body-color);
    --text-secondary: var(--bs-text-gray-600);
    --text-muted: var(--bs-secondary-color);
    --border-color: var(--bs-border-color);
    --info-row-bg: var(--bs-tertiary-bg);
    --shadow-sm: var(--bs-box-shadow-sm);
    --shadow-md: var(--bs-box-shadow);
}

.mobile-stokgiris-container[b-3gp7wbt02a] {
    width: 100%;
    min-height: 100vh;
    background: var(--info-row-bg);
    padding-bottom: 20px;
}

.report-header-sticky[b-3gp7wbt02a] {
    position: sticky;
    top: 0;
    z-index: 10;
    background: var(--info-row-bg);
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
    margin-top: 1rem;
}

.controls-card[b-3gp7wbt02a] {
    background: var(--card-bg);
    border-radius: 16px;
    padding: 10px 12px;
    box-shadow: var(--shadow-sm);
    display: flex;
    align-items: center;
    gap: 10px;
}

.search-inline[b-3gp7wbt02a] {
    flex: 1;
    position: relative;
    display: flex;
    align-items: center;
}

.search-inline-icon[b-3gp7wbt02a] {
    position: absolute;
    left: 12px;
    font-size: 18px;
    color: #ffffff;
    z-index: 1;
    pointer-events: none;
}

.search-inline-input[b-3gp7wbt02a] {
    width: 100%;
    border: none;
    border-radius: 12px;
    padding: 10px 36px 10px 38px;
    font-size: 14px;
    font-weight: 500;
    color: #ffffff;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    transition: all 0.2s ease;
    outline: none;
    box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3);
}

    .search-inline-input:focus[b-3gp7wbt02a] {
        box-shadow: 0 4px 16px rgba(102, 126, 234, 0.4);
        transform: translateY(-1px);
    }

    .search-inline-input[b-3gp7wbt02a]::placeholder {
        color: rgba(255, 255, 255, 0.7);
    }

.search-inline-clear[b-3gp7wbt02a] {
    position: absolute;
    right: 8px;
    background: linear-gradient(135deg, #ff6b35 0%, #f7931e 100%);
    border: none;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: white;
    font-size: 14px;
    transition: all 0.2s ease;
    box-shadow: 0 2px 6px rgba(255, 107, 53, 0.4);
}

    .search-inline-clear:active[b-3gp7wbt02a] {
        transform: scale(0.95);
    }

.filter-icon-btn[b-3gp7wbt02a] {
    flex-shrink: 0;
    width: 42px;
    height: 42px;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border: none;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: white;
    font-size: 20px;
    transition: all 0.2s ease;
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
    position: relative;
}

    .filter-icon-btn:active[b-3gp7wbt02a] {
        transform: scale(0.95);
    }

    .filter-icon-btn.active[b-3gp7wbt02a] {
        background: linear-gradient(135deg, #764ba2 0%, #667eea 100%);
        box-shadow: 0 4px 16px rgba(118, 75, 162, 0.5);
    }

.filter-icon-badge[b-3gp7wbt02a] {
    position: absolute;
    top: -6px;
    right: -6px;
    background: linear-gradient(135deg, #f56565 0%, #e53e3e 100%);
    color: white;
    font-size: 10px;
    font-weight: 800;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 6px rgba(229, 62, 62, 0.4);
    border: 2px solid var(--card-bg);
}

.loading-overlay[b-3gp7wbt02a] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 20px;
    gap: 20px;
}

.loading-spinner[b-3gp7wbt02a] {
    position: relative;
    width: 60px;
    height: 60px;
}

.spinner-ring[b-3gp7wbt02a] {
    position: absolute;
    width: 100%;
    height: 100%;
    border: 3px solid transparent;
    border-top-color: var(--primary-solid);
    border-radius: 50%;
    animation: spin-b-3gp7wbt02a 1s linear infinite;
}

    .spinner-ring:nth-child(2)[b-3gp7wbt02a] {
        border-top-color: var(--primary-dark);
        animation-delay: 0.15s;
    }

    .spinner-ring:nth-child(3)[b-3gp7wbt02a] {
        border-top-color: var(--success-solid);
        animation-delay: 0.3s;
    }

@keyframes spin-b-3gp7wbt02a {
    to {
        transform: rotate(360deg);
    }
}

.loading-text[b-3gp7wbt02a] {
    font-size: 16px;
    font-weight: 600;
    color: var(--text-secondary);
}

.sales-list-container[b-3gp7wbt02a] {
    padding: 12px;
    padding-bottom: 100px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.sales-card[b-3gp7wbt02a] {
    background: var(--card-bg);
    border-radius: 16px;
    overflow: hidden;
    box-shadow: var(--shadow-sm);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer;
    border: 2px solid transparent;
}

    .sales-card:active[b-3gp7wbt02a] {
        transform: scale(0.98);
    }

    .sales-card.expanded[b-3gp7wbt02a] {
        border-color: var(--primary-dark);
        box-shadow: var(--shadow-md);
    }

.card-header-section[b-3gp7wbt02a] {
    padding: 16px;
    background: var(--card-header-bg);
    border-bottom: 1px solid var(--border-color);
}

.card-title-row[b-3gp7wbt02a] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
}

.card-title[b-3gp7wbt02a] {
    font-size: 16px;
    font-weight: 700;
    color: var(--text-primary);
    margin: 0;
}

.expand-icon[b-3gp7wbt02a] {
    font-size: 20px;
    color: var(--primary-solid);
    transition: transform 0.3s ease;
}

.sales-card.expanded .expand-icon[b-3gp7wbt02a] {
    transform: rotate(180deg);
    color: var(--primary-dark);
}

.card-quick-stats[b-3gp7wbt02a] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.quick-stat[b-3gp7wbt02a] {
    background: var(--card-bg);
    padding: 12px;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

    .quick-stat.primary[b-3gp7wbt02a] {
        background: linear-gradient(135deg, rgba(102, 126, 234, 0.1) 0%, rgba(118, 75, 162, 0.1) 100%);
    }

    .quick-stat.secondary[b-3gp7wbt02a] {
        background: linear-gradient(135deg, rgba(72, 187, 120, 0.1) 0%, rgba(56, 161, 105, 0.1) 100%);
    }

.stat-label[b-3gp7wbt02a] {
    font-size: 11px;
    color: var(--text-muted);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.stat-value[b-3gp7wbt02a] {
    font-size: 16px;
    font-weight: 800;
    color: var(--text-primary);
}

.sales-card > .card-content[b-3gp7wbt02a] {
    padding: 0;
    background: var(--card-bg);
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.sales-card.expanded > .card-content[b-3gp7wbt02a] {
    max-height: 2500px;
    opacity: 1;
    padding: 16px;
}

.detail-grid[b-3gp7wbt02a] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.detail-item[b-3gp7wbt02a] {
    background: var(--info-row-bg);
    padding: 14px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    gap: 12px;
    transition: all 0.2s ease;
}

    .detail-item:active[b-3gp7wbt02a] {
        transform: translateX(4px);
        background: var(--border-color);
    }

    .detail-item > i[b-3gp7wbt02a] {
        font-size: 24px;
        color: var(--primary-solid);
        flex-shrink: 0;
    }

.detail-info[b-3gp7wbt02a] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.detail-label[b-3gp7wbt02a] {
    font-size: 12px;
    color: var(--text-muted);
    font-weight: 600;
}

.detail-value[b-3gp7wbt02a] {
    font-size: 15px;
    font-weight: 700;
    color: var(--text-primary);
}

.card-actions-grid[b-3gp7wbt02a] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
    margin-top: 14px;
    padding-top: 14px;
    border-top: 1px solid var(--border-color);
}

.action-btn-sg[b-3gp7wbt02a] {
    border: none;
    padding: 10px 18px;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    color: white;
}

    .action-btn-sg:active[b-3gp7wbt02a] {
        transform: scale(0.95);
    }

    .action-btn-sg.btn-success-custom[b-3gp7wbt02a] {
        background: linear-gradient(135deg, #48bb78 0%, #38a169 100%) !important;
        background-color: #48bb78 !important;
        color: white !important;
        box-shadow: 0 4px 12px rgba(72, 187, 120, 0.3);
    }
    .action-btn-sg.btn-danger-custom[b-3gp7wbt02a] {
        background: linear-gradient(135deg, #fc8181 0%, #f56565 100%);
        background-color: #fc8181;
        box-shadow: 0 4px 12px rgba(245, 101, 101, 0.3);
        color: white;
    }

.pagination-footer[b-3gp7wbt02a] {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: var(--card-bg);
    border-top: 1px solid var(--border-color);
    box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.08);
    z-index: 90;
    padding: 12px;
}

.pagination-controls[b-3gp7wbt02a] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-bottom: 12px;
}

.pagination-btn[b-3gp7wbt02a] {
    background: var(--primary-gradient);
    background-color: var(--primary-solid);
    border: none;
    width: 36px;
    height: 36px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: white;
    font-size: 16px;
    transition: all 0.2s ease;
    box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3);
}

    .pagination-btn:active:not(:disabled)[b-3gp7wbt02a] {
        transform: scale(0.95);
    }

    .pagination-btn:disabled[b-3gp7wbt02a] {
        background: var(--border-color);
        color: var(--text-muted);
        cursor: not-allowed;
        opacity: 0.5;
        box-shadow: none;
    }

.pagination-info[b-3gp7wbt02a] {
    display: flex;
    align-items: center;
    gap: 6px;
    background: var(--card-header-bg);
    padding: 8px 16px;
    border-radius: 10px;
    font-weight: 700;
    box-shadow: var(--shadow-sm);
}

    .pagination-info .current-page[b-3gp7wbt02a] {
        font-size: 16px;
        color: var(--primary-solid);
    }

    .pagination-info .separator[b-3gp7wbt02a] {
        font-size: 14px;
        color: var(--text-muted);
    }

    .pagination-info .total-pages[b-3gp7wbt02a] {
        font-size: 14px;
        color: var(--text-secondary);
    }

.pagination-details[b-3gp7wbt02a] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.page-size-selector[b-3gp7wbt02a] {
    background: var(--card-header-bg);
    border: 2px solid var(--border-color);
    padding: 8px 12px;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 600;
    color: var(--text-primary);
    cursor: pointer;
    transition: all 0.2s ease;
}

    .page-size-selector:focus[b-3gp7wbt02a] {
        outline: none;
        border-color: var(--primary-solid);
        box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
    }

.pagination-text[b-3gp7wbt02a] {
    font-size: 12px;
    color: var(--text-secondary);
    font-weight: 600;
    text-align: right;
    flex: 1;
}

.empty-state[b-3gp7wbt02a] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 20px;
    gap: 16px;
    text-align: center;
}

    .empty-state i[b-3gp7wbt02a] {
        font-size: 80px;
        color: var(--text-muted);
        opacity: 0.5;
    }

    .empty-state h3[b-3gp7wbt02a] {
        font-size: 20px;
        font-weight: 700;
        color: var(--text-primary);
        margin: 0;
    }

    .empty-state p[b-3gp7wbt02a] {
        font-size: 14px;
        color: var(--text-secondary);
        margin: 0;
    }

@media (max-width: 360px) {
    .card-quick-stats[b-3gp7wbt02a] {
        grid-template-columns: 1fr;
    }
}

@media (min-width: 768px) {
    .mobile-stokgiris-container[b-3gp7wbt02a] {
        display: none;
    }
}
/* _content/Client/Pages/Stok/DepoTransferFisiMobil/DepoTransferFisiMobil.razor.rz.scp.css */
:root[b-5vszjw5f3c] {
    --primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    --primary-solid: #667eea;
    --primary-dark: #764ba2;
    --success-gradient: linear-gradient(135deg, #48bb78 0%, #38a169 100%);
    --success-solid: #48bb78;
    --warning-gradient: linear-gradient(135deg, #f6ad55 0%, #ed8936 100%);
    --warning-solid: #f6ad55;
    --danger-gradient: linear-gradient(135deg, #fc8181 0%, #f56565 100%);
    --danger-solid: #fc8181;
    --card-bg: #ffffff;
    --card-header-bg: linear-gradient(135deg, #f7fafc 0%, #edf2f7 100%);
    --text-primary: #1a202c;
    --text-secondary: #4a5568;
    --text-muted: #718096;
    --border-color: #e2e8f0;
    --info-row-bg: #f7fafc;
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.08);
    --shadow-md: 0 4px 16px rgba(102, 126, 234, 0.2);
}

[data-bs-theme="dark"][b-5vszjw5f3c] {
    --primary-solid: #8b9aee;
    --primary-dark: #9a7bc2;
    --success-solid: #68d391;
    --warning-solid: #fbbf24;
    --danger-solid: #fca5a5;
    --card-bg: #1e293b;
    --card-header-bg: linear-gradient(135deg, #334155 0%, #1e293b 100%);
    --text-primary: #f1f5f9;
    --text-secondary: #cbd5e1;
    --text-muted: #94a3b8;
    --border-color: #334155;
    --info-row-bg: #0f172a;
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3);
    --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4);
}

.mobile-depotransfer-container[b-5vszjw5f3c] {
    width: 100%;
    min-height: 100vh;
    background: var(--info-row-bg);
    padding-bottom: 20px;
}

.report-header-sticky[b-5vszjw5f3c] {
    position: sticky;
    top: 0;
    z-index: 10;
    background: var(--info-row-bg);
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
    margin-top: 1rem;
}

.controls-card[b-5vszjw5f3c] {
    background: var(--card-bg);
    border-radius: 16px;
    padding: 10px 12px;
    box-shadow: var(--shadow-sm);
    display: flex;
    align-items: center;
    gap: 10px;
}

/* INLINE SEARCH */
.search-inline[b-5vszjw5f3c] {
    flex: 1;
    position: relative;
    display: flex;
    align-items: center;
}

.search-inline-icon[b-5vszjw5f3c] {
    position: absolute;
    left: 12px;
    font-size: 18px;
    color: #ffffff;
    z-index: 1;
    pointer-events: none;
}

.search-inline-input[b-5vszjw5f3c] {
    width: 100%;
    border: none;
    border-radius: 12px;
    padding: 10px 36px 10px 38px;
    font-size: 14px;
    font-weight: 500;
    color: #ffffff;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    transition: all 0.2s ease;
    outline: none;
    box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3);
}

    .search-inline-input:focus[b-5vszjw5f3c] {
        box-shadow: 0 4px 16px rgba(102, 126, 234, 0.4);
        transform: translateY(-1px);
    }

    .search-inline-input[b-5vszjw5f3c]::placeholder {
        color: rgba(255, 255, 255, 0.7);
    }

.search-inline-clear[b-5vszjw5f3c] {
    position: absolute;
    right: 8px;
    background: linear-gradient(135deg, #ff6b35 0%, #f7931e 100%);
    border: none;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: white;
    font-size: 14px;
    transition: all 0.2s ease;
    box-shadow: 0 2px 6px rgba(255, 107, 53, 0.4);
}

    .search-inline-clear:active[b-5vszjw5f3c] {
        transform: scale(0.95);
    }

/* FİLTRE İKON BUTONU */
.filter-icon-btn[b-5vszjw5f3c] {
    flex-shrink: 0;
    width: 42px;
    height: 42px;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border: none;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: white;
    font-size: 20px;
    transition: all 0.2s ease;
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
    position: relative;
}

    .filter-icon-btn:active[b-5vszjw5f3c] {
        transform: scale(0.95);
    }

    .filter-icon-btn.active[b-5vszjw5f3c] {
        background: linear-gradient(135deg, #764ba2 0%, #667eea 100%);
        box-shadow: 0 4px 16px rgba(118, 75, 162, 0.5);
    }

.filter-icon-badge[b-5vszjw5f3c] {
    position: absolute;
    top: -6px;
    right: -6px;
    background: linear-gradient(135deg, #f56565 0%, #e53e3e 100%);
    color: white;
    font-size: 10px;
    font-weight: 800;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 6px rgba(229, 62, 62, 0.4);
    border: 2px solid var(--card-bg);
}

/* LOADING */
.loading-overlay[b-5vszjw5f3c] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 20px;
    gap: 20px;
}

.loading-spinner[b-5vszjw5f3c] {
    position: relative;
    width: 60px;
    height: 60px;
}

.spinner-ring[b-5vszjw5f3c] {
    position: absolute;
    width: 100%;
    height: 100%;
    border: 3px solid transparent;
    border-top-color: var(--primary-solid);
    border-radius: 50%;
    animation: spin-b-5vszjw5f3c 1s linear infinite;
}

    .spinner-ring:nth-child(2)[b-5vszjw5f3c] {
        border-top-color: var(--primary-dark);
        animation-delay: 0.15s;
    }

    .spinner-ring:nth-child(3)[b-5vszjw5f3c] {
        border-top-color: var(--success-solid);
        animation-delay: 0.3s;
    }

@keyframes spin-b-5vszjw5f3c {
    to {
        transform: rotate(360deg);
    }
}

.loading-text[b-5vszjw5f3c] {
    font-size: 16px;
    font-weight: 600;
    color: var(--text-secondary);
}

/* LIST */
.sales-list-container[b-5vszjw5f3c] {
    padding: 12px;
    padding-bottom: 100px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

/* CARD */
.sales-card[b-5vszjw5f3c] {
    background: var(--card-bg);
    border-radius: 16px;
    overflow: hidden;
    box-shadow: var(--shadow-sm);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer;
    border: 2px solid transparent;
}

    .sales-card:active[b-5vszjw5f3c] {
        transform: scale(0.98);
    }

    .sales-card.expanded[b-5vszjw5f3c] {
        border-color: var(--primary-dark);
        box-shadow: var(--shadow-md);
    }

.card-header-section[b-5vszjw5f3c] {
    padding: 16px;
    background: var(--card-header-bg);
    border-bottom: 1px solid var(--border-color);
}

.card-title-row[b-5vszjw5f3c] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
}

.card-title[b-5vszjw5f3c] {
    font-size: 16px;
    font-weight: 700;
    color: var(--text-primary);
    margin: 0;
}

.expand-icon[b-5vszjw5f3c] {
    font-size: 20px;
    color: var(--primary-solid);
    transition: transform 0.3s ease;
}

.sales-card.expanded .expand-icon[b-5vszjw5f3c] {
    transform: rotate(180deg);
    color: var(--primary-dark);
}

.card-quick-stats[b-5vszjw5f3c] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.quick-stat[b-5vszjw5f3c] {
    background: var(--card-bg);
    padding: 12px;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

    .quick-stat.primary[b-5vszjw5f3c] {
        background: linear-gradient(135deg, rgba(102, 126, 234, 0.1) 0%, rgba(118, 75, 162, 0.1) 100%);
    }

    .quick-stat.secondary[b-5vszjw5f3c] {
        background: linear-gradient(135deg, rgba(72, 187, 120, 0.1) 0%, rgba(56, 161, 105, 0.1) 100%);
    }

.stat-label[b-5vszjw5f3c] {
    font-size: 11px;
    color: var(--text-muted);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.stat-value[b-5vszjw5f3c] {
    font-size: 16px;
    font-weight: 800;
    color: var(--text-primary);
}

/* EXPANDED CONTENT */
.sales-card > .card-content[b-5vszjw5f3c] {
    padding: 0;
    background: var(--card-bg);
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.sales-card.expanded > .card-content[b-5vszjw5f3c] {
    max-height: 2500px;
    opacity: 1;
    padding: 16px;
}

.detail-grid[b-5vszjw5f3c] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.detail-item[b-5vszjw5f3c] {
    background: var(--info-row-bg);
    padding: 14px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    gap: 12px;
    transition: all 0.2s ease;
}

    .detail-item:active[b-5vszjw5f3c] {
        transform: translateX(4px);
        background: var(--border-color);
    }

    .detail-item > i[b-5vszjw5f3c] {
        font-size: 24px;
        color: var(--primary-solid);
        flex-shrink: 0;
    }

.detail-info[b-5vszjw5f3c] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.detail-label[b-5vszjw5f3c] {
    font-size: 12px;
    color: var(--text-muted);
    font-weight: 600;
}

.detail-value[b-5vszjw5f3c] {
    font-size: 15px;
    font-weight: 700;
    color: var(--text-primary);
}

/* CARD ACTIONS */
.card-actions-grid[b-5vszjw5f3c] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    margin-top: 14px;
    padding-top: 14px;
    border-top: 1px solid var(--border-color);
}

.action-btn-dt[b-5vszjw5f3c] {
    border: none;
    padding: 10px 18px;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    color: white;
}

    .action-btn-dt:active[b-5vszjw5f3c] {
        transform: scale(0.95);
    }

    .action-btn-dt.btn-success[b-5vszjw5f3c] {
        background: var(--success-gradient);
        box-shadow: 0 4px 12px rgba(72, 187, 120, 0.3);
    }

    .action-btn-dt.btn-danger[b-5vszjw5f3c] {
        background: var(--danger-gradient);
        box-shadow: 0 4px 12px rgba(252, 129, 129, 0.3);
    }

/* PAGINATION */
.pagination-footer[b-5vszjw5f3c] {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: var(--card-bg);
    border-top: 1px solid var(--border-color);
    box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.08);
    z-index: 90;
    padding: 12px;
}

.pagination-controls[b-5vszjw5f3c] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-bottom: 12px;
}

.pagination-btn[b-5vszjw5f3c] {
    background: var(--primary-gradient);
    background-color: var(--primary-solid);
    border: none;
    width: 36px;
    height: 36px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: white;
    font-size: 16px;
    transition: all 0.2s ease;
    box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3);
}

    .pagination-btn:active:not(:disabled)[b-5vszjw5f3c] {
        transform: scale(0.95);
    }

    .pagination-btn:disabled[b-5vszjw5f3c] {
        background: var(--border-color);
        color: var(--text-muted);
        cursor: not-allowed;
        opacity: 0.5;
        box-shadow: none;
    }

.pagination-info[b-5vszjw5f3c] {
    display: flex;
    align-items: center;
    gap: 6px;
    background: var(--card-header-bg);
    padding: 8px 16px;
    border-radius: 10px;
    font-weight: 700;
    box-shadow: var(--shadow-sm);
}

    .pagination-info .current-page[b-5vszjw5f3c] {
        font-size: 16px;
        color: var(--primary-solid);
    }

    .pagination-info .separator[b-5vszjw5f3c] {
        font-size: 14px;
        color: var(--text-muted);
    }

    .pagination-info .total-pages[b-5vszjw5f3c] {
        font-size: 14px;
        color: var(--text-secondary);
    }

.pagination-details[b-5vszjw5f3c] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.page-size-selector[b-5vszjw5f3c] {
    background: var(--card-header-bg);
    border: 2px solid var(--border-color);
    padding: 8px 12px;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 600;
    color: var(--text-primary);
    cursor: pointer;
    transition: all 0.2s ease;
}

    .page-size-selector:focus[b-5vszjw5f3c] {
        outline: none;
        border-color: var(--primary-solid);
        box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
    }

.pagination-text[b-5vszjw5f3c] {
    font-size: 12px;
    color: var(--text-secondary);
    font-weight: 600;
    text-align: right;
    flex: 1;
}

/* EMPTY STATE */
.empty-state[b-5vszjw5f3c] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 20px;
    gap: 16px;
    text-align: center;
}

    .empty-state i[b-5vszjw5f3c] {
        font-size: 80px;
        color: var(--text-muted);
        opacity: 0.5;
    }

    .empty-state h3[b-5vszjw5f3c] {
        font-size: 20px;
        font-weight: 700;
        color: var(--text-primary);
        margin: 0;
    }

    .empty-state p[b-5vszjw5f3c] {
        font-size: 14px;
        color: var(--text-secondary);
        margin: 0;
    }

@media (max-width: 360px) {
    .card-quick-stats[b-5vszjw5f3c] {
        grid-template-columns: 1fr;
    }
}

@media (min-width: 768px) {
    .mobile-depotransfer-container[b-5vszjw5f3c] {
        display: none;
    }
}
/* _content/Client/Pages/Stok/FiyatListesiMobil/FiyatListesiMobil.razor.rz.scp.css */
:root[b-2blffexr05] {
    --primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    --primary-solid: #667eea;
    --primary-dark: #764ba2;
    --success-gradient: linear-gradient(135deg, #48bb78 0%, #38a169 100%);
    --success-solid: #48bb78;
    --warning-gradient: linear-gradient(135deg, #f6ad55 0%, #ed8936 100%);
    --warning-solid: #f6ad55;
    --danger-gradient: linear-gradient(135deg, #fc8181 0%, #f56565 100%);
    --danger-solid: #fc8181;
    --card-bg: #ffffff;
    --card-header-bg: linear-gradient(135deg, #f7fafc 0%, #edf2f7 100%);
    --text-primary: #1a202c;
    --text-secondary: #4a5568;
    --text-muted: #718096;
    --border-color: #e2e8f0;
    --info-row-bg: #f7fafc;
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.08);
    --shadow-md: 0 4px 16px rgba(102, 126, 234, 0.2);
}

[data-bs-theme="dark"][b-2blffexr05] {
    --primary-solid: #8b9aee;
    --primary-dark: #9a7bc2;
    --success-solid: #68d391;
    --warning-solid: #fbbf24;
    --danger-solid: #fca5a5;
    --card-bg: #1e293b;
    --card-header-bg: linear-gradient(135deg, #334155 0%, #1e293b 100%);
    --text-primary: #f1f5f9;
    --text-secondary: #cbd5e1;
    --text-muted: #94a3b8;
    --border-color: #334155;
    --info-row-bg: #0f172a;
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3);
    --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4);
}

.mobile-stokgiris-container[b-2blffexr05] {
    width: 100%;
    min-height: 100vh;
    background: var(--info-row-bg);
    padding-bottom: 20px;
}

.report-header-sticky[b-2blffexr05] {
    position: sticky;
    top: 0;
    z-index: 10;
    background: var(--info-row-bg);
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
    margin-top: 1rem;
}

.controls-card[b-2blffexr05] {
    background: var(--card-bg);
    border-radius: 16px;
    padding: 10px 12px;
    box-shadow: var(--shadow-sm);
    display: flex;
    align-items: center;
    gap: 10px;
}

.search-inline[b-2blffexr05] {
    flex: 1;
    position: relative;
    display: flex;
    align-items: center;
}

.search-inline-icon[b-2blffexr05] {
    position: absolute;
    left: 12px;
    font-size: 18px;
    color: #ffffff;
    z-index: 1;
    pointer-events: none;
}

.search-inline-input[b-2blffexr05] {
    width: 100%;
    border: none;
    border-radius: 12px;
    padding: 10px 36px 10px 38px;
    font-size: 14px;
    font-weight: 500;
    color: #ffffff;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    transition: all 0.2s ease;
    outline: none;
    box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3);
}

    .search-inline-input:focus[b-2blffexr05] {
        box-shadow: 0 4px 16px rgba(102, 126, 234, 0.4);
        transform: translateY(-1px);
    }

    .search-inline-input[b-2blffexr05]::placeholder {
        color: rgba(255, 255, 255, 0.7);
    }

.search-inline-clear[b-2blffexr05] {
    position: absolute;
    right: 8px;
    background: linear-gradient(135deg, #ff6b35 0%, #f7931e 100%);
    border: none;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: white;
    font-size: 14px;
    transition: all 0.2s ease;
    box-shadow: 0 2px 6px rgba(255, 107, 53, 0.4);
}

    .search-inline-clear:active[b-2blffexr05] {
        transform: scale(0.95);
    }

.filter-icon-btn[b-2blffexr05] {
    flex-shrink: 0;
    width: 42px;
    height: 42px;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border: none;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: white;
    font-size: 20px;
    transition: all 0.2s ease;
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
    position: relative;
}

    .filter-icon-btn:active[b-2blffexr05] {
        transform: scale(0.95);
    }

    .filter-icon-btn.active[b-2blffexr05] {
        background: linear-gradient(135deg, #764ba2 0%, #667eea 100%);
        box-shadow: 0 4px 16px rgba(118, 75, 162, 0.5);
    }

.filter-icon-badge[b-2blffexr05] {
    position: absolute;
    top: -6px;
    right: -6px;
    background: linear-gradient(135deg, #f56565 0%, #e53e3e 100%);
    color: white;
    font-size: 10px;
    font-weight: 800;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 6px rgba(229, 62, 62, 0.4);
    border: 2px solid var(--card-bg);
}

.loading-overlay[b-2blffexr05] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 20px;
    gap: 20px;
}

.loading-spinner[b-2blffexr05] {
    position: relative;
    width: 60px;
    height: 60px;
}

.spinner-ring[b-2blffexr05] {
    position: absolute;
    width: 100%;
    height: 100%;
    border: 3px solid transparent;
    border-top-color: var(--primary-solid);
    border-radius: 50%;
    animation: spin-b-2blffexr05 1s linear infinite;
}

    .spinner-ring:nth-child(2)[b-2blffexr05] {
        border-top-color: var(--primary-dark);
        animation-delay: 0.15s;
    }

    .spinner-ring:nth-child(3)[b-2blffexr05] {
        border-top-color: var(--success-solid);
        animation-delay: 0.3s;
    }

@keyframes spin-b-2blffexr05 {
    to {
        transform: rotate(360deg);
    }
}

.loading-text[b-2blffexr05] {
    font-size: 16px;
    font-weight: 600;
    color: var(--text-secondary);
}

.sales-list-container[b-2blffexr05] {
    padding: 12px;
    padding-bottom: 100px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.sales-card[b-2blffexr05] {
    background: var(--card-bg);
    border-radius: 16px;
    overflow: hidden;
    box-shadow: var(--shadow-sm);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer;
    border: 2px solid transparent;
}

    .sales-card:active[b-2blffexr05] {
        transform: scale(0.98);
    }

    .sales-card.expanded[b-2blffexr05] {
        border-color: var(--primary-dark);
        box-shadow: var(--shadow-md);
    }

.card-header-section[b-2blffexr05] {
    padding: 16px;
    background: var(--card-header-bg);
    border-bottom: 1px solid var(--border-color);
}

.card-title-row[b-2blffexr05] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
}

.card-title[b-2blffexr05] {
    font-size: 16px;
    font-weight: 700;
    color: var(--text-primary);
    margin: 0;
}

.expand-icon[b-2blffexr05] {
    font-size: 20px;
    color: var(--primary-solid);
    transition: transform 0.3s ease;
}

.sales-card.expanded .expand-icon[b-2blffexr05] {
    transform: rotate(180deg);
    color: var(--primary-dark);
}

.card-quick-stats[b-2blffexr05] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.quick-stat[b-2blffexr05] {
    background: var(--card-bg);
    padding: 12px;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

    .quick-stat.primary[b-2blffexr05] {
        background: linear-gradient(135deg, rgba(102, 126, 234, 0.1) 0%, rgba(118, 75, 162, 0.1) 100%);
    }

    .quick-stat.secondary[b-2blffexr05] {
        background: linear-gradient(135deg, rgba(72, 187, 120, 0.1) 0%, rgba(56, 161, 105, 0.1) 100%);
    }

.stat-label[b-2blffexr05] {
    font-size: 11px;
    color: var(--text-muted);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.stat-value[b-2blffexr05] {
    font-size: 16px;
    font-weight: 800;
    color: var(--text-primary);
}

.sales-card > .card-content[b-2blffexr05] {
    padding: 0;
    background: var(--card-bg);
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.sales-card.expanded > .card-content[b-2blffexr05] {
    max-height: 2500px;
    opacity: 1;
    padding: 16px;
}

.detail-grid[b-2blffexr05] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.detail-item[b-2blffexr05] {
    background: var(--info-row-bg);
    padding: 14px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    gap: 12px;
    transition: all 0.2s ease;
}

    .detail-item:active[b-2blffexr05] {
        transform: translateX(4px);
        background: var(--border-color);
    }

    .detail-item > i[b-2blffexr05] {
        font-size: 24px;
        color: var(--primary-solid);
        flex-shrink: 0;
    }

.detail-info[b-2blffexr05] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.detail-label[b-2blffexr05] {
    font-size: 12px;
    color: var(--text-muted);
    font-weight: 600;
}

.detail-value[b-2blffexr05] {
    font-size: 15px;
    font-weight: 700;
    color: var(--text-primary);
}

.card-actions-grid[b-2blffexr05] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
    margin-top: 14px;
    padding-top: 14px;
    border-top: 1px solid var(--border-color);
}

.action-btn-sg[b-2blffexr05] {
    border: none;
    padding: 10px 18px;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    color: white;
}

    .action-btn-sg:active[b-2blffexr05] {
        transform: scale(0.95);
    }

    .action-btn-sg.btn-success[b-2blffexr05] {
        background: var(--success-gradient);
        box-shadow: 0 4px 12px rgba(72, 187, 120, 0.3);
    }

.pagination-footer[b-2blffexr05] {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: var(--card-bg);
    border-top: 1px solid var(--border-color);
    box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.08);
    z-index: 90;
    padding: 12px;
}

.pagination-controls[b-2blffexr05] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-bottom: 12px;
}

.pagination-btn[b-2blffexr05] {
    background: var(--primary-gradient);
    background-color: var(--primary-solid);
    border: none;
    width: 36px;
    height: 36px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: white;
    font-size: 16px;
    transition: all 0.2s ease;
    box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3);
}

    .pagination-btn:active:not(:disabled)[b-2blffexr05] {
        transform: scale(0.95);
    }

    .pagination-btn:disabled[b-2blffexr05] {
        background: var(--border-color);
        color: var(--text-muted);
        cursor: not-allowed;
        opacity: 0.5;
        box-shadow: none;
    }

.pagination-info[b-2blffexr05] {
    display: flex;
    align-items: center;
    gap: 6px;
    background: var(--card-header-bg);
    padding: 8px 16px;
    border-radius: 10px;
    font-weight: 700;
    box-shadow: var(--shadow-sm);
}

    .pagination-info .current-page[b-2blffexr05] {
        font-size: 16px;
        color: var(--primary-solid);
    }

    .pagination-info .separator[b-2blffexr05] {
        font-size: 14px;
        color: var(--text-muted);
    }

    .pagination-info .total-pages[b-2blffexr05] {
        font-size: 14px;
        color: var(--text-secondary);
    }

.pagination-details[b-2blffexr05] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.page-size-selector[b-2blffexr05] {
    background: var(--card-header-bg);
    border: 2px solid var(--border-color);
    padding: 8px 12px;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 600;
    color: var(--text-primary);
    cursor: pointer;
    transition: all 0.2s ease;
}

    .page-size-selector:focus[b-2blffexr05] {
        outline: none;
        border-color: var(--primary-solid);
        box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
    }

.pagination-text[b-2blffexr05] {
    font-size: 12px;
    color: var(--text-secondary);
    font-weight: 600;
    text-align: right;
    flex: 1;
}

.empty-state[b-2blffexr05] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 20px;
    gap: 16px;
    text-align: center;
}

    .empty-state i[b-2blffexr05] {
        font-size: 80px;
        color: var(--text-muted);
        opacity: 0.5;
    }

    .empty-state h3[b-2blffexr05] {
        font-size: 20px;
        font-weight: 700;
        color: var(--text-primary);
        margin: 0;
    }

    .empty-state p[b-2blffexr05] {
        font-size: 14px;
        color: var(--text-secondary);
        margin: 0;
    }

@media (max-width: 360px) {
    .card-quick-stats[b-2blffexr05] {
        grid-template-columns: 1fr;
    }
}

@media (min-width: 768px) {
    .mobile-stokgiris-container[b-2blffexr05] {
        display: none;
    }
}
/* _content/Client/Pages/Stok/HizmetAra.razor.rz.scp.css */
:root[b-0ecc36lzh2] {
    --primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    --success-gradient: linear-gradient(135deg, #48bb78 0%, #38a169 100%);
    --danger-gradient: linear-gradient(135deg, #f56565 0%, #e53e3e 100%);
    --card-bg: #ffffff;
    --card-header-bg: linear-gradient(135deg, #f7fafc 0%, #edf2f7 100%);
    --search-bg: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    --text-primary: #1a202c;
    --text-secondary: #4a5568;
    --text-muted: #718096;
    --border-color: #e2e8f0;
    --info-row-bg: #f7fafc;
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.08);
    --shadow-md: 0 4px 16px rgba(102, 126, 234, 0.2);
}

[data-bs-theme="dark"][b-0ecc36lzh2] {
    --card-bg: #1e293b;
    --card-header-bg: linear-gradient(135deg, #334155 0%, #1e293b 100%);
    --text-primary: #f1f5f9;
    --text-secondary: #cbd5e1;
    --text-muted: #94a3b8;
    --border-color: #334155;
    --info-row-bg: #0f172a;
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3);
    --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4);
}

@media (max-width: 991px) {
    .dxbs-grid[b-0ecc36lzh2] {
        background: transparent !important;
        border: none !important;
    }

    .dxbs-grid-header[b-0ecc36lzh2],
    .dxbs-grid-header-content[b-0ecc36lzh2],
    .dxbs-grid-filter-row[b-0ecc36lzh2],
    .dxbs-grid-command-column[b-0ecc36lzh2],
    .dxbs-grid-selection-column[b-0ecc36lzh2],
    .dxbs-grid-data-column[b-0ecc36lzh2],
    .dxbs-grid-table thead[b-0ecc36lzh2],
    .dxbs-grid-table > tbody > tr > td:not(.dxbs-grid-detail-cell)[b-0ecc36lzh2] {
        display: none !important;
        visibility: hidden !important;
        height: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        border: none !important;
    }

    .dxbs-grid-table[b-0ecc36lzh2],
    .dxbs-grid-table > tbody[b-0ecc36lzh2],
    .dxbs-grid-table > tbody > tr[b-0ecc36lzh2] {
        display: block !important;
        width: 100% !important;
        border: none !important;
        background: transparent !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .dxbs-grid-detail-cell[b-0ecc36lzh2] {
        display: block !important;
        width: 100% !important;
        padding: 0 !important;
        border: none !important;
        background: transparent !important;
    }

    .custom-grid[b-0ecc36lzh2] {
        background: var(--info-row-bg) !important;
        border: none !important;
        padding: 0 !important;
    }
}

/* ============================================
   SABİT ARAMA KARTI - MOR ARKA PLAN
   ============================================ */
.search-card-container[b-0ecc36lzh2] {
    position: sticky;
    z-index: 1000;
    padding: 12px;
    background: var(--card-bg);
    margin: 0;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.search-card[b-0ecc36lzh2] {
    position: relative;
    background: var(--search-bg);
    border-radius: 14px;
    padding: 12px 54px 12px 48px;
    box-shadow: var(--shadow-sm);
    display: flex;
    align-items: center;
    transition: all 0.3s ease;
}

    .search-card:focus-within[b-0ecc36lzh2] {
        box-shadow: 0 4px 16px rgba(102, 126, 234, 0.3);
        transform: translateY(-1px);
    }

.search-icon[b-0ecc36lzh2] {
    position: absolute;
    left: 16px;
    color: rgba(255, 255, 255, 0.9);
    font-size: 20px;
    transition: all 0.3s ease;
}

.search-card:focus-within .search-icon[b-0ecc36lzh2] {
    color: white;
    transform: scale(1.1);
}

.search-input[b-0ecc36lzh2] {
    flex: 1;
    border: none;
    outline: none;
    background: transparent;
    font-size: 15px;
    color: white;
    font-weight: 500;
}

    .search-input[b-0ecc36lzh2]::placeholder {
        color: rgba(255, 255, 255, 0.7);
    }

.search-clear[b-0ecc36lzh2] {
    position: absolute;
    right: 12px;
    background: linear-gradient(135deg, #ff6b35 0%, #f7931e 100%);
    border: none;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: white;
    font-size: 18px;
    transition: all 0.2s ease;
    box-shadow: 0 2px 8px rgba(255, 107, 53, 0.4);
}

    .search-clear:hover[b-0ecc36lzh2] {
        background: linear-gradient(135deg, #f7931e 0%, #ff6b35 100%);
        transform: scale(1.1);
        box-shadow: 0 4px 12px rgba(255, 107, 53, 0.6);
    }

    .search-clear:active[b-0ecc36lzh2] {
        transform: scale(0.95);
    }

/* ============================================
   MOBİL PAGINATION
   ============================================ */
/* Sabit footer container */
.pagination-footer[b-0ecc36lzh2] {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--card-bg);
    border-top: 1px solid var(--border-color);
    z-index: 998;
    box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column; /* üst üste dizmek için */
}

/* Üstteki sayfa numaraları */
.mobile-pagination[b-0ecc36lzh2] {
    padding: 7px 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    border-bottom: 1px solid var(--border-color); /* opsiyonel ayrım için */
}

/* Alttaki detaylar + select */
.pagination-details[b-0ecc36lzh2] {
    padding: 7px 11px;
    height: 110px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 9px;
}




.pagination-btn[b-0ecc36lzh2] {
    background: var(--primary-gradient);
    border: none;
    width: 27px;
    height: 27px;
    border-radius: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: white;
    font-size: 13px;
    transition: all 0.2s ease;
    box-shadow: 0 2px 6px rgba(102, 126, 234, 0.3);
}

    .pagination-btn:hover:not(:disabled)[b-0ecc36lzh2] {
        transform: translateY(-1px);
        box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4);
    }

    .pagination-btn:active:not(:disabled)[b-0ecc36lzh2] {
        transform: scale(0.95);
    }

    .pagination-btn:disabled[b-0ecc36lzh2] {
        background: var(--border-color);
        color: var(--text-muted);
        cursor: not-allowed;
        opacity: 0.5;
        box-shadow: none;
    }

.pagination-info[b-0ecc36lzh2] {
    display: flex;
    align-items: center; /* hepsi dikeyde ortalanır */
    justify-content: center; /* yatayda hizalanır */
    gap: 4px;
    background: var(--card-header-bg);
    padding: 6px 11px;
    border-radius: 7px;
    font-weight: 700;
    min-width: 60px;
    box-shadow: var(--shadow-sm);
    white-space: nowrap; /* alt satıra geçmeyi engeller */
    line-height: 1; /* yükseklik farklarını sıfırlar */
}

    .pagination-info span[b-0ecc36lzh2] {
        font-size: 11px;
        line-height: 1; /* tam hizalama için */
        display: flex;
        align-items: center; /* dikey ortalama */
    }

.current-page[b-0ecc36lzh2] {
    color: #667eea;
}

.separator[b-0ecc36lzh2] {
    color: var(--text-muted);
}

.total-pages[b-0ecc36lzh2] {
    color: var(--text-secondary);
}




.page-size-selector[b-0ecc36lzh2] {
    background: var(--card-header-bg);
    border: 2px solid var(--border-color);
    padding: 5px 9px;
    border-radius: 7px;
    font-size: 12px;
    font-weight: 600;
    color: var(--text-primary);
    cursor: pointer;
    transition: all 0.2s ease;
}

    .page-size-selector:focus[b-0ecc36lzh2] {
        outline: none;
        border-color: #667eea;
        box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
    }

    .page-size-selector:hover[b-0ecc36lzh2] {
        border-color: #667eea;
    }

.pagination-text[b-0ecc36lzh2] {
    font-size: 11px;
    color: var(--text-secondary);
    font-weight: 600;
    flex: 1;
    margin-top: 1vh;
    text-align: right;
}

.stok-card[b-0ecc36lzh2] {
    background: var(--card-bg);
    margin: 8px 12px;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: var(--shadow-sm);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer;
    border: 2px solid transparent;
    user-select: none;
    position: relative;
    pointer-events: auto;
}

    .stok-card:hover[b-0ecc36lzh2] {
        border-color: #667eea;
        box-shadow: var(--shadow-md);
        transform: translateY(-2px);
    }

    .stok-card.expanded[b-0ecc36lzh2] {
        border-color: #764ba2;
        box-shadow: 0 8px 24px rgba(102, 126, 234, 0.25);
    }

    .stok-card:active[b-0ecc36lzh2] {
        transform: scale(0.98);
    }

.card-header-section[b-0ecc36lzh2] {
    padding: 12px;
    background: var(--card-header-bg);
    border-bottom: 1px solid var(--border-color);
}

.card-title-row[b-0ecc36lzh2] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 8px;
}

.card-title[b-0ecc36lzh2] {
    font-size: 15px;
    font-weight: 700;
    color: var(--text-primary);
    margin: 0;
    flex: 1;
    line-height: 1.3;
    padding-right: 8px;
}

.expand-icon[b-0ecc36lzh2] {
    font-size: 22px;
    color: #667eea;
    flex-shrink: 0;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.stok-card.expanded .expand-icon[b-0ecc36lzh2] {
    transform: rotate(180deg);
    color: #764ba2;
}

.card-meta-row[b-0ecc36lzh2] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 10px;
}

.card-code[b-0ecc36lzh2] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    background: var(--primary-gradient);
    color: white;
    padding: 4px 10px;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 700;
    box-shadow: 0 2px 6px rgba(102, 126, 234, 0.3);
}

.stock-badge[b-0ecc36lzh2] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 10px;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 700;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}

.stock-available[b-0ecc36lzh2] {
    background: var(--success-gradient);
    color: white;
}

.stock-out[b-0ecc36lzh2] {
    background: var(--danger-gradient);
    color: white;
}

.card-quick-info[b-0ecc36lzh2] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}

.quick-info-item[b-0ecc36lzh2] {
    background: var(--card-bg);
    padding: 10px 12px;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    gap: 3px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    transition: all 0.2s ease;
}

    .quick-info-item:hover[b-0ecc36lzh2] {
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
        transform: translateY(-1px);
    }

.quick-label[b-0ecc36lzh2] {
    font-size: 10px;
    color: var(--text-muted);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.6px;
}

.quick-value[b-0ecc36lzh2] {
    font-size: 16px;
    color: var(--text-primary);
    font-weight: 800;
}

    .quick-value.price[b-0ecc36lzh2] {
        color: #48bb78;
        background: linear-gradient(135deg, #48bb78 0%, #38a169 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
    }

.card-content[b-0ecc36lzh2] {
    padding: 0 12px;
    background: var(--card-bg);
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.stok-card.expanded .card-content[b-0ecc36lzh2] {
    max-height: 2500px;
    opacity: 1;
    padding: 12px;
}

.info-row[b-0ecc36lzh2] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 12px;
    background: var(--info-row-bg);
    border-radius: 10px;
    margin-bottom: 8px;
    transition: all 0.2s ease;
}

    .info-row:hover[b-0ecc36lzh2] {
        background: var(--border-color);
        transform: translateX(2px);
    }

.info-label[b-0ecc36lzh2] {
    font-size: 13px;
    color: var(--text-secondary);
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 6px;
    flex: 1;
}

    .info-label i[b-0ecc36lzh2] {
        color: #667eea;
        font-size: 16px;
    }

.info-value[b-0ecc36lzh2] {
    font-size: 14px;
    color: var(--text-primary);
    font-weight: 700;
    text-align: right;
    flex-shrink: 0;
    margin-left: 8px;
}

.card-actions[b-0ecc36lzh2] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 8px;
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid var(--border-color);
}

.action-btn[b-0ecc36lzh2] {
    border: none;
    padding: 10px 18px;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

    .action-btn:active[b-0ecc36lzh2] {
        transform: scale(0.95);
    }

.btn-primary[b-0ecc36lzh2] {
    background: var(--primary-gradient);
    color: white;
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
}

    .btn-primary:hover[b-0ecc36lzh2] {
        box-shadow: 0 6px 16px rgba(102, 126, 234, 0.4);
        transform: translateY(-2px);
    }

.btn-secondary[b-0ecc36lzh2] {
    background: var(--border-color);
    color: var(--text-secondary);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
}

    .btn-secondary:hover[b-0ecc36lzh2] {
        background: #cbd5e0;
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.12);
        transform: translateY(-2px);
    }

[data-bs-theme="dark"] .btn-secondary[b-0ecc36lzh2] {
    background: #334155;
    color: #cbd5e1;
}

    [data-bs-theme="dark"] .btn-secondary:hover[b-0ecc36lzh2] {
        background: #475569;
    }

@media (max-width: 360px) {
    .card-title[b-0ecc36lzh2] {
        font-size: 14px;
    }

    .card-quick-info[b-0ecc36lzh2] {
        grid-template-columns: 1fr;
    }

    .search-card-container[b-0ecc36lzh2] {
        padding: 10px;
    }

    .stok-card[b-0ecc36lzh2] {
        margin: 6px 10px;
    }

    .quick-value[b-0ecc36lzh2] {
        font-size: 15px;
    }

    .card-header-section[b-0ecc36lzh2] {
        padding: 10px;
    }
}

@media (min-width: 992px) {
    .search-card-container[b-0ecc36lzh2],
    .stok-card[b-0ecc36lzh2],
    .mobile-pagination[b-0ecc36lzh2],
    .pagination-details[b-0ecc36lzh2] {
        display: none !important;
    }
}

@keyframes fadeIn-b-0ecc36lzh2 {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.stok-card[b-0ecc36lzh2] {
    animation: fadeIn-b-0ecc36lzh2 0.3s ease-out;
}

@media (max-width: 991px) {
    [b-0ecc36lzh2]::-webkit-scrollbar {
        width: 6px;
    }

    [b-0ecc36lzh2]::-webkit-scrollbar-track {
        background: var(--info-row-bg);
    }

    [b-0ecc36lzh2]::-webkit-scrollbar-thumb {
        background: var(--border-color);
        border-radius: 3px;
    }

        [b-0ecc36lzh2]::-webkit-scrollbar-thumb:hover {
            background: #667eea;
        }
}
/* _content/Client/Pages/Stok/HizmetAraMobil/HizmetAraMobil.razor.rz.scp.css */

[data-bs-theme="dark"][b-8t1uv7qtv8] {
    --cari-primary: #8b9aee;
    --cari-primary-dark: #9a7bc2;
    --cari-success: #68d391;
    --cari-warning: #fbbf24;
    --cari-danger: #fca5a5;
    --cari-card-bg: #1e293b;
    --cari-card-header-bg: linear-gradient(135deg, #334155 0%, #1e293b 100%);
    --cari-text-primary: #f1f5f9;
    --cari-text-secondary: #cbd5e1;
    --cari-text-muted: #94a3b8;
    --cari-border: #334155;
    --cari-bg: #0f172a;
    --cari-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3);
    --cari-shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4);
}

/* ── CONTAINER ─────────────────────────────────────── */
.cari-mobil-container[b-8t1uv7qtv8] {
    width: 100%;
    min-height: 100vh;
    background: var(--cari-bg);
    padding-bottom: 20px;
}

/* ── STICKY HEADER ──────────────────────────────────── */
.cari-header-sticky[b-8t1uv7qtv8] {
    position: sticky;
    top: 0;
    z-index: 10;
    background: var(--cari-bg);
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
    margin-top: 1rem;
    padding: 0 12px 12px;
}

.cari-controls-card[b-8t1uv7qtv8] {
    background: var(--cari-card-bg);
    border-radius: 16px;
    padding: 10px 12px;
    box-shadow: var(--cari-shadow-sm);
    display: flex;
    align-items: center;
    gap: 10px;
}

/* ── SEARCH ─────────────────────────────────────────── */
.cari-search-inline[b-8t1uv7qtv8] {
    flex: 1;
    position: relative;
    display: flex;
    align-items: center;
}

.cari-search-icon[b-8t1uv7qtv8] {
    position: absolute;
    left: 12px;
    font-size: 18px;
    color: #ffffff;
    z-index: 1;
    pointer-events: none;
}

.cari-search-input[b-8t1uv7qtv8] {
    width: 100%;
    border: none;
    border-radius: 12px;
    padding: 10px 36px 10px 38px;
    font-size: 14px;
    font-weight: 500;
    color: #ffffff;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    transition: all 0.2s ease;
    outline: none;
    box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3);
}

    .cari-search-input:focus[b-8t1uv7qtv8] {
        box-shadow: 0 4px 16px rgba(102, 126, 234, 0.4);
        transform: translateY(-1px);
    }

    .cari-search-input[b-8t1uv7qtv8]::placeholder {
        color: rgba(255, 255, 255, 0.7);
    }

.cari-search-clear[b-8t1uv7qtv8] {
    position: absolute;
    right: 8px;
    background: linear-gradient(135deg, #ff6b35 0%, #f7931e 100%);
    border: none;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: white;
    font-size: 14px;
    transition: all 0.2s ease;
    box-shadow: 0 2px 6px rgba(255, 107, 53, 0.4);
}

    .cari-search-clear:active[b-8t1uv7qtv8] {
        transform: scale(0.95);
    }

/* ── FILTER BUTTON ──────────────────────────────────── */
.cari-filter-btn[b-8t1uv7qtv8] {
    flex-shrink: 0;
    width: 42px;
    height: 42px;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border: none;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: white;
    font-size: 20px;
    transition: all 0.2s ease;
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
    position: relative;
}

    .cari-filter-btn:active[b-8t1uv7qtv8] {
        transform: scale(0.95);
    }

    .cari-filter-btn.active[b-8t1uv7qtv8] {
        background: linear-gradient(135deg, #764ba2 0%, #667eea 100%);
        box-shadow: 0 4px 16px rgba(118, 75, 162, 0.5);
    }

.cari-filter-badge[b-8t1uv7qtv8] {
    position: absolute;
    top: -6px;
    right: -6px;
    background: linear-gradient(135deg, #f56565 0%, #e53e3e 100%);
    color: white;
    font-size: 10px;
    font-weight: 800;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 6px rgba(229, 62, 62, 0.4);
    border: 2px solid var(--cari-card-bg);
}

/* ── LOADING ────────────────────────────────────────── */
.cari-loading-overlay[b-8t1uv7qtv8] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 20px;
    gap: 20px;
}

.cari-spinner[b-8t1uv7qtv8] {
    position: relative;
    width: 60px;
    height: 60px;
}

.cari-spinner-ring[b-8t1uv7qtv8] {
    position: absolute;
    width: 100%;
    height: 100%;
    border: 3px solid transparent;
    border-top-color: var(--cari-primary);
    border-radius: 50%;
    animation: cariSpin-b-8t1uv7qtv8 1s linear infinite;
}

    .cari-spinner-ring:nth-child(2)[b-8t1uv7qtv8] {
        border-top-color: var(--cari-primary-dark);
        animation-delay: 0.15s;
    }

    .cari-spinner-ring:nth-child(3)[b-8t1uv7qtv8] {
        border-top-color: var(--cari-success);
        animation-delay: 0.3s;
    }

@keyframes cariSpin-b-8t1uv7qtv8 {
    to {
        transform: rotate(360deg);
    }
}

.cari-loading-text[b-8t1uv7qtv8] {
    font-size: 16px;
    font-weight: 600;
    color: var(--cari-text-secondary);
}

/* ── CARD LIST ──────────────────────────────────────── */
.cari-list-container[b-8t1uv7qtv8] {
    padding: 12px;
    padding-bottom: 190px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.cari-card[b-8t1uv7qtv8] {
    background: var(--cari-card-bg);
    border-radius: 16px;
    overflow: hidden;
    box-shadow: var(--cari-shadow-sm);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer;
    border: 2px solid transparent;
}

    .cari-card:active[b-8t1uv7qtv8] {
        transform: scale(0.98);
    }

    .cari-card.expanded[b-8t1uv7qtv8] {
        border-color: var(--cari-primary-dark);
        box-shadow: var(--cari-shadow-md);
    }

/* ── CARD HEADER ────────────────────────────────────── */
.cari-card-header[b-8t1uv7qtv8] {
    padding: 16px;
    background: var(--cari-card-header-bg);
    border-bottom: 1px solid var(--cari-border);
}

.cari-card-title-row[b-8t1uv7qtv8] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
}

.cari-card-title[b-8t1uv7qtv8] {
    font-size: 16px;
    font-weight: 700;
    color: var(--cari-text-primary);
    margin: 0;
    flex: 1;
    padding-right: 8px;
}

.cari-expand-icon[b-8t1uv7qtv8] {
    font-size: 20px;
    color: var(--cari-primary);
    transition: transform 0.3s ease;
    flex-shrink: 0;
}

.cari-card.expanded .cari-expand-icon[b-8t1uv7qtv8] {
    transform: rotate(180deg);
    color: var(--cari-primary-dark);
}

/* ── QUICK STATS ────────────────────────────────────── */
.cari-quick-stats[b-8t1uv7qtv8] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.cari-stat[b-8t1uv7qtv8] {
    background: var(--cari-card-bg);
    padding: 12px;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

.cari-stat-primary[b-8t1uv7qtv8] {
    background: linear-gradient(135deg, rgba(102, 126, 234, 0.1) 0%, rgba(118, 75, 162, 0.1) 100%);
}

.cari-stat-secondary[b-8t1uv7qtv8] {
    background: linear-gradient(135deg, rgba(72, 187, 120, 0.1) 0%, rgba(56, 161, 105, 0.1) 100%);
}

.cari-stat-label[b-8t1uv7qtv8] {
    font-size: 11px;
    color: var(--cari-text-muted);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.cari-stat-value[b-8t1uv7qtv8] {
    font-size: 16px;
    font-weight: 800;
    color: var(--cari-text-primary);
}

/* ── CARD CONTENT (expanded) ────────────────────────── */
.cari-card-content[b-8t1uv7qtv8] {
    padding: 0;
    background: var(--cari-card-bg);
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-height 0.35s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.25s ease, padding 0.3s ease;
}

.cari-card.expanded .cari-card-content[b-8t1uv7qtv8] {
    max-height: 2500px;
    opacity: 1;
    padding: 16px;
}

.cari-detail-grid[b-8t1uv7qtv8] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.cari-detail-item[b-8t1uv7qtv8] {
    background: var(--cari-bg);
    padding: 14px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    gap: 12px;
    transition: all 0.2s ease;
}

    .cari-detail-item:active[b-8t1uv7qtv8] {
        transform: translateX(4px);
        background: var(--cari-border);
    }

    .cari-detail-item > i[b-8t1uv7qtv8] {
        font-size: 24px;
        color: var(--cari-primary);
        flex-shrink: 0;
    }

.cari-detail-info[b-8t1uv7qtv8] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.cari-detail-label[b-8t1uv7qtv8] {
    font-size: 12px;
    color: var(--cari-text-muted);
    font-weight: 600;
}

.cari-detail-value[b-8t1uv7qtv8] {
    font-size: 15px;
    font-weight: 700;
    color: var(--cari-text-primary);
}

/* ── ACTIONS ────────────────────────────────────────── */
.cari-actions[b-8t1uv7qtv8] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
    margin-top: 14px;
    padding-top: 14px;
    border-top: 1px solid var(--cari-border);
}

.cari-action-btn[b-8t1uv7qtv8] {
    border: none;
    padding: 10px 18px;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    color: white;
}

    .cari-action-btn:active[b-8t1uv7qtv8] {
        transform: scale(0.95);
    }

.cari-btn-primary[b-8t1uv7qtv8] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
}

.cari-btn-danger[b-8t1uv7qtv8] {
    background: linear-gradient(135deg, #fc8181 0%, #f56565 100%);
    box-shadow: 0 4px 12px rgba(245, 101, 101, 0.3);
}

/* ── PAGINATION ─────────────────────────────────────── */
.cari-pagination-footer[b-8t1uv7qtv8] {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: var(--cari-card-bg);
    border-top: 1px solid var(--cari-border);
    box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.08);
    z-index: 90;
    padding: 12px 12px 65px;
}

.cari-pagination-controls[b-8t1uv7qtv8] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-bottom: 12px;
}

.cari-page-btn[b-8t1uv7qtv8] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border: none;
    width: 36px;
    height: 36px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: white;
    font-size: 16px;
    transition: all 0.2s ease;
    box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3);
}

    .cari-page-btn:active:not(:disabled)[b-8t1uv7qtv8] {
        transform: scale(0.95);
    }

    .cari-page-btn:disabled[b-8t1uv7qtv8] {
        background: var(--cari-border);
        color: var(--cari-text-muted);
        cursor: not-allowed;
        opacity: 0.5;
        box-shadow: none;
    }

.cari-page-info[b-8t1uv7qtv8] {
    display: flex;
    align-items: center;
    gap: 6px;
    background: var(--cari-card-header-bg);
    padding: 8px 16px;
    border-radius: 10px;
    font-weight: 700;
    box-shadow: var(--cari-shadow-sm);
}

.cari-page-current[b-8t1uv7qtv8] {
    font-size: 16px;
    color: var(--cari-primary);
}

.cari-page-sep[b-8t1uv7qtv8] {
    font-size: 14px;
    color: var(--cari-text-muted);
}

.cari-page-total[b-8t1uv7qtv8] {
    font-size: 14px;
    color: var(--cari-text-secondary);
}

.cari-pagination-details[b-8t1uv7qtv8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.cari-page-size[b-8t1uv7qtv8] {
    background: var(--cari-card-header-bg);
    border: 2px solid var(--cari-border);
    padding: 8px 12px;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 600;
    color: var(--cari-text-primary);
    cursor: pointer;
    transition: all 0.2s ease;
}

    .cari-page-size:focus[b-8t1uv7qtv8] {
        outline: none;
        border-color: var(--cari-primary);
        box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
    }

.cari-page-text[b-8t1uv7qtv8] {
    font-size: 12px;
    color: var(--cari-text-secondary);
    font-weight: 600;
    text-align: right;
    flex: 1;
}

/* ── EMPTY STATE ────────────────────────────────────── */
.cari-empty-state[b-8t1uv7qtv8] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 20px;
    gap: 16px;
    text-align: center;
}

    .cari-empty-state i[b-8t1uv7qtv8] {
        font-size: 80px;
        color: var(--cari-text-muted);
        opacity: 0.5;
    }

    .cari-empty-state h3[b-8t1uv7qtv8] {
        font-size: 20px;
        font-weight: 700;
        color: var(--cari-text-primary);
        margin: 0;
    }

    .cari-empty-state p[b-8t1uv7qtv8] {
        font-size: 14px;
        color: var(--cari-text-secondary);
        margin: 0;
    }

/* ── RESPONSIVE ─────────────────────────────────────── */
@media (max-width: 360px) {
    .cari-quick-stats[b-8t1uv7qtv8] {
        grid-template-columns: 1fr;
    }
}
/* _content/Client/Pages/Stok/MasrafAra.razor.rz.scp.css */
:root[b-q14mj1cnyu] {
    --primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    --success-gradient: linear-gradient(135deg, #48bb78 0%, #38a169 100%);
    --danger-gradient: linear-gradient(135deg, #f56565 0%, #e53e3e 100%);
    --card-bg: #ffffff;
    --card-header-bg: linear-gradient(135deg, #f7fafc 0%, #edf2f7 100%);
    --search-bg: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    --text-primary: #1a202c;
    --text-secondary: #4a5568;
    --text-muted: #718096;
    --border-color: #e2e8f0;
    --info-row-bg: #f7fafc;
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.08);
    --shadow-md: 0 4px 16px rgba(102, 126, 234, 0.2);
}

[data-bs-theme="dark"][b-q14mj1cnyu] {
    --card-bg: #1e293b;
    --card-header-bg: linear-gradient(135deg, #334155 0%, #1e293b 100%);
    --text-primary: #f1f5f9;
    --text-secondary: #cbd5e1;
    --text-muted: #94a3b8;
    --border-color: #334155;
    --info-row-bg: #0f172a;
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3);
    --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4);
}

@media (max-width: 991px) {
    .dxbs-grid[b-q14mj1cnyu] {
        background: transparent !important;
        border: none !important;
    }

    .dxbs-grid-header[b-q14mj1cnyu],
    .dxbs-grid-header-content[b-q14mj1cnyu],
    .dxbs-grid-filter-row[b-q14mj1cnyu],
    .dxbs-grid-command-column[b-q14mj1cnyu],
    .dxbs-grid-selection-column[b-q14mj1cnyu],
    .dxbs-grid-data-column[b-q14mj1cnyu],
    .dxbs-grid-table thead[b-q14mj1cnyu],
    .dxbs-grid-table > tbody > tr > td:not(.dxbs-grid-detail-cell)[b-q14mj1cnyu] {
        display: none !important;
        visibility: hidden !important;
        height: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        border: none !important;
    }

    .dxbs-grid-table[b-q14mj1cnyu],
    .dxbs-grid-table > tbody[b-q14mj1cnyu],
    .dxbs-grid-table > tbody > tr[b-q14mj1cnyu] {
        display: block !important;
        width: 100% !important;
        border: none !important;
        background: transparent !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .dxbs-grid-detail-cell[b-q14mj1cnyu] {
        display: block !important;
        width: 100% !important;
        padding: 0 !important;
        border: none !important;
        background: transparent !important;
    }

    .custom-grid[b-q14mj1cnyu] {
        background: var(--info-row-bg) !important;
        border: none !important;
        padding: 0 !important;
    }
}

/* ============================================
   SABİT ARAMA KARTI - MOR ARKA PLAN
   ============================================ */
.search-card-container[b-q14mj1cnyu] {
    position: sticky;
    z-index: 1000;
    padding: 12px;
    background: var(--card-bg);
    margin: 0;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.search-card[b-q14mj1cnyu] {
    position: relative;
    background: var(--search-bg);
    border-radius: 14px;
    padding: 12px 54px 12px 48px;
    box-shadow: var(--shadow-sm);
    display: flex;
    align-items: center;
    transition: all 0.3s ease;
}

    .search-card:focus-within[b-q14mj1cnyu] {
        box-shadow: 0 4px 16px rgba(102, 126, 234, 0.3);
        transform: translateY(-1px);
    }

.search-icon[b-q14mj1cnyu] {
    position: absolute;
    left: 16px;
    color: rgba(255, 255, 255, 0.9);
    font-size: 20px;
    transition: all 0.3s ease;
}

.search-card:focus-within .search-icon[b-q14mj1cnyu] {
    color: white;
    transform: scale(1.1);
}

.search-input[b-q14mj1cnyu] {
    flex: 1;
    border: none;
    outline: none;
    background: transparent;
    font-size: 15px;
    color: white;
    font-weight: 500;
}

    .search-input[b-q14mj1cnyu]::placeholder {
        color: rgba(255, 255, 255, 0.7);
    }

.search-clear[b-q14mj1cnyu] {
    position: absolute;
    right: 12px;
    background: linear-gradient(135deg, #ff6b35 0%, #f7931e 100%);
    border: none;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: white;
    font-size: 18px;
    transition: all 0.2s ease;
    box-shadow: 0 2px 8px rgba(255, 107, 53, 0.4);
}

    .search-clear:hover[b-q14mj1cnyu] {
        background: linear-gradient(135deg, #f7931e 0%, #ff6b35 100%);
        transform: scale(1.1);
        box-shadow: 0 4px 12px rgba(255, 107, 53, 0.6);
    }

    .search-clear:active[b-q14mj1cnyu] {
        transform: scale(0.95);
    }

/* ============================================
   MOBİL PAGINATION
   ============================================ */
/* Sabit footer container */
.pagination-footer[b-q14mj1cnyu] {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--card-bg);
    border-top: 1px solid var(--border-color);
    z-index: 998;
    box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column; /* üst üste dizmek için */
}

/* Üstteki sayfa numaraları */
.mobile-pagination[b-q14mj1cnyu] {
    padding: 7px 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    border-bottom: 1px solid var(--border-color); /* opsiyonel ayrım için */
}

/* Alttaki detaylar + select */
.pagination-details[b-q14mj1cnyu] {
    padding: 7px 11px;
    height: 110px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 9px;
}




.pagination-btn[b-q14mj1cnyu] {
    background: var(--primary-gradient);
    border: none;
    width: 27px;
    height: 27px;
    border-radius: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: white;
    font-size: 13px;
    transition: all 0.2s ease;
    box-shadow: 0 2px 6px rgba(102, 126, 234, 0.3);
}

    .pagination-btn:hover:not(:disabled)[b-q14mj1cnyu] {
        transform: translateY(-1px);
        box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4);
    }

    .pagination-btn:active:not(:disabled)[b-q14mj1cnyu] {
        transform: scale(0.95);
    }

    .pagination-btn:disabled[b-q14mj1cnyu] {
        background: var(--border-color);
        color: var(--text-muted);
        cursor: not-allowed;
        opacity: 0.5;
        box-shadow: none;
    }

.pagination-info[b-q14mj1cnyu] {
    display: flex;
    align-items: center; /* hepsi dikeyde ortalanır */
    justify-content: center; /* yatayda hizalanır */
    gap: 4px;
    background: var(--card-header-bg);
    padding: 6px 11px;
    border-radius: 7px;
    font-weight: 700;
    min-width: 60px;
    box-shadow: var(--shadow-sm);
    white-space: nowrap; /* alt satıra geçmeyi engeller */
    line-height: 1; /* yükseklik farklarını sıfırlar */
}

    .pagination-info span[b-q14mj1cnyu] {
        font-size: 11px;
        line-height: 1; /* tam hizalama için */
        display: flex;
        align-items: center; /* dikey ortalama */
    }

.current-page[b-q14mj1cnyu] {
    color: #667eea;
}

.separator[b-q14mj1cnyu] {
    color: var(--text-muted);
}

.total-pages[b-q14mj1cnyu] {
    color: var(--text-secondary);
}




.page-size-selector[b-q14mj1cnyu] {
    background: var(--card-header-bg);
    border: 2px solid var(--border-color);
    padding: 5px 9px;
    border-radius: 7px;
    font-size: 12px;
    font-weight: 600;
    color: var(--text-primary);
    cursor: pointer;
    transition: all 0.2s ease;
}

    .page-size-selector:focus[b-q14mj1cnyu] {
        outline: none;
        border-color: #667eea;
        box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
    }

    .page-size-selector:hover[b-q14mj1cnyu] {
        border-color: #667eea;
    }

.pagination-text[b-q14mj1cnyu] {
    font-size: 11px;
    color: var(--text-secondary);
    font-weight: 600;
    flex: 1;
    margin-top: 1vh;
    text-align: right;
}

.stok-card[b-q14mj1cnyu] {
    background: var(--card-bg);
    margin: 8px 12px;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: var(--shadow-sm);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer;
    border: 2px solid transparent;
    user-select: none;
    position: relative;
    pointer-events: auto;
}

    .stok-card:hover[b-q14mj1cnyu] {
        border-color: #667eea;
        box-shadow: var(--shadow-md);
        transform: translateY(-2px);
    }

    .stok-card.expanded[b-q14mj1cnyu] {
        border-color: #764ba2;
        box-shadow: 0 8px 24px rgba(102, 126, 234, 0.25);
    }

    .stok-card:active[b-q14mj1cnyu] {
        transform: scale(0.98);
    }

.card-header-section[b-q14mj1cnyu] {
    padding: 12px;
    background: var(--card-header-bg);
    border-bottom: 1px solid var(--border-color);
}

.card-title-row[b-q14mj1cnyu] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 8px;
}

.card-title[b-q14mj1cnyu] {
    font-size: 15px;
    font-weight: 700;
    color: var(--text-primary);
    margin: 0;
    flex: 1;
    line-height: 1.3;
    padding-right: 8px;
}

.expand-icon[b-q14mj1cnyu] {
    font-size: 22px;
    color: #667eea;
    flex-shrink: 0;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.stok-card.expanded .expand-icon[b-q14mj1cnyu] {
    transform: rotate(180deg);
    color: #764ba2;
}

.card-meta-row[b-q14mj1cnyu] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 10px;
}

.card-code[b-q14mj1cnyu] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    background: var(--primary-gradient);
    color: white;
    padding: 4px 10px;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 700;
    box-shadow: 0 2px 6px rgba(102, 126, 234, 0.3);
}

.stock-badge[b-q14mj1cnyu] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 10px;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 700;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}

.stock-available[b-q14mj1cnyu] {
    background: var(--success-gradient);
    color: white;
}

.stock-out[b-q14mj1cnyu] {
    background: var(--danger-gradient);
    color: white;
}

.card-quick-info[b-q14mj1cnyu] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}

.quick-info-item[b-q14mj1cnyu] {
    background: var(--card-bg);
    padding: 10px 12px;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    gap: 3px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    transition: all 0.2s ease;
}

    .quick-info-item:hover[b-q14mj1cnyu] {
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
        transform: translateY(-1px);
    }

.quick-label[b-q14mj1cnyu] {
    font-size: 10px;
    color: var(--text-muted);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.6px;
}

.quick-value[b-q14mj1cnyu] {
    font-size: 16px;
    color: var(--text-primary);
    font-weight: 800;
}

    .quick-value.price[b-q14mj1cnyu] {
        color: #48bb78;
        background: linear-gradient(135deg, #48bb78 0%, #38a169 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
    }

.card-content[b-q14mj1cnyu] {
    padding: 0 12px;
    background: var(--card-bg);
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.stok-card.expanded .card-content[b-q14mj1cnyu] {
    max-height: 2500px;
    opacity: 1;
    padding: 12px;
}

.info-row[b-q14mj1cnyu] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 12px;
    background: var(--info-row-bg);
    border-radius: 10px;
    margin-bottom: 8px;
    transition: all 0.2s ease;
}

    .info-row:hover[b-q14mj1cnyu] {
        background: var(--border-color);
        transform: translateX(2px);
    }

.info-label[b-q14mj1cnyu] {
    font-size: 13px;
    color: var(--text-secondary);
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 6px;
    flex: 1;
}

    .info-label i[b-q14mj1cnyu] {
        color: #667eea;
        font-size: 16px;
    }

.info-value[b-q14mj1cnyu] {
    font-size: 14px;
    color: var(--text-primary);
    font-weight: 700;
    text-align: right;
    flex-shrink: 0;
    margin-left: 8px;
}

.card-actions[b-q14mj1cnyu] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 8px;
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid var(--border-color);
}

.action-btn[b-q14mj1cnyu] {
    border: none;
    padding: 10px 18px;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

    .action-btn:active[b-q14mj1cnyu] {
        transform: scale(0.95);
    }

.btn-primary[b-q14mj1cnyu] {
    background: var(--primary-gradient);
    color: white;
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
}

    .btn-primary:hover[b-q14mj1cnyu] {
        box-shadow: 0 6px 16px rgba(102, 126, 234, 0.4);
        transform: translateY(-2px);
    }

.btn-secondary[b-q14mj1cnyu] {
    background: var(--border-color);
    color: var(--text-secondary);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
}

    .btn-secondary:hover[b-q14mj1cnyu] {
        background: #cbd5e0;
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.12);
        transform: translateY(-2px);
    }

[data-bs-theme="dark"] .btn-secondary[b-q14mj1cnyu] {
    background: #334155;
    color: #cbd5e1;
}

    [data-bs-theme="dark"] .btn-secondary:hover[b-q14mj1cnyu] {
        background: #475569;
    }

@media (max-width: 360px) {
    .card-title[b-q14mj1cnyu] {
        font-size: 14px;
    }

    .card-quick-info[b-q14mj1cnyu] {
        grid-template-columns: 1fr;
    }

    .search-card-container[b-q14mj1cnyu] {
        padding: 10px;
    }

    .stok-card[b-q14mj1cnyu] {
        margin: 6px 10px;
    }

    .quick-value[b-q14mj1cnyu] {
        font-size: 15px;
    }

    .card-header-section[b-q14mj1cnyu] {
        padding: 10px;
    }
}

@media (min-width: 992px) {
    .search-card-container[b-q14mj1cnyu],
    .stok-card[b-q14mj1cnyu],
    .mobile-pagination[b-q14mj1cnyu],
    .pagination-details[b-q14mj1cnyu] {
        display: none !important;
    }
}

@keyframes fadeIn-b-q14mj1cnyu {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.stok-card[b-q14mj1cnyu] {
    animation: fadeIn-b-q14mj1cnyu 0.3s ease-out;
}

@media (max-width: 991px) {
    [b-q14mj1cnyu]::-webkit-scrollbar {
        width: 6px;
    }

    [b-q14mj1cnyu]::-webkit-scrollbar-track {
        background: var(--info-row-bg);
    }

    [b-q14mj1cnyu]::-webkit-scrollbar-thumb {
        background: var(--border-color);
        border-radius: 3px;
    }

        [b-q14mj1cnyu]::-webkit-scrollbar-thumb:hover {
            background: #667eea;
        }
}
/* _content/Client/Pages/Stok/StokAra.razor.rz.scp.css */
:root[b-lhoo2d0si4] {
    --primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    --success-gradient: linear-gradient(135deg, #48bb78 0%, #38a169 100%);
    --danger-gradient: linear-gradient(135deg, #f56565 0%, #e53e3e 100%);
    --card-bg: #ffffff;
    --card-header-bg: linear-gradient(135deg, #f7fafc 0%, #edf2f7 100%);
    --search-bg: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    --text-primary: #1a202c;
    --text-secondary: #4a5568;
    --text-muted: #718096;
    --border-color: #e2e8f0;
    --info-row-bg: #f7fafc;
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.08);
    --shadow-md: 0 4px 16px rgba(102, 126, 234, 0.2);
}

[data-bs-theme="dark"][b-lhoo2d0si4] {
    --card-bg: #1e293b;
    --card-header-bg: linear-gradient(135deg, #334155 0%, #1e293b 100%);
    --text-primary: #f1f5f9;
    --text-secondary: #cbd5e1;
    --text-muted: #94a3b8;
    --border-color: #334155;
    --info-row-bg: #0f172a;
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3);
    --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4);
}

@media (max-width: 991px) {
    .dxbs-grid[b-lhoo2d0si4] {
        background: transparent !important;
        border: none !important;
    }

    .dxbs-grid-header[b-lhoo2d0si4],
    .dxbs-grid-header-content[b-lhoo2d0si4],
    .dxbs-grid-filter-row[b-lhoo2d0si4],
    .dxbs-grid-command-column[b-lhoo2d0si4],
    .dxbs-grid-selection-column[b-lhoo2d0si4],
    .dxbs-grid-data-column[b-lhoo2d0si4],
    .dxbs-grid-table thead[b-lhoo2d0si4],
    .dxbs-grid-table > tbody > tr > td:not(.dxbs-grid-detail-cell)[b-lhoo2d0si4] {
        display: none !important;
        visibility: hidden !important;
        height: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        border: none !important;
    }

    .dxbs-grid-table[b-lhoo2d0si4],
    .dxbs-grid-table > tbody[b-lhoo2d0si4],
    .dxbs-grid-table > tbody > tr[b-lhoo2d0si4] {
        display: block !important;
        width: 100% !important;
        border: none !important;
        background: transparent !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .dxbs-grid-detail-cell[b-lhoo2d0si4] {
        display: block !important;
        width: 100% !important;
        padding: 0 !important;
        border: none !important;
        background: transparent !important;
    }

    .custom-grid[b-lhoo2d0si4] {
        background: var(--info-row-bg) !important;
        border: none !important;
        padding: 0 !important;
    }
}

/* ============================================
   SABİT ARAMA KARTI - MOR ARKA PLAN
   ============================================ */
    .search-card-container[b-lhoo2d0si4] {
        position: sticky;
        z-index: 1000;
        padding: 12px;
        background: var(--card-bg);
        margin: 0;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    }

.search-card[b-lhoo2d0si4] {
    position: relative;
    background: var(--search-bg);
    border-radius: 14px;
    padding: 12px 54px 12px 48px;
    box-shadow: var(--shadow-sm);
    display: flex;
    align-items: center;
    transition: all 0.3s ease;
}

    .search-card:focus-within[b-lhoo2d0si4] {
        box-shadow: 0 4px 16px rgba(102, 126, 234, 0.3);
        transform: translateY(-1px);
    }

.search-icon[b-lhoo2d0si4] {
    position: absolute;
    left: 16px;
    color: rgba(255, 255, 255, 0.9);
    font-size: 20px;
    transition: all 0.3s ease;
}

.search-card:focus-within .search-icon[b-lhoo2d0si4] {
    color: white;
    transform: scale(1.1);
}

.search-input[b-lhoo2d0si4] {
    flex: 1;
    border: none;
    outline: none;
    background: transparent;
    font-size: 15px;
    color: white;
    font-weight: 500;
}

    .search-input[b-lhoo2d0si4]::placeholder {
        color: rgba(255, 255, 255, 0.7);
    }

.search-clear[b-lhoo2d0si4] {
    position: absolute;
    right: 12px;
    background: linear-gradient(135deg, #ff6b35 0%, #f7931e 100%);
    border: none;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: white;
    font-size: 18px;
    transition: all 0.2s ease;
    box-shadow: 0 2px 8px rgba(255, 107, 53, 0.4);
}

    .search-clear:hover[b-lhoo2d0si4] {
        background: linear-gradient(135deg, #f7931e 0%, #ff6b35 100%);
        transform: scale(1.1);
        box-shadow: 0 4px 12px rgba(255, 107, 53, 0.6);
    }

    .search-clear:active[b-lhoo2d0si4] {
        transform: scale(0.95);
    }

/* ============================================
   MOBİL PAGINATION
   ============================================ */
/* Sabit footer container */
.pagination-footer[b-lhoo2d0si4] {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--card-bg);
    border-top: 1px solid var(--border-color);
    z-index: 998;
    box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column; /* üst üste dizmek için */
}

/* Üstteki sayfa numaraları */
.mobile-pagination[b-lhoo2d0si4] {
    padding: 7px 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    border-bottom: 1px solid var(--border-color); /* opsiyonel ayrım için */
}

/* Alttaki detaylar + select */
.pagination-details[b-lhoo2d0si4] {
    padding: 7px 11px;
    height: 110px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 9px;
}




.pagination-btn[b-lhoo2d0si4] {
    background: var(--primary-gradient);
    border: none;
    width: 27px;
    height: 27px;
    border-radius: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: white;
    font-size: 13px;
    transition: all 0.2s ease;
    box-shadow: 0 2px 6px rgba(102, 126, 234, 0.3);
}

    .pagination-btn:hover:not(:disabled)[b-lhoo2d0si4] {
        transform: translateY(-1px);
        box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4);
    }

    .pagination-btn:active:not(:disabled)[b-lhoo2d0si4] {
        transform: scale(0.95);
    }

    .pagination-btn:disabled[b-lhoo2d0si4] {
        background: var(--border-color);
        color: var(--text-muted);
        cursor: not-allowed;
        opacity: 0.5;
        box-shadow: none;
    }

.pagination-info[b-lhoo2d0si4] {
    display: flex;
    align-items: center; /* hepsi dikeyde ortalanır */
    justify-content: center; /* yatayda hizalanır */
    gap: 4px;
    background: var(--card-header-bg);
    padding: 6px 11px;
    border-radius: 7px;
    font-weight: 700;
    min-width: 60px;
    box-shadow: var(--shadow-sm);
    white-space: nowrap; /* alt satıra geçmeyi engeller */
    line-height: 1; /* yükseklik farklarını sıfırlar */
}

    .pagination-info span[b-lhoo2d0si4] {
        font-size: 11px;
        line-height: 1; /* tam hizalama için */
        display: flex;
        align-items: center; /* dikey ortalama */
    }

.current-page[b-lhoo2d0si4] {
    color: #667eea;
}

.separator[b-lhoo2d0si4] {
    color: var(--text-muted);
}

.total-pages[b-lhoo2d0si4] {
    color: var(--text-secondary);
}




.page-size-selector[b-lhoo2d0si4] {
    background: var(--card-header-bg);
    border: 2px solid var(--border-color);
    padding: 5px 9px;
    border-radius: 7px;
    font-size: 12px;
    font-weight: 600;
    color: var(--text-primary);
    cursor: pointer;
    transition: all 0.2s ease;
}

    .page-size-selector:focus[b-lhoo2d0si4] {
        outline: none;
        border-color: #667eea;
        box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
    }

    .page-size-selector:hover[b-lhoo2d0si4] {
        border-color: #667eea;
    }

.pagination-text[b-lhoo2d0si4] {
    font-size: 11px;
    color: var(--text-secondary);
    font-weight: 600;
    flex: 1;
    margin-top:1vh;
    text-align: right;
}

.stok-card[b-lhoo2d0si4] {
    background: var(--card-bg);
    margin: 8px 12px;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: var(--shadow-sm);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer;
    border: 2px solid transparent;
    user-select: none;
    position: relative;
    pointer-events: auto; 
}

    .stok-card:hover[b-lhoo2d0si4] {
        border-color: #667eea;
        box-shadow: var(--shadow-md);
        transform: translateY(-2px);
    }

    .stok-card.expanded[b-lhoo2d0si4] {
        border-color: #764ba2;
        box-shadow: 0 8px 24px rgba(102, 126, 234, 0.25);
    }

    .stok-card:active[b-lhoo2d0si4] {
        transform: scale(0.98);
    }

.card-header-section[b-lhoo2d0si4] {
    padding: 12px;
    background: var(--card-header-bg);
    border-bottom: 1px solid var(--border-color);
}

.card-title-row[b-lhoo2d0si4] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 8px;
}

.card-title[b-lhoo2d0si4] {
    font-size: 15px;
    font-weight: 700;
    color: var(--text-primary);
    margin: 0;
    flex: 1;
    line-height: 1.3;
    padding-right: 8px;
}

.expand-icon[b-lhoo2d0si4] {
    font-size: 22px;
    color: #667eea;
    flex-shrink: 0;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.stok-card.expanded .expand-icon[b-lhoo2d0si4] {
    transform: rotate(180deg);
    color: #764ba2;
}

.card-meta-row[b-lhoo2d0si4] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 10px;
}

.card-code[b-lhoo2d0si4] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    background: var(--primary-gradient);
    color: white;
    padding: 4px 10px;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 700;
    box-shadow: 0 2px 6px rgba(102, 126, 234, 0.3);
}

.stock-badge[b-lhoo2d0si4] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 10px;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 700;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}

.stock-available[b-lhoo2d0si4] {
    background: var(--success-gradient);
    color: white;
}

.stock-out[b-lhoo2d0si4] {
    background: var(--danger-gradient);
    color: white;
}

.card-quick-info[b-lhoo2d0si4] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}

.quick-info-item[b-lhoo2d0si4] {
    background: var(--card-bg);
    padding: 10px 12px;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    gap: 3px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    transition: all 0.2s ease;
}

    .quick-info-item:hover[b-lhoo2d0si4] {
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
        transform: translateY(-1px);
    }

.quick-label[b-lhoo2d0si4] {
    font-size: 10px;
    color: var(--text-muted);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.6px;
}

.quick-value[b-lhoo2d0si4] {
    font-size: 16px;
    color: var(--text-primary);
    font-weight: 800;
}

    .quick-value.price[b-lhoo2d0si4] {
        color: #48bb78;
        background: linear-gradient(135deg, #48bb78 0%, #38a169 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
    }

.card-content[b-lhoo2d0si4] {
    padding: 0 12px;
    background: var(--card-bg);
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.stok-card.expanded .card-content[b-lhoo2d0si4] {
    max-height: 2500px;
    opacity: 1;
    padding: 12px;
}

.info-row[b-lhoo2d0si4] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 12px;
    background: var(--info-row-bg);
    border-radius: 10px;
    margin-bottom: 8px;
    transition: all 0.2s ease;
}

    .info-row:hover[b-lhoo2d0si4] {
        background: var(--border-color);
        transform: translateX(2px);
    }

.info-label[b-lhoo2d0si4] {
    font-size: 13px;
    color: var(--text-secondary);
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 6px;
    flex: 1;
}

    .info-label i[b-lhoo2d0si4] {
        color: #667eea;
        font-size: 16px;
    }

.info-value[b-lhoo2d0si4] {
    font-size: 14px;
    color: var(--text-primary);
    font-weight: 700;
    text-align: right;
    flex-shrink: 0;
    margin-left: 8px;
}

.card-actions[b-lhoo2d0si4] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 8px;
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid var(--border-color);
}

.action-btn[b-lhoo2d0si4] {
    border: none;
    padding: 10px 18px;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

    .action-btn:active[b-lhoo2d0si4] {
        transform: scale(0.95);
    }

.btn-primary[b-lhoo2d0si4] {
    background: var(--primary-gradient);
    color: white;
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
}

    .btn-primary:hover[b-lhoo2d0si4] {
        box-shadow: 0 6px 16px rgba(102, 126, 234, 0.4);
        transform: translateY(-2px);
    }

.btn-secondary[b-lhoo2d0si4] {
    background: var(--border-color);
    color: var(--text-secondary);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
}

    .btn-secondary:hover[b-lhoo2d0si4] {
        background: #cbd5e0;
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.12);
        transform: translateY(-2px);
    }

[data-bs-theme="dark"] .btn-secondary[b-lhoo2d0si4] {
    background: #334155;
    color: #cbd5e1;
}

    [data-bs-theme="dark"] .btn-secondary:hover[b-lhoo2d0si4] {
        background: #475569;
    }

@media (max-width: 360px) {
    .card-title[b-lhoo2d0si4] {
        font-size: 14px;
    }

    .card-quick-info[b-lhoo2d0si4] {
        grid-template-columns: 1fr;
    }

    .search-card-container[b-lhoo2d0si4] {
        padding: 10px;
    }

    .stok-card[b-lhoo2d0si4] {
        margin: 6px 10px;
    }

    .quick-value[b-lhoo2d0si4] {
        font-size: 15px;
    }

    .card-header-section[b-lhoo2d0si4] {
        padding: 10px;
    }
}

@media (min-width: 992px) {
    .search-card-container[b-lhoo2d0si4],
    .stok-card[b-lhoo2d0si4],
    .mobile-pagination[b-lhoo2d0si4],
    .pagination-details[b-lhoo2d0si4] {
        display: none !important;
    }
}

@keyframes fadeIn-b-lhoo2d0si4 {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.stok-card[b-lhoo2d0si4] {
    animation: fadeIn-b-lhoo2d0si4 0.3s ease-out;
}

@media (max-width: 991px) {
    [b-lhoo2d0si4]::-webkit-scrollbar {
        width: 6px;
    }

    [b-lhoo2d0si4]::-webkit-scrollbar-track {
        background: var(--info-row-bg);
    }

    [b-lhoo2d0si4]::-webkit-scrollbar-thumb {
        background: var(--border-color);
        border-radius: 3px;
    }

        [b-lhoo2d0si4]::-webkit-scrollbar-thumb:hover {
            background: #667eea;
        }
}

/* _content/Client/Pages/Stok/StokGirisCikisMobil/StokGirisMobil.razor.rz.scp.css */
:root[b-xqezcj9xg8] {
    --primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    --primary-solid: #667eea;
    --primary-dark: #764ba2;
    --success-gradient: linear-gradient(135deg, #48bb78 0%, #38a169 100%);
    --success-solid: #48bb78;
    --warning-gradient: linear-gradient(135deg, #f6ad55 0%, #ed8936 100%);
    --warning-solid: #f6ad55;
    --danger-gradient: linear-gradient(135deg, #fc8181 0%, #f56565 100%);
    --danger-solid: #fc8181;
    --card-bg: #ffffff;
    --card-header-bg: linear-gradient(135deg, #f7fafc 0%, #edf2f7 100%);
    --text-primary: #1a202c;
    --text-secondary: #4a5568;
    --text-muted: #718096;
    --border-color: #e2e8f0;
    --info-row-bg: #f7fafc;
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.08);
    --shadow-md: 0 4px 16px rgba(102, 126, 234, 0.2);
}

[data-bs-theme="dark"][b-xqezcj9xg8] {
    --primary-solid: #8b9aee;
    --primary-dark: #9a7bc2;
    --success-solid: #68d391;
    --warning-solid: #fbbf24;
    --danger-solid: #fca5a5;
    --card-bg: #1e293b;
    --card-header-bg: linear-gradient(135deg, #334155 0%, #1e293b 100%);
    --text-primary: #f1f5f9;
    --text-secondary: #cbd5e1;
    --text-muted: #94a3b8;
    --border-color: #334155;
    --info-row-bg: #0f172a;
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3);
    --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4);
}

.mobile-stokgiris-container[b-xqezcj9xg8] {
    width: 100%;
    min-height: 100vh;
    background: var(--info-row-bg);
    padding-bottom: 20px;
}

.report-header-sticky[b-xqezcj9xg8] {
    position: sticky;
    top: 0;
    z-index: 10;
    background: var(--info-row-bg);
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
    margin-top: 1rem;
}

.controls-card[b-xqezcj9xg8] {
    background: var(--card-bg);
    border-radius: 16px;
    padding: 10px 12px;
    box-shadow: var(--shadow-sm);
    display: flex;
    align-items: center;
    gap: 10px;
}

.search-inline[b-xqezcj9xg8] {
    flex: 1;
    position: relative;
    display: flex;
    align-items: center;
}

.search-inline-icon[b-xqezcj9xg8] {
    position: absolute;
    left: 12px;
    font-size: 18px;
    color: #ffffff;
    z-index: 1;
    pointer-events: none;
}

.search-inline-input[b-xqezcj9xg8] {
    width: 100%;
    border: none;
    border-radius: 12px;
    padding: 10px 36px 10px 38px;
    font-size: 14px;
    font-weight: 500;
    color: #ffffff;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    transition: all 0.2s ease;
    outline: none;
    box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3);
}

    .search-inline-input:focus[b-xqezcj9xg8] {
        box-shadow: 0 4px 16px rgba(102, 126, 234, 0.4);
        transform: translateY(-1px);
    }

    .search-inline-input[b-xqezcj9xg8]::placeholder {
        color: rgba(255, 255, 255, 0.7);
    }

.search-inline-clear[b-xqezcj9xg8] {
    position: absolute;
    right: 8px;
    background: linear-gradient(135deg, #ff6b35 0%, #f7931e 100%);
    border: none;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: white;
    font-size: 14px;
    transition: all 0.2s ease;
    box-shadow: 0 2px 6px rgba(255, 107, 53, 0.4);
}

    .search-inline-clear:active[b-xqezcj9xg8] {
        transform: scale(0.95);
    }

.filter-icon-btn[b-xqezcj9xg8] {
    flex-shrink: 0;
    width: 42px;
    height: 42px;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border: none;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: white;
    font-size: 20px;
    transition: all 0.2s ease;
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
    position: relative;
}

    .filter-icon-btn:active[b-xqezcj9xg8] {
        transform: scale(0.95);
    }

    .filter-icon-btn.active[b-xqezcj9xg8] {
        background: linear-gradient(135deg, #764ba2 0%, #667eea 100%);
        box-shadow: 0 4px 16px rgba(118, 75, 162, 0.5);
    }

.filter-icon-badge[b-xqezcj9xg8] {
    position: absolute;
    top: -6px;
    right: -6px;
    background: linear-gradient(135deg, #f56565 0%, #e53e3e 100%);
    color: white;
    font-size: 10px;
    font-weight: 800;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 6px rgba(229, 62, 62, 0.4);
    border: 2px solid var(--card-bg);
}

.loading-overlay[b-xqezcj9xg8] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 20px;
    gap: 20px;
}

.loading-spinner[b-xqezcj9xg8] {
    position: relative;
    width: 60px;
    height: 60px;
}

.spinner-ring[b-xqezcj9xg8] {
    position: absolute;
    width: 100%;
    height: 100%;
    border: 3px solid transparent;
    border-top-color: var(--primary-solid);
    border-radius: 50%;
    animation: spin-b-xqezcj9xg8 1s linear infinite;
}

    .spinner-ring:nth-child(2)[b-xqezcj9xg8] {
        border-top-color: var(--primary-dark);
        animation-delay: 0.15s;
    }

    .spinner-ring:nth-child(3)[b-xqezcj9xg8] {
        border-top-color: var(--success-solid);
        animation-delay: 0.3s;
    }

@keyframes spin-b-xqezcj9xg8 {
    to {
        transform: rotate(360deg);
    }
}

.loading-text[b-xqezcj9xg8] {
    font-size: 16px;
    font-weight: 600;
    color: var(--text-secondary);
}

.sales-list-container[b-xqezcj9xg8] {
    padding: 12px;
    padding-bottom: 100px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.sales-card[b-xqezcj9xg8] {
    background: var(--card-bg);
    border-radius: 16px;
    overflow: hidden;
    box-shadow: var(--shadow-sm);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer;
    border: 2px solid transparent;
}

    .sales-card:active[b-xqezcj9xg8] {
        transform: scale(0.98);
    }

    .sales-card.expanded[b-xqezcj9xg8] {
        border-color: var(--primary-dark);
        box-shadow: var(--shadow-md);
    }

.card-header-section[b-xqezcj9xg8] {
    padding: 16px;
    background: var(--card-header-bg);
    border-bottom: 1px solid var(--border-color);
}

.card-title-row[b-xqezcj9xg8] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
}

.card-title[b-xqezcj9xg8] {
    font-size: 16px;
    font-weight: 700;
    color: var(--text-primary);
    margin: 0;
}

.expand-icon[b-xqezcj9xg8] {
    font-size: 20px;
    color: var(--primary-solid);
    transition: transform 0.3s ease;
}

.sales-card.expanded .expand-icon[b-xqezcj9xg8] {
    transform: rotate(180deg);
    color: var(--primary-dark);
}

.card-quick-stats[b-xqezcj9xg8] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.quick-stat[b-xqezcj9xg8] {
    background: var(--card-bg);
    padding: 12px;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

    .quick-stat.primary[b-xqezcj9xg8] {
        background: linear-gradient(135deg, rgba(102, 126, 234, 0.1) 0%, rgba(118, 75, 162, 0.1) 100%);
    }

    .quick-stat.secondary[b-xqezcj9xg8] {
        background: linear-gradient(135deg, rgba(72, 187, 120, 0.1) 0%, rgba(56, 161, 105, 0.1) 100%);
    }

.stat-label[b-xqezcj9xg8] {
    font-size: 11px;
    color: var(--text-muted);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.stat-value[b-xqezcj9xg8] {
    font-size: 16px;
    font-weight: 800;
    color: var(--text-primary);
}

.sales-card > .card-content[b-xqezcj9xg8] {
    padding: 0;
    background: var(--card-bg);
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.sales-card.expanded > .card-content[b-xqezcj9xg8] {
    max-height: 2500px;
    opacity: 1;
    padding: 16px;
}

.detail-grid[b-xqezcj9xg8] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.detail-item[b-xqezcj9xg8] {
    background: var(--info-row-bg);
    padding: 14px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    gap: 12px;
    transition: all 0.2s ease;
}

    .detail-item:active[b-xqezcj9xg8] {
        transform: translateX(4px);
        background: var(--border-color);
    }

    .detail-item > i[b-xqezcj9xg8] {
        font-size: 24px;
        color: var(--primary-solid);
        flex-shrink: 0;
    }

.detail-info[b-xqezcj9xg8] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.detail-label[b-xqezcj9xg8] {
    font-size: 12px;
    color: var(--text-muted);
    font-weight: 600;
}

.detail-value[b-xqezcj9xg8] {
    font-size: 15px;
    font-weight: 700;
    color: var(--text-primary);
}

.card-actions-grid[b-xqezcj9xg8] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
    margin-top: 14px;
    padding-top: 14px;
    border-top: 1px solid var(--border-color);
}

.action-btn-sg[b-xqezcj9xg8] {
    border: none;
    padding: 10px 18px;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    color: white;
}

    .action-btn-sg:active[b-xqezcj9xg8] {
        transform: scale(0.95);
    }

    .action-btn-sg.btn-success[b-xqezcj9xg8] {
        background: var(--success-gradient);
        box-shadow: 0 4px 12px rgba(72, 187, 120, 0.3);
    }

.pagination-footer[b-xqezcj9xg8] {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: var(--card-bg);
    border-top: 1px solid var(--border-color);
    box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.08);
    z-index: 90;
    padding: 12px;
}

.pagination-controls[b-xqezcj9xg8] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-bottom: 12px;
}

.pagination-btn[b-xqezcj9xg8] {
    background: var(--primary-gradient);
    background-color: var(--primary-solid);
    border: none;
    width: 36px;
    height: 36px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: white;
    font-size: 16px;
    transition: all 0.2s ease;
    box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3);
}

    .pagination-btn:active:not(:disabled)[b-xqezcj9xg8] {
        transform: scale(0.95);
    }

    .pagination-btn:disabled[b-xqezcj9xg8] {
        background: var(--border-color);
        color: var(--text-muted);
        cursor: not-allowed;
        opacity: 0.5;
        box-shadow: none;
    }

.pagination-info[b-xqezcj9xg8] {
    display: flex;
    align-items: center;
    gap: 6px;
    background: var(--card-header-bg);
    padding: 8px 16px;
    border-radius: 10px;
    font-weight: 700;
    box-shadow: var(--shadow-sm);
}

    .pagination-info .current-page[b-xqezcj9xg8] {
        font-size: 16px;
        color: var(--primary-solid);
    }

    .pagination-info .separator[b-xqezcj9xg8] {
        font-size: 14px;
        color: var(--text-muted);
    }

    .pagination-info .total-pages[b-xqezcj9xg8] {
        font-size: 14px;
        color: var(--text-secondary);
    }

.pagination-details[b-xqezcj9xg8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.page-size-selector[b-xqezcj9xg8] {
    background: var(--card-header-bg);
    border: 2px solid var(--border-color);
    padding: 8px 12px;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 600;
    color: var(--text-primary);
    cursor: pointer;
    transition: all 0.2s ease;
}

    .page-size-selector:focus[b-xqezcj9xg8] {
        outline: none;
        border-color: var(--primary-solid);
        box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
    }

.pagination-text[b-xqezcj9xg8] {
    font-size: 12px;
    color: var(--text-secondary);
    font-weight: 600;
    text-align: right;
    flex: 1;
}

.empty-state[b-xqezcj9xg8] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 20px;
    gap: 16px;
    text-align: center;
}

    .empty-state i[b-xqezcj9xg8] {
        font-size: 80px;
        color: var(--text-muted);
        opacity: 0.5;
    }

    .empty-state h3[b-xqezcj9xg8] {
        font-size: 20px;
        font-weight: 700;
        color: var(--text-primary);
        margin: 0;
    }

    .empty-state p[b-xqezcj9xg8] {
        font-size: 14px;
        color: var(--text-secondary);
        margin: 0;
    }

@media (max-width: 360px) {
    .card-quick-stats[b-xqezcj9xg8] {
        grid-template-columns: 1fr;
    }
}

@media (min-width: 768px) {
    .mobile-stokgiris-container[b-xqezcj9xg8] {
        display: none;
    }
}
/* _content/Client/Pages/Stok/StokKart/StokAnaliz.razor.rz.scp.css */
.card .card-header[b-hbvvwtxnpe]{
    min-height: 20px;
}

.animated-column[b-hbvvwtxnpe] {
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    opacity: 1;
    overflow: hidden;
}

.animated-column.hidden-column[b-hbvvwtxnpe] {
    flex: 0 0 0% !important;
    width: 0% !important;
    padding: 0 !important;
    margin: 0 !important;
    opacity: 0;
    pointer-events: none;
}
/* _content/Client/Pages/Stok/StokKart/Stok_Resim.razor.rz.scp.css */
:root[b-0olxrzsrnp] {
    --primary: #3b82f6;
    --primary-hover: #2563eb;
    --secondary: #6b7280;
    --success: #10b981;
    --danger: #ef4444;
    --warning: #f59e0b;
    --info: #3b82f6;
    --bg-primary: #ffffff;
    --bg-secondary: #f8fafc;
    --bg-tertiary: #f1f5f9;
    --text-primary: #1e293b;
    --text-secondary: #64748b;
    --text-muted: #94a3b8;
    --border: #e2e8f0;
    --border-hover: #cbd5e1;
    --shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
    --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
    --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
    --shadow-elevated: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
    --border-radius: 8px;
    --border-radius-lg: 12px;
    --transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-spring: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
}

[data-theme="dark"][b-0olxrzsrnp] {
    --bg-primary: #0f172a;
    --bg-secondary: #1e293b;
    --bg-tertiary: #334155;
    --text-primary: #f8fafc;
    --text-secondary: #cbd5e1;
    --text-muted: #94a3b8;
    --border: #334155;
    --border-hover: #475569;
}

*[b-0olxrzsrnp] {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}


body[b-0olxrzsrnp] {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    background: var(--bg-primary);
    color: var(--text-primary);
    line-height: 1.6;
    transition: var(--transition);
}

.gallery-container[b-0olxrzsrnp] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 2rem;
}

.gallery-header[b-0olxrzsrnp] {
    text-align: center;
    margin-bottom: 3rem;
}

.gallery-title[b-0olxrzsrnp] {
    font-size: 3rem;
    font-weight: 700;
    background: linear-gradient(135deg, var(--primary), #8b5cf6);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    margin-bottom: 1rem;
}

.gallery-subtitle[b-0olxrzsrnp] {
    color: var(--text-secondary);
    font-size: 1.1rem;
    max-width: 600px;
    margin: 0 auto;
}

.gallery-grid[b-0olxrzsrnp] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 1.5rem;
    margin-bottom: 2rem;
}

.gallery-item[b-0olxrzsrnp] {
    background: var(--bg-secondary);
    border-radius: var(--border-radius-lg);
    overflow: hidden;
    box-shadow: var(--shadow);
    transition: var(--transition-spring);
    position: relative;
}

    .gallery-item:hover[b-0olxrzsrnp] {
        transform: translateY(-4px);
        box-shadow: var(--shadow-lg);
    }

.nav-pills[b-0olxrzsrnp] {
    background-color: transparent;
    color: var(--text-secondary);
    padding: 0.5rem 2rem;
    margin-bottom: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: var(--shadow-md);
}

    .nav-pills .nav-link[b-0olxrzsrnp] {
        border-radius: 50px;
        padding: 1rem 5rem;
        font-weight: 500;
        color: var(--text-primary);
        background: transparent;
        transition: var(--transition);
    }

        .nav-pills .nav-link:hover[b-0olxrzsrnp] {
            color: var(--primary);
        }

        .nav-pills .nav-link.active[b-0olxrzsrnp] {
            background: var(--bg-tertiary);
            color: var(--primary);
            box-shadow: 0 4px 8px rgba(59, 130, 246, 0.2); /* İsteğe göre rgba ayarlanabilir */
        }


.image-container[b-0olxrzsrnp] {
    position: relative;
    aspect-ratio: 1;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

    .image-container img[b-0olxrzsrnp] {
        width: 100%;
        height: 100%;
        object-fit: contain;
        display: block;
    }


.overlay-actions[b-0olxrzsrnp] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    justify-content: center;
    align-items: center;
}

.gallery-image[b-0olxrzsrnp] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: var(--transition);
}

.image-overlay[b-0olxrzsrnp] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: var(--transition);
}

.gallery-item:hover .image-overlay[b-0olxrzsrnp] {
    opacity: 1;
}

.overlay-actions[b-0olxrzsrnp] {
    display: flex;
    gap: 0.5rem;
}

.action-btn[b-0olxrzsrnp] {
    background: rgba(255, 255, 255, 0.9);
    border: none;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: var(--transition);
    color: var(--text-primary);
}

    .action-btn:hover[b-0olxrzsrnp] {
        background: white;
        transform: scale(1.1);
    }

.empty-slot[b-0olxrzsrnp] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 300px;
    border: 2px dashed var(--border);
    cursor: pointer;
    transition: var(--transition);
    background: var(--bg-tertiary);
}

    .empty-slot:hover[b-0olxrzsrnp] {
        border-color: var(--primary);
        background: var(--bg-secondary);
        transform: translateY(-2px);
    }

.empty-placeholder[b-0olxrzsrnp] {
    text-align: center;
    color: var(--text-secondary);
}

    .empty-placeholder i[b-0olxrzsrnp] {
        font-size: 3rem;
        margin-bottom: 1rem;
        display: block;
    }

.popup[b-0olxrzsrnp] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    opacity: 0;
    visibility: hidden;
    transition: var(--transition);
}

    .popup.show[b-0olxrzsrnp] {
        opacity: 1;
        visibility: visible;
    }

.popup-dialog[b-0olxrzsrnp] {
    background: var(--bg-primary);
    border-radius: var(--border-radius-lg);
    box-shadow: var(--shadow-elevated);
    max-width: 600px;
    width: 90%;
    max-height: 90vh;
    overflow: hidden;
    transform: scale(0.9);
    transition: var(--transition-spring);
}

.popup.show .popup-dialog[b-0olxrzsrnp] {
    transform: scale(1);
}

.popup-content[b-0olxrzsrnp] {
    padding: 2rem;
    max-height: calc(90vh - 100px);
    overflow-y: auto;
}

    .popup-content h2[b-0olxrzsrnp] {
        margin-bottom: 1.5rem;
        color: var(--text-primary);
    }

.upload-section[b-0olxrzsrnp] {
    margin-bottom: 1.5rem;
}

    .upload-section h4[b-0olxrzsrnp] {
        margin-bottom: 1rem;
        color: var(--text-primary);
    }

.input-group[b-0olxrzsrnp] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 1rem;
    padding: 2rem 1rem;
}

.form-control[b-0olxrzsrnp] {
    flex: 1;
    padding: 0.75rem;
    border: 1px solid var(--border);
    border-radius: var(--border-radius);
    background: var(--bg-primary);
    color: var(--text-primary);
    transition: var(--transition);
}

    .form-control:focus[b-0olxrzsrnp] {
        outline: none;
        border-color: var(--primary);
        box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
    }

.drag-drop-zone[b-0olxrzsrnp] {
    border: 2px dashed var(--border);
    border-radius: var(--border-radius-lg);
    padding: 2rem 1rem;
    text-align: center;
    cursor: pointer;
    transition: var(--transition);
    background: var(--bg-tertiary);
}

    .drag-drop-zone:hover[b-0olxrzsrnp],
    .drag-drop-zone.drag-over[b-0olxrzsrnp] {
        border-color: var(--primary);
        background: var(--bg-secondary);
    }

.drop-zone-content h3[b-0olxrzsrnp] {
    margin: 1rem 0 0.5rem;
    color: var(--text-primary);
}

.upload-icon[b-0olxrzsrnp] {
    font-size: 3rem;
    color: var(--primary);
    margin-bottom: 1rem;
}

.browse-link[b-0olxrzsrnp] {
    color: var(--primary);
    font-weight: 500;
}

.file-requirements[b-0olxrzsrnp] {
    margin-top: 1rem;
    color: var(--text-muted);
}

.image-preview-section[b-0olxrzsrnp] {
    margin-bottom: 1.5rem;
}

.current-image-container[b-0olxrzsrnp] {
    width: 100%;
    aspect-ratio: 16/9;
    border: 1px solid var(--border);
    border-radius: var(--border-radius);
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--bg-tertiary);
    overflow: hidden;
}

    .current-image-container.empty-preview[b-0olxrzsrnp] {
        color: var(--text-muted);
        flex-direction: column;
        gap: 0.5rem;
    }

        .current-image-container.empty-preview i[b-0olxrzsrnp] {
            font-size: 3rem;
        }

.preview-image[b-0olxrzsrnp] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.popup-footer[b-0olxrzsrnp] {
    padding: 1.5rem 2rem;
    border-top: 1px solid var(--border);
    display: flex;
    justify-content: flex-end;
    gap: 1rem;
    background: var(--bg-secondary);
}

.btn[b-0olxrzsrnp] {
    padding: 0.75rem 1.5rem;
    border: none;
    border-radius: var(--border-radius);
    font-weight: 500;
    cursor: pointer;
    transition: var(--transition);
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

    .btn:disabled[b-0olxrzsrnp] {
        opacity: 0.5;
        cursor: not-allowed;
    }

/*        .btn-primary {
                        background: var(--primary-hover);
                        color: white;
                    }

                    .btn-primary:hover:not(:disabled) {
                        background: var(--primary);
                    }*/

.btn-secondary[b-0olxrzsrnp] {
    background: var(--bg-tertiary);
    color: var(--text-primary);
    border: 1px solid var(--border);
}

    .btn-secondary:hover[b-0olxrzsrnp] {
        background: var(--bg-secondary);
    }

.btn-outline-primary[b-0olxrzsrnp] {
    background: transparent;
    color: var(--primary);
    border: 1px solid var(--primary);
}

    .btn-outline-primary:hover[b-0olxrzsrnp] {
        background: var(--primary-hover);
        ;
        background-color: var(--primary-hover);
        color: var(--bg-primary);
        border-color: var(--primary-hover);
    }

.notification[b-0olxrzsrnp] {
    position: fixed;
    top: 2rem;
    left: 50%;
    transform: translateX(-50%) translateY(-100px);
    background: var(--success);
    color: white;
    padding: 1rem 1.5rem;
    border-radius: var(--border-radius);
    box-shadow: var(--shadow-elevated);
    z-index: 9999;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-weight: 500;
    transition: var(--transition-spring);
}

    .notification.show[b-0olxrzsrnp] {
        transform: translateX(-50%) translateY(0);
    }

.notification-danger[b-0olxrzsrnp] {
    background: var(--danger);
}

@media (max-width: 768px) {
    .gallery-container[b-0olxrzsrnp] {
        padding: 1rem;
    }

    .gallery-title[b-0olxrzsrnp] {
        font-size: 2rem;
    }

    .gallery-grid[b-0olxrzsrnp] {
        grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
        gap: 1rem;
    }

    .popup-dialog[b-0olxrzsrnp] {
        width: 95%;
    }

    .popup-content[b-0olxrzsrnp] {
        padding: 1.5rem;
    }

    .popup-footer[b-0olxrzsrnp] {
        padding: 1rem 1.5rem;
        flex-direction: column;
    }
}
/* _content/Client/Pages/Stok/StokKartıMobil/StokKartMobil.razor.rz.scp.css */
.stok-mobil-container[b-4ngcfbyoh7] {
    --skm-actions-height: 58px;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    min-height: 0;
    overflow: hidden;
    background: var(--skm-surface-muted);
    color: var(--skm-ink);
    font-family: var(--bs-body-font-family);
    font-size: 14px;
}

[b-4ngcfbyoh7] .stok-mobil-header {
    flex-shrink: 0;
    position: relative;
    border-bottom: 1px solid var(--skm-line);
    background: var(--skm-surface);
    padding: 10px;
    padding-top: calc(env(safe-area-inset-top) + 10px);
}

[b-4ngcfbyoh7] .stok-mobil-header::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
}

[b-4ngcfbyoh7] .stok-mobil-header::after {
    content: none;
}

[b-4ngcfbyoh7] .header-content {
    display: grid;
    grid-template-columns: 58px minmax(0, 1fr);
    align-items: start;
    gap: 10px;
}

[b-4ngcfbyoh7] .stok-image-wrapper {
    width: 58px;
    height: 58px;
    overflow: hidden;
    border: 1px solid var(--skm-line);
    border-radius: 8px;
    background: var(--skm-surface-muted);
    padding: 4px;
}

[b-4ngcfbyoh7] .stok-image {
    width: 100%;
    height: 100%;
    border-radius: 6px;
    object-fit: contain;
}

[b-4ngcfbyoh7] .stok-info {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
}

[b-4ngcfbyoh7] .stok-durum-wrapper {
    display: flex;
    align-items: center;
    margin-top: 1px;
}

[b-4ngcfbyoh7] .stok-durum-toggle {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 26px;
    border: 1px solid var(--skm-line);
    border-radius: 999px;
    background: var(--skm-surface);
    color: var(--skm-ink);
    cursor: pointer;
    font-size: 11px;
    font-weight: 750;
    line-height: 1;
    padding: 6px 10px;
}

[b-4ngcfbyoh7] .stok-durum-toggle.aktif {
    border-color: #abefc6;
    background: var(--skm-success-soft);
    color: var(--skm-success);
}

[b-4ngcfbyoh7] .stok-durum-toggle.pasif {
    border-color: #fecdca;
    background: var(--skm-danger-soft);
    color: var(--skm-danger);
}

[b-4ngcfbyoh7] .stok-durum-toggle i {
    font-size: 8px;
}

[b-4ngcfbyoh7] .stok-mobil-tabs {
    flex-shrink: 0;
    border-bottom: 1px solid var(--skm-line);
    background: var(--skm-surface);
    padding: 0 10px;
}

[b-4ngcfbyoh7] .tabs-wrapper {
    display: flex;
    gap: 2px;
    overflow-x: auto;
    scrollbar-width: none;
}

[b-4ngcfbyoh7] .tabs-wrapper::-webkit-scrollbar {
    display: none;
}

[b-4ngcfbyoh7] .tab-item {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    flex: 1 0 82px;
    min-height: 44px;
    border: 0;
    border-bottom: 3px solid transparent;
    background: transparent;
    color: var(--skm-ink-muted);
    cursor: pointer;
    font-size: 12px;
    font-weight: 700;
    padding: 8px 6px 7px;
    white-space: nowrap;
}

[b-4ngcfbyoh7] .tab-item i {
    color: currentColor;
    font-size: 14px;
}

[b-4ngcfbyoh7] .tab-item.active {
    border-bottom-color: var(--skm-brand);
    color: var(--skm-brand-dark);
    background: var(--skm-brand-soft);
}

[b-4ngcfbyoh7] .tab-item.active::after {
    content: none;
}

[b-4ngcfbyoh7] .stok-mobil-content {
    position: relative;
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    background: var(--skm-surface-muted);
    padding-bottom: calc(var(--skm-actions-height) + env(safe-area-inset-bottom));
}

[b-4ngcfbyoh7] .tab-content-wrapper {
    min-height: 100%;
}

[b-4ngcfbyoh7] .tab-pane {
    display: none;
    padding: 10px;
}

[b-4ngcfbyoh7] .tab-pane.active {
    display: block;
}

[b-4ngcfbyoh7] .mobil-genel-container,
[b-4ngcfbyoh7] .mobil-birim-container,
[b-4ngcfbyoh7] .hareket-mobil-container {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

[b-4ngcfbyoh7] .mobile-card,
[b-4ngcfbyoh7] .hareket-filter-section {
    overflow: hidden;
    border: 1px solid var(--skm-line);
    border-left: 4px solid var(--skm-line);
    border-radius: 8px;
    background: var(--skm-surface);
}

[b-4ngcfbyoh7] .mobile-card:focus-within,
[b-4ngcfbyoh7] .hareket-filter-section:focus-within {
    border-left-color: var(--skm-brand);
}

[b-4ngcfbyoh7] .mobile-card-header,
[b-4ngcfbyoh7] .hareket-header {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 42px;
    border-bottom: 1px solid var(--skm-line-soft);
    background: #fbfcfd;
    color: var(--skm-ink);
    font-size: 14px;
    font-weight: 760;
    line-height: 1.25;
    padding: 10px 12px;
}

[b-4ngcfbyoh7] .mobile-card-header i,
[b-4ngcfbyoh7] .hareket-header i,
[b-4ngcfbyoh7] .filter-label i {
    color: var(--skm-brand);
}

[b-4ngcfbyoh7] .mobile-card-header {
    justify-content: flex-start;
}

[b-4ngcfbyoh7] .mobile-card-header .btn-header-action {
    margin-left: auto;
}

[b-4ngcfbyoh7] .mobile-card-body {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 12px;
}

[b-4ngcfbyoh7] .mobile-card-body.p-0 {
    padding: 0;
}

[b-4ngcfbyoh7] .form-group-mobile,
[b-4ngcfbyoh7] .filter-item {
    display: flex;
    flex-direction: column;
    gap: 5px;
    min-width: 0;
}

[b-4ngcfbyoh7] .filter-item.full-width {
    flex-basis: 100%;
}

[b-4ngcfbyoh7] .form-label-mobile,
[b-4ngcfbyoh7] .filter-label {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    margin: 0;
    color: var(--skm-ink-muted);
    font-size: 12px;
    font-weight: 650;
    line-height: 1.25;
}

[b-4ngcfbyoh7] .form-control-mobile,
[b-4ngcfbyoh7] .filter-input,
[b-4ngcfbyoh7] .filter-select,
[b-4ngcfbyoh7] .select2-selection,
[b-4ngcfbyoh7] .select2-search-input {
    width: 100%;
    min-height: 40px;
    border: 1px solid var(--skm-line);
    border-radius: 8px;
    background: var(--skm-surface);
    color: var(--skm-ink);
    font-size: 14px;
    font-weight: 500;
    outline: none;
    padding: 8px 10px;
    transition: border-color 0.16s ease, box-shadow 0.16s ease, background-color 0.16s ease;
}

[b-4ngcfbyoh7] .form-control-mobile:focus,
[b-4ngcfbyoh7] .filter-input:focus,
[b-4ngcfbyoh7] .filter-select:focus,
[b-4ngcfbyoh7] .select2-selection:focus,
[b-4ngcfbyoh7] .select2-search-input:focus {
    border-color: var(--skm-brand);
    box-shadow: 0 0 0 3px rgba(0, 120, 192, 0.14);
}

[b-4ngcfbyoh7] .form-control-mobile:disabled {
    background: var(--skm-surface-muted);
    color: var(--skm-ink-muted);
}

[b-4ngcfbyoh7] .input-with-button {
    display: flex;
    align-items: stretch;
    gap: 8px;
    min-width: 0;
}

[b-4ngcfbyoh7] .input-with-button .form-control-mobile {
    flex: 1 1 auto;
    min-width: 0;
}

[b-4ngcfbyoh7] .btn-addon,
[b-4ngcfbyoh7] .btn-header-action,
[b-4ngcfbyoh7] .filter-btn,
[b-4ngcfbyoh7] .add-barkod-btn,
[b-4ngcfbyoh7] .popup-btn,
[b-4ngcfbyoh7] .btn-birim-action,
[b-4ngcfbyoh7] .action-btn {
    appearance: none;
    cursor: pointer;
    transition: background-color 0.16s ease, border-color 0.16s ease, color 0.16s ease;
}

[b-4ngcfbyoh7] .btn-addon,
[b-4ngcfbyoh7] .btn-header-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border: 1px solid var(--skm-brand);
    border-radius: 8px;
    background: var(--skm-brand);
    color: #ffffff;
}

[b-4ngcfbyoh7] .btn-addon {
    min-width: 42px;
    padding: 0 12px;
}

[b-4ngcfbyoh7] .btn-header-action {
    width: 34px;
    height: 34px;
    margin-left: auto;
}

[b-4ngcfbyoh7] .btn-addon:hover,
[b-4ngcfbyoh7] .btn-header-action:hover {
    background: var(--skm-brand-soft);
    color: var(--skm-brand-dark);
}

[b-4ngcfbyoh7] .btn-addon i,
[b-4ngcfbyoh7] .btn-header-action i {
    color: currentColor;
}

[b-4ngcfbyoh7] .stok-mobil-actions {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 42px 42px;
    gap: 8px;
    flex-shrink: 0;
    border-top: 1px solid var(--skm-line);
    background: var(--skm-surface);
    padding: 9px 10px;
    padding-bottom: calc(max(env(safe-area-inset-bottom), 9px));
    box-shadow: 0 -6px 12px rgba(23, 32, 42, 0.06);
    z-index: 1050;
}

[b-4ngcfbyoh7] .action-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-width: 0;
    min-height: 38px;
    border: 1px solid var(--skm-line);
    border-radius: 8px;
    background: var(--skm-surface);
    color: var(--skm-ink);
    font-size: 13px;
    font-weight: 750;
    line-height: 1.2;
    padding: 8px 10px;
    text-align: center;
}

[b-4ngcfbyoh7] .action-btn:disabled {
    cursor: not-allowed;
    opacity: 0.55;
}

[b-4ngcfbyoh7] .save-btn {
    border-color: var(--skm-success);
    background: var(--skm-success);
    color: #ffffff;
}

[b-4ngcfbyoh7] .stok-mobil-actions .delete-btn {
    border-color: var(--skm-danger);
    background: var(--skm-danger);
    color: #ffffff;
}

[b-4ngcfbyoh7] .info-btn,
[b-4ngcfbyoh7] .close-btn {
    padding: 0;
    background: var(--skm-surface-muted);
    color: var(--skm-ink-soft);
}

[b-4ngcfbyoh7] .hareket-filter-section {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 12px;
}

[b-4ngcfbyoh7] .filter-row {
    display: flex;
    gap: 8px;
    width: 100%;
}

[b-4ngcfbyoh7] .filter-actions {
    display: flex;
    gap: 8px;
    margin-top: 2px;
}

[b-4ngcfbyoh7] .filter-btn,
[b-4ngcfbyoh7] .add-barkod-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 38px;
    border: 1px solid var(--skm-brand);
    border-radius: 8px;
    background: var(--skm-brand);
    color: #ffffff;
    font-size: 13px;
    font-weight: 750;
    padding: 8px 10px;
}

[b-4ngcfbyoh7] .clear-btn,
[b-4ngcfbyoh7] .popup-btn.cancel-btn {
    border-color: var(--skm-line);
    background: var(--skm-surface-muted);
    color: var(--skm-ink);
}

[b-4ngcfbyoh7] .hareket-content {
    min-height: 180px;
}

[b-4ngcfbyoh7] .hareket-list,
[b-4ngcfbyoh7] .birim-list,
[b-4ngcfbyoh7] .barkod-list {
    display: flex;
    flex-direction: column;
}

[b-4ngcfbyoh7] .hareket-card,
[b-4ngcfbyoh7] .birim-item,
[b-4ngcfbyoh7] .barkod-item {
    border-bottom: 1px solid var(--skm-line-soft);
    background: var(--skm-surface);
}

[b-4ngcfbyoh7] .hareket-card,
[b-4ngcfbyoh7] .birim-item {
    padding: 12px;
}

[b-4ngcfbyoh7] .hareket-card:last-child,
[b-4ngcfbyoh7] .birim-item:last-child,
[b-4ngcfbyoh7] .barkod-item:last-child {
    border-bottom: 0;
}

[b-4ngcfbyoh7] .hareket-card-header,
[b-4ngcfbyoh7] .birim-item-content,
[b-4ngcfbyoh7] .barkod-item-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    min-width: 0;
}

[b-4ngcfbyoh7] .hareket-card-header {
    border-bottom: 1px solid var(--skm-line-soft);
    margin-bottom: 8px;
    padding-bottom: 8px;
}

[b-4ngcfbyoh7] .hareket-title,
[b-4ngcfbyoh7] .birim-name,
[b-4ngcfbyoh7] .barkod-code {
    overflow-wrap: anywhere;
    color: var(--skm-ink);
    font-size: 14px;
    font-weight: 760;
    line-height: 1.25;
    margin: 0;
}

[b-4ngcfbyoh7] .hareket-info-row {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    border-bottom: 1px solid var(--skm-line-soft);
    font-size: 13px;
    padding: 7px 0;
}

[b-4ngcfbyoh7] .hareket-info-row:last-child {
    border-bottom: 0;
}

[b-4ngcfbyoh7] .hareket-label,
[b-4ngcfbyoh7] .birim-carpan,
[b-4ngcfbyoh7] .barkod-details {
    color: var(--skm-ink-muted);
    font-size: 12px;
}

[b-4ngcfbyoh7] .hareket-value {
    color: var(--skm-ink);
    font-weight: 700;
    text-align: right;
    overflow-wrap: anywhere;
}

[b-4ngcfbyoh7] .hareket-value.price,
[b-4ngcfbyoh7] .barkod-fiyat {
    color: var(--skm-success);
    font-weight: 750;
}

[b-4ngcfbyoh7] .hareket-value.out {
    color: var(--skm-danger);
}

[b-4ngcfbyoh7] .birim-info,
[b-4ngcfbyoh7] .barkod-info {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

[b-4ngcfbyoh7] .birim-actions {
    display: flex;
    gap: 6px;
    flex-shrink: 0;
}

[b-4ngcfbyoh7] .btn-birim-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border: 1px solid var(--skm-line);
    border-radius: 8px;
    background: var(--skm-surface-muted);
    color: var(--skm-ink-soft);
}

[b-4ngcfbyoh7] .btn-birim-action.barkod-btn {
    border-color: #b2ccff;
    background: var(--skm-info-soft);
    color: var(--skm-info);
}

[b-4ngcfbyoh7] .btn-birim-action.delete-btn {
    border-color: #fecdca;
    background: var(--skm-danger-soft);
    color: var(--skm-danger);
}

[b-4ngcfbyoh7] .btn-birim-action.disabled {
    cursor: not-allowed;
    opacity: 0.45;
}

[b-4ngcfbyoh7] .empty-state,
[b-4ngcfbyoh7] .loading-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 150px;
    color: var(--skm-ink-muted);
    font-size: 13px;
    text-align: center;
    padding: 24px 14px;
}

[b-4ngcfbyoh7] .empty-state i {
    color: var(--skm-ink-muted);
    font-size: 34px;
}

[b-4ngcfbyoh7] .mobil-popup-content {
    display: flex;
    flex-direction: column;
    gap: 10px;
    background: var(--skm-surface);
    padding: 12px;
}

[b-4ngcfbyoh7] .popup-footer-mobile {
    display: flex;
    gap: 8px;
    border-top: 1px solid var(--skm-line);
    background: var(--skm-surface);
    padding: 10px 12px;
}

[b-4ngcfbyoh7] .popup-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 38px;
    border: 1px solid var(--skm-line);
    border-radius: 8px;
    font-size: 13px;
    font-weight: 750;
    padding: 8px 10px;
}

[b-4ngcfbyoh7] .popup-btn.save-btn {
    border-color: var(--skm-brand);
    background: var(--skm-brand);
    color: #ffffff;
}

[b-4ngcfbyoh7] .popup-btn.full-width {
    width: 100%;
}

[b-4ngcfbyoh7] .carpan-formula {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 26px minmax(0, 1fr) 44px minmax(0, 1.3fr);
    align-items: center;
    gap: 6px;
    border: 1px solid var(--skm-line-soft);
    border-radius: 8px;
    background: #fbfcfd;
    padding: 10px;
}

[b-4ngcfbyoh7] .formula-item {
    min-width: 0;
    color: var(--skm-ink);
    font-size: 12px;
    font-weight: 750;
    text-align: center;
    overflow-wrap: anywhere;
}

[b-4ngcfbyoh7] .formula-item.selected-birim,
[b-4ngcfbyoh7] .formula-item.ana-birim {
    border: 1px solid var(--skm-line);
    border-radius: 6px;
    background: var(--skm-surface);
    padding: 7px 6px;
}

[b-4ngcfbyoh7] .formula-item.operator {
    color: var(--skm-brand);
}

[b-4ngcfbyoh7] .formula-item.operator .form-control-mobile {
    padding-left: 6px;
    padding-right: 6px;
}

[b-4ngcfbyoh7] .barkod-list-header {
    border-bottom: 1px solid var(--skm-line);
    padding-bottom: 10px;
}

[b-4ngcfbyoh7] .barkod-list {
    max-height: 42vh;
    overflow-y: auto;
}

[b-4ngcfbyoh7] .barkod-item.editing {
    background: #fbfcfd;
}

[b-4ngcfbyoh7] .barkod-item-content {
    padding: 12px 0;
}

[b-4ngcfbyoh7] .barkod-code {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

[b-4ngcfbyoh7] .barkod-code i {
    color: var(--skm-brand);
}

[b-4ngcfbyoh7] .barkod-details {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

[b-4ngcfbyoh7] .barkod-edit-form {
    display: flex;
    flex-direction: column;
    gap: 8px;
    border: 1px solid var(--skm-line-soft);
    border-radius: 8px;
    background: var(--skm-surface);
    padding: 10px;
}

[b-4ngcfbyoh7] .barkod-edit-actions {
    display: flex;
    gap: 8px;
}

[b-4ngcfbyoh7] .loading-overlay {
    position: absolute;
    inset: 0;
    z-index: 30;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(246, 247, 249, 0.92);
}

[b-4ngcfbyoh7] .loading-spinner {
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--skm-ink-soft);
    font-size: 13px;
    font-weight: 700;
}

[b-4ngcfbyoh7] .spinner {
    width: 32px;
    height: 32px;
    border: 3px solid var(--skm-line-soft);
    border-top-color: var(--skm-brand);
    border-radius: 50%;
    animation: skmSpin-b-4ngcfbyoh7 0.8s linear infinite;
}

@keyframes skmSpin-b-4ngcfbyoh7 {
    to {
        transform: rotate(360deg);
    }
}

[b-4ngcfbyoh7] .select2-container {
    position: relative;
    width: 100%;
}

[b-4ngcfbyoh7] .select2-selection {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}

[b-4ngcfbyoh7] .select2-selection-text {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[b-4ngcfbyoh7] .select2-arrow i {
    color: var(--skm-ink-muted);
    font-size: 12px;
}

[b-4ngcfbyoh7] .select2-dropdown {
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    right: 0;
    z-index: 1050;
    max-height: 260px;
    overflow-y: auto;
    border: 1px solid var(--skm-line);
    border-radius: 8px;
    background: var(--skm-surface);
    box-shadow: 0 10px 24px rgba(23, 32, 42, 0.14);
}

[b-4ngcfbyoh7] .select2-search {
    position: sticky;
    top: 0;
    z-index: 2;
    border-bottom: 1px solid var(--skm-line-soft);
    background: var(--skm-surface);
    padding: 8px;
}

[b-4ngcfbyoh7] .select2-search-input {
    min-height: 34px;
    background: var(--skm-surface-muted);
    font-size: 13px;
}

[b-4ngcfbyoh7] .select2-results {
    display: flex;
    flex-direction: column;
}

[b-4ngcfbyoh7] .select2-result {
    display: flex;
    flex-direction: column;
    gap: 2px;
    border-bottom: 1px solid var(--skm-line-soft);
    color: var(--skm-ink);
    cursor: pointer;
    font-size: 13px;
    padding: 9px 10px;
}

[b-4ngcfbyoh7] .select2-result:last-child {
    border-bottom: 0;
}

[b-4ngcfbyoh7] .select2-result:hover {
    background: var(--skm-surface-muted);
}

[b-4ngcfbyoh7] .select2-result.selected {
    background: var(--skm-brand-soft);
    color: var(--skm-brand-dark);
}

[b-4ngcfbyoh7] .cari-kod {
    color: var(--skm-brand);
    font-size: 12px;
    font-weight: 750;
}

[b-4ngcfbyoh7] .cari-adi {
    color: var(--skm-ink);
}

[b-4ngcfbyoh7] .select2-hint {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    color: var(--skm-ink-muted);
    font-size: 12px;
    padding: 14px 10px;
    text-align: center;
}

@media (max-width: 380px) {
    [b-4ngcfbyoh7] .header-content {
        grid-template-columns: 54px minmax(0, 1fr);
    }

    [b-4ngcfbyoh7] .stok-image-wrapper {
        width: 54px;
        height: 54px;
    }

    [b-4ngcfbyoh7] .filter-row,
    [b-4ngcfbyoh7] .barkod-edit-actions {
        flex-direction: column;
    }

    [b-4ngcfbyoh7] .stok-mobil-actions {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 40px 40px;
        gap: 6px;
        padding-left: 8px;
        padding-right: 8px;
    }

    [b-4ngcfbyoh7] .action-btn {
        font-size: 12px;
        padding-left: 6px;
        padding-right: 6px;
    }

    [b-4ngcfbyoh7] .carpan-formula {
        grid-template-columns: 1fr;
    }
}
/* _content/Client/Pages/Stok/StokKartıMobil/StokKartMobil_Birim.razor.rz.scp.css */
/* CSS moved to StokKartMobil.razor.css */
/* _content/Client/Pages/Stok/StokKartıMobil/StokKartMobil_Envanter.razor.rz.scp.css */
[b-6b6jc4wesc] .envanter-readonly {
    background: var(--skm-surface-muted, #f6f7f9);
    display: flex;
    align-items: center;
}
/* _content/Client/Pages/Stok/StokKartıMobil/StokKartMobil_Fiyat.razor.rz.scp.css */
/* CSS moved to StokKartMobil.razor.css */
/* _content/Client/Pages/Stok/StokKartıMobil/StokKartMobil_Genel.razor.rz.scp.css */
/* CSS moved to StokKartMobil.razor.css */
/* _content/Client/Pages/Stok/StokKartıMobil/StokKartMobil_HareketBilgisi.razor.rz.scp.css */
/* CSS moved to StokKartMobil.razor.css */
/* _content/Client/Pages/Takvim.razor.rz.scp.css */
.dxbl-sc-tb-wrapper[b-8nzismxxur] {
    display: none !important;
}
/* _content/Client/Pages/TestPages/ExcelSablonSelector.razor.rz.scp.css */
/* ==== Excel şablon içe aktarma - dosya seçim alanı ==== */

.excel-upload-step[b-3o00ol2ezx] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 4px 0;
}

.excel-dropzone[b-3o00ol2ezx] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 36px 20px;
    border: 2px dashed var(--bs-gray-400, #cbd5e1);
    border-radius: 12px;
    background: var(--bs-gray-100, #f8fafc);
    text-align: center;
    cursor: pointer;
    transition: border-color .18s ease, background-color .18s ease, transform .18s ease;
}

    .excel-dropzone:hover[b-3o00ol2ezx] {
        border-color: var(--bs-primary, #009ef7);
        background: rgba(0, 158, 247, .06);
    }

    .excel-dropzone.excel-dropzone--dragover[b-3o00ol2ezx] {
        border-color: var(--bs-success, #17c653);
        background: rgba(23, 198, 83, .08);
        transform: scale(1.01);
    }

.excel-dropzone-icon[b-3o00ol2ezx] {
    width: 56px;
    height: 56px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(23, 137, 44, .12);
    color: #1a7f37;
    font-size: 24px;
    margin-bottom: 6px;
    transition: transform .18s ease;
}

.excel-dropzone.excel-dropzone--dragover .excel-dropzone-icon[b-3o00ol2ezx] {
    transform: scale(1.1);
}

.excel-dropzone-title[b-3o00ol2ezx] {
    font-weight: 600;
    font-size: 14px;
    color: var(--bs-gray-800, #1e293b);
}

.excel-dropzone-or[b-3o00ol2ezx] {
    font-size: 12px;
    color: var(--bs-gray-500, #94a3b8);
    margin: 2px 0;
}

.excel-dropzone-btn[b-3o00ol2ezx] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border: 1px solid var(--bs-primary, #009ef7);
    color: var(--bs-primary, #009ef7);
    background: transparent;
    border-radius: 8px;
    padding: 8px 18px;
    font-weight: 500;
    font-size: 13px;
    cursor: pointer;
    transition: background-color .15s ease, color .15s ease;
}

    .excel-dropzone-btn:hover[b-3o00ol2ezx] {
        background: var(--bs-primary, #009ef7);
        color: #fff;
    }

.excel-dropzone-hint[b-3o00ol2ezx] {
    margin-top: 10px;
    font-size: 11px;
    color: var(--bs-gray-500, #94a3b8);
}

/* DevExpress DxUpload'ın kendi seçim/drop-zone arayüzü dışarıya taşındığı
   için burada sadece dosya listesi/ilerleme çubuğu görünür kalır. */
.excel-dropzone-upload[b-3o00ol2ezx] {
    width: 100%;
}

[data-bs-theme="dark"] .excel-dropzone[b-3o00ol2ezx] {
    border-color: var(--bs-gray-600, #4b5675);
    background: var(--bs-gray-100, #1e2129);
}

[data-bs-theme="dark"] .excel-dropzone:hover[b-3o00ol2ezx] {
    border-color: var(--bs-primary, #009ef7);
    background: rgba(0, 158, 247, .10);
}

[data-bs-theme="dark"] .excel-dropzone-title[b-3o00ol2ezx] {
    color: var(--bs-gray-200, #e2e8f0);
}
/* _content/Client/Pages/Uretim/IsEmri/IsEmriKayit.razor.rz.scp.css */
.production-documents-panel[b-bgsi9vs1h9] {
    min-width: 0;
    justify-content: flex-start;
}

.production-documents-panel > .tab-content[b-bgsi9vs1h9],
.production-documents-panel > .tab-content > .tab-pane[b-bgsi9vs1h9] {
    min-width: 0;
}

.production-documents-tabs[b-bgsi9vs1h9] {
    flex-wrap: wrap;
    gap: 0.25rem 1rem;
}

.production-documents-tabs .nav-link[b-bgsi9vs1h9] {
    border-radius: 0;
    font-weight: 600;
    padding-inline: 0;
}

@media (max-width: 767.98px) {
    .production-documents-panel[b-bgsi9vs1h9] {
        padding: 0.75rem !important;
    }

    .production-documents-tabs[b-bgsi9vs1h9] {
        gap: 0.25rem 0.75rem;
    }
}
/* _content/Client/Pages/Uretim/Listeler/IhtiyacListesi.razor.rz.scp.css */
[b-itq8h253mp] #grid-ihtiyac-listesi td.ihtiyac-listesi-eksik {
    background-color: var(--bs-danger-light, #fff0f3) !important;
    color: var(--bs-danger, #f8285a) !important;
}

[b-itq8h253mp] #grid-ihtiyac-listesi td.ihtiyac-listesi-yeterli {
    background-color: var(--bs-success-light, #f0fdf4) !important;
    color: var(--bs-success, #50cd89) !important;
}

/* YGrid seçimi "selected", aktif satırı ise "focused" sınıfıyla işaretler.
   Her ikisi aynı seçili satır görünümünü kullanmalıdır. */
[b-itq8h253mp] #grid-ihtiyac-listesi tr.dxbl-grid-selected-row > td:not(.dxbl-grid-empty-cell),
[b-itq8h253mp] #grid-ihtiyac-listesi tr.dxbl-grid-focused-row > td:not(.dxbl-grid-empty-cell) {
    background-color: var(--bs-primary-light, #e9f3ff) !important;
    color: var(--bs-gray-900, #181c32) !important;
}

[b-itq8h253mp] #grid-ihtiyac-listesi tr.dxbl-grid-selected-row > td:first-child,
[b-itq8h253mp] #grid-ihtiyac-listesi tr.dxbl-grid-focused-row > td:first-child {
    border-left: 4px solid var(--bs-primary, #009ef7) !important;
}
/* _content/Client/Shared/MainLayout.razor.rz.scp.css */
.page[b-ocnk4r8tjs] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-ocnk4r8tjs] {
    flex: 1;
}

.sidebar[b-ocnk4r8tjs] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-ocnk4r8tjs] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-ocnk4r8tjs]  a, .top-row .btn-link[b-ocnk4r8tjs] {
        white-space: nowrap;
        margin-left: 1.5rem;
    }

    .top-row a:first-child[b-ocnk4r8tjs] {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row:not(.auth)[b-ocnk4r8tjs] {
        display: none;
    }

    .top-row.auth[b-ocnk4r8tjs] {
        justify-content: space-between;
    }

    .top-row a[b-ocnk4r8tjs], .top-row .btn-link[b-ocnk4r8tjs] {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-ocnk4r8tjs] {
        flex-direction: row;
    }

    .sidebar[b-ocnk4r8tjs] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-ocnk4r8tjs] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row[b-ocnk4r8tjs], article[b-ocnk4r8tjs] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
/* _content/Client/Shared/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-kd1ih0s86n] {
    background-color: rgba(255, 255, 255, 0.1);
}

.top-row[b-kd1ih0s86n] {
    height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-kd1ih0s86n] {
    font-size: 1.1rem;
}

.oi[b-kd1ih0s86n] {
    width: 2rem;
    font-size: 1.1rem;
    vertical-align: text-top;
    top: -2px;
}

.nav-item[b-kd1ih0s86n] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-kd1ih0s86n] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-kd1ih0s86n] {
        padding-bottom: 1rem;
    }

    .nav-item[b-kd1ih0s86n]  a {
        color: #d7d7d7;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
    }

.nav-item[b-kd1ih0s86n]  a.active {
    background-color: rgba(255,255,255,0.25);
    color: white;
}

.nav-item[b-kd1ih0s86n]  a:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

@media (min-width: 641px) {
    .navbar-toggler[b-kd1ih0s86n] {
        display: none;
    }

    .collapse[b-kd1ih0s86n] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }
}