.customer-query-page{margin:-10px -10px 0;padding:8px 10px 26px;background:linear-gradient(180deg,#edf5ff,#f4f8ff 380px,#f7f9fd);min-height:calc(100vh - 120px);color:#153269}
.customer-query-heading{display:flex;align-items:center;gap:14px;margin:0 0 18px}.customer-query-heading h1{color:#102e69;font-size:25px}.customer-back{border:0;background:transparent;color:#1672f7;font-size:30px;line-height:1;padding:3px 7px}
.customer-query-panel{background:#fff;border:1px solid #e5edfa;border-radius:12px;padding:20px;margin:0 0 16px;box-shadow:0 4px 22px #1b61b20a}.customer-query-panel h2{position:relative;margin:0 0 18px;padding-left:18px;color:#12316e;font-size:18px}.customer-query-panel h2:before{content:"";position:absolute;left:0;top:1px;width:4px;height:22px;border-radius:3px;background:#0874ff}.customer-query-panel h2 small{color:#244879;font-size:14px}
.customer-query-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px 24px;align-items:end}.customer-query-field{display:grid;grid-template-columns:75px minmax(0,1fr);gap:10px;align-items:center;color:#20427b;font-size:14px;font-weight:600}.customer-query-field input,.customer-query-field select{height:38px;padding:7px 10px;border:1px solid #d8e5fa;border-radius:6px;color:#24447c;font-size:14px;font-weight:400}.customer-query-field input::placeholder{color:#9aafcf}.customer-date-fields{display:flex;align-items:center;gap:5px;min-width:0}.customer-date-fields input{width:calc(50% - 10px);min-width:0}.customer-date-fields i{font-style:normal;color:#7b96c7}.customer-query-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:10px}.customer-query-actions button{min-width:82px;color:#1961c3;border-color:#d9e6fa}.customer-query-actions button.primary{background:#1264f8;border-color:#1264f8;color:#fff}
.customer-table-wrap{overflow-x:auto;border:1px solid #d9e7fb;border-radius:7px}.customer-table{min-width:940px;color:#17386f;font-size:14px}.customer-table th,.customer-table td{padding:11px 12px;border-right:1px solid #e0ebfa;border-bottom:1px solid #e0ebfa;vertical-align:middle}.customer-table th:last-child,.customer-table td:last-child{border-right:0}.customer-table tbody tr:last-child td{border-bottom:0}.customer-table th{color:#244a8a;background:#edf4ff;font-weight:700}.customer-table tbody tr:hover{background:#f7faff}.customer-table td:first-child,.customer-table th:first-child{text-align:center}.customer-name-link{background:transparent;border:0;padding:0;color:#1352b2;font-weight:600;text-align:left}.customer-name-link:hover{text-decoration:underline}.customer-table .tag{border-radius:15px;background:#e8f2ff;color:#1770d5;padding:4px 10px}
.customer-query-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:16px;font-size:14px}.customer-page-controls{display:flex;align-items:center;gap:6px}.customer-page-controls button{min-width:32px;height:32px;padding:4px 8px;color:#1854a1;border:1px solid #deebfd;border-radius:5px}.customer-page-controls button.active{background:#1567f8;border-color:#1567f8;color:#fff}.customer-page-controls select{width:auto;height:32px;margin-left:8px;padding:3px 7px;border-color:#deebfd;color:#22559d;font-size:13px}
@media(max-width:1050px){.customer-query-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.customer-query-page{margin:0;padding:0 0 24px}.customer-query-grid{grid-template-columns:1fr}.customer-query-panel{padding:16px}.customer-query-field{grid-template-columns:82px minmax(0,1fr)}.customer-query-footer{align-items:flex-start}}