/* DeepSmart 3PL — Canonical Warehouse Creation */

.ds-wh-create{
  max-width:1420px;
  margin:0 auto;
  padding-bottom:30px;
}

.ds-wh-methods{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}

.ds-wh-method,
.ds-wh-card{
  border:1px solid var(--line,#dce3ea);
  border-radius:14px;
  background:var(--card,#fff);
}

.ds-wh-method{
  padding:22px;
}

.ds-wh-method-icon{
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  margin-bottom:13px;
  border-radius:11px;
  background:#edf7fa;
  color:#087f9d;
  font-size:20px;
  font-weight:900;
}

.ds-wh-method h2{
  margin:0 0 7px;
  font-size:17px;
}

.ds-wh-method p{
  margin:0 0 17px;
  min-height:42px;
  color:var(--muted,#667085);
  font-size:11px;
  line-height:1.7;
}

.ds-wh-card{
  overflow:hidden;
}

.ds-wh-card-head{
  padding:15px 18px;
  border-bottom:1px solid var(--line,#e4e8ed);
  background:rgba(120,140,160,.045);
}

.ds-wh-card-head h3{
  margin:0;
  font-size:14px;
}

.ds-wh-card-head p{
  margin:5px 0 0;
  color:var(--muted,#667085);
  font-size:10px;
  line-height:1.6;
}

.ds-wh-card-body{
  padding:18px;
}

.ds-wh-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:11px;
}

.ds-wh-grid label{
  display:block;
  color:var(--muted,#667085);
  font-size:10px;
}

.ds-wh-grid input,
.ds-wh-grid select{
  width:100%;
  height:39px;
  margin-top:5px;
  padding:0 10px;
  border:1px solid var(--line,#ccd5df);
  border-radius:8px;
  background:var(--card,#fff);
  color:inherit;
  font:inherit;
}

.ds-wh-section{
  grid-column:1/-1;
  margin-top:8px;
  padding-bottom:7px;
  border-bottom:1px solid var(--line,#e6ebf0);
  font-size:11px;
  font-weight:800;
}

.ds-wh-actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  align-items:center;
}

.ds-wh-btn{
  min-height:39px;
  padding:0 14px;
  border-radius:8px;
  cursor:pointer;
  font:inherit;
  font-size:11px;
}

.ds-wh-btn.primary{
  border:1px solid #087f9d;
  background:#087f9d;
  color:#fff;
}

.ds-wh-btn.secondary{
  border:1px solid var(--line,#ccd5df);
  background:var(--card,#fff);
  color:inherit;
}

.ds-zone-list{
  grid-column:1/-1;
  display:flex;
  flex-direction:column;
  gap:8px;
}

.ds-zone-row{
  display:grid;
  grid-template-columns:62px minmax(150px,1fr) 170px 42px;
  gap:8px;
  align-items:end;
  padding:10px;
  border:1px solid var(--line,#dde4eb);
  border-radius:9px;
  background:rgba(120,140,160,.035);
}

.ds-zone-code{
  align-self:center;
  color:#087f9d;
  font-size:10px;
  font-weight:800;
}

.ds-zone-remove{
  height:39px;
  border:1px solid #f0c7c7;
  border-radius:8px;
  background:#fff4f4;
  color:#b42318;
  cursor:pointer;
}

.ds-wh-checks{
  grid-column:1/-1;
  display:flex;
  flex-wrap:wrap;
  gap:18px;
  padding:6px 0;
}

.ds-wh-checks label{
  display:flex;
  align-items:center;
  gap:6px;
}

.ds-wh-checks input{
  width:auto;
  height:auto;
  margin:0;
}

.ds-wh-preview{
  grid-column:1/-1;
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:7px;
}

.ds-wh-preview>div{
  padding:10px;
  border:1px solid var(--line,#dde4eb);
  border-radius:9px;
  background:rgba(120,140,160,.035);
}

.ds-wh-preview b,
.ds-wh-preview span{
  display:block;
}

.ds-wh-preview b{
  font-size:15px;
}

.ds-wh-preview span{
  margin-top:3px;
  color:var(--muted,#667085);
  font-size:8px;
}

.ds-wh-status{
  grid-column:1/-1;
  padding:10px 12px;
  border-radius:8px;
  font-size:10px;
  line-height:1.6;
}

.ds-wh-status.ok{
  background:#effaf5;
  color:#087443;
}

.ds-wh-status.error{
  background:#fff4f4;
  color:#b42318;
}

.ds-wh-wide{
  grid-column:1/-1;
}

@media(max-width:1000px){
  .ds-wh-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .ds-wh-preview{
    grid-template-columns:repeat(3,1fr);
  }
}

@media(max-width:650px){
  .ds-wh-methods,
  .ds-wh-grid,
  .ds-zone-row{
    grid-template-columns:1fr;
  }

  .ds-wh-preview{
    grid-template-columns:repeat(2,1fr);
  }
}