.klusaro-invoices,.klusaro-invoice-portal{color:#172033;font:inherit}.klusaro-invoices__header,.klusaro-invoices__filters,.klusaro-invoice-card,.klusaro-invoices dialog form{display:flex;gap:1rem}.klusaro-invoices__header{align-items:center;justify-content:space-between;margin-bottom:1.5rem}.klusaro-invoices__header h1{margin:0}.klusaro-invoices__filters{flex-wrap:wrap;margin-bottom:1rem}.klusaro-invoices input,.klusaro-invoices select,.klusaro-invoices textarea,.klusaro-invoices button{font:inherit}.klusaro-invoices__list{display:grid;gap:.75rem}.klusaro-invoice-card{align-items:center;justify-content:space-between;border:1px solid #dbe2ea;border-radius:.5rem;padding:1rem}.klusaro-invoice-card__meta{color:#596579}.klusaro-invoice-card__actions{display:flex;flex-wrap:wrap;gap:.5rem}.klusaro-invoices dialog{border:0;border-radius:.75rem;box-shadow:0 1rem 3rem #17203333;max-width:42rem;width:calc(100% - 2rem)}.klusaro-invoices dialog form{flex-direction:column}.klusaro-invoices label{display:grid;gap:.25rem}.klusaro-invoices textarea{min-height:5rem}.klusaro-invoice-document{max-width:52rem;margin:auto}.klusaro-invoice-document table{border-collapse:collapse;width:100%}.klusaro-invoice-document th,.klusaro-invoice-document td{border-bottom:1px solid #dbe2ea;padding:.6rem;text-align:left}.klusaro-invoice-document dl{display:grid;grid-template-columns:1fr auto;gap:.4rem;margin-left:auto;max-width:20rem}.klusaro-invoice-document dd{margin:0;text-align:right}.klusaro-invoice-document__status{font-weight:700;text-transform:capitalize}@media(max-width:640px){.klusaro-invoices__header,.klusaro-invoice-card{align-items:stretch;flex-direction:column}}
.kl-invoice-items-header,.kl-invoices-modal-actions{align-items:center;display:flex;gap:.75rem;justify-content:space-between}.kl-invoice-items-title{margin:0}.kl-invoice-item-row{align-items:end;display:grid;gap:.65rem;grid-template-columns:minmax(10rem,2fr) minmax(4.5rem,.55fr) minmax(5rem,.7fr) minmax(6rem,.8fr) minmax(5rem,.65fr) minmax(6rem,.85fr) auto;margin-top:.75rem}.kl-invoice-item-row .js-item-line-total{background:#f4f6f8}.kl-invoices-modal-actions{justify-content:flex-end}@media(max-width:760px){.kl-invoice-item-row{grid-template-columns:repeat(2,minmax(0,1fr))}.kl-invoice-item-row .js-item-label,.kl-invoice-item-row .js-item-line-total{grid-column:1/-1}.kl-invoice-item-row .js-kl-remove-item{justify-self:start}}