.client-invoice-dialog{box-sizing:border-box;width:min(760px,calc(100% - 24px));max-height:calc(100dvh - 24px);margin:auto;padding:24px;border:1px solid #b8c8d4;border-radius:16px;background:#fff;color:#172f40;font:1rem/1.55 Arial,sans-serif;overflow:auto;overflow-wrap:anywhere}
.client-invoice-dialog::backdrop{background:#142a3ca8}
.client-invoice-dialog *{box-sizing:border-box;min-width:0}
.client-invoice-dialog header,.client-invoice-dialog footer,.client-invoice-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.client-invoice-dialog header{justify-content:space-between;border-bottom:1px solid #d2dce4;padding-bottom:12px;margin-bottom:16px}
.client-invoice-dialog h2,.client-invoice-dialog h3{margin:0;font-size:1.25em}
.client-invoice-dialog .button{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:10px 16px;border:1px solid #215476;border-radius:8px;background:#215476;color:white;font:inherit;text-decoration:none;white-space:normal;text-align:center;cursor:pointer;max-width:100%}
.client-invoice-dialog .button.secondary{background:white;color:#215476}
.client-invoice-dialog :focus-visible{outline:3px solid #a86200;outline-offset:3px}
.client-invoice-list{padding:0;list-style:none}
.client-invoice-list li{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;padding:16px 0;border-bottom:1px solid #d2dce4}
.client-invoice-list p{margin:4px 0}
.client-invoice-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.client-invoice-facts dt{font-weight:bold}.client-invoice-facts dd{margin:0;white-space:pre-line}
.client-invoice-state{font-weight:bold}.client-invoice-dialog footer{border-top:1px solid #d2dce4;padding-top:16px;margin-top:20px}
.client-invoice-dialog select{display:block;width:100%;min-height:44px;margin:8px 0 16px;padding:8px;font:inherit;background:#fff;color:inherit;border:1px solid #7892a6;border-radius:6px}
.client-invoice-dialog fieldset{display:flex;flex-wrap:wrap;gap:16px;border:1px solid #d2dce4}.client-invoice-dialog fieldset label{min-height:44px;display:flex;align-items:center;gap:8px}
.client-invoice-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(max-width:480px){.client-invoice-dialog{padding:16px}.client-invoice-facts{grid-template-columns:1fr}.client-invoice-actions{align-items:stretch;flex-direction:column}.client-invoice-dialog h2{font-size:1.15em}}