:root{
  --ink:#0f1b2d; --ink-2:#44546a; --muted:#7a8699; --line:#e4e8ee; --bg:#f4f6f9; --card:#fff;
  --brand:#14365c; --brand-2:#1d4f86; --accent:#0e7c66; --danger:#c0392b; --warn:#b7791f;
  --debt:#b42318; --credit:#067647;
  --radius:12px; --shadow:0 1px 2px rgba(15,27,45,.06),0 1px 1px rgba(15,27,45,.04);
}
*{box-sizing:border-box}
body{font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;background:var(--bg);color:var(--ink);font-size:14px;-webkit-font-smoothing:antialiased}
a{color:var(--brand-2)}
.num{font-variant-numeric:tabular-nums;white-space:nowrap;text-align:right}
.text-debt{color:var(--debt)!important}.text-credit{color:var(--credit)!important}

/* Layout */
.app{display:flex;min-height:100vh}
.sidebar{width:248px;background:var(--brand);color:#c9d6e6;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;z-index:1040;transition:transform .2s}
.main{flex:1;margin-left:248px;min-width:0;display:flex;flex-direction:column}
.brand{display:flex;gap:10px;align-items:center;padding:20px 18px;border-bottom:1px solid rgba(255,255,255,.08)}
.brand-mark{width:36px;height:36px;border-radius:9px;background:#fff;color:var(--brand);display:grid;place-items:center;font-size:18px}
.brand-name{color:#fff;font-weight:700;letter-spacing:.2px}.brand-sub{font-size:12px;opacity:.7}
.side-nav{padding:12px 10px;flex:1;overflow:auto}
.side-section{font-size:11px;text-transform:uppercase;letter-spacing:.08em;opacity:.55;padding:16px 10px 6px}
.side-link{display:flex;align-items:center;gap:11px;padding:9px 12px;border-radius:8px;color:#c9d6e6;text-decoration:none;font-weight:500;margin-bottom:2px}
.side-link i{font-size:17px;width:20px;text-align:center}
.side-link:hover{background:rgba(255,255,255,.07);color:#fff}
.side-link.active{background:rgba(255,255,255,.14);color:#fff}
.side-foot{padding:10px;border-top:1px solid rgba(255,255,255,.08)}
.topbar{height:64px;background:var(--card);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:12px;padding:0 24px;position:sticky;top:0;z-index:1020}
.page-title{font-size:18px;font-weight:650;margin:0}
.content{padding:24px;flex:1}
.app-foot{padding:14px 24px;color:var(--muted);font-size:12px}
.btn-icon{font-size:22px;padding:2px 6px}
.user-chip{display:flex;gap:10px;align-items:center;padding-left:8px}
.avatar{width:34px;height:34px;border-radius:50%;background:#e8eef6;color:var(--brand);display:grid;place-items:center;font-weight:700}
.u-name{font-weight:600;line-height:1.1}.u-role{font-size:12px;color:var(--muted)}
.sidebar-backdrop{display:none}
@media (max-width:991.98px){
  .sidebar{transform:translateX(-100%)}
  .main{margin-left:0}
  body.nav-open .sidebar{transform:none}
  body.nav-open .sidebar-backdrop{display:block;position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:1030}
  .content{padding:16px}.topbar{padding:0 16px}
}

/* Cards */
.card{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}
.card-header{background:transparent;border-bottom:1px solid var(--line);padding:14px 18px;font-weight:600;display:flex;align-items:center;gap:8px}
.card-body{padding:18px}
.kpi{padding:18px;height:100%}
.kpi .k-label{color:var(--muted);font-size:12.5px;font-weight:500;display:flex;align-items:center;gap:6px}
.kpi .k-value{font-size:24px;font-weight:700;margin-top:6px;font-variant-numeric:tabular-nums;letter-spacing:-.3px}
.kpi .k-sub{font-size:12px;color:var(--muted);margin-top:2px}
.kpi.primary{background:var(--brand);color:#fff;border-color:var(--brand)}
.kpi.primary .k-label,.kpi.primary .k-sub{color:#b9c9de}

/* Tables */
.table{margin:0;--bs-table-bg:transparent}
.table thead th{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-weight:600;border-bottom:1px solid var(--line);background:#fafbfc;white-space:nowrap;padding:10px 12px}
.table td{padding:10px 12px;vertical-align:middle;border-color:var(--line)}
.table-hover tbody tr:hover{background:#f7f9fc}
tr.row-cancelled td{color:#9aa4b2;text-decoration:line-through}
tr.row-cancelled td.no-strike{text-decoration:none}
.table tfoot td{font-weight:700;background:#fafbfc}

/* Badges / status */
.badge-soft{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:999px;font-size:12px;font-weight:600}
.b-active{background:#e7f6ef;color:#067647}.b-inactive{background:#f1f3f6;color:#6b7280}
.b-cancel{background:#fdecea;color:#b42318}.b-invoice{background:#e8eef9;color:#1d4f86}
.b-payment{background:#e7f6ef;color:#067647}.b-return{background:#fff1e6;color:#b54708}.b-opening{background:#fff4e0;color:#93600f}.b-other{background:#f1f3f6;color:#44546a}

/* Forms */
.form-label{font-weight:600;font-size:13px;color:var(--ink-2)}
.form-control,.form-select{border-color:#d5dbe3;border-radius:8px;padding:.5rem .75rem}
.form-control:focus,.form-select:focus{border-color:var(--brand-2);box-shadow:0 0 0 3px rgba(29,79,134,.15)}
.form-control-lg.money{font-weight:700;font-variant-numeric:tabular-nums}
.btn{border-radius:8px;font-weight:550}
.btn-primary{background:var(--brand-2);border-color:var(--brand-2)}.btn-primary:hover{background:var(--brand);border-color:var(--brand)}
.btn-success{background:var(--accent);border-color:var(--accent)}
.filter-bar{display:flex;flex-wrap:wrap;gap:10px;align-items:end}
.filter-bar .f-item{min-width:150px;flex:1 1 150px}
.filter-bar .f-item.wide{flex:2 1 220px}
.form-hint{font-size:12px;color:var(--muted)}
.balance-box{border-radius:10px;padding:12px 14px;background:#f6f8fb;border:1px dashed #cdd6e2}

/* Auth */
.auth-wrap{min-height:100vh;display:grid;place-items:center;padding:20px;background:linear-gradient(135deg,#14365c,#1d4f86 60%,#0e7c66)}
.auth-card{width:100%;max-width:400px;background:#fff;border-radius:16px;padding:32px;box-shadow:0 20px 50px rgba(0,0,0,.25)}

.empty-state{text-align:center;padding:48px 16px;color:var(--muted)}
.empty-state i{font-size:40px;display:block;margin-bottom:10px;color:#b7c2d0}
.section-gap{margin-bottom:20px}
.small-muted{font-size:12px;color:var(--muted)}
.diff-old{background:#fdecea;padding:1px 5px;border-radius:4px}.diff-new{background:#e7f6ef;padding:1px 5px;border-radius:4px}
@media print{.sidebar,.topbar,.no-print,.app-foot{display:none!important}.main{margin:0}.content{padding:0}.card{box-shadow:none;border:0}}
@media (max-width:575.98px){.kpi{padding:14px}.kpi .k-value{font-size:18px}.table td:first-child a{white-space:nowrap}}
.nav-pills .nav-link{border-radius:8px;font-weight:550}
@media print{.kpi.primary{background:#fff!important;color:#000!important;border:1px solid #999!important}.kpi.primary .k-label,.kpi.primary .k-sub{color:#333!important}a{color:#000!important;text-decoration:none!important}}

/* ================= Giriş səhifəsi (ERP üslubu) ================= */
.lg-page{min-height:100vh;display:grid;grid-template-columns:minmax(380px,46%) 1fr;background:#f6f8fb}
.lg-brand{position:relative;overflow:hidden;color:#dbe6f3;padding:44px 52px;display:flex;flex-direction:column;
  background:radial-gradient(1200px 600px at -10% 110%,rgba(14,124,102,.55),transparent 60%),
             radial-gradient(800px 500px at 110% -10%,rgba(29,79,134,.9),transparent 60%),#0f2a49}
.lg-brand::before{content:"";position:absolute;inset:0;opacity:.07;pointer-events:none;
  background-image:linear-gradient(#fff 1px,transparent 1px),linear-gradient(90deg,#fff 1px,transparent 1px);background-size:32px 32px}
.lg-brand-top{position:relative;display:flex;align-items:center;gap:12px}
.lg-mark{width:44px;height:44px;border-radius:11px;background:#fff;color:#14365c;display:grid;place-items:center;font-size:22px;flex:none;overflow:hidden}
.lg-mark img{width:100%;height:100%;object-fit:contain;padding:4px}
.lg-mark.sm{width:40px;height:40px;font-size:20px;background:#14365c;color:#fff}
.lg-brand-name{color:#fff;font-weight:700;font-size:17px;letter-spacing:.2px}
.lg-brand-co{font-size:13px;opacity:.75}
.lg-brand-body{position:relative;margin-top:auto;padding-top:48px}
.lg-headline{color:#fff;font-size:34px;line-height:1.18;font-weight:700;letter-spacing:-.6px;margin:0 0 12px}
.lg-lead{font-size:15px;opacity:.8;margin:0 0 28px;max-width:440px}
.lg-points{list-style:none;padding:0;margin:0;display:grid;gap:16px;max-width:460px}
.lg-points li{display:flex;gap:14px;align-items:flex-start}
.lg-points i{width:38px;height:38px;border-radius:10px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.12);display:grid;place-items:center;font-size:17px;color:#9fd8c8;flex:none}
.lg-points b{display:block;color:#fff;font-weight:600;font-size:14px}
.lg-points span{font-size:13px;opacity:.72}
.lg-ledger{position:relative;margin-top:36px;max-width:420px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:14px 16px;backdrop-filter:blur(4px)}
.lg-ledger-head{display:flex;justify-content:space-between;align-items:center;font-size:11px;text-transform:uppercase;letter-spacing:.08em;opacity:.7;margin-bottom:8px}
.lg-dot{width:8px;height:8px;border-radius:50%;background:#3ddc97;box-shadow:0 0 0 4px rgba(61,220,151,.15)}
.lg-row{display:grid;grid-template-columns:70px 1fr minmax(92px,auto);gap:10px;align-items:center;font-size:12.5px;padding:6px 0;border-top:1px solid rgba(255,255,255,.07)}
.lg-row b{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;font-weight:600}
.lg-row b.up{color:#ffb4a8}.lg-row b.down{color:#8fe3c3}
.lg-bar{height:6px;border-radius:4px;background:rgba(255,255,255,.08);position:relative;overflow:hidden}
.lg-bar::after{content:"";position:absolute;inset:0 auto 0 0;width:var(--w);background:#5b8fd0;border-radius:4px}
.lg-bar.pay::after{background:#2fae8a}
.lg-row.total{border-top:1px solid rgba(255,255,255,.2);margin-top:2px;padding-top:9px}
.lg-row.total b{color:#fff;font-size:14px}

.lg-main{display:flex;flex-direction:column;min-height:100vh;padding:32px}
.lg-form-wrap{margin:auto;width:100%;max-width:400px}
.lg-mobile-brand{display:none;align-items:center;gap:12px;margin-bottom:28px}
.lg-m-name{font-weight:700;color:#0f1b2d}.lg-m-co{font-size:13px;color:#7a8699}
.lg-title{font-size:26px;font-weight:700;letter-spacing:-.4px;color:#0f1b2d;margin:0 0 6px}
.lg-sub{color:#6b778a;font-size:14.5px;margin:0 0 26px}
.lg-label{display:block;font-size:13px;font-weight:600;color:#374357;margin:0 0 7px}
.lg-field{position:relative;display:flex;align-items:center;margin-bottom:18px;background:#fff;border:1px solid #d3dae4;border-radius:10px;transition:border-color .15s,box-shadow .15s}
.lg-field:focus-within{border-color:#1d4f86;box-shadow:0 0 0 4px rgba(29,79,134,.12)}
.lg-field.invalid{border-color:#c0392b;box-shadow:0 0 0 4px rgba(192,57,43,.1)}
.lg-field>i{position:absolute;left:14px;color:#8994a6;font-size:17px;pointer-events:none}
.lg-field input{flex:1;border:0;outline:0;background:transparent;height:48px;padding:0 14px 0 42px;font-size:15px;color:#0f1b2d;border-radius:10px;min-width:0}
.lg-field input::placeholder{color:#a9b2c0}
.lg-eye{border:0;background:transparent;color:#6b778a;width:44px;height:44px;margin-right:2px;border-radius:8px;font-size:17px}
.lg-eye:hover{background:#f1f4f8;color:#1d4f86}
.lg-caps{font-size:12px;color:#b7791f;font-weight:600;margin-bottom:7px}
.lg-row-opts{display:flex;justify-content:space-between;align-items:center;margin:-4px 0 22px}
.lg-check{display:flex;gap:8px;align-items:center;font-size:13.5px;color:#4b576a;cursor:pointer;user-select:none}
.lg-check input{width:16px;height:16px;accent-color:#1d4f86}
.lg-submit{width:100%;height:50px;border:0;border-radius:10px;background:#14365c;color:#fff;font-weight:600;font-size:15.5px;display:flex;align-items:center;justify-content:center;gap:10px;transition:background .15s,transform .05s}
.lg-submit:hover{background:#1d4f86}.lg-submit:active{transform:translateY(1px)}
.lg-submit:disabled{opacity:.7}
.lg-submit i{transition:transform .15s}.lg-submit:hover i{transform:translateX(3px)}
.lg-alert{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:10px;font-size:13.5px;margin-bottom:18px;border:1px solid}
.lg-alert i{font-size:16px;line-height:1.2}
.lg-alert.danger{background:#fdf0ee;border-color:#f3c6bf;color:#9b2c1f}
.lg-alert.warning{background:#fff7e8;border-color:#f3dcae;color:#8a5a0b}
.lg-alert.success,.lg-alert.info{background:#ecf6f2;border-color:#bfe3d4;color:#0b5e4a}
.lg-help{margin-top:22px;font-size:13px;color:#7a8699;display:flex;gap:7px;align-items:center}
.lg-foot{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:12px;color:#8a95a7;max-width:400px;width:100%;margin:24px auto 0}
.lg-foot i{color:#0e7c66}
@media (max-width:991.98px){
  .lg-page{grid-template-columns:1fr}
  .lg-brand{display:none}
  .lg-mobile-brand{display:flex}
  .lg-main{padding:28px 20px;background:#fff}
}
@media (min-height:900px){.lg-brand-body{padding-top:80px}}

/* Giriş: ekran hündürlüyünə tam sığdırma (sürüşdürmə olmasın) */
@media (min-width:992px){
  .lg-page{height:100vh;height:100dvh;min-height:0;overflow:hidden}
  .lg-brand{padding:clamp(18px,4.5vh,44px) clamp(32px,4vw,52px);justify-content:space-between;gap:clamp(10px,2.4vh,28px);min-height:0}
  .lg-brand-body{margin:auto 0;padding:0 !important}
  .lg-headline{font-size:clamp(22px,4.6vh,36px);margin-bottom:clamp(4px,1.2vh,12px)}
  .lg-lead{font-size:clamp(13px,1.9vh,15px);margin-bottom:clamp(10px,2.8vh,28px)}
  .lg-points{gap:clamp(8px,1.9vh,16px)}
  .lg-points i{width:clamp(30px,4.6vh,38px);height:clamp(30px,4.6vh,38px);font-size:clamp(14px,2vh,17px)}
  .lg-points b{font-size:clamp(13px,1.8vh,14px)}
  .lg-points span{font-size:clamp(12px,1.7vh,13px)}
  .lg-ledger{margin-top:0;padding:clamp(8px,1.6vh,14px) 16px}
  .lg-row{padding:clamp(3px,.7vh,6px) 0}
  .lg-main{height:100vh;height:100dvh;padding:clamp(16px,3.5vh,32px) 32px;overflow-y:auto}
  .lg-foot{margin-top:clamp(10px,2vh,24px)}
}
/* Alçaq ekranlar: əvvəlcə bəzək kartı, sonra izah sətirləri gizlənir */
@media (min-width:992px) and (max-height:700px){ .lg-ledger{display:none} }
@media (min-width:992px) and (max-height:520px){ .lg-points span,.lg-lead{display:none} }
@media (min-width:992px) and (max-height:430px){ .lg-points{display:none} }

/* ================= Sadə giriş ekranı ================= */
.ls-page{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:24px 16px;background:#eef2f7}
.ls-card{width:100%;max-width:380px;background:#fff;border:1px solid #e1e6ee;border-radius:14px;padding:32px 30px 28px;box-shadow:0 1px 2px rgba(15,27,45,.04),0 12px 32px rgba(15,27,45,.08)}
.ls-head{text-align:center;margin-bottom:26px}
.ls-mark{width:52px;height:52px;border-radius:12px;background:#14365c;color:#fff;display:inline-grid;place-items:center;font-size:24px;overflow:hidden;margin-bottom:12px}
.ls-mark img{width:100%;height:100%;object-fit:contain;background:#fff;padding:4px}
.ls-name{font-size:20px;font-weight:700;color:#0f1b2d;letter-spacing:-.2px}
.ls-co{font-size:13.5px;color:#7a8699;margin-top:2px}
.ls-card .lg-submit{margin-top:4px}
@media (max-width:420px){.ls-card{padding:26px 20px 22px;border-radius:12px}}

/* Standart loqo (yüklənmiş loqo yoxdursa) */
.brand-mark:has(.brand-default){background:transparent}
.brand-mark .brand-default{width:36px;height:36px;display:block;border-radius:9px;box-shadow:0 0 0 1px rgba(255,255,255,.22)}
.ls-mark:has(.ls-default){background:transparent}
.ls-mark img.ls-default{padding:0;background:transparent}
.doc-pick{display:flex;gap:8px;align-items:stretch}
.doc-pick input[type=file]{flex:1;min-width:0}
.doc-pick .doc-camera{white-space:nowrap}
@media (max-width:575.98px){.doc-pick{flex-direction:column}.doc-pick .doc-camera{width:100%;padding:.6rem}}

/* Qaytarma: borca təsiri */
.ret-preview{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px;padding:12px 16px;border:1px dashed #f0b37e;border-radius:10px;background:#fffaf5}
.ret-preview .op,.ret-impact .ri-op{font-size:1.4rem;color:#98a2b3;font-weight:600}
.ret-impact{display:flex;flex-wrap:wrap;align-items:center;gap:14px 26px}
.ret-impact .ri-cell{min-width:150px}
.ret-impact .ri-now{margin-left:auto;padding-left:22px;border-left:1px solid #e4e7ec}
@media (max-width:767px){.ret-impact .ri-now{margin-left:0;padding-left:0;border-left:0;border-top:1px solid #e4e7ec;padding-top:10px;width:100%}}

/* Bölmə dəyişdiricisi (Market / Anbar) */
.unit-switch{display:flex;gap:4px;margin:4px 14px 12px;padding:4px;border-radius:10px;background:rgba(255,255,255,.08)}
.unit-switch .unit-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:7px 6px;border-radius:7px;color:rgba(255,255,255,.75);text-decoration:none;font-weight:600;font-size:.86rem}
.unit-switch .unit-btn:hover{color:#fff;background:rgba(255,255,255,.08)}
.unit-switch .unit-btn.active{background:#fff;color:#14365c;box-shadow:0 1px 3px rgba(0,0,0,.2)}
.unit-switch.single .unit-btn{cursor:default}
.unit-tag{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:999px;font-size:.78rem;font-weight:700;white-space:nowrap}
.unit-tag.unit-market{background:#e8eef9;color:#1d4f86}
.unit-tag.unit-anbar{background:#fff1e6;color:#b54708}
@media print{.unit-tag{border:1px solid #999}}

/* Kompüter kamerası pəncərəsi */
.cam-video,.cam-preview{width:100%;max-height:65vh;object-fit:contain;background:#0b1220;border-radius:10px}

/* Sayım ekranı */
.inv-toolbar{position:sticky;top:64px;z-index:5}
.inv-cat{padding:9px 16px;background:#f4f6fa;border-top:1px solid #e4e7ec;border-bottom:1px solid #e4e7ec;font-weight:700;font-size:.85rem;color:#44546a;text-transform:uppercase;letter-spacing:.3px}
.inv-row{display:flex;align-items:center;gap:12px;padding:9px 16px;border-bottom:1px solid #eef0f4}
.inv-row:hover{background:#fafbfd}
.inv-row.is-done{background:#f3fbf6}
.inv-row.is-error{background:#fdf1f0}
.inv-name{flex:1;min-width:0}
.inv-size{display:inline-block;margin-left:6px;padding:1px 7px;border-radius:6px;background:#e8eef9;color:#1d4f86;font-size:.8rem;font-weight:600}
.inv-inputs{display:flex;align-items:center;gap:6px;flex-shrink:0}
.inv-in{width:84px;text-align:right;font-weight:600;font-variant-numeric:tabular-nums}
.inv-single{width:110px}
.inv-op{color:#98a2b3;font-weight:700}
.inv-unit{min-width:44px;color:#667085;font-size:.9rem}
.inv-total{min-width:90px;font-size:.85rem;color:#344054;font-weight:600;white-space:nowrap}
.inv-state{width:20px;text-align:center}
@media (max-width:767px){
  .inv-toolbar{top:64px}
  .inv-row{flex-wrap:wrap;gap:6px;padding:10px 12px}
  .inv-name{flex-basis:100%}
  .inv-inputs{width:100%}
  .inv-in{flex:1;width:auto;min-width:0;font-size:16px}
  .inv-single{flex:1}
}
@media print{.inv-toolbar{position:static}}

/* Barkod skaneri */
.scan-input{font-size:1.35rem;font-weight:600;letter-spacing:1px;font-variant-numeric:tabular-nums}
.scan-result{border-width:2px}
#scanFound{border-color:#9ad8b4}
#scanNew{border-color:#f5c27a}
.scan-ico{width:48px;height:48px;border-radius:12px;background:#e8eef9;color:#1d4f86;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}
.scan-now{font-size:1.05rem;padding:10px 14px;border-radius:10px;background:#f4f6fa}
.scan-now b{font-size:1.4rem}
.scan-cam{position:relative;border-radius:10px;overflow:hidden;background:#0b1220}
.scan-cam video{width:100%;max-height:60vh;object-fit:cover;display:block}
.scan-line{position:absolute;left:8%;right:8%;top:50%;height:2px;background:#ff4d4f;box-shadow:0 0 8px #ff4d4f;animation:scanl 1.6s ease-in-out infinite}
@keyframes scanl{0%,100%{transform:translateY(-60px)}50%{transform:translateY(60px)}}

/* Cədvəllər ekrana sığsın: sıx xanalar, uzun mətnlər sətrə keçir, əməliyyat düymələri yığcam */
.table td,.table thead th{padding:8px 8px}
.table td{word-break:normal;overflow-wrap:break-word}
.table td.break-any{word-break:break-all}
.table td.num,.table td.text-nowrap,.table:not(.table-sm) td:first-child,.table td .badge,.table td .badge-soft{word-break:normal;white-space:nowrap}
.table td.text-end.text-nowrap .btn-sm,.table td .btn-group-sm .btn{padding:.2rem .38rem;margin:0}
.table td.text-end.text-nowrap{width:1%}
@media (max-width:1500px){.table thead th{letter-spacing:0;font-size:11px}.table td{font-size:.9rem}}

/* Yığcam forma */
.compact-form .form-label{margin-bottom:.2rem;font-size:.85rem}
.compact-form .form-hint{font-size:.75rem;margin-top:2px}
.compact-form textarea[rows="1"]{min-height:38px;resize:vertical}
/* Axtarışlı firma seçimi */
.ss-wrap{position:relative}
.ss-wrap select{display:none}
.ss-input{cursor:pointer;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .75rem center;background-size:16px 12px;padding-right:2.25rem}
.ss-list{position:absolute;z-index:1055;left:0;right:0;top:100%;margin-top:2px;background:#fff;border:1px solid var(--line,#dee2e6);border-radius:8px;box-shadow:0 8px 24px rgba(16,24,40,.15);max-height:min(65vh,560px);overflow:auto;display:none}
.ss-list.open{display:block}
.ss-item{padding:4px 12px;font-size:.88rem;line-height:1.35;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ss-item:hover,.ss-item.act{background:#e8f0fe}
.ss-item.sel{font-weight:700}
.ss-empty{padding:8px 12px;color:#888;font-size:.85rem}
.inv-cat{display:flex;align-items:center;gap:6px;cursor:pointer;user-select:none}
.inv-cat:hover{background:#eaeef5}
.inv-chev{transition:transform .15s;font-size:.8rem}
.inv-cat.open .inv-chev{transform:rotate(90deg)}
.inv-cat-n{font-weight:600;color:#667085;text-transform:none;letter-spacing:0}
.inv-row.inv-folded{display:none!important}
/* Fakturalar: qeyd bənövşəyi, ödəniş vəziyyətinə görə rəng */
.inv-note,.table td.inv-note,.table>:not(caption)>*>.inv-note{color:#9b2fae;font-weight:600}
.table tr.pay-unpaid td{background:#fff3f3}
.table tr.pay-unpaid td:first-child{box-shadow:inset 4px 0 0 #e5484d}
.table tr.pay-unpaid td.num{color:#d1242f}
.table tr.pay-paid td{background:#effaf3}
.table tr.pay-paid td:first-child{box-shadow:inset 4px 0 0 #1a9c55}
.table tr.pay-paid td.num{color:#137a43}
.table tr.pay-partial td{background:#fff8eb}
.table tr.pay-partial td:first-child{box-shadow:inset 4px 0 0 #f0a020}
.badge-soft.b-unpaid{background:#fde8e8;color:#c62828}

/* Geniş iş sahəsi + kiçik şrift (cədvəllər ekrana sığsın) */
@media (min-width:992px){
  .content{padding:14px 10px 16px 12px}
  .table td,.table thead th{padding:7px 6px}
  .table td{font-size:.84rem}
  .table thead th{font-size:10.5px;letter-spacing:0}
  .table td .badge-soft{font-size:.72rem;padding:2px 7px}
  .table td.text-end.text-nowrap .btn-sm{padding:.15rem .32rem;font-size:.8rem}
  .table td.small-muted{font-size:.76rem}
}
a.kpi-link{display:block;color:inherit;text-decoration:none;transition:box-shadow .15s,transform .15s}
a.kpi-link:hover{box-shadow:0 6px 18px rgba(16,24,40,.10);transform:translateY(-1px)}
.ss-alias{color:#888;font-size:.8rem;font-weight:400}
.alias-chip{display:inline-flex;align-items:center;gap:4px;background:#eef2f7;border-radius:999px;padding:1px 8px;font-size:.78rem;color:#44546a;margin:2px 2px 0 0}
body.filter-loading .card .table-responsive{opacity:.55;transition:opacity .15s}