.device-connections{min-width:0;margin:0 0 12px;border:1px solid #e9e9ef;border-radius:16px;background:#fff;overflow:hidden}
.device-connections>summary{display:flex;align-items:center;gap:12px;cursor:pointer;list-style:none;padding:14px 16px;min-height:48px;color:#3a3a3c;font-size:14px;font-weight:600}
.device-connections>summary::-webkit-details-marker{display:none}.device-connections>summary:after{content:'›';font-size:20px;font-weight:400;color:#b8b8c1;line-height:1}.device-connections[open]>summary:after{transform:rotate(90deg)}
.connection-state{margin-left:auto;font-size:11px;font-weight:400;color:#8e8e93}.connection-state[data-state=online]{color:#278143}.connection-state[data-state=offline]{color:#8e8e93}.connection-state[data-state=disabled]{color:#b17b26}
.connection-body{padding:0 16px 12px}.connection-contact,.connection-footer,.connection-message,.connection-empty,.connection-loading{font-size:11px;line-height:1.7;color:#8e8e93;margin:0 0 9px;overflow-wrap:anywhere}.connection-message{color:#b4533a}.connection-footer{font-size:10px;margin:9px 0 0}.connection-empty{padding:15px 0;text-align:center}
.connection-list{list-style:none;margin:0;padding:0;height:264px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#c8c8d1 #f5f5f9;border-top:1px solid #efeff4;border-bottom:1px solid #efeff4;outline-offset:2px}
.connection-event{display:grid;grid-template-columns:138px 32px minmax(0,1fr);gap:9px;align-items:baseline;padding:10px 1px;border-bottom:1px solid #efeff4;font-size:12px;line-height:1.7}.connection-event:last-child{border:0}.connection-event time{font-size:11px;font-variant-numeric:tabular-nums;color:#8e8e93;white-space:normal}.connection-event strong{font-size:12px;font-weight:500;color:#636366}.connection-event[data-event=online] strong{color:#278143}.connection-reason{font-size:11px;color:#8e8e93;overflow-wrap:anywhere}
.connection-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:8px}.connection-actions:has(>[hidden]):not(:has(>:not([hidden]))){display:none}.connection-actions button{border:0;background:#f3f6fb;color:#007aff;font-size:11px;padding:6px 10px;min-height:32px;border-radius:8px}.connection-loading{margin:7px 0 0}
.connection-body:has(.connection-empty:not([hidden])) .connection-list:empty{display:none}
@media(max-width:700px){.device-connections>summary{padding:12px 14px;font-size:13px;min-height:45px}.connection-body{padding:0 14px 11px}.connection-event{grid-template-columns:118px minmax(0,1fr);gap:1px 9px;padding:9px 0}.connection-event time{grid-column:1;grid-row:1/3;font-size:10px;line-height:1.7;max-width:115px}.connection-event strong{grid-column:2;grid-row:1;font-size:12px}.connection-reason{grid-column:2;grid-row:2;font-size:10px}.connection-contact{font-size:10px}.connection-list{height:248px}}
@media(max-width:360px){.connection-event{grid-template-columns:105px minmax(0,1fr);gap:1px 7px}.connection-event time{max-width:105px}.connection-body{padding:0 12px 10px}.device-connections>summary{padding:12px}.connection-state{font-size:10px}}