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

/* _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/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 */
.ultra-modern-root[b-u9xhbhqw07] {
    --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);
}

    .ultra-modern-root .glass-header[b-u9xhbhqw07] {
        background: var(--gradient-glass);
        backdrop-filter: blur(20px) saturate(180%);
        border-radius: 24px;
        border: 2px solid rgba(255, 255, 255, 0.5);
        box-shadow: var(--shadow-xl), inset 0 1px 0 rgba(255, 255, 255, 0.8);
        padding: 20px;
        position: relative;
        overflow: hidden;
    }

        .ultra-modern-root .glass-header[b-u9xhbhqw07]::before {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent);
            transition: left 0.5s;
        }

        .ultra-modern-root .glass-header:hover[b-u9xhbhqw07]::before {
            left: 100%;
        }

    .ultra-modern-root .gradient-select-wrapper[b-u9xhbhqw07] {
        position: relative;
        min-width: 180px;
    }

        .ultra-modern-root .gradient-select-wrapper[b-u9xhbhqw07]::before {
            content: '';
            position: absolute;
            inset: -2px;
            border-radius: 16px;
            padding: 2px;
            background: var(--gradient-primary);
            -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
            -webkit-mask-composite: xor;
            mask-composite: exclude;
            opacity: 0.7;
            transition: opacity 0.3s;
        }

        .ultra-modern-root .gradient-select-wrapper:hover[b-u9xhbhqw07]::before {
            opacity: 1;
            animation: gradient-rotate-b-u9xhbhqw07 3s linear infinite;
        }

@keyframes gradient-rotate-b-u9xhbhqw07 {
    0% {
        filter: hue-rotate(0deg);
    }

    100% {
        filter: hue-rotate(360deg);
    }
}

.ultra-modern-root .ultra-select[b-u9xhbhqw07] {
    border-radius: 16px !important;
    border: none !important;
    background: white !important;
    box-shadow: 0 4px 20px rgba(0,0,0,0.08) !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    font-weight: 500;
}

    .ultra-modern-root .ultra-select:focus-within[b-u9xhbhqw07] {
        transform: translateY(-2px);
        box-shadow: 0 8px 30px rgba(102, 126, 234, 0.25) !important;
    }

.ultra-modern-root .toggle-container[b-u9xhbhqw07] {
    background: var(--gradient-glass);
    backdrop-filter: blur(10px);
    padding: 8px 16px;
    border-radius: 50px;
    border: 2px solid rgba(255, 255, 255, 0.6);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
    display: flex;
    align-items: center;
    gap: 12px;
}

.ultra-modern-root .toggle-label[b-u9xhbhqw07] {
    font-size: 0.875rem;
    font-weight: 600;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    transition: all 0.3s;
}

    .ultra-modern-root .toggle-label.active[b-u9xhbhqw07] {
        transform: scale(1.1);
    }

.ultra-modern-root .ultra-switch[b-u9xhbhqw07] {
    position: relative;
    width: 56px;
    height: 28px;
}

    .ultra-modern-root .ultra-switch input[b-u9xhbhqw07] {
        width: 56px;
        height: 28px;
        background: linear-gradient(135deg, #e0e7ff 0%, #ddd6fe 100%);
        border: none;
        cursor: pointer;
        transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
        position: relative;
    }

        .ultra-modern-root .ultra-switch input[b-u9xhbhqw07]::before {
            content: '';
            position: absolute;
            top: 3px;
            left: 3px;
            width: 22px;
            height: 22px;
            background: white;
            border-radius: 50%;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
        }

        .ultra-modern-root .ultra-switch input:checked[b-u9xhbhqw07] {
            background: var(--gradient-primary);
            box-shadow: var(--glow-primary);
        }

            .ultra-modern-root .ultra-switch input:checked[b-u9xhbhqw07]::before {
                left: 31px;
                box-shadow: 0 4px 12px rgba(102, 126, 234, 0.5);
            }

.ultra-modern-root .gradient-icon-btn[b-u9xhbhqw07] {
    width: 50px;
    height: 50px;
    border-radius: 16px;
    background: var(--gradient-glass);
    backdrop-filter: blur(10px);
    border: 2px solid rgba(255, 255, 255, 0.6);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
}

    .ultra-modern-root .gradient-icon-btn[b-u9xhbhqw07]::before {
        content: '';
        position: absolute;
        inset: 0;
        background: var(--gradient-primary);
        opacity: 0;
        transition: opacity 0.3s;
    }

    .ultra-modern-root .gradient-icon-btn:hover[b-u9xhbhqw07] {
        transform: translateY(-4px) rotate(5deg);
        box-shadow: var(--shadow-2xl);
    }

        .ultra-modern-root .gradient-icon-btn:hover[b-u9xhbhqw07]::before {
            opacity: 0.1;
        }

    .ultra-modern-root .gradient-icon-btn i[b-u9xhbhqw07] {
        position: relative;
        z-index: 1;
        font-size: 1.75rem;
        background: var(--gradient-primary);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
    }

.ultra-modern-root .ultra-chart-card[b-u9xhbhqw07] {
    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-u9xhbhqw07]::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-u9xhbhqw07 4s ease-in-out infinite;
    }

@keyframes pulse-glow-b-u9xhbhqw07 {
    0%, 100% {
        opacity: 0.5;
        transform: scale(1);
    }

    50% {
        opacity: 0.8;
        transform: scale(1.1);
    }
}

.ultra-modern-root .chart-body[b-u9xhbhqw07] {
    position: relative;
    z-index: 1;
    padding: 24px;
}

.ultra-modern-root .record-badge[b-u9xhbhqw07] {
    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/IsyeriBazliSatisRaporu.razor.rz.scp.css */
.ultra-modern-root[b-6mbsj8ho1s] {
    --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);
}

    .ultra-modern-root .glass-header[b-6mbsj8ho1s] {
        background: var(--gradient-glass);
        backdrop-filter: blur(20px) saturate(180%);
        border-radius: 24px;
        border: 2px solid rgba(255, 255, 255, 0.5);
        box-shadow: var(--shadow-xl), inset 0 1px 0 rgba(255, 255, 255, 0.8);
        padding: 20px;
        position: relative;
        overflow: hidden;
    }

        .ultra-modern-root .glass-header[b-6mbsj8ho1s]::before {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent);
            transition: left 0.5s;
        }

        .ultra-modern-root .glass-header:hover[b-6mbsj8ho1s]::before {
            left: 100%;
        }

    .ultra-modern-root .gradient-select-wrapper[b-6mbsj8ho1s] {
        position: relative;
        min-width: 180px;
    }

        .ultra-modern-root .gradient-select-wrapper[b-6mbsj8ho1s]::before {
            content: '';
            position: absolute;
            inset: -2px;
            border-radius: 16px;
            padding: 2px;
            background: var(--gradient-primary);
            -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
            -webkit-mask-composite: xor;
            mask-composite: exclude;
            opacity: 0.7;
            transition: opacity 0.3s;
        }

        .ultra-modern-root .gradient-select-wrapper:hover[b-6mbsj8ho1s]::before {
            opacity: 1;
            animation: gradient-rotate-b-6mbsj8ho1s 3s linear infinite;
        }

@keyframes gradient-rotate-b-6mbsj8ho1s {
    0% {
        filter: hue-rotate(0deg);
    }

    100% {
        filter: hue-rotate(360deg);
    }
}

.ultra-modern-root .ultra-select[b-6mbsj8ho1s] {
    border-radius: 16px !important;
    border: none !important;
    background: white !important;
    box-shadow: 0 4px 20px rgba(0,0,0,0.08) !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    font-weight: 500;
}

    .ultra-modern-root .ultra-select:focus-within[b-6mbsj8ho1s] {
        transform: translateY(-2px);
        box-shadow: 0 8px 30px rgba(102, 126, 234, 0.25) !important;
    }

.ultra-modern-root .toggle-container[b-6mbsj8ho1s] {
    background: var(--gradient-glass);
    backdrop-filter: blur(10px);
    padding: 8px 16px;
    border-radius: 50px;
    border: 2px solid rgba(255, 255, 255, 0.6);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
    display: flex;
    align-items: center;
    gap: 12px;
}

.ultra-modern-root .toggle-label[b-6mbsj8ho1s] {
    font-size: 0.875rem;
    font-weight: 600;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    transition: all 0.3s;
}

    .ultra-modern-root .toggle-label.active[b-6mbsj8ho1s] {
        transform: scale(1.1);
    }

.ultra-modern-root .ultra-switch[b-6mbsj8ho1s] {
    position: relative;
    width: 56px;
    height: 28px;
}

    .ultra-modern-root .ultra-switch input[b-6mbsj8ho1s] {
        width: 56px;
        height: 28px;
        background: linear-gradient(135deg, #e0e7ff 0%, #ddd6fe 100%);
        border: none;
        cursor: pointer;
        transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
        position: relative;
    }

        .ultra-modern-root .ultra-switch input[b-6mbsj8ho1s]::before {
            content: '';
            position: absolute;
            top: 3px;
            left: 3px;
            width: 22px;
            height: 22px;
            background: white;
            border-radius: 50%;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
        }

        .ultra-modern-root .ultra-switch input:checked[b-6mbsj8ho1s] {
            background: var(--gradient-primary);
            box-shadow: var(--glow-primary);
        }

            .ultra-modern-root .ultra-switch input:checked[b-6mbsj8ho1s]::before {
                left: 31px;
                box-shadow: 0 4px 12px rgba(102, 126, 234, 0.5);
            }

.ultra-modern-root .gradient-icon-btn[b-6mbsj8ho1s] {
    width: 50px;
    height: 50px;
    border-radius: 16px;
    background: var(--gradient-glass);
    backdrop-filter: blur(10px);
    border: 2px solid rgba(255, 255, 255, 0.6);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
}

    .ultra-modern-root .gradient-icon-btn[b-6mbsj8ho1s]::before {
        content: '';
        position: absolute;
        inset: 0;
        background: var(--gradient-primary);
        opacity: 0;
        transition: opacity 0.3s;
    }

    .ultra-modern-root .gradient-icon-btn:hover[b-6mbsj8ho1s] {
        transform: translateY(-4px) rotate(5deg);
        box-shadow: var(--shadow-2xl);
    }

        .ultra-modern-root .gradient-icon-btn:hover[b-6mbsj8ho1s]::before {
            opacity: 0.1;
        }

    .ultra-modern-root .gradient-icon-btn i[b-6mbsj8ho1s] {
        position: relative;
        z-index: 1;
        font-size: 1.75rem;
        background: var(--gradient-primary);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
    }

.ultra-modern-root .ultra-chart-card[b-6mbsj8ho1s] {
    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-6mbsj8ho1s]::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-6mbsj8ho1s 4s ease-in-out infinite;
    }

@keyframes pulse-glow-b-6mbsj8ho1s {
    0%, 100% {
        opacity: 0.5;
        transform: scale(1);
    }

    50% {
        opacity: 0.8;
        transform: scale(1.1);
    }
}

.ultra-modern-root .chart-body[b-6mbsj8ho1s] {
    position: relative;
    z-index: 1;
    padding: 24px;
}

.ultra-modern-root .record-badge[b-6mbsj8ho1s] {
    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/MusteriBazliSatisRaporu.razor.rz.scp.css */
.ultra-modern-root[b-3egiyhyz4f] {
    --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);
}

    .ultra-modern-root .glass-header[b-3egiyhyz4f] {
        background: var(--gradient-glass);
        backdrop-filter: blur(20px) saturate(180%);
        border-radius: 24px;
        border: 2px solid rgba(255, 255, 255, 0.5);
        box-shadow: var(--shadow-xl), inset 0 1px 0 rgba(255, 255, 255, 0.8);
        padding: 20px;
        position: relative;
        overflow: hidden;
    }

        .ultra-modern-root .glass-header[b-3egiyhyz4f]::before {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent);
            transition: left 0.5s;
        }

        .ultra-modern-root .glass-header:hover[b-3egiyhyz4f]::before {
            left: 100%;
        }

    .ultra-modern-root .gradient-select-wrapper[b-3egiyhyz4f] {
        position: relative;
        min-width: 180px;
    }

        .ultra-modern-root .gradient-select-wrapper[b-3egiyhyz4f]::before {
            content: '';
            position: absolute;
            inset: -2px;
            border-radius: 16px;
            padding: 2px;
            background: var(--gradient-primary);
            -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
            -webkit-mask-composite: xor;
            mask-composite: exclude;
            opacity: 0.7;
            transition: opacity 0.3s;
        }

        .ultra-modern-root .gradient-select-wrapper:hover[b-3egiyhyz4f]::before {
            opacity: 1;
            animation: gradient-rotate-b-3egiyhyz4f 3s linear infinite;
        }

@keyframes gradient-rotate-b-3egiyhyz4f {
    0% {
        filter: hue-rotate(0deg);
    }

    100% {
        filter: hue-rotate(360deg);
    }
}

.ultra-modern-root .ultra-select[b-3egiyhyz4f] {
    border-radius: 16px !important;
    border: none !important;
    background: white !important;
    box-shadow: 0 4px 20px rgba(0,0,0,0.08) !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    font-weight: 500;
}

    .ultra-modern-root .ultra-select:focus-within[b-3egiyhyz4f] {
        transform: translateY(-2px);
        box-shadow: 0 8px 30px rgba(102, 126, 234, 0.25) !important;
    }

.ultra-modern-root .toggle-container[b-3egiyhyz4f] {
    background: var(--gradient-glass);
    backdrop-filter: blur(10px);
    padding: 8px 16px;
    border-radius: 50px;
    border: 2px solid rgba(255, 255, 255, 0.6);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
    display: flex;
    align-items: center;
    gap: 12px;
}

