/* Clean, bright UI (not dark). */
.poo-dw-wrap{
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color:#111827;
}

.poo-dw-header{ max-width:1100px; margin:0 auto 12px; padding:10px 8px; }
.poo-dw-title{ margin:0; font-size:26px; }
.poo-dw-sub{ margin:6px 0 0; color:#4b5563; font-size:14px; }

.poo-dw-total{
  margin-top:6px;
  font-weight:800;
  color:#111827;
}

.poo-dw-grid{
  display:grid;
  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
  gap:14px;
  max-width:1100px;
  margin:0 auto;
  padding:8px;
}

.poo-dw-card{
  position:relative;
  border-radius:16px;
  overflow:hidden;
  border:1px solid #e5e7eb;
  background:#fff;
  box-shadow:0 1px 8px rgba(0,0,0,.06);
  cursor:pointer;
  outline:none;
}

.poo-dw-img{
  display:block;
  width:100%;
  height:160px;
  object-fit:cover;
  filter:none;
  transition: transform .18s ease;
}

.poo-dw-card:hover .poo-dw-img,
.poo-dw-card:focus .poo-dw-img{
  transform: scale(1.04);
}

.poo-dw-overlay{
  position:absolute;
  inset:0;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  padding:12px;
  background: linear-gradient(to top, rgba(17,24,39,.80), rgba(17,24,39,0));
  opacity:0;
  transition:opacity .18s ease;
}

.poo-dw-card:hover .poo-dw-overlay,
.poo-dw-card:focus .poo-dw-overlay{
  opacity:1;
}

.poo-dw-name{ color:#fff; font-weight:900; font-size:14px; line-height:1.15; }

.poo-dw-empty{
  max-width:1100px;
  margin:10px auto;
  padding:14px 16px;
  border-radius:14px;
  background:#f9fafb;
  border:1px solid #e5e7eb;
  color:#374151;
}

.poo-dw-search{
  max-width:1100px;
  margin:0 auto 10px;
  padding:0 8px;
}

.poo-dw-search-row{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  align-items:center;
}

.poo-dw-input{
  flex:1 1 240px;
  padding:12px 12px;
  border-radius:12px;
  border:1px solid #d1d5db;
  background:#fff;
  color:#111827;
}

.poo-dw-btn{
  padding:12px 14px;
  border-radius:12px;
  border:0;
  cursor:pointer;
  background:#111827;
  color:#fff;
  font-weight:800;
}
.poo-dw-btn:hover{ opacity:.92; }

.poo-dw-link{
  font-weight:700;
  color:#111827;
  text-decoration:underline;
  padding:8px 6px;
}

.poo-dw-results-meta{
  max-width:1100px;
  margin:8px auto 0;
  padding:0 8px;
  color:#374151;
  font-size:13px;
}


.poo-dw-label{
  display:flex;
  flex-direction:column;
  gap:6px;
  flex: 1 1 240px;
  font-size:13px;
  color:#374151;
}

.poo-dw-select{
  width:100%;
  padding:12px 12px;
  border-radius:12px;
  border:1px solid #d1d5db;
  background:#fff;
  color:#111827;
}