.agent-success-comparison{color:var(--text,#243b38);font-size:13px;min-width:0}.as-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:12px 0}.as-controls label{display:flex;align-items:center;gap:6px}.as-controls select,.as-controls button{border:1px solid var(--line,#bdcec7);border-radius:6px;background:var(--surface,#fff);color:inherit;padding:8px;font:inherit}.as-controls button{cursor:pointer}.as-controls button[aria-pressed=true]{background:#d1eee6;border-color:#287e74}.as-period,.as-help{font-size:12px;color:var(--muted,#647873)}.as-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.as-tiles>div,.as-card,.as-empty{border:1px solid var(--line,#d6e2da);border-radius:9px;padding:14px;background:var(--surface,#fbfcf9);min-width:0}.as-tiles strong{display:block;font-size:23px;margin-top:8px}.as-card{margin-top:14px}.as-chart-heading{margin:0}.as-chart-heading strong{margin-right:auto}.as-chart-wrap{position:relative;min-width:0;overflow:hidden}.as-chart,.as-table{overflow:auto;max-width:100%}.as-chart svg{display:block;width:100%;height:300px;min-width:720px;touch-action:none;cursor:crosshair}.as-chart text{font-size:11px;fill:currentColor}.as-grid line{stroke:var(--line,#dce5e0);stroke-width:1}.as-legend{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:12px 28px;margin:8px 0 14px}.as-legend button{display:inline-flex;align-items:center;gap:9px;border:0!important;background:transparent;color:inherit;font:inherit;padding:5px;cursor:pointer}.as-legend i{display:inline-block;width:30px}.as-legend button[aria-pressed=false]{opacity:.45;text-decoration:line-through}.as-hour-controls{gap:8px}.as-tooltip{position:absolute;z-index:5;pointer-events:none;min-width:210px;max-width:calc(100% - 8px);padding:11px;border:1px solid var(--line,#d6e2da);border-radius:9px;background:var(--panel,#fff);box-shadow:0 4px 18px #0003}.as-tooltip[hidden]{display:none}.as-tooltip div{display:flex;gap:8px;align-items:center;margin-top:7px}.as-tooltip b{margin-left:auto}.as-tooltip i{width:16px;height:4px}.as-table table{width:100%;border-collapse:collapse;margin-top:10px}.as-table th,.as-table td{padding:9px;text-align:right;border-bottom:1px solid var(--line,#e0e8e2)}.as-table th:first-child{text-align:left}.as-note{font-size:11px;opacity:.8}@media(max-width:800px){.as-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.as-card{padding:10px}.as-tooltip{min-width:180px}.as-legend{gap:10px}}
