.invoice-register{color:#18344f}
.invoice-register .eng-hero{margin-top:10px}
.invoice-register :is(.eng-hero,.ir-filters) .primary{background:#008da8;border-color:#008da8;color:#fff}
.invoice-register :is(.eng-hero,.ir-filters) .primary:hover{background:#00768d;border-color:#00768d}
.ir-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 0 16px}
.invoice-register .ir-card{display:grid;text-align:left;justify-content:start;gap:4px;padding:13px 16px;border:1px solid #b8d6fc;border-radius:13px;background:#eaf3ff;color:#173d73;white-space:normal}
.invoice-register .ir-outstanding{background:#e6f6f4;border-color:#a7dcd6;color:#11534f}
.invoice-register .ir-overdue.ir-card{background:#fff0f2;border-color:#f5c1c7;color:#8b2335}
.invoice-register .ir-card[aria-pressed=true]{outline:2px solid currentColor;outline-offset:-3px}
.ir-card span{font-weight:700}.ir-card strong{font-size:clamp(17px,2vw,24px)}.ir-card small{font-weight:500}
.invoice-register .ir-filters{display:grid;grid-template-columns:minmax(160px,1.5fr) minmax(235px,1.4fr) minmax(95px,.75fr) minmax(95px,.75fr) auto;align-items:end;gap:12px;padding:16px;margin-bottom:16px}
.ir-filters .field{min-width:0;margin:0}.ir-filters fieldset{min-width:0;margin:0;padding:0;border:0}.ir-filters legend{font-weight:700;font-size:12px;padding:0}
.ir-dates,.ir-more>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.ir-more{grid-column:1/-1}.ir-more summary{cursor:pointer;color:#285c85;font-weight:600}
.ir-more>div{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:8px}
.ir-active{display:flex;align-items:center;gap:10px;margin-bottom:8px;font-weight:700}
.ir-table-card{border:1px solid #bfd4e7;border-top:3px solid #3b82f6;border-radius:12px;overflow:hidden}
.ir-table-card .table-scroll{max-width:100%;overflow:auto}
.ir-table-card .ir-table{width:100%;min-width:900px;border-collapse:collapse}
.ir-table-card .ir-table :is(th,td){padding:9px 8px;border:1px solid #c9d9e8;white-space:normal;overflow-wrap:anywhere;text-align:left}
.ir-table-card .ir-table thead th{background:#e8f2fc;color:#123a70}
.ir-table-card .ir-table .money{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.ir-table-card .ir-invoice:nth-child(4n+1)>td{background:#fff}
.ir-table-card .ir-invoice:nth-child(4n+3)>td{background:#f5f9fd}
.ir-table-card .ir-table .ir-detail>td{background:#e7f7fa;padding:12px}
.ir-settlements>div{flex:1 1 120px;border-inline-start:1px solid #b6dbe3;padding-inline-start:12px}
.ir-settlements>div:first-child{border-inline-start:0;padding-inline-start:0}
.ir-table .ir-detail[hidden]{display:none}
.ir-expand{min-width:26px;padding:3px 7px;font-size:18px}
.ir-expand[aria-expanded=true]{transform:rotate(90deg)}
.invoice-register .ir-link{padding:0;border:0;background:transparent;color:#174f8b;text-decoration:underline;text-align:left;white-space:normal}
.ir-settlements,.ir-mobile-fields{display:flex;flex-wrap:wrap;gap:12px 24px;margin:0}
.ir-settlements dt,.ir-mobile-fields dt{font-weight:700}
.ir-settlements dd,.ir-mobile-fields dd{margin:3px 0 0}
.ir-mobile-fields{display:none}
.invoice-register .ir-overdue.badge{background:#ffe9ec;color:#8b2335;border:1px solid #f5c1c7}
.ir-footer{margin:0;padding:10px 12px;background:#f6fafe;color:#49647f}
@media(max-width:1100px){.invoice-register .ir-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}
.ir-table-card .ir-table tfoot :is(th,td){background:#e8f2fc;font-weight:700}
.ir-table-card .ir-table .ir-total-label{text-align:right}
@media(min-width:651px){
  .ir-table th:nth-child(2){width:82px}
  .ir-table th:nth-child(3){width:90px}
}
@media(max-width:650px){
  .ir-table-card .ir-table tfoot tr{display:flex;justify-content:space-between}
  .ir-table-card .ir-table tfoot{display:table-caption;caption-side:bottom}
  .ir-table-card .ir-table tfoot tr > :last-child{display:none}
  .ir-cards{grid-template-columns:1fr;gap:7px}
  .ir-table-card .ir-table{min-width:0;table-layout:fixed;font-size:11px}
  .ir-table-card .ir-table :is(th,td){padding:6px 4px}
  .ir-table-card .ir-table .ir-secondary{display:none}
  .ir-table-card .ir-table .money{white-space:normal}
  .ir-table th:first-child{width:31px}.ir-table th:nth-child(4){width:23%}
  .ir-mobile-fields{display:flex;margin-bottom:12px}
}
@media(max-width:420px){.invoice-register .ir-filters,.ir-more>div{grid-template-columns:1fr}}
