/* Presentation-only theme for Home / Soho -> List Customers.
   The page marker is added by home-soho-list.js; no data or behavior is changed. */
.home-soho-list-page {
  position: relative;
  min-height: calc(100vh - 58px);
  overflow: hidden;
  padding: 30px clamp(18px, 4vw, 58px) 42px !important;
  color: #17213f !important;
  background:
    radial-gradient(circle at 8% 0%, rgba(73, 201, 255, .19), transparent 31%),
    radial-gradient(circle at 96% 12%, rgba(183, 148, 246, .18), transparent 28%),
    linear-gradient(135deg, #f8fcff 0%, #eef5ff 47%, #fbf7ff 100%) !important;
}
.home-soho-list-page::before {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  content: "";
  opacity: .34;
  background-image: radial-gradient(rgba(37, 99, 235, .16) 1px, transparent 1px);
  background-size: 22px 22px;
}
.home-soho-list-page > * { position: relative; z-index: 1; }
.home-soho-list-page > div:first-child {
  width: min(980px, 100%) !important;
  overflow: hidden;
  border: 1px solid rgba(97, 120, 180, .32) !important;
  border-radius: 18px !important;
  background: rgba(255,255,255,.83) !important;
  box-shadow: 0 16px 38px rgba(39,64,125,.16), 0 2px 6px rgba(39,64,125,.08);
  backdrop-filter: blur(9px);
}
.home-soho-list-page > div:first-child > div:first-child {
  padding: 12px 16px !important;
  border: 0 !important;
  color: #fff !important;
  letter-spacing: .04em;
  background: linear-gradient(115deg, #172554, #2563eb 54%, #06b6d4) !important;
}
.home-soho-list-page > div:first-child > div:nth-child(2) {
  padding: 9px !important;
  background: linear-gradient(180deg, rgba(239,246,255,.95), rgba(255,255,255,.62));
}
.home-soho-list-page > div:first-child select {
  height: 38px !important;
  border: 1px solid #9db2d6 !important;
  border-radius: 10px !important;
  color: #17213f !important;
  background: #fff !important;
  box-shadow: inset 0 1px 2px rgba(37,99,235,.08);
  transition: border-color .2s ease, box-shadow .2s ease;
}
.home-soho-list-page > div:first-child select:focus {
  outline: none;
  border-color: #2563eb !important;
  box-shadow: 0 0 0 4px rgba(37,99,235,.15);
}
.home-soho-list-page > div:nth-child(2) {
  width: fit-content;
  margin: 16px auto 10px !important;
  padding: 6px 18px;
  border: 1px solid rgba(16,185,129,.24);
  border-radius: 999px;
  color: #047857 !important;
  letter-spacing: .06em;
  background: linear-gradient(90deg, rgba(236,253,245,.94), rgba(224,242,254,.95));
  box-shadow: 0 5px 14px rgba(16,185,129,.11);
}
.home-soho-list-page > div:nth-child(3) { margin-bottom: 22px !important; }
.home-soho-list-page > div:nth-child(3) button {
  height: 34px !important;
  margin: 0 4px 4px 0 !important;
  border: 0 !important;
  border-radius: 9px !important;
  color: #fff !important;
  font-weight: 700;
  background: linear-gradient(135deg, #2563eb, #7c3aed) !important;
  box-shadow: 0 7px 15px rgba(79,70,229,.22);
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
}
.home-soho-list-page > div:nth-child(3) button:nth-child(2) { background: linear-gradient(135deg,#0891b2,#2563eb) !important; }
.home-soho-list-page > div:nth-child(3) button:nth-child(3) { background: linear-gradient(135deg,#059669,#0d9488) !important; }
.home-soho-list-page > div:nth-child(3) button:nth-child(4) { background: linear-gradient(135deg,#f59e0b,#ea580c) !important; }
.home-soho-list-page > div:nth-child(3) button:hover { filter: saturate(1.18) brightness(1.06); box-shadow: 0 10px 20px rgba(37,99,235,.28); transform: translateY(-2px); }
.home-soho-list-page > div:nth-child(4) {
  align-items: center;
  min-height: 35px;
  padding: 5px 10px;
  border: 1px solid rgba(148,163,184,.24);
  border-radius: 10px;
  background: rgba(255,255,255,.58);
}
.home-soho-list-page > div:nth-child(4) input {
  width: min(230px,54vw) !important;
  height: 34px !important;
  border: 1px solid #9db2d6 !important;
  border-radius: 9px !important;
  background: #fff !important;
}
.home-soho-list-page > div:nth-child(4) input:focus { outline: none; border-color: #7c3aed !important; box-shadow: 0 0 0 4px rgba(124,58,237,.14); }
.home-soho-list-page table {
  min-width: 1040px;
  overflow: hidden;
  border: 1px solid rgba(105,130,190,.35);
  border-radius: 15px;
  border-collapse: separate;
  border-spacing: 0;
  background: rgba(255,255,255,.86);
  box-shadow: 0 13px 30px rgba(39,64,125,.14);
}
.home-soho-list-page thead tr { background: linear-gradient(110deg,#172554,#1d4ed8 52%,#0891b2) !important; }
.home-soho-list-page thead th { padding: 13px 10px !important; border-color: rgba(191,219,254,.32) !important; color: #fff !important; letter-spacing: .03em; white-space: nowrap; }
.home-soho-list-page thead th span { color: #a5f3fc !important; }
.home-soho-list-page tbody tr { background: rgba(255,255,255,.94) !important; transition: background .18s ease, box-shadow .18s ease; }
.home-soho-list-page tbody tr:nth-child(even) { background: rgba(239,246,255,.86) !important; }
.home-soho-list-page tbody tr:hover { position: relative; z-index: 1; background: #ecfeff !important; box-shadow: inset 4px 0 0 #06b6d4, 0 5px 15px rgba(14,116,144,.1); }
.home-soho-list-page tbody td { padding: 11px 10px !important; border-color: rgba(148,163,184,.28) !important; color: #334155 !important; }
.home-soho-list-page tbody td:first-child { font-weight: 700; }
.home-soho-list-page tbody td a { color: #1d4ed8 !important; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.home-soho-list-page tbody td a:hover { color: #7c3aed !important; }
.home-soho-list-page tbody > tr:nth-last-child(2) { background: linear-gradient(100deg,#cffafe,#dbeafe 48%,#ede9fe) !important; }
.home-soho-list-page tbody > tr:nth-last-child(2) td { padding-top: 14px !important; padding-bottom: 14px !important; color: #172554 !important; font-weight: 800; }
.home-soho-list-page tbody > tr:last-child { background: linear-gradient(110deg,#172554,#1d4ed8 52%,#0891b2) !important; }
.home-soho-list-page tbody > tr:last-child td { border-color: rgba(191,219,254,.28) !important; color: #fff !important; }
.home-soho-list-page > div:last-child { margin-top: 17px !important; color: #475569 !important; font-weight: 600; }
@media (max-width:760px) {
  .home-soho-list-page { padding: 18px 10px 28px !important; }
  .home-soho-list-page > div:first-child { border-radius: 13px !important; }
  .home-soho-list-page > div:nth-child(4) { justify-content: flex-start; }
  .home-soho-list-page > div:nth-child(4) input { width: 180px !important; }
  .home-soho-list-page > div:nth-child(5) { overflow-x: auto; padding-bottom: 8px; }
  .home-soho-list-page table { min-width: 1040px; }
}