.spis-wrap{
border:1px solid #e6e6e6;
border-radius:14px;
padding:18px;
background:#fff;
max-width:980px;
}
.spis-title{
margin: 0 0 14px 0;
font-size: 22px;
}
.spis-grid{
display:grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap:12px;
}
@media (max-width: 700px){
.spis-grid{ grid-template-columns: 1fr; }
}
.spis-field label{
display:block;
font-weight:600;
margin-bottom:6px;
}
.spis-field input{
width:100%;
padding:10px 12px;
border:1px solid #dcdcdc;
border-radius:10px;
background:#fff;
}
.spis-actions{
display:flex;
gap:10px;
margin-top:14px;
}
.spis-btn{
padding:10px 14px;
border-radius:10px;
border:1px solid #111;
background:#111;
color:#fff;
cursor:pointer;
}
.spis-btn-secondary{
background:#fff;
color:#111;
}
.spis-results{
margin-top:16px;
}
.spis-verdict{
border-radius:14px;
padding:14px;
border:1px solid #e6e6e6;
margin-bottom:14px;
}
.spis-verdict.ok{
border-color:#1f7a37;
}
.spis-verdict.reserve{
border-color:#a36a00;
}
.spis-verdict.no{
border-color:#a30000;
}
.spis-verdict-title{
font-size:18px;
font-weight:800;
margin-bottom:4px;
}
.spis-verdict-subtitle{
opacity:0.9;
margin-bottom:8px;
}
.spis-reasons{
margin: 8px 0 0 18px;
}
.spis-cards{
display:grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap:12px;
}
@media (max-width: 900px){
.spis-cards{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 600px){
.spis-cards{ grid-template-columns: 1fr; }
}
.spis-card{
border:1px solid #e6e6e6;
border-radius:14px;
padding:12px;
background:#fff;
}
.spis-card-label{
font-weight:700;
opacity:0.8;
margin-bottom:6px;
}
.spis-card-value{
font-size:18px;
font-weight:800;
}
.spis-disclaimer{
margin-top:12px;
font-size: 13px;
opacity:0.8;
}