:root{--ds-audit: #c026d3;--ds-audit-soft: rgba(192, 38, 211, .06);--ds-audit-inline: #dc2626;--ds-audit-manual: #ea580c}html[data-ds-audit] [data-ds]{position:relative;outline:2px dashed var(--ds-audit)!important;outline-offset:1px;background-image:linear-gradient(var(--ds-audit-soft),var(--ds-audit-soft))}html[data-ds-audit] [data-ds]:after{content:attr(data-ds);position:absolute;top:-9px;right:4px;z-index:5;padding:0 4px;border-radius:3px;background:var(--ds-audit);color:#fff;font-size:9px;font-weight:400;line-height:1.5;letter-spacing:.04em;pointer-events:none}html[data-ds-audit] [data-ds=FormField]:after,html[data-ds-audit] [data-ds=StatusBadge]:after,html[data-ds-audit] [data-ds=JazykToggle]:after,html[data-ds-audit] [data-ds=ThemeToggle]:after,html[data-ds-audit] [data-ds=Button]:after{content:none}html[data-ds-audit] [data-ds]:hover:after{content:attr(data-ds)}html[data-ds-audit] [data-ds=Toast]{position:fixed}html[data-ds-audit] :is(.btn,.badge,.alert,.card,.page-head):not([data-ds]):not([data-ds-part]):not([data-ds-part] *){outline:2px solid var(--ds-audit-manual)!important;outline-offset:1px}html[data-ds-audit] [style]:not([data-ds]){outline:2px dashed var(--ds-audit-inline)!important;outline-offset:1px}html[data-ds-audit] body:before{content:"Audit design systému - purpurové = komponenta, oranžové = třída systému bez komponenty, bez rámečku = ruční markup, červené = inline style. Vypnout: ?ds-audit=0";position:fixed;top:0;left:0;right:0;z-index:3000;padding:2px 8px;background:var(--ds-audit);color:#fff;font-size:11px;text-align:center;pointer-events:none}.ds-audit-rules{position:relative;z-index:6;display:flex;flex-wrap:wrap;gap:3px;margin-top:3px}.ds-audit-rule{padding:0 5px;border:1px solid var(--ds-audit);border-radius:3px;background:#c026d314;color:var(--ds-audit);font-size:10px;line-height:1.6;white-space:nowrap}.ds-audit-rule-none{border-style:dashed}
