/* Jadval: qator matnga qarab kattalashadi (max 4 qator), kerak bo'lsa yonga skrol */
.table-hint{overflow-x:auto;overflow-y:hidden}
.table-outbox-inbox .ReactVirtualized__Table__rowColumn{display:flex;align-items:center;justify-content:center}
.table-outbox-inbox .ReactVirtualized__Table__rowColumn:last-child{justify-content:center}
.table-outbox-inbox .ReactVirtualized__Table__rowColumn .tinAndName{flex:1 1 auto;min-width:0}

/* Shrift ekran kengligiga qarab silliq kichrayadi (14px dan 11px gacha) */
@media (max-width:1500px){
  .table-hint{--tf:clamp(11px,calc(0.8vw + 2.5px),14px)}
  .table-hint .table-outbox-inbox .ReactVirtualized__Table__rowColumn{font-size:var(--tf);line-height:1.4}
  .table-hint .table-outbox-inbox .ReactVirtualized__Table__rowColumn .tinAndName,
  .table-hint .table-outbox-inbox .ReactVirtualized__Table__rowColumn .tinAndName *,
  .table-hint .table-outbox-inbox .ReactVirtualized__Table__rowColumn .docTypeCell,
  .table-hint .table-outbox-inbox .ReactVirtualized__Table__rowColumn .docTypeCell *,
  .table-hint .table-outbox-inbox .ReactVirtualized__Table__rowColumn .my-row-cell,
  .table-hint .table-outbox-inbox .ReactVirtualized__Table__rowColumn .my-row-cell *{font-size:var(--tf) !important;line-height:1.4 !important}
  .table-hint .table-outbox-inbox .ReactVirtualized__Table__rowColumn .tinAndName > div{min-height:0 !important}
}

/* Status ustuni: ✓ belgisi nishonni surmasin (nishon har doim markazda) */
.table-hint .table-outbox-inbox .ReactVirtualized__Table__rowColumn[aria-colindex="2"] > div > :nth-child(2){margin-right:-19px}

/* Kontragent ustuni: nom va INN siqilib, qator ichida qolsin */
.table-hint .table-outbox-inbox .ReactVirtualized__Table__rowColumn .tinAndName > div{min-height:0 !important;line-height:1.35 !important;-webkit-line-clamp:3}
.table-hint .table-outbox-inbox .ReactVirtualized__Table__rowColumn .tinAndName{padding-top:2px;padding-bottom:2px}

/* ===== Yuqori panel: tugmalar va tablar ===== */
/* Sig'masa keyingi qatorga tushadi, kesilmaydi */
.custom-tab-list.custom-tab-list{height:auto !important;flex-wrap:wrap !important;row-gap:8px;align-items:center !important;padding:4px 0 8px !important;overflow:visible !important}
.custom-tab-list.custom-tab-list li.limit_container{flex:1 1 auto !important;display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-right:12px !important}
.custom-tab-list.custom-tab-list li.limit_container > *,
.custom-tab-list.custom-tab-list li.limit_container button{margin-top:0 !important;margin-bottom:0 !important;margin-left:0 !important;margin-right:0 !important}
.custom-tab-list.custom-tab-list li.limit_container button{border-radius:8px}

/* Tablar: yagona, yumshoq ranglar (kulrang-ko'k), tanlangani asosiy ko'k */
.custom-tab-list.custom-tab-list li[role="tab"]:nth-child(n+2){
  height:36px;display:inline-flex;align-items:center;gap:6px;padding:0 12px;margin:0 8px 0 0 !important;white-space:nowrap;
  border-radius:8px;border:1.5px solid #D5DCEB;background:#FFFFFF;color:#3B4256;
  font-size:clamp(12px,calc(0.55vw + 6px),16px);line-height:1;transition:background-color .15s,border-color .15s,color .15s}
