.device-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(270px,.7fr);gap:14px}
.device-panel{background:linear-gradient(145deg,#151b24,#10151d);border:1px solid var(--line);border-radius:12px;padding:18px}
.device-panel h3{margin-bottom:15px}.device-entry{display:flex;align-items:center;gap:14px;padding:15px;border:1px solid #2a3342;border-radius:12px;background:#0c1118;margin-top:10px}.device-symbol{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:#21330f;color:var(--lime);font-size:22px}.device-copy{flex:1}.device-copy b,.device-copy small{display:block}.device-copy small{color:var(--muted);margin-top:5px}.device-actions{display:flex;gap:8px}.device-actions button,.code-button{border:1px solid #344052;border-radius:10px;padding:10px 12px;background:#151c27;color:#dfe5ed;cursor:pointer}.device-actions .approve{background:var(--lime);border-color:var(--lime);color:#101500;font-weight:800}.device-actions .revoke{color:#ff7b81}.pair-code{padding:22px;border:1px dashed #50632d;border-radius:13px;background:#11190d;text-align:center}.pair-code strong{display:block;margin:8px 0;font-size:28px;letter-spacing:.11em;color:var(--lime)}.pair-code small{color:#92a17d}.security-list{display:grid;gap:10px;margin-top:15px}.security-list div{display:flex;gap:9px;color:#aab3c0;font-size:11px;line-height:1.45}.security-list i{color:var(--lime);font-style:normal}.device-empty{padding:30px;text-align:center;border:1px dashed #30394a;border-radius:12px;color:var(--muted)}
@media(max-width:900px){.device-layout{grid-template-columns:1fr}.device-entry{align-items:flex-start;flex-wrap:wrap}.device-actions{width:100%}.device-actions button{flex:1}}
.device-code-panel{min-width:0}.device-code-actions{display:grid;gap:10px}.device-code-actions .primary{width:100%;white-space:normal;line-height:1.25;min-height:48px}.approval-card{overflow-wrap:anywhere}