/* ============================================================
   Prosoft CRM — dizayn qatı (designs/1–3.png). MudBlazor Material qalır (§10); burada yalnız
   tokenlər və kart / cədvəl / sidebar / çip görünüşü. Rənglər MudBlazor palitrasından (--mud-palette-*),
   ona görə dark rejim avtomatik. Status rəngləri DB-dən (--status inline dəyişəni).
   ============================================================ */

:root {
    --ps-radius: 12px;
    --ps-radius-sm: 8px;
    --ps-shadow: 0 1px 2px rgba(16, 24, 40, .04), 0 1px 3px rgba(16, 24, 40, .06);
    --ps-shadow-md: 0 4px 12px rgba(16, 24, 40, .08);
    --ps-border: var(--mud-palette-lines-default);
}
html[data-theme="dark"] {
    --ps-shadow: 0 1px 2px rgba(0, 0, 0, .3);
    --ps-shadow-md: 0 6px 18px rgba(0, 0, 0, .35);
}

html, body, .mud-typography, .mud-input, .mud-button-root {
    font-family: Inter, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}
body { background: var(--mud-palette-background); }

/* --- Üst panel --- */
.app-bar.mud-appbar {
    background: var(--mud-palette-appbar-background);
    color: var(--mud-palette-appbar-text);
    border-bottom: 1px solid var(--ps-border);
    height: 64px;
}
.app-bar .mud-toolbar { height: 64px; min-height: 64px; padding-left: 16px; padding-right: 16px; }
.app-bar .mud-icon-button { color: var(--mud-palette-text-secondary); }
@media (min-width: 1280px) { .app-bar-menu { display: none; } }

.global-search { width: min(520px, 42vw); margin-left: 8px; }
.global-search .mud-input-control { margin: 0; }
.global-search .mud-input.mud-input-outlined { background: var(--mud-palette-background-gray); border-radius: 10px; }
.global-search .mud-input-outlined-border { border-color: transparent !important; }
.global-search .mud-input.mud-input-outlined:hover .mud-input-outlined-border,
.global-search .mud-input.mud-input-outlined.mud-shrink .mud-input-outlined-border { border-color: var(--mud-palette-primary) !important; }
.search-hit { display: flex; align-items: center; min-width: 320px; }
.search-hit-text { display: flex; flex-direction: column; line-height: 1.2; }
.search-hit-title { font-weight: 500; }
.search-hit-sub { font-size: .75rem; color: var(--mud-palette-text-secondary); }

.user-chip { display: flex; align-items: center; gap: 10px; padding: 4px 6px 4px 4px; border-radius: 999px; }
.user-chip .mud-avatar { font-size: .85rem; font-weight: 600; width: 36px; height: 36px; }
.user-chip-text { display: none; flex-direction: column; line-height: 1.15; text-align: left; }
.user-chip-name { font-weight: 600; font-size: .875rem; color: var(--mud-palette-text-primary); }
.user-chip-role { font-size: .75rem; color: var(--mud-palette-text-secondary); }
@media (min-width: 900px) { .user-chip-text { display: flex; } }
.drawer-logout { display: flex; align-items: center; gap: 10px; width: 100%; padding: 9px 12px; border: 0; border-radius: 10px; background: transparent; font: inherit; font-weight: 500; color: var(--mud-palette-drawer-text); cursor: pointer; }
.drawer-logout:hover { background: var(--mud-palette-background-gray); color: var(--mud-palette-error); }

/* --- Sidebar --- */
.app-drawer.mud-drawer { border-right: 1px solid var(--ps-border); background: var(--mud-palette-drawer-background); }
.app-drawer .mud-drawer-content { display: flex; flex-direction: column; }
.drawer-brand { padding: 16px 20px 8px; }
.brand { display: flex; align-items: center; gap: 10px; }
.brand-text { display: flex; flex-direction: column; line-height: 1.1; }
.brand-name { font-weight: 700; font-size: 1.05rem; color: var(--mud-palette-text-primary); letter-spacing: -.01em; }
.brand-tagline { font-size: .7rem; color: var(--mud-palette-text-secondary); margin-top: 3px; }

