/* Customers: true zero-record onboarding.
   Filter-empty messaging remains in the existing directory once records exist. */
.customer-directory-screen-v8.is-zero-record,
.customer-full-list-screen-v9.is-zero-record{
  min-height:calc(100dvh - 62px);
}

.customer-directory-layout-v8.is-zero-record{
  grid-template-columns:minmax(0,1fr)!important;
  min-height:calc(100dvh - 128px);
}

.customer-first-record-v10{
  min-height:calc(100dvh - 128px);
  display:grid;
  place-items:center;
  padding:clamp(42px,7vw,96px) clamp(24px,6vw,88px);
  background:#020811;
  color:#f5f7fa;
}

.customer-first-record-inner-v10{
  width:min(820px,100%);
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
}

.customer-first-record-icon-v10{
  width:68px;
  height:68px;
  display:grid;
  place-items:center;
  margin-bottom:18px;
  border:1px solid rgba(41,194,255,.58);
  border-radius:18px;
  background:#071624;
  color:#29c2ff;
  box-shadow:inset 0 0 0 1px rgba(41,194,255,.08);
}

.customer-first-record-icon-v10 svg{
  width:32px;
  height:32px;
}

.customer-first-record-v10>div>small{
  color:#ff7a00;
  font-size:11px;
  font-weight:900;
  letter-spacing:.12em;
}

.customer-first-record-v10 h2{
  margin:10px 0 9px;
  font-size:clamp(28px,3vw,38px);
  line-height:1.1;
}

.customer-first-record-v10 p{
  max-width:620px;
  margin:0;
  color:#aebdce;
  font-size:15px;
  line-height:1.6;
}

.customer-first-record-actions-v10{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:12px;
  margin-top:24px;
}

.customer-first-record-actions-v10>.primary,
.customer-first-record-actions-v10>.btn{
  min-height:46px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  padding:0 20px;
  border-radius:8px;
  font-weight:850;
}

.customer-first-record-actions-v10>.primary{
  background:#f45a0a!important;
  border-color:#f45a0a!important;
  color:#090d12!important;
}

.customer-first-record-actions-v10>.btn{
  border-color:#354a5f;
  background:#0a1827;
  color:#edf3f8;
}

.customer-first-record-actions-v10 :is(button,label):hover,
.customer-first-record-actions-v10 :is(button,label):focus-within{
  border-color:#ff8f3d!important;
  outline:2px solid rgba(255,143,61,.42);
  outline-offset:2px;
}

.customer-first-record-actions-v10 svg{
  width:18px;
  height:18px;
}

.customer-first-record-steps-v10{
  width:100%;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  margin:42px 0 0;
  padding:0;
  border-top:1px solid #263d51;
  border-bottom:1px solid #263d51;
  list-style:none;
}

.customer-first-record-steps-v10 li{
  min-width:0;
  display:grid;
  grid-template-columns:32px minmax(0,1fr);
  gap:12px;
  padding:22px 20px;
  text-align:left;
}

.customer-first-record-steps-v10 li+li{
  border-left:1px solid #263d51;
}

.customer-first-record-steps-v10 b{
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,122,0,.5);
  border-radius:50%;
  color:#ff9a4f;
  font-size:13px;
}

.customer-first-record-steps-v10 span{
  display:flex;
  min-width:0;
  flex-direction:column;
  gap:5px;
}

.customer-first-record-steps-v10 strong{
  font-size:14px;
}

.customer-first-record-steps-v10 em{
  color:#91a3b8;
  font-size:12.5px;
  font-style:normal;
  line-height:1.45;
}

.customer-directory-screen-v8.is-zero-record :is(.customer-list-title-actions-v9,.customer-directory-header-actions-v8){
  justify-content:flex-end;
}

.customer-directory-screen-v8.is-zero-record :is(.customer-list-title-actions-v9,.customer-directory-header-actions-v8)>.primary,
.customer-directory-screen-v8.is-zero-record :is(.customer-list-title-actions-v9,.customer-directory-header-actions-v8)>.btn{
  min-height:42px;
  display:inline-flex;
  align-items:center;
  gap:8px;
}

@media (max-width:800px){
  .customer-first-record-v10{
    min-height:auto;
    padding:42px 20px 70px;
  }
  .customer-first-record-steps-v10{
    grid-template-columns:1fr;
  }
  .customer-first-record-steps-v10 li+li{
    border-top:1px solid #263d51;
    border-left:0;
  }
}
