.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}.settings-card{display:flex;gap:14px;align-items:flex-start;text-decoration:none;color:inherit;transition:transform .15s,border-color .15s}.settings-card:hover{transform:translateY(-2px);border-color:var(--brand,#397387)}.settings-card>span{display:grid;place-items:center;flex:0 0 42px;height:42px;border-radius:12px;background:#eaf3f5;color:#285d6b;font-size:22px;font-weight:700}.settings-card h2{font-size:16px;margin:2px 0 7px}.settings-card p,.settings-note p{color:#617287;margin:0;line-height:1.55}.settings-note{margin-top:16px}.contact-picker-results{position:absolute;z-index:20;top:100%;left:0;right:0;max-height:300px;overflow:auto;background:#fff;border:1px solid #dbe3ec;border-radius:10px;box-shadow:0 12px 28px #172b4d22}.contact-picker-results[hidden]{display:none}.contact-picker-results p{margin:12px}.contact-picker-option{display:flex;width:100%;flex-direction:column;gap:4px;text-align:left;padding:10px 12px;border:0;border-bottom:1px solid #edf1f5;background:white;color:#243348;cursor:pointer}.contact-picker-option:hover,.contact-picker-option:focus{background:#f1f7f8}.contact-picker-option small{color:#718096}.form-grid label:has(#trade-contact-search){position:relative}
@media(max-width:700px){.settings-grid{grid-template-columns:1fr}.settings-card{padding:14px}}
.trade-history{margin-top:18px}.trade-history-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.trade-history-heading h2{margin:0 0 5px}.trade-history-heading nav{display:flex;gap:8px}.trade-history-filters{display:flex;align-items:end;gap:10px;flex-wrap:wrap;margin-bottom:14px}.trade-history-filters>input{flex:1 1 260px}.trade-history-filters label{min-width:150px}.trade-history-filters label input{display:block}.trade-history .pagination{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px}.trade-history .pagination nav{display:flex}
@media(max-width:700px){.trade-history-heading{flex-direction:column}.trade-history-filters{align-items:stretch}.trade-history-filters>input,.trade-history-filters label{flex:1 1 100%}.trade-history .table-wrap{overflow-x:auto}}