/* Bitwolt Mobile Intake Polish V5 — presentation only. */

/* Registration: keep native semantics, replace the broken platform checkbox appearance. */
.bw-page-registrieren .checkbox-label{
  display:grid!important;
  grid-template-columns:22px minmax(0,1fr)!important;
  gap:10px!important;
  align-items:start!important;
}
.bw-page-registrieren .checkbox-label > span{
  min-width:0!important;
  overflow-wrap:anywhere!important;
}
.bw-page-registrieren .checkbox-label input[type="checkbox"]{
  -webkit-appearance:none!important;
  appearance:none!important;
  width:20px!important;
  height:20px!important;
  min-width:20px!important;
  min-height:20px!important;
  max-width:20px!important;
  margin:2px 0 0!important;
  padding:0!important;
  border:1.5px solid rgba(119,205,239,.42)!important;
  border-radius:6px!important;
  background:var(--bw-surface,#fff)!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  background-size:13px 13px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
  cursor:pointer!important;
  flex:0 0 20px!important;
}
.bw-page-registrieren .checkbox-label input[type="checkbox"]:checked{
  border-color:var(--bw-blue,#05B9F2)!important;
  background-color:var(--bw-blue,#05B9F2)!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23062131' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round' d='M3.2 8.4 6.4 11.2 12.8 4.8'/%3E%3C/svg%3E")!important;
  box-shadow:0 0 0 3px rgba(5,185,242,.10)!important;
}
.bw-page-registrieren .checkbox-label input[type="checkbox"]:focus-visible{
  outline:2px solid rgba(5,185,242,.48)!important;
  outline-offset:3px!important;
}

/* Intake assignment: one compact order row, never a giant native iOS checkbox. */
.vm-intake-check{
  display:grid!important;
  grid-template-columns:22px minmax(0,1fr)!important;
  align-items:start!important;
  gap:10px!important;
  min-width:0!important;
}
.vm-intake-check input[type="checkbox"]{
  -webkit-appearance:none!important;
  appearance:none!important;
  width:20px!important;
  height:20px!important;
  min-width:20px!important;
  min-height:20px!important;
  max-width:20px!important;
  margin:0!important;
  padding:0!important;
  border:1.5px solid rgba(119,205,239,.38)!important;
  border-radius:6px!important;
  background:var(--bw-surface,#fff)!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  background-size:13px 13px!important;
  box-shadow:none!important;
}
.vm-intake-check input[type="checkbox"]:checked{
  border-color:var(--bw-blue,#05B9F2)!important;
  background-color:var(--bw-blue,#05B9F2)!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23062131' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round' d='M3.2 8.4 6.4 11.2 12.8 4.8'/%3E%3C/svg%3E")!important;
}
.vm-intake-check input[type="checkbox"]:focus-visible{
  outline:2px solid rgba(5,185,242,.42)!important;
  outline-offset:2px!important;
}
.vm-intake-check > span{
  min-width:0!important;
  display:block!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
  line-height:1.35!important;
}

.vm-intake-upload input[type="file"]{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  font:inherit!important;
  font-size:.78rem!important;
  color:var(--bw-muted,#9fb0c0)!important;
}
.vm-intake-upload input[type="file"]::file-selector-button{
  min-height:38px!important;
  margin-right:10px!important;
  padding:0 13px!important;
  border:1px solid rgba(119,205,239,.22)!important;
  border-radius:999px!important;
  background:rgba(5,185,242,.07)!important;
  color:var(--bw-ink,#edf8ff)!important;
  font:inherit!important;
  font-weight:780!important;
}

.vm-intake-v5-toast{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  padding:9px 11px!important;
  border:1px solid rgba(102,187,72,.28)!important;
  border-radius:12px!important;
  background:rgba(102,187,72,.07)!important;
  color:#7fcf68!important;
  font-size:.74rem!important;
  font-weight:800!important;
}

.vm-intake-order.needs-action,
#auftrag-table.member-orders-table tbody tr.needs-action{
  position:relative!important;
}
.vm-intake-order.needs-action::before,
#auftrag-table.member-orders-table tbody tr.needs-action::before{
  content:"";
  position:absolute!important;
  z-index:5!important;
  top:11px!important;
  right:11px!important;
  width:8px!important;
  height:8px!important;
  border-radius:50%!important;
  background:#ef6b57!important;
  box-shadow:0 0 0 0 rgba(239,107,87,.42)!important;
  animation:bwNeedsActionPulse 1.8s ease-out infinite!important;
  pointer-events:none!important;
}
@keyframes bwNeedsActionPulse{
  0%{box-shadow:0 0 0 0 rgba(239,107,87,.42);opacity:.95}
  65%{box-shadow:0 0 0 8px rgba(239,107,87,0);opacity:.95}
  100%{box-shadow:0 0 0 0 rgba(239,107,87,0);opacity:.82}
}

@media(max-width:700px){
  .vm-intake-card__head{padding:14px 15px 11px!important}
  .vm-intake-card__title{font-size:1.42rem!important}
  .vm-intake-card__sub{margin-top:4px!important;font-size:.74rem!important;line-height:1.35!important}
  .vm-intake-body{padding:12px 14px 14px!important;gap:10px!important;overflow-x:hidden!important}
  .vm-intake-upload{width:100%!important;max-width:100%!important;min-width:0!important;gap:10px!important;padding:12px!important;box-sizing:border-box!important;overflow-x:hidden!important}
  .vm-intake-checks{gap:7px!important;padding:4px 0!important}
  .vm-intake-check{min-height:52px!important;padding:10px!important;border-radius:12px!important}
  .vm-intake-note{padding:10px 11px!important;font-size:.72rem!important;line-height:1.4!important}
  .vm-intake-upload .vm-intake-actions{gap:7px!important;padding-top:0!important}
  .vm-intake-upload .vm-intake-actions .vm-intake-btn{min-height:42px!important}

  #auftrag-table.member-orders-table tbody tr.has-intake-cta{
    position:relative!important;
    padding-bottom:70px!important;
  }
  #auftrag-table.member-orders-table tbody tr.has-intake-cta .member-order-intake-cta{
    position:absolute!important;
    left:16px!important;
    right:16px!important;
    bottom:15px!important;
    width:auto!important;
    min-height:40px!important;
    margin:0!important;
    padding:0 14px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    box-sizing:border-box!important;
  }
  #auftrag-table.member-orders-table .member-order-intake-badge{
    display:inline-flex!important;
    width:max-content!important;
    max-width:100%!important;
    margin:7px 0 0!important;
    white-space:normal!important;
    line-height:1.25!important;
  }
}

@media(prefers-reduced-motion:reduce){
  .vm-intake-order.needs-action::before,
  #auftrag-table.member-orders-table tbody tr.needs-action::before{
    animation:none!important;
    box-shadow:none!important;
  }
}