* {
    box-sizing: border-box;
}

:root {
    --bg: #f5f7fa;
    --panel: #ffffff;
    --border: #e4e7ec;
    --border-soft: #eef1f4;

    --text: #172033;
    --muted: #667085;
    --muted-light: #98a2b3;

    --sidebar: #111827;
    --sidebar-hover: #1f2937;

    --primary: #172033;
    --primary-hover: #263247;

    --success-bg: #ecfdf3;
    --success-border: #abefc6;
    --success-text: #067647;

    --danger-bg: #fff4ed;
    --danger-border: #f9dbaf;
    --danger-text: #b54708;

    --zero-bg: #f2f4f7;
    --zero-text: #475467;

    --shadow: 0 1px 2px rgba(16, 24, 40, 0.03);
}

html,
body {
    margin: 0;
    min-height: 100%;
}

body {
    font-family: Inter, "Segoe UI", Arial, sans-serif;
    background: var(--bg);
    color: var(--text);
}

button,
input,
select {
    font: inherit;
}

button {
    cursor: pointer;
}

.hidden {
    display: none !important;
}


/* =========================================================
   APP
========================================================= */

.app {
    min-height: 100vh;
    display: grid;
    grid-template-columns: 245px minmax(0, 1fr);
}


/* =========================================================
   SIDEBAR
========================================================= */

.sidebar {
    min-height: 100vh;
    background: var(--sidebar);
    color: white;
    padding: 24px 16px;
    display: flex;
    flex-direction: column;
    position: sticky;
    top: 0;
    height: 100vh;
}

.brand {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 0 8px 24px;
}

.brand-logo {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    border-radius: 11px;
    background: white;
    color: var(--sidebar);
    font-size: 18px;
    font-weight: 900;
}

.brand strong {
    display: block;
    font-size: 14px;
}

.brand small {
    display: block;
    margin-top: 3px;
    color: #94a3b8;
    font-size: 11px;
}

.nav-menu {
    display: grid;
    gap: 5px;
}

.nav-item {
    width: 100%;
    border: 0;
    background: transparent;
    color: #cbd5e1;
    border-radius: 9px;
    padding: 11px 12px;
    text-align: left;
    font-size: 13px;
    transition: background 0.15s, color 0.15s;
}

.nav-item:hover:not(.disabled) {
    background: var(--sidebar-hover);
    color: white;
}

.nav-item.active {
    background: #273244;
    color: white;
    font-weight: 600;
}

.nav-item span {
    display: inline-block;
    width: 22px;
}

.nav-item small {
    float: right;
    font-size: 9px;
    color: #64748b;
}

.nav-item.disabled {
    cursor: default;
    opacity: 0.55;
}

.nav-separator {
    height: 1px;
    background: #263244;
    margin: 8px 6px;
}

.sidebar-footer {
    margin-top: auto;
    padding: 16px 8px 4px;
    border-top: 1px solid #273244;
    display: flex;
    align-items: center;
    gap: 10px;
}

.status-dot {
    width: 8px;
    height: 8px;
    flex: 0 0 8px;
    border-radius: 50%;
    background: #12b76a;
    box-shadow: 0 0 0 3px rgba(18, 183, 106, 0.12);
}

.sidebar-footer small {
    display: block;
    color: #94a3b8;
    font-size: 9px;
}

.sidebar-footer strong {
    display: block;
    margin-top: 2px;
    color: #e2e8f0;
    font-size: 10px;
}


/* =========================================================
   MAIN
========================================================= */

.main {
    min-width: 0;
    padding: 28px 30px 50px;
}

.page {
    width: 100%;
}


/* =========================================================
   TOPBAR
========================================================= */

.topbar {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 24px;
}

.topbar h1 {
    margin: 4px 0 5px;
    font-size: 27px;
    letter-spacing: -0.03em;
}

.page-description {
    margin: 0;
    color: var(--muted);
    font-size: 13px;
}

.eyebrow {
    margin: 0;
    font-size: 10px;
    letter-spacing: 0.14em;
    font-weight: 800;
    color: var(--muted-light);
}

.api-pill {
    padding: 9px 12px;
    border: 1px solid var(--border);
    background: white;
    border-radius: 999px;
    font-size: 11px;
    color: var(--muted);
    box-shadow: var(--shadow);
}

.api-pill.connected {
    color: var(--success-text);
    border-color: var(--success-border);
    background: var(--success-bg);
}


/* =========================================================
   FILTERS
========================================================= */

.filter-panel {
    background: var(--panel);
    border: 1px solid var(--border);
    border-radius: 14px;
    box-shadow: var(--shadow);
    padding: 15px;
    display: flex;
    align-items: flex-end;
    gap: 11px;
    flex-wrap: wrap;
    margin-bottom: 16px;
}

.filter-field {
    display: grid;
    gap: 6px;
}

.filter-field label {
    color: #475467;
    font-size: 10px;
    font-weight: 700;
}

.filter-field input,
.filter-field select {
    min-width: 130px;
    border: 1px solid #d0d5dd;
    border-radius: 8px;
    background: white;
    padding: 9px 10px;
    color: var(--text);
    outline: none;
}

.filter-field input:focus,
.filter-field select:focus {
    border-color: #98a2b3;
    box-shadow: 0 0 0 3px rgba(152, 162, 179, 0.12);
}

.filter-field select[multiple] {
    height: 62px;
    padding: 4px;
}

.stock-search-field {
    flex: 1 1 270px;
}

.stock-search-field input {
    width: 100%;
}

.checkbox-field {
    min-height: 40px;
    display: flex;
    align-items: center;
    gap: 7px;
    padding: 0 4px;
    color: var(--muted);
    font-size: 11px;
}

.checkbox-field input {
    width: 15px;
    height: 15px;
}

.filter-actions {
    display: flex;
    gap: 8px;
}


/* =========================================================
   BUTTONS
========================================================= */

.btn {
    border: 0;
    border-radius: 8px;
    padding: 10px 14px;
    font-size: 11px;
    font-weight: 700;
    transition: background 0.15s, opacity 0.15s;
}

.btn-primary {
    background: var(--primary);
    color: white;
}

.btn-primary:hover {
    background: var(--primary-hover);
}

.btn-secondary {
    background: #eef2f6;
    color: #344054;
}

.btn-secondary:hover {
    background: #e4e7ec;
}

.btn-small {
    padding: 7px 10px;
}

.btn:disabled {
    cursor: default;
    opacity: 0.4;
}


/* =========================================================
   MESSAGES / LOADING
========================================================= */

.message {
    margin: 10px 0 16px;
    padding: 11px 13px;
    border-radius: 9px;
    font-size: 12px;
}

.error-message {
    color: #b42318;
    background: #fef3f2;
    border: 1px solid #fecdca;
}

.loading-box {
    margin: 14px 0;
    padding: 18px;
    text-align: center;
    color: var(--muted);
    background: white;
    border: 1px solid var(--border);
    border-radius: 12px;
    font-size: 12px;
}


/* =========================================================
   KPI
========================================================= */

.kpi-grid {
    display: grid;
    gap: 12px;
    margin-bottom: 14px;
}