.ultra-modern-root .toggle-label[b-3egiyhyz4f] {
    font-size: 0.875rem;
    font-weight: 600;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    transition: all 0.3s;
}

    .ultra-modern-root .toggle-label.active[b-3egiyhyz4f] {
        transform: scale(1.1);
    }

.ultra-modern-root .ultra-switch[b-3egiyhyz4f] {
    position: relative;
    width: 56px;
    height: 28px;
}

    .ultra-modern-root .ultra-switch input[b-3egiyhyz4f] {
        width: 56px;
        height: 28px;
        background: linear-gradient(135deg, #e0e7ff 0%, #ddd6fe 100%);
        border: none;
        cursor: pointer;
        transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
        position: relative;
    }

        .ultra-modern-root .ultra-switch input[b-3egiyhyz4f]::before {
            content: '';
            position: absolute;
            top: 3px;
            left: 3px;
            width: 22px;
            height: 22px;
            background: white;
            border-radius: 50%;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
        }

        .ultra-modern-root .ultra-switch input:checked[b-3egiyhyz4f] {
            background: var(--gradient-primary);
            box-shadow: var(--glow-primary);
        }

            .ultra-modern-root .ultra-switch input:checked[b-3egiyhyz4f]::before {
                left: 31px;
                box-shadow: 0 4px 12px rgba(102, 126, 234, 0.5);
            }

.ultra-modern-root .gradient-icon-btn[b-3egiyhyz4f] {
    width: 50px;
    height: 50px;
    border-radius: 16px;
    background: var(--gradient-glass);
    backdrop-filter: blur(10px);
    border: 2px solid rgba(255, 255, 255, 0.6);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
}

    .ultra-modern-root .gradient-icon-btn[b-3egiyhyz4f]::before {
        content: '';
        position: absolute;
        inset: 0;
        background: var(--gradient-primary);
        opacity: 0;
        transition: opacity 0.3s;
    }

    .ultra-modern-root .gradient-icon-btn:hover[b-3egiyhyz4f] {
        transform: translateY(-4px) rotate(5deg);
        box-shadow: var(--shadow-2xl);
    }

        .ultra-modern-root .gradient-icon-btn:hover[b-3egiyhyz4f]::before {
            opacity: 0.1;
        }

    .ultra-modern-root .gradient-icon-btn i[b-3egiyhyz4f] {
        position: relative;
        z-index: 1;
        font-size: 1.75rem;
        background: var(--gradient-primary);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
    }

.ultra-modern-root .ultra-chart-card[b-3egiyhyz4f] {
    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-3egiyhyz4f]::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-3egiyhyz4f 4s ease-in-out infinite;
    }

@keyframes pulse-glow-b-3egiyhyz4f {
    0%, 100% {
        opacity: 0.5;
        transform: scale(1);
    }

    50% {
        opacity: 0.8;
        transform: scale(1.1);
    }
}

.ultra-modern-root .chart-body[b-3egiyhyz4f] {
    position: relative;
    z-index: 1;
    padding: 24px;
}

