/* v0.10.1 — versões de produto */

/* Checkout */
.versionGroupV0101{
    border:1px solid #dce6ef;
    border-radius:12px;
    padding:12px;
    margin-top:12px;
    background:#f8fbff;
}
.versionGroupHeadV0101{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:10px;
    margin-bottom:8px;
}
.versionGroupHeadV0101 small{font-size:10px;color:#667085}
.versionTypeV0101{
    display:inline-flex;
    border-radius:999px;
    padding:5px 8px;
    font-size:9px;
    font-weight:900;
    letter-spacing:.05em;
    background:#e9efff;
    color:#284da5;
}
.versionOptionV0101{
    display:grid;
    grid-template-columns:auto 1fr auto;
    gap:10px;
    align-items:center;
    padding:11px;
    border-top:1px solid #e6edf4;
    cursor:pointer;
    transition:.15s ease;
}
.versionOptionV0101:first-of-type{border-top:0}
.versionOptionV0101.selected{
    background:#fff;
    border-radius:9px;
    box-shadow:0 0 0 1px #b8c8ec inset;
}
.versionOptionV0101 input{width:17px;height:17px}
.versionOptionTextV0101{display:flex;flex-direction:column;gap:3px}
.versionOptionTextV0101 b{font-size:12px}
.versionOptionTextV0101 small{font-size:10px;color:#667085}
.versionOptionTextV0101 em{
    display:inline-block;
    margin-left:6px;
    padding:2px 6px;
    border-radius:999px;
    background:#111820;
    color:#fff;
    font-size:8px;
    font-style:normal;
}
.versionOptionV0101>strong{font-size:13px;white-space:nowrap}

/* Produto público */
.productVersionPreviewV0101{
    display:flex;
    flex-direction:column;
    gap:8px;
    margin:14px 0;
    padding:12px;
    border:1px solid #dce6ef;
    border-radius:10px;
    background:#f8fbff;
}
.productVersionPreviewV0101>b{font-size:10px;letter-spacing:.04em}
.productVersionPreviewV0101>div{display:flex;gap:7px;flex-wrap:wrap}
.productVersionPreviewV0101 span{
    display:inline-flex;
    align-items:center;
    gap:5px;
    padding:6px 8px;
    background:#fff;
    border:1px solid #dce4ea;
    border-radius:8px;
    font-size:10px;
}
.productVersionPreviewV0101 span.base{border-color:#b6d8c1}
.productVersionPreviewV0101 strong{font-size:10px}
.productVersionPreviewV0101 em{
    font-size:7px;
    font-style:normal;
    font-weight:900;
    background:#111820;
    color:#fff;
    border-radius:99px;
    padding:2px 5px;
}

/* Meus pedidos */
.orderVersionMiniV0101{
    margin-top:4px;
    font-size:9px;
    color:#4b5563;
}
.orderVersionMiniV0101 b{color:#284da5}

/* Admin produto */
.versionAdminSection{margin-top:18px}
.versionAdminHead small{font-size:9px;color:#395bb9;font-weight:900;letter-spacing:.08em}
.versionAdminHead h2{margin:4px 0 6px}
.versionAdminHead p{color:#667085;font-size:11px}
.versionEmpty{
    padding:14px;
    border:1px dashed #c9d3db;
    border-radius:10px;
    color:#667085;
    margin:12px 0;
}
.versionAdminList{display:grid;gap:12px}
.versionAdminCard{
    padding:14px;
    border:1px solid #dfe5e9;
    border-radius:11px;
    background:#fff;
    margin-top:12px;
}
.versionAdminCard.inactive{opacity:.65}
.versionAdminCard.newVersion{background:#f8fbff;border-style:dashed}
.versionAdminCardTop{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    margin-bottom:12px;
}
.versionAdminCardTop>div{display:flex;gap:6px;align-items:center}
.versionState,.versionBaseBadge{
    font-size:8px;
    font-weight:900;
    padding:4px 6px;
    border-radius:999px;
}
.versionState{background:#edf1f3;color:#4b5563}
.versionBaseBadge{background:#111820;color:#fff}
.versionAdminGrid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:11px;
}
.versionAdminGrid label{display:grid;gap:5px;font-size:11px;font-weight:800}
.versionAdminGrid label.wide{grid-column:1/-1}
.versionAdminGrid input{
    width:100%;
    padding:11px;
    border:1px solid #d8dee3;
    border-radius:8px;
}
.versionAdminGrid small{font-size:9px;font-weight:400;color:#667085}
.versionChecks{
    display:flex;
    gap:14px;
    align-items:center;
    flex-wrap:wrap;
}
.versionChecks label{display:flex;align-items:center;gap:6px!important}
.versionChecks input{width:auto!important}

/* Admin pedido */
.adminOrderVersionV0101{
    margin-top:5px;
    padding:4px 6px;
    border-radius:6px;
    background:#eef3ff;
    color:#284da5;
    display:inline-block;
    font-size:9px;
}
.adminOrderVersionV0101>b{font-size:8px}

@media(max-width:700px){
    .versionGroupHeadV0101{align-items:flex-start;flex-direction:column}
    .versionOptionV0101{grid-template-columns:auto 1fr}
    .versionOptionV0101>strong{grid-column:2}
    .versionAdminGrid{grid-template-columns:1fr}
    .versionAdminGrid label.wide{grid-column:auto}
}