.connection-history-dialog{width:min(920px,96vw);padding:0}
.connection-history-dialog .dialog-header{padding:12px 18px}
.connection-history-dialog h2{font-size:18px}
.connection-history-dialog .dialog-body{padding:12px 18px;max-height:72vh;overflow-y:auto}
.connection-history-device{font-weight:650;overflow-wrap:anywhere}
.connection-history-explanation{font-size:12px;line-height:1.5}
.connection-history-current{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 15px;padding:10px;border-radius:8px;background:#fff7e6;color:#72521b;font-size:12px}
.connection-history-current[hidden]{display:none}
.connection-history-current small{flex-basis:100%;line-height:1.4}
.connection-history-table{overflow:auto;margin-top:12px}
.connection-history-table table{width:100%;min-width:680px;font-size:12px}
.connection-history-table th,.connection-history-table td{padding:8px 10px;vertical-align:top}
.connection-history-note{min-width:180px;white-space:normal;color:#597081;line-height:1.4}
.connection-history-pagination{display:flex;justify-content:flex-end;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px;font-size:12px}
.connection-history-empty{font-size:12px}
.fleet-connection-history{display:block;margin-top:5px;padding:3px 6px;font-size:10px;white-space:nowrap}
@media(max-width:600px){.connection-history-dialog .dialog-body{padding:12px}.connection-history-dialog .dialog-header{padding:10px 12px}}