.ultra-modern-root .record-badge[b-3egiyhyz4f] {
    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/PersonelBazliSatisRaporu.razor.rz.scp.css */
.ultra-modern-root[b-s7o85owjyj] {
    --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-s7o85owjyj] {
        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-s7o85owjyj] {
        display: flex;
        gap: 12px;
        align-items: center;
    }

    /* Kompakt Tarih */
    .ultra-modern-root .compact-date[b-s7o85owjyj] {
        max-width: 200px;
    }

    /* Filtre Toggle Wrapper */
    .ultra-modern-root .filter-toggle-wrapper[b-s7o85owjyj] {
        flex: 1;
        display: flex;
        justify-content: center;
    }

    /* Filtre Toggle Butonu */
    .ultra-modern-root .btn-filter-toggle[b-s7o85owjyj] {
        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-s7o85owjyj] {
            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-s7o85owjyj] {
            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-s7o85owjyj] {
            transition: transform 0.3s ease;
        }

            .ultra-modern-root .btn-filter-toggle .chevron.rotated[b-s7o85owjyj] {
                transform: rotate(180deg);
            }

    /* Filtre Sayısı Badge */
    .ultra-modern-root .filter-count[b-s7o85owjyj] {
        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-s7o85owjyj] {
        background: rgba(255, 255, 255, 0.25);
    }

    /* Temizle Butonu */
    .ultra-modern-root .btn-clear-filters[b-s7o85owjyj] {
        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-s7o85owjyj] {
            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-s7o85owjyj] {
        display: flex;
        gap: 8px;
        background: white;
        padding: 4px;
        border-radius: 12px;
        border: 2px solid #e0e7ff;
    }

    .ultra-modern-root .view-btn[b-s7o85owjyj] {
        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-s7o85owjyj] {
            background: rgba(102, 126, 234, 0.1);
        }

        .ultra-modern-root .view-btn.active[b-s7o85owjyj] {
            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-s7o85owjyj] {
        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-s7o85owjyj] {
            max-height: 600px;
            opacity: 1;
            margin-bottom: 20px;
        }

    /* Filtre Grid */
    .ultra-modern-root .filters-grid[b-s7o85owjyj] {
        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-s7o85owjyj] {
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

    /* Filtre Label */
    .ultra-modern-root .filter-label[b-s7o85owjyj] {
        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-s7o85owjyj] {
            font-size: 1rem;
        }

    /* Filtre Dropdown */
    .ultra-modern-root .filter-dropdown[b-s7o85owjyj] {
        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-s7o85owjyj] {
            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-s7o85owjyj] {
        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-s7o85owjyj]::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-s7o85owjyj 4s ease-in-out infinite;
        }

@keyframes pulse-glow-b-s7o85owjyj {
    0%, 100% {
        opacity: 0.5;
        transform: scale(1);
    }

    50% {
        opacity: 0.8;
        transform: scale(1.1);
    }
}

.ultra-modern-root .chart-body[b-s7o85owjyj] {
    position: relative;
    z-index: 1;
    padding: 24px;
}

.ultra-modern-root .record-badge[b-s7o85owjyj] {
    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/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 */
.ultra-modern-root[b-4rlnc86191] {
    --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-4rlnc86191] {
        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-4rlnc86191] {
        display: flex;
        gap: 12px;
        align-items: center;
    }

    /* Kompakt Tarih */
    .ultra-modern-root .compact-date[b-4rlnc86191] {
        max-width: 200px;
    }

    /* Filtre Toggle Wrapper */
    .ultra-modern-root .filter-toggle-wrapper[b-4rlnc86191] {
        flex: 1;
        display: flex;
        justify-content: center;
    }

    /* Filtre Toggle Butonu */
    .ultra-modern-root .btn-filter-toggle[b-4rlnc86191] {
        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-4rlnc86191] {
            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-4rlnc86191] {
            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-4rlnc86191] {
            transition: transform 0.3s ease;
        }

            .ultra-modern-root .btn-filter-toggle .chevron.rotated[b-4rlnc86191] {
                transform: rotate(180deg);
            }

    /* Filtre Sayısı Badge */
    .ultra-modern-root .filter-count[b-4rlnc86191] {
        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-4rlnc86191] {
        background: rgba(255, 255, 255, 0.25);
    }

    /* Temizle Butonu */
    .ultra-modern-root .btn-clear-filters[b-4rlnc86191] {
        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-4rlnc86191] {
            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-4rlnc86191] {
        display: flex;
        gap: 8px;
        background: white;
        padding: 4px;
        border-radius: 12px;
        border: 2px solid #e0e7ff;
    }

    .ultra-modern-root .view-btn[b-4rlnc86191] {
        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-4rlnc86191] {
            background: rgba(102, 126, 234, 0.1);
        }

        .ultra-modern-root .view-btn.active[b-4rlnc86191] {
            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-4rlnc86191] {
        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-4rlnc86191] {
            max-height: 600px;
            opacity: 1;
            margin-bottom: 20px;
        }

    /* Filtre Grid */
    .ultra-modern-root .filters-grid[b-4rlnc86191] {
        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-4rlnc86191] {
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

    /* Filtre Label */
    .ultra-modern-root .filter-label[b-4rlnc86191] {
        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-4rlnc86191] {
            font-size: 1rem;
        }

    /* Filtre Dropdown */
    .ultra-modern-root .filter-dropdown[b-4rlnc86191] {
        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-4rlnc86191] {
            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-4rlnc86191] {
        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-4rlnc86191]::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-4rlnc86191 4s ease-in-out infinite;
        }

@keyframes pulse-glow-b-4rlnc86191 {
    0%, 100% {
        opacity: 0.5;
        transform: scale(1);
    }

    50% {
        opacity: 0.8;
        transform: scale(1.1);
    }
}

.ultra-modern-root .chart-body[b-4rlnc86191] {
    position: relative;
    z-index: 1;
    padding: 24px;
}

.ultra-modern-root .record-badge[b-4rlnc86191] {
    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/SiparisYonetimi/AlisSiparisleriRaporu.razor.rz.scp.css */
body[b-4chhkf35dq] {
}
/* _content/Client/Pages/BI/SiparisYonetimi/AylaraGoreSiparisRaporu.razor.rz.scp.css */
.ultra-modern-root[b-q5etf7hf2u] {
    --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-q5etf7hf2u] {
        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-q5etf7hf2u] {
        display: flex;
        gap: 12px;
        align-items: center;
    }

    /* Kompakt Tarih */
    .ultra-modern-root .compact-date[b-q5etf7hf2u] {
        max-width: 200px;
    }

    /* Filtre Toggle Wrapper */
    .ultra-modern-root .filter-toggle-wrapper[b-q5etf7hf2u] {
        flex: 1;
        display: flex;
        justify-content: center;
    }

    /* Filtre Toggle Butonu */
    .ultra-modern-root .btn-filter-toggle[b-q5etf7hf2u] {
        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-q5etf7hf2u] {
            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-q5etf7hf2u] {
            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-q5etf7hf2u] {
            transition: transform 0.3s ease;
        }

            .ultra-modern-root .btn-filter-toggle .chevron.rotated[b-q5etf7hf2u] {
                transform: rotate(180deg);
            }

    /* Filtre Sayısı Badge */
    .ultra-modern-root .filter-count[b-q5etf7hf2u] {
        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-q5etf7hf2u] {
        background: rgba(255, 255, 255, 0.25);
    }

    /* Temizle Butonu */
    .ultra-modern-root .btn-clear-filters[b-q5etf7hf2u] {
        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-q5etf7hf2u] {
            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-q5etf7hf2u] {
        display: flex;
        gap: 8px;
        background: white;
        padding: 4px;
        border-radius: 12px;
        border: 2px solid #e0e7ff;
    }

    .ultra-modern-root .view-btn[b-q5etf7hf2u] {
        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-q5etf7hf2u] {
            background: rgba(102, 126, 234, 0.1);
        }

        .ultra-modern-root .view-btn.active[b-q5etf7hf2u] {
            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-q5etf7hf2u] {
        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-q5etf7hf2u] {
            max-height: 600px;
            opacity: 1;
            margin-bottom: 20px;
        }

    /* Filtre Grid */
    .ultra-modern-root .filters-grid[b-q5etf7hf2u] {
        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-q5etf7hf2u] {
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

    /* Filtre Label */
    .ultra-modern-root .filter-label[b-q5etf7hf2u] {
        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-q5etf7hf2u] {
            font-size: 1rem;
        }

    /* Filtre Dropdown */
    .ultra-modern-root .filter-dropdown[b-q5etf7hf2u] {
        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-q5etf7hf2u] {
            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-q5etf7hf2u] {
        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-q5etf7hf2u]::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-q5etf7hf2u 4s ease-in-out infinite;
        }

@keyframes pulse-glow-b-q5etf7hf2u {
    0%, 100% {
        opacity: 0.5;
        transform: scale(1);
    }

    50% {
        opacity: 0.8;
        transform: scale(1.1);
    }
}

.ultra-modern-root .chart-body[b-q5etf7hf2u] {
    position: relative;
    z-index: 1;
    padding: 24px;
}

.ultra-modern-root .record-badge[b-q5etf7hf2u] {
    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/SiparisYonetimi/SatisSiparisleriRaporu.razor.rz.scp.css */
:root[b-h2qgko1krs] {
    --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-h2qgko1krs] {
    --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-h2qgko1krs] {
    width: 100%;
    min-height: 100vh;
    background: var(--info-row-bg);
    padding-bottom: 20px;
}

/* SABİT HEADER */
.report-header-sticky[b-h2qgko1krs] {
    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-h2qgko1krs] {
    background: var(--card-bg);
    border-radius: 16px;
    padding: 16px;
    margin-bottom: 12px;
    box-shadow: var(--shadow-sm);
}

.filter-row[b-h2qgko1krs] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.filter-item[b-h2qgko1krs] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.filter-label[b-h2qgko1krs] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    font-weight: 600;
    color: var(--text-secondary);
}

    .filter-label i[b-h2qgko1krs] {
        font-size: 18px;
        color: var(--primary-solid);
    }

/* KONTROL KARTLARI */
.controls-card[b-h2qgko1krs] {
    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-h2qgko1krs] {
    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-h2qgko1krs] {
        transform: scale(0.98);
    }

    .filter-expand-btn span[b-h2qgko1krs] {
        flex: 1;
    }

    .filter-expand-btn .chevron[b-h2qgko1krs] {
        font-size: 16px;
        transition: transform 0.3s ease;
    }

    .filter-expand-btn.active .chevron[b-h2qgko1krs] {
        transform: rotate(180deg);
    }

.filter-badge[b-h2qgko1krs] {
    background: rgba(255, 255, 255, 0.3);
    padding: 2px 8px;
    border-radius: 10px;
    font-size: 12px;
    font-weight: 700;
}

.view-toggle-group[b-h2qgko1krs] {
    display: flex;
    gap: 6px;
    background: var(--info-row-bg);
    padding: 4px;
    border-radius: 12px;
}

.view-toggle-btn[b-h2qgko1krs] {
    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-h2qgko1krs] {
        font-size: 20px;
    }

    .view-toggle-btn.active[b-h2qgko1krs] {
        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-h2qgko1krs] {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
    margin-top: 0;
}

    .expandable-filters.expanded[b-h2qgko1krs] {
        max-height: 500px;
        margin-top: 12px;
    }

.filter-grid[b-h2qgko1krs] {
    background: var(--card-bg);
    border-radius: 16px;
    padding: 16px;
    box-shadow: var(--shadow-sm);
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.filter-block[b-h2qgko1krs] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.filter-block-label[b-h2qgko1krs] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    font-weight: 600;
    color: var(--text-secondary);
}

    .filter-block-label i[b-h2qgko1krs] {
        font-size: 18px;
        color: var(--primary-solid);
    }

.clear-filters-btn[b-h2qgko1krs] {
    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-h2qgko1krs] {
        transform: scale(0.98);
    }

.loading-overlay[b-h2qgko1krs] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 20px;
    gap: 20px;
}

.loading-spinner[b-h2qgko1krs] {
    position: relative;
    width: 60px;
    height: 60px;
}

.spinner-ring[b-h2qgko1krs] {
    position: absolute;
    width: 100%;
    height: 100%;
    border: 3px solid transparent;
    border-top-color: var(--primary-solid);
    border-radius: 50%;
    animation: spin-b-h2qgko1krs 1s linear infinite;
}

    .spinner-ring:nth-child(2)[b-h2qgko1krs] {
        border-top-color: var(--primary-dark);
        animation-delay: 0.15s;
    }

    .spinner-ring:nth-child(3)[b-h2qgko1krs] {
        border-top-color: var(--success-solid);
        animation-delay: 0.3s;
    }

@keyframes spin-b-h2qgko1krs {
    to {
        transform: rotate(360deg);
    }
}

.loading-text[b-h2qgko1krs] {
    font-size: 16px;
    font-weight: 600;
    color: var(--text-secondary);
}

.sales-list-container[b-h2qgko1krs] {
    padding: 12px;
    padding-bottom: 100px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.sales-card[b-h2qgko1krs] {
    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-h2qgko1krs] {
        transform: scale(0.98);
    }

    .sales-card.expanded[b-h2qgko1krs] {
        border-color: var(--primary-dark);
        box-shadow: var(--shadow-md);
    }

.card-header-section[b-h2qgko1krs] {
    padding: 16px;
    background: var(--card-header-bg);
    border-bottom: 1px solid var(--border-color);
}

.card-title-row[b-h2qgko1krs] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
}

.card-title[b-h2qgko1krs] {
    font-size: 16px;
    font-weight: 700;
    color: var(--text-primary);
    margin: 0;
}

.expand-icon[b-h2qgko1krs] {
    font-size: 20px;
    color: var(--primary-solid);
    transition: transform 0.3s ease;
}

.sales-card.expanded .expand-icon[b-h2qgko1krs] {
    transform: rotate(180deg);
    color: var(--primary-dark);
}

.card-quick-stats[b-h2qgko1krs] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.quick-stat[b-h2qgko1krs] {
    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-h2qgko1krs] {
        background: linear-gradient(135deg, rgba(102, 126, 234, 0.1) 0%, rgba(118, 75, 162, 0.1) 100%);
    }

    .quick-stat.secondary[b-h2qgko1krs] {
        background: linear-gradient(135deg, rgba(72, 187, 120, 0.1) 0%, rgba(56, 161, 105, 0.1) 100%);
    }

.stat-label[b-h2qgko1krs] {
    font-size: 11px;
    color: var(--text-muted);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.stat-value[b-h2qgko1krs] {
    font-size: 16px;
    font-weight: 800;
    color: var(--text-primary);
}

.card-content[b-h2qgko1krs] {
    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-h2qgko1krs] {
    max-height: 1000px;
    opacity: 1;
    padding: 16px;
}

.detail-grid[b-h2qgko1krs] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.detail-item[b-h2qgko1krs] {
    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-h2qgko1krs] {
        transform: translateX(4px);
        background: var(--border-color);
    }

    .detail-item.highlight[b-h2qgko1krs] {
        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-h2qgko1krs] {
        font-size: 24px;
        color: var(--primary-solid);
        flex-shrink: 0;
    }

.detail-info[b-h2qgko1krs] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.detail-label[b-h2qgko1krs] {
    font-size: 12px;
    color: var(--text-muted);
    font-weight: 600;
}

.detail-value[b-h2qgko1krs] {
    font-size: 15px;
    font-weight: 700;
    color: var(--text-primary);
}

    .detail-value.primary[b-h2qgko1krs] {
        color: var(--primary-solid);
    }

    .detail-value.success[b-h2qgko1krs] {
        color: var(--success-solid);
    }

    .detail-value.warning[b-h2qgko1krs] {
        color: var(--warning-solid);
    }

.pagination-footer[b-h2qgko1krs] {
    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-h2qgko1krs] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-bottom: 12px;
}

.pagination-btn[b-h2qgko1krs] {
    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-h2qgko1krs] {
        transform: scale(0.95);
    }

    .pagination-btn:disabled[b-h2qgko1krs] {
        background: var(--border-color);
        color: var(--text-muted);
        cursor: not-allowed;
        opacity: 0.5;
        box-shadow: none;
    }

.pagination-info[b-h2qgko1krs] {
    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-h2qgko1krs] {
        font-size: 16px;
        color: var(--primary-solid);
    }

    .pagination-info .separator[b-h2qgko1krs] {
        font-size: 14px;
        color: var(--text-muted);
    }

    .pagination-info .total-pages[b-h2qgko1krs] {
        font-size: 14px;
        color: var(--text-secondary);
    }

.pagination-details[b-h2qgko1krs] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.page-size-selector[b-h2qgko1krs] {
    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-h2qgko1krs] {
        outline: none;
        border-color: var(--primary-solid);
        box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
    }

.pagination-text[b-h2qgko1krs] {
    font-size: 12px;
    color: var(--text-secondary);
    font-weight: 600;
    text-align: right;
    flex: 1;
}

.seperator[b-h2qgko1krs] {
    margin-top: -40px;
}

.chart-container[b-h2qgko1krs] {
    padding: 12px;
    padding-bottom: 20px;
    min-height: calc(100vh - 200px);
}

.chart-wrapper[b-h2qgko1krs] {
    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-h2qgko1krs] {
        min-height: 500px !important;
    }

.chart-stats[b-h2qgko1krs] {
    background: var(--card-bg);
    border-radius: 16px;
    padding: 16px;
    box-shadow: var(--shadow-sm);
}

.stats-title[b-h2qgko1krs] {
    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-h2qgko1krs]::before {
        content: '';
        width: 4px;
        height: 24px;
        background: var(--primary-gradient);
        background-color: var(--primary-solid);
        border-radius: 2px;
    }

.stats-grid[b-h2qgko1krs] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.stat-card[b-h2qgko1krs] {
    background: var(--info-row-bg);
    padding: 16px;
    border-radius: 12px;
    display: flex;
    gap: 12px;
    transition: all 0.2s ease;
}

    .stat-card:active[b-h2qgko1krs] {
        transform: translateY(-2px);
        box-shadow: var(--shadow-sm);
    }

.stat-icon[b-h2qgko1krs] {
    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-h2qgko1krs] {
        background: var(--success-gradient);
        background-color: var(--success-solid);
        box-shadow: 0 4px 12px rgba(72, 187, 120, 0.3);
    }

    .stat-icon.primary[b-h2qgko1krs] {
        background: var(--primary-gradient);
        background-color: var(--primary-solid);
    }

    .stat-icon.warning[b-h2qgko1krs] {
        background: var(--warning-gradient);
        background-color: var(--warning-solid);
        box-shadow: 0 4px 12px rgba(246, 173, 85, 0.3);
    }

.stat-content[b-h2qgko1krs] {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 4px;
}

    .stat-content .stat-label[b-h2qgko1krs] {
        font-size: 11px;
        color: var(--text-muted);
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 0.5px;
    }

    .stat-content .stat-value[b-h2qgko1krs] {
        font-size: 16px;
        font-weight: 800;
        color: var(--text-primary);
    }

.empty-state[b-h2qgko1krs] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 20px;
    gap: 16px;
    text-align: center;
}

    .empty-state i[b-h2qgko1krs] {
        font-size: 80px;
        color: var(--text-muted);
        opacity: 0.5;
    }

    .empty-state h3[b-h2qgko1krs] {
        font-size: 20px;
        font-weight: 700;
        color: var(--text-primary);
        margin: 0;
    }

    .empty-state p[b-h2qgko1krs] {
        font-size: 14px;
        color: var(--text-secondary);
        margin: 0;
    }

@media (max-width: 360px) {
    .filter-row[b-h2qgko1krs] {
        grid-template-columns: 1fr;
    }

    .card-quick-stats[b-h2qgko1krs] {
        grid-template-columns: 1fr;
    }

    .stats-grid[b-h2qgko1krs] {
        grid-template-columns: 1fr;
    }
}

@media (min-width: 768px) {
    .mobile-sales-report-container[b-h2qgko1krs] {
        display: none;
    }
}
/* _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] {
    /* 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 */
[data-bs-theme="dark"][b-vumasayla0],
body.dark-theme[b-vumasayla0],
body[data-theme="dark"][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 */
body[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;
    margin-top:10px;
}

.dashboard-container[b-vumasayla0] {
    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;
}
/* _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;
    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: center;
    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;
    }

.search-result-text[b-kxmyguo98h] {
    flex: 1;
}

.search-result-name[b-kxmyguo98h] {
    font-size: 13px;
    color: var(--text-bright);
    display: block;
}

/* ── 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;
    display: flex;
    flex-direction: column;
    gap: 6px;
    background: var(--sidebar-surface);
    position: relative;
}

.sidebar.collapsed .sidebar-footer[b-kxmyguo98h] {
    padding: 10px 8px;
    align-items: center;
}

.footer-user[b-kxmyguo98h] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 10px;
    border-radius: 10px;
    background: rgba(255,255,255,0.03);
    border: 1px solid rgba(255,255,255,0.06);
}

.sidebar.collapsed .footer-user[b-kxmyguo98h] {
    padding: 0;
    background: none;
    border: none;
    justify-content: center;
    width: 100%;
}

.sidebar.collapsed .user-info[b-kxmyguo98h],
.sidebar.collapsed .user-icons[b-kxmyguo98h] {
    display: none !important;
}

.footer-user-clickable[b-kxmyguo98h] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex: 1;
    cursor: pointer;
    border-radius: 8px;
    padding: 4px 6px;
    transition: background 0.18s;
}

.sidebar.collapsed .footer-user-clickable[b-kxmyguo98h] {
    justify-content: center;
    padding: 6px;
    flex: unset;
}

.footer-user-clickable:hover[b-kxmyguo98h] {
    background: rgba(255,255,255,0.06);
}

.avatar[b-kxmyguo98h] {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.user-info[b-kxmyguo98h] {
    flex: 1;
    overflow: hidden;
}

.user-name[b-kxmyguo98h] {
    font-size: 13.5px;
    font-weight: 600;
    color: var(--text-bright);
    display: block;
}

.user-role[b-kxmyguo98h] {
    font-size: 11.5px;
    color: var(--text-mid);
}

.user-icons[b-kxmyguo98h] {
    display: flex;
    gap: 4px;
}

.icon-btn[b-kxmyguo98h] {
    background: none;
    border: none;
    color: var(--text-mid);
    font-size: 14px;
    cursor: pointer;
    padding: 5px 6px;
    border-radius: 7px;
    transition: all 0.2s;
    position: relative;
}

    .icon-btn:hover[b-kxmyguo98h] {
        background: rgba(91,156,246,0.15);
        color: var(--accent);
    }

.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;
    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;
    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;
}

.sidebar-mobile-overlay[b-kxmyguo98h] {
    display: none;
}

/* ══════════════════════════════════════════════════════
   MOBİL OFF-CANVAS (YANDAN AÇILAN MENÜ)
══════════════════════════════════════════════════════ */
@media (max-width: 768px) {
    /* 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;
        width: 280px !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 */
        .app-sidebar.sidebar.mobile-open[b-kxmyguo98h] {
            transform: translateX(0);
            box-shadow: 4px 0 24px rgba(0,0,0,0.5);
        }

    /* 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: linear-gradient(135deg, var(--accent, #5b9cf6), #8b6cf7);
        color: #fff;
        align-items: center;
        justify-content: center;
        font-size: 18px;
        border: none;
        box-shadow: 0 4px 15px rgba(91,156,246,0.3);
        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.85;
            box-shadow: 0 8px 25px rgba(0,0,0,0.4);
            background: var(--accent);
            cursor: grabbing;
            transition: none !important;
        }

    /* 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: 280px !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;
        }
}
/* _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/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;
}
/* _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: radial-gradient(1100px 560px at 0% -10%, rgba(168, 85, 247, .10), transparent 60%),
                  radial-gradient(900px 500px at 100% -10%, rgba(14, 165, 233, .09), transparent 60%),
                  radial-gradient(700px 400px at 100% 100%, rgba(236, 72, 153, .06), transparent 60%);
    --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: #a855f7;
    --fh-primary-grad: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);
    --fh-primary-shadow: 0 10px 26px -8px rgba(168, 85, 247, .50);
    --fh-accent: #06b6d4;
    --fh-success: #10b981;
    --fh-warn: #f59e0b;
    --fh-danger: #ef4444;
    --fh-radius-lg: 16px;
    --fh-radius-md: 12px;
    --fh-radius-sm: 8px;
    --fh-shadow-card: 0 1px 2px rgba(15,23,42,.04), 0 6px 18px -6px rgba(15,23,42,.10);
    --fh-shadow-card-hover: 0 1px 2px rgba(15,23,42,.05), 0 18px 36px -12px rgba(15,23,42,.18);
    --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;
}

.fh-root.fh-dark[b-y4iuo8very] {
    --fh-bg: #0b1020;
    --fh-bg-grad: radial-gradient(1200px 600px at 0% 0%, rgba(168, 85, 247, .12), transparent 60%),
                  radial-gradient(900px 500px at 100% 0%, rgba(14, 165, 233, .12), transparent 60%);
    --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: 0 1px 2px rgba(0,0,0,.4), 0 8px 22px -8px rgba(0,0,0,.6);
    --fh-shadow-card-hover: 0 1px 2px rgba(0,0,0,.4), 0 18px 40px -12px rgba(0,0,0,.8);
    --fh-backdrop: rgba(2, 6, 23, .55);
    --fh-backdrop-strong: rgba(2, 6, 23, .68);
}

/* ============== TOOLBAR ============== */

.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 overflow ile uzun kolonlar için scroll. Yatay bar
   .fh-kanban-scroll'un native scrollbar'ı olarak içerik bitiminde durur —
   içerik kısaysa kolonların hemen altında, uzunsa scroll edilen alanın
   sonunda kalır (footer üstünde "ortada havada" durmaz). */
.fh-mode-kanban .fh-view--kanban[b-y4iuo8very] {
    overflow-y: auto;
    overflow-x: hidden;
}

.fh-mode-kanban .fh-view--kanban[b-y4iuo8very]::-webkit-scrollbar { width: 8px; }
.fh-mode-kanban .fh-view--kanban[b-y4iuo8very]::-webkit-scrollbar-track { background: transparent; }
.fh-mode-kanban .fh-view--kanban[b-y4iuo8very]::-webkit-scrollbar-thumb {
    background: var(--fh-border);
    border-radius: 4px;
}
.fh-mode-kanban .fh-view--kanban[b-y4iuo8very]::-webkit-scrollbar-thumb:hover { background: var(--fh-border-strong); }

.fh-mode-kanban[b-y4iuo8very] {
    overflow-y: auto;
}

/* ============== KANBAN ============== */

.fh-kanban-shell[b-y4iuo8very] {
    flex: 0 0 auto;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    min-height: fit-content;
    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: 0 0 auto;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    min-height: fit-content;
    overflow-x: auto;
    overflow-y: visible;
    /* 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);
}

.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%;
    min-height: 100%;
    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;
    min-height: fit-content;
    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 ============== */

.fh-cards[b-y4iuo8very] {
    flex: 0 0 auto;
    overflow-y: visible;
    overflow-x: hidden;
    padding: 12px;
    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] {
    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;
}

.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-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] {
    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;
    max-width: 220px;
}

/* 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] {
    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;
    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: visible;
}

@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));
}

.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);
}
.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;
    overflow-y: auto;
    overflow-x: visible;
    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);
}

/* 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;
}
.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] {
    border: 2px dashed var(--fh-border-strong);
    border-radius: var(--fh-radius-md);
    padding: 36px 20px;
    text-align: center;
    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 i[b-y4iuo8very] { font-size: 32px; margin-bottom: 8px; display: block; }
.fh-dropzone small[b-y4iuo8very] { display: block; margin-top: 6px; opacity: .6; }

/* ============== 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: 85;
    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-bottom: 1px solid var(--fh-border);
}

.fh-activity-popup-item:last-child[b-y4iuo8very] { border-bottom: none; }
.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-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;
    }
    .fh-kanban-shell[b-y4iuo8very] {
        padding: 14px 12px 12px;
    }
    .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;
    }
}
/* _content/Client/Pages/CRM/Musteri/CrmMusteriKart/Cari_FaturaSevkBilgileri.razor.rz.scp.css */
.phone-input-container[b-1jzl3v8j9q] {
    position: relative;
}

.flag-button-clean[b-1jzl3v8j9q] {
    border: none !important;
    background-color: transparent !important;
    padding: 4px !important;
    border-radius: 4px;
    transition: background-color 0.2s ease;
}

    .flag-button-clean:hover[b-1jzl3v8j9q] {
        background-color: rgba(0,0,0,0.05) !important;
    }

    .flag-button-clean:focus[b-1jzl3v8j9q] {
        box-shadow: none !important;
        background-color: rgba(0,0,0,0.05) !important;
        outline: none;
    }

    .flag-button-clean:active[b-1jzl3v8j9q] {
        background-color: rgba(0,0,0,0.1) !important;
    }

.flag-display[b-1jzl3v8j9q] {
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 2px;
    border: 1px solid #e5e7eb;
}

.country-dropdown[b-1jzl3v8j9q] {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
    border: 1px solid #e5e7eb;
}

.country-item[b-1jzl3v8j9q] {
    transition: background-color 0.2s ease;
    border-bottom: 1px solid #f3f4f6;
}

    .country-item:last-child[b-1jzl3v8j9q] {
        border-bottom: none;
    }

    .country-item:hover[b-1jzl3v8j9q] {
        background-color: #f8f9fa !important;
    }

.flag-small[b-1jzl3v8j9q] {
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 2px;
    border: 1px solid #e5e7eb;
}

.cursor-pointer[b-1jzl3v8j9q] {
    cursor: pointer;
}

.country-dropdown[b-1jzl3v8j9q]::-webkit-scrollbar {
    width: 6px;
}

.country-dropdown[b-1jzl3v8j9q]::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 3px;
}

.country-dropdown[b-1jzl3v8j9q]::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 3px;
}

    .country-dropdown[b-1jzl3v8j9q]::-webkit-scrollbar-thumb:hover {
        background: #a8a8a8;
    }

.flag-dropdown-container[b-1jzl3v8j9q] {
    flex-shrink: 0;
}
/* === FLOATING LABEL === */

.bym-floating-label[b-1jzl3v8j9q] {
    position: absolute;
    top: -35%;
    left: 0.75rem;
    font-size: 12px;
    font-weight: bold;
    color: #000 !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-1jzl3v8j9q]::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-1jzl3v8j9q],
.dark .label-white-layer[b-1jzl3v8j9q] {
    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-1jzl3v8j9q]::before,
    .dark .label-white-layer[b-1jzl3v8j9q]::before,
    [data-bs-theme="dark"] .label-white-layer[b-1jzl3v8j9q]::after,
    .dark .label-white-layer[b-1jzl3v8j9q]::after {
        background: rgb(21, 23, 28) !important;
        background-color: rgb(21, 23, 28) !important;
    }

/* Remove the label-background div - not needed */
.label-background[b-1jzl3v8j9q] {
    display: none !important;
}

/* Label text */
.label-text[b-1jzl3v8j9q] {
    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-1jzl3v8j9q],
.dark .bym-floating-label[b-1jzl3v8j9q] {
    color: #fff !important;
}

/* Tooltip with same background treatment */
.tooltip-background[b-1jzl3v8j9q] {
    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-1jzl3v8j9q],
.bym-floating-label:hover .tooltip-background[b-1jzl3v8j9q],
.form-floating:has(.global-tooltip.show) .tooltip-background[b-1jzl3v8j9q] {
    display: inline-flex;
}

/* Remove the tooltip-white-layer - not needed */
.tooltip-white-layer[b-1jzl3v8j9q] {
    display: none !important;
}

.tooltip-icon[b-1jzl3v8j9q] {
    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-1jzl3v8j9q],
.dark .tooltip-icon[b-1jzl3v8j9q] {
    background: #15171c;
    border-color: #6b7280;
    color: #9ca3af;
}

/* Focus states - maintain solid background */
.form-floating .dx-texteditor:focus ~ .bym-floating-label[b-1jzl3v8j9q],
.form-floating .dx-texteditor:not(:placeholder-shown) ~ .bym-floating-label[b-1jzl3v8j9q] {
    color: #000 !important;
}

    /* Ensure white background stays solid on focus */
    .form-floating .dx-texteditor:focus ~ .bym-floating-label .label-white-layer[b-1jzl3v8j9q],
    .form-floating .dx-texteditor:not(:placeholder-shown) ~ .bym-floating-label .label-white-layer[b-1jzl3v8j9q] {
        background: white !important;
        background-color: white !important;
        opacity: 1 !important;
    }

[data-bs-theme="dark"] .form-floating .dx-texteditor:focus ~ .bym-floating-label[b-1jzl3v8j9q],
[data-bs-theme="dark"] .form-floating .dx-texteditor:not(:placeholder-shown) ~ .bym-floating-label[b-1jzl3v8j9q],
.dark .form-floating .dx-texteditor:focus ~ .bym-floating-label[b-1jzl3v8j9q],
.dark .form-floating .dx-texteditor:not(:placeholder-shown) ~ .bym-floating-label[b-1jzl3v8j9q] {
    color: #60a5fa !important;
}

    [data-bs-theme="dark"] .form-floating .dx-texteditor:focus ~ .bym-floating-label .label-white-layer[b-1jzl3v8j9q],
    [data-bs-theme="dark"] .form-floating .dx-texteditor:not(:placeholder-shown) ~ .bym-floating-label .label-white-layer[b-1jzl3v8j9q],
    .dark .form-floating .dx-texteditor:focus ~ .bym-floating-label .label-white-layer[b-1jzl3v8j9q],
    .dark .form-floating .dx-texteditor:not(:placeholder-shown) ~ .bym-floating-label .label-white-layer[b-1jzl3v8j9q] {
        background: rgb(21, 23, 28) !important;
        background-color: rgb(21, 23, 28) !important;
        opacity: 1 !important;
    }

/* Input alignment */
.form-floating .dx-texteditor[b-1jzl3v8j9q] {
    min-height: 3.5rem;
    display: flex;
    align-items: center;
}

    .form-floating .dx-texteditor .dx-texteditor-input-container[b-1jzl3v8j9q] {
        display: flex;
        align-items: center;
        height: 100%;
        padding: 0 0.75rem;
    }

    .form-floating .dx-texteditor input.dx-texteditor-input[b-1jzl3v8j9q] {
        padding: 0.5rem 0.75rem !important;
        margin: 0;
        height: auto;
        line-height: normal;
        font-size: 1rem;
    }

.form-floating .form-control[b-1jzl3v8j9q] {
    min-height: 3.5rem;
    padding: 1rem 0.75rem;
    display: flex;
    align-items: center;
}

/* Global tooltip */
.global-tooltip[b-1jzl3v8j9q] {
    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-1jzl3v8j9q] {
        visibility: visible;
        opacity: 1;
    }

[data-bs-theme="dark"] .global-tooltip[b-1jzl3v8j9q],
.dark .global-tooltip[b-1jzl3v8j9q] {
    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-1jzl3v8j9q]::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-1jzl3v8j9q]::before,
.dark .global-tooltip[b-1jzl3v8j9q]::before {
    border-right-color: #374151;
}

/* InGrid */
.dx-texteditor.fs-6 input.dx-texteditor-input[b-1jzl3v8j9q] {
    padding: 0.5rem !important;
    font-size: inherit !important;
}

/* Date/Time Edit */
.form-floating .dxbs-date-edit[b-1jzl3v8j9q],
.form-floating .dxbs-time-edit[b-1jzl3v8j9q] {
    display: flex;
    align-items: center;
    min-height: 3.5rem;
}

    .form-floating .dxbs-date-edit input[b-1jzl3v8j9q],
    .form-floating .dxbs-time-edit input[b-1jzl3v8j9q] {
        padding: 0.5rem 0.75rem !important;
    }
/* _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);
    }

    .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;
    }

/* _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/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/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;
}

/* Ü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;
}

/* Ü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;
}

/* Ü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/EBanka/E-Banka.razor.rz.scp.css */
/* _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;
}

/* Ü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 {
        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;
        }

/* ══════════════════════════════════════════════════════
   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 {
    pointer-events: all !important;
    color: #f0c040 !important;
}

[b-i0qo95li0y] .leaf-star:hover,
[b-i0qo95li0y] .leaf-star:hover i {
    color: #f0c040 !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/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/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/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, #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-3gp7wbt02a] {
    --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-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 MOBİL COMPONENT STYLES
   ======================================== */

:root[b-4ngcfbyoh7] {
    --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-4ngcfbyoh7] {
    --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-4ngcfbyoh7] {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
    background: var(--info-row-bg);
    overflow: hidden;
    position: relative;
}

/* ========================================
   HEADER SECTION
   ======================================== */
.stok-mobil-header[b-4ngcfbyoh7] {
    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-4ngcfbyoh7]::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-4ngcfbyoh7] {
    display: flex;
    align-items: center;
    gap: 16px;
}

