.design-signals-panel{height:100%;box-sizing:border-box;padding:18px;overflow:auto;background:#fff;color:#211e22;font-family:Sofia Pro,Arial,sans-serif}.design-signals-panel__head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:14px;border-bottom:1px solid #e7e7e9}.design-signals-panel__eyebrow,.design-signal__label,.design-coverage__meta span{color:#777279;font-size:11px}.design-signals-panel__head h2{margin:3px 0 4px;font-size:18px;line-height:1.25}.design-signals-panel__head p,.design-signal p{margin:0;color:#646266;font-size:12px;line-height:1.5}.design-signals-panel__count{min-width:28px;padding:4px 8px;border-radius:999px;background:#fff1ef;color:#9b1000;font-size:11px;font-weight:700;text-align:center}.design-signals-panel__empty{padding:28px 0;color:#646266;font-size:12px}.design-signal{margin-top:14px;border:1px solid #d1d1d6;border-left:3px solid #c90000;border-radius:6px;overflow:hidden}.design-signal__head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:12px 14px;background:#fff7f6}.design-signal__head strong{display:block;margin-top:3px;font-size:13px;line-height:1.35}.design-signal__kind{flex:0 0 auto;padding:3px 6px;border-radius:4px;background:#f5f5f5;color:#646266;font:10px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace}.design-signal__body{padding:13px 14px 14px}.design-signal__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}.design-signal__grid>div,.design-signal__fix{padding:10px;border:1px solid #ededee;border-radius:5px;background:#fafafa}.design-signal__grid span,.design-signal__fix span{display:block;margin-bottom:5px;color:#777279;font-size:10px}.design-signal__grid strong,.design-signal__fix strong{display:block;font-size:11px;line-height:1.45;font-weight:400}.design-signal__fix{margin-top:10px;background:#f8f3fa;border-color:#e5d1ec}.design-signal__fix code{display:block;margin-top:6px;color:#5c1277;font-size:10px;overflow-wrap:anywhere}.design-coverage{margin-top:18px}.design-coverage__title{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:8px}.design-coverage__title strong{font-size:12px}.design-coverage__title span{color:#777279;font-size:10px}.design-coverage__row{display:grid;grid-template-columns:88px 56px 56px minmax(0,1fr);gap:10px;align-items:center;padding:9px 0;border-top:1px solid #ededee;font-size:11px}.design-coverage__component{font-weight:700}.design-coverage__yes{color:#247139}.design-coverage__meta{min-width:0}.design-coverage__meta strong{display:block;overflow:hidden;color:#4d4a4f;font-size:10px;font-weight:400;text-overflow:ellipsis;white-space:nowrap}.design-signals-panel--compact{padding:14px}.design-signals-panel--compact .design-coverage__row{grid-template-columns:78px 48px 48px minmax(0,1fr)}@media(max-width:640px){.design-signal__grid{grid-template-columns:1fr}.design-coverage__row{grid-template-columns:76px 48px 48px minmax(0,1fr)}}