.woopdv-container{
  --woopdv-bg: #f5f6f8;
  --woopdv-surface: #ffffff;
  --woopdv-surface-2: #f8fafc;
  --woopdv-border: #e2e8f0;
  --woopdv-text: #0f172a;
  --woopdv-muted: #64748b;
  --woopdv-primary: #2563eb;
  --woopdv-primary-2: #1d4ed8;
  --woopdv-shadow: 0 10px 30px rgba(15,23,42,.08);

  width:100%;
  max-width:none;
  box-sizing:border-box;
  margin:0;
  padding:14px;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color:var(--woopdv-text);
  background:var(--woopdv-bg);
  border-radius:14px;
}
.woopdv-container *{ box-sizing:border-box; }

.woopdv-history{
  background:var(--woopdv-surface);
  border:1px solid var(--woopdv-border);
  border-radius:14px;
  overflow:hidden;
  box-shadow: var(--woopdv-shadow);
}
.woopdv-history__header{
  display:flex;
  gap:14px;
  align-items:flex-end;
  justify-content:space-between;
  padding:14px;
  background:var(--woopdv-surface-2);
  border-bottom:1px solid var(--woopdv-border);
}
.woopdv-history__title{ margin:0; font-size:16px; font-weight:900; }
.woopdv-history__subtitle{ margin:4px 0 0; font-size:12px; color:var(--woopdv-muted); }

.woopdv-history__filters{
  display:flex;
  gap:10px;
  align-items:flex-end;
  flex-wrap:wrap;
}
.woopdv-field{ display:flex; flex-direction:column; gap:6px; }
.woopdv-label{ font-size:12px; color:#334155; font-weight:800; }
.woopdv-field input[type="date"]{
  height:46px;
  border:1px solid #cbd5e1;
  border-radius:14px;
  padding:0 12px;
  background:var(--woopdv-surface);
  font-size:14px;
}

.woopdv-btn{
  border:1px solid #cbd5e1;
  background:var(--woopdv-surface);
  color:var(--woopdv-text);
  padding:12px 14px;
  border-radius:16px;
  cursor:pointer;
  font-weight:950;
  min-height:52px;
  font-size:14px;
  transition: transform .05s ease, box-shadow .12s ease, background .12s ease, border-color .12s ease;
}
.woopdv-btn--primary{
  border-color:var(--woopdv-primary);
  background:var(--woopdv-primary);
  color:#fff;
}
.woopdv-btn--primary:hover{ background:var(--woopdv-primary-2); border-color:var(--woopdv-primary-2); }
.woopdv-btn--ghost{ background:#fff; }
.woopdv-btn:disabled{ opacity:.6; cursor:not-allowed; }

.woopdv-history__tablewrap{ overflow:auto; }
.woopdv-history__table{
  width:100%;
  border-collapse:collapse;
  min-width:720px;
}
.woopdv-history__table th,
.woopdv-history__table td{
  padding:12px 14px;
  border-bottom:1px solid var(--woopdv-border);
  text-align:left;
  font-size:13px;
  white-space:nowrap;
}
.woopdv-history__table th{
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.04em;
  color:#475569;
  background:#fff;
  position:sticky;
  top:0;
  z-index:1;
}

.woopdv-status{
  font-size:12px;
  color:#334155;
  min-height:16px;
}
.woopdv-status--error{ color:#b91c1c; }

.woopdv-history__footer{
  display:flex;
  gap:10px;
  align-items:center;
  justify-content:flex-end;
  padding:14px;
  background:var(--woopdv-surface-2);
}
.woopdv-history__page{
  font-weight:900;
  font-size:12px;
  color:#334155;
}

@media (max-width: 980px){
  .woopdv-history__header{ flex-direction:column; align-items:stretch; }
  .woopdv-history__filters{ justify-content:flex-start; }
}