.usage-cost-fallback-layer { position: relative; z-index: 86; margin: 1rem 0; }
.usage-cost-fallback { display: grid; gap: .7rem; padding: 1rem; border: 1px solid color-mix(in srgb, #0891b2 36%, var(--panel-border, #cbd5e1)); border-radius: 14px; background: var(--panel-bg, #fff); color: var(--panel-text, #0f172a); box-shadow: 0 8px 22px rgba(15, 23, 42, .08); }
.usage-cost-fallback h2 { margin: 0; font-size: 1.05rem; }
.usage-cost-fallback__warning, .usage-cost-fallback__help { margin: 0; color: #475569; }
.usage-cost-fallback__form { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: .45rem; align-items: center; }
.usage-cost-fallback input, .usage-cost-fallback select { min-width: 0; width: 100%; box-sizing: border-box; padding: .5rem; border: 1px solid #94a3b8; border-radius: 8px; background: #fff; color: #0f172a; font: inherit; }
.usage-cost-fallback button { min-height: 2.25rem; padding: .45rem .75rem; border: 1px solid #64748b; border-radius: 8px; background: #f8fafc; color: #0f172a; font: inherit; cursor: pointer; }
.usage-cost-fallback button.is-primary { border-color: #0e7490; background: #0891b2; color: #fff; }
.usage-cost-fallback__status { margin: 0; font-weight: 700; }
.usage-cost-fallback__list { display: grid; gap: .3rem; margin: 0; padding-left: 1.25rem; }
.usage-cost-fallback__list .is-success { color: #166534; }
.usage-cost-fallback__list .is-fallback { color: #b91c1c; font-weight: 700; }
.usage-cost-fallback__actions { display: flex; gap: .5rem; flex-wrap: wrap; }
@media (max-width: 900px) { .usage-cost-fallback__form { grid-template-columns: repeat(2, minmax(0, 1fr)); } .usage-cost-fallback__form button { width: 100%; } }
@media (max-width: 560px) { .usage-cost-fallback__form { grid-template-columns: 1fr; } }
@media (forced-colors: active) { .usage-cost-fallback { border: 2px solid CanvasText; box-shadow: none; } .usage-cost-fallback input, .usage-cost-fallback select, .usage-cost-fallback button { border: 1px solid CanvasText; background: Canvas; color: CanvasText; } }
@media print { .usage-cost-fallback-layer { display: none !important; } }