/* v0.9.7 — cartão por faixas globais */
.cardGlobalNotice{
    border:1px solid #dfe5e8;background:#f7f9fa;border-radius:10px;
    padding:12px 14px;display:flex;flex-direction:column;justify-content:center;gap:4px
}
.cardGlobalNotice b{font-size:11px}
.cardGlobalNotice small{color:#667085}

.cardRangesHead{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}
.cardRangeRule{
    margin:14px 0;border:1px solid #dfe5e8;background:#f7f9fa;
    padding:12px 14px;border-radius:10px
}
.cardRangeList{display:grid;gap:10px;margin:15px 0}
.cardRangeRow{
    display:grid;grid-template-columns:150px minmax(260px,1fr) 90px auto;
    gap:10px;align-items:end;border:1px solid #e3e8eb;border-radius:10px;
    padding:12px;background:#fff
}
.cardRangeRow label,.cardRangeNew label{display:grid;gap:5px}
.cardRangeRow label>span{font-size:10px;font-weight:800;color:#667085}
.cardRangeActive{display:flex!important;align-items:center;gap:7px!important;min-height:40px;font-weight:700}
.cardRangeActive input{width:auto!important}
.cardRangeActions{display:flex;gap:6px;flex-wrap:wrap}
.cardDeleteButton{background:#fff!important;color:#b42318!important;border:1px solid #f3c5c2!important}
.cardRangeNew{margin-top:18px;border-top:1px solid #e5e8eb;padding-top:18px}
.cardRangeEmpty{padding:16px;border:1px dashed #ccd4d9;border-radius:10px;color:#667085}
.cardRangeNote{margin-top:15px;color:#667085;font-size:11px}

.cardAuditBox{
    display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;
    margin:14px 0;padding:12px;border:1px solid #e0e5e8;border-radius:10px;background:#f8fafb
}
.cardAuditBox>div{display:grid;gap:4px}
.cardAuditBox span{font-size:9px;color:#667085;font-weight:800}
.cardAuditBox b,.cardAuditBox a{font-size:12px}

@media(max-width:900px){
    .cardRangeRow{grid-template-columns:1fr 1fr}
    .cardRangeUrl{grid-column:1/-1}
    .cardRangeActions{grid-column:1/-1}
    .cardAuditBox{grid-template-columns:1fr 1fr}
}
@media(max-width:600px){
    .cardRangeRow{grid-template-columns:1fr}
    .cardRangeUrl,.cardRangeActions{grid-column:auto}
    .cardRangeActions .button{flex:1}
    .cardAuditBox{grid-template-columns:1fr}
}