@layer theme,base;@layer components{.flow-data-table>tbody>tr:hover{background:color-mix(in srgb, var(--card) 96%, var(--foreground))}}@layer utilities;.dashboard-filter-surface{flex-shrink:0;min-width:0}.dashboard-filter-surface__controls{min-width:0}.dashboard-filter-surface__details{color:var(--muted-foreground);font-size:12px}.dashboard-filter-surface__metrics{gap:8px;min-width:0;display:grid}.flow-field{gap:6px;min-width:0;font-size:12px;display:grid}.flow-field>span:not([data-slot$=-control]){font-weight:500}.flow-field__label-icon{width:16px;height:16px}.flow-field--inline{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px}.flow-field__label--visually-hidden,.flow-filter-label--visually-hidden,.dashboard-date-filter>span{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.flow-field [data-slot=input]{height:34px}.flow-field [data-slot=textarea]{resize:vertical}.flow-filter-control{min-width:0;max-width:100%;position:relative}.flow-filter-trigger{text-align:left;justify-content:flex-start;gap:8px;max-width:100%;height:36px;font-size:13px}.flow-filter-trigger>svg:last-child{flex-shrink:0;margin-left:auto}.flow-filter-trigger>span{text-overflow:ellipsis;min-width:0;overflow:hidden}.flow-filter-trigger small{color:var(--muted-foreground);font-size:11px}.flow-field--fill-trigger .flow-filter-control,.flow-field--fill-trigger .flow-filter-trigger,.flow-field--inline .flow-filter-trigger{width:100%}.flow-field--compact-trigger{width:fit-content}.flow-field--compact-trigger .flow-filter-trigger{width:auto;min-width:0;height:30px}.flow-field--sm-trigger .flow-filter-trigger{height:30px}.flow-field--md-trigger .flow-filter-trigger{height:36px}.flow-field--wide-menu .flow-filter-trigger{white-space:normal;height:auto;min-height:36px}.flow-field--wide-menu .flow-filter-trigger--version-status{white-space:nowrap;height:36px}.flow-filter-trigger__label{font-weight:500}.flow-filter-trigger__separator{border-left:1px solid var(--border);height:16px}.flow-filter-trigger__value{text-overflow:ellipsis;max-width:240px;font-weight:400;overflow:hidden}.flow-filter-trigger__clear-space{flex-shrink:0;width:20px}.flow-filter-clear{width:28px;height:28px;position:absolute;top:50%;right:26px;transform:translateY(-50%)}.flow-filter-popover{width:300px}.flow-filter-popover--wide{width:420px}.flow-filter-popover:has(.flow-version-status){width:max-content}.flow-filter-popover:has(.flow-version-status) .flow-filter-options{grid-template-columns:minmax(0,1fr)}.flow-filter-popover__heading{color:var(--muted-foreground);margin-bottom:10px;font-size:12px}.flow-filter-search{align-items:center;gap:8px;display:flex}.flow-filter-options{gap:2px;max-height:260px;margin-top:8px;display:grid;overflow-y:auto}.flow-filter-option{text-align:left;white-space:normal;justify-content:start;width:100%;height:auto;min-height:36px;padding:8px}.flow-filter-option strong{font-weight:500}.flow-filter-option small{color:var(--muted-foreground);font-size:11px;display:block}.flow-filter-option__primary{white-space:nowrap;align-items:center;gap:6px;display:flex}.flow-filter-option__body{flex:1;min-width:0}.flow-filter-group{gap:2px;display:grid}.flow-filter-group+.flow-filter-group{border-top:1px solid var(--border);margin-top:4px;padding-top:4px}.flow-filter-group__heading{color:var(--muted-foreground);justify-content:space-between;padding:6px 8px 2px;font-size:11px;font-weight:600;display:flex}.flow-filter-group__heading>[aria-hidden]{font-variant-numeric:tabular-nums;font-weight:400}.flow-filter-options:has(.flow-filter-group){max-height:min(360px,60vh)}.flow-version-status{flex-shrink:0;width:12px;height:12px}.flow-version-status--current{color:var(--success-foreground)}.flow-version-status--historical{color:var(--muted-foreground)}.flow-filter-actions{border-top:1px solid var(--border);grid-template-columns:1fr 1fr;gap:8px;margin-top:8px;padding-top:12px;display:grid}.flow-filter-footer{border-top:1px solid var(--border);justify-content:end;gap:8px;margin-top:8px;padding-top:12px;display:flex}.flow-filter-empty{text-align:center;color:var(--muted-foreground);padding:16px}.dashboard-range-control__label{white-space:nowrap}.dashboard-range-control__value{text-align:right;font-variant-numeric:tabular-nums;color:var(--muted-foreground)}.metric-card{min-width:0}.metric-card__header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.metric-card__label{color:var(--muted-foreground);font-size:11px;font-weight:500;line-height:14px}.metric-card__value{letter-spacing:-.02em;flex-wrap:wrap;align-items:baseline;gap:4px;font-size:18px;line-height:22px;display:flex}.metric-card__value--positive{color:var(--success-foreground)}.metric-card__value--negative{color:var(--destructive-foreground)}.metric-card__rate{letter-spacing:0;color:var(--muted-foreground);font-size:10px;font-weight:400;line-height:12px}.metric-card__detail{color:var(--muted-foreground);white-space:nowrap;text-overflow:ellipsis;font-size:10px;line-height:12px;overflow:hidden}.metric-card__detail--rich{white-space:normal;overflow:visible}.flow-data-table-shell{border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--card);overflow:hidden}.flow-data-table{border-collapse:separate;border-spacing:0;font-variant-numeric:tabular-nums}.flow-data-table>:is(thead,tbody,tfoot)>tr>:is(th,td){border-bottom:1px solid var(--border);white-space:nowrap;padding:10px}.flow-data-table>thead>tr>th{color:var(--muted-foreground);background:color-mix(in srgb, var(--card) 96%, var(--foreground));font-size:12px;font-weight:500;line-height:18px}.flow-data-table>tbody>tr>th{text-align:left;font-weight:500}.flow-data-table--sticky-header{--flow-data-table-header-height:39px}.flow-data-table--sticky-header>thead{z-index:40;position:sticky;top:0}.flow-data-table>tbody>tr:last-child>:is(td,th){border-bottom:0}.flow-data-table td.flow-data-table__cell--wrap{white-space:normal}.flow-data-table-scroll{overscroll-behavior-x:contain;overscroll-behavior-y:auto;overflow:auto}.flow-data-table-scroll--inset{border:1px solid var(--border);border-radius:6px;width:calc(100% - 24px);margin:0 12px 12px}.flow-metric-heat--rate{background:color-mix(in srgb, var(--success) calc(var(--flow-cell-heat,0) * 100%), transparent)}.flow-metric-heat--rpc{background:color-mix(in srgb, var(--info) calc(var(--flow-cell-heat,0) * 100%), transparent)}.flow-metric-heat--diverging,.flow-metric-heat-legend--diverging{--flow-heat-low:color-mix(in srgb, var(--destructive) 28%, transparent);--flow-heat-mid:color-mix(in srgb, var(--warning) 34%, transparent);--flow-heat-high:color-mix(in srgb, var(--success) 28%, transparent)}.flow-metric-heat--diverging{background:color-mix(in srgb, var(--flow-cell-heat-endpoint) var(--flow-cell-heat-distance), var(--flow-heat-mid))}.flow-metric-heat-legend--diverging{background:linear-gradient(to right, var(--flow-heat-low), var(--flow-heat-mid), var(--flow-heat-high))}.flow-data-state__message{color:var(--muted-foreground);font-size:13px}.flow-data-state__message--emphasis{color:var(--foreground);font-weight:500}.flow-badge--text{white-space:normal;overflow-wrap:anywhere}.flow-badge--text.flow-badge--neutral{color:var(--muted-foreground);font-weight:400}[data-slot=date-filter-content]>[data-slot=popover-viewport]{flex-direction:column;padding:0;display:flex}[data-slot=date-filter-content]>[data-slot=popover-viewport]>[data-current]{min-height:0;max-height:calc(var(--available-height) - 2px);flex-direction:column;display:flex}[data-slot=date-filter-content]{--viewport-inline-padding:0px}@media (width<=639px){.flow-filter-trigger__value{max-width:160px}.dashboard-filter-surface__controls>*{max-width:100%}.flow-drawer{border-radius:var(--radius-xl) var(--radius-xl) 0 0;max-height:93dvh;margin-top:7dvh}}