.auris-dashboard-designer{min-width:0}.add-toolbar{display:flex;align-items:end;gap:8px;flex-wrap:wrap;margin:14px 0}.add-toolbar label,.add-widget-controls label{display:grid;gap:3px;color:var(--text2);font-size:10px;font-weight:800}.add-toolbar input,.add-toolbar select,.add-toolbar button,.add-widget input,.add-widget select,.add-widget button{min-height:36px;padding:7px 10px;border:1px solid var(--border);border-radius:8px;background:var(--card);color:var(--text);font:inherit}.add-toolbar button,.add-widget button{cursor:pointer}.add-toolbar :focus-visible,.add-widget :focus-visible{outline:2px solid #2563eb;outline-offset:2px}.add-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:12px}.add-widget{grid-column:span 6;min-width:0;padding:14px;border:1px solid var(--border);border-radius:12px;background:var(--card)}.add-widget.add-small{grid-column:span 4}.add-widget.add-wide{grid-column:span 12}.add-widget>header{display:flex;align-items:center;justify-content:space-between;gap:8px}.add-widget>header input{width:min(100%,320px);font-weight:800}.add-widget>header div{display:flex;gap:4px}.add-widget>header button{min-width:36px;padding:5px}.add-widget-controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:12px 0}.add-widget-controls select{width:100%}.add-kpi{display:grid;gap:4px;padding:22px 8px;text-align:center}.add-kpi strong{font-size:30px;color:#12634c}.add-kpi span{font-weight:800}.add-kpi small,.add-status{color:var(--text2)}.add-table{overflow:auto}.add-table table{width:100%;min-width:420px;border-collapse:collapse}.add-table th,.add-table td{padding:9px;border-bottom:1px solid var(--border);text-align:left}.add-table td:nth-child(n+2),.add-table th:nth-child(n+2){text-align:right}.add-chart{display:grid;gap:7px}.add-chart button{display:grid;grid-template-columns:minmax(90px,150px) minmax(100px,1fr) 55px;align-items:center;gap:8px;border:0;background:transparent;text-align:left}.add-chart svg{width:100%;height:13px;border-radius:99px;background:#e2e8f0}.add-chart rect{fill:#18765a}.add-chart strong{text-align:right}.add-empty{padding:38px 12px;border:1px dashed var(--border);border-radius:11px;text-align:center;color:var(--text2)}.add-status{min-height:20px;margin-top:8px}.add-status.add-ok{color:#12634c}.add-status.add-warning{color:#9a3412}
@media(max-width:800px){.add-widget,.add-widget.add-small{grid-column:span 12}.add-widget-controls{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.add-toolbar{display:grid;grid-template-columns:1fr 1fr}.add-toolbar label,.add-toolbar input,.add-toolbar select,.add-toolbar button{width:100%}.add-widget>header{align-items:start}.add-widget-controls{grid-template-columns:1fr}.add-chart button{grid-template-columns:80px minmax(70px,1fr) 45px}}