.app-nav { padding: 4px 12px; }
.nav-section { font-size: .68rem; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--mud-palette-text-disabled); padding: 14px 12px 4px; }
.app-nav .mud-nav-link { border-radius: 10px; margin: 2px 0; padding: 9px 12px; color: var(--mud-palette-drawer-text); font-weight: 500; }
.app-nav .mud-nav-link .mud-nav-link-icon { color: var(--mud-palette-drawer-icon); margin-right: 12px; }
.app-nav .mud-nav-link:hover { background: var(--mud-palette-background-gray); }
.app-nav .mud-nav-link.active { background: color-mix(in srgb, var(--mud-palette-primary) 12%, transparent); color: var(--mud-palette-primary); font-weight: 600; }
.app-nav .mud-nav-link.active .mud-nav-link-icon { color: var(--mud-palette-primary); }

/* Dar menyuda şirkət keçidi başlıqdadır — istifadəçi kartının özü aktivator olur. */
.user-chip-switcher .tenant-switcher-activator { gap: 2px; padding-right: 2px; }

/* Dar menyu: kursor üstünə gələnə qədər yalnız ikonlar. */
.app-drawer-mini .brand-text,
.app-drawer-mini .drawer-footer > :not(.drawer-compact),
.app-drawer-mini .drawer-compact-text,
.app-drawer-mini .mud-nav-link-text,
.app-drawer-mini .nav-section,
.app-drawer-mini .mud-nav-link-expand-icon { display: none; }
.app-drawer-mini .drawer-brand { padding: 16px 10px 8px; }
.app-drawer-mini .brand-plate { padding: 4px; }
.app-drawer-mini .app-nav { padding: 4px 6px; }
.app-drawer-mini .app-nav .mud-nav-link { padding: 9px; justify-content: center; }
.app-drawer-mini .app-nav .mud-nav-link .mud-nav-link-icon { margin-right: 0; }
.app-drawer-mini .app-nav .mud-nav-group .mud-collapse-container { display: none; }
.app-drawer-mini .drawer-footer { padding: 8px 6px; }

.drawer-compact {
    display: flex; align-items: center; gap: 10px; width: 100%; padding: 7px 12px; margin-bottom: 8px; border: 0;
    border-radius: 10px; background: transparent; font: inherit; font-size: .8rem;
    color: var(--mud-palette-text-secondary); cursor: pointer;
}
.drawer-compact:hover { background: var(--mud-palette-background-gray); color: var(--mud-palette-text-primary); }
.app-drawer-mini .drawer-compact { justify-content: center; padding: 9px; margin: 0; }

