/* Sprint 15 — Pagamentos & Serviços */
.service-payment-card{display:grid;gap:12px}
.service-payment-status{font-style:normal;font-size:11px;font-weight:800;padding:5px 9px;border-radius:999px;border:1px solid var(--line,#cfe1d6)}
.service-payment-status.pending,.service-payment-status.risk{background:rgba(220,160,0,.10)}
.service-payment-status.approved,.service-payment-status.ok{background:rgba(20,190,105,.08)}
.service-payment-status.scheduled{background:rgba(50,130,220,.10)}
.service-payment-status.paid{background:rgba(20,190,105,.15)}
.service-payment-status.cancelled,.service-payment-status.overdue{background:rgba(210,55,55,.10)}
.service-payment-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.service-payment-grid>div,.service-payment-service,.service-payment-result{padding:11px 12px;border:1px solid var(--line,#cfe1d6);border-radius:10px;background:rgba(20,190,105,.035)}
.service-payment-grid span,.service-payment-service>span,.service-payment-result>span,.service-payment-workflow span{display:block;font-size:10px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted,#60766a)}
.service-payment-grid b,.service-payment-service>b,.service-payment-result>b{display:block;margin-top:4px}
.service-payment-grid small,.service-payment-service small,.service-payment-result small{display:block;margin-top:3px;color:var(--muted,#60766a)}
.service-payment-service{display:grid}
.service-payment-recurring{padding:8px 10px;border-radius:9px;background:rgba(80,120,220,.08);font-size:12px;font-weight:700}
.service-payment-workflow{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 0}
.service-payment-result.success{background:rgba(20,190,105,.08)}
.service-payment-result.cancelled{background:rgba(210,55,55,.06)}
.service-payment-actions{flex-wrap:wrap}
.service-payment-help{color:var(--muted,#60766a)}
.service-payment-history{display:grid;gap:0;margin-top:3px}
.service-payment-history>div{display:grid;grid-template-columns:12px 1fr;gap:9px;min-height:42px}
.service-payment-history i{width:7px;height:7px;border-radius:50%;background:var(--line-strong,#5d806c);margin-top:6px;position:relative}
.service-payment-history i:after{content:"";position:absolute;width:1px;background:var(--line,#cfe1d6);left:3px;top:9px;bottom:-31px}
.service-payment-history>div:last-child i:after{display:none}
.service-payment-history section{display:grid;gap:2px}
.service-payment-history span,.service-payment-history small{font-size:11px;color:var(--muted,#60766a)}
.service-payment-dashboard{margin-top:18px}
.service-payment-dashboard-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.service-payment-dashboard-kpis>div{padding:13px;border:1px solid var(--line,#cfe1d6);border-radius:12px;background:var(--panel-soft,#f3faf6)}
.service-payment-dashboard-kpis span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted,#60766a)}
.service-payment-dashboard-kpis b{display:block;margin-top:5px;font-size:20px}
.service-payment-upcoming{display:grid;gap:8px;margin-top:12px}
.service-payment-upcoming button{display:grid;grid-template-columns:1fr auto;gap:4px 12px;text-align:left;border:1px solid var(--line,#cfe1d6);border-radius:10px;padding:10px 12px;background:transparent;color:inherit;cursor:pointer}
.service-payment-upcoming button small{grid-column:1/-1;color:var(--muted,#60766a)}
@media(max-width:1000px){
  .service-payment-dashboard-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:720px){
  .service-payment-grid{grid-template-columns:1fr}
  .service-payment-dashboard-kpis{grid-template-columns:1fr}
}

.service-payment-late-warning{padding:11px 12px;border:1px solid rgba(220,160,0,.35);border-radius:10px;background:rgba(220,160,0,.08);display:grid;gap:3px}
.service-payment-late-warning b{font-size:12px}
.service-payment-late-warning span{font-size:11px;color:var(--muted,#60766a)}