.crm-view-tabs{flex-wrap:wrap;margin-bottom:18px}
.sales-record-list{position:relative;min-width:0;margin-top:18px;padding:20px;border:1px solid rgba(118,158,218,.2);border-radius:20px;background:linear-gradient(125deg,rgba(43,70,112,.38),rgba(20,39,68,.6));box-shadow:0 12px 30px rgba(4,13,31,.13);backdrop-filter:blur(20px);scroll-margin-top:20px}
.customers-toolbar,.quotation-search-toolbar{display:flex;min-width:0;gap:12px;margin-bottom:18px}
.sales-record-list .sales-list-search{flex:1;width:100%;max-width:none;min-width:0;margin:0;padding:8px 14px;border:1px solid rgba(114,157,221,.3);border-radius:13px;background:rgba(10,25,50,.48);transition:border-color .2s,box-shadow .2s}
.sales-record-list .sales-list-search:focus-within{border-color:#54b7eb;box-shadow:0 0 0 3px rgba(47,140,226,.12)}
.sales-list-search>svg{flex:0 0 auto;color:#92bce9;width:19px;height:19px}
.sales-list-search .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.sales-record-list .sales-list-search input{flex:1;width:100%;min-width:0;height:34px;padding:0;border:0;outline:0;background:transparent;box-shadow:none;color:var(--text);font-size:14px}
.sales-list-search input::placeholder{color:#a2b7d5}
.sales-record-list .table-shell{background:rgba(9,24,47,.2);border-color:rgba(118,158,218,.18)}
.sales-record-list table{table-layout:auto}
.sales-record-list th{padding:14px;font-size:11px;letter-spacing:.04em}
.sales-record-list td{padding:14px;font-size:14px;vertical-align:middle;line-height:1.5}
.sales-record-list td b{font-size:15px}
.sales-record-list td .actions{gap:6px;flex-wrap:wrap}
.customers-list table{min-width:820px}
.quotations-list table{min-width:620px}
.quotations-list td:nth-child(1),.quotations-list td:nth-child(3),.quotations-list td:nth-child(4){white-space:nowrap}
.customers-list td:nth-child(4),.customers-list td:nth-child(5){white-space:nowrap}
.sales-list-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;margin-top:16px;padding-top:16px;border-top:1px solid rgba(118,158,218,.18)}
.sales-list-footer p{margin:0;color:#aebfda;font-size:13px;line-height:1.6}
.sales-list-footer p b{color:#e2ecfb;font-weight:600}
.sales-list-pagination{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:6px}
.sales-list-pagination .sales-list-page{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 11px;border:1px solid rgba(126,169,231,.24);border-radius:10px;background:rgba(31,56,93,.48);font-size:13px;font-weight:600;color:#c8d9f1;transition:background .18s,border-color .18s}
.sales-list-pagination .sales-list-page:hover:not(:disabled){background:rgba(51,91,148,.5);border-color:rgba(116,183,255,.55)}
.sales-list-pagination .sales-list-page.active{background:linear-gradient(135deg,#2466df,#228fc7);border-color:#68b0f4;color:#fff;box-shadow:0 3px 12px rgba(32,105,219,.2)}
.sales-list-pagination .sales-list-page:focus-visible{outline:2px solid #70c4f4;outline-offset:3px}
.sales-list-pagination .sales-list-page:disabled{opacity:.4;cursor:default}
.sales-list-page-gap{padding:0 3px;color:#93a9c9}
.customer-rank{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(118,158,218,.24);border-radius:12px;background:rgba(70,117,187,.14);color:#baceed;font-weight:700}
.customer-rank.rank-top{background:linear-gradient(135deg,rgba(240,185,52,.2),rgba(228,138,49,.1));border-color:rgba(250,194,82,.36);color:#ffce71}
@media(max-width:700px){.sales-record-list{padding:14px;margin-top:14px;border-radius:16px}.crm-view-tabs{margin-bottom:14px}.sales-record-list .sales-list-search{padding:6px 11px}.sales-list-footer{align-items:flex-start;flex-direction:column}.sales-list-pagination{justify-content:flex-start}.sales-record-list td,.sales-record-list th{padding:12px}}

.sales-record-list .quotation-search-toolbar .sales-list-search{width:100%;max-width:none;flex:1;min-width:0}