.lift-registry-row {
  cursor: pointer;
}

.lift-registry-row:hover {
  background: #f8fbfa;
}

.lift-code {
  color: #087f5b;
  font-variant-numeric: tabular-nums;
}

.lift-status,
.lift-contract-pill {
  display: inline-flex;
  border-radius: 999px;
  padding: 4px 9px;
  font-size: 11px;
  font-weight: 800;
}

.lift-status-planned {
  background: #fff7ed;
  color: #c2410c;
}

.lift-status-in_service {
  background: #ecfdf5;
  color: #047857;
}

.lift-contract-pill {
  background: #eef8f1;
  color: #176b38;
}

.lift-modal-backdrop {
  position: fixed;
  inset: 0;
  z-index: 1300;
  background: rgba(15,23,42,.38);
  opacity: 0;
  visibility: hidden;
  transition: .18s ease;
}

.lift-modal-backdrop.open {
  opacity: 1;
  visibility: visible;
}

.lift-modal {
  position: fixed;
  z-index: 1310;
  left: 50%;
  top: 50%;
  width: min(880px, calc(100vw - 48px));
  max-height: calc(100vh - 64px);
  overflow-y: auto;
  background: #fff;
  border-radius: 18px;
  padding: 24px;
  opacity: 0;
  visibility: hidden;
  transform:
    translate(-50%, -47%)
    scale(.985);
  transition: .18s ease;
  box-shadow:
    0 24px 70px rgba(15,23,42,.22);
}

.lift-modal.open {
  opacity: 1;
  visibility: visible;
  transform:
    translate(-50%, -50%)
    scale(1);
}

.lift-modal-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  border-bottom: 1px solid #edf1f4;
  padding-bottom: 18px;
  margin-bottom: 18px;
}

.lift-modal-head h2 {
  margin: 6px 0 0;
}

.lift-detail-grid {
  display: grid;
  grid-template-columns:
    repeat(2, minmax(0,1fr));
  gap: 10px;
}

.lift-detail-grid > div {
  border: 1px solid #e5eaee;
  border-radius: 9px;
  padding: 11px 12px;
}

.lift-detail-grid span {
  display: block;
  color: #94a3b8;
  font-size: 10px;
  margin-bottom: 4px;
}

.lift-commission-box,
.lift-serviceable-box {
  margin-top: 20px;
  border-radius: 10px;
  padding: 14px;
}

.lift-commission-box {
  background: #fff7ed;
  border: 1px solid #fed7aa;
}

.lift-commission-box p {
  color: #7c2d12;
  font-size: 12px;
  line-height: 1.8;
}

.lift-serviceable-box {
  background: #ecfdf5;
  border: 1px solid #a7f3d0;
  color: #047857;
}

.lift-commission-error {
  color: #b91c1c;
  margin-top: 9px;
  font-size: 12px;
}

@media (max-width: 700px) {
  .lift-modal {
    inset: 0;
    left: 0;
    top: 0;
    width: 100vw;
    max-width: none;
    height: 100dvh;
    max-height: none;
    border-radius: 0;
    transform: translateY(2%);
    padding: 18px;
  }

  .lift-modal.open {
    transform: translateY(0);
  }

  .lift-detail-grid {
    grid-template-columns: 1fr;
  }

  .lift-modal .primary-action {
    min-height: 44px;
    width: 100%;
  }
}

/* =========================================================
   LIFT REGISTRY PORTAL ALIGNMENT V1.1
========================================================= */

#page-lifts {
  box-sizing: border-box;
  width: 100%;

  /*
   * Match the visual content gutter used by the main
   * operational pages rather than sitting against sidebar.
   */
  padding:
    28px
    clamp(24px, 6.5vw, 104px)
    44px;
}

#page-lifts .sales-page-shell {
  width: 100%;
  max-width: none;
  box-sizing: border-box;
}

@media (max-width: 900px) {
  #page-lifts {
    padding:
      20px
      18px
      32px;
  }
}


/* AKABER LIFT REGISTRY SEARCH V1 */

.lift-registry-toolbar {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 4px 0 16px;
}

.lift-registry-search {
  position: relative;
  flex: 1;
  max-width: 720px;
}

.lift-registry-search i {
  position: absolute;
  top: 50%;
  right: 14px;
  transform: translateY(-50%);
  color: #94a3b8;
  pointer-events: none;
}

.lift-registry-search input {
  width: 100%;
  min-height: 44px;
  box-sizing: border-box;
  padding: 10px 42px 10px 14px;
  border: 1px solid #d1d5db;
  border-radius: 10px;
  background: #fff;
  font: inherit;
}

.lift-registry-search input:focus {
  outline: none;
  border-color: #22c55e;
  box-shadow:
    0 0 0 3px
    rgba(34, 197, 94, .12);
}

.lift-registry-result-count {
  flex: 0 0 auto;
  font-size: 13px;
  color: #64748b;
}

@media (max-width: 700px) {
  .lift-registry-toolbar {
    flex-direction: column;
    align-items: stretch;
  }

  .lift-registry-search {
    max-width: none;
  }
}