.field{
display:flex;
flex-direction:column;
gap:6px;
min-width:0
}
.field label{
font-size:11px;
font-weight:700;
color:var(--text-primary)
}
.field input,.field select,.field textarea{
width:100%;
min-height:43px;
background:var(--input-bg);
border:1px solid var(--input-border);
border-radius:9px;
padding:10px 12px;
color:var(--text-primary);
outline:none;
transition:border .15s,box-shadow .15s
}
.field input:focus,.field select:focus,.field textarea:focus{
border-color:var(--color-primary);
box-shadow:0 0 0 3px color-mix(in srgb,var(--focus-ring) 15%,transparent)
}
.field input::placeholder{
color:#9ba8b8
}
.field small,.field-hint{
font-size:11px;
color:var(--text-secondary)
}
.field-hint{
margin:-7px 0 18px
}
.form-message{
background:#fff0f0;
color:#9d303b;
border:1px solid #efc2c7;
border-radius:8px;
padding:10px 12px;
font-size:12px;
margin:13px 0 0
}
.filter-card{
padding:24px;
margin-bottom:20px
}
.card-heading{
display:flex;
align-items:center;
justify-content:space-between;
gap:15px;
margin-bottom:19px
}
.card-heading h2{
font-size:17px;
margin:0
}
.card-heading .eyebrow{
margin-bottom:4px
}
.filter-grid{
display:grid;
grid-template-columns:repeat(5,minmax(0,1fr));
gap:15px
}
.filter-actions{
display:flex;
align-items:end
}
.filter-actions .button{
width:100%
}
.recovery-list{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:8px;
list-style:none;
padding:0;
margin:18px 0 24px
}
.recovery-list li{
font:12px ui-monospace,SFMono-Regular,Consolas,monospace;
background:var(--page-bg);
padding:9px;
border:1px solid var(--card-border);
border-radius:7px;
overflow-wrap:anywhere
}
@media(max-width:1250px){
.filter-grid{
grid-template-columns:repeat(3,minmax(0,1fr))
}

}
@media(max-width:700px){
.filter-grid{
grid-template-columns:repeat(2,minmax(0,1fr))
}
.filter-card{
padding:18px
}

}
@media(max-width:430px){
.filter-grid{
grid-template-columns:1fr
}
.card-heading{
align-items:start
}
.card-heading .button{
white-space:nowrap
}

}