.settings-intro{
    display:grid;
    grid-template-columns:1fr auto 1fr auto 1fr;
    gap:12px;
    align-items:center;
    margin-bottom:18px;
}

.settings-intro article{
    display:flex;
    gap:10px;
    align-items:center;
    padding:13px;
    border:1px solid var(--border);
    border-radius:14px;
    background:#fff;
}

.settings-intro article>span{
    width:34px;
    height:34px;
    display:grid;
    place-items:center;
    border-radius:11px;
    background:var(--blue-soft);
    color:var(--blue);
    font-weight:900;
}

.settings-intro strong,
.settings-intro small{
    display:block;
}

.settings-intro small{
    margin-top:3px;
    color:var(--muted);
    font-size:8px;
}

.settings-intro b{
    color:var(--blue);
}

.parameter-card-featured{
    border-top:5px solid var(--blue);
}

.parameter-create-form{
    display:grid;
    grid-template-columns:130px 1fr auto;
    gap:9px;
    align-items:end;
    margin-bottom:16px;
    padding:13px;
    border-radius:13px;
    background:#f7f9fd;
}

.parameter-create-form.compact{
    grid-template-columns:90px 1fr 130px 90px auto;
}

.parameter-create-form label{
    display:grid;
    gap:5px;
}

.parameter-create-form label>span{
    color:#536075;
    font-size:9px;
    font-weight:800;
}

.parameter-create-form input,
.parameter-create-form select{
    width:100%;
    min-width:0;
    padding:10px;
    border:1px solid var(--border);
    border-radius:10px;
    background:#fff;
}

.parameter-list>div{
    align-items:center;
}

.parameter-list>div>div strong,
.parameter-list>div>div small{
    display:block;
}

.parameter-list>div>div small{
    margin-top:3px;
    color:var(--muted);
    font-size:8px;
}

.parameter-list>div>span{
    padding:5px 8px;
    border-radius:8px;
    background:var(--purple-soft);
    color:var(--purple);
    font-weight:900;
}

.parameter-empty{
    justify-content:center !important;
    color:var(--muted);
    font-size:10px;
}

@media(max-width:1050px){
    .parameter-create-form,
    .parameter-create-form.compact{
        grid-template-columns:1fr 1fr;
    }
}

@media(max-width:750px){
    .settings-intro{
        grid-template-columns:1fr;
    }

    .settings-intro>b{
        text-align:center;
        transform:rotate(90deg);
    }
}

@media(max-width:550px){
    .parameter-create-form,
    .parameter-create-form.compact{
        grid-template-columns:1fr;
    }
}