.drawer-footer { padding: 12px 16px 16px; border-top: 1px solid var(--ps-border); }
.drawer-company { display: flex; align-items: center; gap: 10px; padding: 8px 10px; border: 1px solid var(--ps-border); border-radius: 10px; color: var(--mud-palette-text-secondary); margin-bottom: 10px; }
.drawer-company-text { display: flex; flex-direction: column; line-height: 1.15; min-width: 0; }
.drawer-company-label { font-size: .68rem; }
.drawer-company-name { font-size: .85rem; font-weight: 600; color: var(--mud-palette-text-primary); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.theme-switch { display: flex; background: var(--mud-palette-background-gray); border-radius: 999px; padding: 3px; }
.theme-switch button { flex: 1; display: flex; align-items: center; justify-content: center; gap: 6px; border: 0; background: transparent; color: var(--mud-palette-text-secondary); font: inherit; font-size: .8rem; font-weight: 500; padding: 6px 8px; border-radius: 999px; cursor: pointer; }
.theme-switch button.active { background: var(--mud-palette-surface); color: var(--mud-palette-text-primary); box-shadow: var(--ps-shadow); }

/* Üç tema iki düymənin enində: adını yalnız seçili rejim saxlayır. */
.theme-switch-three button:not(.active) { flex: 0 0 34px; padding-left: 0; padding-right: 0; }
.theme-switch-three button:not(.active) span { display: none; }
.theme-switch-three button.active { flex: 1 1 auto; min-width: 0; }

/* Şirkət logosu ağ lövhə üzərində: ağ fonda çəkilmiş logo hər temada oxunur, ikinci variant lazım olmur. */
.brand-plate { display: inline-flex; align-items: center; background: #FFFFFF; border-radius: 8px; padding: 6px 10px; max-width: 100%; }
.brand-plate img { display: block; max-height: 36px; max-width: 100%; object-fit: contain; }

/* Şirkət adının yanındaki keçid (yalnız platforma admini bir neçə şirkət görür). */
.tenant-switcher-activator { display: flex; align-items: center; gap: 4px; cursor: pointer; border-radius: 8px; }
.tenant-switcher-activator:hover { background: color-mix(in srgb, var(--mud-palette-text-primary) 6%, transparent); }
.tenant-switcher-icon { color: var(--mud-palette-text-secondary); flex: 0 0 auto; }
.tenant-switcher-title { padding: 8px 16px 4px; font-size: .72rem; text-transform: uppercase; letter-spacing: .04em; color: var(--mud-palette-text-secondary); }
.tenant-switcher-item { display: flex; align-items: center; gap: 10px; width: 100%; border: 0; background: transparent; font: inherit; font-size: .85rem; color: var(--mud-palette-text-primary); padding: 8px 16px; cursor: pointer; text-align: left; }
.tenant-switcher-item:hover:not(:disabled) { background: var(--mud-palette-action-default-hover); }
.tenant-switcher-item:disabled { cursor: default; color: var(--mud-palette-text-secondary); }
.tenant-switcher-name { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tenant-switcher-code { font-family: var(--ps-mono, ui-monospace, monospace); font-size: .75rem; color: var(--mud-palette-text-secondary); }

/* Şirkət teması: sidebar şirkətin rəngidir, deməli üstündəki hər şey drawer mətn rəngi ilə danışır. */
html[data-theme="brand"] .app-drawer.mud-drawer { border-right-color: transparent; }
html[data-theme="brand"] .app-drawer .brand-name,
html[data-theme="brand"] .app-drawer .brand-tagline,
html[data-theme="brand"] .app-nav .nav-section,
html[data-theme="brand"] .drawer-compact,
html[data-theme="brand"] .drawer-company,
html[data-theme="brand"] .drawer-company-label,
html[data-theme="brand"] .drawer-company-name,
html[data-theme="brand"] .tenant-switcher-icon,
html[data-theme="brand"] .drawer-logout { color: var(--mud-palette-drawer-text); }
html[data-theme="brand"] .tenant-switcher-activator:hover,
html[data-theme="brand"] .mud-navmenu.mud-navmenu-default .mud-nav-link:hover:not(.mud-nav-link-disabled),
html[data-theme="brand"] .drawer-compact:hover,
html[data-theme="brand"] .drawer-logout:hover { background: color-mix(in srgb, var(--mud-palette-drawer-text) 14%, transparent); color: var(--mud-palette-drawer-text); }
html[data-theme="brand"] .mud-navmenu.mud-navmenu-default .mud-nav-link.active:not(.mud-nav-link-disabled) { background: color-mix(in srgb, var(--mud-palette-drawer-text) 22%, transparent); color: var(--mud-palette-drawer-text); }
html[data-theme="brand"] .mud-navmenu.mud-navmenu-default .mud-nav-link.active:not(.mud-nav-link-disabled) .mud-nav-link-icon { color: var(--mud-palette-drawer-text); }
html[data-theme="brand"] .drawer-footer { border-top-color: color-mix(in srgb, var(--mud-palette-drawer-text) 25%, transparent); }
html[data-theme="brand"] .theme-switch { background: color-mix(in srgb, var(--mud-palette-drawer-text) 16%, transparent); }
html[data-theme="brand"] .theme-switch button { color: var(--mud-palette-drawer-text); }
html[data-theme="brand"] .theme-switch button.active { color: var(--mud-palette-primary); }

/* --- Məzmun --- */
.app-main { background: var(--mud-palette-background); min-height: 100vh; }
.app-container { padding: 24px 24px 48px; }
@media (max-width: 600px) { .app-container { padding: 16px 12px 40px; } }

/* Səhifə başlığı */
.page-head { margin-bottom: 20px; }
.page-title { font-weight: 700; letter-spacing: -.01em; }
.page-subtitle { color: var(--mud-palette-text-secondary); }

/* Kartlar: MudPaper hər yerdə kart kimi — 12px, incə haşiyə, yumşaq kölgə */
.mud-paper:not(.mud-dialog):not(.mud-popover):not(.mud-menu-list):not(.mud-appbar):not(.mud-drawer):not(.mud-snackbar):not(.mud-alert):not(.mud-table-toolbar) {
    border-radius: var(--ps-radius);
    border: 1px solid var(--ps-border);
    box-shadow: var(--ps-shadow);
}
.mud-paper.mud-elevation-0 { box-shadow: none; }
.mud-dialog { border-radius: var(--ps-radius); }
.mud-popover { border-radius: 10px; border: 1px solid var(--ps-border); box-shadow: var(--ps-shadow-md); background: var(--mud-palette-surface); }
.mud-alert { border-radius: var(--ps-radius-sm); }
.mud-table { border-radius: var(--ps-radius); }

/* Cədvəl */
.mud-table .mud-table-head .mud-table-cell { font-size: .72rem; font-weight: 600; letter-spacing: .05em; text-transform: uppercase; color: var(--mud-palette-text-secondary); background: var(--mud-palette-background-gray); border-bottom: 1px solid var(--ps-border); }
.mud-table .mud-table-cell { border-bottom: 1px solid var(--mud-palette-table-lines); }
.mud-table-hover .mud-table-body .mud-table-row:hover { background: var(--mud-palette-table-hover); }
.mud-table-dense .mud-table-cell { padding: 10px 12px; }
.mud-table-pagination { border-top: 1px solid var(--ps-border); }

/* Mobil (Breakpoint.Sm/Xs) — MudBlazor sətri "etiket: dəyər" yığınına çevirir; yuxarıdakı sətir xətti hər hücrəyə düşdüyündən
   qeydlər bir-birinə qarışırdı. Burada hər qeyd ayrıca kartdır: çərçivə, boşluq, birinci hücrə (nömrə / kod) başlıq kimi. */
@media (max-width: 960px) {
    .mud-sm-table .mud-table-body, .mud-xs-table .mud-table-body { display: block; padding: 10px; border-top: 0; }
    .mud-sm-table .mud-table-body .mud-table-row, .mud-xs-table .mud-table-body .mud-table-row {
        display: block; border: 1px solid var(--ps-border); border-radius: var(--ps-radius-sm); background: var(--mud-palette-surface);
        box-shadow: var(--ps-shadow); overflow: hidden;
    }
    .mud-sm-table .mud-table-body .mud-table-row + .mud-table-row, .mud-xs-table .mud-table-body .mud-table-row + .mud-table-row { margin-top: 10px; }
    .mud-sm-table .mud-table-body .mud-table-cell, .mud-xs-table .mud-table-body .mud-table-cell { border-bottom: 0; }
    .mud-sm-table .mud-table-body .mud-table-cell:first-child, .mud-xs-table .mud-table-body .mud-table-cell:first-child {
        background: var(--mud-palette-background-gray); border-bottom: 1px solid var(--ps-border); font-weight: 600;
    }
    .mud-sm-table.mud-table-dense .mud-table-body .mud-table-cell:first-child, .mud-xs-table.mud-table-dense .mud-table-body .mud-table-cell:first-child { padding: 9px 16px; }
    .mud-sm-table .mud-table-body .mud-table-row.row-void, .mud-xs-table .mud-table-body .mud-table-row.row-void { opacity: .6; }
}

/* Düymələr, çiplər, inputlar */
.mud-button-root { border-radius: var(--ps-radius-sm); }
.mud-button-filled { box-shadow: none; }
.mud-button-filled:hover { box-shadow: var(--ps-shadow); }
.mud-chip { border-radius: 999px; font-weight: 500; }
.mud-input-outlined .mud-input-outlined-border { border-radius: var(--ps-radius-sm); }
.mud-tabs .mud-tab { text-transform: none; font-weight: 600; letter-spacing: 0; }
.mud-tabs-toolbar { border-bottom: 1px solid var(--ps-border); }

/* Status çipi — rəng DB-dən (qayda 7): 14% fon + rəngli mətn/ikon (tonlu, dizayndakı kimi) */
.status-chip.mud-chip {
    background: color-mix(in srgb, var(--status) 14%, transparent) !important;
    color: var(--status) !important;
    border: 1px solid color-mix(in srgb, var(--status) 30%, transparent);
    font-weight: 600;
}
.status-chip.mud-chip .mud-chip-icon { color: var(--status) !important; }
html[data-theme="dark"] .status-chip.mud-chip { color: color-mix(in srgb, var(--status) 70%, #fff) !important; background: color-mix(in srgb, var(--status) 22%, transparent) !important; }
html[data-theme="dark"] .status-chip.mud-chip .mud-chip-icon { color: color-mix(in srgb, var(--status) 70%, #fff) !important; }

/* KPI plitələri (dashboard) */
.kpi-tile { padding: 16px 18px; cursor: pointer; display: flex; flex-direction: column; gap: 10px; transition: transform .12s, box-shadow .12s; height: 100%; }
.kpi-tile:hover { transform: translateY(-1px); box-shadow: var(--ps-shadow-md); }
.kpi-icon { width: 40px; height: 40px; border-radius: 10px; display: flex; align-items: center; justify-content: center; background: color-mix(in srgb, var(--kpi) 14%, transparent); color: var(--kpi); }
.kpi-label { font-size: .85rem; color: var(--mud-palette-text-secondary); font-weight: 500; }
.kpi-value { font-size: 1.6rem; font-weight: 700; letter-spacing: -.02em; font-variant-numeric: tabular-nums; line-height: 1.1; }
.kpi-tile.kpi-money .kpi-value { font-size: 1.25rem; }

/* Diqqət növbəsi */
.attention-list .mud-nav-link, .attention-item { border-radius: 10px; }
.attention-item { display: flex; align-items: center; gap: 12px; padding: 10px 12px; color: inherit; text-decoration: none; }
.attention-item:hover { background: var(--mud-palette-background-gray); }
.attention-icon { width: 36px; height: 36px; border-radius: 10px; display: flex; align-items: center; justify-content: center; background: color-mix(in srgb, var(--mud-palette-primary) 12%, transparent); color: var(--mud-palette-primary); flex: none; }
.attention-count { min-width: 28px; height: 28px; border-radius: 999px; display: inline-flex; align-items: center; justify-content: center; background: var(--mud-palette-primary); color: #fff; font-weight: 700; font-size: .8rem; padding: 0 8px; }
.attention-title { font-weight: 600; }
.attention-detail { font-size: .8rem; color: var(--mud-palette-text-secondary); }

/* Son fəaliyyət */
.activity-item { display: flex; gap: 12px; padding: 8px 0; border-bottom: 1px solid var(--mud-palette-table-lines); color: inherit; text-decoration: none; }
.activity-item:last-child { border-bottom: 0; }
.activity-icon { width: 34px; height: 34px; border-radius: 999px; display: flex; align-items: center; justify-content: center; flex: none; background: color-mix(in srgb, var(--act, var(--mud-palette-primary)) 14%, transparent); color: var(--act, var(--mud-palette-primary)); }
.activity-text { display: flex; flex-direction: column; min-width: 0; line-height: 1.25; }
.activity-title { font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.activity-sub { font-size: .78rem; color: var(--mud-palette-text-secondary); }
.activity-time { margin-left: auto; font-size: .75rem; color: var(--mud-palette-text-secondary); white-space: nowrap; }

/* Tez keçidlər */
.quick-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; }
.quick-link { display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 14px 8px; border: 1px solid var(--ps-border); border-radius: 10px; color: var(--mud-palette-text-primary); text-decoration: none; font-size: .8rem; font-weight: 500; text-align: center; }
.quick-link:hover { border-color: var(--mud-palette-primary); background: color-mix(in srgb, var(--mud-palette-primary) 6%, transparent); text-decoration: none; }
.quick-link .mud-icon-root { color: var(--mud-palette-primary); }

/* Donut legend */
.legend { display: flex; flex-direction: column; gap: 8px; }
.legend-item { display: flex; align-items: center; gap: 10px; font-size: .9rem; }
.legend-dot { width: 10px; height: 10px; border-radius: 999px; flex: none; }
.legend-count { margin-left: auto; font-variant-numeric: tabular-nums; color: var(--mud-palette-text-secondary); }

/* Status addımları (sifariş detalı, dizayn 1) */
.steps { display: flex; align-items: flex-start; gap: 0; overflow-x: auto; padding: 4px 0 8px; }
.step { position: relative; flex: 1 1 0; min-width: 96px; text-align: center; font-size: .78rem; color: var(--mud-palette-text-secondary); }
.step::before { content: ""; position: absolute; top: 9px; left: 50%; width: 100%; height: 2px; background: var(--ps-border); }
.step:last-child::before { display: none; }
.step-dot { position: relative; z-index: 1; width: 20px; height: 20px; border-radius: 999px; margin: 0 auto 6px; background: var(--mud-palette-surface); border: 2px solid var(--ps-border); }
.step.done .step-dot { background: var(--mud-palette-primary); border-color: var(--mud-palette-primary); }
.step.done::before { background: var(--mud-palette-primary); }
.step.current .step-dot { border-color: var(--mud-palette-primary); box-shadow: 0 0 0 4px color-mix(in srgb, var(--mud-palette-primary) 20%, transparent); }
.step.current { color: var(--mud-palette-primary); font-weight: 600; }
.step.done { color: var(--mud-palette-text-primary); }

/* --- Giriş səhifəsi (statik SSR, MudBlazor komponentləri yoxdur) --- */
.auth-page { min-height: 100vh; display: flex; align-items: center; justify-content: center; background: #f5f7fb; padding: 16px; }
.auth-card { width: 100%; max-width: 420px; background: #fff; border: 1px solid #e5e7eb; border-radius: 16px; box-shadow: 0 8px 24px rgba(16, 24, 40, .08); padding: 36px 32px; color: #0f172a; }
.auth-card .brand { justify-content: center; margin-bottom: 20px; }
.auth-card h1 { font-size: 1.35rem; margin: 0 0 4px; text-align: center; font-weight: 700; }
.auth-card .muted { color: #64748b; margin: 0 0 24px; text-align: center; }
.auth-card label { display: block; font-size: .85rem; font-weight: 600; margin-bottom: 6px; color: #334155; }
.auth-card input { width: 100%; box-sizing: border-box; padding: 11px 12px; border: 1px solid #cbd5e1; border-radius: 8px; font-size: 1rem; margin-bottom: 16px; background: #fff; color: inherit; }
.auth-card input:focus { outline: 2px solid #bfdbfe; border-color: #2563eb; }
.auth-card button { width: 100%; padding: 11px; background: #2563eb; color: #fff; border: 0; border-radius: 8px; font-size: 1rem; font-weight: 600; cursor: pointer; }
.auth-card button:hover { background: #1d4ed8; }
.auth-error { background: #fef2f2; color: #991b1b; border: 1px solid #fecaca; border-radius: 8px; padding: 8px 12px; margin-bottom: 16px; font-size: .875rem; }
html[data-theme="dark"] .auth-page { background: #0b1220; }
html[data-theme="dark"] .auth-card { background: #111b2e; border-color: #1f2a44; color: #e2e8f0; box-shadow: 0 8px 24px rgba(0, 0, 0, .4); }
html[data-theme="dark"] .auth-card .muted { color: #94a3b8; }
html[data-theme="dark"] .auth-card label { color: #cbd5e1; }
html[data-theme="dark"] .auth-card input { background: #0b1220; border-color: #334155; }
html[data-theme="dark"] .auth-card .brand-name { color: #e2e8f0; }

/* --- Sənəd redaktoru --- */
.line-grid table { min-width: 1100px; table-layout: auto; }
.line-grid .mud-table-cell { padding: 4px 6px; }
.line-grid th { white-space: nowrap; }
.line-grid .mud-input-control { margin: 0; width: 100%; }
.line-grid td { vertical-align: middle; }

/* Müqayisə cədvəlində seçilmiş təklif sətri — rəng temadan gəlir (§9.3). */
.line-grid tr.row-selected td { background: var(--mud-palette-primary-hover); }
.line-grid .mud-input { font-size: .875rem; }
.line-grid .mud-input-control-input-container { padding-top: 0; }
/* Sətir tarix seçicisi: iki adornment (təmizlə + təqvim) mətni sıxmasın */
.line-grid .mud-picker .mud-input-slot { min-width: 6.5rem; }
.line-grid .mud-input-adornment { margin-left: 0; }
.line-grid .mud-input-adornment .mud-icon-button { padding: 4px; }
.line-scroll { overflow-x: auto; padding-bottom: 4px; }
.totals { min-width: 320px; }
.totals .grand { font-weight: 600; font-size: 1.1rem; }
.mono { font-variant-numeric: tabular-nums; }

/* --- Blazor xəta paneli --- */
#blazor-error-ui { background: #fde68a; color: #1f2937; bottom: 0; box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2); display: none; left: 0; padding: 0.6rem 1.25rem 0.7rem 1.25rem; position: fixed; width: 100%; z-index: 1000; }
#blazor-error-ui .dismiss { cursor: pointer; position: absolute; right: 0.75rem; top: 0.5rem; }

/* §9.8: ləğv / rədd edilmiş sənədlər vizual ayrılır — boz fon, nömrə üstündən xətt */
tr.row-void > td { background: var(--mud-palette-background-gray); color: var(--mud-palette-text-secondary); }
/* AI qaralamasında aşağı əminlikli sətir — diqqət tələb edir, ləğv deyil */
tr.ai-low > td { background: color-mix(in srgb, var(--mud-palette-warning) 10%, transparent); }
tr.row-void > td.mono:first-child { text-decoration: line-through; }

/* Yazışma (MessageThread) */
.msg-list { display: flex; flex-direction: column; gap: 10px; max-height: 420px; overflow-y: auto; padding-right: 4px; }
.msg { border: 1px solid var(--ps-border); border-radius: 12px; padding: 10px 14px; max-width: 80%; background: var(--mud-palette-surface); }
.msg-staff { align-self: flex-end; background: color-mix(in srgb, var(--mud-palette-primary) 8%, var(--mud-palette-surface)); border-color: color-mix(in srgb, var(--mud-palette-primary) 25%, transparent); }
.msg-customer { align-self: flex-start; }
.msg-internal { background: color-mix(in srgb, var(--mud-palette-warning) 10%, var(--mud-palette-surface)); border-style: dashed; border-color: color-mix(in srgb, var(--mud-palette-warning) 50%, transparent); }
.msg-head { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; font-size: .8rem; margin-bottom: 4px; }
.msg-tag { font-size: .68rem; font-weight: 600; text-transform: uppercase; letter-spacing: .04em; padding: 1px 7px; border-radius: 999px; background: var(--mud-palette-background-gray); color: var(--mud-palette-text-secondary); }
.msg-tag-internal { background: color-mix(in srgb, var(--mud-palette-warning) 18%, transparent); color: var(--mud-palette-warning); }
.msg-doc { font-family: inherit; font-variant-numeric: tabular-nums; color: var(--mud-palette-text-secondary); }
.msg-time { margin-left: auto; color: var(--mud-palette-text-secondary); font-size: .75rem; white-space: nowrap; }
.msg-body { white-space: pre-wrap; word-break: break-word; }
.msg-mentions { margin-top: 4px; font-size: .78rem; color: var(--mud-palette-primary); }

/* --- Köməkçi paneli (səsli/yazılı sual-cavab) --- */
.assistant { display: flex; flex-direction: column; height: 100%; background: var(--mud-palette-background); }
.assistant-head { display: flex; align-items: center; gap: 12px; padding: 16px; border-bottom: 1px solid var(--ps-border); background: var(--mud-palette-surface); }
.assistant-body { flex: 1; overflow-y: auto; padding: 16px; display: flex; flex-direction: column; gap: 12px; }
.assistant-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.assistant-chip {
    border: 1px solid var(--ps-border); background: var(--mud-palette-surface); color: var(--mud-palette-text-primary);
    border-radius: 999px; padding: 8px 14px; font: inherit; font-size: .85rem; cursor: pointer; text-align: left;
}
.assistant-chip:hover:not(:disabled) { border-color: var(--mud-palette-primary); color: var(--mud-palette-primary); }
.assistant-chip:disabled { opacity: .5; cursor: default; }
.assistant-q {
    align-self: flex-end; max-width: 88%; background: var(--mud-palette-primary); color: var(--mud-palette-primary-text);
    border-radius: 14px 14px 4px 14px; padding: 10px 14px; font-size: .9rem; line-height: 1.4;
}
.assistant-a {
    align-self: flex-start; max-width: 95%; background: var(--mud-palette-surface); border: 1px solid var(--ps-border);
    border-radius: 14px 14px 14px 4px; padding: 12px 14px; font-size: .92rem; line-height: 1.5;
    display: flex; flex-direction: column; gap: 10px;
}
.assistant-text { white-space: pre-wrap; }
.assistant-thinking { color: var(--mud-palette-text-secondary); font-size: .85rem; }
.assistant-pending { display: flex; align-items: center; gap: 10px; width: 100%; }
.assistant-sources { display: flex; flex-wrap: wrap; gap: 6px; }
.assistant-source {
    font-size: .78rem; padding: 3px 10px; border-radius: 999px; text-decoration: none;
    background: var(--mud-palette-background-gray); color: var(--mud-palette-primary); border: 1px solid var(--ps-border);
}
.assistant-source:hover { border-color: var(--mud-palette-primary); }
.assistant-foot { border-top: 1px solid var(--ps-border); padding: 12px 16px 16px; background: var(--mud-palette-surface); display: flex; flex-direction: column; gap: 6px; }
.assistant-compose { display: flex; align-items: flex-end; gap: 8px; }
.assistant-compose .mud-input-control { flex: 1; }
.assistant-actions { display: flex; align-items: center; gap: 4px; padding-bottom: 4px; }
.assistant-listening { display: flex; align-items: center; gap: 10px; font-size: .85rem; color: var(--mud-palette-text-secondary); padding-bottom: 4px; }
.assistant-dot { width: 10px; height: 10px; border-radius: 50%; background: var(--mud-palette-error); animation: assistant-pulse 1.2s ease-in-out infinite; flex: none; }
@keyframes assistant-pulse { 0%, 100% { opacity: 1; transform: scale(1); } 50% { opacity: .35; transform: scale(.8); } }
/* Mobil: panel bütün ekranı tutur (Class birbaşa drawer elementinə düşür — ayrıca sarğı yoxdur).
   Hündürlük dvh ilə: brauzerin alt paneli açılıb-bağlananda yazma sahəsi ekrandan çıxmır. */
@media (max-width: 720px) {
    .mud-drawer.assistant-drawer { width: 100vw !important; max-width: 100vw !important; }
    .assistant-head { padding: 12px 12px 12px 16px; }
    .assistant-body { padding: 12px; }
    .assistant-foot { padding: 10px 12px calc(10px + env(safe-area-inset-bottom)); }
    .assistant-q, .assistant-a { max-width: 100%; }
}
.mud-drawer.assistant-drawer { height: 100dvh; max-height: 100dvh; }
.assistant { height: 100%; max-height: 100%; min-height: 0; }
.assistant-body { min-height: 0; }

/* Təchizat: RFQ dialoqunda təchizatçı/sətir seçimi — uzun siyahıda sürüşdürülür */
.rfq-picker { max-height: 220px; overflow-y: auto; border: 1px solid var(--ps-border); border-radius: var(--ps-radius-sm); padding: 6px 10px; }