/* Demanacita v40b — plan icons + clean arcade form controls */

/* Radio/checkbox controls must stay real, visible and directly clickable.
   The base .field input skin makes every input full-width, so these rules reset only
   the binary controls and give them a compact arcade treatment. */
.intent-option,
.checkbox-row{position:relative}

.intent-option input[type="radio"],
.checkbox-row input[type="checkbox"]{
  -webkit-appearance:none!important;
  appearance:none!important;
  position:static!important;
  display:block!important;
  flex:0 0 20px!important;
  width:20px!important;
  height:20px!important;
  min-width:20px!important;
  margin:.05rem 0 0!important;
  padding:0!important;
  border:2px solid #625d6f!important;
  background:#05071b!important;
  box-shadow:2px 2px 0 var(--arc-black)!important;
  opacity:1!important;
  clip-path:none!important;
  overflow:visible!important;
  cursor:pointer;
}

.intent-option input[type="radio"]{border-radius:50%!important}
.intent-option input[type="radio"]:checked{
  border-color:var(--arc-purple)!important;
  background:radial-gradient(circle at center,var(--arc-purple) 0 5px,#07091d 6px 100%)!important;
  box-shadow:2px 2px 0 var(--arc-black),0 0 14px rgba(170,112,255,.35)!important;
}
.intent-option:has(input:checked){
  border-color:var(--arc-purple)!important;
  background:#11102b!important;
  color:#eee8ff!important;
  box-shadow:3px 3px 0 rgba(170,112,255,.18);
}
.intent-option input[type="radio"]:focus-visible{
  outline:3px solid var(--arc-yellow)!important;
  outline-offset:3px!important;
}

.checkbox-row{
  display:flex!important;
  align-items:flex-start!important;
  gap:.65rem!important;
  padding:.62rem .7rem!important;
  border:1px solid #343149;
  background:#07091d;
  color:#c9c2cc;
}
.checkbox-row>span{
  display:block!important;
  flex:1 1 auto;
  width:auto!important;
  min-width:0;
}
.checkbox-row input[type="checkbox"]{border-radius:0!important}
.checkbox-row input[type="checkbox"]:checked{
  border-color:var(--arc-pink)!important;
  background:
    linear-gradient(135deg,transparent 0 42%,#150714 42% 56%,transparent 56% 100%) center/14px 14px no-repeat,
    var(--arc-pink)!important;
  box-shadow:2px 2px 0 #771d57,inset 0 0 0 3px rgba(255,241,209,.12),0 0 12px rgba(255,77,148,.28)!important;
}
.checkbox-row:has(input:checked){
  border-color:rgba(255,77,148,.72);
  background:#120a1c;
}
.checkbox-row input[type="checkbox"]:focus-visible{
  outline:3px solid var(--arc-yellow)!important;
  outline-offset:3px!important;
}

/* Keep long consent copy aligned and readable on narrow screens. */
@media(max-width:620px){
  .intent-grid{grid-template-columns:1fr!important}
  .checkbox-row{padding:.58rem .62rem!important}
  .checkbox-row{gap:.55rem!important}
}