.record-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}
.stat-card{min-height:132px;padding:20px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}
.stat-card span,.stat-card small{display:block;color:var(--text-muted)}
.stat-card span{font-size:13px;font-weight:600}.stat-card strong{display:block;margin:12px 0 8px;font-size:28px;line-height:1;color:var(--text)}
.stat-card small{font-size:12px}.stat-card.warning strong{color:var(--warning)}.stat-card.dark strong{color:var(--text)}
.records-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px}
.record-tools{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.record-tools .filters{margin:0}
.data-table-card{overflow:hidden;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}
.record-bulk-toolbar{display:flex;align-items:center;gap:14px;padding:12px 16px;border-bottom:1px solid #cfe0f7;background:#f2f7ff}.record-bulk-toolbar>strong{color:#1769aa;white-space:nowrap}.record-bulk-control{position:relative;display:flex;align-items:center;gap:8px}.record-bulk-control input{width:190px;margin:0}.record-bulk-control button{white-space:nowrap}.customer-picker-popover{position:absolute;z-index:20;top:calc(100% + 6px);left:0;width:300px;margin:0}.record-customer-picker{position:relative}.record-customer-button{padding:5px 8px;border:0;background:transparent;color:var(--text);font-weight:700}.record-customer-button:hover{background:var(--surface-subtle)}.record-inline-picker{position:absolute;z-index:25;top:100%;left:0;width:300px;padding:8px;border:1px solid var(--border);border-radius:10px;background:var(--surface);box-shadow:var(--shadow-md)}.record-inline-picker input{width:100%;margin:0 0 7px}.record-select-cell{width:38px;text-align:center}
.data-table-card .table-wrap{border:0;border-radius:0}.data-table-card .pagination{border-top:1px solid var(--border)}
#records-table th,#records-table td{white-space:nowrap}
.pagination{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;color:var(--text-muted);font-size:13px}
.pagination-controls{display:flex;align-items:center;gap:8px}.pagination button{padding:8px 12px}.pagination button:disabled{opacity:.45;cursor:not-allowed}
.pagination label{display:flex;align-items:center;gap:7px;margin:0}.pagination select{width:auto;margin:0;padding:8px 30px 8px 10px}
.record-price-input{width:104px;min-width:104px;margin:0;padding:8px 10px}.record-customer-name{font-weight:700;color:var(--text)}.record-customer-empty{color:var(--text-muted)}
.record-save-price{padding:8px 12px;white-space:nowrap}.record-actions{display:flex;gap:7px;min-width:105px;flex-wrap:wrap}
.record-modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:24px;background:rgba(15,23,42,.56);backdrop-filter:blur(4px)}
.modal-dialog,.record-dialog{position:static;width:min(760px,100%);max-height:calc(100vh - 48px);overflow:auto;padding:24px;background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:0 24px 64px rgba(15,23,42,.22)}
.dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.dialog-head h2{margin-top:5px}
.record-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px;margin-top:18px}
.record-order-drawer{width:min(720px,100vw)}.customer-picker{position:relative}.customer-picker-label{position:relative}.customer-picker-results{display:block;max-height:330px;margin-top:-10px;margin-bottom:18px;overflow:hidden;border:1px solid #e3e8ed;border-radius:14px;background:var(--surface);box-shadow:0 16px 42px rgba(27,43,37,.13)}
.customer-picker-list{max-height:252px;padding:7px;overflow-y:auto}.customer-picker-option{display:grid;grid-template-columns:36px minmax(0,1fr) 20px;align-items:center;gap:11px;width:100%;padding:9px 10px;border:0;border-radius:10px;background:transparent;color:var(--text);text-align:left;transition:background .14s ease,transform .14s ease}.customer-picker-option:hover,.customer-picker-option.customer-picker-active{background:#edf6f3;transform:translateX(1px)}.customer-picker-avatar{display:grid;width:36px;height:36px;place-items:center;border-radius:10px;background:#edf1f3;color:#4b5d58;font-size:14px;font-weight:750}.customer-picker-option:hover .customer-picker-avatar,.customer-picker-active .customer-picker-avatar{background:#d7ebe4;color:#246956}.customer-picker-copy{display:block;min-width:0}.customer-picker-copy strong,.customer-picker-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customer-picker-copy strong{margin-bottom:3px;color:#1d2925;font-size:14px}.customer-picker-meta{color:#7a8984;font-size:12px;font-weight:400}.customer-picker-check{color:#2f7d68;font-size:15px;font-weight:800;opacity:0;transform:scale(.75);transition:opacity .14s ease,transform .14s ease}.customer-picker-option:hover .customer-picker-check,.customer-picker-active .customer-picker-check{opacity:1;transform:scale(1)}.customer-picker-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 13px;border-top:1px solid #edf0f2;background:#fafcfb;color:#8a9793;font-size:11px}.customer-picker-empty,.customer-picker-loading{min-height:78px;margin:0;padding:26px 16px;color:var(--text-muted);text-align:center}.customer-picker-loading{display:flex;align-items:center;justify-content:center;gap:9px}.customer-picker-loading span{width:14px;height:14px;border:2px solid #d4e5df;border-top-color:#2f7d68;border-radius:50%;animation:picker-spin .7s linear infinite}@keyframes picker-spin{to{transform:rotate(360deg)}}
.customer-picker-search{display:flex;align-items:center;gap:8px;padding:9px 10px 4px;color:#668079}.customer-picker-search input{margin:0}.record-inline-picker{padding:0}.record-inline-picker>.customer-picker-results{margin:0;border:0;border-top:1px solid #edf0f2;border-radius:0 0 14px 14px;box-shadow:none}
.channel-create{display:grid;grid-template-columns:1fr auto;gap:10px;margin:20px 0}.channel-create input{margin:0}
.channel-list{display:grid;gap:10px}.channel-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:12px;border:1px solid var(--border);border-radius:10px;background:var(--surface-subtle)}
.channel-row input,.channel-row .switch-row{margin:0}.channel-row .switch-row{white-space:nowrap}#record-bulk-delete:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:980px){.record-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.records-toolbar{align-items:stretch;flex-direction:column}.record-tools{justify-content:flex-start}.record-bulk-toolbar{align-items:flex-start;flex-wrap:wrap}}
@media(max-width:760px){.record-stats,.record-form-grid{grid-template-columns:1fr}.pagination,.pagination-controls,.record-tools{align-items:flex-start;flex-wrap:wrap}.record-modal{padding:12px}.modal-dialog,.record-dialog{padding:18px}.channel-row{grid-template-columns:1fr auto}.channel-row button{grid-column:1/-1}}
.analytics-panel{padding:28px}.analytics-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.analytics-head h2{margin:5px 0 7px;font-size:24px}.analytics-filter{display:flex;align-items:center;gap:10px}.analytics-non-zero{display:flex;align-items:center;gap:8px;margin:0;white-space:nowrap}.analytics-non-zero input{width:auto;min-height:auto;margin:0}.analytics-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:28px}.analytics-card{display:flex;min-height:190px;flex-direction:column;justify-content:flex-end;padding:24px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(145deg,#fff,#f8fafc)}.analytics-card span{color:var(--muted);font-size:13px}.analytics-card strong{margin:12px 0 8px;font-size:clamp(30px,4vw,46px);letter-spacing:-.04em}.analytics-card small{color:var(--muted)}.analytics-card.dark{border-color:var(--sidebar);background:var(--sidebar);color:#fff}.analytics-card.dark span,.analytics-card.dark small{color:#aeb9c8}.analytics-card.accent{border-color:#bde5d5;background:linear-gradient(145deg,#f4fcf8,#eaf8f2)}
.analytics-daily{margin-top:30px;padding-top:26px;border-top:1px solid var(--line)}.analytics-daily-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:16px}.analytics-daily-head h3{margin:4px 0 0;font-size:20px}.analytics-daily-head p{margin:0}.analytics-daily td:nth-child(n+2),.analytics-daily th:nth-child(n+2){text-align:right}.analytics-daily tbody td{font-variant-numeric:tabular-nums}
@media(max-width:980px){.analytics-head{flex-direction:column}.analytics-filter{flex-wrap:wrap}.analytics-stats{grid-template-columns:1fr}}
.record-user-filter{position:relative;min-width:180px}.record-user-filter .customer-picker-popover{left:0;right:auto;min-width:240px}.record-readonly-price,.record-readonly-customer{display:inline-block;min-width:72px;color:#344054}

/* Compact order filters with a quieter placeholder and clearer focus state. */
.record-keyword-search{display:flex;align-items:center;width:min(300px,34vw);height:40px;padding:0 12px;border:1px solid #dfe6e2;border-radius:11px;background:#f8faf9;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease}
.record-keyword-search:hover{border-color:#c8d6d0;background:#fff}.record-keyword-search:focus-within{border-color:#238266;background:#fff;box-shadow:0 0 0 3px rgba(35,130,102,.1)}
.record-search-icon{flex:0 0 auto;margin-right:8px;color:#8b9993;font-size:17px;line-height:1;transform:rotate(-15deg)}
.record-keyword-search #record-keyword{width:100%;height:100%;min-height:0;margin:0;padding:0;border:0;background:transparent;box-shadow:none;font-size:13px;color:#25362f;outline:0}
#record-keyword::placeholder,#record-user-search::placeholder{color:#98a49f;font-size:12px;font-weight:400;letter-spacing:0}
.record-user-filter #record-user-search{height:40px;margin:0;padding:0 12px;border-color:#dfe6e2;border-radius:11px;background:#f8faf9;font-size:13px;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease}
.record-user-filter #record-user-search:hover{border-color:#c8d6d0;background:#fff}.record-user-filter #record-user-search:focus{border-color:#238266;background:#fff;box-shadow:0 0 0 3px rgba(35,130,102,.1)}
@media(max-width:1024px){.record-keyword-search{flex:1 1 280px;width:auto;max-width:none}}
@media(max-width:767px){.record-keyword-search{width:100%;height:44px}.record-user-filter #record-user-search{height:44px}}