/* Kompaniyalar — “Seç” telebat ilə eyni */
#kompaniyalar .anbar-label-row .anbar-open-picker-btn{
  width: auto;
  min-width: 0;
  height: 24px;
  padding: 0 10px;
  border-radius: 999px;
  border: 1px solid #c4b5fd;
  background: linear-gradient(135deg, #f5f3ff 0%, #ede9fe 100%);
  color: #4c1d95;
  font-size: 11px;
  font-weight: 600;
  box-shadow: 0 4px 12px rgba(124, 58, 237, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.85);
}
#kompaniyalar .anbar-label-row .anbar-open-picker-btn:hover{
  transform: translateY(-1px);
  box-shadow: 0 10px 20px rgba(124, 58, 237, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.9);
  filter: saturate(1.02);
}

/* Səhifə başlığı + siyahı düyməsi (sağ) */
#kompaniyalar .komp-page-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  flex-wrap:wrap;
  gap:12px;
  margin-bottom:12px;
}
#kompaniyalar .komp-page-head__title{
  margin:0;
  font-size:1.35rem;
  font-weight:700;
}
#kompaniyalar .komp-page-head__actions{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:10px 14px;
  justify-content:flex-end;
}
#kompaniyalar .komp-head-last-fetch{
  font-size:12px;
  font-weight:600;
  color:#475569;
  max-width:min(280px, 42vw);
  line-height:1.35;
  text-align:right;
}
@media (max-width:640px){
  #kompaniyalar .komp-head-last-fetch{ max-width:100%; text-align:left; }
}

/* Qalıq axtarışı — progress */
#kompaniyalar .komp-qaliq-progress-wrap{
  margin:10px 0 12px;
  padding:12px 14px;
  border-radius:14px;
  background:linear-gradient(135deg,#f8fafc 0%,#eef2ff 55%,#f0fdfa 100%);
  border:1px solid #e2e8f0;
  box-shadow:0 8px 24px rgba(15,23,42,.06), inset 0 1px 0 rgba(255,255,255,.9);
}
#kompaniyalar .komp-qaliq-progress-meta{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  margin-bottom:8px;
  font-size:13px;
  font-weight:700;
  color:#0f172a;
}
#kompaniyalar .komp-qaliq-progress-pct{
  font-variant-numeric:tabular-nums;
  background:linear-gradient(90deg,#0ea5e9,#8b5cf6,#10b981);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  font-size:15px;
}
#kompaniyalar .komp-qaliq-progress-track{
  height:12px;
  border-radius:999px;
  background:#e2e8f0;
  overflow:hidden;
  box-shadow:inset 0 2px 4px rgba(15,23,42,.12);
}
#kompaniyalar .komp-qaliq-progress-bar{
  height:100%;
  width:0%;
  border-radius:999px;
  transition:width .18s ease-out;
  background:linear-gradient(90deg,#0ea5e9 0%,#6366f1 45%,#a855f7 72%,#10b981 100%);
  box-shadow:0 0 12px rgba(14,165,233,.45);
}

#kompaniyalar .komp-fetchlist-btn{
  padding:10px 18px;
  border-radius:10px;
  border:1px solid #0284c7;
  background:#0ea5e9;
  color:#fff;
  font-weight:700;
  cursor:pointer;
  box-shadow:0 2px 8px rgba(14,165,233,.35);
  white-space:nowrap;
}
#kompaniyalar .komp-fetchlist-btn:hover{
  filter:brightness(1.06);
}
#kompaniyalar .komp-form-row{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  align-items:flex-end;
  margin-bottom:8px;
}

