/* Module headings use the icon for the current sidebar section. */
body[data-section="/relations"] { --section-icon: url("/assets/panel-icons/contacts-section.svg") }
body[data-section="/warehouse"] { --section-icon: url("/assets/panel-icons/stock-section.svg") }
body[data-section="/sales/production-home"] { --section-icon: url("/assets/panel-icons/production-section.svg") }
body[data-section="/bonus"] { --section-icon: url("/assets/panel-icons/bonus-section.svg") }
body[data-section="/finance"] { --section-icon: url("/assets/panel-icons/finance-section.svg") }
body[data-section="/hrm"] { --section-icon: url("/assets/panel-icons/staff-section.svg") }
body[data-section="/notification-settings"] { --section-icon: url("/assets/panel-icons/notices-section.svg") }
body[data-section="/reports"] { --section-icon: url("/assets/panel-icons/reports-section.svg") }
body[data-section="/business_unit"] { --section-icon: url("/assets/panel-icons/unit-section.svg") }
:is(#relations-filters,#warehouse-filters,#finance-filters,#prod-filter,#notice-filter,#pl-filter,#bb-filters) .module-filter-title,
.hrm-filter > h2, .bn-side > h2 {
  position: relative;
  height: 130px;
  padding: 30px 20px 0 80px;
  margin: 0;
  display: flex;
  gap: 10px;
  align-items: flex-start;
  background: #e9e9e9;
  color: #202c3c;
  border-bottom: 2px solid white;
  font: 650 18px/22px Inter,"Segoe UI",sans-serif;
}
:is(#relations-filters,#warehouse-filters,#finance-filters,#prod-filter,#notice-filter,#pl-filter,#bb-filters) .module-filter-title::before,
.hrm-filter > h2::before, .bn-side > h2::before {
  content: "";
  position: absolute; left: 30px; top: 30px;
  height: 40px; width: 40px; border-radius: 12px;
  background: var(--section-icon) center/21px no-repeat, linear-gradient(135deg,#2f8b5d,#55ad81);
  box-shadow: 0 4px 12px #276a492b;
}
:is(#relations-filters,#warehouse-filters,#finance-filters,#prod-filter,#notice-filter,#pl-filter,#bb-filters) .module-filter-title strong { font: inherit }
:is(#relations-filters,#warehouse-filters,#finance-filters,#prod-filter,#notice-filter,#pl-filter,#bb-filters) .module-filter-title::after,
.hrm-filter > h2::after {
  content: "Filterlər"; position: absolute; left: 80px; top: 52px; color: #71839b; font: 11px/19px Inter,"Segoe UI",sans-serif;
}
:is(#relations-filters,#warehouse-filters,#finance-filters,#prod-filter,#notice-filter,#pl-filter,#bb-filters) .filter-gear {
  display: grid; place-items: center; padding: 0; min-height: 32px; width: 32px; height: 32px; margin-top: 3px;
  background: white; color: #35455d; border: 1px solid #a7d6b9; border-radius: 9px;
}
:is(#relations-filters,#warehouse-filters,#finance-filters,#prod-filter,#notice-filter,#pl-filter,#bb-filters) .filter-collapse {
  display: grid; place-items: center; left: calc(var(--rail) + var(--filter) - 54px); top: calc(var(--header) + 30px);
  width: 38px; height: 38px; min-height: 38px; padding: 0; background: white; color: #2f8b5d;
  border: 1px solid #a7d6b9; border-radius: 12px; box-shadow: 0 2px 8px #0001;
}
:is(#relations-filters,#warehouse-filters,#finance-filters,#prod-filter,#notice-filter,#pl-filter,#bb-filters) .filter-collapse.is-collapsed { left: var(--rail) }
.module-filter .filter-block > label, .hrm-filter section > label { color: #35455d; font-weight: 500 }
.module-filter .filter-block .segments button.active, .hrm-filter .hrm-periods .active { background: #2f8b5d; border-color: #2f8b5d }
.module-filter .filter-block .date-pair:has(.date-field) { display: flex; flex-direction: column; gap: 10px }
.module-filter .filter-block .date-pair .date-field { width: 100% }
.module-filter .filter-block .date-field input { text-align: center }
:is(#warehouse-main,.prod-list,.bn-page,.finance-workspace,.hrm-workspace,.notice-main,.pl-workspace,.bb-main:not(.directory-main)) thead th {
  background: #2f8b5d; color: white; font: 600 12px/18px "Exo 2",sans-serif;
  border-right: 1px solid #d8e9df; border-bottom: 1px solid #eee;
}
:is(#warehouse-main,.prod-list,.bn-page,.finance-workspace,.hrm-workspace,.notice-main,.bb-main:not(.directory-main)) tbody tr:not([class*="total"]) > td {
  border-bottom: 1px solid #e9edf1;
}
:is(#warehouse-main,.prod-list,.bn-page,.finance-workspace,.hrm-workspace,.notice-main,.bb-main:not(.directory-main)) tbody tr:nth-child(even):not([class*="total"]) > td { background-color: #f7f8fa }
:is(#warehouse-main,.prod-list,.bn-page,.finance-workspace,.hrm-workspace,.notice-main,.bb-main:not(.directory-main)) tbody tr:hover:not([class*="total"]) > td { background-color: #deebe2 }
.pos-terminal .pos-table thead th { height: 41px; font-size: 12px; font-weight: 500; color: white; background-color: #008b45 }
.bn-page thead th, .notice-main .notice-table thead th, .hrm-workspace .hrm-table-scroll thead th { height: 41px }
.prod-list .data-table thead th { height: 77px; padding: 20px 15px }
.bb-main .bb-list thead th, #warehouse-main .warehouse-table thead th { min-height: 59px }
:is(.warehouse-tools,.prod-tools,.hrm-tools,.notice-actions,.bb-tools) :is(button:not(.active):not(.selected),a.button,a.bb-new,a.hrm-new),
#relations-main .relations-tools button {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  color: #26744d; background-color: white; border: 1px solid #a3d2b6; border-radius: 10px; min-height: 40px;
  font-size: 13px; font-weight: 600;
}
:is(.warehouse-tools,.prod-tools,.hrm-tools,.notice-actions,.bb-tools) button:disabled { opacity: .48 }
#trade-main .trade-table { min-width: 100% }
.dir-table td[data-col="status"] { text-align: center }
.product-import .pl-dialog { width: min(89vw,1600px) }
.product-import .import-filters > label:has(input:not([type=checkbox])) { display: grid; gap: 5px; flex: 1; min-width: 110px }
.product-import .import-filters svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.5 }
.product-import footer > label { margin-right: auto }
.product-import .import-tools > button:has(img), .product-import [data-remove] { min-width: 32px; padding: 5px }
.product-bulk [data-fields]>div { display: flex; align-items: center; justify-content: space-between; gap: 10px }
.product-bulk [data-fields]>div>label:first-child { display: grid; flex: 1 }
.product-bulk footer { display: flex; justify-content: flex-end; gap: 10px; margin-top: 18px }
.product-bulk footer .primary { margin: 0 }
.warehouse-tools [data-product-import] img { width: 18px; height: 18px }
@media (max-width: 700px) {
  :is(#relations-filters,#warehouse-filters,#finance-filters,#prod-filter,#notice-filter,#pl-filter,#bb-filters) .module-filter-title { padding-left: 62px }
  :is(#relations-filters,#warehouse-filters,#finance-filters,#prod-filter,#notice-filter,#pl-filter,#bb-filters) .module-filter-title::before { left: 13px }
  :is(#relations-filters,#warehouse-filters,#finance-filters,#prod-filter,#notice-filter,#pl-filter,#bb-filters) .module-filter-title::after { left: 62px }
}