.stok-image-wrapper[b-4ngcfbyoh7] {
    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-4ngcfbyoh7] {
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 12px;
    background: white;
}

.stok-info[b-4ngcfbyoh7] {
    flex: 1;
    min-width: 0;
    color: white;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

/* ========================================
   EDITABLE HEADER INPUTS
   ======================================== */
.stok-kod-input[b-4ngcfbyoh7] {
    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-4ngcfbyoh7]::placeholder {
        color: rgba(255, 255, 255, 0.6);
    }

    .stok-kod-input:focus[b-4ngcfbyoh7] {
        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-4ngcfbyoh7] {
    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-4ngcfbyoh7]::placeholder {
        color: rgba(255, 255, 255, 0.6);
    }

    .stok-adi-input:focus[b-4ngcfbyoh7] {
        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-4ngcfbyoh7] {
    display: flex;
    align-items: center;
}

.stok-durum-toggle[b-4ngcfbyoh7] {
    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-4ngcfbyoh7] {
        background: rgba(255, 255, 255, 0.3);
        transform: scale(1.05);
    }

    .stok-durum-toggle:active[b-4ngcfbyoh7] {
        transform: scale(0.98);
    }

    .stok-durum-toggle i[b-4ngcfbyoh7] {
        font-size: 8px;
        transition: all 0.3s ease;
    }

    .stok-durum-toggle.aktif[b-4ngcfbyoh7] {
        background: rgba(72, 187, 120, 0.3);
        border-color: rgba(72, 187, 120, 0.5);
    }

        .stok-durum-toggle.aktif i[b-4ngcfbyoh7] {
            color: #48bb78;
            animation: pulse-b-4ngcfbyoh7 2s ease-in-out infinite;
        }

    .stok-durum-toggle.pasif[b-4ngcfbyoh7] {
        background: rgba(245, 101, 101, 0.3);
        border-color: rgba(245, 101, 101, 0.5);
    }

        .stok-durum-toggle.pasif i[b-4ngcfbyoh7] {
            color: #f56565;
        }

@keyframes pulse-b-4ngcfbyoh7 {
    0%, 100% {
        opacity: 1;
        transform: scale(1);
    }

    50% {
        opacity: 0.6;
        transform: scale(1.2);
    }
}

/* ========================================
   TAB NAVIGATION
   ======================================== */
.stok-mobil-tabs[b-4ngcfbyoh7] {
    background: var(--card-bg);
    padding: 8px 12px 0;
    margin-top: 12px;
    position: relative;
    z-index: 5;
    box-shadow: var(--shadow-sm);
}

.tabs-wrapper[b-4ngcfbyoh7] {
    display: flex;
    gap: 4px;
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
    -webkit-overflow-scrolling: touch;
}

    .tabs-wrapper[b-4ngcfbyoh7]::-webkit-scrollbar {
        display: none;
    }

.tab-item[b-4ngcfbyoh7] {
    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-4ngcfbyoh7] {
        font-size: 18px;
        transition: all 0.3s ease;
    }

    .tab-item span[b-4ngcfbyoh7] {
        white-space: nowrap;
    }

    .tab-item[b-4ngcfbyoh7]::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-4ngcfbyoh7] {
        color: var(--text-secondary);
        background: var(--info-row-bg);
    }

    .tab-item.active[b-4ngcfbyoh7] {
        color: #667eea;
        background: var(--info-row-bg);
    }

        .tab-item.active[b-4ngcfbyoh7]::after {
            width: 70%;
        }

        .tab-item.active i[b-4ngcfbyoh7] {
            transform: scale(1.1);
        }

