/* Phase 21B.5 — My Tackle Box compact / cleanup */
.dvh21b-shell{margin-top:20px;margin-bottom:42px}
.dvh21b-hero{padding:20px 24px;border-radius:20px;align-items:center}
.dvh21b-hero h1{font-size:clamp(1.9rem,3.4vw,3.2rem);margin:.15rem 0 .3rem}
.dvh21b-hero p{max-width:900px;line-height:1.45}
.dvh21b-recognised{padding:7px 11px;font-size:.76rem}

.dvh21b-stats{gap:10px;margin:12px 0}
.dvh21b-stats>*{min-height:92px;padding:13px 15px;border-radius:16px}
.dvh21b-stats strong{font-size:1.4rem;margin:.2rem 0}
.dvh21b-stats small{font-size:.78rem;line-height:1.3}

.dvh21b-grid{gap:12px}
.dvh21b-card,.dvh21b-edit{padding:18px;border-radius:18px}
.dvh21b-card-head{gap:12px;margin-bottom:12px}
.dvh21b-card-head h2{font-size:clamp(1.2rem,2vw,1.55rem);line-height:1.15}
.dvh21b-profile-list{gap:0}
.dvh21b-profile-list>div{grid-template-columns:120px 1fr;gap:10px;padding:8px 0}
.dvh21b-actions{gap:8px}
.dvh21b-actions .btn,.dvh21d-alert-actions .btn,.dvh-profile-actions .btn{min-height:40px;padding-top:9px;padding-bottom:9px}
.dvh21b-enquiries{gap:7px;margin-bottom:10px}
.dvh21b-enquiries article{padding:10px 12px;border-radius:12px}
.dvh21b-empty{padding:13px 14px;border-radius:13px}
.dvh21b-future{margin-top:12px}
.dvh21b-future span{padding:6px 8px}
.dvh21b-edit{margin-top:12px}

/* The old generic input rule was also affecting checkboxes, creating huge empty columns. */
.dvh-profile-check input[type="checkbox"]{
  width:18px!important;
  min-width:18px!important;
  max-width:18px!important;
  height:18px!important;
  min-height:18px!important;
  padding:0!important;
  margin:0!important;
  flex:0 0 18px;
  border-radius:4px;
  accent-color:#b8871e;
}

#edit-profile .dvh21b-card-head{margin-bottom:8px}
#edit-profile>p{margin:.25rem 0 12px}
#edit-profile .dvh-profile-fields{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px 12px}
#edit-profile .dvh-profile-field{gap:5px}
#edit-profile .dvh-profile-field label,#edit-profile .dvh-profile-group>strong{font-size:.9rem}
#edit-profile .dvh-profile-field input:not([type="checkbox"]),
#edit-profile .dvh-profile-field select,
#edit-profile .dvh-profile-field textarea{min-height:42px;border-radius:11px;padding:9px 11px}
#edit-profile .dvh-profile-field textarea{min-height:68px}
#edit-profile .dvh-profile-group{margin-top:2px}
#edit-profile .dvh-profile-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px 8px;margin-top:6px}
#edit-profile .dvh-profile-check{display:flex;align-items:center;gap:8px;min-height:36px;padding:7px 9px;border:1px solid rgba(18,43,39,.09);border-radius:10px;background:#fafaf5;font-size:.88rem;line-height:1.25}
#edit-profile .dvh-profile-check:hover{border-color:rgba(184,135,30,.35);background:#fffdf7}
#edit-profile .dvh-profile-actions{margin-top:14px}
#edit-profile .dvh-profile-note{margin:9px 0 0;font-size:.8rem}

.dvh21d-alert-actions{margin-top:11px;gap:8px}
.dvh21d-alert-note{margin-top:8px;font-size:.8rem}

@media(max-width:1050px){
  #edit-profile .dvh-profile-fields{grid-template-columns:repeat(2,minmax(0,1fr))}
  #edit-profile .dvh-profile-options{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:900px){
  .dvh21b-shell{margin-top:14px}
  .dvh21b-hero{padding:18px 20px}
  .dvh21b-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dvh21b-profile-list>div{grid-template-columns:1fr;gap:2px}
}

@media(max-width:560px){
  .dvh21b-shell{width:calc(100% - 20px);margin-top:10px;margin-bottom:30px}
  .dvh21b-hero,.dvh21b-card,.dvh21b-edit{padding:14px;border-radius:15px}
  .dvh21b-hero{gap:10px}
  .dvh21b-hero h1{font-size:1.75rem}
  .dvh21b-hero p{font-size:.9rem}
  .dvh21b-recognised{padding:6px 9px}
  .dvh21b-stats{gap:7px;margin:9px 0}
  .dvh21b-stats>*{min-height:84px;padding:10px 11px;border-radius:13px}
  .dvh21b-stats span{font-size:.68rem}
  .dvh21b-stats strong{font-size:1.2rem;margin:.12rem 0}
  .dvh21b-stats small{font-size:.7rem}
  .dvh21b-grid{gap:9px}
  .dvh21b-card-head{margin-bottom:9px}
  .dvh21b-actions{display:grid;grid-template-columns:1fr}
  .dvh21b-actions .btn,.dvh21d-alert-actions .btn,.dvh-profile-actions .btn{width:100%;justify-content:center}
  #edit-profile .dvh-profile-fields{grid-template-columns:1fr;gap:9px}
  #edit-profile .dvh-profile-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}
  #edit-profile .dvh-profile-check{min-height:34px;padding:6px 7px;font-size:.82rem}
  #edit-profile .dvh-profile-check input[type="checkbox"]{width:17px!important;min-width:17px!important;max-width:17px!important;height:17px!important;min-height:17px!important;flex-basis:17px}
  #edit-profile .dvh-profile-field textarea{min-height:62px}
}

@media(max-width:360px){
  #edit-profile .dvh-profile-options{grid-template-columns:1fr}
}
