.vvs-wizard { border: 1px solid rgba(0,0,0,0.06); border-radius: 16px; padding: 16px; background: #fff; }
.vvs-wizard .title { margin: 0 0 8px; }
.vvs-wizard .badge { display:inline-block; padding:.25rem .6rem; border-radius: 999px; color:#fff; background:#111827; margin-bottom:.5rem; font-size:.85rem; }
.vvs-wizard .nav { margin-top: .75rem; display:flex; gap:.5rem; flex-wrap:wrap; }
.vvs-wizard button { color:#fff; border:0; padding:.7rem 1rem; cursor:pointer; background:#111827; border-radius:10px; }
.vvs-wizard input, .vvs-wizard textarea { width:100%; padding:.6rem .75rem; margin:.4rem 0 .8rem; border:1px solid #E5E7EB; border-radius:10px; background:#fff; }
.vvs-wizard .company-view { background:#F9FAFB; border:1px solid #E5E7EB; border-radius:10px; padding:.6rem .75rem; margin:.4rem 0 .8rem; }
.vvs-wizard p { margin-bottom: .5rem; }
.vvs-wizard p.muted { color:#6B7280; }
#domain-result, #order-status, #total, #cvr-result { margin-top:.5rem; }

.vvs-wizard .progress { width:100%; height:6px; background:#F3F4F6; border-radius:999px; margin-bottom:10px; overflow:hidden; }
.vvs-wizard .progress .bar { height:100%; width:16.6%; background:#111827; }

.upload { display:flex; gap:.5rem; align-items:center; flex-wrap:wrap; margin-bottom:.5rem; }
.upload #upload_input { max-width: 260px; }
#upload_list.thumbs { display:grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap:8px; }
#upload_list .thumb { position:relative; border:1px solid #E5E7EB; border-radius:8px; overflow:hidden; background:#FAFAFA; }
#upload_list .thumb img { width:100%; height:100%; object-fit:cover; display:block; aspect-ratio: 1 / 1; }
#upload_list .thumb .state { position:absolute; bottom:6px; right:8px; font-size:.75rem; background:rgba(17,24,39,.9); color:#fff; padding:2px 6px; border-radius:999px; }

#summary .thumbs.small { display:flex; gap:6px; align-items:center; margin-top:.35rem; }
#summary .thumbs.small img { width:36px; height:36px; object-fit:cover; border-radius:6px; border:1px solid #E5E7EB; }

.vvs-wizard .terms { margin: .5rem 0 .25rem; }
.vvs-wizard .terms a { text-decoration: underline; color: inherit; }

@media (max-width: 768px){
  .vvs-wizard { border-radius: 12px; }
  .vvs-wizard .title { font-size: 1.2rem; }
  #upload_list.thumbs { grid-template-columns: repeat(3, minmax(0,1fr)); }
}