/* WasteHub — Baladi requests operations workspace */

html[data-wast-ui="foundation"] {
  --br-navy: #111a30;
  --br-indigo: #5147d9;
  --br-blue: #2f6fdf;
  --br-teal: #0f9488;
  --br-green: #0f9f68;
  --br-amber: #d97706;
  --br-red: #dc4c64;
  --br-text: #172036;
  --br-muted: #69758c;
  --br-page: #f4f7fb;
  --br-surface: #fff;
  --br-line: #e1e8f1;
  --br-shadow: 0 12px 30px rgba(15, 23, 42, 0.07);
}

html[data-wast-ui="foundation"] body { background: var(--br-page); }

html[data-wast-ui="foundation"] [hidden] { display: none !important; }

html[data-wast-ui="foundation"] .baladi-requests-page {
  box-sizing: border-box;
  width: auto;
  min-width: 0;
  margin-top: 0;
  padding: 24px clamp(16px, 2.3vw, 34px) 36px;
  overflow-x: clip;
  background:
    radial-gradient(circle at 94% 4%, rgba(81, 71, 217, 0.07), transparent 27rem),
    radial-gradient(circle at 5% 38%, rgba(15, 148, 136, 0.045), transparent 25rem),
    var(--br-page);
}

.baladi-shell {
  width: min(100%, 1600px);
  margin-inline: auto;
}

