#modal.quote-entry-modal.quote-matrix-modal{width:min(1450px,calc(100% - 40px));max-height:92svh}.quote-matrix-modal .quote-form-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 20px}.quote-matrix-modal .quote-route-field.wide{grid-column:1/-1}.quote-matrix-modal .quote-field .form-help{margin:0;font-size:10px;line-height:1.7}.quote-matrix-modal .quote-date-field .quote-route-help{display:block;margin-top:6px}.quote-matrix-modal .modal-actions{background:#fff;padding-bottom:4px}.quote-matrix-heading{display:flex;justify-content:space-between;align-items:baseline;gap:15px;margin:30px 0 10px}.quote-matrix-heading h3{font-size:16px;color:#20476e;margin:0;font-weight:600}.quote-matrix-heading>span{font-size:11px;color:#8299b0;line-height:1.8}.quote-matrix-help{font-size:11px;line-height:1.9;color:#8297ad;margin:0 0 16px}.quote-matrix-empty{text-align:center;border:1px dashed #cddbea;border-radius:7px;background:#f7faff;color:#8aa0b7;padding:45px 20px;font-size:12px;line-height:1.9}.quote-matrix-scroll{border:1px solid #dce6f1;border-radius:7px;overflow:auto;max-height:530px;scrollbar-width:thin;scrollbar-color:#becfe0 #f5f8fc;overscroll-behavior:contain}.quote-matrix-table{width:100%;min-width:1100px;table-layout:fixed;border-collapse:separate;border-spacing:0;font-size:12px;color:#507294;background:#fff}.quote-matrix-table th,.quote-matrix-table td{padding:12px;border:0;border-right:1px solid #e5ecf4;border-bottom:1px solid #e5ecf4;vertical-align:top;height:auto;white-space:normal}.quote-matrix-table th:last-child,.quote-matrix-table td:last-child{border-right:0}.quote-matrix-table tbody tr:last-child>*{border-bottom:0}.quote-matrix-table thead th{background:#eef4fb;text-align:center;color:#426c96;font-size:12px;font-weight:600;vertical-align:middle;padding:11px 10px}.quote-matrix-table thead tr:first-child th:nth-child(2){background:#e7f0fb}.quote-matrix-table thead tr:first-child th:nth-child(3){background:#edf2f9}.quote-matrix-table .matrix-port{width:250px;min-width:250px;position:sticky;left:0;z-index:2;background:#f8fbff;text-align:left;box-shadow:2px 0 6px #1b416708}.quote-matrix-table thead .matrix-port{z-index:3;background:#eef4fb}.quote-matrix-table .matrix-port>strong{display:block;font-size:12px;line-height:1.9;font-weight:500;color:#335b82;overflow-wrap:anywhere;padding:5px 0}.quote-matrix-table tbody tr:hover td{background:#fcfdff}.quote-matrix-table td>label{display:block}.quote-matrix-table td>label+label{margin-top:8px}.quote-matrix-table input[type=text],.quote-matrix-table select{height:36px;width:100%;min-width:0;border:1px solid #d8e4f0;border-radius:5px;background:#fff;color:#315b84;font-size:12px;padding:0 9px;outline:none;font-family:inherit;box-sizing:border-box;line-height:1.5}.quote-matrix-table input[type=text]{font-variant-numeric:tabular-nums}.quote-matrix-table input::placeholder{color:#a1b1c2;font-size:10px}.quote-matrix-table input:focus,.quote-matrix-table select:focus{border-color:#7eaad7;box-shadow:0 0 0 2px #7eaad71a}.quote-matrix-table .matrix-port>button{font-size:10px;color:#9aabbc;padding:5px 0;margin-top:5px}.quote-matrix-table .matrix-port>button:hover{color:#ab764a}.matrix-migration-note{margin-top:10px;padding:9px;background:#fff8ed;border:1px solid #efdfc4;border-radius:4px;color:#a08253;font-size:10px;line-height:1.8;overflow-wrap:anywhere}.matrix-migration-note p{font-size:10px;margin:7px 0;color:#9c7d4d}.matrix-migration-note select{font-size:10px;height:34px}.matrix-migration-note>label{display:flex;align-items:flex-start;gap:6px;margin-top:9px;font-size:10px;cursor:pointer}.matrix-migration-note input[type=checkbox]{width:13px;height:13px;flex:none;accent-color:#0a3474;margin:3px 0 0;padding:0}.matrix-custom-port{display:flex;gap:10px;align-items:center;padding-top:15px}.matrix-custom-port input{height:37px;width:380px;max-width:100%;border:1px solid #d8e4f0;border-radius:5px;padding:0 12px;color:#3d6389;font-size:12px;min-width:0}.matrix-custom-port input::placeholder{color:#a1b1c2;font-size:11px}.matrix-custom-port button{height:37px;font-size:11px;white-space:nowrap}.quote-matrix-modal [aria-busy=true] .quote-matrix-table input{background:#f2f6fa}
@media(max-width:1050px){.quote-matrix-modal .quote-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quote-matrix-modal .quote-date-field{grid-column:auto}.quote-matrix-table .matrix-port{width:220px;min-width:220px}.quote-matrix-heading{align-items:flex-start;flex-direction:column;gap:7px}}
@media(max-width:700px){#modal.quote-entry-modal.quote-matrix-modal{width:calc(100% - 20px);max-height:94svh}.quote-matrix-modal .quote-form-grid{gap:17px 13px}.quote-matrix-modal .quote-date-field{grid-column:1/-1}.quote-matrix-modal .modal-header{padding:18px}.quote-matrix-modal #modal-body{padding:18px 14px 22px}.quote-matrix-heading{margin-top:25px}.quote-matrix-heading h3{font-size:15px}.quote-matrix-heading>span{font-size:10px}.quote-matrix-help{font-size:10px}.quote-matrix-table{min-width:970px}.quote-matrix-table .matrix-port{width:190px;min-width:190px}.quote-matrix-table th,.quote-matrix-table td{padding:10px}.quote-matrix-table thead th{font-size:11px}.quote-matrix-table .matrix-port>strong{font-size:11px}.quote-matrix-table input[type=text]{font-size:11px}.quote-matrix-scroll{max-height:470px}.matrix-custom-port{flex-wrap:wrap}.matrix-custom-port input{width:100%;flex:1 1 100%;font-size:11px}.matrix-custom-port button{width:100%;font-size:10px}.quote-matrix-modal .modal-actions .primary-button{flex:1}.quote-matrix-modal .modal-actions .outline-button{font-size:10px}.quote-matrix-empty{font-size:11px;padding:35px 16px}}
.quote-matrix-table thead{position:sticky;top:0;z-index:4}.quote-matrix-table thead .matrix-port{z-index:5}