/* ========================================
   TAB CONTENT AREA
   ======================================== */
.stok-mobil-content[b-4ngcfbyoh7] {
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
    background: var(--info-row-bg);
    position: relative;
    -webkit-overflow-scrolling: touch;
}

.tab-content-wrapper[b-4ngcfbyoh7] {
    min-height: 100%;
    padding-bottom: 100px;
}

.tab-pane[b-4ngcfbyoh7] {
    display: none;
    padding: 16px;
    animation: fadeIn-b-4ngcfbyoh7 0.3s ease;
}

    .tab-pane.active[b-4ngcfbyoh7] {
        display: block;
    }

@keyframes fadeIn-b-4ngcfbyoh7 {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Empty Tab Content */
.empty-tab-content[b-4ngcfbyoh7] {
    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-4ngcfbyoh7] {
        font-size: 48px;
        opacity: 0.5;
    }

    .empty-tab-content span[b-4ngcfbyoh7] {
        font-size: 14px;
    }

/* Loading Overlay */
.loading-overlay[b-4ngcfbyoh7] {
    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-4ngcfbyoh7] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    color: var(--text-muted);
}

.spinner[b-4ngcfbyoh7] {
    width: 40px;
    height: 40px;
    border: 3px solid var(--border-color);
    border-top-color: #667eea;
    border-radius: 50%;
    animation: spin-b-4ngcfbyoh7 0.8s linear infinite;
}

@keyframes spin-b-4ngcfbyoh7 {
    to {
        transform: rotate(360deg);
    }
}

/* ========================================
   BOTTOM ACTION BAR
   ======================================== */
.stok-mobil-actions[b-4ngcfbyoh7] {
    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-4ngcfbyoh7] {
    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-4ngcfbyoh7] {
        opacity: 0.5;
        cursor: not-allowed;
        transform: none !important;
    }

    .action-btn i[b-4ngcfbyoh7] {
        font-size: 16px;
    }

    .action-btn span[b-4ngcfbyoh7] {
        white-space: nowrap;
    }

/* Save Button */
.save-btn[b-4ngcfbyoh7] {
    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-4ngcfbyoh7] {
        transform: translateY(-2px);
        box-shadow: 0 6px 16px rgba(72, 187, 120, 0.4);
    }

    .save-btn:not(:disabled):active[b-4ngcfbyoh7] {
        transform: translateY(0);
    }

/* Delete Button */
.delete-btn[b-4ngcfbyoh7] {
    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-4ngcfbyoh7] {
        transform: translateY(-2px);
        box-shadow: 0 6px 16px rgba(245, 101, 101, 0.4);
    }

    .delete-btn:not(:disabled):active[b-4ngcfbyoh7] {
        transform: translateY(0);
    }

/* Info Button */
.info-btn[b-4ngcfbyoh7] {
    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-4ngcfbyoh7] {
        background: var(--primary-gradient);
        color: white;
        border-color: transparent;
    }

/* Close Button */
.close-btn[b-4ngcfbyoh7] {
    flex: 0 0 48px;
    background: var(--card-header-bg);
    color: var(--text-secondary);
    border: 1px solid var(--border-color);
}

    .close-btn:hover[b-4ngcfbyoh7] {
        background: var(--danger-gradient);
        color: white;
        border-color: transparent;
    }

/* ========================================
   FORM ELEMENTS (Generic Styling)
   ======================================== */
.stok-mobil-content .form-group[b-4ngcfbyoh7] {
    margin-bottom: 16px;
}

.stok-mobil-content .form-label[b-4ngcfbyoh7] {
    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-4ngcfbyoh7] {
    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-4ngcfbyoh7] {
        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-4ngcfbyoh7] {
    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-4ngcfbyoh7] {
    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-4ngcfbyoh7] {
        color: #667eea;
    }

/* Info Row Styling */
.stok-mobil-content .info-row[b-4ngcfbyoh7] {
    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-4ngcfbyoh7] {
        border-bottom: none;
    }

.stok-mobil-content .info-label[b-4ngcfbyoh7] {
    font-size: 13px;
    color: var(--text-muted);
}

.stok-mobil-content .info-value[b-4ngcfbyoh7] {
    font-size: 13px;
    font-weight: 600;
    color: var(--text-primary);
    text-align: right;
}

/* ========================================
   RESPONSIVE ADJUSTMENTS
   ======================================== */
@media (max-width: 360px) {
    .stok-mobil-header[b-4ngcfbyoh7] {
        padding: 12px;
    }

    .stok-image-wrapper[b-4ngcfbyoh7] {
        width: 60px;
        height: 60px;
    }

    .stok-kod-input[b-4ngcfbyoh7] {
        font-size: 11px;
        padding: 5px 8px;
    }

    .stok-adi-input[b-4ngcfbyoh7] {
        font-size: 16px;
        padding: 7px 10px;
    }

    .stok-durum-toggle[b-4ngcfbyoh7] {
        font-size: 11px;
        padding: 5px 10px;
    }

    .tab-item[b-4ngcfbyoh7] {
        min-width: 65px;
        padding: 10px 6px;
    }

        .tab-item i[b-4ngcfbyoh7] {
            font-size: 16px;
        }

        .tab-item span[b-4ngcfbyoh7] {
            font-size: 10px;
        }

    .action-btn[b-4ngcfbyoh7] {
        padding: 10px 12px;
        font-size: 12px;
    }

        .action-btn span[b-4ngcfbyoh7] {
            display: none;
        }

    .save-btn span[b-4ngcfbyoh7],
    .delete-btn span[b-4ngcfbyoh7] {
        display: inline;
    }
}

@media (min-width: 576px) {
    .stok-mobil-container[b-4ngcfbyoh7] {
        max-width: 576px;
        margin: 0 auto;
    }

}

/* Landscape Mode */
@media (max-height: 500px) and (orientation: landscape) {
    .stok-mobil-header[b-4ngcfbyoh7] {
        padding: 10px 16px;
    }

        .stok-mobil-header[b-4ngcfbyoh7]::after {
            display: none;
        }

    .stok-image-wrapper[b-4ngcfbyoh7] {
        width: 50px;
        height: 50px;
    }

    .stok-kod-input[b-4ngcfbyoh7] {
        font-size: 11px;
    }

    .stok-adi-input[b-4ngcfbyoh7] {
        font-size: 14px;
    }

    .stok-mobil-tabs[b-4ngcfbyoh7] {
        margin-top: 0;
    }

    .tab-item[b-4ngcfbyoh7] {
        flex-direction: row;
        gap: 6px;
        padding: 8px 12px;
    }
}

/* Dark Mode Specific Overrides */
[data-bs-theme="dark"] .stok-image[b-4ngcfbyoh7] {
    background: #2d3748;
}

[data-bs-theme="dark"] .tab-item.active[b-4ngcfbyoh7] {
    color: #a78bfa;
}

[data-bs-theme="dark"] .spinner[b-4ngcfbyoh7] {
    border-top-color: #a78bfa;
}

[data-bs-theme="dark"] .stok-kod-input[b-4ngcfbyoh7],
[data-bs-theme="dark"] .stok-adi-input[b-4ngcfbyoh7] {
    background: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.15);
}

    [data-bs-theme="dark"] .stok-kod-input:focus[b-4ngcfbyoh7],
    [data-bs-theme="dark"] .stok-adi-input:focus[b-4ngcfbyoh7] {
        background: rgba(255, 255, 255, 0.15);
        border-color: rgba(255, 255, 255, 0.3);
    }
/* _content/Client/Pages/Stok/StokKartıMobil/StokKartMobil_Birim.razor.rz.scp.css */
/* ========================================
   STOK MOBİL BİRİM TAB STYLES
   ======================================== */

:root[b-9yv9viltez] {
    --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);
    --success-color: #48bb78;
    --danger-color: #f56565;
    --warning-color: #ed8936;
}

[data-bs-theme="dark"][b-9yv9viltez] {
    --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-birim-container[b-9yv9viltez] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 0;
    width: 100%;
}

/* ========================================
   MOBILE CARD COMPONENTS
   ======================================== */
.mobile-card[b-9yv9viltez] {
    background: var(--card-bg);
    border-radius: 16px;
    overflow: hidden;
    box-shadow: var(--shadow-sm);
    border: 1px solid var(--border-color);
}

.mobile-card-header[b-9yv9viltez] {
    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-9yv9viltez] {
        color: var(--primary-color);
        font-size: 18px;
        flex-shrink: 0;
    }

    .mobile-card-header span[b-9yv9viltez] {
        flex: 1;
    }

.mobile-card-body[b-9yv9viltez] {
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

    .mobile-card-body.p-0[b-9yv9viltez] {
        padding: 0;
    }

/* ========================================
   HEADER ACTION BUTTON
   ======================================== */
.btn-header-action[b-9yv9viltez] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    background: var(--primary-gradient);
    color: white;
    border: none;
    border-radius: 10px;
    cursor: pointer;
    transition: all 0.3s ease;
    flex-shrink: 0;
}

    .btn-header-action:hover[b-9yv9viltez] {
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4);
    }

    .btn-header-action:active[b-9yv9viltez] {
        transform: translateY(0);
    }

    .btn-header-action i[b-9yv9viltez] {
        font-size: 14px;
        color: white;
    }

/* ========================================
   EMPTY STATE
   ======================================== */
.empty-state[b-9yv9viltez] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 40px 20px;
    color: var(--text-muted);
    gap: 12px;
}

    .empty-state i[b-9yv9viltez] {
        font-size: 48px;
        opacity: 0.5;
    }

    .empty-state span[b-9yv9viltez] {
        font-size: 14px;
        text-align: center;
    }

/* ========================================
   BIRIM LIST
   ======================================== */
.birim-list[b-9yv9viltez] {
    display: flex;
    flex-direction: column;
}

.birim-item[b-9yv9viltez] {
    border-bottom: 1px solid var(--border-color);
}

    .birim-item:last-child[b-9yv9viltez] {
        border-bottom: none;
    }

.birim-item-content[b-9yv9viltez] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 16px;
    gap: 12px;
}

.birim-info[b-9yv9viltez] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    flex: 1;
    min-width: 0;
}

