.connection-history{box-sizing:border-box;width:100%;min-width:0;max-width:100%;margin-block:1rem;padding:1rem}.connection-history .header{display:block}.connection-history h1{font-size:1.5rem}.connection-history form .actions{display:flex;flex-wrap:wrap;gap:1rem;align-items:end;margin-block:1rem}.connection-history label{display:grid;box-sizing:border-box;gap:.4rem;min-width:0;max-width:100%}.connection-history input,.connection-history select{box-sizing:border-box;max-width:100%;font:inherit;padding:.5rem;border:1px solid #8e9aab;border-radius:.4rem;background:transparent;color:inherit}.connection-history select{width:100%;min-width:0}.connection-history form label:has(select){width:23rem;max-width:100%}.connection-history .table-scroll{max-width:100%;overflow-x:auto;margin-block:1rem}.connection-history table{border-collapse:collapse;width:100%;min-width:700px;font-size:.88rem}.connection-history td,.connection-history th{text-align:left;padding:.7rem;border-bottom:1px solid #8e9aab55;vertical-align:top;overflow-wrap:anywhere}.connection-history .actions{display:flex;flex-wrap:wrap;gap:1rem;align-items:center}.connection-history small{font-size:.8rem}.connection-history p{overflow-wrap:anywhere;line-height:1.5}.connection-history button{cursor:pointer}.connection-history button:disabled{cursor:default;opacity:.5}