.ratlab-devices{display:grid;gap:24px;max-width:760px;width:100%;margin:0 auto;letter-spacing:0;color:var(--text,#f5f5f5)}
.ratlab-devices *{box-sizing:border-box;min-width:0}
.ratlab-devices svg{display:block;width:22px;height:22px;flex:none}
.ratlab-devices button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:9px 14px;border:1px solid var(--border-soft);border-radius:6px;background:var(--surface);color:var(--text-primary);font:inherit;font-size:13px;font-weight:700;cursor:pointer;letter-spacing:0}
.ratlab-devices button:hover{border-color:var(--border-soft)}.ratlab-devices button:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.ratlab-devices button:disabled{opacity:.5;cursor:default}
.devices-toolbar{display:flex;align-items:center;gap:10px}.ratlab-devices .device-add{flex:1;background:var(--button-primary-bg);color:var(--button-primary-text);border-color:var(--primary)}.ratlab-devices .device-add:disabled{background:var(--button-disabled-bg);color:var(--button-disabled-text);border-color:var(--border-soft);opacity:1}.ratlab-devices .device-refresh{width:44px;height:44px;padding:10px;flex:none;background:transparent}
.devices-section{display:grid;gap:10px}.devices-section h2{font-size:13px;line-height:1.4;color:var(--text-secondary);margin:0;font-weight:700;letter-spacing:0}.devices-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.device-card{display:grid;gap:14px;background:var(--surface);border:1px solid var(--border-soft);border-radius:8px;padding:16px}.device-card-head{display:flex;align-items:center;gap:12px}.device-symbol{display:grid;place-items:center;flex:0 0 40px;height:40px;color:var(--primary);background:var(--surface);border-radius:6px}.device-card h3{margin:0 0 4px;font-size:15px;line-height:1.35;overflow-wrap:anywhere;letter-spacing:0}.device-status{display:flex;align-items:center;gap:6px;color:var(--text-secondary);font-size:12px;line-height:1.5}.device-status.is-connected{color:var(--success)}.device-status.is-connected:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;flex:none}
.device-details{display:flex;flex-wrap:wrap;gap:12px 24px;font-size:11px;color:var(--text-muted)}.device-details span{display:grid;gap:4px}.device-details b{color:var(--text-primary);font-size:12px;font-weight:500}.device-actions{display:flex;gap:8px;flex-wrap:wrap}.device-actions>button{flex:1}.device-message,.devices-empty{font-size:12px;line-height:1.5;color:var(--text-secondary);margin:0;overflow-wrap:anywhere}.devices-empty{padding:12px 0}.device-health{grid-template-columns:minmax(0,1fr) auto;align-items:center}.device-searching{display:flex;align-items:center;gap:8px;font-size:12px;margin:0;color:var(--text-secondary)}.device-spinner{display:inline-block;width:14px;height:14px;border:2px solid var(--border-soft);border-top-color:var(--primary);border-radius:50%;animation:device-spin .8s linear infinite;flex:none}.ratlab-devices .device-retry{justify-self:start;background:transparent}
@keyframes device-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.device-spinner{animation:none}}
@media(max-width:380px){.device-card{padding:12px}.device-card h3{font-size:14px}.device-health{grid-template-columns:1fr}.device-health>button{justify-self:start}}