.birim-name[b-9yv9viltez] {
    font-size: 15px;
    font-weight: 600;
    color: var(--text-primary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.birim-carpan[b-9yv9viltez] {
    font-size: 13px;
    color: var(--text-muted);
}

.birim-actions[b-9yv9viltez] {
    display: flex;
    gap: 8px;
    flex-shrink: 0;
}

/* ========================================
   BIRIM ACTION BUTTONS
   ======================================== */
.btn-birim-action[b-9yv9viltez] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border: none;
    border-radius: 10px;
    cursor: pointer;
    transition: all 0.3s ease;
}

    .btn-birim-action.barkod-btn[b-9yv9viltez] {
        background: linear-gradient(135deg, #4299e1 0%, #3182ce 100%);
        color: white;
    }

    .btn-birim-action.delete-btn[b-9yv9viltez] {
        background: linear-gradient(135deg, #fc8181 0%, #f56565 100%);
        color: white;
    }

    .btn-birim-action.disabled[b-9yv9viltez] {
        background: var(--border-color);
        color: var(--text-muted);
        cursor: not-allowed;
        opacity: 0.6;
    }

    .btn-birim-action:not(.disabled):hover[b-9yv9viltez] {
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
    }

    .btn-birim-action:not(.disabled):active[b-9yv9viltez] {
        transform: translateY(0);
    }

    .btn-birim-action i[b-9yv9viltez] {
        font-size: 16px;
    }

/* ========================================
   POPUP STYLES
   ======================================== */
.mobil-popup-content[b-9yv9viltez] {
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

/* ========================================
   FORM GROUPS
   ======================================== */
.form-group-mobile[b-9yv9viltez] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.form-label-mobile[b-9yv9viltez] {
    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-9yv9viltez] {
    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-9yv9viltez] {
        outline: none;
        border-color: var(--primary-color);
        box-shadow: var(--input-focus-shadow);
    }

    .form-control-mobile:disabled[b-9yv9viltez] {
        opacity: 0.6;
        cursor: not-allowed;
        background: var(--info-row-bg);
    }

/* Select specific styling */
select.form-control-mobile[b-9yv9viltez] {
    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;
}

/* ========================================
   INPUT WITH BUTTON
   ======================================== */
.input-with-button[b-9yv9viltez] {
    display: flex;
    gap: 8px;
    align-items: stretch;
}

    .input-with-button .form-control-mobile[b-9yv9viltez] {
        flex: 1;
    }

.btn-addon[b-9yv9viltez] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    height: auto;
    padding: 0 12px;
    background: var(--primary-gradient);
    color: white;
    border: none;
    border-radius: 10px;
    cursor: pointer;
    transition: all 0.3s ease;
    flex-shrink: 0;
}

    .btn-addon:hover[b-9yv9viltez] {
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4);
    }

    .btn-addon:active[b-9yv9viltez] {
        transform: translateY(0);
    }

    .btn-addon i[b-9yv9viltez] {
        font-size: 16px;
    }

/* ========================================
   CARPAN FORMULA
   ======================================== */
.carpan-formula[b-9yv9viltez] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 16px;
    background: var(--info-row-bg);
    border-radius: 12px;
    flex-wrap: wrap;
}

.formula-item[b-9yv9viltez] {
    display: flex;
    align-items: center;
    justify-content: center;
}

    .formula-item.selected-birim[b-9yv9viltez],
    .formula-item.ana-birim[b-9yv9viltez] {
        padding: 8px 12px;
        background: var(--card-bg);
        border: 1px solid var(--border-color);
        border-radius: 8px;
        font-weight: 600;
        color: var(--text-primary);
        min-width: 60px;
    }

    .formula-item.equals[b-9yv9viltez] {
        font-size: 18px;
        font-weight: 700;
        color: var(--text-muted);
        padding: 0 4px;
    }

    .formula-item.operator[b-9yv9viltez] {
        min-width: 50px;
    }

        .formula-item.operator .operator-select[b-9yv9viltez] {
            width: 50px;
            padding: 8px;
            text-align: center;
            font-weight: 700;
            font-size: 16px;
        }

    .formula-item.carpan-input[b-9yv9viltez] {
        flex: 1;
        min-width: 80px;
        max-width: 120px;
    }

        .formula-item.carpan-input .form-control-mobile[b-9yv9viltez] {
            text-align: center;
            font-weight: 600;
        }

/* ========================================
   POPUP FOOTER
   ======================================== */
.popup-footer-mobile[b-9yv9viltez] {
    display: flex;
    gap: 12px;
    padding: 16px;
    border-top: 1px solid var(--border-color);
}

.popup-btn[b-9yv9viltez] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    flex: 1;
    padding: 12px 16px;
    font-size: 14px;
    font-weight: 600;
    border: none;
    border-radius: 10px;
    cursor: pointer;
    transition: all 0.3s ease;
}

    .popup-btn.cancel-btn[b-9yv9viltez] {
        background: var(--info-row-bg);
        color: var(--text-secondary);
        border: 1px solid var(--border-color);
    }

    .popup-btn.save-btn[b-9yv9viltez] {
        background: var(--primary-gradient);
        color: white;
    }

    .popup-btn.full-width[b-9yv9viltez] {
        width: 100%;
    }

    .popup-btn:hover[b-9yv9viltez] {
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    }

    .popup-btn:active[b-9yv9viltez] {
        transform: translateY(0);
    }

/* ========================================
   BARKOD LIST HEADER
   ======================================== */
.barkod-list-header[b-9yv9viltez] {
    padding: 12px 16px;
    border-bottom: 1px solid var(--border-color);
}

.add-barkod-btn[b-9yv9viltez] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    padding: 12px 16px;
    font-size: 14px;
    font-weight: 600;
    color: white;
    background: var(--primary-gradient);
    border: none;
    border-radius: 10px;
    cursor: pointer;
    transition: all 0.3s ease;
}

    .add-barkod-btn:hover[b-9yv9viltez] {
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4);
    }

    .add-barkod-btn:active[b-9yv9viltez] {
        transform: translateY(0);
    }

/* ========================================
   BARKOD LIST
   ======================================== */
.barkod-list[b-9yv9viltez] {
    display: flex;
    flex-direction: column;
    max-height: 40vh;
    overflow-y: auto;
}

.barkod-item[b-9yv9viltez] {
    border-bottom: 1px solid var(--border-color);
}

    .barkod-item:last-child[b-9yv9viltez] {
        border-bottom: none;
    }

    .barkod-item.editing[b-9yv9viltez] {
        background: var(--info-row-bg);
    }

.barkod-item-content[b-9yv9viltez] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 16px;
    gap: 12px;
    cursor: pointer;
    transition: background 0.2s ease;
}

    .barkod-item-content:hover[b-9yv9viltez] {
        background: var(--info-row-bg);
    }

.barkod-info[b-9yv9viltez] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    flex: 1;
    min-width: 0;
}