/* Hero */
.baladi-hero {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  min-height: 190px;
  margin-bottom: 16px;
  padding: 28px 30px;
  overflow: hidden;
  color: #fff;
  background:
    radial-gradient(circle at 72% 126%, rgba(108, 93, 240, 0.44), transparent 25rem),
    linear-gradient(128deg, #10192d 0%, #202b4e 55%, #443aa9 100%);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 23px;
  box-shadow: 0 22px 48px rgba(26, 34, 66, 0.17);
}

.baladi-hero::before {
  content: "";
  position: absolute;
  inset: -150px auto auto -95px;
  width: 320px;
  height: 320px;
  border: 44px solid rgba(255, 255, 255, 0.035);
  border-radius: 50%;
}

.baladi-hero-copy,
.baladi-hero-side { position: relative; z-index: 1; }

.baladi-hero-copy {
  display: flex;
  align-items: center;
  gap: 18px;
  min-width: 0;
}

.baladi-hero-icon {
  display: grid;
  place-items: center;
  width: 66px;
  height: 66px;
  flex: 0 0 66px;
  color: #d9ddff;
  background: rgba(255, 255, 255, 0.085);
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 18px;
  font-size: 26px;
}

.baladi-eyebrow {
  display: block;
  margin-bottom: 5px;
  color: #bec7eb;
  font-size: 13px;
  font-weight: 700;
}

.baladi-hero h1 {
  margin: 0 0 6px;
  color: #fff;
  font-size: clamp(27px, 2.5vw, 38px);
  font-weight: 800;
  line-height: 1.35;
  letter-spacing: -0.025em;
}

.baladi-hero p {
  max-width: 650px;
  margin: 0;
  color: #cbd5e1;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.8;
}

.baladi-hero-side {
  display: flex;
  max-width: 670px;
  flex-direction: column;
  align-items: flex-end;
  gap: 10px;
}

.baladi-sync-row { display: flex; align-items: center; justify-content: flex-end; gap: 8px; flex-wrap: wrap; }

.baladi-sync-card {
  display: flex;
  align-items: center;
  gap: 9px;
  min-height: 42px;
  padding: 7px 11px;
  background: rgba(7, 13, 29, 0.25);
  border: 1px solid rgba(255, 255, 255, 0.13);
  border-radius: 11px;
}

.baladi-sync-card > div { display: flex; min-width: 86px; flex-direction: column; gap: 1px; }
.baladi-sync-card small { color: #9eabc8; font-size: 12px; }
.baladi-sync-card strong { color: #fff; font-size: 12px; white-space: nowrap; }
.baladi-sync-card > i { color: #67e8f9; font-size: 14px; }

.baladi-sync-dot {
  width: 8px;
  height: 8px;
  background: #34d399;
  border-radius: 50%;
  box-shadow: 0 0 0 5px rgba(52, 211, 153, 0.12), 0 0 13px rgba(52, 211, 153, 0.55);
}

html[data-wast-ui="foundation"] .baladi-hero .page-header-actions {
  display: flex;
  width: auto;
  align-items: center;
  justify-content: flex-end;
  gap: 7px;
}

html[data-wast-ui="foundation"] .baladi-hero .btn {
  min-height: 39px;
  padding: 8px 11px;
  color: #e7eaf8;
  background: rgba(255, 255, 255, 0.075);
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 10px;
  box-shadow: none;
  font-family: inherit;
  font-size: 12px;
  font-weight: 800;
}

html[data-wast-ui="foundation"] .baladi-hero .btn:hover {
  color: #fff;
  background: rgba(255, 255, 255, 0.13);
  box-shadow: none;
  transform: translateY(-1px);
}

html[data-wast-ui="foundation"] .baladi-hero .btn-primary,
html[data-wast-ui="foundation"] .baladi-hero .baladi-ops-btn {
  color: #fff;
  background: linear-gradient(135deg, #6b5ef0, #5147d9);
  border-color: rgba(255, 255, 255, 0.14);
}

/* Type tabs */
html[data-wast-ui="foundation"] .baladi-type-tabs {
  display: flex;
  gap: 5px;
  margin-bottom: 17px;
  padding: 6px;
  overflow-x: auto;
  background: #e9eef6;
  border: 1px solid #dce4ef;
  border-radius: 15px;
  box-shadow: none;
  scrollbar-width: thin;
}

html[data-wast-ui="foundation"] .baladi-type-tabs .request-type-tab {
  min-height: 43px;
  flex: 1 0 auto;
  padding: 8px 13px;
  color: #657089;
  background: transparent;
  border: 0;
  border-radius: 10px;
  box-shadow: none;
  font-family: inherit;
  font-size: 12px;
  font-weight: 800;
  white-space: nowrap;
}

html[data-wast-ui="foundation"] .baladi-type-tabs .request-type-tab:hover {
  color: #4338ca;
  background: rgba(255, 255, 255, 0.58);
  box-shadow: none;
  transform: none;
}

html[data-wast-ui="foundation"] .baladi-type-tabs .request-type-tab.btn-primary {
  color: #342c9f;
  background: #fff;
  border: 1px solid #d7deeb;
  box-shadow: 0 6px 14px rgba(15, 23, 42, 0.07);
}

.baladi-section-heading {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 10px;
  padding-inline: 3px;
}

.baladi-section-heading span { display: block; margin-bottom: 2px; color: var(--br-indigo); font-size: 12px; font-weight: 800; }
.baladi-section-heading h2 { margin: 0; color: var(--br-text); font-size: 16px; font-weight: 800; }
.baladi-section-heading > small { color: var(--br-muted); font-size: 12px; }

/* Status cards */
html[data-wast-ui="foundation"] .stats-row {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 11px;
  margin-bottom: 16px;
}

html[data-wast-ui="foundation"] .stats-row .stat-card {
  --br-stat-color: var(--br-indigo);
  position: relative;
  display: flex;
  align-items: center;
  gap: 11px;
  min-width: 0;
  min-height: 92px;
  padding: 14px;
  overflow: hidden;
  background: var(--br-surface);
  border: 1px solid var(--br-line) !important;
  border-radius: 15px;
  box-shadow: 0 7px 20px rgba(15, 23, 42, 0.05);
}

html[data-wast-ui="foundation"] .stats-row .stat-card::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 3px;
  background: var(--br-stat-color);
}

.stats-row .stat-card::after {
  content: "";
  position: absolute;
  inset: auto -30px -40px auto;
  width: 90px;
  height: 90px;
  background: color-mix(in srgb, var(--br-stat-color) 7%, transparent);
  border-radius: 50%;
}

.stats-row .stat-card.new { --br-stat-color: var(--br-blue); }
.stats-row .stat-card.contacting { --br-stat-color: #0891b2; }
.stats-row .stat-card.approved { --br-stat-color: var(--br-green); }
.stats-row .stat-card.waiting { --br-stat-color: var(--br-amber); }
.stats-row .stat-card.finance { --br-stat-color: #7c3aed; }
.stats-row .stat-card.partial-finance { --br-stat-color: #d97706; }
.stats-row .stat-card.ready { --br-stat-color: #db2777; }
.stats-row .stat-card.converted { --br-stat-color: #059669; }
.stats-row .stat-card.unmigrated { --br-stat-color: #f59e0b; }
.stats-row .stat-card.migrated { --br-stat-color: #10b981; }
.stats-row .stat-card.expiring { --br-stat-color: var(--br-red); }

html[data-wast-ui="foundation"] .stats-row .stat-card:hover {
  border-color: color-mix(in srgb, var(--br-stat-color) 30%, var(--br-line)) !important;
  box-shadow: var(--br-shadow);
  transform: translateY(-2px);
}

html[data-wast-ui="foundation"] .stats-row .stat-card.active {
  background: color-mix(in srgb, var(--br-stat-color) 6%, #fff);
  border-color: var(--br-stat-color) !important;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--br-stat-color) 11%, transparent);
}

html[data-wast-ui="foundation"] .stats-row .stat-icon {
  position: relative;
  z-index: 1;
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  flex: 0 0 40px;
  color: var(--br-stat-color);
  background: color-mix(in srgb, var(--br-stat-color) 10%, #fff);
  border: 1px solid color-mix(in srgb, var(--br-stat-color) 17%, #fff);
  border-radius: 11px;
  box-shadow: none;
  font-size: 16px;
}

.stats-row .stat-info { position: relative; z-index: 1; display: flex; min-width: 0; flex-direction: column; }
html[data-wast-ui="foundation"] .stats-row .stat-label { overflow: hidden; margin: 0 0 3px; color: #66728a; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
html[data-wast-ui="foundation"] .stats-row .stat-value { color: var(--br-stat-color); font-family: "Cairo", sans-serif; font-size: 24px; font-weight: 800; }

/* Analytics */
html[data-wast-ui="foundation"] #analyticsPanel.baladi-analytics-card {
  margin-bottom: 16px !important;
  padding: 17px !important;
  background: var(--br-surface);
  border: 1px solid var(--br-line);
  border-radius: 17px;
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.055);
}

.baladi-analytics-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; margin-bottom: 14px !important; padding-bottom: 13px; border-bottom: 1px solid var(--br-line); }
.baladi-analytics-head h3 { margin: 0; font-weight: 800; }
.baladi-analytics-head h3 { color: var(--br-text) !important; font-size: 15px !important; }
.baladi-analytics-head h3 i { margin-inline-end: 5px; color: var(--br-indigo); }
.baladi-analytics-controls { display: flex; align-items: center; gap: 8px; }

.baladi-analytics-head select {
  min-height: 37px;
  color: #33405a;
  background: #fbfcfe !important;
  border: 1px solid #dce4ee !important;
  border-radius: 9px !important;
}

.baladi-charts-grid { gap: 13px !important; }
.baladi-charts-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); height: 280px; }
.baladi-chart-card { position: relative; height: 100%; padding: 14px !important; overflow: hidden; background: #f8fafc !important; border: 1px solid var(--br-line) !important; border-radius: 13px !important; }
.baladi-chart-title { margin-bottom: 12px; color: #475569; font-size: 13px; font-weight: 800; }
.baladi-chart-canvas { height: 220px; }

.baladi-quick-actions { display: flex; align-items: center; gap: 8px; margin-bottom: 16px !important; }
html[data-wast-ui="foundation"] .baladi-quick-actions .btn {
  min-height: 39px;
  padding: 8px 14px !important;
  border-radius: 10px !important;
  box-shadow: none;
  font-family: inherit;
  font-size: 12px !important;
}
html[data-wast-ui="foundation"] .baladi-analytics-toggle {
  color: #fff !important;
  background: linear-gradient(135deg, #6458e7, #5147d9) !important;
  border-color: #5147d9 !important;
}
html[data-wast-ui="foundation"] .baladi-settings-link {
  color: #fff !important;
  background: #29364e !important;
  border-color: #29364e !important;
}
html[data-wast-ui="foundation"] :is(.baladi-analytics-toggle, .baladi-settings-link):hover {
  color: #fff !important;
  filter: brightness(1.08);
}

.baladi-tab-badge {
  min-width: 19px;
  margin-inline-start: 5px;
  padding: 2px 6px;
  color: #fff;
  background: var(--br-red);
  border-radius: 999px;
  font-size: 12px;
  line-height: 1.4;
}

/* Search */
html[data-wast-ui="foundation"] .search-section {
  display: grid;
  grid-template-columns: minmax(280px, 1.5fr) minmax(160px, 0.65fr) minmax(190px, 0.75fr) auto auto;
  align-items: end;
  gap: 9px;
  margin-bottom: 16px;
  padding: 17px 18px;
  background: var(--br-surface);
  border: 1px solid var(--br-line);
  border-radius: 17px;
  box-shadow: 0 7px 20px rgba(15, 23, 42, 0.045);
}

.baladi-search-heading {
  display: flex;
  grid-column: 1 / -1;
  align-items: center;
  gap: 10px;
  margin-bottom: 4px;
  padding-bottom: 13px;
  border-bottom: 1px solid #edf1f6;
}

.baladi-search-heading > span {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  color: var(--br-indigo);
  background: #f0efff;
  border-radius: 10px;
}

.baladi-search-heading h2 { margin: 0 0 2px; color: var(--br-text); font-size: 15px; font-weight: 800; }
.baladi-search-heading p { margin: 0; color: var(--br-muted); font-size: 12px; }

html[data-wast-ui="foundation"] .search-input,
html[data-wast-ui="foundation"] .filter-select {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  min-height: 42px;
  margin: 0;
  padding: 8px 12px;
  color: #33405a;
  background: #fbfcfe;
  border: 1px solid #dce4ee;
  border-radius: 10px;
  box-shadow: none;
  font-family: inherit;
  font-size: 12px;
  font-weight: 600;
}

html[data-wast-ui="foundation"] :is(.search-input, .filter-select):focus {
  background: #fff;
  border-color: #7770e8;
  box-shadow: 0 0 0 3px rgba(81, 71, 217, 0.1);
}

.baladi-communicator-field {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 5px;
}

.baladi-communicator-field > span:first-child {
  color: #5f6b82;
  font-size: 12px;
  font-weight: 800;
}

.baladi-select-wrap {
  position: relative;
  display: block;
}

.baladi-select-wrap > i {
  position: absolute;
  z-index: 1;
  inset-block-start: 50%;
  inset-inline-start: 12px;
  color: #7c73e6;
  font-size: 12px;
  transform: translateY(-50%);
  pointer-events: none;
}

html[data-wast-ui="foundation"] .baladi-select-wrap .filter-select {
  padding-inline-start: 34px;
  cursor: pointer;
}

html[data-wast-ui="foundation"] .search-section > .btn {
  min-height: 42px;
  padding: 8px 12px;
  color: #4d43c5;
  background: #f0efff;
  border: 1px solid #dcd9ff;
  border-radius: 10px;
  box-shadow: none;
  font-size: 12px;
}

html[data-wast-ui="foundation"] .results-badge {
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 14px;
  color: #fff;
  background: var(--br-indigo);
  border-radius: 10px;
  font-size: 12px;
}

/* Table */
html[data-wast-ui="foundation"] .baladi-table-card {
  margin-bottom: 20px;
  background: var(--br-surface);
  border: 1px solid var(--br-line);
  border-radius: 18px;
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.055);
}

.baladi-table-head {
  display: flex;
  min-height: 70px;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 14px 18px;
  border-bottom: 1px solid var(--br-line);
}

.baladi-table-head > div { display: flex; align-items: center; gap: 10px; }
.baladi-table-head > div > span { display: grid; place-items: center; width: 39px; height: 39px; color: var(--br-indigo); background: #f0efff; border-radius: 10px; }
.baladi-table-head h2 { margin: 0 0 2px; color: var(--br-text); font-size: 15px; font-weight: 800; }
.baladi-table-head p { margin: 0; color: var(--br-muted); font-size: 12px; }

html[data-wast-ui="foundation"] .baladi-table-head .btn {
  min-height: 38px;
  padding: 7px 12px;
  color: #4d43c5;
  background: #f0efff;
  border: 1px solid #dcd9ff;
  border-radius: 10px;
  box-shadow: none;
  font-size: 12px;
}

html[data-wast-ui="foundation"] .table-wrapper { max-width: 100%; overflow: auto; scrollbar-color: #cbd5e1 transparent; scrollbar-width: thin; }
html[data-wast-ui="foundation"] .baladi-table-card table { min-width: 1120px; }

html[data-wast-ui="foundation"] .baladi-table-card th {
  padding: 11px 13px;
  color: #66728a;
  background: #f7f9fc;
  border-bottom: 1px solid #dfe6ef;
  box-shadow: none;
  font-size: 12px;
  letter-spacing: 0;
  text-transform: none;
}

html[data-wast-ui="foundation"] .baladi-table-card td {
  padding: 13px;
  color: #33405a;
  background: #fff;
  border-bottom: 1px solid #edf1f6;
  font-size: 12.5px;
  line-height: 1.65;
}

html[data-wast-ui="foundation"] .baladi-table-card tr:hover { background: transparent; }
html[data-wast-ui="foundation"] .baladi-table-card tr:hover td { background: #fafbfe; }
html[data-wast-ui="foundation"] .baladi-table-card tr.expiring td { background-image: linear-gradient(90deg, rgba(220, 76, 100, 0.045), transparent 30%); }
html[data-wast-ui="foundation"] .baladi-table-card tr.urgent td { background-image: linear-gradient(90deg, rgba(217, 119, 6, 0.045), transparent 30%); }

html[data-wast-ui="foundation"] :is(.status-badge, .days-badge) { padding: 5px 9px; border-radius: 999px; font-size: 12px; font-weight: 800; }

html[data-wast-ui="foundation"] .loading-overlay { background: rgba(244, 247, 251, 0.92); backdrop-filter: blur(7px); }

/* Dialog system — one visual language for every workflow */
html[data-wast-ui="foundation"] .modal-overlay {
  z-index: 1200;
  padding: 20px;
  background: rgba(15, 23, 42, 0.68);
  backdrop-filter: blur(9px);
}

html[data-wast-ui="foundation"] .modal {
  color: var(--br-text);
  background: #fff;
  border: 1px solid rgba(255, 255, 255, 0.55);
  border-radius: 20px;
  box-shadow: 0 30px 80px rgba(15, 23, 42, 0.3);
}

html[data-wast-ui="foundation"] .modal-header {
  min-height: 70px;
  padding: 16px 20px;
  background: linear-gradient(180deg, #fff, #fbfcff);
  border-bottom: 1px solid var(--br-line);
}

html[data-wast-ui="foundation"] .modal-header h3 {
  margin: 0;
  color: var(--br-text);
  font-family: "Cairo", sans-serif;
  font-size: 17px;
  font-weight: 800;
}

html[data-wast-ui="foundation"] .modal-close,
html[data-wast-ui="foundation"] .finance-modal-close {
  display: grid;
  width: 38px;
  height: 38px;
  place-items: center;
  color: #64748b;
  background: #f3f6fa;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  line-height: 1;
}

html[data-wast-ui="foundation"] .modal-close:hover,
html[data-wast-ui="foundation"] .finance-modal-close:hover {
  color: #b4233b;
  background: #fff1f3;
  border-color: #fecdd3;
}

html[data-wast-ui="foundation"] .modal-body { background: #fff; }

html[data-wast-ui="foundation"] .modal-footer {
  padding: 14px 20px;
  background: #fbfcfe;
  border-top: 1px solid var(--br-line);
}

html[data-wast-ui="foundation"] .modal :is(input:not([type="checkbox"]):not([type="radio"]), select, textarea) {
  color: #27344d;
  background: #fbfcfe;
  border: 1px solid #dce4ee;
  border-radius: 10px;
  box-shadow: none;
  font-family: inherit;
}

html[data-wast-ui="foundation"] .modal :is(input:not([type="checkbox"]):not([type="radio"]), select, textarea):focus {
  outline: none;
  background: #fff;
  border-color: #7770e8;
  box-shadow: 0 0 0 3px rgba(81, 71, 217, 0.1);
}

/* New request dialog */
html[data-wast-ui="foundation"] #requestModal .modal { max-width: 900px; }
html[data-wast-ui="foundation"] #requestModal .modal-body { padding: 20px; }

html[data-wast-ui="foundation"] #requestModal .form-section {
  margin-bottom: 14px;
  padding: 16px;
  background: #fbfcfe;
  border: 1px solid var(--br-line);
  border-radius: 14px;
}

html[data-wast-ui="foundation"] #requestModal .form-section:last-child { margin-bottom: 0; }

html[data-wast-ui="foundation"] #requestModal .form-section-title {
  margin-bottom: 14px;
  padding-bottom: 10px;
  color: #4338ca;
  border-bottom: 1px solid #e8e7ff;
  font-family: "Cairo", sans-serif;
  font-size: 13px;
  font-weight: 800;
}

html[data-wast-ui="foundation"] #requestModal .form-grid { gap: 14px; }
html[data-wast-ui="foundation"] #requestModal .form-group { gap: 7px; }
html[data-wast-ui="foundation"] #requestModal .form-group label { color: #536078; font-family: "Cairo", sans-serif; font-size: 12px; }
html[data-wast-ui="foundation"] #requestModal .form-group :is(input, select, textarea) { min-height: 42px; padding: 9px 11px; font-size: 12.5px; }
.container-fields-row { display: flex !important; flex-direction: row; align-items: flex-end; gap: 10px; }
.container-size-field { min-width: 0; flex: 1; }
.container-count-field { width: 125px; flex: 0 0 125px; }
.recommendation-card { padding: 12px 14px; background: #eefbf6; border: 1px solid #b9ead5; border-radius: 11px; }
.recommendation-card__title { margin-bottom: 4px; color: #08734d; font-size: 12px; font-weight: 800; }
.recommendation-card__text { color: #167052; font-size: 12px; line-height: 1.8; }

/* Request detail dialog */
html[data-wast-ui="foundation"] .detail-modal { width: min(96vw, 1320px); max-width: 1320px; background: #fff !important; border-radius: 22px !important; box-shadow: 0 30px 80px rgba(15,23,42,.3) !important; }
html[data-wast-ui="foundation"] .detail-modal-header { padding: 14px 20px; background: linear-gradient(120deg, #131d34, #27345d 64%, #5045bd) !important; border-bottom: 0 !important; box-shadow: none !important; }
html[data-wast-ui="foundation"] .detail-modal-header::after { display: none !important; content: none !important; }
html[data-wast-ui="foundation"] .detail-modal-header .detail-header-title { color: #fff; font-family: "Cairo", sans-serif; font-size: 17px; }
html[data-wast-ui="foundation"] .detail-modal-header .modal-close { color: #dbe3f2; background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.14); }
.detail-header-right { min-width: 0; }
.detail-header-left { gap: 7px; flex-wrap: wrap; justify-content: flex-end; }
.detail-note-badge { max-width: 270px; overflow: hidden; padding: 4px 9px; color: #fef3c7; background: rgba(245, 158, 11, 0.16); border: 1px solid rgba(252, 211, 77, 0.28); border-radius: 7px; font-size: 12px; font-weight: 700; line-height: 1.5; text-overflow: ellipsis; white-space: nowrap; }

html[data-wast-ui="foundation"] .detail-header-left .btn {
  min-height: 34px;
  padding: 6px 10px !important;
  color: #fff;
  background: rgba(255,255,255,.1);
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 9px;
  box-shadow: none;
  font-size: 12px !important;
}
html[data-wast-ui="foundation"] #resendMessageBtn { background: #128c5e; }
html[data-wast-ui="foundation"] #extendRequestBtn { background: #0e8f83; }
html[data-wast-ui="foundation"] #markExpiredBtn { background: #c63f58; }

.detail-status-pill,
.detail-days-pill { display: inline-flex; align-items: center; min-height: 29px; padding: 4px 10px; color: #fff; border-radius: 999px; font-size: 12px; font-weight: 800; white-space: nowrap; }
.detail-status-pill.status-new { background: #b98308; }
.detail-status-pill.status-contacting { background: #2870d5; }
.detail-status-pill.status-client_approved,
.detail-status-pill.status-converted,
.detail-status-pill.status-migrated { background: #0f9462; }
.detail-status-pill.status-waiting_transfer { background: #dc6b16; }
.detail-status-pill.status-waiting_finance { background: #7052cf; }
.detail-status-pill.status-partial_finance { background: #c07a0c; }
.detail-status-pill.status-ready_for_contract { background: #088ea5; }
.detail-status-pill.status-rejected { background: #ce425a; }
.detail-status-pill.status-expired,
.detail-status-pill.status-unknown { background: #64748b; }
.detail-days-pill--expired { color: #991b1b; background: #fee2e2; }
.detail-days-pill--urgent { color: #92400e; background: #fef3c7; }
.detail-days-pill--safe { color: #166534; background: #dcfce7; }

html[data-wast-ui="foundation"] .detail-modal-body { display: flex; height: min(79vh, 790px); padding: 0; flex-direction: column; overflow: hidden; }
html[data-wast-ui="foundation"] .detail-info-bar { flex: 0 0 auto; background: #f8fafc !important; }
html[data-wast-ui="foundation"] .detail-info-cell { padding: 10px 16px !important; background: transparent !important; }
html[data-wast-ui="foundation"] .detail-info-cell:hover { box-shadow: none; }
html[data-wast-ui="foundation"] .detail-info-label { color: #7b879b; font-size: 12px; letter-spacing: 0; }
html[data-wast-ui="foundation"] .detail-info-value { color: #283650; font-family: "Cairo", sans-serif; font-size: 13px; }

.detail-debt-banner { flex: 0 0 auto; }
.detail-body-grid--full { min-height: 0; flex: 1; grid-template-rows: 100%; padding: 16px 18px 0; gap: 16px; overflow: hidden; background: #f5f7fb; }
.detail-main-scroll { height: 100%; padding-inline-end: 5px; overflow-x: hidden; overflow-y: auto; }
.detail-side-column { height: 100%; padding-inline-start: 2px; overflow: hidden; }
.detail-section-spaced { margin-top: 12px; }

html[data-wast-ui="foundation"] :is(.detail-client-card, .detail-section-box, .chat-panel) {
  background: #fff !important;
  border: 1px solid var(--br-line) !important;
  border-radius: 14px !important;
  box-shadow: none !important;
}
html[data-wast-ui="foundation"] :is(.detail-client-card, .detail-section-box):hover { box-shadow: none !important; transform: none !important; }
html[data-wast-ui="foundation"] :is(.detail-client-card, .detail-section-box)::before { display: none !important; content: none !important; }
html[data-wast-ui="foundation"] .detail-client-card { padding: 16px; }
html[data-wast-ui="foundation"] .detail-section-box { padding: 15px; }
html[data-wast-ui="foundation"] .detail-client-header { margin-bottom: 12px; padding-bottom: 10px; border-bottom: 1px solid #edf1f6 !important; }
html[data-wast-ui="foundation"] .detail-modal .detail-section-title { padding-inline-start: 0; color: #293750 !important; font-family: "Cairo", sans-serif; font-size: 12.5px; }
html[data-wast-ui="foundation"] .detail-modal .detail-section-title::before { display: none !important; content: none !important; }
html[data-wast-ui="foundation"] .detail-modal .detail-row { padding: 9px 0; border-bottom: 1px solid #eef2f6 !important; }
html[data-wast-ui="foundation"] .detail-modal .detail-label { color: #738097; font-size: 12px; }
html[data-wast-ui="foundation"] .detail-modal .detail-value { color: #2f3b52 !important; font-size: 12px; }
.detail-edit-hint:not([hidden]) { display: inline-flex; }
.detail-client-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 12px; }
.detail-edit-field,
.detail-readonly-field { min-width: 0; }
.detail-edit-field--wide,
.detail-readonly-field--wide { grid-column: 1 / -1; }
.detail-edit-field__label { display: block; margin-bottom: 5px; color: #69758c; font-size: 12px; font-weight: 800; }
.detail-required { color: var(--br-red); }
html[data-wast-ui="foundation"] .detail-field-control { box-sizing: border-box; width: 100%; min-height: 41px; padding: 8px 10px; font-size: 12px; transition: border-color .18s ease, box-shadow .18s ease; }
html[data-wast-ui="foundation"] .detail-readonly-field { position: relative; display: flex; min-height: 70px; padding: 10px 12px !important; flex-direction: column; gap: 4px; background: #fbfcfe !important; border: 1px solid #e7edf4 !important; border-radius: 10px !important; box-shadow: none !important; }
html[data-wast-ui="foundation"] .detail-readonly-field:hover { border-color: #d9e0eb !important; box-shadow: none !important; transform: none !important; }
.detail-readonly-field__head { display: flex; align-items: center; justify-content: space-between; gap: 8px; color: #78859a; font-size: 12px; font-weight: 800; }
.detail-readonly-field__value { overflow-wrap: anywhere; color: #26344c; font-size: 12.5px; font-weight: 800; line-height: 1.55; white-space: normal; }
html[data-wast-ui="foundation"] .detail-quick-edit { display: grid; width: 25px; height: 25px; min-height: 25px; padding: 0 !important; place-items: center; color: #766be0; background: #efeeff; border: 1px solid #dfdcff; border-radius: 7px; box-shadow: none; font-size: 12px !important; opacity: .72; }
html[data-wast-ui="foundation"] .detail-quick-edit:hover { opacity: 1; transform: none; }
.detail-map-link { display: inline-flex; align-items: center; width: fit-content; padding: 4px 9px; color: #4338ca; background: #efeeff; border: 1px solid #dcd9ff; border-radius: 999px; font-size: 12px; font-weight: 800; text-decoration: none; }
.detail-map-coordinates { margin-top: 4px; color: #7a8699; font-size: 12px; font-weight: 700; }
html[data-wast-ui="foundation"] .detail-add-location { min-height: 30px; padding: 4px 8px; color: #fff; background: #5147d9; border: 0; border-radius: 7px; font-size: 12px; font-weight: 800; }
.detail-upload-action { margin-top: 12px; }
html[data-wast-ui="foundation"] .detail-upload-action .btn { width: 100%; justify-content: center; padding: 8px; background: #5147d9; border: 0; border-radius: 9px; font-size: 12px; }

html[data-wast-ui="foundation"] .detail-tabs { gap: 6px; margin-bottom: 9px; padding: 4px; background: #e8edf5 !important; border: 0 !important; border-radius: 11px; }
html[data-wast-ui="foundation"] .detail-tab { min-height: 39px; padding: 7px 10px; color: #69758c; background: transparent; border: 0; border-radius: 8px; box-shadow: none; font-family: "Cairo", sans-serif; font-size: 12px; }
html[data-wast-ui="foundation"] .detail-tab.active-chat,
html[data-wast-ui="foundation"] .detail-tab.active-actions { color: #4338ca !important; background: #fff !important; border: 0 !important; box-shadow: 0 3px 9px rgba(15,23,42,.07) !important; }
.detail-dev-badge { margin-inline-start: 4px; padding: 1px 5px; color: #78350f; background: #fde68a; border-radius: 4px; font-size: 12px; font-weight: 800; }
.detail-chat-panel { position: relative; display: flex; min-height: 200px; height: 0; flex: 1 1 auto; flex-direction: column; margin-bottom: 0; overflow: hidden; }
.chat-dev-overlay { position: absolute; z-index: 50; inset: 0; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 10px; background: rgba(248,250,252,.78); border-radius: 12px; backdrop-filter: blur(5px); pointer-events: all; }
.chat-dev-overlay__badge { padding: 8px 22px; color: #78350f; background: #fde68a; border: 1px solid #f7cf59; border-radius: 10px; box-shadow: 0 8px 20px rgba(180,120,8,.13); font-size: 12px; font-weight: 800; }
.chat-dev-overlay__text { color: #64748b; font-size: 12px; font-weight: 600; line-height: 1.8; text-align: center; }
.chat-dev-overlay__text strong { color: #11865c; }
html[data-wast-ui="foundation"] .detail-chat-panel .chat-messages { min-height: 0; height: auto; flex: 1; margin: 0; overflow-y: auto; background: #f8fafc; border-radius: 0; box-shadow: none; }
.chat-input-bar--disabled { opacity: .4; pointer-events: none; }
.detail-actions-panel { display: flex; min-height: 0; flex: 1; overflow: hidden; }
.detail-actions-timeline {
  width: 100%;
  height: 100%;
  padding: 7px 45px 18px 7px;
  overflow-y: auto;
  scrollbar-color: #cbd5e1 transparent;
  scrollbar-width: thin;
}
html[data-wast-ui="foundation"] .detail-actions-timeline::before {
  inset: 18px 18px 18px auto;
  width: 2px !important;
  background: #dbe3ee !important;
  border-radius: 99px;
}
html[data-wast-ui="foundation"] .detail-actions-timeline .timeline-item {
  --timeline-accent: #675ddd;
  padding: 0 0 12px;
}
html[data-wast-ui="foundation"] .detail-actions-timeline .timeline-item::before {
  content: "•";
  right: -40px;
  top: 11px;
  display: grid;
  width: 28px !important;
  height: 28px !important;
  place-items: center;
  color: var(--timeline-accent);
  background: #fff !important;
  border: 2px solid var(--timeline-accent) !important;
  border-radius: 9px;
  box-shadow: 0 0 0 4px #f5f7fb !important;
  font-size: 16px;
  font-weight: 900;
  line-height: 1;
}
html[data-wast-ui="foundation"] .detail-actions-timeline .timeline-item.success { --timeline-accent: #0f9f68; }
html[data-wast-ui="foundation"] .detail-actions-timeline .timeline-item.success::before { content: "✓"; }
html[data-wast-ui="foundation"] .detail-actions-timeline .timeline-item.warning { --timeline-accent: #d97706; }
html[data-wast-ui="foundation"] .detail-actions-timeline .timeline-item.warning::before { content: "↻"; }
html[data-wast-ui="foundation"] .detail-actions-timeline .timeline-item.danger { --timeline-accent: #dc4c64; }
html[data-wast-ui="foundation"] .detail-actions-timeline .timeline-item.danger::before { content: "!"; }

html[data-wast-ui="foundation"] .detail-actions-timeline .timeline-content {
  position: relative;
  padding: 13px 14px 11px;
  overflow: hidden;
  background: #fff !important;
  border: 1px solid #e1e8f1 !important;
  border-radius: 12px !important;
  box-shadow: 0 4px 13px rgba(15, 23, 42, .035) !important;
}
html[data-wast-ui="foundation"] .detail-actions-timeline .timeline-content::before {
  content: "";
  position: absolute;
  inset: 0 0 0 auto;
  width: 3px;
  background: var(--timeline-accent);
}
html[data-wast-ui="foundation"] .detail-actions-timeline .timeline-title {
  padding-inline-end: 5px;
  color: #26344d;
  font-family: "Cairo", sans-serif;
  font-size: 12.5px;
  font-weight: 800;
}
.timeline-actor {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin: 6px 0;
  padding: 3px 7px;
  color: #657188;
  background: #f2f5f9;
  border: 1px solid #e6ebf2;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 800;
}
html[data-wast-ui="foundation"] .detail-actions-timeline .timeline-text {
  margin-top: 4px;
  color: #5f6c82;
  font-size: 12px;
  line-height: 1.75;
}
.timeline-text--highlight { color: #087b55 !important; font-size: 12px !important; font-weight: 800; }
.timeline-text--preline { white-space: pre-line; }
html[data-wast-ui="foundation"] .detail-actions-timeline .timeline-time {
  width: fit-content;
  margin: 8px 0 0;
  padding: 3px 7px;
  color: #8792a5;
  background: #f7f9fc;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 700;
}
.timeline-detail-block { margin: 7px 0; padding: 8px 10px; border-radius: 9px; font-size: 12px; line-height: 1.8; direction: rtl; }
.timeline-detail-block--primary { color: #1e4f94; background: #eff6ff; border: 1px solid #bfdbfe; }
.timeline-detail-block--success { color: #08714e; background: #ecfdf5; border: 1px solid #a7f3d0; }
.timeline-primary-transfer { margin-top: 8px; }
.timeline-primary-transfer__title { margin-bottom: 4px; color: #315eb4; font-size: 12px; font-weight: 800; }
.timeline-bank-block { margin-top: 8px; padding: 8px 9px; background: #f5f9ff; border: 1px solid #dbe8f8; border-radius: 9px; }
.timeline-bank-block__title { margin-bottom: 6px; color: #315f91; font-size: 12px; font-weight: 800; }
.timeline-bank-table-wrap { max-width: 100%; overflow-x: auto; }
.timeline-bank-table { width: 100%; min-width: 430px; border-collapse: collapse; font-size: 12px; }
.timeline-bank-table th { padding: 6px 7px; color: #536781; background: #eaf2fb; text-align: right; }
.timeline-bank-table td { padding: 6px 7px; color: #425168; border-top: 1px solid #e1e9f3; }
.timeline-bank-table code { font-size: 12px; }
.timeline-bank-date { color: #718096 !important; font-size: 12px; }
.timeline-empty { display: grid; min-height: 220px; place-content: center; justify-items: center; gap: 8px; color: #8793a7; text-align: center; }
.timeline-empty span { display: grid; width: 46px; height: 46px; place-items: center; background: #f0efff; border-radius: 13px; font-size: 20px; }
.timeline-empty strong { color: #68758c; font-size: 12px; }

/* Action buttons must keep readable labels on colored surfaces */
html[data-wast-ui="foundation"] #detailModalFooter :is(.btn-primary, .btn-success, .btn-warning, .btn-danger, .btn-force-ready, .detail-action-btn) {
  color: #fff !important;
}
html[data-wast-ui="foundation"] .detail-action-btn {
  border: 0 !important;
  box-shadow: none !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}
html[data-wast-ui="foundation"] .detail-action-btn--ems,
html[data-wast-ui="foundation"] .detail-action-btn--save { background: linear-gradient(135deg, #6458e7, #5147d9) !important; }
html[data-wast-ui="foundation"] .detail-action-btn--transfer { background: linear-gradient(135deg, #e99216, #c76a08) !important; }
html[data-wast-ui="foundation"] .detail-action-btn--whatsapp { background: #159765 !important; }

.payment-debt-banner__breakdown { margin-top: 4px; font-size: 12px; }
.payment-debt-banner__note { margin-top: 6px; padding: 8px 10px; background: rgba(255,255,255,.72); border: 1px solid #fecaca; border-radius: 8px; font-size: 12px; }
.payment-debt-banner__hint { margin-top: 7px; color: #7f1d1d; font-size: 12px; }

/* Contract conversion dialog */
html[data-wast-ui="foundation"] .contract-convert-modal { width: min(94vw, 540px); max-width: 540px; }
html[data-wast-ui="foundation"] .contract-convert-header { min-height: 82px; }
.contract-convert-heading { display: flex; align-items: center; gap: 11px; }
.contract-convert-heading > div > span { display: block; margin-bottom: 1px; color: #7167d9; font-size: 12px; font-weight: 800; }
html[data-wast-ui="foundation"] .contract-convert-heading h3 { font-size: 15px; }
.contract-convert-icon { display: grid; width: 42px; height: 42px; place-items: center; color: #5147d9; background: #efeeff; border: 1px solid #dedbff; border-radius: 11px; font-size: 17px; }
html[data-wast-ui="foundation"] .contract-convert-body { max-height: 64vh; padding: 19px; overflow-y: auto; }
.contract-convert-summary { margin-bottom: 17px; padding: 6px 14px; background: #f7f9fc; border: 1px solid var(--br-line); border-radius: 13px; }
.contract-convert-summary__list { display: flex; flex-direction: column; }
.contract-convert-summary__row { display: flex; align-items: center; justify-content: space-between; gap: 14px; min-height: 43px; border-bottom: 1px solid #e7ecf3; }
.contract-convert-summary__row:last-child { border-bottom: 0; }
.contract-convert-summary__label { color: #718097; font-size: 12px; font-weight: 700; }
.contract-convert-summary__value { color: #26344d; font-size: 12px; font-weight: 800; text-align: left; }
.contract-convert-summary__value--money { color: #07845a; }
.contract-convert-field { margin-bottom: 16px; }
.contract-convert-field > label { margin-bottom: 2px; color: #526078 !important; font-family: "Cairo", sans-serif !important; font-size: 12px !important; }
.contract-convert-field > label span { color: var(--br-red); }
html[data-wast-ui="foundation"] .contract-convert-field .chat-text-input { width: 100%; min-height: 45px; padding: 10px 12px; border-radius: 10px; }
.contract-convert-sims { margin-bottom: 4px; }
.contract-sim-field { margin-bottom: 13px; }
.contract-sim-field:last-child { margin-bottom: 0; }
.contract-sim-field__head { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 6px; }
.contract-sim-field__head label { margin: 0; color: #526078; font-size: 12px; font-weight: 800; }
.contract-sim-field__head label span { color: var(--br-red); }
.contract-sim-note { font-size: 12px; font-weight: 800; text-align: left; }
.contract-sim-input { width: 100%; margin-bottom: 0; transition: border-color .18s ease, background .18s ease, color .18s ease; }
.contract-sim-input.is-checking { color: #075985 !important; background: #f0f9ff !important; border-color: #7dd3fc !important; }
.contract-sim-input.is-blocked { color: #991b1b !important; background: #fff1f2 !important; border-color: #fda4af !important; }
.contract-sim-input.is-warning { color: #92400e !important; background: #fffbeb !important; border-color: #fcd34d !important; }
.contract-sim-input.is-available { color: #065f46 !important; background: #ecfdf5 !important; border-color: #6ee7b7 !important; }
.contract-sim-note.is-checking { color: #0284c7; }
.contract-sim-note.is-blocked { color: #d52f4b; }
.contract-sim-note.is-warning { color: #c66b08; }
.contract-sim-note.is-available { color: #0b8b60; }
html[data-wast-ui="foundation"] .contract-convert-footer { gap: 9px; }
.contract-convert-cancel { flex: 1; }
.contract-convert-submit { flex: 2; justify-content: center; }
html[data-wast-ui="foundation"] .contract-convert-cancel {
  color: #5f6b7f !important;
  background: #f1f4f8 !important;
  border: 1px solid #e0e6ee !important;
  box-shadow: none !important;
}
html[data-wast-ui="foundation"] .contract-convert-submit {
  color: #fff !important;
  background: linear-gradient(135deg, #6458e7, #5147d9) !important;
  border: 1px solid #5147d9 !important;
  box-shadow: 0 7px 16px rgba(81,71,217,.19) !important;
}

/* Finance table proportions live in CSS, not markup */
.finance-col-select { width: 5%; }
.finance-col-date { width: 10%; }
.finance-col-bank { width: 8%; }
.finance-col-amount { width: 11%; }
.finance-col-reference { width: 14%; }
.finance-col-details { width: 52%; }

/* Dark */
html[data-wast-ui="foundation"][data-theme="dark"],
html[data-wast-ui="foundation"] body.dark-mode {
  --br-page: #0b1120;
  --br-surface: #111827;
  --br-line: #273349;
  --br-muted: #94a3b8;
  --br-text: #eef2f7;
}

html[data-wast-ui="foundation"][data-theme="dark"] :is(.baladi-type-tabs, .search-input, .filter-select, .baladi-table-card th, .baladi-chart-card),
html[data-wast-ui="foundation"] body.dark-mode :is(.baladi-type-tabs, .search-input, .filter-select, .baladi-table-card th, .baladi-chart-card) {
  color: #cbd5e1;
  background: #172033 !important;
  border-color: #2a3850 !important;
}

html[data-wast-ui="foundation"][data-theme="dark"] :is(.baladi-type-tabs .request-type-tab.btn-primary, .baladi-table-card td),
html[data-wast-ui="foundation"] body.dark-mode :is(.baladi-type-tabs .request-type-tab.btn-primary, .baladi-table-card td) {
  color: #d8e1ec;
  background: #111827;
  border-color: #273349;
}

html[data-wast-ui="foundation"][data-theme="dark"] :is(.baladi-section-heading h2, .baladi-search-heading h2, .baladi-table-head h2),
html[data-wast-ui="foundation"] body.dark-mode :is(.baladi-section-heading h2, .baladi-search-heading h2, .baladi-table-head h2) { color: #eef2f7; }

/* Responsive */
@media (max-width: 1380px) {
  html[data-wast-ui="foundation"] .stats-row { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  html[data-wast-ui="foundation"] .search-section { grid-template-columns: minmax(240px, 1.4fr) repeat(2, minmax(155px, 0.75fr)) auto; }
  html[data-wast-ui="foundation"] .results-badge { grid-column: auto; }
}

@media (max-width: 1060px) {
  .baladi-hero { align-items: flex-start; flex-direction: column; }
  .baladi-hero-side { width: 100%; max-width: none; align-items: flex-start; }
  .baladi-sync-row,
  html[data-wast-ui="foundation"] .baladi-hero .page-header-actions { justify-content: flex-start; }
  html[data-wast-ui="foundation"] .stats-row { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  html[data-wast-ui="foundation"] .search-section { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .baladi-search-heading { grid-column: 1 / -1; }
}

@media (max-width: 720px) {
  html[data-wast-ui="foundation"] .baladi-requests-page { padding: 14px 10px 26px; }
  .baladi-hero { min-height: 0; padding: 22px 18px; border-radius: 18px; }
  .baladi-hero-copy { align-items: flex-start; }
  .baladi-hero-icon { width: 52px; height: 52px; flex-basis: 52px; font-size: 21px; }
  .baladi-hero h1 { font-size: 25px; }
  .baladi-sync-row { width: 100%; }
  .baladi-sync-card { flex: 1 1 180px; }
  html[data-wast-ui="foundation"] .baladi-hero .page-header-actions { width: 100%; }
  html[data-wast-ui="foundation"] .baladi-hero .page-header-actions .btn { flex: 1 1 auto; }
  html[data-wast-ui="foundation"] .stats-row,
  html[data-wast-ui="foundation"] .search-section { grid-template-columns: 1fr; }
  .baladi-section-heading,
  .baladi-table-head { align-items: stretch; flex-direction: column; }
  .baladi-charts-grid { grid-template-columns: 1fr !important; height: auto !important; }
  .baladi-chart-card { min-height: 280px; }
  .baladi-table-head .btn { justify-content: center; }
  html[data-wast-ui="foundation"] .modal-overlay { align-items: flex-end; padding: 0; }
  html[data-wast-ui="foundation"] .modal { width: 100%; max-height: 94vh; border-radius: 18px 18px 0 0; }
  html[data-wast-ui="foundation"] .detail-modal { width: 100%; border-radius: 18px 18px 0 0 !important; }
  html[data-wast-ui="foundation"] .detail-modal-body { height: 78vh; }
  .detail-body-grid--full { grid-template-columns: 1fr; grid-template-rows: auto auto; overflow-y: auto; }
  .detail-main-scroll,
  .detail-side-column { height: auto; overflow: visible; }
  .detail-client-fields { grid-template-columns: 1fr; }
  .detail-edit-field--wide,
  .detail-readonly-field--wide { grid-column: auto; }
  .detail-info-bar { grid-template-columns: repeat(2, 1fr); }
  .container-fields-row { align-items: stretch; flex-direction: column; }
  .container-count-field { width: 100%; flex-basis: auto; }
  .contract-convert-footer { flex-wrap: wrap; }
  .contract-convert-submit { flex-basis: 100%; }
}

@media (prefers-reduced-motion: reduce) {
  .baladi-requests-page *, .baladi-requests-page *::before, .baladi-requests-page *::after {
    animation-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
  }
}