.custom-tab-list.custom-tab-list li[role="tab"]:nth-child(n+2):hover{background:#F2F6FF;border-color:#2977FF;color:#2977FF}
.custom-tab-list.custom-tab-list li[role="tab"].selected-tab:nth-child(n+2){background:#EAF1FF;border-color:#2977FF;color:#1F5FD6;font-weight:500}
.custom-tab-list.custom-tab-list li[role="tab"].selected-tab:nth-child(n+2):hover{background:#DCE8FF;color:#1F5FD6}

/* Tor ekranda tugma va tablar ixchamroq */
@media (max-width:1300px){
  .custom-tab-list.custom-tab-list li[role="tab"]:nth-child(n+2){padding:0 9px;margin-right:6px !important}
  .custom-tab-list.custom-tab-list li.limit_container{gap:6px}
  .custom-tab-list.custom-tab-list li.limit_container button{font-size:13px;padding-left:12px;padding-right:12px}
}

/* Hover: faol qator chegarasi o'lchamni o'zgartirmasin (qator sakrashi sababi) */
.table-hint .table-outbox-inbox [class*="table-row-"]{border:0 !important}
.table-hint .table-outbox-inbox [class*="table-row-"].active{
  box-shadow:inset 1px 0 0 #2977FF,inset -1px 0 0 #2977FF,inset 0 1px 0 #2977FF,inset 0 -1px 0 #2977FF,inset 3px 0 0 #2977FF !important}

/* Tab hover: to'liq ko'k fon, matn oq */
.custom-tab-list.custom-tab-list li[role="tab"]:nth-child(n+2):hover,
.custom-tab-list.custom-tab-list li[role="tab"].selected-tab:nth-child(n+2):hover{background:#2977FF !important;border-color:#2977FF !important;color:#FFFFFF !important}
.custom-tab-list.custom-tab-list li[role="tab"]:nth-child(n+2):hover > *:not(.ant-badge){color:#FFFFFF !important}

/* Tab hover: chegara yo'qolmasin (aks holda tab torayib, qo'shnilar siljiydi) */
.custom-tab-list.custom-tab-list li[role="tab"]:nth-child(n+2),
.custom-tab-list.custom-tab-list li[role="tab"]:nth-child(n+2):hover,
.custom-tab-list.custom-tab-list li[role="tab"].selected-tab:nth-child(n+2),
.custom-tab-list.custom-tab-list li[role="tab"].selected-tab:nth-child(n+2):hover{
  border-width:1.5px !important;border-style:solid !important;box-sizing:border-box;flex:0 0 auto}

/* Skrol tugmasi: faqat 10 dan ortiq ustunda ko'rinadi */
.tbl-scroll-toggle{display:none;height:36px;padding:0 14px;border-radius:8px;border:1.5px solid #D5DCEB;background:#fff;color:#3B4256;font-size:14px;cursor:pointer;white-space:nowrap}
html[data-tbl-wide] .tbl-scroll-toggle{display:inline-flex;align-items:center}
.tbl-scroll-toggle.on{border-color:#2977FF;background:#EAF1FF;color:#1F5FD6}
.tbl-scroll-toggle:hover{background:#2977FF;border-color:#2977FF;color:#fff}

/* ===== Sarlavha: "Mening hujjatlarim" dizayni (ko'k fon, oq matn) ===== */
.table-hint .table-outbox-inbox > div:first-child{background:#2977FF !important;color:#FFFFFF !important;border-color:#2977FF !important;font-weight:550}
.table-hint .table-outbox-inbox .ReactVirtualized__Table__headerColumn,
.table-hint .table-outbox-inbox .ReactVirtualized__Table__headerColumn span{color:#FFFFFF !important;font-weight:550}
.table-hint .table-outbox-inbox .ReactVirtualized__Table__headerColumn::after{border-right:1px solid rgba(255,255,255,.3) !important;height:100% !important}
.table-hint .table-outbox-inbox .ReactVirtualized__Table__headerColumn:last-child::after{border-right:0 !important}
.table-hint .table-outbox-inbox .ReactVirtualized__Table__headerColumn .filterIcon svg{color:rgba(255,255,255,.85) !important}
.table-hint .table-outbox-inbox .ReactVirtualized__Table__headerColumn .filterIcon svg:hover{color:#FFFFFF !important}
.table-hint .table-outbox-inbox .ReactVirtualized__Table__headerColumn .filterIcon svg.active{color:#ff7875 !important}

/* ===== Chetlardan bo'shliq: panel va jadval chetga yopishmasin ===== */
.custom-tab-list.custom-tab-list{padding:12px 16px 10px !important}
.table-hint{padding:0 0 0 0}

/* Checkbox ustuni: katak markazda, chetga yopishmagan */
.table-hint .table-outbox-inbox .ReactVirtualized__Table__headerColumn:first-child{justify-content:center !important;padding:0 !important}
.table-hint .table-outbox-inbox .ReactVirtualized__Table__headerColumn:first-child *{margin-left:0 !important;margin-right:0 !important}
.table-hint .table-outbox-inbox .ReactVirtualized__Table__rowColumn[aria-colindex="1"]{justify-content:center !important;padding:0 !important}
.table-hint .table-outbox-inbox .ReactVirtualized__Table__rowColumn[aria-colindex="1"] > *,
.table-hint .table-outbox-inbox .ReactVirtualized__Table__rowColumn[aria-colindex="1"] label{margin:0 auto !important;width:auto !important;justify-content:center !important}

/* Checkbox: konteyner to'liq kenglikda, katak aniq markazda (input ning 10px margini olib tashlandi) */
.table-hint .table-outbox-inbox .check_box_container{width:100% !important;display:flex !important;justify-content:center !important;align-items:center !important;margin:0 !important}
.table-hint .table-outbox-inbox .check_box_container label{display:flex !important;justify-content:center !important;align-items:center !important;width:auto !important;margin:0 !important;padding:0 !important}
.table-hint .table-outbox-inbox .ReactVirtualized__Table__rowColumn[aria-colindex="1"] input[type="checkbox"],
.table-hint .table-outbox-inbox .ReactVirtualized__Table__headerColumn:first-child input[type="checkbox"]{margin:0 !important}

/* Jadval konteyneri kontent kengligiga qarab kengayib ketmasin (AutoSizer noto'g'ri keng o'lchaydi) */
.table-hint{width:100%;max-width:100%;min-width:0;box-sizing:border-box}
.react-tabs__tab-panel{min-width:0;max-width:100%}

/* Checkbox jadval devoridan uzoqroq: ustun kengroq, katak markazda, bo'sh span olib tashlandi */
.table-hint .table-outbox-inbox .check_box_container span,
.table-hint .table-outbox-inbox .ReactVirtualized__Table__headerColumn:first-child label span{display:none !important}
.table-hint .table-outbox-inbox .ReactVirtualized__Table__rowColumn[aria-colindex="1"],
.table-hint .table-outbox-inbox .ReactVirtualized__Table__headerColumn:first-child{padding-left:8px !important;padding-right:0 !important;margin-left:0 !important}

/* Faol filtr ikonkasi: to'liq qizil, oq doira ichida (ko'k fonda aniq ko'rinadi) */
.table-hint .table-outbox-inbox .ReactVirtualized__Table__headerColumn .filterIcon svg.active{
  color:#E5231A !important;fill:#E5231A !important;background:#FFFFFF;border-radius:50%;padding:2px;box-sizing:content-box}
.table-hint .table-outbox-inbox .ReactVirtualized__Table__headerColumn .filterIcon svg.active path{fill:#E5231A !important}

/* Checkbox ustuni: katak aniq markazda (label kengligi = katak kengligi, ajratuvchi chiziq joy egallamaydi) */
.table-hint .table-outbox-inbox .ReactVirtualized__Table__headerColumn{position:relative}
.table-hint .table-outbox-inbox .ReactVirtualized__Table__headerColumn:first-child{display:flex !important;justify-content:center !important;align-items:center !important;padding:0 !important}
.table-hint .table-outbox-inbox .ReactVirtualized__Table__headerColumn:first-child::after{position:absolute;right:0;top:50%;transform:translateY(-50%);height:20px !important}
.table-hint .table-outbox-inbox .ReactVirtualized__Table__headerColumn:first-child label,
.table-hint .table-outbox-inbox .ReactVirtualized__Table__rowColumn[aria-colindex="1"] label{flex:0 0 auto !important;width:15px !important;min-width:0 !important;max-width:15px !important;margin:0 !important;padding:0 !important;justify-content:center !important}
.table-hint .table-outbox-inbox .ReactVirtualized__Table__headerColumn:first-child input,
.table-hint .table-outbox-inbox .ReactVirtualized__Table__rowColumn[aria-colindex="1"] input{margin:0 !important;width:15px !important;height:15px !important}
.table-hint .table-outbox-inbox .ReactVirtualized__Table__rowColumn[aria-colindex="1"]{padding:0 !important;justify-content:center !important}

/* ===== Yuqori panel: hammasi bitta qatorda ===== */
.custom-tab-list.custom-tab-list{flex-wrap:nowrap !important;--tbf:clamp(12.5px,calc(0.62vw + 3.5px),16px);--tbp:clamp(7px,0.55vw,13px)}
.custom-tab-list.custom-tab-list li.limit_container{flex:1 1 auto !important;min-width:0;flex-wrap:nowrap !important;gap:clamp(4px,0.4vw,8px);margin-right:clamp(6px,0.6vw,12px) !important}
.custom-tab-list.custom-tab-list li.limit_container button,
.custom-tab-list.custom-tab-list li.limit_container .ant-btn{font-size:var(--tbf) !important;padding-left:var(--tbp) !important;padding-right:var(--tbp) !important;height:34px !important;line-height:1 !important;white-space:nowrap !important;flex:0 0 auto}
.custom-tab-list.custom-tab-list li.limit_container button svg{font-size:clamp(16px,1.1vw,22px) !important;width:auto;height:auto}
.custom-tab-list.custom-tab-list li[role="tab"]:nth-child(n+2){font-size:var(--tbf);padding:0 var(--tbp);margin-right:clamp(4px,0.4vw,8px) !important;height:34px}

/* Juda tor ekranda (1280px dan past) sig'masa keyingi qatorga tushishiga ruxsat */
@media (max-width:1280px){
  .custom-tab-list.custom-tab-list{flex-wrap:wrap !important}
  .custom-tab-list.custom-tab-list li.limit_container{flex-wrap:wrap !important}
}

/* Panel va jadval bir xil chap/o'ng chiziqda */
.custom-tab-list.custom-tab-list{padding-left:0 !important;padding-right:0 !important}
.custom-tab-list.custom-tab-list li[role="tab"]:last-child{margin-right:0 !important}

/* Tanlangan tab: to'liq ko'k fon, oq matn (hover bilan bir xil) */
.custom-tab-list.custom-tab-list li[role="tab"].selected-tab:nth-child(n+2){background:#2977FF !important;border-color:#2977FF !important;color:#FFFFFF !important;font-weight:500}
.custom-tab-list.custom-tab-list li[role="tab"].selected-tab:nth-child(n+2) > *:not(.ant-badge){color:#FFFFFF !important}
.custom-tab-list.custom-tab-list li[role="tab"].selected-tab:nth-child(n+2):hover{background:#1F5FD6 !important;border-color:#1F5FD6 !important}

/* Oraliqlar bir xil (10px): tepa, panel-jadval orasi, o'ng chet */
.custom-tab-list.custom-tab-list{padding:10px 8px 10px 0 !important}
.table-hint .table-outbox-inbox{margin-top:0 !important}
.table-hint{padding-right:8px}

/* ===== 1-variant "Muvozanatli": tugmalar betaraf, ko'k faqat asosiy amalda ===== */
.custom-tab-list.custom-tab-list li.limit_container button{background:#FFFFFF !important;border:1.5px solid #D5DCEB !important;color:#2B3447 !important}
.custom-tab-list.custom-tab-list li.limit_container button svg{color:#2977FF !important}
.custom-tab-list.custom-tab-list li.limit_container button:hover{background:#F2F6FF !important;border-color:#2977FF !important;color:#1F5FD6 !important}
/* Asosiy amal: Создать */
.custom-tab-list.custom-tab-list li.limit_container > button:first-child{background:#2977FF !important;border-color:#2977FF !important;color:#FFFFFF !important}
.custom-tab-list.custom-tab-list li.limit_container > button:first-child svg{color:#FFFFFF !important}
.custom-tab-list.custom-tab-list li.limit_container > button:first-child:hover{background:#1F5FD6 !important;border-color:#1F5FD6 !important}
/* Xavfli amal: Сбросить фильтр */
.custom-tab-list.custom-tab-list li.limit_container > .hint-pdf + button{color:#D9363E !important;border-color:#D9363E !important}
.custom-tab-list.custom-tab-list li.limit_container > .hint-pdf + button:hover{background:#FDECEC !important;border-color:#D9363E !important;color:#D9363E !important}

/* ===== 2-variant "To'q sarlavha": grafit #1E293B, ko'k faqat Создать ===== */
/* Sarlavha */
.table-hint .table-outbox-inbox > div:first-child{background:#1E293B !important;border-color:#1E293B !important}
.table-hint .table-outbox-inbox .ReactVirtualized__Table__headerColumn::after{border-right-color:rgba(255,255,255,.18) !important}
/* Tugmalar: betaraf, to'q matn */
.custom-tab-list.custom-tab-list li.limit_container button{border-color:#CBD3E3 !important;color:#1E293B !important}
.custom-tab-list.custom-tab-list li.limit_container button:hover{background:#F1F4FA !important;border-color:#1E293B !important;color:#1E293B !important}
/* Tablar */
.custom-tab-list.custom-tab-list li[role="tab"]:nth-child(n+2){border-color:#CBD3E3;color:#1E293B}
.custom-tab-list.custom-tab-list li[role="tab"]:nth-child(n+2):hover,
.custom-tab-list.custom-tab-list li[role="tab"].selected-tab:nth-child(n+2):hover{background:#334155 !important;border-color:#334155 !important;color:#FFFFFF !important}
.custom-tab-list.custom-tab-list li[role="tab"].selected-tab:nth-child(n+2){background:#1E293B !important;border-color:#1E293B !important;color:#FFFFFF !important}
.custom-tab-list.custom-tab-list li[role="tab"].selected-tab:nth-child(n+2):hover{background:#0F172A !important;border-color:#0F172A !important}

/* ===== 3-variant "Och sarlavha": #EAF1FF fon, #1F3A7A matn, ostida ko'k chiziq ===== */
/* Sarlavha */
.table-hint .table-outbox-inbox > div:first-child{background:#EAF1FF !important;color:#1F3A7A !important;border-color:#CFDDFA !important;border-bottom:2px solid #2977FF !important}
.table-hint .table-outbox-inbox .ReactVirtualized__Table__headerColumn,
.table-hint .table-outbox-inbox .ReactVirtualized__Table__headerColumn span{color:#1F3A7A !important}
.table-hint .table-outbox-inbox .ReactVirtualized__Table__headerColumn::after{border-right-color:#CFDDFA !important}
.table-hint .table-outbox-inbox .ReactVirtualized__Table__headerColumn .filterIcon svg{color:#1F3A7A !important;fill:currentColor}
.table-hint .table-outbox-inbox .ReactVirtualized__Table__headerColumn .filterIcon svg:hover{color:#2977FF !important}
/* Faol filtr: qizil doira, oq ikonka */
.table-hint .table-outbox-inbox .ReactVirtualized__Table__headerColumn .filterIcon svg.active{color:#FFFFFF !important;fill:#FFFFFF !important;background:#E5231A !important;border-radius:50%;padding:2px}
.table-hint .table-outbox-inbox .ReactVirtualized__Table__headerColumn .filterIcon svg.active path{fill:#FFFFFF !important}
/* Tugmalar: och ko'k fon */
.custom-tab-list.custom-tab-list li.limit_container button{background:#F2F6FF !important;border-color:#BFD3FF !important;color:#1F5FD6 !important}
.custom-tab-list.custom-tab-list li.limit_container button:hover{background:#E3EDFF !important;border-color:#2977FF !important;color:#1F5FD6 !important}
.custom-tab-list.custom-tab-list li.limit_container > .hint-pdf + button{background:#FFFFFF !important}
/* Tablar: tanlangan va hover ko'k */
.custom-tab-list.custom-tab-list li[role="tab"]:nth-child(n+2){border-color:#D5DCEB;color:#3B4256}
.custom-tab-list.custom-tab-list li[role="tab"]:nth-child(n+2):hover{background:#2977FF !important;border-color:#2977FF !important;color:#FFFFFF !important}
.custom-tab-list.custom-tab-list li[role="tab"].selected-tab:nth-child(n+2){background:#2977FF !important;border-color:#2977FF !important;color:#FFFFFF !important}
.custom-tab-list.custom-tab-list li[role="tab"].selected-tab:nth-child(n+2):hover{background:#1F5FD6 !important;border-color:#1F5FD6 !important}

/* Ikonka rangi = yozuv rangi (normal va hover), hover'da oq bo'lib qolmasin */
.custom-tab-list.custom-tab-list li.limit_container button svg,
.custom-tab-list.custom-tab-list li.limit_container button svg *{color:#1F5FD6 !important;fill:currentColor !important}
.custom-tab-list.custom-tab-list li.limit_container button:hover svg,
.custom-tab-list.custom-tab-list li.limit_container button:hover svg *{color:#1F5FD6 !important;fill:#1F5FD6 !important}
/* Создать (ko'k fon): ikonka oq */
.custom-tab-list.custom-tab-list li.limit_container > button:first-child svg,
.custom-tab-list.custom-tab-list li.limit_container > button:first-child svg *,
.custom-tab-list.custom-tab-list li.limit_container > button:first-child:hover svg,
.custom-tab-list.custom-tab-list li.limit_container > button:first-child:hover svg *{color:#FFFFFF !important;fill:#FFFFFF !important}

/* Qatorlarda ham sarlavhadagidek ustun ajratuvchi chiziqlar */
.table-hint .table-outbox-inbox .ReactVirtualized__Table__rowColumn{border-right:1px solid #CFDDFA !important}
.table-hint .table-outbox-inbox .ReactVirtualized__Table__rowColumn:last-child{border-right:0 !important}

/* Qator ajratuvchi chiziqlari: och kulrang */
.table-hint .table-outbox-inbox .ReactVirtualized__Table__rowColumn{border-right-color:#E6E8EC !important}

/* Ajratuvchi chiziqlar sarlavhada va qatorlarda aynan bir chiziqda (ustun o'ng chetida, bir xil rangda) */
.table-hint .table-outbox-inbox .ReactVirtualized__Table__headerColumn::after,
.table-hint .table-outbox-inbox .ReactVirtualized__Table__headerColumn:first-child::after{
  content:'' !important;position:absolute !important;right:0 !important;top:0 !important;bottom:auto !important;transform:none !important;
  height:100% !important;width:0 !important;border-right:1px solid #DCE1EA !important}
.table-hint .table-outbox-inbox .ReactVirtualized__Table__headerColumn:last-child::after{display:none !important}
.table-hint .table-outbox-inbox .ReactVirtualized__Table__rowColumn{border-right-color:#DCE1EA !important}
/* Birinchi ustun qatorlarda 1px chapga chiqib ketmasin */
.table-hint .table-outbox-inbox .ReactVirtualized__Table__rowColumn[aria-colindex="1"]{margin-left:0 !important}

/* Ustunlar siqilmasin: sarlavha va qator ustunlari aynan bir xil kenglikda */
.table-hint .table-outbox-inbox .ReactVirtualized__Table__headerColumn,
.table-hint .table-outbox-inbox .ReactVirtualized__Table__rowColumn{flex-shrink:0 !important}

/* Sarlavha hujayrasi matn kengligiga qarab kengayib ketmasin: kengligi qator ustuni bilan aynan bir xil bo'lsin */
.table-hint .table-outbox-inbox .ReactVirtualized__Table__headerColumn{min-width:0 !important;overflow:hidden !important;box-sizing:border-box}
.table-hint .table-outbox-inbox .ReactVirtualized__Table__rowColumn{min-width:0 !important;box-sizing:border-box}

/* Ustunlar orasidagi standart 10px oraliq (react-virtualized) olib tashlandi: sarlavha va qator ustunlari aynan bir joyda */
.table-hint .table-outbox-inbox .ReactVirtualized__Table__headerColumn,
.table-hint .table-outbox-inbox .ReactVirtualized__Table__rowColumn{margin-left:0 !important;margin-right:0 !important}

/* Barcha ustunlarda yozuv markazda (skrol yoqilgan va o'chirilgan holatda ham) */
.table-hint .table-outbox-inbox .ReactVirtualized__Table__rowColumn{justify-content:center !important;text-align:center !important}
.table-hint .table-outbox-inbox .ReactVirtualized__Table__rowColumn > *{text-align:center !important}
/* Oxirgi ustun (Summa) jadval o'ng devoriga yopishmasin */
.table-hint .table-outbox-inbox .ReactVirtualized__Table__rowColumn:last-child,
.table-hint .table-outbox-inbox .ReactVirtualized__Table__headerColumn:last-child{padding-right:12px !important}