/* Kompaniyalar — əsas görünüş */
.komp-wrap{padding-inline:6px;}
.komp-toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-end;margin:10px 0;}
.komp-toolbar .field{display:flex;flex-direction:column;gap:4px;}
.pill-btn{padding:10px 14px;border:1px solid #000;border-radius:12px;background:#e9ecef;font-weight:700;color:#111;cursor:pointer;box-shadow:inset 0 1px 0 #fff,0 1px 2px rgba(0,0,0,.08);transition:transform .06s,background .12s}
.pill-btn:hover{background:#dfe3e8}
.pill-btn:active{background:#d0d4d9;transform:translateY(1px)}

.komp-table-wrap{overflow-x:auto}
.komp-table{border-collapse:collapse;width:100%;min-width:920px;font-family:Calibri}
.komp-table th,.komp-table td{border:1px solid #000;padding:6px 8px}
.komp-table thead th{position:sticky;top:0;background:#f5f5f5;z-index:1;cursor:pointer}
.komp-table tbody tr:nth-child(even){background:#fafafa}

.komp-table tbody td.col-qeyd{
  max-width:320px;
  font-size:13px;
  line-height:1.35;
  word-break:break-word;
  vertical-align:top;
  color:#0f172a;
}
.komp-badge{display:inline-block;padding:4px 8px;border-radius:6px;font-weight:800;color:#000!important;line-height:1}
.komp-badge.var{background:#b7f7b7!important;border:1px solid #0a7a0a!important}
.komp-badge.yox{background:#ffc6c6!important;border:1px solid #b33!important}

#kompFilterModal{position:fixed;inset:0;background:rgba(0,0,0,.25);display:none;align-items:center;justify-content:center;z-index:9999}
#kompFilterBox{background:#fff;width:min(520px,94vw);border:1px solid #000;border-radius:12px;padding:14px;box-shadow:0 8px 28px rgba(0,0,0,.25),0 2px 6px rgba(0,0,0,.15)}
#kompFilterBox h3{margin:0 0 8px 0;font-size:16px}
#kompFilterBox input[type="text"]{padding:8px;border:1px solid #000;border-radius:8px;outline:none}
#kompFilterList{max-height:60vh;overflow:auto;border:1px solid #000;border-radius:10px;padding:6px}
.komp-opt-row{display:grid;grid-template-columns:26px 1fr;gap:6px;align-items:center;padding:6px 4px;border-bottom:1px dashed #000}
#kompFilterBox button{padding:8px 12px;border:1px solid #000;border-radius:10px;background:#e9ecef!important;color:#111!important;font-weight:700;box-shadow:inset 0 1px 0 #fff,0 1px 2px rgba(0,0,0,.08);cursor:pointer;transition:transform .06s,background .12s}
#kompFilterBox button:hover{background:#dfe3e8!important}
#kompFilterBox button:active{background:#d0d4d9!important;transform:translateY(1px)}

/* Kompaniya siyahısı — məlumat / yenilə modalı */
#kompaniyalar .komp-list-modal{
  position:fixed; inset:0; z-index:10050;
  display:none; align-items:center; justify-content:center;
}
#kompaniyalar .komp-list-modal__backdrop{
  position:absolute; inset:0; background:rgba(15,23,42,.45);
}
#kompaniyalar .komp-list-modal__panel{
  position:relative; z-index:1;
  width:min(480px, 94vw);
  max-height:min(82vh, 560px);
  overflow:auto;
  background:#fff;
  border-radius:14px;
  padding:18px 20px 16px;
  box-shadow:0 18px 48px rgba(0,0,0,.22);
  border:1px solid #e2e8f0;
}
#kompaniyalar .komp-list-modal__date-row{
  display:flex;
  flex-wrap:wrap;
  gap:12px 16px;
  align-items:flex-end;
  margin-bottom:14px;
  padding:12px 14px;
  border-radius:12px;
  background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);
  border:1px solid #e2e8f0;
}
#kompaniyalar .komp-list-modal__field{
  display:flex;
  flex-direction:column;
  gap:6px;
  min-width:140px;
  flex:1;
}
#kompaniyalar .komp-list-modal__field label{
  font-size:12px;
  font-weight:700;
  color:#475569;
}
#kompaniyalar .komp-list-modal__field input[type="date"]{
  padding:8px 10px;
  border-radius:10px;
  border:1px solid #cbd5e1;
  font-size:14px;
  font-family:inherit;
  background:#fff;
  color:#0f172a;
}
#kompaniyalar .komp-list-modal__actions{
  display:flex; flex-wrap:wrap; gap:10px; justify-content:flex-end; margin-top:16px;
}
#kompaniyalar .komp-list-modal__btn{
  padding:10px 16px; border-radius:10px; border:1px solid #cbd5e1;
  background:#f1f5f9; font-weight:700; cursor:pointer; color:#0f172a;
}
#kompaniyalar .komp-list-modal__btn:hover{ filter:brightness(1.03); }
#kompaniyalar .komp-list-modal__btn--primary{
  background:#0ea5e9; border-color:#0284c7; color:#fff;
}