.device-summary.recognition-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.recognition-summary b{white-space:nowrap}.recognition-panel{width:min(520px,calc(100vw - 32px));max-height:90vh;overflow:auto;border:1px solid #e5e7eb;border-radius:16px;padding:24px;color:#111827}.recognition-panel::backdrop{background:#0007}.recognition-panel header,.recognition-line{display:flex;align-items:center;gap:10px;justify-content:space-between;margin:12px 0}.recognition-panel h2{font-size:18px;font-weight:700}.recognition-panel button{padding:8px 12px;border:1px solid #e5e7eb;border-radius:8px;background:white;cursor:pointer}.recognition-panel button:disabled{opacity:.45;cursor:default}.recognition-panel .primary{background:#10b981;color:white;border-color:#10b981}.recognition-panel input{accent-color:#10b981}.recognition-help{font-size:12px;color:#6b7280;margin:10px 0}.recognition-row{display:flex;align-items:center;gap:8px;position:relative;padding:10px 0;border-bottom:1px solid #e5e7eb}.recognition-row>div{flex:1;min-width:0}.recognition-row small{display:block;font-size:11px;color:#6b7280}.recognition-handle{touch-action:none;cursor:grab!important;font-size:20px;border:0!important}.recognition-target{outline:2px solid #10b981}.recognition-panel details{position:relative}.recognition-panel summary{padding:10px;cursor:pointer;list-style:none}.recognition-menu{position:absolute;right:0;background:white;box-shadow:0 4px 16px #0002;z-index:1;width:100px}.recognition-menu button{display:block;width:100%;border:0}.recognition-picker label{display:flex;gap:10px;padding:10px;border:1px solid #e5e7eb;border-radius:8px;margin:8px 0}
.recognition-description{display:block;white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.5;color:#6b7280;margin-top:4px}.recognition-picker label>span{min-width:0}