.cost-control-panel{margin:18px 0}
.cost-control-panel>.panel-head{gap:18px}
.cost-control-panel h4{margin:0 0 8px;font-size:14px}
.cost-controls-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:16px;border:1px solid #eee8f1;border-radius:9px;background:#fbfafd}
.cost-controls-grid>label,.cost-estimator-form>label{display:grid;gap:6px;color:#514659;font-size:12px;font-weight:700}
.cost-controls-grid select,.cost-controls-grid input[type=number],.cost-estimator-form select,.cost-estimator-form textarea{width:100%;min-height:40px;border:1px solid #e2d8e8;border-radius:7px;background:#fff;color:#24152f;padding:9px;font:inherit}
.cost-controls-grid .cost-authorize{display:flex;align-items:center;gap:9px;font-weight:500}
.cost-authorize input{width:18px;height:18px;accent-color:#7627a0}
.cost-controls-grid button{justify-self:start}
.cost-controls-grid #cost-control-status{align-self:center;margin:0}
.provider-credentials{margin-top:18px;padding:16px;border:1px solid #eee8f1;border-radius:9px;background:#fbfafd}
.provider-credentials>.panel-head{margin:0 0 12px}
.provider-credentials h4,.provider-credential-card h5{margin:0 0 6px}
.provider-credential-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.provider-credential-card{display:grid;gap:9px;padding:14px;border:1px solid #eee8f1;border-radius:8px;background:#fff}
.provider-credential-card label{color:#514659;font-size:12px;font-weight:700}
.provider-credential-card input{width:100%;min-height:40px;border:1px solid #e2d8e8;border-radius:7px;background:#fff;color:#24152f;padding:9px;font:inherit}
.provider-credential-actions{display:flex;flex-wrap:wrap;gap:8px}
.provider-credential-card p{margin:0;min-height:1.4em}
.cost-estimator{margin-top:18px;padding:18px;border:1px solid #eee8f1;border-radius:9px}
.cost-estimator-form{display:grid;grid-template-columns:160px minmax(0,1fr) auto;gap:8px;align-items:center}
.cost-estimator-form label[for=cost-estimate-input]{grid-column:1}
.cost-estimator-form textarea{grid-column:2/4;min-height:74px;resize:vertical}
.cost-estimator-form button{grid-column:3;grid-row:1}
.cost-estimator .disclaimer{margin:12px 0 0}
.usage-ledger-wrap{margin-top:22px}
.usage-ledger,.usage-averages{overflow:auto;border:1px solid #eee8f1;border-radius:8px}
.usage-ledger table,.usage-averages table{width:100%;border-collapse:collapse;font-size:11px;min-width:760px}
.usage-ledger th,.usage-ledger td,.usage-averages th,.usage-averages td{text-align:left;padding:10px 12px;border-bottom:1px solid #eee8f1;white-space:nowrap}
.usage-ledger th,.usage-averages th{background:#fbfafd;color:#746c79;font-weight:700}
.usage-ledger tr:last-child td,.usage-averages tr:last-child td{border-bottom:0}
.usage-status{color:#9a6d16}
.usage-status.RECONCILED{color:#2a9470}
.usage-status.UNKNOWN,.usage-status.OVER_LIMIT{color:#b34b59}
@media(max-width:700px){.cost-controls-grid,.provider-credential-grid{grid-template-columns:1fr}.cost-estimator-form{grid-template-columns:1fr}.cost-estimator-form label[for=cost-estimate-input],.cost-estimator-form textarea,.cost-estimator-form button{grid-column:1;grid-row:auto}.cost-control-panel>.panel-head{display:block}.usage-ledger table,.usage-averages table{min-width:680px}}