.nvauc-auction-wrapper{


  margin: 16px 0;


}





.nvauc-auction-box{


  width: 100%;


  box-sizing: border-box;


  max-width: var(--nvauc-max-width, 560px);


}





/* eenvoudige hooks voor styling */


.nvauc-auction-box .nvauc-submit{


  padding: 10px 14px;


  border-radius: 6px;


}





.nvauc-auction-box input[type="text"]{


  padding: 8px 10px;


  border-radius: 6px;


}





/* --------------------------------------------------


 * Auth / registratie / login (eigentijdser)


 * Alleen styling (geen logica)


 * -------------------------------------------------- */


.nvauc-auth-wrap{


  max-width: var(--nvauc-auth-max-width, 460px);


  margin: 16px 0;


}





.nvauc-auth-card{


  background: var(--nvauc-card-bg, #fff);


  border: 1px solid var(--nvauc-card-border, rgba(0,0,0,.12));


  border-radius: var(--nvauc-radius, 14px);


  padding: 18px 18px 16px;


  box-shadow: 0 8px 22px rgba(0,0,0,.06);


}





.nvauc-fields{


  display: grid;


  gap: 14px;


}





.nvauc-field{ margin: 0; }





.nvauc-label{


  display: block;


  font-weight: 600;


  margin: 0 0 6px;


}





.nvauc-required{


  margin-left: 4px;


  font-weight: 800;


  color: var(--nvauc-required, #d63638);


}





.nvauc-input,


.nvauc-login-form input[type="text"],


.nvauc-login-form input[type="password"],


.nvauc-login-form input[type="email"]{


  width: 100%;


  box-sizing: border-box;


  padding: 10px 12px;


  border: 1px solid rgba(0,0,0,.22);


  border-radius: 10px;


  background: #fff;


  font-size: 16px;


  line-height: 1.25;


  min-height: 44px;


  transition: box-shadow .15s ease, border-color .15s ease;


}





.nvauc-input:focus,


.nvauc-login-form input[type="text"]:focus,


.nvauc-login-form input[type="password"]:focus,


.nvauc-login-form input[type="email"]:focus{


  outline: none;


  border-color: var(--nvauc-primary, #2271b1);


  box-shadow: 0 0 0 3px rgba(34,113,177,.18);


}





.nvauc-help{


  margin-top: 6px;


  font-size: 12px;


  opacity: .75;


}





.nvauc-actions{ margin-top: 14px; }





.nvauc-button,


.nvauc-login-form input[type="submit"]{


  display: inline-flex;


  align-items: center;


  justify-content: center;


  padding: 11px 14px;


  border-radius: 10px;


  border: 1px solid transparent;


  cursor: pointer;


  font-weight: 700;


}





.nvauc-button-primary,


.nvauc-login-form input[type="submit"]{


  background: var(--nvauc-primary, #2271b1);


  color: #fff;


}





.nvauc-button-primary:hover,


.nvauc-login-form input[type="submit"]:hover{


  filter: brightness(.95);


}





.nvauc-login-form form p{


  margin: 0 0 14px;


}





.nvauc-login-form form label{


  display: block;


  font-weight: 600;


  margin: 0 0 6px;


}





.nvauc-alert{


  border-radius: 12px;


  padding: 12px 14px;


  margin: 0 0 12px;


  border: 1px solid;


}





.nvauc-alert-error{


  border-color: #d63638;


  background: #fff5f5;


}





.nvauc-alert-success{


  border-color: #00a32a;


  background: #f0fff4;


}





.nvauc-alert-list{ margin: 0 0 0 18px; }





.nvauc-access-grid{


  display: grid;


  grid-template-columns: 1fr 1fr;


  gap: 24px;


  align-items: start;


  max-width: 940px;


}





.nvauc-access-title{


  margin: 0 0 10px;


}





@media (max-width: 760px){


  .nvauc-access-grid{ grid-template-columns: 1fr; }


}





/* --------------------------------------------------


 * Toast / meldingen rechtsboven (niet in de flow)


 * -------------------------------------------------- */


.nvauc-toasts{


  position: fixed;


  top: var(--nvauc-toast-top, 90px);


  right: var(--nvauc-toast-right, 18px);


  z-index: 999999;


  display: flex;


  flex-direction: column;


  gap: 10px;


  width: min(var(--nvauc-toast-width, 420px), calc(100vw - 36px));


  pointer-events: none;


}





.nvauc-toasts .nvauc-msg,


.nvauc-toasts .nvauc-live-note{


  pointer-events: auto;


  width: 100%;


  box-sizing: border-box;


  margin: 0 !important;


  border-radius: 12px;


  box-shadow: 0 8px 22px rgba(0,0,0,.10);


}





.nvauc-toasts .nvauc-errors-list{ margin: 0 0 0 18px !important; }








/* Afteller */


.nvauc-row-countdown .nvauc-countdown-time{ font-weight: 700; }