.app-title{font-size: var(--aura-font-size-l);margin: 0}.home-cards{display: grid;grid-template-columns: repeat(auto-fit,minmax(240px,1fr));gap: 1rem;max-width: 960px}.home-card .home-card-tag{font-size: 0.8125rem;text-transform: uppercase;color: var(--vaadin-text-color-secondary);letter-spacing: 0.05em}.app-window{box-sizing: border-box;width: 100%;max-width: 760px;border: 1px solid var(--vaadin-border-color);border-radius: var(--vaadin-radius-l,12px);overflow: hidden;box-shadow: 0 12px 32px rgb(0 0 0 / 14%);background: var(--vaadin-background-color)}.app-window-chrome{display: flex;align-items: center;gap: 0.75rem;padding: 0.5rem 0.75rem;background: var(--vaadin-background-container);border-bottom: 1px solid var(--vaadin-border-color)}.app-window-dots{display: flex;gap: 0.375rem}.app-window-dots>div{width: 0.625rem;height: 0.625rem;border-radius: 50%;background: color-mix(in srgb,var(--vaadin-text-color-secondary) 40%,transparent)}.app-window-title{font-size: 0.875rem;font-weight: 600}.app-window-url{margin-inline-start: auto;font-family: var(--vaadin-font-family-monospace,monospace);font-size: 0.75rem;color: var(--vaadin-text-color-secondary);background: var(--vaadin-background-color);border: 1px solid var(--vaadin-border-color);border-radius: 999px;padding: 0.125rem 0.625rem}.app-window-body{display: flex;flex-direction: column;gap: var(--vaadin-gap-container,1rem);padding: var(--vaadin-padding-l,1.5rem)}.lens-divider{display: flex;align-items: center;gap: 0.75rem;font-size: var(--aura-font-size-m,1rem);text-transform: uppercase;letter-spacing: 0.05em;color: var(--vaadin-text-color-secondary);margin-top: 1.5rem}.lens-divider::before,.lens-divider::after{content: "";flex: 1;border-top: 1px solid var(--vaadin-border-color)}.lens-divider::before{max-width: 2rem;flex: 0 0 2rem}.investigation-step{width: 100%;max-width: 960px;border: 1px solid var(--vaadin-border-color);border-radius: var(--vaadin-radius-m,8px);background: var(--vaadin-background-container);padding: 0.25rem 1rem}.investigation-step + .investigation-step{margin-top: 0.5rem}.metric{font-family: var(--vaadin-font-family-monospace,ui-monospace,monospace);font-size: 0.8125em;background: var(--vaadin-background-container-strong,var(--vaadin-background-container));border: 1px solid var(--vaadin-border-color-secondary,var(--vaadin-border-color));border-radius: var(--vaadin-radius-s,4px);padding: 0.0625em 0.375em;white-space: nowrap}.timing{font-variant-numeric: tabular-nums;font-weight: 600;color: var(--aura-accent-text-color,var(--vaadin-text-color));white-space: nowrap}.verdict-card{background: var(--aura-accent-surface,var(--vaadin-background-container));border: 1px solid var(--vaadin-border-color);border-inline-start: 3px solid var(--aura-accent-color,var(--vaadin-border-color));border-radius: var(--vaadin-radius-m,8px);padding: 0.75rem 1rem;margin-block: 0.75rem;color: var(--vaadin-text-color)}.verdict-severity{display: inline-block;font-size: 0.6875rem;font-weight: 600;text-transform: uppercase;letter-spacing: 0.05em;color: var(--aura-accent-text-color,var(--vaadin-text-color-secondary))}.verdict-summary{margin: 0.25rem 0 0.5rem}.verdict-evidence{display: flex;flex-wrap: wrap;gap: 0.375rem}.verdict-empty{color: var(--vaadin-text-color-secondary);font-style: italic}.meter-table{border-collapse: collapse;margin-block: 0.5rem 0.75rem}.meter-table th{font-size: 0.6875rem;font-weight: 600;text-transform: uppercase;letter-spacing: 0.05em;color: var(--vaadin-text-color-secondary);text-align: start;padding: 0.375rem 0.75rem 0.375rem 0;border-bottom: 1px solid var(--vaadin-border-color)}.meter-table td{padding: 0.4375rem 0.75rem 0.4375rem 0;border-bottom: 1px solid var(--vaadin-border-color-secondary,var(--vaadin-border-color));vertical-align: baseline}.meter-table td:nth-child(3){text-align: end;font-variant-numeric: tabular-nums}.meter-table th:nth-child(3){text-align: end}.meter-table td:last-child{color: var(--vaadin-text-color-secondary);font-size: 0.8125rem}.app-window-rig{box-sizing: border-box;width: 100%;max-width: 760px;margin-top: -0.5rem;padding: 0.5rem 1rem 0.75rem;border: 1px dashed var(--vaadin-border-color);border-top: none;border-radius: 0 0 var(--vaadin-radius-l,12px) var(--vaadin-radius-l,12px);background: color-mix(in srgb,var(--vaadin-background-container) 50%,transparent)}.app-window-rig-caption{display: block;font-size: 0.6875rem;text-transform: uppercase;letter-spacing: 0.05em;color: var(--vaadin-text-color-secondary)}.order-lines{border-collapse: collapse}.order-lines th{font-size: 0.6875rem;font-weight: 600;text-transform: uppercase;letter-spacing: 0.05em;color: var(--vaadin-text-color-secondary);text-align: start;padding: 0.375rem 0;border-bottom: 1px solid var(--vaadin-border-color)}.order-lines td{padding: 0.4375rem 0;border-bottom: 1px solid var(--vaadin-border-color-secondary,var(--vaadin-border-color))}.order-lines-numeric th:last-child,.order-lines-numeric td:last-child{text-align: end;width: 4em;font-variant-numeric: tabular-nums}.order-lines .order-empty td{color: var(--vaadin-text-color-secondary);font-style: italic;text-align: start;border-bottom: none}.investigation-step::part(summary-content){font-weight: 600}.verdict-severity{background: color-mix(in srgb,var(--aura-accent-color,currentColor) 12%,transparent);border-radius: 999px;padding: 0.125rem 0.5625rem}.verdict-detail{display: block;font-family: var(--vaadin-font-family-monospace,ui-monospace,monospace);font-size: 0.75rem;color: var(--vaadin-text-color-secondary);overflow-wrap: anywhere;margin-block-end: 0.5rem}.payload-scroller{width: 100%;max-height: 55vh;overflow: auto;background: var(--vaadin-background-container-strong,var(--vaadin-background-container));border-radius: var(--vaadin-radius-m,8px);padding: var(--vaadin-padding-s,0.5rem);box-sizing: border-box}.payload{margin: 0;font-size: 0.7rem;line-height: 1.35;white-space: pre-wrap;word-break: break-word}.catalog-summary{color: var(--vaadin-text-color-secondary)}