.content-area{padding:0}.chart-canvas-wrap{height:300px;position:relative}.status-pill{border-radius:999px;align-items:center;gap:.4rem;padding:.25rem .75rem;font-size:.8rem;font-weight:600;display:inline-flex}.status-pill.ok{color:#059669;background:#10b98126}.status-pill.warn{color:#d97706;background:#f59e0b2e}.status-pill.danger{color:#dc2626;background:#ef444426}.status-pill.off{color:#64748b;background:#64748b26}.config-form-grid{gap:1rem;display:grid}.config-form-grid label{color:var(--text-secondary);margin-bottom:.35rem;font-size:.8rem;font-weight:600;display:block}.config-actions{justify-content:flex-end;gap:.5rem;margin-top:1.25rem;display:flex}.exceed-banner{margin-bottom:1rem}.ai-cost-date-picker{min-width:160px}.ai-cost-analyser-toolbar{flex-wrap:nowrap;align-items:center;gap:8px;width:100%;min-width:0;margin-bottom:12px;padding:2px 0;display:flex;overflow-x:auto}.ai-cost-analyser-toolbar .ai-cost-date-picker{flex-shrink:0}.ai-cost-analyser-toolbar .btn,.ai-cost-analyser-toolbar .status-pill{white-space:nowrap;flex-shrink:0}.ai-cost-analyser-toolbar .ai-cost-toolbar-icon-btn{border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;display:inline-flex}@media (max-width:768px){.ai-cost-analyser-toolbar{flex-wrap:wrap}}