
.dqv3-wrapper { max-width:1100px; margin:20px auto; font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial; border:1px solid #e9e9e9; padding:16px; border-radius:10px; background:#fff; }
.dqv3-header { display:flex; align-items:center; gap:16px; }
.dqv3-logo { max-height:64px; width:auto; }
.dqv3-title h2 { margin:0; font-size:1.25rem; }
.dqv3-controls { display:flex; flex-wrap:wrap; gap:8px; margin-top:12px; }
.dqv3-controls label { width:100%; font-size:0.9rem; color:#333; }
.dqv3-controls select, .dqv3-controls input { padding:8px; border-radius:6px; border:1px solid #ccc; min-width:180px; }
#dqv3-add { background:#0ea5a4; color:#fff; border:none; padding:8px 12px; border-radius:6px; cursor:pointer; }
.dqv3-secondary { background:#999; color:#fff; border:none; padding:8px 12px; border-radius:6px; cursor:pointer; }
.dqv3-table-wrap { margin-top:16px; }
#dqv3-table { width:100%; border-collapse:collapse; }
#dqv3-table th, #dqv3-table td { border:1px solid #eee; padding:8px; text-align:left; font-size:0.9rem; }
.dqv3-results { margin-top:12px; background:#f7fdf7; padding:10px; border-radius:6px; }
.dqv3-remove { background:transparent; border:1px solid #ccc; padding:4px 8px; border-radius:4px; cursor:pointer; }
@media (max-width:800px){ .dqv3-header { flex-direction:column; align-items:flex-start; } .dqv3-controls { flex-direction:column; } }
