.v30-billing-intro{display:flex;justify-content:space-between;align-items:start;gap:20px;flex-wrap:wrap}.v30-billing-intro h2{margin:0}.v30-billing-intro p{margin:7px 0 0;color:#526978}.v30-billing-samples{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:22px 0;padding:15px 18px;border:1px solid #bfd3db;border-radius:12px;background:#eef6f7}.v30-billing-samples>span{font-weight:700}.v30-billing-samples small{color:#516777;flex-basis:100%}.v30-billing-table{width:100%;min-width:780px}.v30-billing-table th,.v30-billing-table td:nth-child(3),.v30-billing-table td:nth-child(4){text-align:center;vertical-align:middle}.v30-billing-table td{vertical-align:middle}.v30-billing-table td small{display:block;font-size:12px;color:#526978;margin-top:4px}.v30-billing-table .cell-actions{justify-content:center;flex-wrap:wrap;min-width:230px}.v30-billing-line-tools{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin-bottom:16px}.v30-billing-line-tools .field{flex:1;min-width:220px}.v30-billing-lines{min-width:0}.v30-billing-line{display:grid;grid-template-columns:minmax(200px,1fr) 85px 120px 90px 125px 42px;gap:12px;align-items:start;padding:16px;border:1px solid #c4d4db;border-radius:12px;margin-bottom:12px;background:#f5f9fa}.v30-billing-line label,.v30-billing-line-total>span{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:700;color:#395161}.v30-billing-line input,.v30-billing-line textarea{width:100%;min-width:0;border:1px solid #a9becb;border-radius:8px;padding:10px;background:#fff;color:#203b4b;font:inherit}.v30-billing-line textarea{resize:vertical;margin-top:7px;line-height:1.5}.v30-billing-line-title>input{font-size:13px;margin-top:7px}.v30-billing-line>label input{text-align:right;font-size:15px}.v30-billing-line-total strong{display:block;margin-top:15px;white-space:normal;overflow-wrap:anywhere;font-size:15px;text-align:center}.v30-billing-line>.button{margin-top:24px;min-width:42px;min-height:42px;padding:8px;font-size:22px}.v30-billing-summary{display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;gap:18px 32px;padding:16px 20px;background:#e7f1ed;border-radius:12px;border:1px solid #b7cec2}.v30-billing-summary>span{display:flex;flex-direction:column;gap:4px;color:#3b554d}.v30-billing-summary strong{color:#163f35;font-size:18px}.v30-billing-grand-total{padding-left:24px;border-left:1px solid #adc6ba}.v30-billing-grand-total strong{font-size:23px}.v30-billing-issue-note{font-size:14px!important}.v30-billing-dialog{max-width:800px}.v30-billing-dialog .modal-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.v30-billing-dialog .modal-header h2{margin:0}.v30-billing-presets{display:grid;gap:10px;max-height:38vh;overflow-y:auto}.v30-billing-presets>div{display:flex;gap:14px;justify-content:space-between;align-items:center;padding:12px;border:1px solid #c5d5dd;border-radius:10px}.v30-billing-presets>div>span{min-width:0;overflow-wrap:anywhere}.v30-billing-presets small{display:block;color:#56717c;margin-top:4px}.v30-billing-document-summary{display:flex;align-items:center;justify-content:space-between;gap:20px}.v30-billing-document-summary>strong{font-size:24px}.v30-billing-table .pill{white-space:normal;line-height:1.4}#v30-billing-editor .field>select{max-width:100%}#v30-billing-editor .form-actions{flex-wrap:wrap}#v30-billing-editor .form-actions .button{font-size:15px}@media(max-width:1050px){.v30-billing-line{grid-template-columns:minmax(180px,1fr) 75px 100px 80px 105px 42px;gap:9px;padding:12px}}@media(max-width:850px){.v30-billing-line{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.v30-billing-line-title{grid-column:1/-1}.v30-billing-line-total{grid-column:1/3}.v30-billing-line-total strong{text-align:left;margin-top:5px}.v30-billing-line>.button{margin:0;justify-self:end}.v30-billing-line input{padding:10px 8px}.v30-billing-summary{justify-content:space-between}.v30-billing-grand-total{padding:0;border:0}.v30-billing-intro>.cell-actions{width:100%;justify-content:flex-start}.v30-billing-dialog .modal-inner{padding:20px}.v30-billing-dialog .modal-header{flex-wrap:wrap}.v30-billing-dialog .form-grid{grid-template-columns:1fr}}