.dashboard-kpis {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.stock-kpis {
    grid-template-columns: repeat(6, minmax(0, 1fr));
}

.product-kpis {
    margin-top: 14px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.kpi-card {
    background: var(--panel);
    border: 1px solid var(--border);
    border-radius: 13px;
    padding: 15px;
    min-width: 0;
    box-shadow: var(--shadow);
}

.kpi-card small {
    display: block;
    color: var(--muted);
    font-size: 10px;
    font-weight: 600;
}

.kpi-card strong {
    display: block;
    margin: 7px 0 4px;
    font-size: 23px;
    letter-spacing: -0.03em;
}

.kpi-card span {
    display: block;
    color: var(--muted-light);
    font-size: 9px;
}

.stock-kpi-card {
    cursor: default;
}

.danger-card {
    background: var(--danger-bg);
    border-color: var(--danger-border);
}

.danger-card strong,
.danger-card small {
    color: var(--danger-text);
}


/* =========================================================
   PANELS
========================================================= */

.panel {
    min-width: 0;
    background: var(--panel);
    border: 1px solid var(--border);
    border-radius: 14px;
    overflow: hidden;
    box-shadow: var(--shadow);
}

.panel-header {
    padding: 16px 17px;
    border-bottom: 1px solid var(--border-soft);
}

.panel-header h2 {
    margin: 4px 0 0;
    font-size: 14px;
}

.panel-subtitle {
    margin: 5px 0 0;
    color: var(--muted);
    font-size: 10px;
}

.dashboard-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.panel-wide {
    grid-column: 1 / -1;
}


/* =========================================================
   CHARTS
========================================================= */

.simple-chart {
    padding: 16px 18px;
    min-height: 80px;
}

.chart-row {
    display: grid;
    grid-template-columns: 88px minmax(100px, 1fr) 110px;
    align-items: center;
    gap: 10px;
    min-height: 28px;
}

.chart-label {
    font-size: 10px;
    color: var(--muted);
}

.chart-bars {
    min-width: 0;
}

.chart-bar {
    min-width: 1px;
    border-radius: 999px;
    margin: 2px 0;
}

.sales-bar {
    height: 5px;
    background: #475467;
}

.return-bar {
    height: 4px;
    background: #98a2b3;
}

.net-bar {
    height: 7px;
    background: #101828;
}

.chart-value {
    text-align: right;
    font-size: 10px;
    font-weight: 700;
}

.no-data {
    padding: 25px;
    text-align: center;
    color: var(--muted);
    font-size: 11px;
}


/* =========================================================
   TABLES
========================================================= */

.table-wrapper {
    width: 100%;
    overflow: auto;
}

table {
    width: 100%;
    border-collapse: collapse;
    white-space: nowrap;
}

th,
td {
    padding: 10px 12px;
    border-bottom: 1px solid var(--border-soft);
    text-align: left;
    font-size: 11px;
}

th {
    background: #fafbfc;
    color: var(--muted);
    font-size: 9px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.02em;
}

tbody tr:last-child td {
    border-bottom: 0;
}

tbody tr:hover {
    background: #fafbfc;
}

.number {
    text-align: right;
    font-variant-numeric: tabular-nums;
}

.table-empty {
    padding: 40px;
    text-align: center;
    color: var(--muted);
}


/* =========================================================
   STOCK INFO
========================================================= */

.stock-info-banner {
    display: flex;
    align-items: center;
    gap: 11px;
    margin-bottom: 14px;
    padding: 12px 14px;
    border: 1px solid #d6e4ff;
    background: #f5f8ff;
    border-radius: 12px;
}

.stock-info-icon {
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    display: grid;
    place-items: center;
    border-radius: 9px;
    background: white;
    border: 1px solid #d6e4ff;
    font-weight: 900;
}

.stock-info-banner strong {
    display: block;
    font-size: 12px;
}

.stock-info-banner p {
    margin: 3px 0 0;
    color: var(--muted);
    font-size: 10px;
}


/* =========================================================
   STOCK EMPTY
========================================================= */

.empty-state {
    padding: 65px 25px;
    background: white;
    border: 1px dashed #d0d5dd;
    border-radius: 14px;
    text-align: center;
}

.empty-icon {
    width: 48px;
    height: 48px;
    margin: 0 auto 12px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: #f2f4f7;
    font-size: 20px;
}

.empty-state h2 {
    margin: 0 0 7px;
    font-size: 15px;
}

.empty-state p {
    max-width: 500px;
    margin: auto;
    color: var(--muted);
    font-size: 11px;
    line-height: 1.6;
}


/* =========================================================
   STOCK TABLE
========================================================= */

.stock-panel {
    margin-top: 14px;
}

.stock-panel-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.stock-table-actions label {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--muted);
    font-size: 10px;
}

.stock-table-actions select {
    border: 1px solid #d0d5dd;
    border-radius: 7px;
    background: white;
    padding: 6px 8px;
}

.stock-table-wrapper {
    max-height: 620px;
    overflow: auto;
}

.stock-table {
    min-width: 1450px;
}

.stock-table th {
    position: sticky;
    top: 0;
    z-index: 2;
}

.stock-table th.sortable {
    cursor: pointer;
    user-select: none;
}

.stock-table th.sortable:hover {
    background: #f2f4f7;
    color: var(--text);
}

.stock-table th.sort-asc::after {
    content: " ▲";
    font-size: 8px;
}

.stock-table th.sort-desc::after {
    content: " ▼";
    font-size: 8px;
}

.item-code {
    color: #101828;
}

.barcode-cell {
    font-family: Consolas, "Courier New", monospace;
    font-size: 10px;
}

.negative-stock-row {
    background: #fff8f6;
}

.negative-stock-row:hover {
    background: #fff3ee;
}

.negative-number {
    color: #b42318;
    font-weight: 800;
}


/* =========================================================
   STOCK STATUS
========================================================= */

.status-badge {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    padding: 4px 7px;
    font-size: 9px;
    font-weight: 700;
    white-space: nowrap;
}

.status-badge.normal {
    color: var(--success-text);
    background: var(--success-bg);
    border: 1px solid var(--success-border);
}

.status-badge.danger {
    color: var(--danger-text);
    background: var(--danger-bg);
    border: 1px solid var(--danger-border);
}

.status-badge.zero {
    color: var(--zero-text);
    background: var(--zero-bg);
    border: 1px solid #e4e7ec;
}


/* =========================================================
   PAGINATION
========================================================= */

.pagination {
    padding: 12px 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    border-top: 1px solid var(--border-soft);
    background: #fcfcfd;
}

.pagination-info {
    color: var(--muted);
    font-size: 10px;
}

.pagination-buttons {
    display: flex;
    align-items: center;
    gap: 8px;
}

.page-number {
    min-width: 65px;
    text-align: center;
    color: #344054;
    font-size: 10px;
    font-weight: 700;
}


/* =========================================================
   DEVELOPMENT NOTE
========================================================= */

.development-note {
    margin-top: 14px;
    padding: 12px 14px;
    border: 1px dashed #d0d5dd;
    border-radius: 10px;
    background: #fafbfc;
    font-size: 10px;
}

.development-note strong {
    margin-right: 8px;
}

.development-note span {
    color: var(--muted);
}


/* =========================================================
   PRODUCT SEARCH
========================================================= */

.product-search-panel {
    padding: 20px;
    background: white;
    border: 1px solid var(--border);
    border-radius: 14px;
    box-shadow: var(--shadow);
}

.product-search-panel h2 {
    margin: 4px 0 15px;
}

.product-search-row {
    display: flex;
    gap: 9px;
}

.product-search-row input {
    flex: 1;
    min-width: 0;
    padding: 11px 12px;
    border: 1px solid #d0d5dd;
    border-radius: 8px;
    outline: none;
}

.product-search-row input:focus {
    border-color: #98a2b3;
    box-shadow: 0 0 0 3px rgba(152, 162, 179, 0.12);
}


/* =========================================================
   PRODUCT SUMMARY
========================================================= */

.product-summary {
    margin-top: 14px;
    padding: 19px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    background: white;
    border: 1px solid var(--border);
    border-radius: 14px;
    box-shadow: var(--shadow);
}

.product-summary h2 {
    margin: 4px 0;
    font-size: 22px;
}

.product-summary p {
    margin: 0;
    color: var(--muted);
    font-size: 11px;
}

.barcode-info {
    text-align: right;
}

.barcode-info small,
.barcode-info span {
    display: block;
    color: var(--muted);
    font-size: 10px;
}

.barcode-info strong {
    display: block;
    margin: 4px 0;
    font-family: Consolas, "Courier New", monospace;
}


/* =========================================================
   PRODUCT GRID
========================================================= */

.product-grid {
    display: grid;
    grid-template-columns: 1.4fr 1fr;
    gap: 14px;
}

.price-list {
    padding: 5px 17px;
}

.price-row {
    padding: 13px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    border-bottom: 1px solid var(--border-soft);
}

.price-row:last-child {
    border-bottom: 0;
}

.price-row small {
    display: block;
    margin-top: 3px;
    color: var(--muted);
    font-size: 9px;
}


/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 1350px) {
    .stock-kpis {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .dashboard-kpis {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}


@media (max-width: 1050px) {
    .app {
        grid-template-columns: 1fr;
    }

    .sidebar {
        min-height: auto;
        height: auto;
        position: static;
    }

    .nav-menu {
        display: flex;
        flex-wrap: wrap;
    }

    .nav-item {
        width: auto;
    }

    .nav-separator {
        display: none;
    }

    .sidebar-footer {
        display: none;
    }

    .main {
        padding: 22px 18px 40px;
    }

    .dashboard-kpis {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .dashboard-grid,
    .product-grid {
        grid-template-columns: 1fr;
    }

    .panel-wide {
        grid-column: auto;
    }
}


@media (max-width: 700px) {
    .topbar {
        display: block;
    }

    .api-pill {
        display: inline-block;
        margin-top: 12px;
    }

    .dashboard-kpis,
    .stock-kpis,
    .product-kpis {
        grid-template-columns: 1fr;
    }

    .filter-panel {
        display: grid;
    }

    .filter-field {
        width: 100%;
    }

    .filter-field input,
    .filter-field select {
        width: 100%;
    }

    .filter-actions {
        width: 100%;
    }

    .filter-actions .btn {
        flex: 1;
    }

    .chart-row {
        grid-template-columns: 70px minmax(80px, 1fr);
    }

    .chart-value {
        display: none;
    }

    .stock-panel-header {
        display: block;
    }

    .stock-table-actions {
        margin-top: 12px;
    }

    .pagination {
        align-items: flex-start;
        flex-direction: column;
    }

    .product-summary {
        align-items: flex-start;
        flex-direction: column;
    }

    .barcode-info {
        text-align: left;
    }
}

/* Satış ve Envanter Kategori Bazlı */
.category-report-layout { display:grid; grid-template-columns:260px minmax(0,1fr); gap:18px; align-items:start; }
.category-sidebar { padding:18px; position:sticky; top:18px; }
.category-sidebar h3 { margin:4px 0 6px; }
.category-check-list { display:grid; gap:9px; margin-top:16px; }
.category-check-list label { display:flex; align-items:center; gap:10px; padding:10px 12px; border:1px solid var(--border, #dfe3e8); border-radius:9px; cursor:pointer; background:var(--card, #fff); }
.category-check-list input { width:18px; height:18px; flex:0 0 auto; }
.category-main { min-width:0; }
@media (max-width: 980px) { .category-report-layout { grid-template-columns:1fr; } .category-sidebar { position:static; } .category-check-list { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width: 620px) { .category-check-list { grid-template-columns:1fr; } }


/* Mağaza Kasa Raporu - Nebim REPX/PDF görünümü */
.cash-filter-grid{display:grid;grid-template-columns:repeat(6,minmax(140px,1fr));gap:12px;align-items:end}.cash-filter-grid label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:700}.cash-filter-grid select,.cash-filter-grid input{min-height:38px;border:1px solid #d7dce2;border-radius:7px;padding:6px;background:#fff}.cash-report-sheet{background:#fff;border:1px solid #cfd4da;margin-top:16px;padding:14px;box-shadow:0 2px 8px rgba(0,0,0,.05)}.cash-store-title{text-align:center;font-size:15px;font-weight:800;padding:4px 0 8px}.cash-band{color:#fff;font-weight:800;text-align:center;padding:6px 10px;margin-top:5px}.cash-band.blue{background:#3279bd}.cash-band.orange{background:#f28c18}.cash-table-wrap{overflow:auto}.cash-table{width:100%;border-collapse:collapse;font-size:11px}.cash-table th,.cash-table td{border:1px solid #555;padding:5px 7px;white-space:nowrap}.cash-table th{background:#f4f4f4;font-weight:800;text-align:center}.cash-table .num{text-align:right}.cash-table .total td{font-weight:800;border-top:2px solid #222}.cash-summary-lines{margin:8px 0 12px}.cash-summary-lines div{display:flex;justify-content:flex-end;gap:30px;border-bottom:1px solid #777;padding:5px 8px;font-size:11px}.cash-summary-lines span{min-width:180px}.cash-summary-lines b{min-width:100px;text-align:right}.cash-balance{max-width:430px;margin:0 auto}.cash-date-foot{text-align:right;font-size:10px;margin-top:10px}@media(max-width:1100px){.cash-filter-grid{grid-template-columns:repeat(2,minmax(140px,1fr))}}

/* Nakit Kasa Ekstresi - Nebim PDF görünümü */
.cash-account-sheet{background:#fff;margin:18px 0;padding:18px 20px 14px;border:1px solid #d9e0e5;box-shadow:0 2px 8px rgba(0,0,0,.05);color:#111}
.cash-account-sheet h2{text-align:center;margin:0 0 10px;font-size:21px;color:#111}
.cash-account-code{padding:5px 7px;font-size:13px;border-bottom:1px solid #d7e0e6}
.cash-account-table-wrap{overflow:auto}.cash-account-table{width:100%;border-collapse:collapse;font-size:12px;min-width:1050px}
.cash-account-table th{background:#ff9000;color:#fff;border:1px solid #fff;padding:6px 5px;text-align:center;font-weight:700}
.cash-account-table td{border:1px solid #d6e0e6;padding:5px 6px;vertical-align:top}.cash-account-table tbody tr:nth-child(even){background:#eaf5fb}
.cash-account-table .num{text-align:right;white-space:nowrap}.cash-account-table td:nth-child(1),.cash-account-table td:nth-child(2){white-space:nowrap}
.cash-account-table td:nth-child(3){min-width:360px}.cash-account-table .turnover-row{font-weight:600;background:#fff!important}
.cash-account-table tfoot td{background:#19afe3;color:#fff;font-weight:700;border-color:#fff}.cash-account-table tfoot td:first-child{text-align:right}
.cash-turnover{display:flex!important;align-items:center;gap:7px;justify-content:flex-start}.cash-turnover input{width:auto!important}


/* =========================================================
   v0.4.1 - MOBIL RESPONSIVE ALTYAPI
========================================================= */
.mobile-menu-btn,.mobile-nav-overlay{display:none}

@media (max-width: 1050px) {
  body.mobile-nav-open{overflow:hidden}
  .app{display:block;min-height:100vh}
  .sidebar{
    position:fixed;z-index:1002;left:0;top:0;bottom:0;width:min(84vw,310px);
    height:100dvh;min-height:0;padding:18px 14px;overflow-y:auto;
    transform:translateX(-105%);transition:transform .22s ease;box-shadow:10px 0 30px rgba(0,0,0,.22)
  }
  body.mobile-nav-open .sidebar{transform:translateX(0)}
  .sidebar .brand{padding-bottom:16px}
  .nav-menu{display:grid;gap:5px}
  .nav-item{width:100%;display:flex;align-items:center;gap:4px;white-space:normal}
  .nav-item span{flex:0 0 22px}
  .nav-item small{margin-left:auto;float:none}
  .nav-parent .nav-chevron{margin-left:auto}
  .nav-submenu{display:grid;gap:4px;padding-left:12px}
  .nav-submenu.hidden{display:none}
  .nav-subitem{padding-left:14px}
  .nav-separator{display:block}
  .nav-item.disabled{display:none}
  .sidebar-footer{display:flex}
  .mobile-nav-overlay{display:block;position:fixed;z-index:1001;inset:0;background:rgba(15,23,42,.52);opacity:0;visibility:hidden;transition:.2s}
  body.mobile-nav-open .mobile-nav-overlay{opacity:1;visibility:visible}
  .mobile-menu-btn{display:grid;place-items:center;position:fixed;z-index:1000;top:12px;left:12px;width:42px;height:42px;border:1px solid #d7dee8;border-radius:11px;background:#fff;color:#111827;font-size:22px;box-shadow:0 2px 10px rgba(15,23,42,.12);cursor:pointer}
  .main{padding:70px 16px 36px;min-width:0}
  .topbar{gap:12px;margin-bottom:18px}
  .topbar h1{font-size:24px;line-height:1.15}
  .page-description{font-size:13px}
  .panel{max-width:100%}
  .table-wrap,.stock-table-wrap,.cash-table-wrap,.cash-account-table-wrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
}

@media (max-width: 700px) {
  .main{padding:68px 10px 28px}
  .topbar{display:block}
  .topbar h1{font-size:23px}
  .api-pill{margin-top:10px;max-width:100%;white-space:normal}
  .filter-panel,.cash-filter-grid{grid-template-columns:1fr!important;gap:10px}
  .filter-field,.cash-filter-grid label{min-width:0;width:100%}
  .filter-field input,.filter-field select,.cash-filter-grid input,.cash-filter-grid select{width:100%;max-width:100%;min-height:44px}
  .filter-actions{display:grid;grid-template-columns:1fr;width:100%;gap:8px}
  .filter-actions .btn,.cash-filter-grid .btn{width:100%;min-height:44px}
  .dashboard-kpis,.stock-kpis,.product-kpis{grid-template-columns:1fr}
  .dashboard-grid,.product-grid,.category-report-layout{grid-template-columns:1fr}
  .category-sidebar{position:static}
  .category-check-list{grid-template-columns:1fr}
  .cash-report-sheet,.cash-account-sheet{padding:10px 8px;margin-top:12px;border-radius:8px}
  .cash-account-sheet h2{font-size:18px}
  .cash-account-table,.cash-table{font-size:11px}
  .cash-summary-lines div{justify-content:space-between;gap:10px}
  .cash-summary-lines span{min-width:0}
  .cash-summary-lines b{min-width:90px}
}


/* =========================================================
   v0.4.2 - KAMERA ILE BARKOD OKUTMA
========================================================= */
.scan-barcode-btn{white-space:nowrap}
.barcode-scanner{position:fixed;z-index:2000;inset:0;display:grid;place-items:center;padding:18px;background:rgba(15,23,42,.78)}
.barcode-scanner.hidden{display:none}
.barcode-scanner-card{width:min(680px,100%);background:#fff;border-radius:16px;padding:14px;box-shadow:0 24px 70px rgba(0,0,0,.35)}
.barcode-scanner-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}
.barcode-scanner-head strong,.barcode-scanner-head small{display:block}.barcode-scanner-head small{margin-top:4px;color:var(--muted)}
.scanner-close{width:38px;height:38px;border:0;border-radius:9px;background:#f2f4f7;font-size:27px;line-height:1;cursor:pointer}
.scanner-video-wrap{position:relative;overflow:hidden;border-radius:12px;background:#111;aspect-ratio:4/3}
#barcodeVideo{display:block;width:100%;height:100%;object-fit:cover}
.scanner-frame{position:absolute;left:8%;right:8%;top:36%;height:28%;border:3px solid rgba(255,255,255,.92);border-radius:12px;box-shadow:0 0 0 999px rgba(0,0,0,.18);pointer-events:none}
.scanner-frame::after{content:"";position:absolute;left:5%;right:5%;top:50%;height:2px;background:#fff;box-shadow:0 0 8px rgba(255,255,255,.8)}
.scanner-status{text-align:center;padding:11px 6px 2px;font-size:13px;color:var(--muted)}
@media(max-width:700px){
  .product-search-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .product-search-row input{grid-column:1/-1;min-height:46px;font-size:16px}
  .product-search-row .btn{width:100%;min-height:44px}
  .barcode-scanner{padding:8px;align-items:center}
  .barcode-scanner-card{padding:10px;border-radius:13px}
  .scanner-video-wrap{aspect-ratio:3/4;max-height:70dvh}
}

/* =========================================================
   v0.4.3 - MODERN MOBILE DASHBOARD
========================================================= */
.mobile-dashboard-hero,.mobile-quick-actions,.mobile-section-heading,.mobile-bottom-nav{display:none}

@media (max-width:700px){
  :root{--mobile-blue:#0877f9;--mobile-green:#16b86a;--mobile-orange:#ff8b1f;--mobile-ink:#12213d}
  body{background:#f2f6fb;padding-bottom:82px}
  .main{padding:0 10px 92px}
  .mobile-menu-btn{top:14px;left:14px;width:40px;height:40px;border:0;background:rgba(255,255,255,.16);color:#fff;box-shadow:none;backdrop-filter:blur(10px)}
  .topbar{position:absolute;z-index:20;top:18px;left:68px;right:14px;margin:0;color:#fff;pointer-events:none}
  .topbar .eyebrow{color:rgba(255,255,255,.72);font-size:9px}
  .topbar h1{font-size:17px;margin:2px 0;color:#fff}
  .topbar .page-description,.topbar .api-pill{display:none}
  .page:not(#dashboardPage){padding-top:72px}
  .page:not(#dashboardPage) ~ *{}
  body:has(.page:not(#dashboardPage):not(.hidden)) .topbar{position:absolute;color:var(--text)}
  body:has(.page:not(#dashboardPage):not(.hidden)) .topbar .eyebrow{color:var(--muted-light)}
  body:has(.page:not(#dashboardPage):not(.hidden)) .topbar h1{color:var(--text)}
  body:has(.page:not(#dashboardPage):not(.hidden)) .mobile-menu-btn{background:#fff;color:#111827;border:1px solid #d7dee8;box-shadow:0 2px 10px rgba(15,23,42,.12)}

  .mobile-dashboard-hero{display:flex;min-height:240px;margin:0 -10px 12px;padding:88px 20px 28px;position:relative;overflow:hidden;align-items:flex-end;justify-content:space-between;gap:14px;color:#fff;background:linear-gradient(145deg,#071c3c 0%,#0a4f9d 56%,#0b86ef 100%);border-radius:0 0 28px 28px;box-shadow:0 14px 35px rgba(8,72,143,.22)}
  .mobile-dashboard-hero::before{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-95px;top:-90px;background:rgba(255,255,255,.11)}
  .mobile-dashboard-hero::after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;right:25px;bottom:-130px;background:rgba(255,255,255,.08)}
  .mobile-dashboard-hero-copy{position:relative;z-index:1;max-width:270px}
  .mobile-dashboard-kicker{display:block;margin-bottom:10px;font-size:10px;font-weight:800;letter-spacing:.12em;color:#b8dbff}
  .mobile-dashboard-hero h2{margin:0;font-size:25px;line-height:1.08;letter-spacing:-.035em;font-weight:600}.mobile-dashboard-hero h2 strong{font-weight:850}
  .mobile-dashboard-hero p{margin:10px 0 0;max-width:250px;font-size:11px;line-height:1.45;color:#d9ecff}
  .mobile-dashboard-date{position:relative;z-index:1;align-self:flex-start;margin-top:7px;padding:7px 9px;border-radius:12px;background:rgba(255,255,255,.13);font-size:9px;font-weight:700;white-space:nowrap;backdrop-filter:blur(8px)}

  .mobile-quick-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:-1px 0 18px}
  .mobile-quick-card{min-width:0;min-height:105px;padding:14px 7px 10px;border:0;border-radius:18px;color:#fff;box-shadow:0 9px 22px rgba(31,41,55,.13);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:5px}
  .mobile-quick-card span{font-size:29px;line-height:1}.mobile-quick-card b{font-size:11px}.mobile-quick-card small{font-size:8px;color:rgba(255,255,255,.78)}
  .quick-product{background:linear-gradient(145deg,#147eff,#0967e9)}.quick-stock{background:linear-gradient(145deg,#28c879,#0fa75e)}.quick-cash{background:linear-gradient(145deg,#ff9d2e,#ff7817)}
  .mobile-section-heading{display:flex;align-items:end;justify-content:space-between;margin:0 4px 10px}.mobile-section-heading small{display:block;font-size:8px;font-weight:850;letter-spacing:.12em;color:#98a2b3}.mobile-section-heading h2{margin:2px 0 0;font-size:18px;color:var(--mobile-ink)}
  .mobile-filter-toggle{border:0;background:#e8f2ff;color:#0877f9;border-radius:999px;padding:8px 12px;font-size:10px;font-weight:800}
  #dashboardPage .dashboard-filter-panel{display:none;margin-bottom:12px;border:0;border-radius:18px;box-shadow:0 6px 20px rgba(23,32,51,.07)}
  #dashboardPage.filters-open .dashboard-filter-panel{display:grid}
  #dashboardPage .dashboard-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:12px}
  #dashboardPage .mobile-kpi{min-height:86px;padding:12px 10px;border:0;border-radius:17px;box-shadow:0 6px 20px rgba(23,32,51,.07)}
  #dashboardPage .mobile-kpi small{font-size:9px}#dashboardPage .mobile-kpi strong{font-size:16px;margin:6px 0 2px}#dashboardPage .mobile-kpi span:not(.mobile-kpi-icon){font-size:8px}
  #dashboardPage .mobile-kpi-main{grid-column:1/-1;min-height:122px;padding:18px;background:linear-gradient(135deg,#fff 0%,#f3f8ff 100%);position:relative;overflow:hidden}
  #dashboardPage .mobile-kpi-main::after{content:"";position:absolute;right:-20px;bottom:-30px;width:130px;height:130px;border-radius:50%;background:linear-gradient(145deg,rgba(8,119,249,.16),rgba(8,119,249,.02))}
  #dashboardPage .mobile-kpi-main small{font-size:11px;color:#53637d}#dashboardPage .mobile-kpi-main strong{font-size:34px;color:#101f3a;margin-top:10px;position:relative;z-index:1}
  #dashboardPage .mobile-kpi-icon{display:grid;width:34px;height:34px;place-items:center;position:absolute;right:18px;top:18px;border-radius:12px;background:#e5f1ff;color:#0877f9;font-size:17px;font-weight:900}
  #dashboardPage .mobile-kpi-sales{background:#ecfbf4}#dashboardPage .mobile-kpi-return{background:#fff1f2}#dashboardPage .mobile-kpi-netqty{background:#f1efff}#dashboardPage .mobile-kpi-basket{background:#fff5e9}
  #dashboardPage .mobile-kpi-tax,#dashboardPage .mobile-kpi-qty,#dashboardPage .mobile-kpi-returnqty,#dashboardPage .mobile-kpi-invoice,#dashboardPage .mobile-kpi-returninvoice,#dashboardPage .mobile-kpi-total{background:#fff}
  #dashboardPage .dashboard-grid{gap:11px}#dashboardPage .dashboard-grid .panel{border:0;border-radius:18px;box-shadow:0 6px 20px rgba(23,32,51,.07)}#dashboardPage .panel-header{padding:14px 14px 10px}#dashboardPage .panel-header h2{font-size:13px}#dashboardPage .simple-chart{padding:10px 13px 14px}
  #dashboardPage .chart-row{grid-template-columns:54px minmax(80px,1fr);min-height:25px}.chart-label{font-size:9px}
  #dashboardPage .dashboard-grid .table-wrapper{max-height:280px}

  .mobile-bottom-nav{display:grid;position:fixed;z-index:900;left:8px;right:8px;bottom:8px;grid-template-columns:repeat(5,1fr);min-height:66px;padding:6px 4px calc(5px + env(safe-area-inset-bottom));background:rgba(255,255,255,.96);border:1px solid rgba(214,222,232,.85);border-radius:21px;box-shadow:0 12px 36px rgba(15,23,42,.2);backdrop-filter:blur(18px)}
  .mobile-bottom-nav button{position:relative;border:0;background:transparent;color:#7a879b;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-weight:700;min-width:0}.mobile-bottom-nav button span{font-size:20px;line-height:1}.mobile-bottom-nav button small{font-size:8px;white-space:nowrap}.mobile-bottom-nav button.active{color:#0877f9}
  .mobile-bottom-nav .mobile-bottom-scan span{display:grid;place-items:center;width:48px;height:48px;margin-top:-26px;border-radius:50%;background:#0877f9;color:#fff;border:5px solid #f2f6fb;box-shadow:0 5px 16px rgba(8,119,249,.35);font-size:23px}.mobile-bottom-nav .mobile-bottom-scan small{margin-top:1px}
}


/* =========================================================
   v0.4.4 - YONETICI OZETI MOBILE DASHBOARD
   Referans: 1. Yonetici Ozeti
========================================================= */
@media (max-width:700px){
  body{background:#eef4fa}
  .mobile-dashboard-hero{min-height:205px;padding:86px 20px 24px;align-items:flex-end;background:linear-gradient(155deg,#062f61 0%,#07457f 58%,#0b5d9e 100%);border-radius:0 0 22px 22px;box-shadow:0 10px 28px rgba(5,54,103,.24)}
  .mobile-dashboard-hero::before{width:210px;height:210px;right:-90px;top:-75px;background:rgba(255,255,255,.07)}
  .mobile-dashboard-hero::after{display:none}
  .mobile-dashboard-kicker{font-size:9px;color:#b8d8f6;margin-bottom:9px}
  .mobile-dashboard-hero h2{font-size:24px;font-weight:650;letter-spacing:-.025em}.mobile-dashboard-hero h2 strong{font-weight:850}
  .mobile-dashboard-hero p{font-size:11px;margin-top:7px;color:#d7e9fa}
  .mobile-dashboard-date{margin-top:2px;padding:10px 11px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.08);font-size:9px}

  #dashboardPage .mobile-quick-actions{display:none}
  .mobile-section-heading{margin:15px 4px 10px;align-items:center}
  .mobile-section-heading small{color:#0877f9}.mobile-section-heading h2{font-size:19px}

  #dashboardPage .dashboard-kpis{grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}
  #dashboardPage .mobile-kpi{grid-column:span 2;min-height:91px;padding:12px 10px;background:#fff;border:1px solid #e5edf6;border-radius:15px;box-shadow:0 5px 16px rgba(24,55,88,.07)}
  #dashboardPage .mobile-kpi small{font-size:9px;color:#53657a}
  #dashboardPage .mobile-kpi strong{font-size:16px;color:#10213c}
  #dashboardPage .mobile-kpi-main{grid-column:1/-1;min-height:135px;padding:18px 18px;background:linear-gradient(135deg,#fff 0%,#f4f9ff 100%);border:1px solid #dfeaf6}
  #dashboardPage .mobile-kpi-main strong{font-size:36px;margin-top:11px}
  #dashboardPage .mobile-kpi-main small{font-size:12px;font-weight:800;color:#10213c}
  #dashboardPage .mobile-kpi-main::after{right:14px;bottom:17px;width:74px;height:58px;border-radius:0;background:linear-gradient(90deg,transparent 0 8%,#b7d8ff 8% 20%,transparent 20% 28%,#79b7ff 28% 43%,transparent 43% 51%,#3995ff 51% 69%,transparent 69% 77%,#0877f9 77% 96%,transparent 96%);opacity:.95}
  #dashboardPage .mobile-kpi-icon{right:17px;top:16px;width:auto;height:auto;background:#eaf8ef;color:#12a45c;border-radius:999px;padding:6px 8px;font-size:11px}
  #dashboardPage .mobile-kpi-sales{grid-column:span 3;background:#fff}
  #dashboardPage .mobile-kpi-return{grid-column:span 3;background:#fff}
  #dashboardPage .mobile-kpi-netqty,#dashboardPage .mobile-kpi-total,#dashboardPage .mobile-kpi-basket{background:#fff}
  #dashboardPage .mobile-kpi-tax,#dashboardPage .mobile-kpi-qty,#dashboardPage .mobile-kpi-returnqty,#dashboardPage .mobile-kpi-invoice,#dashboardPage .mobile-kpi-returninvoice{display:none}
  #dashboardPage .mobile-kpi-sales strong{color:#10213c}#dashboardPage .mobile-kpi-return strong{color:#10213c}
  #dashboardPage .mobile-kpi-sales::before,#dashboardPage .mobile-kpi-return::before{display:block;width:27px;height:27px;margin-bottom:7px;border-radius:9px;text-align:center;line-height:27px;font-size:13px;font-weight:900}
  #dashboardPage .mobile-kpi-sales::before{content:'↗';background:#e7f8ef;color:#10a45c}
  #dashboardPage .mobile-kpi-return::before{content:'↘';background:#ffeaed;color:#e84759}
  #dashboardPage .mobile-kpi-netqty{border-color:#dcecff}#dashboardPage .mobile-kpi-basket{border-color:#ffe4c6}#dashboardPage .mobile-kpi-total{border-color:#e8ddff}

  #dashboardPage .dashboard-grid{display:flex;flex-direction:column}
  #dashboardPage .dashboard-grid .panel{border:1px solid #e3ebf4;border-radius:16px;box-shadow:0 5px 16px rgba(24,55,88,.06)}
  #dashboardPage .dashboard-grid .panel:first-child{order:-10}
  #dashboardPage .panel-header h2{font-size:14px;color:#10213c}
  #dashboardPage .simple-chart{min-height:175px;background:linear-gradient(180deg,#fff,#f8fbff);border-radius:0 0 16px 16px}
}


/* =========================================================
   v0.4.5 - SATIS TRENDI / DIKEY SUTUN GRAFIK
========================================================= */
.trend-column-chart{display:grid;grid-template-columns:42px minmax(0,1fr);gap:8px;height:220px;padding:4px 2px 0}
.trend-y-axis{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;padding:0 0 25px;font-size:9px;color:#64748b}
.trend-plot{position:relative;min-width:0;height:100%}
.trend-grid-lines{position:absolute;inset:0 0 25px;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none}
.trend-grid-lines i{display:block;border-top:1px solid #e3ebf5}
.trend-columns{position:absolute;inset:0 0 0;display:flex;align-items:stretch;gap:5px;overflow-x:auto;overflow-y:hidden;padding:0 1px 0}
.trend-column-item{flex:1 0 24px;min-width:24px;height:100%;display:grid;grid-template-rows:minmax(0,1fr) 25px;align-items:end;text-align:center}
.trend-column-wrap{height:100%;display:flex;align-items:flex-end;justify-content:center;padding-top:4px}
.trend-column{width:min(20px,72%);min-height:3px;border-radius:4px 4px 2px 2px;background:linear-gradient(180deg,#57b8ff 0%,#0877f9 100%);box-shadow:0 3px 8px rgba(8,119,249,.18)}
.trend-column-item span{font-size:8px;color:#64748b;white-space:nowrap;transform:rotate(-35deg);transform-origin:center}
@media(max-width:700px){
 #dashboardPage .dashboard-grid .panel:first-child .simple-chart{min-height:235px;padding:10px 12px 12px}
 #dashboardPage .dashboard-grid .panel:first-child .panel-header{padding-bottom:5px}
 #dashboardPage .dashboard-grid .panel:first-child .panel-header h2{font-size:15px}
 .trend-column-chart{height:220px;grid-template-columns:35px minmax(0,1fr);gap:6px}
 .trend-column-item{flex-basis:22px;min-width:22px}.trend-column{width:min(18px,76%)}
}


/* =========================================================
   v0.4.6 - YONETICI OZETI SON YERLESIM
========================================================= */
#dashboardPage .executive-store-section{display:grid;gap:11px;margin-bottom:11px}
#dashboardPage .executive-store-section .panel{border:1px solid #e3ebf4;border-radius:16px;box-shadow:0 5px 16px rgba(24,55,88,.06)}
#dashboardPage .store-movement-items{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:4px 14px 16px}
#dashboardPage .movement-item{min-width:0;padding:8px 12px;border-right:1px solid #e5edf6}.movement-item:last-child{border-right:0}
#dashboardPage .movement-item span,#dashboardPage .movement-item small,#dashboardPage .movement-item strong,#dashboardPage .movement-item b{display:block}
#dashboardPage .movement-item span{font-size:18px;margin-bottom:5px}.movement-item small{font-size:9px;color:#64748b}.movement-item strong{font-size:13px;color:#10213c;margin-top:4px}.movement-item b{font-size:10px;color:#334155;margin-top:2px}
#dashboardPage .mobile-kpi-main::before{content:"";position:absolute;right:92px;bottom:22px;width:112px;height:48px;background:linear-gradient(90deg,transparent 0 3%,#b7dcff 3% 10%,transparent 10% 15%,#9dceff 15% 23%,transparent 23% 28%,#7dbdff 28% 37%,transparent 37% 42%,#61adff 42% 52%,transparent 52% 57%,#439dff 57% 68%,transparent 68% 73%,#258dff 73% 85%,transparent 85% 90%,#0877f9 90% 100%);opacity:.95}
#dashboardPage .executive-store-performance .table-wrapper{max-height:none}
@media(max-width:700px){
 #dashboardPage .dashboard-filter-panel{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:5px;padding:9px!important;overflow:visible}
 #dashboardPage .dashboard-filter-panel .filter-field{min-width:0;width:auto}
 #dashboardPage .dashboard-filter-panel label{font-size:7px;white-space:nowrap}
 #dashboardPage .dashboard-filter-panel input,#dashboardPage .dashboard-filter-panel select{min-height:38px!important;height:38px;font-size:8px;padding:5px!important;min-width:0}
 #dashboardPage .dashboard-filter-panel select{appearance:auto}
 #dashboardPage .dashboard-filter-panel .filter-actions{grid-column:1/-1;grid-template-columns:1fr 1fr}
 #dashboardPage .store-movement-items{display:flex;overflow-x:auto;padding:2px 10px 13px;scroll-snap-type:x proximity}
 #dashboardPage .movement-item{flex:0 0 128px;scroll-snap-align:start}
 #dashboardPage .executive-store-performance .table-wrapper{overflow-x:auto;max-height:none}
 #dashboardPage .executive-store-performance table{min-width:650px}
 #dashboardPage .mobile-kpi-main::before{right:86px;width:105px;height:43px;bottom:25px}
 #dashboardPage .dashboard-grid .panel:first-child{order:initial}
 #dashboardPage .dashboard-grid .panel:nth-child(2) .simple-chart{min-height:235px;padding:10px 12px 12px}
 .hourly-column-chart .trend-column-item span{transform:none}
}

@media(max-width:700px){#dashboardPage .dashboard-filter-panel{display:grid!important}}

/* =========================================================
   v0.4.7 - NET CIRO MINI TREND KALDIRILDI
   Sag taraftaki mevcut 4 mavi gosterge korunur.
========================================================= */
#dashboardPage .mobile-kpi-main::before{content:none!important;display:none!important;background:none!important}


/* =========================================================
   v0.4.8 - YONETICI OZETI / ONAYLANAN MOBIL TASARIM
========================================================= */
@media (max-width:700px){
  #dashboardPage{padding-top:0!important}
  #dashboardPage .mobile-dashboard-hero{margin:0 -12px 12px!important;min-height:178px!important;padding:64px 18px 18px!important;border-radius:0 0 24px 24px!important}
  #dashboardPage .mobile-dashboard-hero-copy{max-width:72%}
  #dashboardPage .mobile-dashboard-kicker{display:none!important}
  #dashboardPage .mobile-dashboard-hero h2{font-size:25px!important;line-height:1.05!important;margin:0 0 5px!important}
  #dashboardPage .mobile-dashboard-hero p{font-size:11px!important;line-height:1.45!important;max-width:235px!important;margin:0!important}
  #dashboardPage .mobile-dashboard-date{position:absolute!important;right:18px!important;top:62px!important;margin:0!important;min-width:82px!important;text-align:center!important}

  #dashboardPage .dashboard-filter-panel{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important;margin:0 0 12px!important;padding:10px!important;background:#fff!important;border:1px solid #e2ebf5!important;border-radius:17px!important;box-shadow:0 5px 16px rgba(24,55,88,.06)!important}
  #dashboardPage .dashboard-filter-panel .filter-field{width:auto!important;min-width:0!important;margin:0!important}
  #dashboardPage .dashboard-filter-panel label{display:block!important;font-size:7px!important;font-weight:700!important;color:#53657a!important;margin:0 0 4px!important;white-space:nowrap!important}
  #dashboardPage .dashboard-filter-panel input,#dashboardPage .dashboard-filter-panel select{width:100%!important;min-width:0!important;height:42px!important;min-height:42px!important;padding:5px 6px!important;border:1px solid #d7e3ef!important;border-radius:10px!important;background:#fff!important;color:#10213c!important;font-size:8px!important;font-weight:650!important;box-shadow:none!important}
  #dashboardPage .dashboard-filter-panel select[multiple]{overflow:hidden!important}
  #dashboardPage .dashboard-filter-panel .filter-actions{display:none!important}

  #dashboardPage .dashboard-kpis{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:8px!important;margin-bottom:10px!important}
  #dashboardPage .mobile-kpi{min-height:96px!important;padding:12px 10px!important;border-radius:15px!important}
  #dashboardPage .mobile-kpi-main{grid-column:1/-1!important;min-height:132px!important;padding:17px 18px!important;background:#fff!important}
  #dashboardPage .mobile-kpi-main small{font-size:16px!important;font-weight:850!important}
  #dashboardPage .mobile-kpi-main strong{font-size:36px!important;line-height:1!important;margin-top:14px!important;letter-spacing:-1.3px!important}
  #dashboardPage .mobile-kpi-main::before,#dashboardPage .mobile-kpi-main::after{content:none!important;display:none!important;background:none!important}
  #dashboardPage .mobile-kpi-icon{display:none!important}
  #dashboardPage .mobile-kpi-sales,#dashboardPage .mobile-kpi-return{grid-column:span 3!important}
  #dashboardPage .mobile-kpi-netqty,#dashboardPage .mobile-kpi-basket,#dashboardPage .mobile-kpi-total{grid-column:span 2!important}
  #dashboardPage .mobile-kpi small{font-size:9px!important}
  #dashboardPage .mobile-kpi strong{font-size:16px!important;line-height:1.15!important}

  #dashboardPage .executive-store-section{display:flex!important;flex-direction:column!important;gap:10px!important;margin:0 0 10px!important}
  #dashboardPage .executive-store-performance{order:1!important}
  #dashboardPage .store-movement-summary{order:2!important}
  #dashboardPage .executive-store-section .panel{border-radius:16px!important;background:#fff!important}
  #dashboardPage .executive-store-section .panel-header{padding:13px 14px 7px!important}
  #dashboardPage .executive-store-section .eyebrow{display:none!important}
  #dashboardPage .executive-store-section .panel-header h2{font-size:17px!important;font-weight:850!important;color:#10213c!important}
  #dashboardPage .executive-store-section .panel-header small{font-size:9px!important;color:#64748b!important}
  #dashboardPage .executive-store-performance .table-wrapper{overflow-x:auto!important;padding:0 10px 10px!important}
  #dashboardPage .executive-store-performance table{min-width:610px!important;font-size:9px!important}
  #dashboardPage .executive-store-performance th,#dashboardPage .executive-store-performance td{padding:6px 7px!important;white-space:nowrap!important}
  #dashboardPage .store-movement-items{display:flex!important;overflow-x:auto!important;padding:4px 10px 13px!important}
  #dashboardPage .movement-item{flex:1 0 122px!important;padding:7px 10px!important}

  #dashboardPage .dashboard-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}
  #dashboardPage .dashboard-grid .panel{min-width:0!important;margin:0!important;border-radius:16px!important}
  #dashboardPage .dashboard-grid .panel:nth-child(1),#dashboardPage .dashboard-grid .panel:nth-child(2){display:block!important;grid-column:auto!important}
  #dashboardPage .dashboard-grid .panel:nth-child(n+3){grid-column:1/-1!important}
  #dashboardPage .dashboard-grid .panel-header{padding:12px 12px 5px!important}
  #dashboardPage .dashboard-grid .panel-header .eyebrow{display:block!important;font-size:8px!important;font-weight:900!important;color:#10213c!important;letter-spacing:.02em!important}
  #dashboardPage .dashboard-grid .panel-header h2{font-size:12px!important;font-weight:850!important;color:#10213c!important;line-height:1.25!important}
  #dashboardPage #dailyChart,#dashboardPage #hourlyChart{min-height:170px!important;padding:5px 8px 10px!important}
  #dashboardPage .trend-column-chart{height:160px!important;grid-template-columns:28px minmax(0,1fr)!important;gap:4px!important}
  #dashboardPage .trend-y-axis{font-size:7px!important;padding-bottom:20px!important}
  #dashboardPage .trend-column-item{flex-basis:15px!important;min-width:15px!important;grid-template-rows:minmax(0,1fr) 20px!important}
  #dashboardPage .trend-column{width:min(12px,82%)!important}
  #dashboardPage .trend-column-item span{font-size:6px!important;transform:none!important}

  .mobile-bottom-nav{z-index:1000!important}
}

/* =========================================================
   v0.4.9 - DASHBOARD RAPOR AKSIYONLARI GERI GETIRILDI
========================================================= */
@media (max-width:700px){
  #dashboardPage .dashboard-filter-panel .filter-actions{
    display:grid!important;
    grid-column:1/-1!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
    margin-top:2px!important;
  }
  #dashboardPage .dashboard-filter-panel .filter-actions .btn{
    min-height:44px!important;
    border-radius:10px!important;
    font-size:10px!important;
    font-weight:800!important;
  }
}

/* =========================================================
   v0.5.0 - YONETICI OZETI / GERCEK MOBIL YENIDEN KURULUM
   Onaylanan mockup yapisi. Eski dashboard kurallarini ezer.
========================================================= */
@media (max-width:700px){
  body{background:#edf5fb!important}
  .main{padding:0 10px 92px!important}
  .topbar{display:none!important}
  .mobile-menu-btn{position:fixed!important;left:12px!important;top:12px!important;z-index:1201!important;width:38px!important;height:38px!important;border-radius:12px!important;background:rgba(255,255,255,.15)!important;color:#fff!important;border:1px solid rgba(255,255,255,.12)!important;backdrop-filter:blur(8px)}
  #dashboardPage{padding:0!important;margin:0!important;max-width:none!important}
  #dashboardPage .executive-menu-button{display:none!important}
  #dashboardPage .executive-hero{position:relative!important;display:flex!important;min-height:178px!important;margin:0 -10px 12px!important;padding:64px 18px 20px!important;border-radius:0 0 25px 25px!important;background:linear-gradient(150deg,#064a86 0%,#075b9d 56%,#0c6aae 100%)!important;box-shadow:0 10px 26px rgba(5,70,126,.22)!important;color:#fff!important}
  #dashboardPage .executive-hero .mobile-dashboard-hero-copy{max-width:68%!important}
  #dashboardPage .executive-hero .mobile-dashboard-kicker{display:block!important;font-size:8px!important;font-weight:800!important;letter-spacing:.08em!important;color:#cce6fa!important;margin-bottom:8px!important}
  #dashboardPage .executive-hero h2{font-size:25px!important;line-height:1.05!important;margin:0 0 5px!important;color:#fff!important}
  #dashboardPage .executive-hero p{font-size:12px!important;margin:0!important;color:#e6f3fc!important}
  #dashboardPage .executive-hero .mobile-dashboard-date{position:absolute!important;right:18px!important;top:64px!important;min-width:92px!important;padding:10px 11px!important;border-radius:13px!important;background:rgba(255,255,255,.14)!important;color:#fff!important;border:1px solid rgba(255,255,255,.08)!important;font-size:9px!important;text-align:center!important}

  #dashboardPage .executive-filter-panel{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important;margin:0 0 12px!important;padding:10px!important;border:1px solid #e0eaf4!important;border-radius:17px!important;background:#fff!important;box-shadow:0 6px 18px rgba(24,55,88,.07)!important}
  #dashboardPage .executive-filter-panel .filter-field{min-width:0!important;width:auto!important;margin:0!important}
  #dashboardPage .executive-filter-panel label{display:block!important;height:12px!important;margin:0 0 4px!important;font-size:7px!important;line-height:12px!important;font-weight:800!important;color:#52647a!important;white-space:nowrap!important}
  #dashboardPage .executive-filter-panel input,#dashboardPage .executive-filter-panel select{display:block!important;width:100%!important;min-width:0!important;height:42px!important;min-height:42px!important;margin:0!important;padding:4px 5px!important;border:1px solid #d6e2ee!important;border-radius:10px!important;background:#fff!important;color:#10213c!important;font-size:8px!important;font-weight:700!important;box-shadow:none!important;white-space:nowrap!important;text-overflow:ellipsis!important;overflow:hidden!important}
  #dashboardPage .executive-filter-panel .filter-actions{display:grid!important;grid-column:1/-1!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin:2px 0 0!important}
  #dashboardPage .executive-filter-panel .filter-actions .btn{height:43px!important;min-height:43px!important;border-radius:10px!important;font-size:10px!important;font-weight:850!important}

  #dashboardPage .executive-kpis{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:9px!important;margin:0 0 11px!important}
  #dashboardPage .executive-kpis .mobile-kpi{position:relative!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;min-width:0!important;min-height:94px!important;padding:12px 10px!important;border:1px solid #e3ebf4!important;border-radius:16px!important;background:#fff!important;box-shadow:0 5px 16px rgba(24,55,88,.06)!important}
  #dashboardPage .executive-kpis .mobile-kpi-main{grid-column:1/-1!important;min-height:132px!important;padding:17px 18px!important}
  #dashboardPage .executive-kpis .mobile-kpi-main::before,#dashboardPage .executive-kpis .mobile-kpi-main::after{content:none!important;display:none!important;background:none!important}
  #dashboardPage .executive-kpis .mobile-kpi-main small{font-size:15px!important;font-weight:900!important;color:#10213c!important}
  #dashboardPage .executive-kpis .mobile-kpi-main strong{font-size:36px!important;line-height:1!important;letter-spacing:-1.2px!important;margin:16px 0 6px!important;color:#071b42!important}
  #dashboardPage .executive-kpis .mobile-kpi-main span{font-size:9px!important;color:#8b9bb0!important}
  #dashboardPage .executive-kpis .mobile-kpi-tax,#dashboardPage .executive-kpis .mobile-kpi-qty,#dashboardPage .executive-kpis .mobile-kpi-returnqty,#dashboardPage .executive-kpis .mobile-kpi-invoice,#dashboardPage .executive-kpis .mobile-kpi-returninvoice{display:none!important}
  #dashboardPage .executive-kpis .mobile-kpi-sales,#dashboardPage .executive-kpis .mobile-kpi-return{grid-column:span 3!important}
  #dashboardPage .executive-kpis .mobile-kpi-netqty,#dashboardPage .executive-kpis .mobile-kpi-basket,#dashboardPage .executive-kpis .mobile-kpi-total{grid-column:span 2!important}
  #dashboardPage .executive-kpis .mobile-kpi-sales::before,#dashboardPage .executive-kpis .mobile-kpi-return::before{display:block!important;width:28px!important;height:28px!important;margin-bottom:7px!important;border-radius:9px!important;text-align:center!important;line-height:28px!important;font-size:13px!important;font-weight:900!important}
  #dashboardPage .executive-kpis .mobile-kpi-sales::before{content:'↗'!important;background:#e5f8ee!important;color:#10a45c!important}
  #dashboardPage .executive-kpis .mobile-kpi-return::before{content:'↘'!important;background:#ffe9ed!important;color:#e84759!important}
  #dashboardPage .executive-kpis .mobile-kpi small{font-size:9px!important;color:#53657a!important}
  #dashboardPage .executive-kpis .mobile-kpi strong{font-size:16px!important;line-height:1.15!important;margin-top:5px!important;color:#071b42!important;white-space:nowrap!important}
  #dashboardPage .executive-kpis .mobile-kpi span{font-size:8px!important;color:#8b9bb0!important;margin-top:4px!important}

  #dashboardPage .executive-store-section{display:flex!important;flex-direction:column!important;gap:10px!important;margin:0 0 10px!important}
  #dashboardPage .executive-store-section .panel{margin:0!important;border:1px solid #e2ebf4!important;border-radius:17px!important;background:#fff!important;box-shadow:0 5px 16px rgba(24,55,88,.06)!important;overflow:hidden!important}
  #dashboardPage .executive-store-performance{order:1!important}
  #dashboardPage .store-movement-summary{order:2!important}
  #dashboardPage .executive-store-section .panel-header{padding:14px 14px 8px!important;border:0!important}
  #dashboardPage .executive-store-section .panel-header h2{font-size:17px!important;line-height:1.1!important;font-weight:900!important;color:#10213c!important;margin:0 0 4px!important}
  #dashboardPage .executive-store-section .panel-header small{font-size:9px!important;color:#64748b!important}
  #dashboardPage .executive-store-performance .table-wrapper{overflow-x:auto!important;padding:0 10px 11px!important}
  #dashboardPage .executive-store-performance table{width:100%!important;min-width:520px!important;border-collapse:collapse!important;font-size:9px!important}
  #dashboardPage .executive-store-performance th{padding:7px!important;background:#f5f9fd!important;color:#607087!important;font-size:8px!important;font-weight:850!important}
  #dashboardPage .executive-store-performance td{padding:7px!important;border-top:1px solid #edf2f7!important;color:#22324a!important;white-space:nowrap!important}
  #dashboardPage .executive-store-performance td:first-child strong{color:#10213c!important}
  #dashboardPage .store-movement-items{display:grid!important;grid-template-columns:repeat(5,minmax(118px,1fr))!important;overflow-x:auto!important;padding:4px 10px 13px!important}
  #dashboardPage .movement-item{min-width:118px!important;padding:7px 10px!important;border-right:1px solid #e5edf6!important}
  #dashboardPage .movement-item:last-child{border-right:0!important}
  #dashboardPage .movement-item span{font-size:17px!important;margin-bottom:5px!important}
  #dashboardPage .movement-item small{font-size:8px!important;color:#64748b!important}
  #dashboardPage .movement-item strong{font-size:12px!important;color:#10213c!important;margin-top:4px!important}
  #dashboardPage .movement-item b{font-size:9px!important;color:#334155!important;margin-top:2px!important}

  #dashboardPage .executive-chart-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;margin:0!important}
  #dashboardPage .executive-chart-grid .panel{min-width:0!important;margin:0!important;border:1px solid #e2ebf4!important;border-radius:17px!important;background:#fff!important;box-shadow:0 5px 16px rgba(24,55,88,.06)!important;overflow:hidden!important}
  #dashboardPage .executive-chart-grid .executive-chart-card{grid-column:auto!important}
  #dashboardPage .executive-chart-grid .panel:nth-child(n+3){grid-column:1/-1!important}
  #dashboardPage .executive-chart-grid .panel-header{padding:13px 12px 5px!important;border:0!important}
  #dashboardPage .executive-chart-grid .panel-header h2{font-size:14px!important;line-height:1.15!important;font-weight:900!important;color:#10213c!important;margin:0 0 4px!important}
  #dashboardPage .executive-chart-grid .panel-header small{font-size:8px!important;font-weight:700!important;color:#334155!important}
  #dashboardPage #dailyChart,#dashboardPage #hourlyChart{min-height:180px!important;padding:5px 8px 10px!important;background:#fff!important}
  #dashboardPage .trend-column-chart{height:170px!important;grid-template-columns:27px minmax(0,1fr)!important;gap:4px!important}
  #dashboardPage .trend-y-axis{font-size:7px!important;padding-bottom:20px!important;color:#53657a!important}
  #dashboardPage .trend-grid-lines{inset:0 0 20px!important}
  #dashboardPage .trend-column-item{flex:1 0 14px!important;min-width:14px!important;grid-template-rows:minmax(0,1fr) 20px!important}
  #dashboardPage .trend-column{width:min(11px,82%)!important;border-radius:3px 3px 1px 1px!important;background:linear-gradient(180deg,#57b8ff 0%,#0877f9 100%)!important}
  #dashboardPage .trend-column-item span{font-size:6px!important;color:#53657a!important;transform:none!important}
}

@media (max-width:430px){
  #dashboardPage .executive-filter-panel{gap:4px!important;padding:8px!important}
  #dashboardPage .executive-filter-panel label{font-size:6.5px!important}
  #dashboardPage .executive-filter-panel input,#dashboardPage .executive-filter-panel select{font-size:7px!important;padding:3px!important}
  #dashboardPage .executive-kpis .mobile-kpi-main strong{font-size:32px!important}
}


/* =========================================================
   v0.5.2 - NET CIRO / ONCEKI YIL KARSILASTIRMASI
========================================================= */
#dashboardPage .executive-kpis .mobile-kpi-main{
    display:grid!important;
    grid-template-columns:minmax(0,1.25fr) minmax(220px,.75fr)!important;
    gap:16px!important;
    align-items:stretch!important;
}
#dashboardPage .net-ciro-current{
    display:flex;
    flex-direction:column;
    justify-content:center;
    min-width:0;
}
#dashboardPage .previous-year-ciro{
    min-width:0;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:13px 15px;
    border:1px solid #f5dfb8;
    border-radius:14px;
    background:linear-gradient(135deg,#fffaf1 0%,#fff1d8 100%);
}
#dashboardPage .previous-year-ciro small{
    color:#8a5b13!important;
    font-size:10px!important;
    font-weight:850!important;
}
#dashboardPage .previous-year-ciro strong{
    margin:6px 0 4px!important;
    color:#7a4600!important;
    font-size:22px!important;
    line-height:1.05!important;
    letter-spacing:-.5px!important;
}
#dashboardPage .previous-year-ciro span{
    color:#a87935!important;
    font-size:8px!important;
}
#dashboardPage .previous-year-change{
    flex:0 0 auto;
    color:#0f9f61;
    font-size:14px;
    font-weight:900;
    white-space:nowrap;
}
#dashboardPage .previous-year-change.negative{color:#e84759}
@media (max-width:700px){
    #dashboardPage .executive-kpis .mobile-kpi-main{
        grid-template-columns:1fr!important;
        gap:12px!important;
    }
    #dashboardPage .previous-year-ciro{padding:12px 13px}
    #dashboardPage .previous-year-ciro strong{font-size:20px!important}
}


/* =========================================================
   v0.5.4 - ONAYLANAN YONETICI OZETI / YAN YANA CIRO
   Net Ciro ve Onceki Yil Ciro mobilde de iki ayri kart olarak
   ayni satirda gorunur. Calisan veri ID'leri korunur.
========================================================= */
#dashboardPage .executive-kpis .mobile-kpi-main{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:12px!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    overflow:visible!important;
}
#dashboardPage .net-ciro-current,
#dashboardPage .previous-year-ciro{
    min-width:0!important;
    min-height:154px!important;
    box-sizing:border-box!important;
    border-radius:18px!important;
    padding:18px 18px!important;
    box-shadow:0 7px 22px rgba(24,55,88,.07)!important;
}
#dashboardPage .net-ciro-current{
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    background:#fff!important;
    border:1px solid #e6eef7!important;
}
#dashboardPage .previous-year-ciro{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:8px!important;
    background:linear-gradient(135deg,#fffdf8 0%,#fff4e2 100%)!important;
    border:1px solid #f5dfb8!important;
}
#dashboardPage .net-ciro-current small,
#dashboardPage .previous-year-ciro small{
    font-size:14px!important;
    line-height:1.15!important;
    font-weight:800!important;
}
#dashboardPage .net-ciro-current strong{
    margin:13px 0 7px!important;
    font-size:31px!important;
    line-height:1!important;
    letter-spacing:-1px!important;
    white-space:nowrap!important;
}
#dashboardPage .net-ciro-current span{
    font-size:10px!important;
    color:#71849b!important;
}
#dashboardPage .previous-year-ciro strong{
    display:block!important;
    margin:10px 0 6px!important;
    font-size:26px!important;
    line-height:1!important;
    letter-spacing:-.7px!important;
    white-space:nowrap!important;
}
#dashboardPage .previous-year-ciro span{
    display:block!important;
    font-size:9px!important;
}
#dashboardPage .previous-year-change-wrap{
    align-self:center!important;
    text-align:right!important;
    white-space:nowrap!important;
}
#dashboardPage .previous-year-change{
    display:block!important;
    font-size:17px!important;
    line-height:1.1!important;
}
#dashboardPage .previous-year-change-wrap em{
    display:block!important;
    margin-top:7px!important;
    color:#71849b!important;
    font-size:9px!important;
    font-style:normal!important;
    font-weight:700!important;
}

@media (max-width:700px){
    #dashboardPage .executive-kpis .mobile-kpi-main{
        grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
        gap:10px!important;
        min-height:0!important;
    }
    #dashboardPage .net-ciro-current,
    #dashboardPage .previous-year-ciro{
        min-height:132px!important;
        padding:14px 12px!important;
        border-radius:16px!important;
    }
    #dashboardPage .net-ciro-current small,
    #dashboardPage .previous-year-ciro small{font-size:10px!important}
    #dashboardPage .net-ciro-current strong{
        margin:10px 0 6px!important;
        font-size:23px!important;
        letter-spacing:-.7px!important;
    }
    #dashboardPage .previous-year-ciro{
        grid-template-columns:1fr!important;
        align-content:center!important;
        gap:4px!important;
    }
    #dashboardPage .previous-year-ciro strong{
        margin:7px 0 4px!important;
        font-size:19px!important;
        letter-spacing:-.5px!important;
    }
    #dashboardPage .previous-year-change-wrap{
        position:absolute!important;
        right:13px!important;
        bottom:13px!important;
    }
    #dashboardPage .previous-year-ciro{position:relative!important}
    #dashboardPage .previous-year-change{font-size:13px!important}
    #dashboardPage .previous-year-change-wrap em{font-size:7px!important;margin-top:3px!important}
}

@media (max-width:430px){
    #dashboardPage .executive-kpis .mobile-kpi-main{gap:8px!important}
    #dashboardPage .net-ciro-current,
    #dashboardPage .previous-year-ciro{min-height:124px!important;padding:13px 10px!important}
    #dashboardPage .net-ciro-current strong{font-size:20px!important}
    #dashboardPage .previous-year-ciro strong{font-size:17px!important}
    #dashboardPage .previous-year-ciro span{font-size:7px!important}
    #dashboardPage .previous-year-change-wrap{right:10px!important;bottom:10px!important}
    #dashboardPage .previous-year-change{font-size:11px!important}
}

/* =========================================================
   v0.5.5 - PASTEL MAGAZA GRIDLERI
   Onaylanan görsel: numaralı satırlar + 10 pastel ton + toplam satırı
========================================================= */
.pastel-grid-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:14px}
.pastel-store-grid{width:100%;min-width:760px;border-collapse:separate;border-spacing:0 3px;font-size:12px}
.pastel-store-grid th{padding:8px 10px;background:#edf7ff;color:#405878;font-size:10px;text-transform:uppercase;letter-spacing:.02em;border:0;text-align:left;white-space:nowrap}
.pastel-store-grid th.number,.pastel-store-grid td.number{text-align:right}
.pastel-store-grid td{padding:9px 10px;border:0;color:#102858;white-space:nowrap}
.pastel-store-grid tbody tr td:first-child,.pastel-store-grid tfoot tr td:first-child{border-radius:8px 0 0 8px}
.pastel-store-grid tbody tr td:last-child,.pastel-store-grid tfoot tr td:last-child{border-radius:0 8px 8px 0}
.pastel-row.pastel-0 td{background:#dff2ff}.pastel-row.pastel-1 td{background:#dcf7e9}.pastel-row.pastel-2 td{background:#fff0dc}.pastel-row.pastel-3 td{background:#ffe2f4}.pastel-row.pastel-4 td{background:#ebe6ff}.pastel-row.pastel-5 td{background:#dff7fb}.pastel-row.pastel-6 td{background:#fff5cc}.pastel-row.pastel-7 td{background:#ffe3ea}.pastel-row.pastel-8 td{background:#eee9ff}.pastel-row.pastel-9 td{background:#dff5fb}
.row-rank{display:inline-grid;place-items:center;width:27px;height:27px;border-radius:7px;color:#fff;font-weight:900;background:#1687ef;box-shadow:0 2px 6px rgba(20,95,180,.16)}
.pastel-1 .row-rank{background:#12b875}.pastel-2 .row-rank{background:#ff8a20}.pastel-3 .row-rank{background:#f43aa1}.pastel-4 .row-rank{background:#7964e8}.pastel-5 .row-rank{background:#28b9d2}.pastel-6 .row-rank{background:#f0b414;color:#17345d}.pastel-7 .row-rank{background:#ef3f70}.pastel-8 .row-rank{background:#8068dc}.pastel-9 .row-rank{background:#22b7d2;color:#17345d}
.pastel-total-row td{background:#dcedff!important;color:#0c2f64!important;font-weight:900;border-top:2px solid #a9d2ff!important;padding-top:11px!important;padding-bottom:11px!important}
.sum-mark{font-size:27px;line-height:1;color:#1687ef;font-weight:900}
.executive-store-performance .pastel-store-grid{min-width:720px}
.dashboard-cash-distribution{margin-top:14px!important}
.dashboard-cash-distribution .panel-header small,.modern-cash-filter .panel-header small{display:block;margin-top:3px;color:#7184a1}
.cash-distribution-grid{min-width:980px}
#cashReportContent{margin-top:14px}
#cashReportContent>.pastel-grid-wrap{background:#fff;border:1px solid #e4edf7;padding:12px;box-shadow:0 8px 24px rgba(38,92,150,.06)}
@media(max-width:700px){
 .pastel-store-grid{font-size:10px}.pastel-store-grid th{font-size:8px;padding:7px}.pastel-store-grid td{padding:7px}.row-rank{width:23px;height:23px;border-radius:6px}.sum-mark{font-size:22px}
 .dashboard-cash-distribution{padding:12px!important}
}


/* =========================================================
   v0.5.6 - 6 KPI TEK KOMPAKT SATIR
   Net Ciro | Önceki Yıl Ciro | Satış | İade | Net Adet | Ortalama Sepet
   Toplam İşlem kaldırıldı. Backend/SQL değişmedi.
========================================================= */
#dashboardPage .executive-kpis-v056{
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:8px!important;
  align-items:stretch!important;
}
#dashboardPage .executive-kpis-v056 .compact-kpi{
  grid-column:auto!important;
  display:flex!important;
  position:relative!important;
  flex-direction:column!important;
  justify-content:center!important;
  min-width:0!important;
  min-height:82px!important;
  padding:10px 11px!important;
  border:1px solid #e3ebf4!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:0 4px 14px rgba(24,55,88,.055)!important;
  overflow:hidden!important;
}
#dashboardPage .executive-kpis-v056 .compact-kpi small{
  display:block!important;font-size:9px!important;line-height:1.15!important;font-weight:850!important;color:#53657a!important;white-space:nowrap!important
}
#dashboardPage .executive-kpis-v056 .compact-kpi strong{
  display:block!important;margin:7px 0 0!important;font-size:16px!important;line-height:1.05!important;letter-spacing:-.35px!important;color:#071b42!important;white-space:nowrap!important
}
#dashboardPage .executive-kpis-v056 .compact-kpi span{
  display:block!important;margin-top:5px!important;font-size:7px!important;line-height:1.1!important;color:#8b9bb0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important
}
#dashboardPage .executive-kpis-v056 .compact-kpi-previous{
  background:linear-gradient(135deg,#fffaf1 0%,#fff1d8 100%)!important;border-color:#f5dfb8!important
}
#dashboardPage .executive-kpis-v056 .compact-kpi-previous small,
#dashboardPage .executive-kpis-v056 .compact-kpi-previous strong{color:#7a4b08!important}
#dashboardPage .executive-kpis-v056 .compact-kpi-previous .previous-year-change{
  position:absolute!important;right:9px!important;bottom:8px!important;font-size:9px!important;line-height:1!important;font-weight:900!important;color:#0f9f61!important;white-space:nowrap!important
}
#dashboardPage .executive-kpis-v056 .compact-kpi-previous .previous-year-change.negative{color:#e84759!important}
#dashboardPage .executive-kpis-v056 .compact-kpi-sales{border-top:3px solid #28b779!important}
#dashboardPage .executive-kpis-v056 .compact-kpi-return{border-top:3px solid #ee5a6c!important}
#dashboardPage .executive-kpis-v056 .compact-kpi-qty{border-top:3px solid #7b6de3!important}
#dashboardPage .executive-kpis-v056 .compact-kpi-basket{border-top:3px solid #2aaed0!important}
#dashboardPage .dashboard-legacy-kpis{display:none!important}
@media(max-width:700px){
 #dashboardPage .executive-kpis-v056{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:4px!important}
 #dashboardPage .executive-kpis-v056 .compact-kpi{min-height:66px!important;padding:7px 5px!important;border-radius:10px!important}
 #dashboardPage .executive-kpis-v056 .compact-kpi small{font-size:6.5px!important}
 #dashboardPage .executive-kpis-v056 .compact-kpi strong{font-size:10.5px!important;margin-top:5px!important;letter-spacing:-.2px!important}
 #dashboardPage .executive-kpis-v056 .compact-kpi span{font-size:5.5px!important;margin-top:3px!important}
 #dashboardPage .executive-kpis-v056 .compact-kpi-previous .previous-year-change{right:5px!important;bottom:5px!important;font-size:6px!important}
}
@media(max-width:430px){
 #dashboardPage .executive-kpis-v056{gap:3px!important}
 #dashboardPage .executive-kpis-v056 .compact-kpi{min-height:62px!important;padding:6px 4px!important;border-radius:9px!important}
 #dashboardPage .executive-kpis-v056 .compact-kpi small{font-size:5.7px!important}
 #dashboardPage .executive-kpis-v056 .compact-kpi strong{font-size:8.8px!important}
 #dashboardPage .executive-kpis-v056 .compact-kpi span{font-size:4.8px!important}
 #dashboardPage .executive-kpis-v056 .compact-kpi-previous .previous-year-change{font-size:5.2px!important}
}
\n\n/* =========================================================\n   v0.5.7 - 5 KPI TEK ORANTILI SATIR\n   Net Ciro | Önceki Yıl Ciro | Satış | İade | Net Adet\n   Ortalama Sepet ve Toplam İşlem görünümden kaldırıldı.\n========================================================= */\n#dashboardPage .executive-kpis-v057{\n  display:grid!important;\n  grid-template-columns:repeat(5,minmax(0,1fr))!important;\n  gap:9px!important;\n  align-items:stretch!important;\n}\n#dashboardPage .executive-kpis-v057 .compact-kpi{\n  grid-column:auto!important;display:flex!important;position:relative!important;flex-direction:column!important;justify-content:center!important;\n  min-width:0!important;min-height:82px!important;padding:10px 12px!important;border:1px solid #e3ebf4!important;border-radius:14px!important;\n  background:#fff!important;box-shadow:0 4px 14px rgba(24,55,88,.055)!important;overflow:hidden!important\n}\n#dashboardPage .executive-kpis-v057 .compact-kpi small{display:block!important;font-size:9.5px!important;line-height:1.15!important;font-weight:850!important;color:#53657a!important;white-space:nowrap!important}\n#dashboardPage .executive-kpis-v057 .compact-kpi strong{display:block!important;margin:7px 0 0!important;font-size:17px!important;line-height:1.05!important;letter-spacing:-.35px!important;color:#071b42!important;white-space:nowrap!important}\n#dashboardPage .executive-kpis-v057 .compact-kpi span{display:block!important;margin-top:5px!important;font-size:7px!important;line-height:1.1!important;color:#8b9bb0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}\n#dashboardPage .executive-kpis-v057 .compact-kpi-previous{background:linear-gradient(135deg,#fffaf1 0%,#fff1d8 100%)!important;border-color:#f5dfb8!important}\n#dashboardPage .executive-kpis-v057 .compact-kpi-previous small,#dashboardPage .executive-kpis-v057 .compact-kpi-previous strong{color:#7a4b08!important}\n#dashboardPage .executive-kpis-v057 .compact-kpi-previous .previous-year-change{position:absolute!important;right:9px!important;bottom:8px!important;font-size:9px!important;line-height:1!important;font-weight:900!important;color:#0f9f61!important;white-space:nowrap!important}\n#dashboardPage .executive-kpis-v057 .compact-kpi-previous .previous-year-change.negative{color:#e84759!important}\n#dashboardPage .executive-kpis-v057 .compact-kpi-sales{border-top:3px solid #28b779!important}\n#dashboardPage .executive-kpis-v057 .compact-kpi-return{border-top:3px solid #ee5a6c!important}\n#dashboardPage .executive-kpis-v057 .compact-kpi-qty{border-top:3px solid #7b6de3!important}\n@media(max-width:700px){\n #dashboardPage .executive-kpis-v057{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:4px!important}\n #dashboardPage .executive-kpis-v057 .compact-kpi{min-height:68px!important;padding:7px 6px!important;border-radius:10px!important}\n #dashboardPage .executive-kpis-v057 .compact-kpi small{font-size:7px!important}\n #dashboardPage .executive-kpis-v057 .compact-kpi strong{font-size:11px!important;margin-top:5px!important;letter-spacing:-.2px!important}\n #dashboardPage .executive-kpis-v057 .compact-kpi span{font-size:5.5px!important;margin-top:3px!important}\n #dashboardPage .executive-kpis-v057 .compact-kpi-previous .previous-year-change{right:5px!important;bottom:5px!important;font-size:6px!important}\n}\n@media(max-width:430px){\n #dashboardPage .executive-kpis-v057{gap:3px!important}\n #dashboardPage .executive-kpis-v057 .compact-kpi{min-height:64px!important;padding:6px 4px!important;border-radius:9px!important}\n #dashboardPage .executive-kpis-v057 .compact-kpi small{font-size:6.2px!important}\n #dashboardPage .executive-kpis-v057 .compact-kpi strong{font-size:9.5px!important}\n #dashboardPage .executive-kpis-v057 .compact-kpi span{font-size:5px!important}\n #dashboardPage .executive-kpis-v057 .compact-kpi-previous .previous-year-change{font-size:5.4px!important}\n}\n\n\n/* =========================================================\n   v0.5.8 - 6 KPI ORANTILI TEK SATIR\n   Net Ciro | Önceki Yıl Ciro | Satış | İade | Net Adet | Sepet Tutarı\n========================================================= */\n#dashboardPage .executive-kpis-v058{\n  display:grid!important;\n  grid-template-columns:repeat(6,minmax(0,1fr))!important;\n  gap:8px!important;\n  align-items:stretch!important;\n}\n#dashboardPage .executive-kpis-v058 .compact-kpi{\n  grid-column:auto!important;display:flex!important;position:relative!important;flex-direction:column!important;justify-content:center!important;\n  min-width:0!important;min-height:82px!important;padding:10px 10px!important;border:1px solid #e3ebf4!important;border-radius:14px!important;\n  background:#fff!important;box-shadow:0 4px 14px rgba(24,55,88,.055)!important;overflow:hidden!important\n}\n#dashboardPage .executive-kpis-v058 .compact-kpi small{display:block!important;font-size:9.5px!important;line-height:1.15!important;font-weight:850!important;color:#53657a!important;white-space:nowrap!important}\n#dashboardPage .executive-kpis-v058 .compact-kpi strong{display:block!important;margin:7px 0 0!important;font-size:16px!important;line-height:1.05!important;letter-spacing:-.35px!important;color:#071b42!important;white-space:nowrap!important}\n#dashboardPage .executive-kpis-v058 .compact-kpi span{display:block!important;margin-top:5px!important;font-size:7px!important;line-height:1.1!important;color:#8b9bb0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}\n#dashboardPage .executive-kpis-v058 .compact-kpi-previous{background:linear-gradient(135deg,#fffaf1 0%,#fff1d8 100%)!important;border-color:#f5dfb8!important}\n#dashboardPage .executive-kpis-v058 .compact-kpi-previous small,#dashboardPage .executive-kpis-v058 .compact-kpi-previous strong{color:#7a4b08!important}\n#dashboardPage .executive-kpis-v058 .compact-kpi-previous .previous-year-change{position:absolute!important;right:8px!important;bottom:8px!important;font-size:8px!important;line-height:1!important;font-weight:900!important;color:#0f9f61!important;white-space:nowrap!important}\n#dashboardPage .executive-kpis-v058 .compact-kpi-previous .previous-year-change.negative{color:#e84759!important}\n#dashboardPage .executive-kpis-v058 .compact-kpi-sales{border-top:3px solid #28b779!important}\n#dashboardPage .executive-kpis-v058 .compact-kpi-return{border-top:3px solid #ee5a6c!important}\n#dashboardPage .executive-kpis-v058 .compact-kpi-qty{border-top:3px solid #7b6de3!important}\n#dashboardPage .executive-kpis-v058 .compact-kpi-basket{border-top:3px solid #27a9e3!important}\n@media(max-width:700px){\n #dashboardPage .executive-kpis-v058{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:4px!important}\n #dashboardPage .executive-kpis-v058 .compact-kpi{min-height:68px!important;padding:7px 5px!important;border-radius:10px!important}\n #dashboardPage .executive-kpis-v058 .compact-kpi small{font-size:6.8px!important}\n #dashboardPage .executive-kpis-v058 .compact-kpi strong{font-size:10px!important;margin-top:5px!important;letter-spacing:-.2px!important}\n #dashboardPage .executive-kpis-v058 .compact-kpi span{font-size:5.2px!important;margin-top:3px!important}\n #dashboardPage .executive-kpis-v058 .compact-kpi-previous .previous-year-change{right:4px!important;bottom:4px!important;font-size:5.5px!important}\n}\n@media(max-width:430px){\n #dashboardPage .executive-kpis-v058{gap:3px!important}\n #dashboardPage .executive-kpis-v058 .compact-kpi{min-height:64px!important;padding:6px 3px!important;border-radius:9px!important}\n #dashboardPage .executive-kpis-v058 .compact-kpi small{font-size:5.8px!important}\n #dashboardPage .executive-kpis-v058 .compact-kpi strong{font-size:8.7px!important}\n #dashboardPage .executive-kpis-v058 .compact-kpi span{font-size:4.8px!important}\n #dashboardPage .executive-kpis-v058 .compact-kpi-previous .previous-year-change{font-size:5px!important}\n}\n

/* v0.5.9 - SATIS SORUMLUSU ANALIZI / ANA EKRAN + MENU */
.dashboard-salesperson-entry{border:1px solid #ffd4dc;background:linear-gradient(135deg,#fff 0%,#fff7f8 100%);}
.dashboard-salesperson-entry .panel-header{align-items:center;gap:16px;}
.dashboard-salesperson-open{white-space:nowrap;}
.salesperson-entry-content{display:flex;align-items:center;gap:16px;padding:18px;border-radius:18px;background:linear-gradient(135deg,#fff1f4,#fffafa);border:1px solid #ffe0e6;}
.salesperson-entry-icon{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:#ffe1e7;color:#ef476f;font-size:28px;flex:0 0 auto;}
.salesperson-entry-content strong,.salesperson-entry-content span{display:block;}
.salesperson-entry-content strong{font-size:17px;color:#102a63;margin-bottom:5px;}
.salesperson-entry-content span{color:#60708f;font-size:13px;}
.salesperson-analysis-page{max-width:1500px;}
.salesperson-hero{background:linear-gradient(145deg,#ffffff,#f7faff);}
.salesperson-coming-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:14px;}
.salesperson-coming-grid article{padding:18px;border-radius:16px;border:1px solid #dbe8fb;background:#f8fbff;}
.salesperson-coming-grid b,.salesperson-coming-grid span{display:block;}
.salesperson-coming-grid b{color:#173a78;margin-bottom:7px;}
.salesperson-coming-grid span{font-size:13px;color:#64748b;line-height:1.5;}
.salesperson-ready-note{margin-top:16px;padding:14px 16px;border-radius:14px;background:#eefbf6;color:#16775a;border:1px solid #ccefe1;font-weight:700;}
@media(max-width:900px){.salesperson-coming-grid{grid-template-columns:1fr}.dashboard-salesperson-entry .panel-header{align-items:flex-start;flex-direction:column}.dashboard-salesperson-open{width:100%}}


/* v0.6.0 - SATIS SORUMLULARI RAPORU */
.salesperson-filter-panel{background:linear-gradient(145deg,#fff,#f8fbff)}
.salesperson-filter-grid{display:grid;grid-template-columns:1fr 1fr 1.2fr 1.35fr auto;gap:12px;align-items:end}
.salesperson-filter-grid label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:800;color:#173a78}
.salesperson-filter-grid input,.salesperson-filter-grid select{min-height:42px;border:1px solid #d8e5f5;border-radius:11px;background:#fff;padding:8px 10px}
.salesperson-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:12px 0}
.salesperson-kpis article{padding:14px;border:1px solid #e1eaf5;border-radius:14px;background:#fff;box-shadow:0 4px 14px rgba(24,55,88,.05)}
.salesperson-kpis article:nth-child(2){background:#f3f8ff}.salesperson-kpis article:nth-child(3){background:#fff3f5}.salesperson-kpis article:nth-child(4){background:#fff9ee}.salesperson-kpis article:nth-child(5){background:#eefbf8}
.salesperson-kpis small,.salesperson-kpis strong{display:block}.salesperson-kpis small{color:#65758c;font-weight:800}.salesperson-kpis strong{margin-top:6px;color:#0d2f68;font-size:18px;white-space:nowrap}
.sp-report-card{margin-top:12px}.sp-table-wrap{overflow:auto;border:1px solid #e0e9f4;border-radius:14px}.sp-table{width:100%;border-collapse:collapse;min-width:1120px}.sp-table th{background:#edf5ff;color:#183b74;font-size:11px;padding:10px 8px;border:1px solid #dbe7f5}.sp-table td{padding:9px 8px;border:1px solid #e4ebf4;font-size:12px}.sp-table .number{text-align:right;font-variant-numeric:tabular-nums}.sp-store-total td{background:#e8f3ff!important;color:#163a72}.sp-table tfoot td{background:#d8eaff!important;color:#102f65;padding:11px 8px}
@media(max-width:900px){.salesperson-filter-grid{grid-template-columns:1fr 1fr}.salesperson-filter-grid .primary-btn{grid-column:1/-1}.salesperson-kpis{grid-template-columns:repeat(3,1fr)}}


/* v0.6.5 Stok Devir Hizi */
.turnover-banner{border-left:5px solid #7c3aed}.turnover-kpis{margin:16px 0}.turnover-kpis .kpi-card{border-top:4px solid transparent}.turnover-critical{background:#fff1f2!important;border-top-color:#e11d48!important}.turnover-fast{background:#fff7ed!important;border-top-color:#f97316!important}.turnover-watch{background:#fefce8!important;border-top-color:#eab308!important}.turnover-safe{background:#f0fdf4!important;border-top-color:#22c55e!important}.turnover-table-wrap{max-height:68vh}.turnover-table{min-width:1700px}.turnover-row.turnover-critical td{background:#fff7f8}.turnover-row.turnover-fast td{background:#fffaf5}.turnover-row.turnover-watch td{background:#fffef5}.turnover-row.turnover-safe td{background:#f8fff9}.turnover-badge{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:800;white-space:nowrap}.turnover-badge.turnover-critical{background:#fecdd3!important;color:#9f1239}.turnover-badge.turnover-fast{background:#fed7aa!important;color:#9a3412}.turnover-badge.turnover-watch{background:#fef08a!important;color:#854d0e}.turnover-badge.turnover-safe{background:#bbf7d0!important;color:#166534}

/* v0.6.6 - Giris ve kullanici yetkilendirme */
body.auth-locked .app{display:none!important}.auth-gate{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:24px;background:linear-gradient(145deg,#eef5ff,#f8fbff 50%,#eef9f5)}.auth-gate.hidden{display:none}.auth-card{width:min(440px,100%);background:#fff;border:1px solid #e3eaf4;border-radius:24px;padding:30px;box-shadow:0 24px 70px rgba(26,53,93,.15)}.auth-brand{display:flex;align-items:center;gap:12px;margin-bottom:28px}.auth-brand>div:last-child{display:flex;flex-direction:column}.auth-card h1{margin:0 0 8px;font-size:25px}.auth-card p{margin:0 0 22px;color:#68758a}.auth-card label,.user-editor label{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:700;margin-bottom:14px}.auth-card input,.user-editor input{border:1px solid #d8e0eb;border-radius:11px;padding:12px 13px;font:inherit}.auth-submit{width:100%;justify-content:center;margin-top:4px}.form-error{padding:10px 12px;margin:10px 0;border-radius:10px;background:#fff0f0;color:#a62626;font-size:13px}.sidebar-user{padding:12px 14px;margin:8px 12px;border-radius:12px;background:rgba(255,255,255,.08);font-size:12px}.admin-layout{display:grid;grid-template-columns:280px 1fr;gap:20px;margin-top:18px}.user-list{display:flex;flex-direction:column;gap:8px}.user-row{width:100%;text-align:left;border:1px solid #e3e9f2;background:#fff;border-radius:12px;padding:12px;cursor:pointer}.user-row.active{border-color:#3979ef;background:#f3f7ff}.user-row strong,.user-row small{display:block}.user-row small{margin-top:3px;color:#778398}.user-editor{border:1px solid #e3e9f2;border-radius:16px;padding:18px}.permission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 14px;margin:14px 0 18px}.permission-check{display:flex!important;flex-direction:row!important;align-items:center;gap:9px!important;margin:0!important;padding:10px;border:1px solid #e7ecf3;border-radius:10px;font-weight:600!important}.permission-check input{width:17px;height:17px;margin:0}.user-editor-actions{display:flex;gap:10px;align-items:center}.admin-switches{display:flex;gap:20px;margin:8px 0 16px}.admin-switches label{flex-direction:row;align-items:center;margin:0}.admin-switches input{width:17px;height:17px}.logout-btn{margin-top:8px;width:100%;border:0;border-radius:9px;padding:8px;cursor:pointer}.nav-denied{display:none!important}@media(max-width:800px){.admin-layout{grid-template-columns:1fr}.permission-grid{grid-template-columns:1fr}}


/* v0.6.7 Cari Raporlar */
.nav-submenu.collapsed{display:none!important}.nav-parent[aria-expanded="false"] .nav-chevron{transform:rotate(-90deg)}.nav-chevron{transition:transform .18s ease}
.cari-filter{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin-bottom:16px}.cari-filter label{display:grid;gap:6px;font-size:12px;font-weight:700;color:#53627a;min-width:190px}.cari-filter input,.cari-filter select{height:44px;border:1px solid #d7dfeb;border-radius:10px;padding:0 12px;background:#fff;color:#10233f}.cari-summary{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:12px;margin:14px 0}.cari-kpi{background:#fff;border:1px solid #e1e7f0;border-radius:14px;padding:15px 16px;box-shadow:0 5px 16px rgba(18,39,69,.05)}.cari-kpi small{display:block;color:#69788e;margin-bottom:7px}.cari-kpi strong{font-size:20px}.cari-kpi.debit strong{color:#d97706}.cari-kpi.credit strong{color:#0f766e}.cari-kpi.risk strong{color:#dc2626}.cari-kpi.limit strong{color:#2563eb}.cari-kpi.payment strong{color:#7c3aed}.cari-table td:first-child small{display:block;color:#7b8798;margin-top:3px}.amount-pill,.type-pill{display:inline-flex;padding:6px 10px;border-radius:999px;font-weight:800;white-space:nowrap}.amount-pill.debit{background:#fff3df;color:#b45309}.amount-pill.credit{background:#e7f8f3;color:#047857}.amount-pill.risk{background:#feecec;color:#b91c1c}.amount-pill.limit{background:#eaf2ff;color:#1d4ed8}.amount-pill.payment{background:#f2eaff;color:#6d28d9}.type-pill.advance{background:#fff3df;color:#b45309}.type-pill.payment{background:#e7f8f3;color:#047857}.empty-cell{text-align:center!important;color:#7b8798;padding:28px!important}
@media(max-width:800px){.cari-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.cari-filter label{min-width:calc(50% - 8px);flex:1}.cari-filter button{flex:1}.cari-page .table-wrap{overflow-x:auto}.cari-table{min-width:760px}}

/* v0.6.8 - Cari bakiye mobil gorunum: yatay kaydirmadan kritik tutarlar */
.cari-table.balance-table{table-layout:fixed;width:100%;min-width:0}
.cari-table.balance-table th,.cari-table.balance-table td{vertical-align:middle}
.cari-table.balance-table .cari-account-cell{white-space:normal;overflow-wrap:anywhere;line-height:1.22}
.cari-table.balance-table .cari-account-cell b{display:block;color:#172b4d}
.cari-table.balance-table .cari-account-cell small{display:block;margin-top:4px;color:#66758a;white-space:normal;overflow-wrap:anywhere}
.cari-table.balance-table .amount-pill{width:100%;box-sizing:border-box;justify-content:flex-end;text-align:right}

@media(max-width:800px){
  .cari-page .table-wrap.balance-wrap{overflow-x:hidden}
  .cari-table.balance-table{font-size:11px}
  .cari-table.balance-table th,.cari-table.balance-table td{padding:7px 4px}
  .cari-table.balance-table th{white-space:normal;line-height:1.1;text-align:center;font-size:10px}
  .cari-table.balance-table .amount-pill{padding:5px 4px;border-radius:8px;font-size:10px;letter-spacing:-.2px}
  .cari-table.customer-balance-table th:nth-child(1),.cari-table.customer-balance-table td:nth-child(1){width:30%}
  .cari-table.customer-balance-table th:nth-child(n+2),.cari-table.customer-balance-table td:nth-child(n+2){width:17.5%}
  .cari-table.vendor-balance-table th:nth-child(1),.cari-table.vendor-balance-table td:nth-child(1){width:44%}
  .cari-table.vendor-balance-table th:nth-child(n+2),.cari-table.vendor-balance-table td:nth-child(n+2){width:28%}
}
@media(max-width:430px){
  .cari-table.balance-table{font-size:10px}
  .cari-table.balance-table th,.cari-table.balance-table td{padding:6px 3px}
  .cari-table.balance-table .amount-pill{font-size:9px;padding:5px 2px}
  .cari-table.balance-table .cari-account-cell small{font-size:9px}
}


/* v0.6.9 - Cari bakiye kolon siralama */
.cari-sortable{cursor:pointer;user-select:none;transition:background .15s ease,box-shadow .15s ease}
.cari-sortable:hover,.cari-sortable:focus{background:rgba(15,23,42,.06);outline:none}
.cari-sortable.active-sort{box-shadow:inset 0 -2px 0 currentColor}
.sort-indicator{display:inline-block;min-width:.8em;margin-left:2px;font-weight:900;opacity:.65}
.cari-sortable.active-sort .sort-indicator{opacity:1}
@media(max-width:700px){.cari-sortable .sort-indicator{margin-left:1px;font-size:.85em}}


/* =========================================================
   MERKEZI YONETIM - MUSTERILER v0.4.2
========================================================= */
.admin-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}
.admin-summary-grid article{background:#fff;border:1px solid var(--border);border-radius:13px;padding:15px;box-shadow:var(--shadow)}
.admin-summary-grid small{display:block;color:var(--muted);font-size:10px;font-weight:700}
.admin-summary-grid strong{display:block;margin-top:7px;font-size:20px}
.customer-security-note{margin:4px 0 16px;padding:11px 12px;border:1px solid #dbe7f5;border-radius:10px;background:#f7faff;color:#52647b;font-size:11px;line-height:1.5}
.customer-admin-layout .user-row small{white-space:normal;line-height:1.45}
@media(max-width:800px){.admin-summary-grid{grid-template-columns:1fr}.customer-admin-layout{grid-template-columns:1fr}}

.connector-status-box strong{color:#172033}.connector-status-box{margin-top:14px}


/* v0.6.10 - Stok Devir Hizi etkileşimli KPI + sabit tablo başlığı */
.turnover-kpis .kpi-card{cursor:pointer;user-select:none;transition:transform .16s ease,box-shadow .16s ease,filter .16s ease;outline:none}
.turnover-kpis .kpi-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(16,35,63,.12)}
.turnover-kpis .kpi-card:focus-visible{box-shadow:0 0 0 3px rgba(59,130,246,.24),0 10px 24px rgba(16,35,63,.12)}
.turnover-kpis .kpi-card.turnover-kpi-active{transform:translateY(-2px);box-shadow:0 0 0 3px rgba(30,64,175,.22),0 12px 28px rgba(16,35,63,.14);filter:saturate(1.08)}
.turnover-table-wrap{overflow:auto;max-height:68vh;position:relative}
.turnover-table thead th{position:sticky;top:0;z-index:8;background:#edf5ff;color:#183b74;box-shadow:0 2px 0 #dbe7f5}
.turnover-table thead th.number{text-align:right}
@media(max-width:900px){.turnover-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* =========================================================
   v0.6.11 - Akilli Stok Doktoru
========================================================= */
.smart-doctor-page{--sd-navy:#102a46;--sd-blue:#0d6efd;--sd-border:#dfe7f1;--sd-muted:#6c7a90}
.smart-doctor-filter-card{background:#fff;border:1px solid #e4eaf2;border-radius:15px;padding:17px 18px 14px;box-shadow:0 6px 18px rgba(18,39,69,.05);margin-bottom:15px}
.smart-doctor-filter-grid{display:grid;grid-template-columns:1fr 1fr 1.45fr 1fr 1fr 1fr;gap:14px;align-items:end}
.smart-doctor-filter-grid label{display:grid;gap:7px;font-size:12px;font-weight:700;color:#24364e}
.smart-doctor-filter-grid label span{line-height:1}
.smart-doctor-filter-grid input,.smart-doctor-filter-grid select{height:42px;border:1px solid #d8e0eb;border-radius:8px;background:#fff;padding:0 11px;color:#17304e;font:inherit;outline:none;box-sizing:border-box}
.smart-doctor-filter-grid input:focus,.smart-doctor-filter-grid select:focus{border-color:#7fb0ff;box-shadow:0 0 0 3px rgba(13,110,253,.08)}
.smart-doctor-filter-actions{display:flex;justify-content:flex-end;align-items:center;gap:22px;margin-top:14px}
.smart-doctor-toggle{display:flex;align-items:center;gap:10px;cursor:pointer;user-select:none;color:#1f3148}
.smart-doctor-toggle input{position:absolute;opacity:0;pointer-events:none}
.smart-doctor-toggle-ui{width:39px;height:23px;border-radius:999px;background:#cad5e3;position:relative;transition:.18s ease;flex:none}
.smart-doctor-toggle-ui:after{content:"";position:absolute;left:3px;top:3px;width:17px;height:17px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.2);transition:.18s ease}
.smart-doctor-toggle input:checked+.smart-doctor-toggle-ui{background:#1677ff}
.smart-doctor-toggle input:checked+.smart-doctor-toggle-ui:after{transform:translateX(16px)}
.smart-doctor-toggle>span:last-child{display:grid;gap:2px}.smart-doctor-toggle strong{font-size:12px}.smart-doctor-toggle small{font-size:10px;color:#75839a;font-weight:500}
.smart-doctor-run-btn{height:42px;min-width:145px;justify-content:center;border-radius:8px!important;font-weight:800!important}
.smart-doctor-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin:14px 0 16px}
.smart-doctor-kpi{min-height:112px;border-radius:12px;padding:16px 17px;display:flex;align-items:flex-start;gap:14px;border:1px solid transparent;cursor:pointer;user-select:none;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease;outline:none}
.smart-doctor-kpi:hover,.smart-doctor-kpi.active{transform:translateY(-2px);box-shadow:0 10px 24px rgba(16,35,63,.1)}
.smart-doctor-kpi.active{filter:saturate(1.08);box-shadow:0 0 0 3px rgba(23,92,180,.15),0 12px 24px rgba(16,35,63,.11)}
.smart-doctor-kpi-icon{font-size:28px;line-height:1.1;font-weight:900;margin-top:4px}.smart-doctor-kpi>div:last-child{min-width:0}
.smart-doctor-kpi span{display:block;font-size:13px;font-weight:800;margin-bottom:5px}.smart-doctor-kpi strong{display:block;font-size:29px;line-height:1;margin-bottom:9px;color:#111}.smart-doctor-kpi small{font-size:10px;font-weight:600}
.smart-doctor-kpi-urgent{background:#fff0f0;border-color:#ffd2d2;color:#b91c1c}.smart-doctor-kpi-transfer{background:#fff5e8;border-color:#ffe0b7;color:#c75c00}.smart-doctor-kpi-broken{background:#edf6ff;border-color:#d5e9ff;color:#1760bd}.smart-doctor-kpi-excess{background:#f5efff;border-color:#e7dafd;color:#6d3cc5}.smart-doctor-kpi-normal{background:#eefbf1;border-color:#d4f0db;color:#18753a}
.smart-doctor-content{background:#fff;border:1px solid #e3eaf2;border-radius:12px;box-shadow:0 5px 16px rgba(18,39,69,.05);overflow:hidden}
.smart-doctor-tabs-row{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid #e5ebf2;padding:0 10px;background:#fff}
.smart-doctor-tabs{display:flex;align-items:center;overflow-x:auto;min-width:0}.smart-doctor-tab{border:0;background:transparent;padding:14px 15px 12px;color:#5c6c82;font:inherit;font-size:11px;font-weight:800;cursor:pointer;white-space:nowrap;border-bottom:3px solid transparent}.smart-doctor-tab:hover{color:#1458a6}.smart-doctor-tab.active{color:#0d6efd;border-bottom-color:#0d6efd}
.smart-doctor-export-btn{border:1px solid #d5deea;background:#fff;border-radius:8px;padding:9px 13px;color:#22507f;font-size:11px;font-weight:800;cursor:pointer;white-space:nowrap}.smart-doctor-export-btn:hover{background:#f5f9ff}
.smart-doctor-info{font-size:11px;color:#738198;padding:10px 14px;border-bottom:1px solid #edf1f6;text-align:right}
.smart-doctor-table-wrap{overflow:auto;max-height:58vh;position:relative}
.smart-doctor-table{width:100%;border-collapse:collapse;min-width:2140px;font-size:11px;color:#17304e}
.smart-doctor-table thead th{position:sticky;top:0;z-index:8;background:#102d4a;color:#fff;padding:12px 9px;text-align:left;font-size:10px;font-weight:800;white-space:nowrap;border-right:1px solid rgba(255,255,255,.06)}
.smart-doctor-table thead th.number{text-align:right}.smart-doctor-table td{padding:8px 9px;border-bottom:1px solid #e7edf4;border-right:1px solid #f0f3f7;vertical-align:middle;background:#fff}.smart-doctor-table td.number{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.smart-doctor-table tbody tr:nth-child(even) td{background:#fbfdff}.smart-doctor-row{cursor:pointer}.smart-doctor-row:hover td{background:#edf6ff!important}
.smart-product-cell{display:flex;align-items:center;gap:9px;min-width:170px}.smart-product-thumb,.smart-selected-thumb{display:grid;place-items:center;width:30px;height:36px;border-radius:6px;background:#edf2f8;color:#50657d;font-size:17px;flex:none}.smart-product-cell span:last-child{display:grid;gap:2px}.smart-product-cell strong{font-size:11px}.smart-product-cell small,.smart-doctor-table td small{display:block;color:#78869a;font-size:9px;margin-top:2px}
.smart-life{display:inline-flex;justify-content:center;min-width:52px;padding:5px 7px;border-radius:7px;font-weight:900}.smart-life-urgent{background:#ffe1e1;color:#d51f28}.smart-life-transfer{background:#ffeed8;color:#d36a00}.smart-life-normal{background:#e9f8ee;color:#1f7a3d}.smart-life-excess{background:#f1e9ff;color:#6d3cc5}.smart-life-new{background:#eef3f9;color:#607187}
.smart-status{display:inline-flex;padding:5px 9px;border-radius:6px;color:#fff;font-size:9px;font-weight:900;white-space:nowrap}.smart-status-urgent{background:#ff464d}.smart-status-transfer{background:#ff8a1d}.smart-status-normal{background:#32a65a}.smart-status-excess{background:#7b55ca}.smart-status-new{background:#77879b}.smart-broken-mark{display:inline-flex;margin-left:5px;padding:4px 6px;border-radius:5px;background:#e8f2ff;color:#1760bd;font-size:8px;font-weight:900}
.smart-doctor-store-compare{margin-top:15px;background:#fff;border:1px solid #e1e8f1;border-radius:12px;padding:14px 15px;box-shadow:0 5px 16px rgba(18,39,69,.05)}
.smart-doctor-store-title{display:flex;align-items:center;gap:9px;border-bottom:1px solid #edf1f5;padding-bottom:10px;margin-bottom:11px}.smart-doctor-store-icon{font-size:23px}.smart-doctor-store-title>div{display:grid;gap:3px}.smart-doctor-store-title strong{font-size:13px;color:#164d92}.smart-doctor-store-title small{font-size:10px;color:#75839a}
.smart-doctor-selected-product{display:flex;gap:10px;align-items:center;margin-bottom:10px}.smart-selected-thumb{width:45px;height:55px;font-size:22px}.smart-doctor-selected-product>div:last-child{display:grid;gap:3px}.smart-doctor-selected-product strong{font-size:13px}.smart-doctor-selected-product small,.smart-doctor-selected-product span{font-size:10px;color:#6e7d91}
.smart-doctor-store-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:8px}.smart-store-card{border:1px solid #e0e7ef;border-radius:9px;padding:10px;background:#fff;min-width:0}.smart-store-card.target{border-color:#ff9d9d;background:#fff4f4}.smart-store-card.source{border-color:#8fd9a6;background:#f3fff6}.smart-store-card>strong{display:block;font-size:10px;color:#18334f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.smart-store-card>small{display:block;font-size:8px;color:#7f8ca0;margin:2px 0 7px}.smart-store-card p{margin:3px 0;font-size:9px;color:#526277}.smart-store-card p b{float:right;color:#1c3552}.smart-store-bar{height:6px;border-radius:99px;background:#e5ebf2;overflow:hidden;margin-top:7px}.smart-store-bar span{display:block;height:100%;background:#1fc16b;border-radius:99px}
@media(max-width:1200px){.smart-doctor-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.smart-doctor-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){.smart-doctor-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.smart-doctor-filter-actions{justify-content:space-between;align-items:flex-end}.smart-doctor-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.smart-doctor-tabs-row{align-items:flex-start;flex-direction:column;padding-bottom:8px}.smart-doctor-tabs{width:100%}.smart-doctor-export-btn{align-self:flex-end}}
@media(max-width:520px){.smart-doctor-filter-grid{grid-template-columns:1fr}.smart-doctor-filter-actions{flex-direction:column;align-items:stretch}.smart-doctor-run-btn{width:100%}.smart-doctor-kpis{grid-template-columns:1fr}.smart-doctor-kpi{min-height:92px}}

/* =========================================================
   v122 - XM ANALYTICS PREMIUM SHELL + AKILLI ASİSTAN
========================================================= */
:root{
    --xm-navy:#081b33;
    --xm-navy-2:#0d294a;
    --xm-blue:#2368f2;
    --xm-blue-soft:#edf4ff;
    --xm-ink:#13233a;
    --xm-muted:#718096;
    --xm-line:#e4eaf2;
    --xm-surface:#ffffff;
    --xm-canvas:#f3f6fb;
}

.app{grid-template-columns:258px minmax(0,1fr)}
.sidebar{
    background:linear-gradient(180deg,var(--xm-navy) 0%,#0a213d 58%,#07172b 100%);
    padding:22px 14px 18px;
    box-shadow:8px 0 30px rgba(9,30,55,.08);
    z-index:40;
}
.brand{padding:2px 10px 24px;gap:11px}
.brand-logo{
    width:42px;height:42px;border-radius:13px;
    background:linear-gradient(145deg,#2b71ff,#45a1ff);
    color:#fff;font-size:13px;letter-spacing:-.5px;
    box-shadow:0 8px 22px rgba(35,104,242,.3)
}
.brand strong{font-size:15px;letter-spacing:.1px}
.brand small{color:#7fa2c6;font-size:10px;letter-spacing:.5px;text-transform:uppercase}
.nav-menu{gap:4px;overflow-y:auto;padding-right:2px;scrollbar-width:thin}
.nav-item{border-radius:10px;padding:10px 12px;color:#aec0d4;font-size:12.5px}
.nav-item:hover:not(.disabled){background:rgba(255,255,255,.065);color:#fff}
.nav-item.active{background:linear-gradient(90deg,rgba(48,112,255,.24),rgba(48,112,255,.1));color:#fff;box-shadow:inset 3px 0 #4e8cff}
.nav-ai-item{position:relative;margin-bottom:5px!important;background:rgba(37,104,242,.07)!important;border:1px solid rgba(91,145,255,.14)!important}
.nav-ai-item span{color:#76a6ff;font-size:15px}
.nav-ai-badge{float:none!important;position:absolute;right:10px;top:50%;transform:translateY(-50%);padding:3px 6px;border-radius:999px;background:#246cf1;color:#fff!important;font-size:8px!important;font-weight:900;letter-spacing:.5px}
.sidebar-footer{border-top-color:rgba(255,255,255,.08)}
.main{padding:24px 28px 52px;background:var(--xm-canvas)}
.topbar{border-bottom:0;margin-bottom:20px;padding:3px 2px 17px}
.topbar .eyebrow{color:#4774af;font-weight:800;letter-spacing:1.1px}
.topbar h1{color:var(--xm-ink);letter-spacing:-.45px}
.api-pill{border-radius:999px!important;box-shadow:0 4px 14px rgba(16,43,75,.06)}

.ai-assistant-page{max-width:1600px;margin:0 auto}
.ai-workspace{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:18px;align-items:start}
.ai-conversation-column{min-width:0;display:grid;gap:14px}
.ai-hero-card{
    min-height:155px;border-radius:20px;padding:27px 29px;
    background:
      radial-gradient(circle at 85% 25%,rgba(95,162,255,.24),transparent 27%),
      linear-gradient(130deg,#0b2341 0%,#123b68 62%,#1d5e9d 100%);
    color:#fff;display:flex;justify-content:space-between;align-items:center;gap:28px;
    box-shadow:0 14px 38px rgba(10,35,66,.18);position:relative;overflow:hidden
}
.ai-hero-card:after{content:"";position:absolute;width:240px;height:240px;border:1px solid rgba(255,255,255,.08);border-radius:50%;right:-65px;bottom:-150px;box-shadow:0 0 0 28px rgba(255,255,255,.025),0 0 0 58px rgba(255,255,255,.018)}
.ai-hero-copy{position:relative;z-index:2;max-width:730px}
.ai-kicker{font-size:10px;letter-spacing:1.55px;font-weight:800;color:#aacaff;margin-bottom:9px}.ai-spark{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:7px;background:rgba(77,139,255,.2);margin-right:7px;color:#8db6ff}
.ai-hero-copy h2{margin:0 0 8px;font-size:24px;line-height:1.2;letter-spacing:-.6px}.ai-hero-copy p{margin:0;color:#c6d8eb;font-size:12.5px;line-height:1.65;max-width:700px}
.ai-online-card{position:relative;z-index:2;min-width:174px;padding:13px 15px;border:1px solid rgba(255,255,255,.13);background:rgba(6,25,47,.35);backdrop-filter:blur(8px);border-radius:13px;display:flex;align-items:center;gap:10px}.ai-online-card strong{display:block;font-size:11px}.ai-online-card small{display:block;color:#a9c2dc;font-size:9px;margin-top:3px}.ai-online-dot{width:9px;height:9px;border-radius:50%;background:#38d996;box-shadow:0 0 0 5px rgba(56,217,150,.12)}
.ai-quick-row{display:flex;gap:8px;overflow-x:auto;padding:1px 1px 3px;scrollbar-width:none}.ai-quick-row::-webkit-scrollbar{display:none}.ai-quick-row button{white-space:nowrap;border:1px solid #dce5f0;background:#fff;color:#36516e;border-radius:999px;padding:8px 11px;font-size:10px;font-weight:700;box-shadow:0 3px 9px rgba(20,47,80,.03);transition:.16s}.ai-quick-row button:hover{border-color:#95b8fa;color:#1f5ed4;transform:translateY(-1px)}
.ai-chat-card{background:#fff;border:1px solid #e1e8f1;border-radius:18px;box-shadow:0 10px 30px rgba(14,42,74,.06);overflow:hidden}
.ai-chat-toolbar{display:flex;justify-content:space-between;align-items:center;padding:15px 18px;border-bottom:1px solid #edf1f6;background:#fbfcfe}.ai-chat-toolbar strong{display:block;font-size:12px;color:#17314e}.ai-chat-toolbar small{display:block;margin-top:3px;color:#8492a6;font-size:9px}.ai-ghost-btn{border:1px solid #dbe4ef;background:#fff;color:#46617d;border-radius:8px;padding:7px 10px;font-size:9px;font-weight:800}.ai-ghost-btn:hover{background:#f3f7fc}
.ai-messages{height:min(52vh,560px);min-height:370px;overflow:auto;padding:22px 20px;display:flex;flex-direction:column;gap:18px;background:linear-gradient(180deg,#fff 0%,#fbfdff 100%);scrollbar-width:thin}
.ai-message-row{display:flex;align-items:flex-start;gap:10px;max-width:86%}.ai-message-row.user{align-self:flex-end;justify-content:flex-end}.ai-message-row.assistant{align-self:flex-start}.ai-message-avatar{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;flex:none;font-size:12px;font-weight:900}.ai-message-row.assistant .ai-message-avatar{background:linear-gradient(145deg,#173c6a,#2672e9);color:#fff;box-shadow:0 5px 14px rgba(38,114,233,.2)}.ai-message-row.user .ai-message-avatar{background:#e8eef6;color:#3c5671}
.ai-message-bubble{border-radius:15px;padding:13px 15px;min-width:120px}.ai-message-row.assistant .ai-message-bubble{background:#f0f5fb;border:1px solid #e0e8f2;border-top-left-radius:5px;color:#223850}.ai-message-row.user .ai-message-bubble{background:linear-gradient(140deg,#2468ee,#1d5bd1);color:#fff;border-top-right-radius:5px;box-shadow:0 8px 20px rgba(36,104,238,.15)}
.ai-message-text{font-size:12px;line-height:1.6;white-space:pre-wrap}.ai-answer-meta{display:flex;align-items:center;gap:7px;margin-top:9px;padding-top:8px;border-top:1px solid rgba(104,128,157,.14);font-size:8.5px;color:#71839a}.ai-answer-meta i{width:3px;height:3px;background:#9dafc2;border-radius:50%}
.ai-inline-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.ai-inline-actions button{border:1px solid #d9e2ee;background:#fff;color:#365673;border-radius:8px;padding:6px 8px;font-size:8.5px;font-weight:700}.ai-inline-actions button:hover{border-color:#9ebcf0;color:#245fc6}
.ai-typing{display:flex;align-items:center;gap:5px;padding:0 20px 11px;color:#75869b;font-size:9px}.ai-typing span{width:6px;height:6px;border-radius:50%;background:#4f7fc6;animation:aiDot 1s infinite ease-in-out}.ai-typing span:nth-child(2){animation-delay:.12s}.ai-typing span:nth-child(3){animation-delay:.24s}.ai-typing small{margin-left:5px}@keyframes aiDot{0%,100%{opacity:.25;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}
.ai-composer{display:flex;align-items:flex-end;gap:9px;padding:13px 15px 8px;border-top:1px solid #e9eef5;background:#fff}.ai-composer textarea{flex:1;resize:none;min-height:43px;max-height:140px;border:1px solid #dce4ee;background:#f9fbfd;border-radius:12px;padding:12px 13px;outline:none;color:#1e334b;font:inherit;font-size:11px;line-height:1.45;transition:.15s}.ai-composer textarea:focus{border-color:#8eb3f6;background:#fff;box-shadow:0 0 0 3px rgba(35,104,242,.07)}.ai-circle-btn{width:43px;height:43px;display:grid;place-items:center;border-radius:12px;border:1px solid #dbe4ef;background:#fff;font-size:15px;flex:none}.ai-circle-btn:hover{background:#f3f7fc}.ai-circle-btn.listening{border-color:#ef6c78;background:#fff2f4;animation:aiMic 1.1s infinite}@keyframes aiMic{50%{box-shadow:0 0 0 7px rgba(239,108,120,.12)}}.ai-send-btn{height:43px;border:0;border-radius:12px;background:linear-gradient(135deg,#2368f2,#1b55c5);color:#fff;padding:0 15px;display:flex;align-items:center;gap:8px;font-size:10px;font-weight:800;box-shadow:0 7px 18px rgba(35,104,242,.2)}.ai-send-btn:disabled{opacity:.55;cursor:wait}.ai-send-btn b{font-size:14px}.ai-composer-hint{text-align:right;padding:0 16px 11px;color:#a0abb9;font-size:8px}
.ai-inspector{display:grid;gap:13px;position:sticky;top:16px}.ai-side-card{background:#fff;border:1px solid #e1e8f1;border-radius:16px;padding:16px;box-shadow:0 7px 22px rgba(14,42,74,.05);transition:.2s}.ai-side-card.ai-side-pulse{box-shadow:0 0 0 4px rgba(35,104,242,.1),0 10px 28px rgba(14,42,74,.08);transform:translateY(-2px)}.ai-side-title{display:flex;align-items:center;gap:9px;margin-bottom:13px}.ai-side-title>span{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:#edf4ff;color:#2868d6;font-weight:900}.ai-side-title strong{display:block;color:#18314d;font-size:11px}.ai-side-title small{display:block;color:#8b98a9;font-size:8px;margin-top:2px}
.ai-query-details{display:grid;gap:0;border:1px solid #edf1f5;border-radius:10px;overflow:hidden}.ai-query-details>div{display:grid;grid-template-columns:72px 1fr;gap:8px;padding:9px 10px;border-bottom:1px solid #edf1f5;align-items:start}.ai-query-details>div:last-child{border-bottom:0}.ai-query-details span{font-size:8px;color:#8a98aa;text-transform:uppercase;letter-spacing:.55px;font-weight:800}.ai-query-details strong{font-size:9px;color:#314c68;line-height:1.4;word-break:break-word}.ai-ok-text{color:#168455!important}.ai-error-text{color:#c54655!important}
.ai-visual-panel{min-height:120px}.ai-visual-empty{height:120px;display:grid;place-items:center;align-content:center;text-align:center;color:#93a1b3;gap:5px;border:1px dashed #dbe4ee;border-radius:11px;background:#fbfcfe}.ai-visual-empty span{font-size:22px;color:#b0bfd0}.ai-visual-empty p{font-size:9px;max-width:190px;line-height:1.5;margin:0}.ai-single-kpi{border-radius:12px;background:linear-gradient(135deg,#eef5ff,#f8fbff);padding:15px;border:1px solid #dfeafb}.ai-single-kpi small{display:block;font-size:8px;color:#7590af;font-weight:900;letter-spacing:.8px}.ai-single-kpi strong{display:block;font-size:23px;color:#174c9a;margin:5px 0}.ai-single-kpi span{font-size:8.5px;color:#687d94;line-height:1.45}
.ai-mini-chart{display:grid;gap:9px}.ai-bar-row{display:grid;gap:4px}.ai-bar-label{display:grid;grid-template-columns:17px minmax(0,1fr) auto;gap:5px;align-items:center;font-size:8.5px}.ai-bar-label>span{width:16px;height:16px;border-radius:5px;background:#eef3f9;color:#59728e;display:grid;place-items:center;font-size:7px;font-weight:900}.ai-bar-label b{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#34506d}.ai-bar-label strong{color:#173f75;font-size:8px}.ai-bar-track{height:6px;background:#eef2f7;border-radius:99px;overflow:hidden}.ai-bar-track i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#2e72ef,#71a5ff);min-width:4px}
.ai-action-grid{display:grid;gap:7px}.ai-action-grid button{display:flex;align-items:center;gap:10px;text-align:left;border:1px solid #e4eaf2;background:#fbfcfe;border-radius:10px;padding:9px 10px;color:#2c4764}.ai-action-grid button:hover{border-color:#b6cef4;background:#f5f9ff}.ai-action-grid button>span{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:#fff;border:1px solid #e5eaf1}.ai-action-grid strong{display:block;font-size:9.5px}.ai-action-grid small{display:block;color:#8795a7;font-size:7.5px;margin-top:2px}
.ai-source-card{background:linear-gradient(145deg,#0c2848,#123d69);border-color:#173e67;color:#fff}.ai-source-card .ai-side-title>span{background:rgba(255,255,255,.09);color:#8fb7ff}.ai-source-card .ai-side-title strong{color:#fff}.ai-source-card .ai-side-title small{color:#91abc5}.ai-source-stats{display:grid;grid-template-columns:auto 1fr auto 1fr;gap:5px 7px;align-items:baseline}.ai-source-stats strong{font-size:19px;color:#fff}.ai-source-stats span{font-size:8px;color:#a6bdd4}
.ai-floating-btn{position:fixed;right:24px;bottom:24px;width:58px;height:58px;border:0;border-radius:19px;background:linear-gradient(145deg,#0c3159,#2368f2);color:#fff;box-shadow:0 14px 30px rgba(20,68,126,.3);z-index:45;display:grid;place-items:center;align-content:center;gap:0}.ai-floating-btn>span{font-size:18px;line-height:1}.ai-floating-btn>small{font-size:7px;font-weight:900;letter-spacing:.7px;margin-top:2px}.ai-floating-btn:hover{transform:translateY(-2px);box-shadow:0 17px 34px rgba(20,68,126,.36)}

@media(max-width:1180px){
    .ai-workspace{grid-template-columns:minmax(0,1fr) 300px}
    .ai-hero-copy h2{font-size:21px}
}
@media(max-width:980px){
    .ai-workspace{grid-template-columns:1fr}
    .ai-inspector{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}
    .ai-source-card{grid-column:1/-1}
    .ai-messages{height:48vh}
}
@media(max-width:800px){
    .app{grid-template-columns:1fr}
    .main{padding:18px 14px 88px}
    .ai-hero-card{padding:21px;display:grid;min-height:auto}.ai-online-card{min-width:0;width:max-content}.ai-hero-copy h2{font-size:19px}
    .ai-inspector{grid-template-columns:1fr}.ai-source-card{grid-column:auto}
    .ai-message-row{max-width:94%}.ai-messages{height:54vh;min-height:330px;padding:17px 13px}
    .ai-send-btn span{display:none}.ai-send-btn{padding:0 14px}
    .ai-floating-btn{right:16px;bottom:78px;width:52px;height:52px;border-radius:17px}
}
@media(max-width:520px){
    .ai-hero-card{border-radius:16px;padding:18px}.ai-hero-copy p{font-size:11px}.ai-quick-row button{font-size:9px;padding:7px 9px}
    .ai-chat-card,.ai-side-card{border-radius:14px}.ai-message-bubble{padding:11px 12px}.ai-message-text{font-size:11px}.ai-inline-actions button{font-size:8px;padding:5px 7px}
    .ai-composer{gap:6px;padding-left:10px;padding-right:10px}.ai-circle-btn,.ai-send-btn{height:40px}.ai-circle-btn{width:40px}.ai-composer textarea{min-height:40px;padding:10px 11px}
}

/* =========================================================
   v122 FIX1 - MOBIL MENÜ + AI RAPOR
   07.10.2026
========================================================= */
@media (max-width:1050px){
  .mobile-nav-overlay{
    z-index:1302!important;
    pointer-events:none!important;
    touch-action:manipulation;
  }
  body.mobile-nav-open .mobile-nav-overlay{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }
  .sidebar{
    z-index:1303!important;
    pointer-events:auto!important;
  }
  .mobile-menu-btn{
    z-index:1304!important;
    pointer-events:auto!important;
    touch-action:manipulation!important;
    -webkit-tap-highlight-color:transparent;
  }
}

.ai-report-modal{
  position:fixed;z-index:5000;inset:0;overflow:auto;
  padding:28px;background:rgba(9,24,43,.70);backdrop-filter:blur(5px);
}
.ai-report-modal.hidden{display:none!important}
.ai-report-kpi{padding:24px;margin:18px 0;background:#edf4fb;border-left:4px solid #2368f2;border-radius:12px;break-inside:avoid}
.ai-report-kpi small,.ai-report-kpi strong,.ai-report-kpi span{display:block}
.ai-report-kpi strong{font-size:32px;color:#173c6a;margin:8px 0;overflow-wrap:anywhere}
.ai-report-kpi span{color:#415b75;font-size:12px}
.ai-report-sheet{
  width:min(1120px,100%);margin:0 auto;background:#fff;color:#172033;
  border-radius:18px;padding:28px;box-shadow:0 28px 80px rgba(0,0,0,.28)
}
.ai-report-actions{display:flex;justify-content:flex-end;gap:8px;margin-bottom:18px}
.ai-report-actions button{border:1px solid #d7e0eb;background:#fff;color:#34506d;border-radius:9px;padding:9px 12px;font-weight:800;cursor:pointer}
.ai-report-actions button.primary{border-color:#2368f2;background:#2368f2;color:#fff}
.ai-report-brand{display:flex;align-items:center;gap:12px;padding-bottom:14px;border-bottom:1px solid #e5ebf2}
.ai-report-brand>span{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(145deg,#173c6a,#2672e9);color:#fff;font-weight:900}
.ai-report-brand strong,.ai-report-brand small{display:block}.ai-report-brand small{margin-top:3px;color:#7c8da1}
.ai-report-sheet h1{margin:22px 0 8px;font-size:25px}.ai-report-summary{margin:0 0 17px;line-height:1.65;color:#415b75}
.ai-report-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 18px}
.ai-report-meta>div{border:1px solid #e3eaf2;border-radius:10px;padding:10px;background:#f9fbfd}
.ai-report-meta small,.ai-report-meta strong{display:block}.ai-report-meta small{font-size:9px;color:#8392a5;text-transform:uppercase}.ai-report-meta strong{font-size:11px;margin-top:4px;word-break:break-word}
.ai-report-sheet table{width:100%;border-collapse:collapse;font-size:11px}.ai-report-sheet th,.ai-report-sheet td{border:1px solid #dce4ed;padding:7px 8px;text-align:left}.ai-report-sheet th{background:#edf4fb;color:#254766}.ai-report-sheet td.num{text-align:right}.ai-report-empty{padding:18px;border:1px dashed #cad5e2;border-radius:10px;color:#718197;text-align:center}
@media(max-width:700px){
  .ai-report-modal{padding:8px}.ai-report-sheet{border-radius:12px;padding:14px}.ai-report-meta{grid-template-columns:1fr 1fr}
  .ai-report-sheet{overflow-x:auto}.ai-report-sheet table{min-width:650px}
}
@media print{
  body *{visibility:hidden!important}
  .ai-report-modal,.ai-report-modal *{visibility:visible!important}
  .ai-report-modal{display:block!important;position:absolute!important;inset:0!important;padding:0!important;background:#fff!important;overflow:visible!important}
  .ai-report-sheet{width:100%!important;margin:0!important;padding:0!important;border-radius:0!important;box-shadow:none!important}
  .ai-report-actions{display:none!important}
}
/* FIX3: visible voice invitation at the top of the assistant */
.ai-hero-controls{display:grid;gap:12px;min-width:250px;position:relative;z-index:2}
.ai-voice-invite{display:flex;align-items:center;gap:14px;width:100%;min-height:88px;padding:16px 18px;border:1px solid rgba(151,197,255,.48);border-radius:20px;background:linear-gradient(135deg,rgba(56,126,239,.48),rgba(9,34,65,.75));color:#fff;text-align:left;cursor:pointer;touch-action:manipulation;box-shadow:0 8px 24px rgba(0,12,35,.18);position:relative}
.ai-voice-invite:focus-visible{outline:3px solid #8edaff;outline-offset:4px}
.ai-voice-orb{position:relative;display:grid;place-items:center;width:50px;height:50px;flex:none;border-radius:50%;background:linear-gradient(135deg,#60baff,#3678f2);box-shadow:0 0 22px rgba(91,177,255,.4);animation:aiVoiceFloat 2.8s ease-in-out infinite}
.ai-voice-orb:before,.ai-voice-orb:after{content:"";position:absolute;inset:-5px;border:1px solid rgba(124,201,255,.65);border-radius:50%;animation:aiVoiceRipple 2.4s ease-out infinite;pointer-events:none}
.ai-voice-orb:after{animation-delay:1.2s}
.ai-voice-copy{flex:1;min-width:0}.ai-voice-copy strong{display:block;font-size:16px;line-height:1.3}.ai-voice-copy small{display:block;font-size:11px;color:#c1ddff;margin-top:5px}
.ai-voice-waves{display:flex;align-items:center;gap:3px;height:28px;flex:none}.ai-voice-waves i{width:3px;height:18px;border-radius:4px;background:#86d6ff;animation:aiVoiceWave 1.1s ease-in-out infinite}.ai-voice-waves i:nth-child(2){animation-delay:.18s}.ai-voice-waves i:nth-child(3){animation-delay:.36s}.ai-voice-waves i:nth-child(4){animation-delay:.54s}
.ai-voice-invite.listening{border-color:#ff96ad;background:linear-gradient(135deg,#7b285b,#223e76)}.ai-voice-invite.listening .ai-voice-orb{background:linear-gradient(135deg,#ff9bc1,#ee568b)}.ai-voice-invite.listening .ai-voice-waves i{background:#ffb5cf;animation-duration:.55s}
@keyframes aiVoiceFloat{0%,100%{transform:translateY(2px) rotate(-4deg)}50%{transform:translateY(-4px) rotate(4deg)}}
@keyframes aiVoiceRipple{0%{transform:scale(.94);opacity:.7}100%{transform:scale(1.42);opacity:0}}
@keyframes aiVoiceWave{0%,100%{transform:scaleY(.4)}50%{transform:scaleY(1.2)}}
@media(max-width:700px){.ai-hero-controls{width:100%;min-width:0}.ai-voice-invite{min-height:84px}.ai-hero-card{align-items:stretch}}
@media(prefers-reduced-motion:reduce){.ai-voice-orb,.ai-voice-orb:before,.ai-voice-orb:after,.ai-voice-waves i{animation:none}}
/* FIX4: rotating neon perimeter */
@property --ai-neon-angle{syntax:"<angle>";initial-value:0deg;inherits:false}
.ai-voice-invite{isolation:isolate;border:2px solid transparent;background:linear-gradient(135deg,#163f74,#091e3a) padding-box,conic-gradient(from var(--ai-neon-angle),#28eaff 0deg,#3382ff 65deg,#ae52ff 130deg,#ff51d7 190deg,#2669ff 260deg,#28eaff 360deg) border-box;animation:aiNeonSpin 3s linear infinite;box-shadow:0 0 12px rgba(40,234,255,.3),0 0 26px rgba(113,73,255,.25),inset 0 0 15px rgba(75,144,255,.12)}
.ai-voice-invite:before{content:"";position:absolute;inset:-4px;border-radius:22px;padding:3px;background:conic-gradient(from var(--ai-neon-angle),transparent 0deg,transparent 210deg,#a25bff 250deg,#ff79e8 280deg,#b5ffff 305deg,#2eeaff 330deg,transparent 360deg);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;filter:drop-shadow(0 0 5px #42dfff);animation:aiNeonSpin 2s linear infinite;pointer-events:none}
.ai-voice-orb{background:linear-gradient(135deg,#135778,#53369a);box-shadow:0 0 18px rgba(37,219,255,.5)}
.ai-voice-orb:before{inset:-5px;border:3px solid transparent;border-top-color:#a4ffff;border-right-color:#3beaff;border-bottom-color:#a756ff;animation:aiNeonOrbit 1.8s linear infinite;box-shadow:0 0 9px rgba(59,234,255,.4)}
.ai-voice-orb:after{inset:-10px;border:1px solid transparent;border-left-color:#fa80ea;border-bottom-color:#864bff;animation:aiNeonOrbit 3s linear infinite reverse}
.ai-voice-invite.listening{background:linear-gradient(135deg,#52234d,#192a57) padding-box,conic-gradient(from var(--ai-neon-angle),#ff7da9,#a252ff,#43e9ff,#ff7da9) border-box;animation-duration:1.3s}
@keyframes aiNeonSpin{to{--ai-neon-angle:360deg}}
@keyframes aiNeonOrbit{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.ai-voice-invite,.ai-voice-invite:before,.ai-voice-orb:before,.ai-voice-orb:after{animation:none}}

/* FIX9: persistent voice session and presentation choices */
.ai-voice-invite.conversation-active{border-color:#5af2cb;box-shadow:0 0 0 3px #5af2cb32,0 0 24px #28eaff50,inset 0 0 18px #42dfff22}
.ai-clarification-choices{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}
.ai-clarification-choices button{border:1px solid #8b5cf6;background:linear-gradient(135deg,#fff,#f4edff);color:#5b21b6;border-radius:999px;padding:8px 12px;font-size:11px;font-weight:850;box-shadow:0 4px 12px #6d28d91a}
.ai-clarification-choices button:hover{background:#ede1ff;transform:translateY(-1px)}
.ai-clarification-choices button:disabled{opacity:.55}
.ai-mini-chart{gap:10px}
.ai-bar-row{padding:8px 9px 9px;border:1px solid color-mix(in srgb,var(--ai-row-color) 35%,white);border-left:4px solid var(--ai-row-color);border-radius:11px;background:linear-gradient(105deg,color-mix(in srgb,var(--ai-row-color) 9%,white),#fff 62%);box-shadow:0 4px 12px #10233b0a}
.ai-bar-row:nth-child(6n+1){--ai-row-color:#7c3aed}.ai-bar-row:nth-child(6n+2){--ai-row-color:#0891b2}.ai-bar-row:nth-child(6n+3){--ai-row-color:#e11d74}.ai-bar-row:nth-child(6n+4){--ai-row-color:#d97706}.ai-bar-row:nth-child(6n+5){--ai-row-color:#2563eb}.ai-bar-row:nth-child(6n){--ai-row-color:#059669}
.ai-bar-label{grid-template-columns:22px minmax(0,1fr) auto;gap:8px;font-size:11px;line-height:1.35}.ai-bar-label>span{width:21px;height:21px;background:var(--ai-row-color);color:#fff;font-size:9px}.ai-bar-label b{white-space:normal;overflow:visible;text-overflow:clip;font-size:11px;font-weight:850;color:#263c59}.ai-bar-label strong{font-size:11px;font-weight:900;color:var(--ai-row-color);white-space:nowrap}.ai-bar-track{height:7px;background:#e9edf4}.ai-bar-track i{background:var(--ai-row-color);box-shadow:0 0 8px color-mix(in srgb,var(--ai-row-color) 55%,transparent)}
.ai-report-actions button#aiReportExcelBtn{border-color:#059669;background:#059669;color:white}
.ai-report-sheet tbody tr:nth-child(even){background:#f3f7fc}.ai-report-sheet tbody tr:hover{background:#e7f2ff}.ai-report-sheet th{font-weight:900;background:linear-gradient(120deg,#173c6a,#2878d5);color:#fff}.ai-report-sheet td{font-weight:650;line-height:1.45}.ai-report-sheet td.num{font-variant-numeric:tabular-nums;font-weight:850;color:#1c4c7c}.ai-report-sheet tbody tr:nth-child(5n+1) td:first-child{border-left:4px solid #7c3aed}.ai-report-sheet tbody tr:nth-child(5n+2) td:first-child{border-left:4px solid #0891b2}.ai-report-sheet tbody tr:nth-child(5n+3) td:first-child{border-left:4px solid #e11d74}.ai-report-sheet tbody tr:nth-child(5n+4) td:first-child{border-left:4px solid #d97706}.ai-report-sheet tbody tr:nth-child(5n) td:first-child{border-left:4px solid #059669}
@media(max-width:700px){
  .ai-report-modal{padding:5px}.ai-report-sheet{overflow:visible;padding:13px}.ai-report-actions{position:sticky;top:-13px;z-index:2;margin:-13px -13px 14px;padding:10px;background:#fff;box-shadow:0 4px 12px #11243b13}.ai-report-actions button{padding:9px 10px;font-size:11px}.ai-report-sheet table{min-width:0;width:100%;font-size:12px}.ai-report-sheet thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.ai-report-sheet tbody{display:grid;gap:9px}.ai-report-sheet tbody tr{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid #dfe8f2;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #10233b0d}.ai-report-sheet td{display:flex;flex-direction:column;min-width:0;padding:8px 9px;border:0!important;border-bottom:1px solid #e8eef5!important;overflow-wrap:anywhere;text-align:left!important}.ai-report-sheet td:before{content:attr(data-label);margin-bottom:3px;color:#71839a;font-size:9px;line-height:1.2;font-weight:900;text-transform:uppercase;letter-spacing:.3px}.ai-report-sheet td.num{color:#174a78}.ai-report-kpi{padding:16px}.ai-report-kpi strong{font-size:27px}
}

/* FIX5: approved compact neon assistant */
#aiAssistantPage{padding:22px;border-radius:22px;background:radial-gradient(ellipse at 0% 12%,#6921ad 0%,transparent 54%),radial-gradient(ellipse at 100% 48%,#8a175d 0%,transparent 52%),radial-gradient(ellipse at 8% 100%,#086c80 0%,transparent 50%),linear-gradient(155deg,#181232,#25133d 55%,#0b283d);box-shadow:0 12px 35px #16122d22}
#aiAssistantPage .ai-workspace{gap:18px}#aiAssistantPage .ai-conversation-column{gap:18px}
#aiAssistantPage .ai-hero-card{background:none;padding:0;min-height:0;border-radius:20px;box-shadow:none;overflow:visible;display:block}#aiAssistantPage .ai-hero-card:after{display:none}#aiAssistantPage .ai-hero-controls{min-width:0;width:100%;display:block}
#aiAssistantPage .ai-voice-invite{min-height:86px;box-shadow:0 0 16px #26eaff66,0 0 32px #b54dff55}
.ai-ready-card{padding:16px;border:2px solid #b389f4;border-radius:18px;background:linear-gradient(135deg,#322251,#302452);box-shadow:0 0 18px #a75eff30}.ai-ready-card h3{margin:0 0 6px;color:#f3e7ff;font-size:17px;font-weight:800}.ai-ready-card p{margin:0 0 14px;color:#d2c5e8;font-size:12px}
#aiAssistantPage .ai-quick-row{display:grid;grid-template-columns:1fr 1fr;gap:9px;overflow:visible;padding:0}#aiAssistantPage .ai-quick-row button{white-space:normal;text-align:left;background:#45336b;border:1px solid #9b78cf;color:#f4edff;border-radius:11px;padding:12px 10px;font-size:12px;font-weight:750;line-height:1.4}#aiAssistantPage .ai-quick-row button:hover,#aiAssistantPage .ai-quick-row button:focus-visible{background:linear-gradient(125deg,#8754d8,#c149ae);border-color:#e5b1ff}
#aiAssistantPage .ai-chat-card{background:linear-gradient(135deg,#dcf7f3,#e1edff);border:2px solid #63bdc3;box-shadow:0 0 20px #29eeeb40,0 10px 30px #00000030}
#aiAssistantPage .ai-chat-toolbar{background:transparent;border-bottom:2px solid #9ed2d6;gap:10px;align-items:flex-start}#aiAssistantPage .ai-chat-toolbar strong{color:#12576a;font-size:17px;font-weight:850;line-height:1.35}#aiAssistantPage .ai-chat-toolbar small{color:#366d7b;font-size:10px}#aiAssistantPage .ai-ghost-btn{color:#165b6b;background:#effffa;border-color:#9bcfcf;font-weight:800;flex:none}
#aiAssistantPage .ai-composer{background:transparent;border-top:0;padding:16px 16px 8px;gap:8px}#aiAssistantPage .ai-composer textarea{min-width:0;background:#f0fffd;border:2px solid #92d3cc;font-size:14px;color:#174d5a}#aiAssistantPage .ai-send-btn{background:linear-gradient(135deg,#19a991,#267fc4);font-size:12px}#aiAssistantPage .ai-composer-hint{color:#386875}
#aiAssistantPage .ai-messages{min-height:180px;max-height:650px}#aiAssistantPage .ai-message-bubble{font-weight:700}#aiAssistantPage .ai-message-row.assistant .ai-message-bubble{background:#f0fffd;border:2px solid #92d3cc;color:#174d5a}#aiAssistantPage .ai-message-text{font-size:14px;line-height:1.6}#aiAssistantPage .ai-inline-actions button{font-size:11px;font-weight:800;padding:8px;border-color:#89c2c2;color:#12576a}#aiAssistantPage .ai-answer-meta{color:#356b76}
.ai-ready-status{display:flex;align-items:center;justify-content:center;gap:10px;color:#c4e2ef;padding:2px 4px}.ai-ready-status small{font-size:12px}
#aiAssistantPage .ai-side-card{background:linear-gradient(135deg,#edfdfa,#e7efff);border:2px solid #8bcbd1}#aiAssistantPage .ai-side-title strong{font-size:13px;font-weight:800;color:#12576a}
@media(max-width:700px){#aiAssistantPage{padding:16px 12px;border-radius:18px}#aiAssistantPage .ai-chat-toolbar{padding:14px 12px}#aiAssistantPage .ai-chat-toolbar strong{font-size:15px}#aiAssistantPage .ai-chat-toolbar .ai-ghost-btn{font-size:9px;padding:7px}#aiAssistantPage .ai-composer{padding:14px 12px 8px}#aiAssistantPage .ai-composer textarea{font-size:16px}#aiAssistantPage .ai-send-btn{padding:0 10px;font-size:11px}#aiAssistantPage .ai-messages{padding:14px 12px;min-height:160px}#aiAssistantPage .ai-message-row{max-width:100%}#aiAssistantPage .ai-message-text{font-size:13px}.ai-ready-card{padding:14px}}
#aiAssistantPage .ai-answer-kpi{margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #aad9d4}.ai-answer-kpi small,.ai-answer-kpi strong,.ai-answer-kpi span{display:block}.ai-answer-kpi small{font-size:11px;color:#36747d;font-weight:800}.ai-answer-kpi strong{font-size:clamp(24px,5vw,36px);line-height:1.2;color:#12576a;margin:8px 0;overflow-wrap:anywhere}.ai-answer-kpi span{font-size:11px;color:#36747d}
#aiAssistantPage .ai-messages{background:transparent}#aiAssistantPage .ai-source-stats strong{color:#12576a}#aiAssistantPage .ai-source-stats span{color:#366d7b}#aiAssistantPage .ai-send-btn span{display:inline}#aiAssistantPage .ai-chat-toolbar>div{min-width:0;flex:1}
#aiAssistantPage .ai-clarification-choices{display:flex;flex-wrap:wrap;gap:8px;margin-top:13px}.ai-clarification-choices button{border:1px solid #6bb5b1;border-radius:9px;background:#e3f8f1;color:#12576a;padding:10px 12px;font-size:12px;font-weight:800;cursor:pointer}.ai-clarification-choices button:hover{background:#c5ece2}.ai-clarification-choices button:disabled{opacity:.55;cursor:default}
#aiAssistantPage .ai-workspace{display:block}#aiAssistantPage .ai-conversation-column{max-width:100%}#aiAssistantPage .ai-inspector{display:contents}#aiAssistantPage .ai-side-card{margin-top:16px}#aiAssistantPage .ai-source-card{display:none}
.ai-voice-settings{display:grid;grid-template-columns:auto 1fr;gap:9px;align-items:center;padding:14px;border:1px solid #9bcaca;border-radius:14px;background:#ecfcf8;color:#12576a}.ai-voice-settings label{font-size:12px;font-weight:800}.ai-voice-settings select{min-width:0;padding:9px;border:1px solid #8dc4c1;border-radius:8px;background:white;color:#12576a;font-size:14px}.ai-voice-settings button{grid-column:1/-1;padding:9px;border:0;border-radius:8px;background:#238b9b;color:white;font-weight:800}.ai-voice-settings small{grid-column:1/-1;font-size:11px;line-height:1.4}

/* Hierarchical per-user menu and report permissions. */
.permission-tree-title{display:grid;gap:4px;margin:18px 0 8px}
.permission-tree-title small{color:#68758a;font-weight:500;line-height:1.5}
.permission-tree{display:grid;gap:9px;margin:10px 0 18px}
.permission-menu-group{overflow:hidden;border:1px solid #d9e4f1;border-radius:13px;background:linear-gradient(145deg,#fbfdff,#f5f8ff);box-shadow:0 3px 0 #e4eaf3,0 6px 14px #4058750d}
.permission-menu-head{display:flex;align-items:center;gap:8px;padding:6px 8px}
.permission-menu-expand{display:flex;align-items:center;gap:10px;flex:1;min-width:0;border:0;border-radius:9px;padding:9px 10px;background:linear-gradient(120deg,#e9f8f7,#f0efff);color:#263b57;text-align:left;cursor:pointer}
.permission-menu-group:nth-child(even) .permission-menu-expand{background:linear-gradient(120deg,#edf5ff,#f8efff)}
.permission-menu-expand:hover{filter:saturate(1.12);box-shadow:inset 0 0 0 1px #b9d9e8}
.permission-menu-name{font-weight:850;font-size:13px}
.permission-menu-expand small{margin-left:auto;color:#718099;white-space:nowrap;font-size:11px}
.permission-menu-chevron{display:grid;place-items:center;width:22px;height:22px;border:1px solid #c9dce8;border-radius:7px;background:#ffffffb8;color:#16899b;font-size:19px;line-height:1;transition:transform .18s}
.permission-menu-expand[aria-expanded="true"] .permission-menu-chevron{transform:rotate(90deg)}
.permission-menu-all{display:flex!important;flex-direction:row!important;align-items:center;gap:6px!important;margin:0!important;padding:7px 9px;border:1px solid #dce5ef;border-radius:9px;background:#fff;color:#455773;font-size:11px!important;font-weight:750!important;white-space:nowrap}
.permission-menu-all input{width:15px;height:15px;margin:0;accent-color:#159bab}
.permission-menu-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:9px 12px 12px;border-top:1px solid #e3eaf3}
.permission-menu-items[hidden]{display:none!important}
.permission-menu-items .permission-check{min-width:0;padding:8px 9px;background:#ffffffc9}
.permission-menu-items .permission-check span{line-height:1.35}
@media(max-width:800px){.permission-menu-items{grid-template-columns:1fr}.permission-menu-name{font-size:12px}}

/* Main navigation: the approved interactive menu treatment. */
@property --menu-neon-angle{syntax:"<angle>";initial-value:0deg;inherits:false}
.nav-group{position:relative;isolation:isolate;margin:6px 0 9px;padding:2px;border:1px solid rgba(92,140,198,.34);border-radius:13px;background:linear-gradient(145deg,rgba(25,44,74,.78),rgba(22,30,58,.9));box-shadow:0 3px 0 rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.06)}
.nav-group::before{content:"";position:absolute;z-index:-1;inset:-2px;border-radius:15px;padding:2px;background:conic-gradient(from var(--menu-neon-angle),transparent 0deg,transparent 235deg,#59eaff 270deg,#65a8ff 300deg,#da79ff 326deg,#87fff1 348deg,transparent 360deg);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:menuNeonSpin 5s linear infinite;opacity:.9;pointer-events:none}
.nav-group:nth-of-type(2n)::before{background:conic-gradient(from var(--menu-neon-angle),transparent 0deg,transparent 225deg,#69ffe0 262deg,#70b9ff 295deg,#c884ff 325deg,#9affe8 350deg,transparent 360deg);animation-duration:6.2s}
.nav-group .nav-parent{position:relative;z-index:1;border:0;background:linear-gradient(110deg,rgba(16,44,70,.98),rgba(34,27,65,.98));color:#e4f4ff;font-weight:800;letter-spacing:.01em}
.nav-group:nth-of-type(2n) .nav-parent{background:linear-gradient(110deg,rgba(19,54,67,.98),rgba(34,34,77,.98))}
.nav-group .nav-parent:hover:not(.disabled){background:linear-gradient(110deg,#1c466c,#3b2a72);box-shadow:0 0 14px rgba(73,211,255,.18)}
.nav-group .nav-chevron{margin-left:auto;transition:transform .2s ease,color .2s ease}
.nav-group .nav-parent[aria-expanded="true"] .nav-chevron{transform:rotate(180deg);color:#77f2ff}
.nav-group .nav-submenu{position:relative;z-index:1;padding:4px 3px 5px 9px}
.nav-group .nav-subitem{border-left:1px solid rgba(99,197,232,.24);border-radius:7px;font-size:11.5px;padding:8px 9px}
.nav-group .nav-subitem:hover:not(.disabled){background:rgba(89,181,234,.14);box-shadow:inset 2px 0 #65eaff}
@keyframes menuNeonSpin{to{--menu-neon-angle:360deg}}
@media(prefers-reduced-motion:reduce){.nav-group::before{animation:none;background:linear-gradient(100deg,#53e5f5,#9a80ff,#53e5f5)}}

.pending-report-page{padding-top:4px}
.pending-report-card{max-width:980px;padding:clamp(20px,4vw,36px);border:1px solid #d9e4f1;border-radius:22px;background:linear-gradient(135deg,#f4fffd,#f6f3ff 65%,#eef5ff);box-shadow:0 12px 32px rgba(54,91,135,.09)}
.pending-report-badge{display:inline-flex;padding:7px 10px;border:1px solid #bddfe8;border-radius:999px;background:#e7fbfa;color:#087d91;font-size:10px;font-weight:850;letter-spacing:.09em}
.pending-report-card h2{margin:20px 0 7px;color:#213751;font-size:clamp(22px,3vw,32px)}
.pending-report-card p{max-width:680px;color:#596d85;line-height:1.65}
.pending-report-note{display:grid;gap:6px;margin-top:24px;padding:15px 17px;border-left:4px solid #34cbe1;border-radius:12px;background:#fff;color:#43566e;box-shadow:0 4px 14px #153a5a0d}
.pending-report-note strong{color:#203a58}

.company-access-group{overflow:hidden;margin:0 0 10px;border:1px solid #d4e1ef;border-radius:15px;background:linear-gradient(145deg,#fff,#f3f7ff);box-shadow:0 3px 0 #e4ebf4,0 8px 18px #29425c0a}
.company-access-head{display:flex;align-items:center;gap:7px;padding:8px;background:linear-gradient(100deg,#e5f8f5,#eeefff)}
.company-access-toggle{display:flex;align-items:center;gap:9px;flex:1;min-width:0;padding:9px 10px;border:0;border-radius:10px;background:transparent;color:#233b58;text-align:left}
.company-access-toggle strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:850}
.company-access-toggle small{margin-left:auto;color:#74839a;white-space:nowrap}
.company-access-toggle b{display:grid;place-items:center;width:23px;height:23px;border:1px solid #c9dce8;border-radius:7px;background:#ffffffb8;color:#16899b;transition:transform .18s}
.company-access-toggle[aria-expanded="true"] b{transform:rotate(90deg)}
.company-add-user{flex:none;border:1px solid #b9dfe4;border-radius:9px;background:#fff;color:#1a7183;padding:8px 10px;font-size:11px;font-weight:800}
.company-add-user:hover{border-color:#5acddd;box-shadow:0 0 11px #5acddd4d}
.company-access-users{display:grid;gap:6px;padding:9px 11px 11px;border-top:1px solid #e0e9f2}
.company-access-users[hidden]{display:none!important}
.company-user-entry{width:100%;display:flex;align-items:center;gap:8px;padding:9px 11px;border:1px solid #e0e8f1;border-radius:10px;background:#fff;color:#263c57;text-align:left}
.company-user-entry:hover,.company-user-entry.active{border-color:#7bd7e4;background:#f1fcff;box-shadow:inset 3px 0 #4dcde0}
.company-user-entry span{display:grid;gap:3px;min-width:0}
.company-user-entry strong{font-size:12px}
.company-user-entry small{overflow:hidden;color:#7b899d;text-overflow:ellipsis;white-space:nowrap;font-size:10px}
.company-no-users{padding:10px;color:#7a8798;font-size:11px}
.admin-users-intro{margin:0;color:#718096;font-size:12px;line-height:1.5}

/* Shared light/neon report surface and compact filter standard. */
.page:not(#dashboardPage):not(#aiAssistantPage):not(#adminCustomersPage):not(#adminUsersPage) .filter-panel,
.page:not(#dashboardPage):not(#aiAssistantPage):not(#adminCustomersPage):not(#adminUsersPage) .modern-cash-filter,
.page:not(#dashboardPage):not(#aiAssistantPage):not(#adminCustomersPage):not(#adminUsersPage) .salesperson-filter-panel,
.page:not(#dashboardPage):not(#aiAssistantPage):not(#adminCustomersPage):not(#adminUsersPage) .report-filter-standardized{
  border:1px solid #cfe3f1;
  border-radius:16px;
  background:linear-gradient(118deg,#f5ffff 0%,#f5f7ff 54%,#fbf5ff 100%);
  box-shadow:inset 0 1px 0 #fff,0 2px 0 #dce5f2,0 8px 20px rgba(63,101,151,.08),0 0 12px rgba(49,198,204,.08);
}
.page:not(#dashboardPage):not(#aiAssistantPage):not(#adminCustomersPage):not(#adminUsersPage) .smart-doctor-filter-card{border-color:#cfe3f1;background:linear-gradient(118deg,#f5ffff 0%,#f5f7ff 54%,#fbf5ff 100%);box-shadow:inset 0 1px 0 #fff,0 2px 0 #dce5f2,0 8px 20px rgba(63,101,151,.08),0 0 12px rgba(49,198,204,.08)}
.page:not(#dashboardPage):not(#aiAssistantPage):not(#adminCustomersPage):not(#adminUsersPage) .panel,
.page:not(#dashboardPage):not(#aiAssistantPage):not(#adminCustomersPage):not(#adminUsersPage) .table-card,
.page:not(#dashboardPage):not(#aiAssistantPage):not(#adminCustomersPage):not(#adminUsersPage) .cash-report-sheet{
  border-color:#d4e2ef;
  box-shadow:inset 0 1px 0 #fff,0 2px 0 #e0e8f2,0 8px 22px rgba(56,83,130,.07),0 0 10px rgba(132,119,235,.06);
}
.report-filter-standardized{display:block!important;padding:13px!important;margin-bottom:14px!important}
.report-filter-primary{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));align-items:end;gap:9px 11px;width:100%}
.report-filter-primary>.filter-field,.report-filter-primary>label{min-width:0}
.report-filter-primary .filter-actions{display:flex;align-items:end;gap:8px}
.report-filter-primary .filter-field label,.report-filter-primary>label,
.report-advanced-fields .filter-field label,.report-advanced-fields>label{color:#405777;font-size:11px;font-weight:800}
.report-filter-primary input,.report-filter-primary select,
.report-advanced-fields input,.report-advanced-fields select{min-width:0;border:1px solid #cfdaeb;border-radius:10px;background:#fff;color:#263a58;box-shadow:inset 0 1px 2px rgba(34,58,91,.035)}
.report-filter-primary input:focus,.report-filter-primary select:focus,
.report-advanced-fields input:focus,.report-advanced-fields select:focus{border-color:#72cbd4;box-shadow:0 0 0 3px rgba(83,207,210,.15);outline:0}
.report-advanced{position:relative;margin-top:10px;padding:1px;border:1px solid #d6d9f3;border-radius:12px;background:linear-gradient(110deg,#f0ffff,#f4f0ff 55%,#f2fbff);box-shadow:0 3px 10px rgba(89,103,166,.07)}
.report-advanced>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:38px;padding:8px 12px;border-radius:10px;color:#345583;font-size:12px;font-weight:850;cursor:pointer}
.report-advanced>summary::-webkit-details-marker{display:none}
.report-advanced>summary b{font-size:16px;color:#6f73cf;transition:transform .18s ease}
.report-advanced[open]>summary b{transform:rotate(180deg)}
.report-advanced-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;padding:9px 11px 12px;border-top:1px solid rgba(199,213,235,.72)}
.report-advanced-fields>.filter-field,.report-advanced-fields>label{min-width:0}
.report-filter-standardized .report-advanced[open]{box-shadow:0 4px 13px rgba(80,110,158,.08),0 0 12px rgba(70,194,205,.09)}
.report-filter-primary .btn,.report-filter-primary .primary-btn,.report-filter-primary .secondary-btn{min-height:40px;border-radius:10px}
.smart-doctor-filter-grid>.report-filter-primary,.smart-doctor-filter-grid>.report-advanced{grid-column:1/-1}
@media(max-width:720px){
  .report-filter-standardized{padding:10px!important;margin-bottom:11px!important;border-radius:14px!important}
  .report-filter-primary{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .report-filter-primary>.filter-field,.report-filter-primary>label{width:100%;min-width:0}
  .report-filter-primary .stock-search-field,.report-filter-primary .filter-actions{grid-column:1/-1}
  .report-filter-primary input,.report-filter-primary select,.report-advanced-fields input,.report-advanced-fields select{width:100%;min-height:42px}
  .report-advanced-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .report-advanced-fields .filter-field,.report-advanced-fields>label{min-width:0}
  .report-filter-primary .filter-actions .btn,.report-filter-primary .filter-actions button{width:100%}
}

/* Compact shared report filters plus live item/material ledger screens. */
.report-filter-standardized .report-filter-primary{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
.report-filter-standardized .report-filter-primary>.filter-field,.report-filter-standardized .report-filter-primary>label{display:grid;gap:5px}
.report-filter-standardized .report-filter-primary .stock-search-field{min-width:min(250px,100%)}
.report-filter-standardized .report-filter-primary .filter-actions{grid-column:1/-1;justify-content:flex-end}
.report-filter-standardized .report-advanced>summary{background:linear-gradient(100deg,#e6ffff,#f0edff 55%,#e8f8ff);border:1px solid #cfe1f0;box-shadow:0 2px 0 #dbe5f0,0 0 10px rgba(83,207,210,.12)}
.item-ledger-page{display:grid;gap:12px}
.item-ledger-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 2px;padding:2px 2px 4px}
.item-ledger-toolbar p{margin:4px 0 0;color:#64748b;font-size:12px}
.item-ledger-kicker{font-size:10px;font-weight:900;letter-spacing:.12em;color:#66809c}
.item-ledger-exports{display:flex;gap:8px}
.item-ledger-exports button{min-height:38px;padding:8px 13px;border:1px solid #c9ddec;border-radius:10px;background:linear-gradient(110deg,#efffff,#f5f1ff);color:#345574;font-size:11px;font-weight:850;box-shadow:0 2px 0 #dae6f1;cursor:pointer}
.item-ledger-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.item-ledger-kpi{display:grid;gap:6px;min-width:0;padding:13px 14px;border:1px solid #d3e2f0;border-radius:14px;background:linear-gradient(130deg,#f4ffff,#f7f6ff 72%,#fbf7ff);color:#334b68;text-align:left;box-shadow:inset 0 1px #fff,0 2px 0 #e2eaf2,0 5px 13px rgba(50,90,140,.06);cursor:pointer;transition:transform .15s,border-color .15s,box-shadow .15s}
.item-ledger-kpi:hover,.item-ledger-kpi.active{transform:translateY(-1px);border-color:#8dcbd7;box-shadow:inset 0 1px #fff,0 2px 0 #d8e8f0,0 0 12px rgba(83,207,210,.15)}
.item-ledger-kpi span{font-size:11px;font-weight:800;color:#5a718d}.item-ledger-kpi strong{overflow:hidden;text-overflow:ellipsis;font-size:18px;color:#1e3554}.item-ledger-kpi small{font-size:11px;color:#73859b}
.item-ledger-results{min-width:0;overflow:hidden}.item-ledger-table-wrap{max-height:65vh;overflow:auto}.item-ledger-table{min-width:1550px;border-collapse:separate;border-spacing:0;font-size:11px}.item-ledger-table th{position:sticky;top:0;z-index:1;background:linear-gradient(105deg,#e8f8ff,#f0edff);color:#344c68;font-weight:850}.item-ledger-table th,.item-ledger-table td{padding:8px 9px;border-bottom:1px solid #e5eaf1;white-space:nowrap}.item-ledger-table tbody tr:nth-child(even){background:#f8fbff}.item-ledger-table td.number{text-align:right;font-variant-numeric:tabular-nums}.item-ledger-table .empty-cell{text-align:center;padding:24px;color:#78869a}
.item-ledger-filter .filter-field{position:relative}
.item-ledger-product-choices{position:absolute;z-index:30;top:calc(100% + 5px);left:0;right:0;max-height:280px;overflow:auto;border:1px solid #bfd8e8;border-radius:12px;background:#fff;box-shadow:0 12px 28px rgba(28,53,83,.18)}
.item-ledger-product-choices.hidden{display:none}
.item-ledger-product-choice{display:grid;grid-template-columns:minmax(90px,.8fr) minmax(130px,2fr) minmax(90px,1fr);align-items:center;gap:10px;width:100%;padding:10px 12px;border:0;border-bottom:1px solid #e8eef5;background:#fff;color:#263b57;text-align:left;cursor:pointer}
.item-ledger-product-choice:hover,.item-ledger-product-choice:focus{background:linear-gradient(100deg,#e9fbff,#f4f0ff);outline:0}
.item-ledger-product-choice strong{overflow:hidden;text-overflow:ellipsis;font-size:12px}
.item-ledger-product-choice span,.item-ledger-product-choice small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.item-ledger-product-choice small{color:#71849a;font-size:10px}
.item-ledger-product-choice-status{padding:12px;color:#60758e;font-size:12px}
.live-product-choices{position:fixed;z-index:2500;max-height:min(340px,55vh);overflow:auto;border:1px solid #b9d4e6;border-radius:12px;background:#fff;box-shadow:0 14px 34px rgba(20,43,72,.2)}
.live-product-choices.hidden{display:none}
.live-product-choice{display:grid;grid-template-columns:minmax(90px,.85fr) minmax(130px,2fr) minmax(90px,1fr);align-items:center;gap:10px;width:100%;padding:10px 12px;border:0;border-bottom:1px solid #e8eef5;background:#fff;color:#263b57;text-align:left;cursor:pointer}
.live-product-choice:hover,.live-product-choice:focus{background:linear-gradient(100deg,#e9fbff,#f4f0ff);outline:0}
.live-product-choice strong{overflow:hidden;text-overflow:ellipsis;font-size:12px}
.live-product-choice span,.live-product-choice small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.live-product-choice small{color:#71849a;font-size:10px}
.live-product-choice-status{padding:12px;color:#60758e;font-size:12px}
@media(max-width:560px){.live-product-choice{grid-template-columns:minmax(100px,1fr) minmax(0,2fr);gap:4px 8px;padding:9px 10px}.live-product-choice small{grid-column:2;font-size:9px}}
@media(max-width:720px){.item-ledger-toolbar{align-items:flex-start;flex-direction:column;gap:9px}.item-ledger-exports{width:100%}.item-ledger-exports button{flex:1}.item-ledger-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.item-ledger-kpi{padding:11px 10px}.item-ledger-kpi strong{font-size:15px}.item-ledger-kpi:last-child{grid-column:1/-1}.item-ledger-table-wrap{max-height:58vh}}
@media print{.item-ledger-toolbar,.item-ledger-filter,.item-ledger-kpis,.nav-sidebar,.sidebar,.mobile-nav,.mobile-menu-btn,.ai-fab,.mobile-bottom-nav{display:none!important}.item-ledger-table-wrap{max-height:none;overflow:visible}.item-ledger-table{min-width:0;font-size:8px}.item-ledger-table th,.item-ledger-table td{white-space:normal;padding:4px}}