#kpis{--widget-columns:4;grid-template-columns:repeat(var(--widget-columns),minmax(0,1fr));align-items:start}.kpiGrid .kpi{grid-column:span min(var(--widget-width,1),var(--widget-columns));overflow:auto}.kpiGrid .kpi[hidden]{display:none}.widgetControls{display:flex;gap:2px;margin-left:auto}.widgetControls button{padding:2px 5px;color:#718aa4;font-size:calc(15px * var(--quantum-font-scale,1.05));border-radius:3px}.widgetControls button:hover{background:#e1effc;color:#123c65}.widgetDragHandle{cursor:grab;touch-action:none}.widgetDragging{opacity:.5}.widgetDropTarget{outline:2px dashed #388ad2;outline-offset:2px}.widgetLayoutStatus{display:block;color:#657f94;font-size:calc(10px * var(--quantum-font-scale,1.05));margin:-5px 0 8px}.widgetConfig{border:1px solid #a7b8cc;border-radius:8px;padding:22px;min-width:300px;color:#17374f}.widgetConfig::backdrop{background:#101d3055}.widgetConfig h2{font-size:calc(16px * var(--quantum-font-scale,1.05));margin:0 0 18px}.widgetConfig label{display:flex;align-items:center;gap:9px;margin:12px 0;font-size:calc(12px * var(--quantum-font-scale,1.05))}.widgetConfig select{margin-left:auto;padding:5px;min-width:120px}.widgetConfig>button{padding:7px 15px;border:1px solid #bbc8d5;background:#f5f9fd;border-radius:4px;margin:10px 5px 0 0}@media(max-width:1600px){#kpis{--widget-columns:3}}@media(max-width:1200px){#kpis{--widget-columns:2}}@media(max-width:650px){#kpis{--widget-columns:1}}