@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800&display=swap');
:root{--navy:#142b45;--navy2:#1d3b5b;--blue:#2d6cdf;--bg:#f3f6fa;--line:#e6ebf1;--muted:#78879a;--text:#1d2b3a;--white:#fff}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:"Cairo",Tahoma,Arial,sans-serif}.app-shell{min-height:100vh;display:flex}
.sidebar{width:264px;background:linear-gradient(180deg,var(--navy),#102338);color:#fff;padding:25px 16px 18px;display:flex;flex-direction:column;flex-shrink:0}
.brand{display:flex;align-items:center;gap:12px;padding:0 10px 27px;border-bottom:1px solid #ffffff1c}.brand-mark{width:43px;height:43px;border-radius:13px;background:#ffffff18;border:1px solid #ffffff2b;display:grid;place-items:center;font-size:23px;font-weight:800}.brand strong{display:block;font-size:16px}.brand small{display:block;color:#aebed0;font-size:11px;margin-top:1px}
.nav-caption{font-size:11px;color:#91a7bd;padding:23px 12px 10px}.nav-list{display:grid;gap:5px}.nav-item{border:0;background:transparent;color:#d7e1eb;width:100%;display:flex;align-items:center;gap:12px;text-align:right;padding:10px 12px;border-radius:10px;font:600 13px "Cairo",sans-serif;cursor:pointer;transition:.18s}.nav-item:hover{background:#ffffff12;color:#fff}.nav-item.active{background:#2d6cdf;color:#fff;box-shadow:0 6px 15px #0b1c3055}.nav-num{font-size:10px;color:#9db1c6;width:20px;direction:ltr}.nav-item.active .nav-num{color:#dce8ff}.sidebar-foot{margin-top:auto;padding:17px 10px 0;border-top:1px solid #ffffff1c;color:#aebed0;font-size:11px;display:flex;align-items:center;gap:8px}.status-dot{width:7px;height:7px;border-radius:50%;background:#48d49a}
.main{flex:1;min-width:0;padding:0 34px 22px}.topbar{height:72px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.crumb{display:flex;gap:10px;align-items:center;color:var(--muted);font-size:12px}.crumb b{color:#bdc7d2;font-weight:400}.crumb strong{color:var(--text);font-weight:700}.top-actions{display:flex;align-items:center;gap:12px}.offline-pill{font-size:11px;color:#536477;background:#fff;border:1px solid var(--line);padding:7px 11px;border-radius:30px}.offline-pill i{display:inline-block;width:6px;height:6px;background:#e2a23b;border-radius:50%;margin-left:5px}.menu-btn{display:none;border:1px solid var(--line);background:#fff;border-radius:9px;padding:7px 10px;font-size:18px}
.welcome{display:flex;justify-content:space-between;align-items:end;padding:32px 0 24px}.eyebrow{margin:0 0 5px;color:var(--blue);font-size:11px;font-weight:700}.welcome h1{font-size:27px;margin:0;font-weight:800;color:var(--navy)}.subheading{margin:5px 0 0;color:var(--muted);font-size:12px}.date-chip{background:#fff;border:1px solid var(--line);border-radius:10px;padding:9px 13px;color:#66778a;font-size:11px}
.workspace{background:#fff;border:1px solid var(--line);border-radius:16px;min-height:440px;box-shadow:0 8px 28px #1a35500a;overflow:hidden}.workspace-head{display:flex;align-items:center;gap:13px;padding:21px 24px;border-bottom:1px solid var(--line)}.section-icon{width:40px;height:40px;border-radius:12px;background:#edf3ff;color:var(--blue);display:grid;place-items:center;font-size:12px;font-weight:800;direction:ltr}.workspace-head h2{margin:0;font-size:15px;color:var(--navy)}.workspace-head p{margin:3px 0 0;color:var(--muted);font-size:11px}.empty-state{min-height:330px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:35px 15px}.empty-art{width:58px;height:58px;border-radius:18px;background:#f0f5ff;color:var(--blue);display:grid;place-items:center;font-size:31px;font-weight:400;margin-bottom:15px}.empty-state h3{font-size:15px;margin:0 0 6px;color:#30445a}.empty-state p{font-size:12px;color:var(--muted);margin:0}.hint{font-size:10px;color:#8c9bad;background:#f7f9fc;padding:7px 12px;border-radius:7px;margin-top:18px}footer{text-align:center;color:#9aa7b5;font-size:10px;padding:20px}footer span{padding:0 5px;color:#c2cbd4}.scrim{display:none}
@media(max-width:850px){.sidebar{width:235px}.main{padding:0 22px 18px}}
@media(max-width:650px){.sidebar{position:fixed;z-index:5;right:0;top:0;bottom:0;width:270px;transform:translateX(105%);transition:transform .22s;box-shadow:-10px 0 30px #142b4520}.sidebar.open{transform:translateX(0)}.scrim.show{display:block;position:fixed;inset:0;background:#0d1d2d77;z-index:4}.main{padding:0 15px 15px}.topbar{height:62px;justify-content:flex-start;gap:12px}.menu-btn{display:block}.crumb{font-size:10px;gap:6px}.top-actions{margin-right:auto}.offline-pill{font-size:9px;padding:6px 8px}.welcome{padding:25px 0 18px;align-items:center}.welcome h1{font-size:23px}.date-chip{font-size:9px;padding:7px}.workspace{min-height:420px}.workspace-head{padding:17px}.empty-state{min-height:320px}}

/* S&M - Receipts page */
.receipts-page{padding:20px}
.receipt-toolbar{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:16px}
.receipt-btn{border:1px solid #dce4ed;background:#fff;color:#33485e;border-radius:8px;padding:9px 14px;font:600 12px "Cairo",sans-serif;cursor:pointer}
.receipt-btn.primary{background:#2d6cdf;border-color:#2d6cdf;color:#fff}
.receipt-btn.danger{color:#b42318;border-color:#f0c9c5}
.receipt-count{margin-right:auto;color:#6c7d90;font-size:12px}
.receipt-filters{display:grid;grid-template-columns:repeat(4,minmax(130px,1fr)) auto;gap:10px;align-items:end;background:#f7f9fc;border:1px solid #e8edf3;border-radius:10px;padding:13px;margin-bottom:16px}
.receipt-filters label,.receipt-fields label{display:grid;gap:5px;color:#536477;font-size:11px;font-weight:700}
.receipt-filters input,.receipt-fields input{width:100%;min-width:0;border:1px solid #dce4ed;border-radius:7px;padding:9px;background:#fff;color:#26394d;font:12px "Cairo",sans-serif}
.receipt-form{border:1px solid #dce5ef;border-radius:11px;padding:16px;margin:0 0 17px;background:#fbfcfe}
.receipt-form[hidden]{display:none}
.receipt-form-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}
.receipt-form-head h3{font-size:14px;margin:0;color:#142b45}
.receipt-fields{display:grid;grid-template-columns:repeat(4,minmax(130px,1fr));gap:12px}
.receipt-form-actions{display:flex;gap:8px;margin-top:15px}
.receipt-table-wrap{overflow:auto;border:1px solid #e6ebf1;border-radius:10px}
.receipt-table{width:100%;min-width:1250px;border-collapse:collapse;font-size:11px;text-align:right}
.receipt-table th{background:#f3f6fa;color:#40546a;padding:12px 9px;white-space:nowrap;border-bottom:1px solid #e1e8f0}
.receipt-table td{padding:10px 9px;border-bottom:1px solid #edf0f4;white-space:nowrap}
.receipt-table tbody tr:hover{background:#f8faff}
.receipt-table .confirmed{color:#16834b;font-weight:700}
.receipt-table .unconfirmed{color:#b66a13}
.receipt-table .negative{color:#c02b35;font-weight:700}
.receipt-actions{display:flex;gap:5px}
.mini-btn{border:1px solid #dce4ed;background:#fff;color:#285ca8;border-radius:6px;padding:5px 8px;font:600 10px "Cairo",sans-serif;cursor:pointer}
.mini-btn.delete{color:#b42318}
.no-results{text-align:center!important;color:#8996a5;padding:30px!important}
.receipt-note{color:#8794a3;font-size:10px;margin:12px 2px 0}
@media(max-width:900px){.receipt-filters{grid-template-columns:repeat(2,minmax(120px,1fr))}.receipt-fields{grid-template-columns:repeat(2,minmax(120px,1fr))}}
@media(max-width:520px){.receipts-page{padding:12px}.receipt-filters{grid-template-columns:1fr 1fr}.receipt-fields{grid-template-columns:1fr 1fr}.receipt-toolbar{gap:6px}.receipt-btn{padding:8px 10px;font-size:11px}}
@media print{
  body{background:#fff}
  .sidebar,.topbar,.welcome,footer,.receipt-toolbar,.receipt-filters,.receipt-form,.receipt-note,.receipt-table th:first-child,.receipt-table td:first-child,.receipt-actions{display:none!important}
  .main{padding:0!important}
  .workspace{border:0;box-shadow:none}
  .workspace-head{padding:0 0 12px}
  .receipts-page{padding:0}
  .receipt-table-wrap{overflow:visible;border:0}
  .receipt-table{min-width:0;font-size:8px}
  .receipt-table th,.receipt-table td{padding:5px 3px;white-space:normal}
}
/* Multi selection filters */
.receipt-filters select[multiple]{
  width:100%;
  min-height:82px;
  border:1px solid #dce4ed;
  border-radius:7px;
  padding:5px;
  background:#fff;
  color:#26394d;
  font:12px "Cairo",sans-serif;
}
.receipt-filters select[multiple] option{
  padding:5px 7px;
}
/* Compact multi-select filters */
.receipt-filters select[multiple] {
    height: 40px !important;
    min-height: 40px !important;
    width: 100%;
    overflow: hidden;
    border: 1px solid #dce4ed;
    border-radius: 8px;
    padding: 5px 9px;
    background: #fff;
    color: #26394d;
    font: 12px "Cairo", sans-serif;
    cursor: pointer;
}
.receipt-filters select[multiple] option {
    padding: 5px;
}
/* =========================================
   S&M - Sales Page Design
   ========================================= */

.sales-page {
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 17px;
  min-width: 0;
  background: #fff;
}

.sales-toolbar {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 9px;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--line);
}

.sales-btn {
  border: 1px solid #dce4ed;
  background: #fff;
  color: #33485e;
  border-radius: 8px;
  padding: 9px 14px;
  font: 600 12px "Cairo", sans-serif;
  cursor: pointer;
  transition: background .18s, border-color .18s;
}

.sales-btn:hover:not(:disabled) {
  background: #f2f6fb;
  border-color: #b9c9da;
}

.sales-btn:disabled {
  opacity: .45;
  cursor: not-allowed;
}

.sales-btn.primary {
  background: #176b58;
  border-color: #176b58;
  color: #fff;
}

.sales-btn.primary:hover {
  background: #125744;
}

.sales-btn.danger {
  color: #b42318;
  border-color: #f0c9c5;
  background: #fff;
}

.sales-btn.danger:hover {
  background: #fff5f4;
}

.sales-form {
  border: 1px solid #dce5ef;
  border-radius: 12px;
  padding: 18px;
  margin: 0 0 2px;
  background: #fbfcfe;
}

.sales-form[hidden] {
  display: none !important;
}

.sales-form-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-bottom: 17px;
  padding-bottom: 12px;
  border-bottom: 1px solid #e7edf3;
}

.sales-form-head h3 {
  font-size: 15px;
  margin: 0;
  color: var(--navy);
}

.sales-fields {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

.sales-fields label,
.sales-filters label {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
  color: #536477;
  font-size: 11px;
  font-weight: 700;
}

.sales-fields input,
.sales-fields textarea,
.sales-filters input,
.sales-courier-menu input {
  width: 100%;
  min-width: 0;
  border: 1px solid #dce4ed;
  border-radius: 8px;
  padding: 10px 11px;
  background: #fff;
  color: #26394d;
  font: 12px "Cairo", sans-serif;
  outline: none;
  transition: border-color .18s, box-shadow .18s;
}

.sales-fields input:focus,
.sales-fields textarea:focus,
.sales-filters input:focus,
.sales-courier-menu input:focus {
  border-color: #176b58;
  box-shadow: 0 0 0 3px #176b5815;
}

.sales-fields input[readonly] {
  background: #eef3f7;
  color: #176b58;
  font-weight: 700;
}

.sales-fields textarea {
  resize: vertical;
  min-height: 42px;
}

.sales-notes-field {
  grid-column: span 2;
}

.sales-form-actions {
  display: flex;
  align-items: center;
  gap: 9px;
  margin-top: 17px;
  padding-top: 14px;
  border-top: 1px solid #e7edf3;
}

.sales-message {
  margin-top: 10px;
  font-size: 12px;
}

.sales-message.error {
  color: #b42318;
}

.sales-message.success {
  color: #16834b;
}

.sales-filters {
  display: grid;
  grid-template-columns: repeat(4, minmax(130px, 1fr));
  gap: 13px;
  align-items: end;
  padding: 17px;
  background: #f6f8fb;
  border: 1px solid #e5ebf2;
  border-radius: 12px;
}

.sales-filters input {
  min-height: 40px;
}

.sales-courier-filter {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
}

.sales-courier-filter > label {
  color: #536477;
  font-size: 11px;
  font-weight: 700;
}

.sales-courier-filter details {
  position: relative;
  min-width: 0;
}

.sales-courier-filter summary {
  min-height: 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 9px 11px;
  border: 1px solid #dce4ed;
  border-radius: 8px;
  background: #fff;
  color: #33485e;
  font-size: 12px;
  cursor: pointer;
  list-style: none;
}

.sales-courier-filter summary::-webkit-details-marker {
  display: none;
}

.sales-courier-filter summary::after {
  content: "⌄";
  color: #78879a;
}

.sales-courier-filter details[open] summary {
  border-color: #176b58;
  border-radius: 8px 8px 0 0;
}

.sales-courier-menu {
  position: absolute;
  z-index: 10;
  top: 100%;
  right: 0;
  left: 0;
  max-height: 240px;
  overflow-y: auto;
  padding: 9px;
  background: #fff;
  border: 1px solid #dce4ed;
  border-top: 0;
  border-radius: 0 0 8px 8px;
  box-shadow: 0 8px 20px #142b4518;
}

.sales-courier-menu input {
  margin-bottom: 8px;
}

.sales-courier-option {
  display: flex !important;
  flex-direction: row !important;
  align-items: center;
  gap: 8px !important;
  padding: 7px 5px;
  border-radius: 6px;
  cursor: pointer;
  font-weight: 500 !important;
}

.sales-courier-option:hover {
  background: #f3f6fa;
}

.sales-courier-option input {
  width: 15px;
  min-height: auto;
  height: 15px;
  margin: 0;
  accent-color: #176b58;
}

.sales-filters > .sales-btn {
  min-height: 40px;
  white-space: nowrap;
}

.sales-count {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  color: #536477;
  font-size: 12px;
  font-weight: 700;
  padding: 0 2px;
}

.sales-table-wrap {
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  border: 1px solid #e3e9f0;
  border-radius: 11px;
  background: #fff;
}

.sales-table {
  width: 100%;
  min-width: 1550px;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 11px;
  text-align: right;
}

.sales-table th {
  padding: 13px 10px;
  background: #f0f4f8;
  color: #33485e;
  font-weight: 800;
  white-space: nowrap;
  border-bottom: 1px solid #dfe6ee;
}

.sales-table td {
  padding: 11px 10px;
  color: #35485b;
  white-space: nowrap;
  border-bottom: 1px solid #edf0f4;
}

.sales-table tbody tr:last-child td {
  border-bottom: 0;
}

.sales-table tbody tr:hover {
  background: #f7faf9;
}

.sales-table th:first-child,
.sales-table td:first-child {
  width: 42px;
  text-align: center;
}

.sales-table input[type="checkbox"] {
  width: 15px;
  height: 15px;
  accent-color: #176b58;
  cursor: pointer;
}

.sales-table .negative {
  color: #c02b35;
  font-weight: 800;
}

.sales-actions {
  display: flex;
  align-items: center;
  gap: 5px;
}

.sales-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 7px;
  padding: 3px 0;
}

.sales-page-number {
  min-width: 36px;
  height: 36px;
  border: 1px solid #dce4ed;
  border-radius: 8px;
  background: #fff;
  color: #33485e;
  font: 600 12px "Cairo", sans-serif;
  cursor: pointer;
}

.sales-page-number.active {
  background: #176b58;
  border-color: #176b58;
  color: #fff;
}

.sales-note {
  margin: 0;
  padding: 11px 13px;
  border-right: 3px solid #176b58;
  border-radius: 5px;
  background: #f5f8f7;
  color: #728195;
  font-size: 10px;
  line-height: 1.9;
}

.sales-loading {
  padding: 40px;
  text-align: center;
  color: #78879a;
  font-size: 13px;
}

@media (max-width: 1000px) {
  .sales-fields {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .sales-filters {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 600px) {
  .sales-page {
    padding: 12px;
    gap: 13px;
  }

  .sales-toolbar {
    gap: 7px;
  }

  .sales-btn {
    padding: 8px 10px;
    font-size: 11px;
  }

  .sales-fields,
  .sales-filters {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }

  .sales-form {
    padding: 12px;
  }

  .sales-notes-field {
    grid-column: span 2;
  }

  .sales-filters {
    padding: 12px;
  }

  .sales-count {
    font-size: 11px;
  }

  .sales-pagination {
    gap: 5px;
  }
}

@media (max-width: 380px) {
  .sales-fields,
  .sales-filters {
    grid-template-columns: 1fr;
  }

  .sales-notes-field {
    grid-column: auto;
  }
}

/* =========================================
   S&M - Returns Page
   ========================================= */

.returns-page {
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-width: 0;
}

.returns-form {
  border: 1px solid #dce5ef;
  border-radius: 12px;
  padding: 18px;
  background: #fbfcfe;
}

.returns-form[hidden] {
  display: none !important;
}

.returns-form-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
  padding-bottom: 12px;
  border-bottom: 1px solid #e7edf3;
}

.returns-fields {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.returns-fields label,
.returns-filters label {
  display: flex;
  flex-direction: column;
  gap: 6px;
  color: #33485e;
  font-size: 12px;
  font-weight: 700;
  min-width: 0;
}

.returns-fields input,
.returns-fields textarea,
.returns-filters input,
.returns-filters select {
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
  border: 1px solid #dce4ed;
  border-radius: 8px;
  padding: 10px;
  background: #fff;
  color: #26394d;
  font: 12px "Cairo", sans-serif;
}

.returns-fields input:focus,
.returns-fields textarea:focus,
.returns-filters input:focus,
.returns-filters select:focus {
  outline: none;
  border-color: #176b58;
  box-shadow: 0 0 0 2px #176b5818;
}

.returns-fields input[readonly] {
  background: #f0f3f7;
  color: #526579;
}

.returns-invoice-search {
  display: flex;
  gap: 7px;
  align-items: end;
}

.returns-invoice-search input {
  flex: 1;
  min-width: 0;
}

.returns-wide {
  grid-column: 1 / -1;
}

.returns-message {
  margin-top: 14px;
  padding: 11px 13px;
  border-radius: 8px;
  background: #f0f5f8;
  color: #40566b;
  font-size: 12px;
  line-height: 1.8;
}

.returns-form-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  margin-top: 15px;
}

.returns-filters {
  display: grid;
  grid-template-columns: repeat(4, minmax(130px, 1fr)) auto;
  align-items: end;
  gap: 12px;
  padding: 15px;
  background: #f8fafc;
  border: 1px solid #e5ebf1;
  border-radius: 10px;
}

.returns-count {
  color: #40566b;
  font-size: 12px;
  font-weight: 800;
  padding: 0 2px;
}

.returns-table-wrap {
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  border: 1px solid #e3e9f0;
  border-radius: 11px;
  background: #fff;
}

.returns-table {
  width: 100%;
  min-width: 1450px;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 12px;
  text-align: center;
}

.returns-table th {
  padding: 13px 10px;
  background: #f0f4f8;
  color: #33485e;
  font-weight: 800;
  white-space: nowrap;
  border-bottom: 1px solid #dfe6ee;
}

.returns-table td {
  padding: 11px 10px;
  color: #35485b;
  white-space: nowrap;
  border-bottom: 1px solid #edf0f4;
}

.returns-table tbody tr:last-child td {
  border-bottom: 0;
}

.returns-table tbody tr:hover {
  background: #f7faf9;
}

.returns-table th:first-child,
.returns-table td:first-child {
  width: 42px;
  text-align: center;
}

.returns-table input[type="checkbox"] {
  width: 16px;
  height: 16px;
  accent-color: #176b58;
  cursor: pointer;
}

.returns-table .returns-movement {
  min-width: 260px;
  max-width: 380px;
  white-space: normal;
  line-height: 1.9;
  color: #176b58;
}

.returns-table .no-results {
  padding: 30px;
  text-align: center;
  color: #8795a5;
}

.returns-table .mini-btn {
  font-family: "Cairo", sans-serif;
  cursor: pointer;
}

@media (max-width: 1000px) {
  .returns-filters {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .returns-fields {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 600px) {
  .returns-page {
    padding: 12px;
    gap: 13px;
  }

  .returns-fields,
  .returns-filters {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }

  .returns-form {
    padding: 12px;
  }

  .returns-invoice-search {
    flex-wrap: wrap;
  }

  .returns-form-actions .sales-btn {
    width: 100%;
  }

  .returns-table {
    font-size: 11px;
  }
}

@media (max-width: 380px) {
  .returns-fields,
  .returns-filters {
    grid-template-columns: 1fr;
  }
}
/* تنسيق موحد لحقول نموذج حركة الخزينة فقط */
#treasuryForm .returns-fields > label,
#treasuryForm .returns-fields > label.returns-wide {
  grid-column: auto;
  min-width: 0;
}

#treasuryForm .returns-fields input,
#treasuryForm .returns-fields select,
#treasuryForm .returns-fields textarea {
  width: 100%;
  height: 40px;
  min-height: 40px;
  box-sizing: border-box;
  padding: 8px 10px;
  font: 12px "Cairo", sans-serif;
}

#treasuryForm .returns-fields textarea {
  resize: none;
  overflow-y: auto;
}

@media (max-width: 1000px) {
  #treasuryForm .returns-fields {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 380px) {
  #treasuryForm .returns-fields {
    grid-template-columns: 1fr;
  }
}

/* فلاتر صفحة سداد الفواتير */
.payments-filters {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  padding: 12px;
  margin: 12px 0 14px;
}

.payments-filters select {
  width: 100%;
  min-width: 0;
  min-height: 40px;
  border: 1px solid #dce4ed;
  border-radius: 8px;
  padding: 9px 11px;
  background: #fff;
  color: #26394d;
  font: 12px "Cairo", sans-serif;
}

.payments-filters select:focus {
  outline: none;
  border-color: #176b58;
  box-shadow: 0 0 0 3px #176b5815;
}

.payments-filters input[type="search"] {
  min-height: 40px;
}

.payments-count {
  align-self: end;
  padding: 10px 4px;
  color: #536477;
  font-size: 12px;
  font-weight: 700;
}
/* Hide navigation items without permission */
#mainNav .nav-item[hidden]{display:none!important;}