/* ==========================================================
   InventyHub v6.6.5 — Separate Booking + Search
   ========================================================== */

.split-flow-hero,
.booking-approval-hero{
  margin-bottom:16px;
  padding:24px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  border:1px solid var(--line);
  border-radius:22px;
  background:linear-gradient(135deg,#fff,#faf5f3);
  box-shadow:var(--shadow-sm);
}

.split-flow-hero.room-flow,
.booking-approval-hero{
  background:
    radial-gradient(circle at 90% 10%,rgba(143,23,34,.08),transparent 15rem),
    linear-gradient(135deg,#fff,#fbf7f5);
}

.split-flow-hero h3,
.booking-approval-hero h3{
  margin:4px 0 6px;
  font-size:clamp(22px,3vw,32px);
}

.split-flow-hero p,
.booking-approval-hero p{
  margin:0;
  max-width:760px;
  color:var(--ink-500);
  line-height:1.6;
}

.split-flow-switch{
  flex:0 0 auto;
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}

.list-search-bar{
  min-width:260px;
  display:flex;
  align-items:center;
  gap:8px;
  padding:9px 12px;
  border:1px solid var(--line);
  border-radius:12px;
  background:#fff;
}

.list-search-bar>span{
  color:var(--ink-400);
  font-size:15px;
}

.list-search-bar input{
  width:100%;
  min-width:0;
  border:0;
  outline:0;
  background:transparent;
  color:var(--ink-800);
  font:inherit;
}

.compact-search{
  width:min(100%,390px);
}

.searchable-page-head{
  align-items:flex-end;
  gap:16px;
}

.search-result-meta{
  margin:-4px 0 12px;
  color:var(--ink-400);
  font-size:9px;
}

.search-result-meta b{
  color:var(--brand-700);
  font-size:11px;
}

.page-action-search{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:9px;
  flex-wrap:wrap;
}

.transaction-type-chip{
  display:inline-flex;
  align-items:center;
  min-height:21px;
  padding:3px 7px;
  border-radius:999px;
  font-size:7px;
  font-weight:900;
  letter-spacing:.06em;
  white-space:nowrap;
}

.transaction-type-chip.equipment-loan-type{
  color:#7d1a24;
  background:#fbecef;
  border:1px solid #f2cfd4;
}

.transaction-type-chip.room-booking-type{
  color:#315c7b;
  background:#edf6fb;
  border:1px solid #cadfeb;
}

.transaction-type-chip.combined-type{
  color:#72561a;
  background:#fff8e8;
  border:1px solid #ead8a7;
}

@media(max-width:820px){
  .split-flow-hero,
  .booking-approval-hero{
    align-items:flex-start;
    flex-direction:column;
  }
  .split-flow-switch{
    width:100%;
  }
  .split-flow-switch .btn{
    flex:1 1 170px;
  }
  .searchable-page-head{
    align-items:stretch;
    flex-direction:column;
  }
  .compact-search,
  .list-search-bar{
    width:100%;
    min-width:0;
  }
  .page-action-search{
    width:100%;
    justify-content:stretch;
  }
  .page-action-search>.btn{
    width:100%;
  }
}