.badge{display:inline-block;padding:2px 8px;font-size:var(--font-size-label);font-weight:var(--font-weight-semibold);line-height:var(--line-height-label);border-radius:var(--radius-sm);white-space:nowrap}.badge-green{color:var(--color-green);background:var(--color-green-bg)}.badge-yellow{color:var(--color-yellow);background:var(--color-yellow-bg)}.badge-red{color:var(--color-red);background:var(--color-red-bg)}.badge-blue{color:var(--color-blue);background:var(--color-blue-bg)}.badge-orange{color:var(--color-orange);background:var(--color-orange-bg)}.score-green{color:var(--color-green);font-weight:var(--font-weight-semibold)}.score-yellow{color:var(--color-yellow);font-weight:var(--font-weight-semibold)}.score-red{color:var(--color-red);font-weight:var(--font-weight-semibold)}.info-tooltip{position:relative;display:inline-flex;align-items:center;justify-content:center;margin-left:var(--space-xs);width:16px;height:16px;background:transparent;border:1px solid var(--color-border);border-radius:50%;padding:0;vertical-align:middle;cursor:default}.info-tooltip-icon{font-size:10px;line-height:1;color:var(--color-text-secondary)}.info-tooltip:hover .info-tooltip-icon,.info-tooltip:focus-visible .info-tooltip-icon{color:var(--color-accent)}.info-tooltip-content{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);background:var(--color-text-primary);color:var(--color-surface);font-size:var(--font-size-label);font-weight:var(--font-weight-regular);line-height:var(--line-height-label);padding:var(--space-sm);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);max-width:280px;width:max-content;opacity:0;pointer-events:none;transition:opacity .15s;z-index:20}.info-tooltip:hover .info-tooltip-content,.info-tooltip:focus-visible .info-tooltip-content{opacity:1;pointer-events:auto}.summary-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-md);margin-bottom:var(--space-lg)}@media(max-width:900px){.summary-cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.summary-cards{grid-template-columns:1fr}}.summary-card{position:relative;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:20px;display:flex;flex-direction:column;gap:var(--space-sm)}.card-label{font-size:var(--font-size-label);font-weight:var(--font-weight-semibold);line-height:var(--line-height-label);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;display:inline-flex;align-items:center;gap:var(--space-xs)}.card-value{font-size:var(--font-size-display);font-weight:var(--font-weight-semibold);line-height:var(--line-height-display);color:var(--color-text-primary)}.card-value-muted{font-size:var(--font-size-body);font-weight:var(--font-weight-regular);color:var(--color-text-muted)}.card-sub{font-size:var(--font-size-body);font-weight:var(--font-weight-regular);line-height:var(--line-height-body);color:var(--color-text-secondary)}.card-link{margin-top:var(--space-sm);font-size:var(--font-size-label);font-weight:var(--font-weight-semibold);color:var(--color-accent);text-decoration:underline;text-underline-offset:2px}.packages-popover-btn{margin-top:var(--space-sm);background:none;border:none;font-size:var(--font-size-label);font-weight:var(--font-weight-semibold);color:var(--color-accent);text-decoration:underline;text-underline-offset:2px;padding:0;text-align:left;cursor:pointer}:root{--color-umbrella: #6d28d9;--color-umbrella-bg: #ede9fe}.category-badge{display:inline-block;margin-left:var(--space-xs);padding:1px 6px;font-size:10px;font-weight:var(--font-weight-semibold);border-radius:4px;vertical-align:middle}.category-badge-mfe{color:var(--color-blue);background:var(--color-blue-bg)}.category-badge-shared-lib{color:var(--color-yellow);background:var(--color-yellow-bg)}.category-badge-service{color:var(--color-green);background:var(--color-green-bg)}.category-badge-shell{color:var(--color-orange);background:var(--color-orange-bg)}.umbrella-badge{display:inline-block;margin-left:var(--space-xs);padding:1px 6px;font-size:var(--font-size-label);font-weight:var(--font-weight-semibold);color:var(--color-umbrella);background:var(--color-umbrella-bg);border-radius:4px;vertical-align:middle}.repo-cell-link{color:var(--color-accent);text-decoration:none;font-weight:var(--font-weight-semibold)}.repo-cell-link:hover{text-decoration:underline}.repo-cell-path,.repo-cell-description{display:block;margin-left:var(--space-md);font-size:var(--font-size-label);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);line-height:var(--line-height-label)}.repo-cell-description{color:var(--color-text-secondary)}.row-expand-btn{background:none;border:none;padding:0;margin-right:var(--space-xs);font-size:var(--font-size-label);color:var(--color-text-muted);width:14px;cursor:pointer}.row-expand-btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.upgrade-tooltip{position:relative;display:inline-block;cursor:help}.upgrade-tooltip .tooltip-content{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);min-width:240px;max-width:360px;background:var(--color-text-primary);color:var(--color-surface);padding:var(--space-sm);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);font-size:var(--font-size-label);opacity:0;pointer-events:none;transition:opacity .15s;z-index:20;text-align:left}.upgrade-tooltip:hover .tooltip-content,.upgrade-tooltip:focus-within .tooltip-content{opacity:1;pointer-events:auto}.sort-indicator{display:inline-block;margin-left:var(--space-xs);opacity:.5}.sort-indicator.active{opacity:1}.upgrade-detail{padding:var(--space-md) var(--space-lg);background:var(--color-bg);font-size:var(--font-size-label);line-height:var(--line-height-label)}.upgrade-detail-summary{font-weight:var(--font-weight-semibold);margin-bottom:var(--space-sm)}.upgrade-detail-summary.major{color:var(--color-red)}.upgrade-detail-changelog-group{margin-bottom:var(--space-sm)}.upgrade-detail-changelog-group-title{font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.upgrade-detail-changelog-list{margin-left:var(--space-md);color:var(--color-text-secondary)}.upgrade-detail-files-heading{margin-top:var(--space-sm);color:var(--color-text-muted);font-weight:var(--font-weight-semibold)}.upgrade-detail-file-link{display:block;font-family:var(--font-mono);font-size:var(--font-size-label);color:var(--color-accent);text-decoration:none;margin-left:var(--space-md)}.upgrade-detail-file-link:hover{text-decoration:underline}.staleness-table-footer-note{margin-top:var(--space-md);font-size:var(--font-size-label);font-weight:var(--font-weight-semibold);color:var(--color-text-muted)}:root{--color-category-component: #0073e6;--color-category-utility: #6b4fbb;--color-category-library: #0d9488;--color-category-service: #c97a20;--color-category-tooling: #8a8f96}.section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--space-lg);margin-bottom:var(--space-lg)}.section-title{font-size:var(--font-size-heading);font-weight:var(--font-weight-semibold);line-height:var(--line-height-heading);color:var(--color-text-primary);margin-bottom:var(--space-md)}.category-chips{display:flex;gap:var(--space-sm);margin-bottom:var(--space-md);flex-wrap:wrap}.category-chip{padding:4px 12px;border:1.5px solid transparent;border-radius:16px;font-size:var(--font-size-label);font-weight:var(--font-weight-semibold);background:transparent;cursor:pointer;transition:background .15s,color .15s}.category-chip[data-category=component]{border-color:var(--color-category-component);color:var(--color-category-component)}.category-chip[data-category=utility]{border-color:var(--color-category-utility);color:var(--color-category-utility)}.category-chip[data-category=library]{border-color:var(--color-category-library);color:var(--color-category-library)}.category-chip[data-category=service]{border-color:var(--color-category-service);color:var(--color-category-service)}.category-chip[data-category=tooling]{border-color:var(--color-category-tooling);color:var(--color-category-tooling)}.category-chip[aria-pressed=true][data-category=component]{background:var(--color-category-component);color:var(--color-surface)}.category-chip[aria-pressed=true][data-category=utility]{background:var(--color-category-utility);color:var(--color-surface)}.category-chip[aria-pressed=true][data-category=library]{background:var(--color-category-library);color:var(--color-surface)}.category-chip[aria-pressed=true][data-category=service]{background:var(--color-category-service);color:var(--color-surface)}.category-chip[aria-pressed=true][data-category=tooling]{background:var(--color-category-tooling);color:var(--color-surface)}.data-table{width:100%;border-collapse:collapse;font-size:var(--font-size-body)}.data-table th{text-align:left;padding:var(--space-sm);font-size:var(--font-size-label);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--color-border)}.data-table td{padding:var(--space-sm);border-bottom:1px solid var(--color-border);vertical-align:middle}.data-table tr[aria-expanded=true]{background:var(--color-bg)}.data-table tr{cursor:default}.data-table tr[aria-expanded]{cursor:pointer}.bar-cell-track{position:relative;width:100%;height:8px;background:var(--color-bg);border-radius:var(--radius-sm);overflow:hidden}.bar-cell-fill{height:100%;transition:width .3s ease}.detail-row td{padding:0;background:var(--color-bg);border-bottom:1px solid var(--color-border)}.detail-content{padding:var(--space-md) var(--space-lg)}.detail-table{width:100%;border-collapse:collapse;font-size:var(--font-size-label)}.detail-table th,.detail-table td{padding:var(--space-xs) var(--space-sm);border-bottom:1px solid var(--color-border);vertical-align:middle}.detail-table th{text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted)}.major-group-cell{vertical-align:middle;text-align:center;font-weight:var(--font-weight-semibold)}.major-group-label{font-size:var(--font-size-body)}.major-group-count{font-size:var(--font-size-label);color:var(--color-text-muted)}.version-repo-links{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.version-repo-link{font-size:var(--font-size-label);color:var(--color-accent);text-decoration:none;font-weight:var(--font-weight-semibold)}.version-repo-link:hover{text-decoration:underline}.tooltip-container{position:relative;display:inline-block;cursor:default}.tooltip-container:focus-visible{outline:2px solid var(--color-accent);outline-offset:1px;border-radius:var(--radius-sm)}.tooltip-content{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);background:var(--color-text-primary);color:var(--color-surface);padding:var(--space-sm);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);font-size:var(--font-size-label);font-weight:var(--font-weight-regular);line-height:var(--line-height-label);min-width:140px;max-width:280px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s;z-index:10}.tooltip-container:hover .tooltip-content,.tooltip-container:focus-visible .tooltip-content,.tooltip-container:focus-within .tooltip-content{opacity:1;pointer-events:auto}:root{--color-matrix-empty: #f9fafb}.matrix-container{overflow-x:auto;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.matrix-table{width:100%;min-width:100%;border-collapse:collapse;font-size:var(--font-size-label);line-height:var(--line-height-label)}.matrix-table th,.matrix-table td{padding:var(--space-xs) var(--space-sm);border-bottom:1px solid var(--color-border);border-right:1px solid var(--color-border);white-space:nowrap;vertical-align:middle}.matrix-table thead th{position:sticky;top:0;background:var(--color-surface);z-index:1;font-weight:var(--font-weight-semibold);color:var(--color-text-primary);text-align:left}.matrix-table tbody tr>td:first-child,.matrix-table thead tr>th:first-child{position:sticky;left:0;background:var(--color-surface);z-index:2}.matrix-cell-green{background:var(--color-green-bg);color:var(--color-green)}.matrix-cell-yellow{background:var(--color-yellow-bg);color:var(--color-yellow)}.matrix-cell-red{background:var(--color-red-bg);color:var(--color-red)}.matrix-cell-empty{background:var(--color-matrix-empty);color:var(--color-text-muted)}.matrix-repo-link{color:var(--color-accent);text-decoration:none;font-weight:var(--font-weight-semibold)}.matrix-repo-link:hover{text-decoration:underline}.expand-btn{background:none;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:2px 8px;font-size:var(--font-size-label);font-weight:var(--font-weight-semibold);color:var(--color-accent);cursor:pointer;line-height:var(--line-height-label)}.expand-btn:hover{border-color:var(--color-accent);background:var(--color-blue-bg)}.expand-btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.route-cell{font-size:var(--font-size-label);color:var(--color-text-secondary)}.repo-link{color:var(--color-accent);text-decoration:none;font-weight:var(--font-weight-semibold);font-size:var(--font-size-label)}.repo-link:hover{text-decoration:underline}.bpx-na{color:var(--color-text-muted)}.detail-row td{padding:0}.detail-content{padding:var(--space-sm) var(--space-md);background:var(--color-bg);border-top:1px solid var(--color-border)}.cohesion-subheading{font-size:var(--font-size-body);font-weight:var(--font-weight-regular);color:var(--color-text-secondary);margin-top:calc(var(--space-xs) * -1);margin-bottom:var(--space-md);line-height:var(--line-height-body)}.cohesion-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--space-md)}.cohesion-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-md);box-shadow:var(--shadow-sm)}.cohesion-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xs)}.cohesion-card-title{font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.cohesion-card-teams{font-size:var(--font-size-label);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);margin-bottom:var(--space-xs)}.cohesion-card-teams span{margin-right:12px}.cohesion-bar-track{width:100%;height:8px;background:var(--color-bg);border-radius:4px;overflow:hidden}.cohesion-bar-fill{height:8px;border-radius:4px;transition:width .3s ease}.chart-legend{display:flex;gap:var(--space-md);margin-bottom:12px;flex-wrap:wrap}.chart-container{position:relative}.bubble-accessible-list{position:absolute;clip:rect(0 0 0 0);width:1px;height:1px;overflow:hidden;list-style:none;margin:0;padding:0}.bubble-accessible-list li:focus-visible{clip:auto;width:auto;height:auto;position:static;background:var(--color-surface);padding:var(--space-xs) var(--space-sm);border:1px solid var(--color-accent);border-radius:var(--radius-sm);outline:2px solid var(--color-accent);outline-offset:2px;font-size:var(--font-size-label)}.bubble-tooltip-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-md);font-size:var(--font-size-body);box-shadow:var(--shadow-md);line-height:var(--line-height-body)}.bubble-tooltip-panel strong{font-weight:var(--font-weight-semibold);font-size:var(--font-size-body)}.score-orange{color:var(--color-orange)}.theming-headline{font-size:var(--font-size-body);font-weight:var(--font-weight-regular);color:var(--color-text-secondary);line-height:var(--line-height-body);margin-bottom:var(--space-md)}.card-value-secondary{font-size:var(--font-size-body);font-weight:var(--font-weight-regular);color:var(--color-text-muted);margin-left:var(--space-xs)}.theming-filter-bar{display:flex;align-items:center;gap:12px;margin-bottom:12px;font-size:var(--font-size-label);flex-wrap:wrap}.theming-filter-bar label{display:flex;align-items:center;gap:var(--space-xs);color:var(--color-text-secondary)}.theming-filter-select{font-size:var(--font-size-label);padding:var(--space-xs) var(--space-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text-primary)}.theming-filter-result-count{font-size:var(--font-size-label);color:var(--color-text-muted);margin-left:auto}.theming-row-expand{background:none;border:none;padding:0;margin-right:var(--space-xs);font-size:var(--font-size-label);color:var(--color-text-muted);width:14px;cursor:pointer}.theming-row-expand:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.theming-no-custom-label{font-size:var(--font-size-label);font-weight:500;color:var(--color-green);margin-left:var(--space-sm)}.theming-library-breakdown{padding:var(--space-sm) var(--space-md) var(--space-sm) 28px;background:var(--color-bg);border-top:1px solid var(--color-border);font-size:var(--font-size-label);line-height:1.5}.theming-library-row{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-xs)}.theming-library-name{font-size:var(--font-size-body);font-weight:var(--font-weight-semibold)}.theming-library-pkg-count{font-size:var(--font-size-label);color:var(--color-text-muted);margin-left:auto}.theming-package-chips{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-bottom:var(--space-sm)}.theming-package-chip{padding:var(--space-xs) var(--space-sm);background:var(--color-bg);border:1px solid var(--color-border);border-radius:3px;font-size:var(--font-size-label);color:var(--color-text-primary)}.theming-unknown-chip{padding:var(--space-xs) var(--space-sm);background:var(--color-unknown-pkg-bg);border-radius:3px;font-size:var(--font-size-label);color:var(--color-yellow)}.theming-custom-component-chip{padding:var(--space-xs) var(--space-sm);background:var(--color-umbrella-bg);border-radius:3px;font-size:var(--font-size-label);color:var(--color-umbrella)}.theming-breakdown-section-heading{font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);margin:var(--space-sm) 0 var(--space-xs) 0}.theming-breakdown-section-heading-muted{font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);margin:var(--space-sm) 0 var(--space-xs) 0}.theming-enrichment-prompt{font-size:var(--font-size-label);font-style:italic;color:var(--color-text-muted);margin:var(--space-xs) 0}.theming-chip-row{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-bottom:var(--space-xs)}.components-section,.components-detail-section,.customizations-section{padding:var(--space-lg);background:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin-bottom:var(--space-md)}.components-empty-state{padding:var(--space-2xl) 0;text-align:center;font-size:var(--font-size-body);font-weight:var(--font-weight-regular);color:var(--color-text-muted)}.components-controls{display:flex;gap:var(--space-sm);align-items:center;margin-bottom:var(--space-md);flex-wrap:wrap}.components-search{font-size:var(--font-size-body);padding:var(--space-sm) 12px;border:1px solid var(--color-border);border-radius:var(--radius-sm);max-width:320px;width:100%;color:var(--color-text-primary);background:var(--color-surface);font-family:var(--font-sans)}.components-search:focus{outline:2px solid var(--color-accent);outline-offset:2px}.components-sort-select{font-size:var(--font-size-label);padding:4px var(--space-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text-primary);font-family:var(--font-sans)}.components-table{width:100%;border-collapse:collapse;font-size:var(--font-size-body)}.components-table th{text-align:left;font-size:var(--font-size-label);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);padding:var(--space-sm) var(--space-sm);border-bottom:1px solid var(--color-border)}.components-table td{padding:var(--space-sm);border-bottom:1px solid var(--color-border);vertical-align:middle}.components-table tr[role=button]:hover{background:var(--color-bg)}.components-table tr[role=button]:focus{outline:2px solid var(--color-accent);outline-offset:-2px}.numeric-col{text-align:right}.back-button{display:inline-flex;align-items:center;gap:var(--space-xs);background:none;border:none;color:var(--color-accent);font-size:var(--font-size-body);cursor:pointer;padding:0;margin-bottom:var(--space-md);font-family:var(--font-sans)}.back-button:hover{color:var(--color-accent-hover);text-decoration:underline}.back-button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.detail-heading{font-size:var(--font-size-heading);font-weight:var(--font-weight-semibold);font-family:var(--font-mono);color:var(--color-text-primary);margin:0 0 var(--space-xs) 0}.detail-sub-heading{font-size:var(--font-size-body);font-weight:var(--font-weight-regular);color:var(--color-text-secondary);margin:0 0 var(--space-md) 0}.detail-table{width:100%;border-collapse:collapse;font-size:var(--font-size-body)}.detail-table th{text-align:left;font-size:var(--font-size-label);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);padding:var(--space-sm);border-bottom:1px solid var(--color-border)}.detail-table td{padding:var(--space-sm);border-bottom:1px solid var(--color-border);vertical-align:middle}.detail-table tr[style*=cursor]:hover{background:var(--color-bg)}.project-link{color:var(--color-accent);text-decoration:none;font-size:var(--font-size-body)}.project-link:hover{color:var(--color-accent-hover);text-decoration:underline}.package-cell{font-size:var(--font-size-label);color:var(--color-text-secondary)}.version-cell{font-size:var(--font-size-label);font-family:var(--font-mono);color:var(--color-text-primary)}.file-link{display:block;font-size:var(--font-size-label);font-family:var(--font-mono);color:var(--color-accent);text-decoration:none;margin-bottom:var(--space-xs)}.file-link:hover{color:var(--color-accent-hover);text-decoration:underline}.file-enrichment-absent{display:block;font-size:var(--font-size-label);font-style:italic;color:var(--color-text-muted)}.file-overflow{font-size:var(--font-size-label);color:var(--color-text-muted);display:block;margin-top:var(--space-xs)}.detail-row td{background:var(--color-bg);padding:var(--space-sm) var(--space-md)}.customizations-sub-heading{font-size:var(--font-size-body);font-weight:var(--font-weight-regular);color:var(--color-text-secondary);margin:0 0 var(--space-md) 0}.group-toggle{display:flex;gap:var(--space-sm);margin-bottom:var(--space-md)}.group-toggle-btn{border:1.5px solid var(--color-border);color:var(--color-text-secondary);border-radius:16px;padding:4px 12px;background:transparent;font-size:var(--font-size-label);font-family:var(--font-sans);cursor:pointer}.group-toggle-btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.group-toggle-btn.active{border:1.5px solid var(--color-accent);color:var(--color-accent);background:var(--color-blue-bg)}.customizations-accordion{display:flex;flex-direction:column;gap:2px}.customizations-section-header{display:flex;align-items:center;gap:var(--space-sm);justify-content:space-between;padding:var(--space-sm) 12px;cursor:pointer;border-bottom:1px solid var(--color-border);background:none;border-top:none;border-left:none;border-right:none;width:100%;text-align:left;font-family:var(--font-sans);font-size:var(--font-size-body);color:var(--color-text-primary)}.customizations-section-header:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.customizations-prop-list{padding:var(--space-sm) 0;background:var(--color-bg)}.customizations-prop-row{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-md) var(--space-xs) 24px;font-size:var(--font-size-label)}.customizations-repo-list{display:inline-flex;flex-wrap:wrap;gap:2px;font-size:var(--font-size-label)}.accordion-caret{font-size:var(--font-size-label);color:var(--color-text-muted);margin-left:auto}.badge{display:inline-flex;align-items:center;justify-content:center;font-size:var(--font-size-label);font-weight:var(--font-weight-semibold);padding:2px var(--space-xs);border-radius:var(--radius-sm);background:var(--color-blue-bg);color:var(--color-blue);min-width:20px}:root{--color-bg: #f5f6f8;--color-surface: #ffffff;--color-border: #e0e2e6;--color-text-primary: #1a1d21;--color-text-secondary: #5e6368;--color-text-muted: #6b7078;--color-accent: #0073e6;--color-accent-hover: #005bb5;--color-green: #1a8a3f;--color-green-bg: #e6f5ec;--color-yellow: #8f6a08;--color-yellow-bg: #fef7e0;--color-red: #c9372c;--color-red-bg: #fce8e6;--color-blue: #0073e6;--color-blue-bg: #e3f0fc;--color-orange: #9c5f18;--color-orange-bg: #fef0e0;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: source-code-pro, Menlo, Monaco, Consolas, "Courier New", monospace;--font-size-display: 28px;--font-size-heading: 20px;--font-size-body: 14px;--font-size-label: 12px;--font-weight-regular: 400;--font-weight-semibold: 600;--line-height-display: 1.2;--line-height-heading: 1.3;--line-height-body: 1.5;--line-height-label: 1.4;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 2px 8px rgba(0, 0, 0, .08);--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--color-quadrant-champions: var(--color-green);--color-quadrant-opportunity: var(--color-accent);--color-quadrant-upgrade: #c97a20;--color-quadrant-attention: var(--color-red);--color-unknown-pkg-bg: #fef3c7}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font-sans);font-size:var(--font-size-body);line-height:var(--line-height-body);background:var(--color-bg);color:var(--color-text-primary);-webkit-font-smoothing:antialiased}a{color:var(--color-accent);text-decoration:none}a:hover{color:var(--color-accent-hover);text-decoration:underline}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}button{font-family:inherit;font-size:inherit;cursor:pointer}.app{max-width:1400px;margin:0 auto;padding:var(--space-lg) var(--space-xl)}@media(max-width:900px){.app{padding:var(--space-md)}}.app-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:var(--space-lg)}.app-header h1{font-size:var(--font-size-heading);font-weight:var(--font-weight-semibold);line-height:var(--line-height-heading);color:var(--color-text-primary)}.header-meta{display:inline-flex;align-items:center;gap:var(--space-sm)}.last-scanned{font-size:var(--font-size-label);font-weight:var(--font-weight-semibold);line-height:var(--line-height-label);color:var(--color-text-muted)}.tabs{display:flex;gap:0;border-bottom:2px solid var(--color-border);margin-bottom:var(--space-lg)}@media(max-width:600px){.tabs{overflow-x:auto}}.tab-button{padding:12px 20px;border:none;background:none;font-size:var(--font-size-body);font-weight:var(--font-weight-regular);color:var(--color-text-secondary);border-bottom:2px solid transparent;margin-bottom:-2px;transition:color .15s,border-color .15s;white-space:nowrap}.tab-button:hover{color:var(--color-text-primary)}.tab-button[aria-selected=true]{color:var(--color-accent);border-bottom-color:var(--color-accent)}.tab-button:focus-visible{outline-offset:-2px}.tbd-badge{display:inline-block;margin-left:var(--space-sm);padding:2px 8px;font-size:var(--font-size-label);font-weight:var(--font-weight-semibold);color:var(--color-yellow);background:var(--color-yellow-bg);border-radius:var(--radius-sm)}main[role=tabpanel]{min-height:200px}.tbd-placeholder{text-align:center;padding:80px 0;color:var(--color-text-muted)}.tbd-placeholder h2{font-size:var(--font-size-heading);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-sm)}.no-data{text-align:center;padding:var(--space-2xl) 0;font-size:var(--font-size-body);font-weight:var(--font-weight-regular);color:var(--color-text-muted)}.dev-mode-banner{margin-bottom:var(--space-md);padding:var(--space-sm) var(--space-md);border:1px solid var(--color-yellow);background:var(--color-yellow-bg);border-radius:var(--radius-sm);font-size:var(--font-size-label);line-height:var(--line-height-label);color:var(--color-text-primary)}.dev-mode-banner code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.95em;padding:1px 4px;background:var(--color-surface);border-radius:var(--radius-sm)}.scan-health-pill{position:relative;display:inline-block;margin-left:var(--space-sm)}.scan-health-pill-trigger{display:inline-flex;align-items:center;gap:6px;padding:2px 10px;border:1px solid var(--color-border);background:var(--color-surface);border-radius:999px;font-size:var(--font-size-label);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);cursor:pointer;transition:background .15s,border-color .15s}.scan-health-pill-trigger:hover{background:var(--color-bg)}.scan-health-pill-trigger:focus-visible{outline:2px solid var(--color-accent);outline-offset:1px}.scan-health-dot{width:8px;height:8px;border-radius:50%;background:var(--color-text-muted)}.scan-health-green .scan-health-dot{background:var(--color-green)}.scan-health-yellow .scan-health-dot{background:var(--color-yellow)}.scan-health-red .scan-health-dot{background:var(--color-red)}.scan-health-stub .scan-health-dot,.scan-health-unknown .scan-health-dot{background:var(--color-text-muted)}.scan-health-green .scan-health-label{color:var(--color-green)}.scan-health-yellow .scan-health-label{color:var(--color-yellow)}.scan-health-red .scan-health-label{color:var(--color-red)}.scan-health-popover{position:absolute;top:calc(100% + 6px);right:0;min-width:320px;max-width:480px;padding:var(--space-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:0 4px 12px #00000014;font-size:var(--font-size-label);color:var(--color-text-primary);z-index:10}.scan-health-popover dl{display:grid;grid-template-columns:max-content 1fr;gap:4px var(--space-sm);margin:0}.scan-health-popover dt{color:var(--color-text-secondary);font-weight:var(--font-weight-semibold)}.scan-health-popover dd{margin:0;word-break:break-word}.scan-health-popover ul{margin:4px 0 0;padding-left:18px}.scan-health-popover details summary{cursor:pointer;color:var(--color-accent)}.login-shell{display:flex;align-items:center;justify-content:center;min-height:100vh;background-color:var(--color-bg)}.login-card{display:flex;flex-direction:column;gap:var(--space-md);width:100%;max-width:400px;padding:var(--space-lg);background:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.login-heading{margin:0;font-size:var(--font-size-heading);font-weight:var(--font-weight-semibold);line-height:var(--line-height-heading);color:var(--color-text-primary)}.login-body{margin:0;font-size:var(--font-size-body);font-weight:var(--font-weight-regular);line-height:var(--line-height-body);color:var(--color-text-secondary)}.login-label{font-size:var(--font-size-label);font-weight:var(--font-weight-semibold);line-height:var(--line-height-label);color:var(--color-text-muted)}.login-input{width:100%;box-sizing:border-box;padding:var(--space-sm) var(--space-md);font-size:var(--font-size-body);font-family:var(--font-sans);color:var(--color-text-primary);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);outline:none}.login-input:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.login-submit{width:100%;padding:var(--space-sm) var(--space-md);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);font-family:var(--font-sans);color:var(--color-surface);background:var(--color-accent);border:none;border-radius:var(--radius-md);cursor:pointer;transition:background-color .15s}.login-submit:hover{background:var(--color-accent-hover)}.login-submit:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}