.brand,.mobile-brand{cursor:pointer}.brand:hover .brand-name,.mobile-brand:hover{color:var(--accent)}
.period-filter{display:flex;align-items:center;justify-content:space-between;gap:15px}.date-field{display:inline-flex;align-items:center;gap:7px;color:#7d8797;font-size:11px}.date-field input{height:36px;padding:0 9px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);font-size:12px}.rank-list{display:grid}.rank-row{display:grid;grid-template-columns:30px 1fr auto auto;gap:10px;align-items:center;padding:13px 2px;border-bottom:1px solid #f0f1f5;font-size:13px}.rank-row:last-child{border:0}.rank-no{width:23px;height:23px;border-radius:7px;background:#f0f2f6;color:#8992a3;display:grid;place-items:center;font-size:11px;font-weight:700}.rank-no.top{background:#eef0ff;color:#5265df}.rank-name{font-weight:600}.rank-orders{font-size:11px;color:var(--muted)}.quick-card{display:flex;align-items:center;justify-content:space-between}.sale-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:20px}.autocomplete-wrap{position:relative}.autocomplete-menu{display:none;position:absolute;z-index:8;top:100%;left:0;right:0;background:white;border:1px solid var(--line);border-radius:10px;box-shadow:0 14px 38px #20283a1a;max-height:270px;overflow:auto}.autocomplete-menu.open{display:block}.suggestion{width:100%;border:0;background:white;padding:11px 12px;text-align:left;display:flex;justify-content:space-between;gap:8px;color:var(--ink);font-size:13px}.suggestion:hover{background:#f6f7ff}.suggestion small{color:var(--muted)}.suggestion-empty{padding:11px 12px;color:#929bab;font-size:12px}.product-name-field{grid-column:span 2}.small-note{font-size:11px;margin-top:10px}.filter-row{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:0 0 14px}.filter-select{height:36px;border:1px solid var(--line);border-radius:8px;background:white;padding:0 11px;color:var(--ink);font-size:12px}.status-pill{display:inline-flex;align-items:center;white-space:nowrap;border-radius:999px;padding:5px 10px;font-size:11px;font-weight:700}.status-pill.unpaid{background:#fff4e6;color:#c9781c}.status-pill.deposit{background:#eef0ff;color:#5265d9}.status-pill.paid{background:#e8f7f0;color:#218d67}.record-money{display:grid;gap:6px;font-size:12px;color:#758093;margin:14px 0}.record-money b{color:#2d3547}.payment-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:12px;background:#f7f8fb;border-radius:10px;font-size:12px;color:#7d8797}.payment-summary b{display:block;color:var(--ink);font-size:14px;margin-top:4px}.payment-history{max-height:150px;overflow:auto}.payment-row{display:grid;grid-template-columns:100px 1fr;gap:5px;padding:10px 0;border-bottom:1px solid var(--line);font-size:12px}.payment-row b{color:var(--green)}.payment-row span{color:var(--muted)}.payment-row small{grid-column:1/-1;color:#98a0ac}.danger-text{color:var(--red)!important}.mobile-records{display:none}
@media(max-width:680px){.period-filter{align-items:flex-start;flex-direction:column}.period-filter .toolbar{width:100%;display:grid;grid-template-columns:1fr 1fr auto}.period-filter .date-field{display:grid;gap:4px}.period-filter .date-field input{width:100%;min-width:0}.rank-row{grid-template-columns:27px 1fr auto auto;gap:7px;padding:11px 0}.quick-card{gap:12px}.quick-card .btn{white-space:nowrap}.desktop-table{display:none!important}.mobile-records{display:grid;gap:10px}.record-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px;box-shadow:var(--shadow)}.record-top{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:14px}.record-meta{font-size:12px;line-height:1.8;color:#7c8696;margin-top:9px;overflow-wrap:anywhere}.record-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid #f0f1f5;padding-top:10px;margin-top:10px;font-size:10px;color:#98a0ac}.record-foot>div{display:flex;gap:5px}.record-foot .btn{height:32px;padding:0 9px;font-size:10px}.filter-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.filter-row .date-field{display:grid;gap:4px}.filter-row .date-field input,.filter-select{width:100%;height:39px}.filter-row #order-filter-clear{width:100%}.sale-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.sale-actions .primary{grid-column:1/-1;grid-row:1}.sale-actions .btn{height:44px}.product-name-field{grid-column:1/-1}.item-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.item-grid .field:first-child{grid-column:1/-1}.record-money{grid-template-columns:1fr 1fr}.record-money span:last-child{text-align:right}.card-head{flex-wrap:wrap}.mobile-toolbar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.mobile-toolbar .search{grid-column:1/-1;width:100%;min-width:0}.mobile-toolbar .btn{padding:0 8px}.mobile-toolbar .primary{grid-column:1/-1}.payment-summary{grid-template-columns:repeat(2,1fr)}}