.device-target-picker{display:grid;gap:12px;margin:12px 0 8px;padding:16px;border:1px solid #dce4ec;border-radius:14px;background:#f7f9fc;color:#202c3a;font:14px/1.5 system-ui,sans-serif}
.dtp-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:4px;background:#e9eef4;border-radius:12px}
.device-target-picker button{font:inherit;min-height:44px;padding:8px 10px;border:1px solid transparent;border-radius:8px;background:white;color:#27384a;cursor:pointer;white-space:normal}
.dtp-tabs button{background:transparent}.dtp-tabs button[aria-pressed=true]{background:white;box-shadow:0 1px 4px #162e491a;color:#086bc1;font-weight:700}
.device-target-picker .dtp-tabs button{white-space:nowrap;padding:8px 2px;font-size:13px}
.dtp-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.dtp-fields select{width:100%;min-width:0;min-height:44px;font:inherit;font-size:16px;padding:8px;border:1px solid #bbc8d5;background:white;color:#202c3a;border-radius:8px}
.dtp-actions{display:flex;gap:8px;justify-content:space-between}.dtp-actions button{border-color:#c7d3df}.dtp-actions button:first-child{color:#086bc1;font-weight:700}
.device-target-picker button:disabled{opacity:.5;cursor:default}.dtp-summary{margin:0;font-size:13px;color:#485b70}.dtp-empty{padding:16px;color:#485b70}
.dtp-device{min-height:54px;box-sizing:border-box;flex-wrap:wrap;overflow-wrap:anywhere}.dtp-device.is-selected{background:#eef6ff;border-radius:8px}.dtp-connection{font-size:12px;color:#526276;margin-left:auto}.dtp-connection.is-online{color:#186b43}
.dtp-device[hidden],.device-target-picker [hidden],.dtp-empty[hidden]{display:none!important}
.device-target-picker :focus-visible{outline:3px solid #086bc1;outline-offset:2px}
@media(max-width:480px){.device-target-picker{padding:10px}.dtp-fields{grid-template-columns:1fr}.dtp-tabs button{padding:8px 4px;font-size:13px}}