/* VM_CREATE_QUOTATION_FINAL_20260928_V1 - scoped to Create Quotation only */
.vm-qb{--qb-blue:#0d67b5;--qb-blue2:#e9f4ff;--qb-line:#c9deef;--qb-soft:#f7fbff;--qb-text:#173f69;--qb-muted:#6b87a3;--qb-orange:#f58a2b;color:var(--qb-text);font-family:inherit}
.vm-qb button,.vm-qb input,.vm-qb select,.vm-qb textarea{font:inherit}.vm-qb-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:14px}.vm-qb-head h1{margin:5px 0 4px;font-size:1.9rem;color:#143f6d}.vm-qb-head p{margin:0;color:var(--qb-muted)}.vm-qb-head-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.vm-qb-section{background:#fff;border:1px solid var(--qb-line);border-radius:12px;margin-bottom:12px;box-shadow:0 5px 18px #174f7c0b;overflow:hidden}.vm-qb-section-title{min-height:47px;padding:9px 12px;display:flex;align-items:center;justify-content:space-between;gap:10px;background:linear-gradient(180deg,#f7fbff,#edf6ff);border-bottom:1px solid var(--qb-line)}.vm-qb-section-title>div{display:flex;align-items:center;gap:9px;min-width:0}.vm-qb-section-title h2{margin:0;font-size:1rem;color:#173f69}.vm-qb-section-title small{color:var(--qb-muted)}.vm-qb-step{width:28px;height:28px;border-radius:50%;background:var(--qb-blue);color:white;display:grid;place-items:center;font-weight:800;flex:none}.vm-qb-enquiry-select{display:grid;grid-template-columns:minmax(260px,1.6fr) minmax(190px,.6fr);gap:10px;padding:12px 12px 0}.vm-qb-enquiry-select label,.vm-qb-package-grid label,.vm-qb-notes label{font-size:.77rem;color:#41698f;font-weight:700}.vm-qb select,.vm-qb input,.vm-qb textarea{width:100%;border:1px solid #c7dced;border-radius:8px;background:#fff;color:#173f69;padding:9px 10px;outline:none}.vm-qb select:focus,.vm-qb input:focus,.vm-qb textarea:focus{border-color:#3b91d0;box-shadow:0 0 0 3px #3b91d01f}.vm-qb input[readonly]{background:#f2f7fb}.vm-qb-facts{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.1fr 1fr .65fr;padding:12px}.vm-qb-facts>div{padding:5px 12px;border-right:1px solid #e0edf7;min-width:0}.vm-qb-facts>div:last-child{border-right:0}.vm-qb-facts span,.vm-qb-facts small{display:block;color:var(--qb-muted);font-size:.73rem}.vm-qb-facts b{display:block;margin:5px 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vm-qb-existing{margin:10px 12px 0;padding:10px 12px;border:1px solid #f2cd85;background:#fff8e8;border-radius:9px;display:flex;align-items:center;justify-content:space-between;gap:10px}.vm-qb-existing span{display:block;color:#7b6b50;font-size:.77rem;margin-top:2px}.vm-qb-services{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;padding:12px}.vm-qb-service{min-height:72px;border:1px solid #c9deef;background:#fff;border-radius:9px;color:#244d75;padding:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center}.vm-qb-service:hover{border-color:#4898d1;background:#f3faff}.vm-qb-service.selected{border-color:#2d8fd3;background:#e9f5ff;box-shadow:inset 0 0 0 1px #2d8fd3}.vm-qb-service span{font-size:1.25rem;color:#0d67b5}.vm-qb-service b{font-size:.75rem}.vm-qb-service small{font-size:.65rem;color:#25804f}.vm-qb-package-grid{display:grid;grid-template-columns:repeat(6,minmax(120px,1fr));gap:10px;padding:12px}.vm-qb-package-grid label{display:grid;gap:5px}.vm-qb-package-grid .wide{grid-column:span 2}.vm-qb-subtitle{font-size:.84rem;margin:2px 12px 8px}.vm-qb-inclusion-grid{display:grid;grid-template-columns:repeat(8,minmax(100px,1fr));gap:7px;padding:0 12px 12px}.vm-qb-inclusion{border:1px solid #d3e3ef;background:#fff;border-radius:8px;padding:8px;color:#315d82;min-height:56px}.vm-qb-inclusion span{display:block;font-size:.68rem;line-height:1.15}.vm-qb-inclusion b{display:block;margin-top:6px}.vm-qb-inclusion.done{background:#edf9f2;border-color:#b8e0c7;color:#207044}.vm-qb-menu-summary{border-top:1px solid #d6e6f2}.vm-qb-summary-head{padding:10px 12px;display:flex;align-items:center;justify-content:space-between}.vm-qb-summary-head h3{margin:0;font-size:.9rem}.vm-qb-summary-head p{margin:2px 0 0;color:var(--qb-muted);font-size:.73rem}.vm-qb-table-wrap{overflow:auto}.vm-qb table{width:100%;border-collapse:collapse;min-width:760px}.vm-qb th,.vm-qb td{border-bottom:1px solid #e5eef5;padding:8px 9px;font-size:.75rem;text-align:left;vertical-align:middle}.vm-qb th{background:#f1f7fc;color:#43698c;font-weight:800}.vm-qb td.wrap{white-space:normal;min-width:260px;line-height:1.3}.vm-qb-status{display:inline-block;padding:4px 7px;border-radius:14px;background:#fff2e4;color:#a35d15;font-size:.66rem;font-weight:800}.vm-qb-status.ok,.vm-qb-complete.ok{background:#e6f7ed;color:#187141}.vm-qb-complete{padding:5px 9px;border-radius:14px;background:#fff1e4;color:#9c591a;font-size:.72rem;font-weight:800}.vm-qb-package-notes{margin:0 12px 12px;padding:10px 12px;background:#fffaf0;border:1px solid #f1d8a8;border-radius:9px;display:grid;grid-template-columns:auto 1fr 1fr 1fr 1fr;gap:9px;font-size:.7rem;color:#6d5a3d}.vm-qb-package-notes b{color:#80520f}.vm-qb-items input{padding:6px 7px;border-radius:6px;min-width:120px}.vm-qb-items input.num{min-width:74px;width:80px}.vm-qb-items td:last-child{width:45px}.vm-qb-icon{width:28px;height:28px;border:0;border-radius:7px;background:#edf4fa;color:#376489;font-size:1.1rem}.vm-qb-icon.danger{background:#fff0ee;color:#b84135}.vm-qb-empty-note{padding:24px;text-align:center;color:#718ba2;background:#f8fbfe}.vm-qb-bottom-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:12px}.vm-qb-commercial-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;padding:12px}.vm-qb-commercial-grid>div,.vm-qb-commercial-grid>label{border:1px solid #d7e5f0;border-radius:8px;padding:9px;background:#fafcff}.vm-qb-commercial-grid span{display:block;color:#6886a2;font-size:.7rem;margin-bottom:5px}.vm-qb-commercial-grid b{font-size:.92rem}.vm-qb-commercial-grid input{padding:6px}.vm-qb-commercial-grid .grand{grid-column:1/-1;background:#e6f4ff;border-color:#8ec6ed}.vm-qb-commercial-grid .grand b{font-size:1.25rem;color:#0d5fa5}.vm-qb-notes{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:12px}.vm-qb-notes label{display:grid;gap:5px}.vm-qb-notes textarea{min-height:86px;resize:vertical}.vm-qb-actionbar{position:sticky;bottom:10px;z-index:3;background:#fff;border:1px solid #bcd9ee;border-radius:12px;box-shadow:0 10px 34px #13466f24;padding:10px 12px;display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:4px}.vm-qb-actionbar>div{margin-right:auto}.vm-qb-actionbar>div b,.vm-qb-actionbar>div span{display:block}.vm-qb-actionbar>div span{font-size:.72rem;color:#708ca6;margin-top:2px}.vm-qb-menu-back{position:fixed;inset:0;background:#08254480;z-index:30;display:grid;place-items:center;padding:20px}.vm-qb-menu-modal{width:min(1180px,96vw);max-height:92vh;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 25px 80px #08254455;display:grid;grid-template-rows:auto minmax(0,1fr) auto}.vm-qb-menu-head{padding:14px 16px;border-bottom:1px solid #d5e5f1;display:flex;align-items:center;justify-content:space-between}.vm-qb-menu-head small{color:#327fb8;font-weight:800;letter-spacing:.08em}.vm-qb-menu-head h2{margin:3px 0;font-size:1.25rem}.vm-qb-menu-head p{margin:0;color:#7791a8;font-size:.78rem}.vm-qb-menu-body{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:0}.vm-qb-menu-body aside{border-right:1px solid #d7e6f2;padding:10px;overflow:auto;background:#f5faff}.vm-qb-menu-body main{padding:12px;overflow:auto}.vm-qb-menu-progress{padding:9px;border-radius:8px;background:#e8f3fd;color:#25618f;font-size:.75rem;font-weight:800;margin-bottom:8px}.vm-qb-cat{width:100%;display:flex;justify-content:space-between;gap:10px;border:0;background:transparent;color:#365f83;padding:8px 9px;border-radius:7px;text-align:left;font-size:.75rem}.vm-qb-cat:hover,.vm-qb-cat.active{background:#dceeff;color:#0b5e9f}.vm-qb-cat b{white-space:nowrap}.vm-qb-cat b.ok{color:#1e8b50}.vm-qb-menu-tools{display:flex;gap:9px;margin-bottom:10px}.vm-qb-menu-tools .search{max-width:none}.vm-qb-menu-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.vm-qb-menu-item{border:1px solid #d8e5ef;border-radius:8px;padding:10px;display:flex;align-items:flex-start;gap:8px;color:#315b7f;background:#fff;min-height:45px}.vm-qb-menu-item:hover{border-color:#70acd6}.vm-qb-menu-item.selected{background:#eaf6ff;border-color:#328fd0}.vm-qb-menu-item input{width:auto;margin-top:2px}.vm-qb-menu-item span{font-size:.77rem;line-height:1.25}.vm-qb-custom{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr auto;gap:8px;align-items:end;padding:10px;border:1px solid #f1c576;background:#fff8e8;border-radius:9px;margin-bottom:10px}.vm-qb-custom>div{grid-column:1/-1}.vm-qb-custom>div small{display:block;color:#806949;margin-top:2px}.vm-qb-custom label{font-size:.72rem;display:flex;gap:6px;align-items:center}.vm-qb-custom label input{width:auto}.vm-qb-menu-foot{padding:10px 14px;border-top:1px solid #d7e6f2;display:flex;align-items:center;justify-content:space-between;color:#63829d;font-size:.8rem}
@media(max-width:1250px){.vm-qb-services{grid-template-columns:repeat(4,1fr)}.vm-qb-package-grid{grid-template-columns:repeat(4,1fr)}.vm-qb-inclusion-grid{grid-template-columns:repeat(5,1fr)}.vm-qb-package-notes{grid-template-columns:1fr 1fr}.vm-qb-package-notes b{grid-column:1/-1}.vm-qb-facts{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.vm-qb-head{align-items:flex-start;flex-direction:column}.vm-qb-bottom-grid{grid-template-columns:1fr}.vm-qb-services{grid-template-columns:repeat(3,1fr)}.vm-qb-package-grid{grid-template-columns:repeat(2,1fr)}.vm-qb-inclusion-grid{grid-template-columns:repeat(3,1fr)}.vm-qb-menu-body{grid-template-columns:1fr}.vm-qb-menu-body aside{max-height:180px;border-right:0;border-bottom:1px solid #d7e6f2}.vm-qb-menu-grid{grid-template-columns:repeat(2,1fr)}.vm-qb-custom{grid-template-columns:1fr 1fr}.vm-qb-enquiry-select{grid-template-columns:1fr}.vm-qb-notes{grid-template-columns:1fr}}
@media(max-width:620px){.vm-qb-services{grid-template-columns:repeat(2,1fr)}.vm-qb-inclusion-grid{grid-template-columns:repeat(2,1fr)}.vm-qb-facts{grid-template-columns:1fr 1fr}.vm-qb-facts>div{border-bottom:1px solid #e5eef5}.vm-qb-menu-grid{grid-template-columns:1fr}.vm-qb-package-grid{grid-template-columns:1fr}.vm-qb-package-grid .wide{grid-column:auto}.vm-qb-package-notes{grid-template-columns:1fr}.vm-qb-actionbar{position:static;flex-wrap:wrap}.vm-qb-actionbar>div{width:100%}.vm-qb-custom{grid-template-columns:1fr}}

/* VM_CREATE_QUOTATION_UX_FIX_20260928_V1_1
   Create Quotation usability/safety polish only. */
.vm-qb{padding-bottom:18px}
.vm-qb-actionbar{position:static;bottom:auto;margin:12px 0 0;box-shadow:0 6px 18px #13466f14}
.vm-qb-actionbar .btn:disabled{opacity:.48;cursor:not-allowed;box-shadow:none}
.vm-qb-package-desc{display:flex;align-items:center;gap:8px;min-width:220px;flex-wrap:wrap}
.vm-qb-package-desc>span{font-weight:600;color:#244d75}
.vm-qb-package-desc .link{font-size:.7rem;white-space:nowrap}
.vm-qb-package-grid label>small{font-size:.63rem;font-weight:600;color:#7892a8;margin-top:-2px}
.vm-qb-inline-warning{margin:0 12px 10px;padding:8px 10px;border:1px solid #efb36b;background:#fff7e9;color:#8a5311;border-radius:8px;font-size:.73rem;font-weight:700}
.vm-qb-inline-warning.info{border-color:#b7d7ee;background:#f2f9ff;color:#315f82}
.vm-qb-lock-note{font-size:.65rem;color:#6d879e;font-weight:700;margin-left:4px}
.vm-qb-inline-action{justify-self:start;margin-top:2px;font-size:.7rem}
.vm-qb-notes .wide{grid-column:1/-1}
.vm-qb-notes textarea[readonly]{background:#f4f7fa;color:#425f78;cursor:default}
.vm-qb input[readonly],.vm-qb textarea[readonly]{border-color:#d8e5ef}
.vm-qb-actionbar #vm-qb-action-title{color:#1f4e79}
.vm-qb-actionbar #vm-qb-action-note{max-width:620px}
@media(max-width:900px){.vm-qb-notes .wide{grid-column:auto}}


/* VM_CREATE_QUOTATION_POLISH_20260928_V1_2
   Final Selected Items clarity polish only. */
.vm-qb-package-desc{display:flex;align-items:center;gap:10px;min-width:245px;flex-wrap:wrap}
.vm-qb-package-desc>span{display:inline-block;line-height:1.35}
.vm-qb-edit-package{appearance:none;border:1px solid #9fc8e7;background:#f7fbff;color:#0d67b5;border-radius:7px;padding:4px 8px;font-size:.68rem;font-weight:800;line-height:1.2;white-space:nowrap;cursor:pointer}
.vm-qb-edit-package:hover{background:#eaf5fd;border-color:#5ca4d6;color:#075892}
.vm-qb-items th:nth-last-child(2){min-width:118px;white-space:normal;line-height:1.15}