/* Pobreta v0.5.5cm — clasificación mobile visible + foco bloqueado + salida explícita */
.classification-picker{
  position:relative;
  display:grid;
  gap:9px;
}
.classification-picker.is-search-active{
  z-index:32;
}
.movement-category-backdrop{
  position:fixed;
  inset:0;
  z-index:31;
  background:rgba(0,0,0,.56);
  touch-action:none;
  overscroll-behavior:none;
}
.classification-search-label{display:grid;gap:7px}
.classification-search-close{
  position:absolute;
  top:-2px;
  right:0;
  width:34px;
  height:34px;
  min-width:34px;
  padding:0;
  display:grid;
  place-items:center;
  border-radius:10px;
  border:1px solid rgba(57,255,20,.42);
  background:rgba(5,24,12,.96);
  color:#cffff0;
  font-size:1.25rem;
  line-height:1;
  z-index:4;
  box-shadow:0 0 12px rgba(57,255,20,.12);
}
.classification-search-close:hover,
.classification-search-close:focus-visible{
  border-color:#39ff14;
  color:#fff;
  box-shadow:0 0 0 1px rgba(57,255,20,.16),0 0 14px rgba(57,255,20,.2);
}
.classification-search-shell{
  position:relative;
  display:flex;
  align-items:center;
}
.classification-search-shell input{
  padding-right:46px;
}
.classification-search-clear{
  position:absolute;
  right:7px;
  width:34px;
  height:34px;
  min-width:34px;
  padding:0;
  border-radius:10px;
  background:transparent;
  color:var(--muted);
  border:0;
  font-size:1.25rem;
}
.classification-search-clear:hover,
.classification-search-clear:focus-visible{
  color:var(--text);
  background:var(--panel2);
}
.classification-suggestions{
  display:grid;
  gap:7px;
  padding:9px;
  border:1px solid rgba(57,255,20,.58);
  border-radius:14px;
  background:rgba(3,14,8,.98);
  max-height:290px;
  overflow:auto;
  overscroll-behavior:contain;
  z-index:3;
  box-shadow:0 0 0 1px rgba(57,255,20,.08),0 0 20px rgba(57,255,20,.14),0 18px 34px rgba(0,0,0,.42);
}
.classification-suggestion{
  width:100%;
  display:grid;
  gap:3px;
  text-align:left;
  padding:12px 13px;
  background:linear-gradient(180deg,rgba(8,34,18,.98),rgba(5,25,13,.98));
  border:1px solid rgba(57,255,20,.42);
  color:#f4fff6;
  border-radius:12px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}
.classification-suggestion:hover,
.classification-suggestion:focus-visible{
  border-color:#39ff14;
  background:linear-gradient(180deg,rgba(12,48,25,.99),rgba(7,31,16,.99));
  box-shadow:0 0 0 1px rgba(57,255,20,.16),0 0 14px rgba(57,255,20,.18);
}
.classification-suggestion-path{
  font-size:.94rem;
  line-height:1.3;
  font-weight:700;
  text-shadow:0 0 8px rgba(57,255,20,.10);
}
.classification-suggestion small{
  font-size:.74rem;
  color:var(--muted);
}
.classification-empty{
  padding:11px 12px;
  color:#b7c7bc;
  font-size:.86rem;
  border:1px solid rgba(57,255,20,.16);
  border-radius:10px;
  background:rgba(6,22,12,.8);
}
.classification-browse-toggle{
  justify-self:start;
  padding:9px 12px;
  font-size:.84rem;
}
.classification-browse{
  display:grid;
  gap:10px;
  padding-top:4px;
  border-top:1px solid var(--border);
}
.classification-picker.is-selected #movementCategorySearch{
  border-color:rgba(114,214,154,.65);
}
.classification-picker.is-search-active #movementCategorySearch{
  border-color:#39ff14;
  box-shadow:0 0 0 1px rgba(57,255,20,.10),0 0 14px rgba(57,255,20,.15);
}
@media(max-width:680px){
  .classification-suggestions{
    max-height:240px;
    scroll-padding-bottom:12px;
  }
  .classification-browse-toggle{width:100%}
}