.customer-records{padding:23px 24px;min-width:0}.customer-records-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.customer-records-heading h2{font-size:17px;color:#365b55;margin:0 0 6px;font-weight:600}.customer-records-heading p{margin:0;color:#8a9b9a;font-size:12px;line-height:1.6}.customer-records-tools{display:flex;gap:8px;flex:none}.customer-icon-button{display:grid;place-items:center;width:33px;height:33px;padding:7px;background:#fff;border:1px solid #dce7e6;border-radius:7px;color:#7e9999}.customer-icon-button svg{width:17px;height:17px}.customer-icon-button:hover{border-color:#a2cdbd;color:#18856b;background:#f4faf7}
.customer-records-filters{margin:0 0 17px}.customer-records-filters fieldset{border:1px solid #dfe8ec;border-radius:8px;min-width:0;margin:0;padding:14px 16px 16px}.customer-records-filters legend{font-size:12px;color:#6b8588;padding:0 7px}.customer-filter-grid{display:grid;grid-template-columns:minmax(190px,1.4fr) repeat(3,minmax(135px,1fr));gap:12px}.customer-filter-grid label{display:flex;flex-direction:column;gap:6px;margin:0;min-width:0}.customer-filter-grid label>span{font-size:11px;color:#8b9b9f}.customer-filter-grid :is(input,select){font-size:12px;width:100%;height:38px;border-radius:6px;min-width:0}.customer-filter-actions{display:flex;gap:8px;align-items:flex-end}.customer-filter-actions button{font-size:12px;padding:0 16px;height:38px;border-radius:6px;border:1px solid #dce7e8;background:#fff;color:#708a8c}.customer-filter-actions button.primary{background:#1699ec;color:#fff;border-color:#1699ec}
.customer-records-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:4px 0 12px}.customer-records-menu{position:relative;flex:none}.customer-records-menu summary{list-style:none;padding:8px 13px;font-size:12px;border:1px solid #95cddd;color:#3b9eb4;border-radius:6px;background:#fff;cursor:pointer;line-height:1.5}.customer-records-menu summary::after{content:'⌄';margin-left:12px;font-size:12px}.customer-records-menu summary::-webkit-details-marker{display:none}.customer-records-menu[open] summary{background:#f1faf8;border-color:#8fc6b4;color:#27886c}.customer-records-menu-items{position:absolute;z-index:12;top:calc(100% + 6px);left:0;display:flex;flex-direction:column;gap:2px;min-width:170px;padding:6px;border:1px solid #dce8e3;border-radius:8px;box-shadow:0 8px 24px #214a3b18;background:#fff}.customer-records-menu-items button{padding:9px 10px;text-align:left;font-size:12px;border-radius:5px;background:#fff;color:#638477;white-space:nowrap}.customer-records-menu-items button:hover{background:#eff8f3}.customer-records-menu-items .is-danger{color:#c5746c;border-top:1px solid #eef2f0;border-radius:0;margin-top:3px;padding-top:12px}.customer-records-menu-items .is-danger:hover{background:#fff7f4}.customer-records-selection{font-size:11px;color:#95a7a4;margin-left:auto}
.customer-records-chips{display:flex;flex-wrap:wrap;gap:7px}.customer-records-chip{display:flex;align-items:center;gap:9px;border:1px solid #e1e9e6;border-radius:6px;background:#f7faf8;color:#7a9486;font-size:11px;font-weight:400;padding:7px 10px;line-height:1.5}.customer-records-chip strong{min-width:18px;padding:1px 5px;border-radius:4px;background:#edf2ef;color:#829d8e;font-weight:600;font-size:11px;font-variant-numeric:tabular-nums;text-align:center}.customer-records-chip[aria-pressed=true]{background:#edf8f2;border-color:#a4d7bc;color:#318766}.customer-records-chip[aria-pressed=true] strong{background:#d9f0e2;color:#2b855e}
.customer-records-result{display:flex;align-items:center;gap:10px;font-size:11px;line-height:1.6;margin:0 0 10px;color:#91a1a3}.customer-records-notice{padding:10px 13px;border:1px solid #f0dfc6;border-radius:7px;background:#fff9f0;font-size:12px;color:#aa844f;line-height:1.7}.customer-retry{font-size:11px;padding:3px 7px;color:#25836b;background:#eff8f3}
.customer-records-table-wrap{overflow:auto;max-height:min(64vh,670px);border:1px solid #e0e8ed;border-radius:7px;max-width:100%;overscroll-behavior:contain;position:relative}.customer-records-table{width:100%;table-layout:fixed;border-spacing:0;border-collapse:separate;font-size:12px;line-height:1.7}.customer-records-table th,.customer-records-table td{padding:12px 13px;white-space:normal;overflow-wrap:anywhere;text-align:left;border-right:1px solid #e8edf0;border-bottom:1px solid #e8edf0;overflow:visible;text-overflow:clip;vertical-align:middle;max-width:none;background:#fff;color:#617c83}.customer-records-table th{position:sticky;top:0;z-index:3;background:#f3f6f8;font-size:11px;font-weight:500;color:#66808c;padding-block:10px}.customer-records-table th:last-child,.customer-records-table td:last-child{border-right:0}.customer-records-table tbody tr:last-child td{border-bottom:0}.customer-records-table tbody tr:hover td{background:#f8fcfa}.customer-records-table :is(th,td)[data-column=selected]{text-align:center;padding:9px;position:sticky;left:0;z-index:2}.customer-records-table th[data-column=selected]{z-index:5}.customer-records-table input[type=checkbox]{width:15px;height:15px;margin:0;vertical-align:middle;accent-color:#18856b;cursor:pointer}.customer-records-table :is(th,td)[data-column=actions]{position:sticky;right:0;z-index:2;border-right:0;box-shadow:-5px 0 9px -7px #35546e77;white-space:nowrap}.customer-records-table th[data-column=actions]{z-index:5}.customer-records-table .customer-row-action{display:inline-block;padding:4px 6px;background:transparent;color:#248c7b;font-size:11px}.customer-records-table .customer-row-action:hover{text-decoration:underline}.customer-records-table .customer-row-action:disabled{opacity:.4}.customer-table-sort{background:transparent;padding:0;color:inherit;font-size:11px;white-space:nowrap}.customer-text-button{display:block;max-width:100%;background:transparent;padding:0;text-align:left;font-size:12px;color:#278f86;overflow-wrap:anywhere;line-height:1.7;white-space:normal}.customer-text-button:hover{text-decoration:underline;color:#136e5d}.customer-cell-content{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-wrap}.customer-cell-value{font-variant-numeric:tabular-nums}
.customer-level{display:inline-flex;align-items:center;justify-content:center;min-width:29px;border-radius:5px;padding:2px 7px;background:#f0f4f5;color:#8da1a5;font-size:11px}.customer-level[data-level="2"]{background:#eff5fc;color:#6897bd}.customer-level[data-level="3"]{background:#fbf3df;color:#bd9956}.customer-message-state{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;font-size:11px;color:#bd9b5c}.customer-message-state::before{content:'';width:5px;height:5px;border-radius:50%;background:#dfbd7b}.customer-message-state[data-status=handled]{color:#5c9d83}.customer-message-state[data-status=handled]::before{background:#7cb49a}.customer-records-empty{display:flex;align-items:center;flex-direction:column;justify-content:center;min-height:190px;text-align:center;padding:28px 16px;color:#a0b1ac}.customer-records-empty svg{height:30px;width:30px;margin-bottom:13px;color:#b7ccc1}.customer-records-empty strong{font-size:13px;font-weight:500;color:#8ba396}.customer-records-empty p{margin:7px 0 0;font-size:11px;line-height:1.8;color:#a5b5ad}.customer-records-pager{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:17px;font-size:11px;color:#8d9fa2}.customer-records-pager>div{display:flex;align-items:center;gap:8px}.customer-records-pager select{width:110px;font-size:12px;padding:7px 10px;height:36px}.customer-records-pager button{padding:7px 11px;font-size:11px;border:1px solid #e0e8eb;border-radius:5px;background:#fff;color:#77929b}.customer-records-pager button:disabled{opacity:.45;cursor:not-allowed}.customer-records :is(button,summary):focus-visible{outline:2px solid #18856b;outline-offset:3px}
dialog:has(.customer-record-detail){max-width:780px}.customer-record-detail-summary{display:flex;align-items:center;gap:12px;padding:17px 19px;background:#eff8f3;border:1px solid #daeade;border-radius:10px;margin-bottom:20px}.customer-record-detail-summary svg{height:22px;width:22px;flex:none;color:#7baf92}.customer-record-detail-summary strong{font-size:16px;color:#3a7455;overflow-wrap:anywhere}.customer-record-detail-summary>span{margin-left:auto;font-size:11px;color:#7fa58c;flex:none}.customer-record-detail dl{display:grid;grid-template-columns:1fr 1fr;gap:15px 22px;font-size:12px;margin:0}.customer-record-detail dl>div{min-width:0}.customer-record-detail dt{color:#96a89b;font-size:11px;margin-bottom:5px}.customer-record-detail dd{margin:0;color:#5f7d6a;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8}.customer-record-detail>section{border-top:1px solid #e8eeea;margin-top:19px;padding-top:15px}.customer-record-detail h3{font-size:12px;color:#64856e;margin:0 0 9px}.customer-record-detail section p{padding:12px 14px;background:#f8faf9;border-radius:6px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8;font-size:12px;color:#718e78;margin:0}.customer-record-detail .form-actions{flex-wrap:wrap}.customer-record-detail .form-actions button{font-size:12px;padding:9px 13px}.customer-edit-context{display:grid;gap:6px;padding:14px 16px;margin-bottom:18px;border:1px solid #deebe2;background:#f5faf6;border-radius:9px;font-size:12px;color:#7d9b85;min-width:0}.customer-edit-context strong{font-size:13px;color:#567e63}.customer-edit-context p{margin:7px 0 0;border-top:1px solid #e2eee5;padding-top:10px;white-space:pre-wrap;overflow-wrap:anywhere;max-height:160px;overflow:auto;line-height:1.8}
@media(min-width:1750px){.customer-filter-grid{grid-template-columns:minmax(220px,1.6fr) repeat(3,minmax(150px,1fr))}.customer-records-vip .customer-filter-grid{grid-template-columns:minmax(220px,1.6fr) repeat(3,minmax(150px,1fr))}}@media(max-width:1000px){.customer-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.customer-records-selection{margin-left:0}}@media(max-width:650px){.customer-records{padding:16px}.customer-records-heading{align-items:flex-start}.customer-records-heading h2{font-size:16px}.customer-records-heading p{font-size:11px}.customer-records-heading{margin-bottom:15px}.customer-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.customer-filter-grid label:has([name=keyword]){grid-column:1/-1}.customer-records-filters fieldset{padding:12px}.customer-filter-actions{justify-content:flex-end;grid-column:1/-1}.customer-records-toolbar{gap:9px}.customer-records-chips{gap:5px}.customer-records-chip{padding:6px 8px;font-size:10px;gap:6px}.customer-records-selection{width:100%}.customer-records-pager{align-items:flex-start;flex-direction:column}.customer-records-pager>div{width:100%;justify-content:space-between;gap:5px}.customer-records-pager select{width:100px}.customer-record-detail dl{grid-template-columns:1fr 1fr;gap:16px}.customer-record-detail-summary{padding:14px;gap:9px}.customer-record-detail-summary strong{font-size:14px}.customer-record-detail-summary>span{font-size:10px}.customer-records .customer-records-pager .console-select{max-width:105px}}