.new-pos-panel,
.pos-settings {
    padding: 0;
    margin-bottom: 20px;
}

.new-pos-panel > summary,
.pos-settings > summary {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 20px 23px;
    cursor: pointer;
    list-style: none;
}

.new-pos-panel > summary::-webkit-details-marker,
.pos-settings > summary::-webkit-details-marker {
    display: none;
}

.new-pos-panel > summary > div,
.pos-settings > summary > div,
.option-card span {
    display: grid;
}

.new-pos-panel > summary h2,
.new-pos-panel > summary p,
.pos-settings > summary h2,
.pos-settings > summary p {
    margin-bottom: 0;
}

.new-pos-panel > summary small,
.pos-settings > summary small,
.option-card small {
    color: var(--muted);
}

.new-pos-panel > summary > b,
.pos-settings > summary > b {
    margin-left: auto;
    color: var(--primary);
}

.pdv-create-form {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
    padding: 0 23px 23px;
}

.pdv-create-form .description-field,
.pdv-create-form > .button {
    grid-column: 1 / -1;
}

.pdv-create-form > .button {
    justify-self: end;
}

.option-card {
    display: flex;
    align-items: flex-start;
    gap: 11px;
    padding: 13px;
    border: 1px solid var(--line);
    border-radius: 12px;
    background: #fafbfc;
    cursor: pointer;
}

.option-card input {
    width: auto;
    margin-top: 3px;
}

.option-card small {
    font-weight: 400;
}

.pdv-team-rule {
    display: inline-flex;
    width: max-content;
    margin: 0 0 15px;
    padding: 5px 9px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 800;
}

.pdv-team-rule.required {
    background: #eef3ff;
    color: var(--primary);
}

.pdv-team-rule.optional {
    background: #e9f8f2;
    color: #13734f;
}

@media (max-width: 700px) {
    .pdv-create-form {
        grid-template-columns: 1fr;
        padding: 0 18px 18px;
    }

    .pdv-create-form .description-field,
    .pdv-create-form > .button {
        grid-column: auto;
    }

    .pdv-create-form > .button {
        width: 100%;
    }

    .new-pos-panel > summary > b,
    .pos-settings > summary > b {
        display: none;
    }
}
