.quote-metrics{display:flex;flex-wrap:wrap;gap:18px;margin:24px 0}.quote-metrics article{background:#fff;border:1px solid #dce5f1;border-radius:14px;padding:20px 24px;min-width:230px;display:flex;flex-direction:column;gap:10px}.quote-metrics small{font-size:11px;color:#68809d}.quote-metrics strong{font-size:25px;color:#173854}.quote-metrics span{color:#667a92;font-size:12px}
.quote-list{overflow:auto}.quote-list table{width:100%;table-layout:fixed;min-width:1080px;border-collapse:collapse}.quote-list th{font-size:11px;color:#72839a;background:#f8fafd;text-align:left}.quote-list th,.quote-list td{padding:14px 16px;border-bottom:1px solid #e7edf5}.quote-list tr[data-quote-id]{cursor:pointer}.quote-list tr[data-quote-id]:hover{background:#edf4ff}.quotes-page .numeric,.quote-dialog .numeric{text-align:right;white-space:nowrap}.q-number{width:155px}.q-date{width:105px}.q-money{width:120px}.q-actions{width:150px}.quote-client{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.quote-total{color:#1d4c83;font-weight:700}.quote-actions{display:flex;gap:10px;align-items:center}.quote-actions a,.quote-link{color:#3767d3}.quote-link{border:0;background:transparent;padding:0;font-weight:700;cursor:pointer}.quote-empty{padding:22px;color:#718299}
.quote-dialog{width:min(1200px,96vw);max-width:1200px;max-height:92vh;padding:0;border:1px solid #dbe4f1;border-radius:16px;color:#1c293e}.quote-dialog::backdrop{background:#11233e88}.quote-dialog form{display:flex;flex-direction:column;max-height:90vh}.quote-dialog header,.quote-dialog footer{display:flex;align-items:center;gap:12px;padding:20px 26px;background:#fff;flex:none}.quote-dialog header{justify-content:space-between;border-bottom:1px solid #e3eaf4}.quote-dialog h2{margin:0;font-size:22px}.quote-dialog footer{justify-content:flex-end;border-top:1px solid #e3eaf4}.quote-body{overflow:auto;padding:22px 26px}.quote-head{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:18px;margin-bottom:24px}.quote-client-field{grid-column:span 2}.quote-dialog label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:600;color:#5b6c84}.quote-dialog input,.quote-dialog textarea{width:100%;min-width:0;box-sizing:border-box;padding:11px 12px;border:1px solid #d7e2f1;border-radius:8px;color:#20334e;background:#fff;font-family:inherit;font-size:14px}.quote-dialog textarea{resize:vertical;line-height:1.5}.quote-lines{overflow:auto;margin-bottom:15px}.quote-lines table{table-layout:fixed;width:100%;min-width:940px;border-collapse:collapse}.quote-lines th{background:#f5f8fd;color:#667c99;font-size:11px;padding:12px 7px;text-align:left}.quote-lines td{padding:12px 7px;vertical-align:top;border-bottom:1px solid #e5edf7}.quote-lines input{text-align:right;padding:11px 8px}.quote-lines textarea{min-height:88px}.quote-lines [data-line-total]{display:block;padding-top:12px;color:#235389}.ql-quantity{width:100px}.ql-price{width:135px}.ql-discount{width:90px}.ql-total{width:140px}.ql-delete{width:44px}.quote-lines [data-remove-line]{border:0;background:#fff1f1;color:#b83939;width:30px;height:35px;border-radius:7px;cursor:pointer}.quote-bottom{display:grid;grid-template-columns:1fr 340px;gap:32px;margin-top:26px}.quote-summary>div{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:12px 0;border-bottom:1px solid #e3eaf4}.quote-summary strong{text-align:right;white-space:nowrap}.quote-summary label{flex-direction:row;align-items:center}.quote-summary input{width:85px;text-align:right}.quote-summary-total{font-size:18px;color:#165098;background:#f1f6ff;padding:16px 12px!important;border-radius:9px}.quote-dialog .alert{margin-bottom:18px}
@media(max-width:750px){.quote-head{grid-template-columns:1fr 1fr}.quote-bottom{grid-template-columns:1fr;gap:22px}.quote-dialog header,.quote-dialog footer{padding:16px}.quote-body{padding:16px}.quote-dialog footer{flex-wrap:wrap}.quote-summary{width:100%}.quote-metrics article{width:100%;min-width:0}.quote-dialog{width:96vw}}
.quote-dialog header [data-quote-close]{border:0;border-radius:50%;background:#f1f4f8;width:32px;height:32px;font-size:18px;color:#35465e;cursor:pointer}