.feature-id-badge{display:inline-flex;align-items:center;margin:0 0 5px 7px;padding:2px 6px;border:1px solid #d7dbe4;border-radius:999px;background:#f7f8fb;color:#697386;font:600 9px/1.25 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.01em;vertical-align:middle;cursor:pointer;max-width:100%;white-space:nowrap}
.feature-id-badge:hover{background:#eef2ff;border-color:#c7d2fe;color:#374151}
.feature-ids-on [data-feature-id]{outline-offset:2px}
.feature-ids-on [data-feature-id]:hover{outline:1px dashed rgba(37,99,235,.35)}
.feature-hover-panel{position:fixed;right:18px;bottom:18px;z-index:99990;display:flex;align-items:center;gap:8px;max-width:min(520px,calc(100vw - 36px));padding:8px 10px;border:1px solid #dfe3eb;border-radius:10px;background:rgba(255,255,255,.96);box-shadow:0 8px 24px rgba(15,23,42,.10);color:#475569;cursor:pointer;backdrop-filter:blur(8px)}
.feature-hover-panel span{display:inline-grid;place-items:center;min-width:24px;height:20px;border-radius:6px;background:#eef2ff;color:#4338ca;font-size:10px;font-weight:800}
.feature-hover-panel code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;color:#475569}
.feature-registry-tools{display:grid;grid-template-columns:minmax(220px,1fr) 220px;gap:10px;margin:14px 0}.feature-registry-table code{font-size:11px}.feature-registry-table .copy-feature-id{white-space:nowrap}.feature-registry-summary{display:flex;gap:10px;flex-wrap:wrap}.feature-registry-summary .metric{min-width:150px}
@media(max-width:720px){.feature-hover-panel{right:10px;bottom:10px;max-width:calc(100vw - 20px)}.feature-id-badge{font-size:8px}.feature-registry-tools{grid-template-columns:1fr}}

.feature-ids-on button.feature-action-marked:not(.template-variable):not(.portal-variable):not(.support-variable):not(.feature-hover-panel)::after,.feature-ids-on a.feature-action-marked.btn::after,.feature-ids-on .link-button.feature-action-marked::after{content:'ID';display:inline-flex;margin-left:6px;padding:1px 4px;border-radius:5px;background:rgba(255,255,255,.72);border:1px solid rgba(100,116,139,.24);font:700 8px/1.3 ui-monospace,SFMono-Regular,Consolas,monospace;color:inherit;opacity:.72;vertical-align:middle}