.barkod-code[b-9yv9viltez] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 15px;
    font-weight: 600;
    color: var(--text-primary);
}

    .barkod-code i[b-9yv9viltez] {
        color: var(--primary-color);
        font-size: 16px;
    }

    .barkod-code span[b-9yv9viltez] {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.barkod-details[b-9yv9viltez] {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 12px;
}

.barkod-birim[b-9yv9viltez] {
    color: var(--text-muted);
    padding: 2px 8px;
    background: var(--info-row-bg);
    border-radius: 4px;
}

.barkod-fiyat[b-9yv9viltez] {
    color: var(--success-color);
    font-weight: 600;
}

.barkod-tip[b-9yv9viltez] {
    color: var(--text-muted);
}

/* ========================================
   BARKOD EDIT FORM
   ======================================== */
.barkod-edit-form[b-9yv9viltez] {
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.barkod-edit-actions[b-9yv9viltez] {
    display: flex;
    gap: 10px;
    margin-top: 8px;
}

    .barkod-edit-actions .popup-btn[b-9yv9viltez] {
        flex: 1;
        padding: 10px 14px;
        font-size: 13px;
    }

/* ========================================
   RESPONSIVE ADJUSTMENTS
   ======================================== */
@media (max-width: 360px) {
    .mobile-card-header[b-9yv9viltez] {
        padding: 12px 14px;
        font-size: 13px;
    }

        .mobile-card-header i[b-9yv9viltez] {
            font-size: 16px;
        }

    .btn-header-action[b-9yv9viltez] {
        width: 32px;
        height: 32px;
    }

    .birim-item-content[b-9yv9viltez] {
        padding: 12px 14px;
    }

    .birim-name[b-9yv9viltez] {
        font-size: 14px;
    }

    .birim-carpan[b-9yv9viltez] {
        font-size: 12px;
    }

    .btn-birim-action[b-9yv9viltez] {
        width: 36px;
        height: 36px;
    }

    .form-control-mobile[b-9yv9viltez] {
        padding: 10px 12px;
        font-size: 13px;
    }

    .form-label-mobile[b-9yv9viltez] {
        font-size: 10px;
    }

    .carpan-formula[b-9yv9viltez] {
        padding: 12px;
        gap: 6px;
    }

    .formula-item.selected-birim[b-9yv9viltez],
    .formula-item.ana-birim[b-9yv9viltez] {
        padding: 6px 10px;
        min-width: 50px;
        font-size: 13px;
    }

    .formula-item.carpan-input[b-9yv9viltez] {
        min-width: 60px;
        max-width: 100px;
    }
}

@media (min-width: 576px) {
    .mobil-birim-container[b-9yv9viltez] {
        padding: 0 8px;
    }

    .mobile-card[b-9yv9viltez] {
        border-radius: 20px;
    }

    .birim-item-content[b-9yv9viltez] {
        padding: 16px 20px;
    }

    .barkod-item-content[b-9yv9viltez] {
        padding: 16px 20px;
    }
}

/* Landscape Mode */
@media (max-height: 500px) and (orientation: landscape) {
    .mobil-birim-container[b-9yv9viltez] {
        gap: 8px;
    }

    .mobile-card[b-9yv9viltez] {
        border-radius: 12px;
    }

    .mobile-card-header[b-9yv9viltez] {
        padding: 10px 14px;
    }

    .birim-item-content[b-9yv9viltez] {
        padding: 10px 14px;
    }

    .barkod-list[b-9yv9viltez] {
        max-height: 30vh;
    }

    .empty-state[b-9yv9viltez] {
        padding: 24px 16px;
    }

        .empty-state i[b-9yv9viltez] {
            font-size: 32px;
        }
}

/* ========================================
   DARK MODE OVERRIDES
   ======================================== */
[data-bs-theme="dark"] .mobile-card[b-9yv9viltez] {
    background: var(--card-bg);
    border-color: var(--border-color);
}

[data-bs-theme="dark"] .mobile-card-header[b-9yv9viltez] {
    background: var(--card-header-bg);
}

    [data-bs-theme="dark"] .mobile-card-header i[b-9yv9viltez] {
        color: #a78bfa;
    }

[data-bs-theme="dark"] .form-control-mobile[b-9yv9viltez] {
    background: var(--card-bg);
    color: var(--text-primary);
    border-color: var(--border-color);
}

    [data-bs-theme="dark"] .form-control-mobile:focus[b-9yv9viltez] {
        border-color: #a78bfa;
        box-shadow: 0 0 0 3px rgba(167, 139, 250, 0.15);
    }

[data-bs-theme="dark"] select.form-control-mobile[b-9yv9viltez] {
    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-9yv9viltez],
[data-bs-theme="dark"] .btn-header-action[b-9yv9viltez] {
    background: linear-gradient(135deg, #a78bfa 0%, #8b5cf6 100%);
}

[data-bs-theme="dark"] .carpan-formula[b-9yv9viltez] {
    background: var(--info-row-bg);
}

[data-bs-theme="dark"] .formula-item.selected-birim[b-9yv9viltez],
[data-bs-theme="dark"] .formula-item.ana-birim[b-9yv9viltez] {
    background: var(--card-bg);
    border-color: var(--border-color);
}

[data-bs-theme="dark"] .barkod-code i[b-9yv9viltez] {
    color: #a78bfa;
}

[data-bs-theme="dark"] .popup-btn.cancel-btn[b-9yv9viltez] {
    background: var(--info-row-bg);
    border-color: var(--border-color);
}

[data-bs-theme="dark"] .popup-btn.save-btn[b-9yv9viltez],
[data-bs-theme="dark"] .add-barkod-btn[b-9yv9viltez] {
    background: linear-gradient(135deg, #a78bfa 0%, #8b5cf6 100%);
}

[data-bs-theme="dark"] .btn-birim-action.barkod-btn[b-9yv9viltez] {
    background: linear-gradient(135deg, #60a5fa 0%, #3b82f6 100%);
}

[data-bs-theme="dark"] .btn-birim-action.delete-btn[b-9yv9viltez] {
    background: linear-gradient(135deg, #f87171 0%, #ef4444 100%);
}

/* ========================================
   ACCESSIBILITY
   ======================================== */
.form-control-mobile:focus-visible[b-9yv9viltez] {
    outline: 2px solid var(--primary-color);
    outline-offset: 2px;
}

.btn-addon:focus-visible[b-9yv9viltez],
.btn-header-action:focus-visible[b-9yv9viltez],
.btn-birim-action:focus-visible[b-9yv9viltez],
.popup-btn:focus-visible[b-9yv9viltez],
.add-barkod-btn:focus-visible[b-9yv9viltez] {
    outline: 2px solid white;
    outline-offset: 2px;
}

/* ========================================
   TOUCH OPTIMIZATION
   ======================================== */
@media (hover: none) and (pointer: coarse) {
    .form-control-mobile[b-9yv9viltez],
    .btn-addon[b-9yv9viltez],
    .btn-header-action[b-9yv9viltez],
    .btn-birim-action[b-9yv9viltez],
    .popup-btn[b-9yv9viltez] {
        min-height: 44px;
    }

    .birim-item-content[b-9yv9viltez],
    .barkod-item-content[b-9yv9viltez] {
        min-height: 56px;
    }
}

/* ========================================
   SCROLLBAR STYLING
   ======================================== */
.barkod-list[b-9yv9viltez]::-webkit-scrollbar {
    width: 6px;
}

.barkod-list[b-9yv9viltez]::-webkit-scrollbar-track {
    background: var(--info-row-bg);
    border-radius: 3px;
}

.barkod-list[b-9yv9viltez]::-webkit-scrollbar-thumb {
    background: var(--border-color);
    border-radius: 3px;
}

    .barkod-list[b-9yv9viltez]::-webkit-scrollbar-thumb:hover {
        background: var(--text-muted);
    }
/* _content/Client/Pages/Stok/StokKartıMobil/StokKartMobil_Fiyat.razor.rz.scp.css */
/* ========================================
   STOK MOBİL GENEL TAB STYLES
   ======================================== */

:root[b-0f8ou42ozt] {
    --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-0f8ou42ozt] {
    --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-0f8ou42ozt] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 0;
    width: 100%;
}

/* ========================================
   MOBILE CARD COMPONENTS
   ======================================== */
.mobile-card[b-0f8ou42ozt] {
    background: var(--card-bg);
    border-radius: 16px;
    overflow: hidden;
    box-shadow: var(--shadow-sm);
    border: 1px solid var(--border-color);
}

.mobile-card-header[b-0f8ou42ozt] {
    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-0f8ou42ozt] {
        color: var(--primary-color);
        font-size: 18px;
        flex-shrink: 0;
    }

    .mobile-card-header span[b-0f8ou42ozt] {
        flex: 1;
    }

.mobile-card-body[b-0f8ou42ozt] {
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

/* ========================================
   FORM GROUPS
   ======================================== */
.form-group-mobile[b-0f8ou42ozt] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.form-label-mobile[b-0f8ou42ozt] {
    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-0f8ou42ozt] {
    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-0f8ou42ozt] {
        outline: none;
        border-color: var(--primary-color);
        box-shadow: var(--input-focus-shadow);
    }

    .form-control-mobile:disabled[b-0f8ou42ozt] {
        opacity: 0.6;
        cursor: not-allowed;
        background: var(--info-row-bg);
    }

/* Select specific styling */
select.form-control-mobile[b-0f8ou42ozt] {
    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;
}

/* ========================================
   INPUT WITH BUTTON
   ======================================== */
.input-with-button[b-0f8ou42ozt] {
    display: flex;
    gap: 8px;
    align-items: stretch;
}

    .input-with-button .form-control-mobile[b-0f8ou42ozt] {
        flex: 1;
    }

.btn-addon[b-0f8ou42ozt] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    height: auto;
    padding: 0 12px;
    background: var(--primary-gradient);
    color: white;
    border: none;
    border-radius: 10px;
    cursor: pointer;
    transition: all 0.3s ease;
    flex-shrink: 0;
}

    .btn-addon:hover[b-0f8ou42ozt] {
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4);
    }

    .btn-addon:active[b-0f8ou42ozt] {
        transform: translateY(0);
    }

    .btn-addon i[b-0f8ou42ozt] {
        font-size: 16px;
    }

/* ========================================
   RESPONSIVE ADJUSTMENTS
   ======================================== */
@media (max-width: 360px) {
    .mobile-card-header[b-0f8ou42ozt] {
        padding: 12px 14px;
        font-size: 13px;
    }

        .mobile-card-header i[b-0f8ou42ozt] {
            font-size: 16px;
        }

    .mobile-card-body[b-0f8ou42ozt] {
        padding: 14px;
        gap: 14px;
    }

    .form-control-mobile[b-0f8ou42ozt] {
        padding: 10px 12px;
        font-size: 13px;
    }

    .form-label-mobile[b-0f8ou42ozt] {
        font-size: 10px;
    }

    .btn-addon[b-0f8ou42ozt] {
        min-width: 40px;
        padding: 0 10px;
    }
}

@media (min-width: 576px) {
    .mobil-genel-container[b-0f8ou42ozt] {
        padding: 0 8px;
    }

    .mobile-card[b-0f8ou42ozt] {
        border-radius: 20px;
    }

    .mobile-card-body[b-0f8ou42ozt] {
        padding: 20px;
        gap: 18px;
    }
}

/* Landscape Mode */
@media (max-height: 500px) and (orientation: landscape) {
    .mobil-genel-container[b-0f8ou42ozt] {
        gap: 8px;
    }

    .mobile-card[b-0f8ou42ozt] {
        border-radius: 12px;
    }

    .mobile-card-header[b-0f8ou42ozt] {
        padding: 10px 14px;
    }

    .mobile-card-body[b-0f8ou42ozt] {
        padding: 12px;
        gap: 12px;
    }

    .form-control-mobile[b-0f8ou42ozt] {
        padding: 8px 12px;
    }

    .form-group-mobile[b-0f8ou42ozt] {
        gap: 6px;
    }
}

/* ========================================
   DARK MODE OVERRIDES
   ======================================== */
[data-bs-theme="dark"] .mobile-card[b-0f8ou42ozt] {
    background: var(--card-bg);
    border-color: var(--border-color);
}

[data-bs-theme="dark"] .mobile-card-header[b-0f8ou42ozt] {
    background: var(--card-header-bg);
}

    [data-bs-theme="dark"] .mobile-card-header i[b-0f8ou42ozt] {
        color: #a78bfa;
    }

[data-bs-theme="dark"] .form-control-mobile[b-0f8ou42ozt] {
    background: var(--card-bg);
    color: var(--text-primary);
    border-color: var(--border-color);
}

    [data-bs-theme="dark"] .form-control-mobile:focus[b-0f8ou42ozt] {
        border-color: #a78bfa;
        box-shadow: 0 0 0 3px rgba(167, 139, 250, 0.15);
    }

[data-bs-theme="dark"] select.form-control-mobile[b-0f8ou42ozt] {
    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") !important;
    background-repeat: no-repeat !important;
    background-position: right 12px center !important;
    background-size: 16px 12px !important;
}
[data-bs-theme="dark"] .btn-addon[b-0f8ou42ozt] {
    background: linear-gradient(135deg, #a78bfa 0%, #8b5cf6 100%);
}

/* ========================================
   ACCESSIBILITY
   ======================================== */
.form-control-mobile:focus-visible[b-0f8ou42ozt] {
    outline: 2px solid var(--primary-color);
    outline-offset: 2px;
}

.btn-addon:focus-visible[b-0f8ou42ozt] {
    outline: 2px solid white;
    outline-offset: 2px;
}

/* ========================================
   TOUCH OPTIMIZATION
   ======================================== */
@media (hover: none) and (pointer: coarse) {
    .form-control-mobile[b-0f8ou42ozt],
    .btn-addon[b-0f8ou42ozt] {
        min-height: 44px;
    }
}
/* _content/Client/Pages/Stok/StokKartıMobil/StokKartMobil_Genel.razor.rz.scp.css */
/* ========================================
   STOK MOBİL GENEL TAB STYLES
   ======================================== */

:root[b-tj7qv9lbsx] {
    --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-tj7qv9lbsx] {
    --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-tj7qv9lbsx] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 0;
    width: 100%;
}

/* ========================================
   MOBILE CARD COMPONENTS
   ======================================== */
.mobile-card[b-tj7qv9lbsx] {
    background: var(--card-bg);
    border-radius: 16px;
    overflow: hidden;
    box-shadow: var(--shadow-sm);
    border: 1px solid var(--border-color);
}

.mobile-card-header[b-tj7qv9lbsx] {
    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-tj7qv9lbsx] {
        color: var(--primary-color);
        font-size: 18px;
        flex-shrink: 0;
    }

    .mobile-card-header span[b-tj7qv9lbsx] {
        flex: 1;
    }

.mobile-card-body[b-tj7qv9lbsx] {
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

/* ========================================
   FORM GROUPS
   ======================================== */
.form-group-mobile[b-tj7qv9lbsx] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.form-label-mobile[b-tj7qv9lbsx] {
    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-tj7qv9lbsx] {
    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-tj7qv9lbsx] {
        outline: none;
        border-color: var(--primary-color);
        box-shadow: var(--input-focus-shadow);
    }

    .form-control-mobile:disabled[b-tj7qv9lbsx] {
        opacity: 0.6;
        cursor: not-allowed;
        background: var(--info-row-bg);
    }

/* Select specific styling */
select.form-control-mobile[b-tj7qv9lbsx] {
    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;
}

/* ========================================
   INPUT WITH BUTTON
   ======================================== */
.input-with-button[b-tj7qv9lbsx] {
    display: flex;
    gap: 8px;
    align-items: stretch;
}

    .input-with-button .form-control-mobile[b-tj7qv9lbsx] {
        flex: 1;
    }

.btn-addon[b-tj7qv9lbsx] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    height: auto;
    padding: 0 12px;
    background: var(--primary-gradient);
    color: white;
    border: none;
    border-radius: 10px;
    cursor: pointer;
    transition: all 0.3s ease;
    flex-shrink: 0;
}

    .btn-addon:hover[b-tj7qv9lbsx] {
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4);
    }

    .btn-addon:active[b-tj7qv9lbsx] {
        transform: translateY(0);
    }

    .btn-addon i[b-tj7qv9lbsx] {
        font-size: 16px;
    }

/* ========================================
   RESPONSIVE ADJUSTMENTS
   ======================================== */
@media (max-width: 360px) {
    .mobile-card-header[b-tj7qv9lbsx] {
        padding: 12px 14px;
        font-size: 13px;
    }

        .mobile-card-header i[b-tj7qv9lbsx] {
            font-size: 16px;
        }

    .mobile-card-body[b-tj7qv9lbsx] {
        padding: 14px;
        gap: 14px;
    }

    .form-control-mobile[b-tj7qv9lbsx] {
        padding: 10px 12px;
        font-size: 13px;
    }

    .form-label-mobile[b-tj7qv9lbsx] {
        font-size: 10px;
    }

    .btn-addon[b-tj7qv9lbsx] {
        min-width: 40px;
        padding: 0 10px;
    }
}

@media (min-width: 576px) {
    .mobil-genel-container[b-tj7qv9lbsx] {
        padding: 0 8px;
    }

    .mobile-card[b-tj7qv9lbsx] {
        border-radius: 20px;
    }

    .mobile-card-body[b-tj7qv9lbsx] {
        padding: 20px;
        gap: 18px;
    }
}

/* Landscape Mode */
@media (max-height: 500px) and (orientation: landscape) {
    .mobil-genel-container[b-tj7qv9lbsx] {
        gap: 8px;
    }

    .mobile-card[b-tj7qv9lbsx] {
        border-radius: 12px;
    }

    .mobile-card-header[b-tj7qv9lbsx] {
        padding: 10px 14px;
    }

    .mobile-card-body[b-tj7qv9lbsx] {
        padding: 12px;
        gap: 12px;
    }

    .form-control-mobile[b-tj7qv9lbsx] {
        padding: 8px 12px;
    }

    .form-group-mobile[b-tj7qv9lbsx] {
        gap: 6px;
    }
}

/* ========================================
   DARK MODE OVERRIDES
   ======================================== */
[data-bs-theme="dark"] .mobile-card[b-tj7qv9lbsx] {
    background: var(--card-bg);
    border-color: var(--border-color);
}

[data-bs-theme="dark"] .mobile-card-header[b-tj7qv9lbsx] {
    background: var(--card-header-bg);
}

    [data-bs-theme="dark"] .mobile-card-header i[b-tj7qv9lbsx] {
        color: #a78bfa;
    }

[data-bs-theme="dark"] .form-control-mobile[b-tj7qv9lbsx] {
    background: var(--card-bg);
    color: var(--text-primary);
    border-color: var(--border-color);
}

    [data-bs-theme="dark"] .form-control-mobile:focus[b-tj7qv9lbsx] {
        border-color: #a78bfa;
        box-shadow: 0 0 0 3px rgba(167, 139, 250, 0.15);
    }

[data-bs-theme="dark"] select.form-control-mobile[b-tj7qv9lbsx] {
    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") !important;
    background-repeat: no-repeat !important;
    background-position: right 12px center !important;
    background-size: 16px 12px !important;
}

[data-bs-theme="dark"] .btn-addon[b-tj7qv9lbsx] {
    background: linear-gradient(135deg, #a78bfa 0%, #8b5cf6 100%);
}

/* ========================================
   ACCESSIBILITY
   ======================================== */
.form-control-mobile:focus-visible[b-tj7qv9lbsx] {
    outline: 2px solid var(--primary-color);
    outline-offset: 2px;
}

.btn-addon:focus-visible[b-tj7qv9lbsx] {
    outline: 2px solid white;
    outline-offset: 2px;
}

/* ========================================
   TOUCH OPTIMIZATION
   ======================================== */
@media (hover: none) and (pointer: coarse) {
    .form-control-mobile[b-tj7qv9lbsx],
    .btn-addon[b-tj7qv9lbsx] {
        min-height: 44px;
    }
}
/* _content/Client/Pages/Stok/StokKartıMobil/StokKartMobil_HareketBilgisi.razor.rz.scp.css */
/* ============================================
   GENEL KONTEYNER VE YAPI
   =========================================== */
.hareket-mobil-container[b-tfbhkv5bv6] {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    background: var(--card-bg, #f8fafc);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    color: var(--text-primary, #334155);
}

.hareket-header[b-tfbhkv5bv6] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 16px;
    font-size: 12px;
    font-weight: 700;
    color: var(--text-secondary, #64748b);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    background-color: var(--card-bg, #ffffff);
    border-bottom: 1px solid var(--border-color, #e2e8f0);
    margin-bottom: 16px;
}

/* ============================================
   HAREKET TABS (Eğer kullanıyorsan)
   =========================================== */
.hareket-tabs[b-tfbhkv5bv6] {
    display: flex;
    background: var(--card-header-bg, #ffffff);
    border-bottom: 2px solid var(--border-color, #e2e8f0);
    padding: 8px 12px;
    gap: 8px;
}

.hareket-tab[b-tfbhkv5bv6] {
    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, #64748b);
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.3s ease;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

    .hareket-tab i[b-tfbhkv5bv6] {
        font-size: 16px;
    }

    .hareket-tab:active[b-tfbhkv5bv6] {
        transform: scale(0.95);
    }

    .hareket-tab.active[b-tfbhkv5bv6] {
        background: var(--primary-gradient, #667eea);
        color: white;
        box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
    }

/* ============================================
   FİLTRE BÖLÜMÜ
   =========================================== */
.hareket-filter-section[b-tfbhkv5bv6] {
    padding: 0 16px 16px 16px;
    background: var(--info-row-bg, transparent);
    border-bottom: 1px solid var(--border-color, #e2e8f0);
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.filter-row[b-tfbhkv5bv6] {
    display: flex;
    gap: 12px;
    width: 100%;
    box-sizing: border-box;
}

.filter-item[b-tfbhkv5bv6] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0; /* Taşıma engelleyici sihirli dokunuş */
}

    .filter-item.full-width[b-tfbhkv5bv6] {
        flex: 1 1 100%;
        width: 100%;
    }

.filter-label[b-tfbhkv5bv6] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 11px;
    font-weight: 700;
    color: var(--text-secondary, #5c6bc0);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

    .filter-label i[b-tfbhkv5bv6] {
        color: #667eea;
        font-size: 13px;
    }

/* Form Elemanları (Input & Select) */
.filter-input[b-tfbhkv5bv6],
.filter-select[b-tfbhkv5bv6] {
    width: 100%;
    max-width: 100%;
    height: 44px;
    padding: 0 12px;
    font-size: 14px;
    color: var(--text-primary, #1e293b);
    border: 1px solid var(--border-color, #cbd5e1);
    border-radius: 8px;
    background-color: var(--card-bg, #ffffff);
    outline: none;
    box-sizing: border-box;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
    appearance: none;
}

.filter-select[b-tfbhkv5bv6] {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 16px;
    cursor: pointer;
}

    .filter-input:focus[b-tfbhkv5bv6],
    .filter-select:focus[b-tfbhkv5bv6] {
        border-color: #667eea;
        box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.15);
    }

/* Aksiyon Butonları */
.filter-actions[b-tfbhkv5bv6] {
    display: flex;
    gap: 8px;
    margin-top: 8px;
}

.filter-btn[b-tfbhkv5bv6] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    height: 48px;
    border: none;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.2s ease;
    color: #ffffff;
}

    .filter-btn i[b-tfbhkv5bv6] {
        font-size: 15px;
    }

    .filter-btn:active[b-tfbhkv5bv6] {
        transform: scale(0.97);
    }

.search-btn[b-tfbhkv5bv6] {
    background: var(--primary-gradient, #7952b3);
    box-shadow: 0 4px 12px rgba(121, 82, 179, 0.2);
}

    .search-btn:hover[b-tfbhkv5bv6] {
        box-shadow: 0 6px 16px rgba(121, 82, 179, 0.3);
    }

.report-btn[b-tfbhkv5bv6] {
    background: var(--success-gradient, #48bb78);
    box-shadow: 0 4px 12px rgba(72, 187, 120, 0.2);
}

    .report-btn:hover[b-tfbhkv5bv6] {
        box-shadow: 0 6px 16px rgba(72, 187, 120, 0.3);
    }

/* ============================================
   ÖZEL AÇILIR MENÜ (Select2)
   =========================================== */
.select2-container[b-tfbhkv5bv6] {
    position: relative;
    width: 100%;
}

.select2-selection[b-tfbhkv5bv6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 12px;
    border: 1px solid var(--border-color, #cbd5e1);
    border-radius: 8px;
    background: var(--card-bg, #ffffff);
    cursor: pointer;
    height: 44px;
    box-sizing: border-box;
    transition: border-color 0.2s ease;
}

    .select2-selection:hover[b-tfbhkv5bv6] {
        border-color: #667eea;
    }

.select2-selection-text[b-tfbhkv5bv6] {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--text-primary, #1e293b);
    font-size: 14px;
}

.select2-arrow[b-tfbhkv5bv6] {
    margin-left: 8px;
    color: var(--text-secondary, #64748b);
    display: flex;
    align-items: center;
}

.select2-dropdown[b-tfbhkv5bv6] {
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    right: 0;
    background: var(--card-bg, #ffffff);
    border: 1px solid var(--border-color, #e2e8f0);
    border-radius: 8px;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
    z-index: 1000;
    max-height: 300px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.select2-search[b-tfbhkv5bv6] {
    padding: 8px;
    border-bottom: 1px solid var(--border-color, #f1f5f9);
    background: var(--info-row-bg, #f8fafc);
}

.select2-search-input[b-tfbhkv5bv6] {
    width: 100%;
    padding: 8px 12px;
    border: 1px solid var(--border-color, #cbd5e1);
    border-radius: 6px;
    font-size: 14px;
    outline: none;
    box-sizing: border-box;
    background: var(--card-bg, #ffffff);
    color: var(--text-primary, #1e293b);
}

    .select2-search-input:focus[b-tfbhkv5bv6] {
        border-color: #667eea;
        box-shadow: 0 0 0 2px rgba(102, 126, 234, 0.1);
    }

.select2-results[b-tfbhkv5bv6] {
    overflow-y: auto;
    max-height: 240px;
}

.select2-result[b-tfbhkv5bv6] {
    padding: 10px 12px;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    gap: 4px;
    border-bottom: 1px solid var(--border-color, #f8fafc);
    transition: background-color 0.1s;
}

    .select2-result:last-child[b-tfbhkv5bv6] {
        border-bottom: none;
    }

    .select2-result:hover[b-tfbhkv5bv6] {
        background: var(--info-row-bg, #f1f5f9);
    }

    .select2-result.selected[b-tfbhkv5bv6] {
        background: rgba(102, 126, 234, 0.1);
    }

    .select2-result .cari-kod[b-tfbhkv5bv6] {
        font-size: 12px;
        color: var(--text-secondary, #64748b);
    }

    .select2-result .cari-adi[b-tfbhkv5bv6] {
        font-size: 14px;
        font-weight: 500;
        color: var(--text-primary, #1e293b);
    }

    .select2-result.selected .cari-kod[b-tfbhkv5bv6],
    .select2-result.selected .cari-adi[b-tfbhkv5bv6] {
        color: #667eea;
    }

.select2-hint[b-tfbhkv5bv6] {
    padding: 24px 16px;
    text-align: center;
    color: var(--text-secondary, #94a3b8);
    font-size: 13px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}

    .select2-hint i[b-tfbhkv5bv6] {
        font-size: 24px;
        color: var(--border-color, #cbd5e1);
    }

/* ============================================
   İÇERİK VE HAREKET KARTLARI
   =========================================== */
.hareket-content[b-tfbhkv5bv6] {
    flex: 1;
    overflow-y: auto;
    padding: 0 16px 24px 16px;
}

.hareket-list[b-tfbhkv5bv6] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.hareket-card[b-tfbhkv5bv6] {
    background: var(--card-bg, #ffffff);
    border-radius: 12px;
    padding: 16px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.02), 0 1px 2px rgba(0, 0, 0, 0.04);
    border: 1px solid var(--border-color, #e2e8f0);
    cursor: pointer;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

    .hareket-card:active[b-tfbhkv5bv6] {
        transform: scale(0.99);
    }

    .hareket-card:hover[b-tfbhkv5bv6] {
        border-color: #667eea;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
    }

.hareket-card-header[b-tfbhkv5bv6] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid var(--border-color, #f1f5f9);
    padding-bottom: 12px;
    margin-bottom: 12px;
}

.hareket-main-info[b-tfbhkv5bv6] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.hareket-title[b-tfbhkv5bv6] {
    margin: 0;
    font-size: 15px;
    font-weight: 700;
    color: var(--text-primary, #0f172a);
    line-height: 1.3;
}

.hareket-date[b-tfbhkv5bv6] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    font-weight: 600;
    color: var(--text-secondary, #64748b);
}

    .hareket-date i[b-tfbhkv5bv6] {
        color: #667eea;
        font-size: 11px;
    }

.hareket-arrow[b-tfbhkv5bv6] {
    color: #667eea;
    font-size: 16px;
    transition: all 0.3s ease;
}

.hareket-card:hover .hareket-arrow[b-tfbhkv5bv6] {
    transform: translateX(4px);
}

.hareket-card-body[b-tfbhkv5bv6] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.hareket-info-row[b-tfbhkv5bv6] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 10px;
    background: var(--info-row-bg, #f8fafc);
    border-radius: 8px;
    font-size: 13px;
    transition: all 0.2s ease;
}

    .hareket-info-row:hover[b-tfbhkv5bv6] {
        background: var(--border-color, #f1f5f9);
    }

.hareket-label[b-tfbhkv5bv6] {
    color: var(--text-secondary, #64748b);
    font-weight: 600;
}

.hareket-value[b-tfbhkv5bv6] {
    color: var(--text-primary, #334155);
    font-weight: 700;
    text-align: right;
    max-width: 65%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

    .hareket-value.highlight[b-tfbhkv5bv6] {
        color: #667eea;
        font-size: 14px;
    }

    .hareket-value.price[b-tfbhkv5bv6] {
        color: #48bb78;
        font-size: 14px;
    }

    .hareket-value.out[b-tfbhkv5bv6] {
        color: #f56565;
        font-size: 14px;
    }

/* ============================================
   LOADING & EMPTY STATE
   =========================================== */
.loading-container[b-tfbhkv5bv6] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 40px 20px;
    gap: 12px;
    color: var(--text-secondary, #64748b);
}

    .loading-container span[b-tfbhkv5bv6] {
        font-size: 14px;
        font-weight: 600;
    }

.spinner[b-tfbhkv5bv6] {
    width: 40px;
    height: 40px;
    border: 4px solid var(--border-color, #e2e8f0);
    border-top-color: #667eea;
    border-radius: 50%;
    animation: spin-b-tfbhkv5bv6 0.8s linear infinite;
}

@keyframes spin-b-tfbhkv5bv6 {
    to {
        transform: rotate(360deg);
    }
}

.empty-state[b-tfbhkv5bv6] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 20px;
    gap: 16px;
    color: var(--text-secondary, #94a3b8);
    background: var(--card-bg, #ffffff);
    border-radius: 12px;
    border: 1px dashed var(--border-color, #cbd5e1);
}

    .empty-state i[b-tfbhkv5bv6] {
        font-size: 48px;
        opacity: 0.5;
    }

    .empty-state p[b-tfbhkv5bv6] {
        margin: 0;
        font-size: 15px;
        font-weight: 600;
    }

/* ============================================
   RESPONSİVE
   =========================================== */
@media (max-width: 360px) {
    .hareket-tab span[b-tfbhkv5bv6] {
        font-size: 11px;
    }

    .hareket-title[b-tfbhkv5bv6] {
        font-size: 14px;
    }

    .filter-btn span[b-tfbhkv5bv6] {
        display: none;
    }

    .filter-btn i[b-tfbhkv5bv6] {
        font-size: 16px;
    }
}

/* ============================================
   DARK MODE
   =========================================== */
[data-bs-theme="dark"] .hareket-mobil-container[b-tfbhkv5bv6] {
    background: #0f172a;
}

[data-bs-theme="dark"] .hareket-card[b-tfbhkv5bv6],
[data-bs-theme="dark"] .select2-dropdown[b-tfbhkv5bv6],
[data-bs-theme="dark"] .select2-selection[b-tfbhkv5bv6] {
    background: #1e293b;
}

[data-bs-theme="dark"] .hareket-card-header[b-tfbhkv5bv6],
[data-bs-theme="dark"] .select2-search[b-tfbhkv5bv6] {
    background: #334155;
}

[data-bs-theme="dark"] .filter-input[b-tfbhkv5bv6],
[data-bs-theme="dark"] .filter-select[b-tfbhkv5bv6],
[data-bs-theme="dark"] .select2-search-input[b-tfbhkv5bv6] {
    background: #1e293b;
    border-color: #334155;
    color: #f8fafc;
}

    [data-bs-theme="dark"] .filter-input:focus[b-tfbhkv5bv6],
    [data-bs-theme="dark"] .filter-select:focus[b-tfbhkv5bv6],
    [data-bs-theme="dark"] .select2-search-input:focus[b-tfbhkv5bv6] {
        border-color: #667eea;
    }

/* ============================================
   SCROLLBAR
   =========================================== */
.hareket-content[b-tfbhkv5bv6]::-webkit-scrollbar {
    width: 6px;
}

.hareket-content[b-tfbhkv5bv6]::-webkit-scrollbar-track {
    background: var(--info-row-bg, #f8fafc);
}

.hareket-content[b-tfbhkv5bv6]::-webkit-scrollbar-thumb {
    background: var(--border-color, #cbd5e1);
    border-radius: 3px;
}

    .hareket-content[b-tfbhkv5bv6]::-webkit-scrollbar-thumb:hover {
        background: #667eea;
    }
/* _content/Client/Pages/Takvim.razor.rz.scp.css */
.dxbl-sc-tb-wrapper[b-8nzismxxur] {
    display: none !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;
    }
}