.customer-reference{max-width:none!important;margin:0!important;padding:12px!important;display:grid;grid-template-columns:230px minmax(0,1fr);gap:10px;background:#f5f7f9;min-height:calc(100vh - 54px);font-family:Arial,sans-serif!important}.customer-filter{background:#f3f4f6;border:1px solid #d2d7dd;border-radius:12px;padding:10px}.customer-filter-head{display:flex;align-items:center;justify-content:space-between}.customer-filter h1{font-size:24px;margin:0 0 12px}.customer-filter-head button{border:0;background:transparent;color:#3372c8;cursor:pointer}.customer-filter label{display:block;font-size:14px;color:#53677c;margin:8px 0 5px}.customer-filter input,.customer-filter select,.ref-time select,.ref-date{width:100%;height:33px;border:1px solid #cbd2da;border-radius:9px;background:#fff;padding:0 10px;font-size:14px;color:#17212b}.ref-time{display:grid;grid-template-columns:17px 1fr;align-items:center;gap:8px;margin:6px 0}.ref-radio{width:16px;height:16px;border-radius:50%;background:#fff;border:1px solid #e4e7eb}.ref-radio.on{border:5px solid #0877ef}.ref-date{border-color:#0877ef;text-align:left}.customer-list{background:#fff;border:1px solid #d4dbe3;border-radius:12px;overflow:hidden;align-self:start}.customer-table-wrap{overflow:auto}.customer-list table{width:100%;border-collapse:collapse;white-space:nowrap}.customer-list th{height:43px;background:#f0f1f3;color:#111;font-size:14px;font-weight:700;text-align:left;padding:0 12px;border-bottom:1px solid #d5dbe2}.customer-list td{height:49px;padding:0 12px;border-bottom:1px solid #e1e5e9;font-size:14px;color:#111}.customer-list tbody tr:hover{background:#f7fbff}.ref-status{display:inline-block;padding:7px 10px;border-radius:16px;background:#fff0ef;color:#d34b3e;font-size:11px}.ref-status.green{background:#edf8f2;color:#25845d}.customer-footer{height:43px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;padding:0 10px;font-size:12px}.customer-footer select{height:29px;border:1px solid #cbd2da;border-radius:8px;background:#fff;padding:0 10px}.ref-pages{display:flex;align-items:center;justify-content:center;gap:14px}.ref-pages button{width:30px;height:30px;border:1px solid #d7dee6;border-radius:9px;background:#fff;color:#0877ef}.customer-footer>div:last-child{text-align:right}@media(max-width:900px){.customer-reference{grid-template-columns:1fr}.customer-filter{display:none}}