.feature-usage-page{gap:var(--layout-gap);max-width:1440px;padding:var(--page-pad-y) var(--page-pad-x) var(--page-pad-x);flex-direction:column;margin:0 auto;display:flex}.feature-usage-header{align-items:flex-start;gap:var(--space-4);flex-wrap:wrap;justify-content:space-between;display:flex}.feature-usage-header-end{align-items:flex-end}.feature-usage-title-row{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.feature-usage-title{font-family:var(--font-brand);letter-spacing:-.015em;margin:0;font-size:36px;font-weight:400;line-height:1.08}.feature-usage-kicker{color:var(--color-ink-muted);font-size:var(--text-md);line-height:var(--leading-snug);max-width:760px;margin:6px 0 0}.feature-usage-actions,.feature-usage-pills{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.feature-usage-pill{background:var(--color-surface);border:1px solid var(--color-control-border);border-radius:var(--radius-lg);color:var(--color-accent);font-size:var(--text-base);font-weight:var(--weight-semibold);white-space:nowrap;align-items:center;min-height:32px;padding:0 14px;text-decoration:none;display:inline-flex}.feature-usage-pill:hover{background:var(--color-surface-hover)}.feature-usage-pill[data-active=true]{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-surface)}.feature-tiles-board{gap:var(--space-6);flex-direction:column;display:flex}.feature-tiles-section{gap:var(--space-3);flex-direction:column;display:flex}.feature-tiles-heading{align-items:baseline;gap:var(--space-2) var(--space-3);flex-wrap:wrap;display:flex}.feature-tiles-heading h2{color:var(--color-ink);font-size:var(--text-lg);font-weight:var(--weight-bold);letter-spacing:.12em;text-transform:uppercase;margin:0}.feature-tiles-heading span{color:var(--color-ink-muted);font-size:var(--text-sm);font-weight:var(--weight-bold);letter-spacing:.12em;text-transform:uppercase}.feature-tiles-grid{gap:var(--layout-gap);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.feature-tile{background:var(--color-surface);border:1px solid var(--color-rule);border-radius:var(--radius-xl);color:var(--color-ink);cursor:pointer;font:inherit;gap:var(--space-2);padding:var(--card-pad-y) var(--card-pad-x);text-align:left;flex-direction:column;display:flex}.feature-tile:hover{border-color:var(--color-rule-strong)}.feature-tile:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.feature-tile[data-open=true]{background:var(--brand-umber-2);border-color:var(--color-accent);box-shadow:0 0 0 1px var(--color-accent)}.feature-tile-top,.feature-tile-mid{align-items:flex-start;gap:var(--space-2);justify-content:space-between;display:flex}.feature-tile-mid{align-items:flex-end}.feature-tile-name{font-size:15px;font-weight:var(--weight-bold);line-height:var(--leading-snug)}.feature-tile-role.badge{font-size:var(--text-xs);border-radius:5px;flex:none;min-height:20px;padding:0 7px}.feature-tile-share{font-family:var(--font-brand);font-size:34px;line-height:1}.feature-tile-muted{color:var(--color-ink-muted);font-size:12.5px}.feature-tile-health{background:var(--color-surface-sunken);border-radius:3px;height:6px;display:block;overflow:hidden}.feature-tile-health>span{border-radius:3px;height:100%;display:block}.feature-tile-health[data-health=good]>span,.feature-tile-health-swatch[data-health=good]{background:var(--brand-lime)}.feature-tile-health[data-health=warning]>span,.feature-tile-health-swatch[data-health=warning]{background:var(--brand-mango)}.feature-tile-health[data-health=critical]>span,.feature-tile-health-swatch[data-health=critical]{background:var(--color-danger)}.feature-tile-stats{color:var(--color-ink-muted);gap:0 var(--space-3);flex-wrap:wrap;justify-content:space-between;font-size:12.5px;display:flex}.feature-tile-stats>span{white-space:nowrap}.feature-tiles-idle{color:var(--color-ink-muted);font-size:var(--text-sm);margin:0}.feature-tile-stats b{color:var(--color-ink);font-weight:var(--weight-semibold)}.feature-tile-issue{color:var(--color-danger);font-family:var(--font-mono);font-size:var(--text-sm);overflow-wrap:anywhere;min-height:16px}.feature-tile-ok{color:var(--color-ink-faint);font-size:var(--text-sm);min-height:16px}.feature-usage-health-key{gap:var(--space-3);margin-left:var(--space-1);flex-wrap:wrap;display:inline-flex}.feature-usage-health-key>span{align-items:center;gap:6px;display:inline-flex}.feature-tile-health-swatch{border-radius:3px;width:18px;height:6px;display:inline-block}.feature-panel{background:var(--color-surface);border:1px solid var(--color-accent);border-radius:var(--radius-xl);overflow:hidden}.feature-panel-header{background:var(--brand-umber-2);border-bottom:1px solid var(--color-rule-soft);align-items:center;gap:var(--space-3);flex-wrap:wrap;padding:14px 18px;display:flex}.feature-panel-header>b{color:var(--color-ink-muted);font-size:var(--text-lg);font-weight:var(--weight-bold);letter-spacing:.12em;text-transform:uppercase}.feature-panel-summary{color:var(--color-ink-muted);font-size:var(--text-base);font-weight:var(--weight-bold);letter-spacing:.08em;text-transform:uppercase}.feature-panel-spacer{flex:1}.feature-panel-table.data-table{min-width:760px}.feature-panel-table.data-table th{background:var(--color-surface-muted);padding:10px 18px}.feature-panel-table.data-table td{vertical-align:middle;white-space:nowrap;padding:10px 18px}.feature-panel-tool,.feature-panel-mono,.feature-panel-error{font-family:var(--font-mono);font-size:var(--text-sm)}.feature-panel-tool{font-weight:var(--weight-semibold)}.feature-panel-error{color:var(--color-danger)}.feature-panel-share{background:var(--color-surface-sunken);border-radius:3px;min-width:160px;height:6px;display:block;overflow:hidden}.feature-panel-share>span{background:var(--color-accent);border-radius:3px;height:100%;display:block}.feature-panel-works.badge,.feature-usage-works.badge{font-size:var(--text-sm);border-radius:6px;min-height:22px;padding:0 8px}.data-table td.feature-panel-calls{text-align:right}.feature-panel-link{color:var(--color-accent);font-weight:var(--weight-bold);text-decoration:none}.feature-panel-link:hover{text-decoration:underline}.feature-panel-row{cursor:pointer;position:relative}.feature-panel-table.data-table tbody .feature-panel-row:hover td,.feature-panel-table.data-table tbody .feature-panel-row:focus-within td{background:var(--brand-umber-2)}.feature-panel-row .feature-panel-link:after{content:"";position:absolute;inset:0}.feature-panel-row .feature-panel-link:focus-visible{outline:none}.feature-panel-row:has(.feature-panel-link:focus-visible){outline:2px solid var(--color-accent);outline-offset:-2px}.feature-panel-empty,.feature-panel-idle{color:var(--color-ink-muted);font-size:var(--text-sm);margin:0;padding:10px 18px}.feature-panel-idle span{font-family:var(--font-mono)}.feature-panel-footer{border-top:1px solid var(--color-rule-soft);gap:var(--space-2);flex-wrap:wrap;padding:12px 18px;display:flex}.feature-panel-footer .button{text-decoration:none}.feature-usage-tabs-row{border-bottom:1px solid var(--color-rule);align-items:center;gap:var(--space-3);flex-wrap:wrap;justify-content:space-between;display:flex}.feature-usage-tabs.ui-tab-list{border-bottom:0;min-width:0}.feature-usage-tabs .ui-tab{text-decoration:none}.feature-usage-scope{color:var(--color-ink-muted);font-size:var(--text-base);margin:0}.feature-usage-scope strong{color:var(--color-ink)}.feature-usage-split{align-items:start;gap:var(--space-4);grid-template-columns:minmax(0,1.75fr) minmax(280px,1fr);display:grid}.feature-usage-chart-body{padding:var(--space-4) var(--space-5)}.feature-usage-chart{width:100%;position:relative}.feature-usage-muted{color:var(--color-ink-muted);font-size:var(--text-sm)}.feature-usage-empty{color:var(--color-ink-muted);font-size:var(--text-base);padding:var(--space-5);margin:0}.feature-usage-errors{margin:0;padding:0;list-style:none}.feature-usage-errors li{border-bottom:1px solid var(--color-rule-soft);align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);grid-template-columns:minmax(0,1fr) 48px 120px;display:grid}.feature-usage-errors li:last-child{border-bottom:0}.feature-usage-number{font-size:var(--text-md);font-variant-numeric:tabular-nums;font-weight:var(--weight-bold);text-align:right}.feature-usage-bar{background:var(--color-surface-sunken);border-radius:var(--radius-pill);vertical-align:middle;width:120px;height:6px;display:inline-block;overflow:hidden}.feature-usage-bar>span{border-radius:var(--radius-pill);height:100%;display:block}.feature-usage-bar-wide{width:160px}.feature-usage-mono{font-family:var(--font-mono);font-size:var(--text-sm);font-variant-numeric:tabular-nums;white-space:nowrap}.feature-usage-figure{font-variant-numeric:tabular-nums;white-space:nowrap}.feature-usage-error{color:var(--color-danger);font-family:var(--font-mono);font-size:var(--text-sm)}.feature-usage-tool-link{color:var(--color-ink);font-weight:var(--weight-bold);text-decoration:none}.feature-usage-tool-link:hover{text-decoration:underline}.feature-usage-sparkline{flex:none;display:block}.feature-usage-stats{border-top:1px solid var(--color-rule-soft);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.feature-usage-stat{border-right:1px solid var(--color-rule-soft);padding:var(--space-4) var(--space-5);flex-direction:column;gap:2px;display:flex}.feature-usage-stat:last-child{border-right:0}.feature-usage-stat-label{color:var(--color-ink-muted);font-size:var(--text-base)}.feature-usage-stat-value{font-size:var(--text-xl);font-weight:var(--weight-bold)}.feature-usage-kpi-note{color:var(--color-ink-muted);font-size:var(--text-sm)}.feature-usage-panel-note,.feature-usage-footnote{color:var(--color-ink-muted);font-size:var(--text-sm);line-height:var(--leading-normal);margin:0}.feature-usage-panel-note{border-top:1px solid var(--color-rule-soft);padding:var(--space-3) var(--card-pad-x)}@media (max-width:1100px){.feature-tiles-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-usage-split{grid-template-columns:minmax(0,1fr)}}@media (max-width:640px){.feature-usage-page{padding:var(--space-5) var(--space-4) var(--space-7)}.feature-usage-title{font-size:28px}.feature-tiles-grid{grid-template-columns:minmax(0,1fr)}.feature-tiles-heading{padding:0}.feature-usage-page .panel-header{align-items:flex-start;gap:var(--space-2);padding-bottom:var(--space-3);padding-top:var(--space-3);flex-direction:column;justify-content:center}.feature-usage-page .panel-header .toolbar{padding:0}.feature-usage-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-usage-stat:nth-child(2){border-right:0}.feature-usage-errors li{grid-template-columns:minmax(0,1fr) 40px 72px}.feature-usage-errors .feature-usage-bar{width:72px}}
