.payments-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.payments-heading h1{margin-bottom:.3rem}.payments-heading p{margin:0}
.payment-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.75rem;margin-bottom:1rem}.payment-kpi{display:flex;min-height:88px;flex-direction:column;justify-content:space-between;gap:.5rem;padding:.9rem 1rem;border:1px solid #dce4ea;border-radius:10px;background:#fff;color:inherit;text-decoration:none;transition:border-color .12s ease,box-shadow .12s ease,transform .12s ease}.payment-kpi:hover,.payment-kpi:focus-visible{border-color:#9cb4c3;box-shadow:0 4px 14px rgba(25,52,70,.07);transform:translateY(-1px)}.payment-kpi.active{border-color:#3a9a62;box-shadow:inset 0 0 0 1px #3a9a62}.payment-kpi span{color:#627789;font-size:.78rem;font-weight:700}.payment-kpi strong{color:#173047;font-size:1.28rem;line-height:1.2;white-space:nowrap}.payment-kpi.overdue{border-color:#efb8b8}.payment-kpi.overdue strong{color:#b42318}
.payment-filters{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:.65rem .75rem;align-items:end;margin-bottom:1rem;padding:.85rem 1rem}.payment-filters .field{display:grid;gap:.3rem;margin:0;min-width:0}.payment-filters label{color:#536a7d;font-size:.75rem;font-weight:750}.payment-filter-search{grid-column:span 5}.payment-filter-method{grid-column:span 3}.payment-filter-manager,.payment-filter-author{grid-column:span 2}.payment-filter-date{grid-column:span 1}.payment-filter-actions{grid-column:span 2;display:flex;align-items:center;gap:.7rem;min-height:39px}.payment-filter-actions a{font-weight:700;text-decoration:none}.payment-filters input,.payment-filters select{width:100%;min-width:0;margin:0}
.payment-registry{padding:0;overflow:visible}.payment-table-wrap{width:100%;overflow-x:auto}.payment-table{width:100%;table-layout:fixed;border-collapse:collapse}.payment-table .payment-col-date{width:7%}.payment-table .payment-col-payer{width:14%}.payment-table .payment-col-orders{width:18%}.payment-table .payment-col-method{width:10%}.payment-table .payment-col-money{width:9%}.payment-table .payment-col-author{width:12%}.payment-table .payment-col-actions{width:12%}.payment-table th{padding:.7rem .65rem;background:#f7f9fa;color:#5b6e80;font-size:.69rem;font-weight:750;letter-spacing:.035em;text-align:left;text-transform:uppercase}.payment-table td{height:64px;padding:.65rem;vertical-align:middle;border-top:1px solid #e3e9ed;color:#253f54;font-size:.82rem;overflow-wrap:anywhere}.payment-table tbody tr:hover{background:#f9fbfc}.payment-date{font-variant-numeric:tabular-nums;white-space:nowrap}.payment-payer-link{display:block;overflow:hidden;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.payment-order-links{display:grid;gap:.18rem}.payment-order-links a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.payment-method{color:#536b7e}.payment-money{font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}.payment-table th:nth-child(5),.payment-table th:nth-child(6),.payment-table th:nth-child(7){text-align:right}.payment-remainder{font-weight:750}.payment-remainder.clear{color:#237a4b}.payment-remainder.pending{color:#b45d08}.payment-author{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:1.3}
.payment-row-actions{display:flex;align-items:center;justify-content:flex-end;gap:.4rem;white-space:nowrap}.payment-details,.payment-row-more{position:relative}.payment-details>summary{padding:.45rem .55rem;cursor:pointer;list-style:none}.payment-details>summary::-webkit-details-marker,.payment-row-more>summary::-webkit-details-marker{display:none}.payment-details>div{position:absolute;z-index:35;top:39px;right:0;min-width:250px;max-width:340px;padding:.75rem;border:1px solid #d6e0e7;border-radius:9px;background:#fff;box-shadow:0 10px 28px rgba(19,47,68,.15);color:#435c70;white-space:normal}.payment-row-more>summary{display:grid;width:34px;height:34px;place-items:center;border:1px solid #d6e0e7;border-radius:8px;background:#fff;color:#173047;cursor:pointer;font-size:1.15rem;list-style:none}.payment-row-more>div{position:absolute;z-index:35;top:39px;right:0;min-width:130px;padding:.35rem;border:1px solid #d6e0e7;border-radius:9px;background:#fff;box-shadow:0 10px 28px rgba(19,47,68,.15)}.payment-row-more button{width:100%;padding:.55rem .65rem;text-align:left}.payment-empty{display:grid;justify-items:center;gap:.8rem;padding:2.5rem 1rem;text-align:center}.payment-pagination{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;padding:.8rem 1rem;border-top:1px solid #dce4ea;color:#64788a;font-size:.82rem}.payment-page-size{justify-self:center}.payment-pagination nav{display:flex;align-items:center;justify-self:end;gap:.35rem}.payment-pagination nav a,.payment-pagination nav span{display:grid;min-width:34px;height:34px;place-items:center;border:1px solid #d8e1e7;border-radius:8px;background:#fff;text-decoration:none}.payment-pagination nav .current{border-color:#c9e9d4;background:#e7f7ed;color:#187848;font-weight:750}.payment-pagination nav .disabled{color:#aab5be;background:#f7f9fa}.payment-pagination nav .ellipsis{border-color:transparent;background:transparent}
@media(max-width:1100px){.payment-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.payment-filter-search{grid-column:span 5}.payment-filter-method{grid-column:span 3}.payment-filter-manager,.payment-filter-author{grid-column:span 2}.payment-filter-date{grid-column:span 2}.payment-table .payment-col-author{width:0}.payment-table th:nth-child(8),.payment-table td:nth-child(8){display:none}.payment-table .payment-col-payer{width:16%}.payment-table .payment-col-orders{width:20%}.payment-table .payment-col-actions{width:14%}}
@media(max-width:760px){.payments-heading{flex-direction:column}.payment-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.payment-filters{grid-template-columns:1fr 1fr}.payment-filter-search,.payment-filter-method,.payment-filter-manager,.payment-filter-author,.payment-filter-date,.payment-filter-actions{grid-column:span 1}.payment-filter-search{grid-column:1/-1}.payment-table{min-width:980px}.payment-pagination{grid-template-columns:1fr;align-items:flex-start}.payment-page-size,.payment-pagination nav{justify-self:start}.payment-pagination nav{flex-wrap:wrap}}