.quotePage{background:#f5f7f6}.quotePage .nav nav{display:flex;gap:18px;align-items:center}.quotePage .nav nav a{text-decoration:none;color:inherit}.adminBtn{border:0;background:#10251e;color:white;padding:10px 15px;border-radius:10px;font-weight:800}.qb{padding:35px 0 80px}.qbHead{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:22px}.qbHead h1{font-size:42px;margin:6px 0}.qbHead p{color:#65736e}.modeBadge,.autoTag,.lockTag{background:#e7f5ee;color:#087f5b;padding:8px 12px;border-radius:999px;font-size:12px;font-weight:800;white-space:nowrap}.lockTag{background:#eef1ef;color:#56635e}.qbCard{background:white;border:1px solid #e3e9e6;border-radius:20px;padding:22px;margin:16px 0;box-shadow:0 8px 30px #1231  }.steps{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.steps span{background:#f0f3f1;padding:8px 12px;border-radius:999px;font-size:12px;font-weight:700}.steps .on{background:#0a865e;color:#fff}.formGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.formGrid label,.qtyRow label{font-size:13px;font-weight:800}.formGrid input,.qtyRow input,.modalBox input{display:block;width:100%;box-sizing:border-box;margin-top:7px;border:1px solid #ccd7d2;border-radius:10px;padding:12px;background:#fff}.sectionTitle{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.sectionTitle h2{margin:4px 0}.optionGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.option{border:1px solid #d8e2dd;border-radius:14px;padding:15px;cursor:pointer;position:relative}.option.selected{border:2px solid #07865d;background:#f0faf5}.option h3{font-size:15px;margin:3px 0}.option p{font-size:12px;color:#687670;margin:4px 0}.option .price{font-weight:900;margin-top:8px}.option input{position:absolute;right:13px;top:14px}.qtyRow{display:flex;gap:20px;align-items:end;margin-top:16px}.qtyRow label{width:170px}.hint{color:#66746f;font-size:13px}.chargeRows{border:1px solid #e0e7e3;border-radius:14px;overflow:hidden}.charge{display:grid;grid-template-columns:1fr 100px 150px;gap:12px;padding:13px 15px;border-bottom:1px solid #edf1ef;align-items:center}.charge:last-child{border-bottom:0}.charge .muted{color:#73807b;font-size:12px}.charge strong{text-align:right}.totalBar{display:flex;justify-content:space-between;margin-top:16px;padding:18px;background:#0d2a21;color:white;border-radius:14px}.totalBar strong{font-size:23px}.smallNote{font-size:12px;color:#6b7773}.switchLine{display:flex;align-items:center;gap:12px;padding:14px;background:#f7faf8;border-radius:12px}.switchLine input{width:20px;height:20px}.switchLine b{margin-left:auto}.actionCard{display:flex;gap:10px;flex-wrap:wrap}.btn{border:0;cursor:pointer;text-decoration:none;display:inline-block}.btn.ghost{background:#eef1ef;color:#23352e}.modal{position:fixed;inset:0;background:#10251e99;display:none;align-items:center;justify-content:center;z-index:100;padding:18px}.modal.show{display:flex}.modalBox,.previewBox{background:white;border-radius:20px;width:min(900px,100%);max-height:92vh;overflow:auto;padding:25px;position:relative}.modalBox{width:min(720px,100%)}.x{position:absolute;right:15px;top:12px;border:0;background:#eef2ef;border-radius:50%;font-size:24px;width:38px;height:38px}.full{width:100%;text-align:center}.adminTop{display:flex;justify-content:space-between;align-items:center}.adminFields{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:15px 0}.adminField{background:#f7f9f8;padding:12px;border-radius:12px}.adminField label{font-size:12px;font-weight:800}.adminField input,.adminField select{display:block;width:100%;box-sizing:border-box;margin-top:6px;padding:9px;border:1px solid #ccd7d2;border-radius:8px}.quoteDoc{background:#fff;color:#16211d;max-width:850px;margin:auto;padding:35px}.quoteBrand{display:flex;justify-content:space-between;align-items:start;border-bottom:3px solid #0a865e;padding-bottom:18px}.quoteLogo{font-size:23px;font-weight:900}.quoteLogo span{color:#0a865e}.quoteMeta{text-align:right;font-size:12px}.quoteDoc h1{font-size:30px;margin:25px 0 10px}.quoteInfo{display:grid;grid-template-columns:1fr 1fr;gap:15px;background:#f5f8f6;padding:15px;border-radius:10px}.quoteTable{width:100%;border-collapse:collapse;margin-top:20px;font-size:13px}.quoteTable th,.quoteTable td{border-bottom:1px solid #dfe6e2;padding:10px;text-align:left}.quoteTable th:last-child,.quoteTable td:last-child{text-align:right}.quoteTotal{display:flex;justify-content:flex-end;margin-top:12px}.quoteTotal div{width:300px}.quoteTotal p{display:flex;justify-content:space-between;margin:8px 0}.terms{margin-top:25px;font-size:11px;color:#53605b;line-height:1.6}.previewActions{display:flex;gap:10px;justify-content:center;margin-top:15px}
@media(max-width:800px){.formGrid,.optionGrid,.adminFields{grid-template-columns:1fr 1fr}.qbHead{display:block}.qbHead h1{font-size:32px}.quotePage .nav nav{display:none}}
@media(max-width:520px){.formGrid,.optionGrid,.adminFields{grid-template-columns:1fr}.charge{grid-template-columns:1fr 65px 110px}.qb{padding:20px 10px 70px}.quoteCta{right:10px;bottom:10px}.switchLine{flex-wrap:wrap}}
@media print{body{background:white!important}.quotePage>header,.qb,.modal .x,.previewActions,.noPrint{display:none!important}.modal{display:block!important;position:static!important;background:white!important;padding:0!important}.previewBox{box-shadow:none!important;max-height:none!important;padding:0!important}.quoteDoc{padding:10mm!important;max-width:none!important}.quoteBrand .quoteLogo{display:none!important}.quoteBrand{border-bottom:2px solid #222}.quoteMeta{color:#333}.quoteDoc:before{content:'SOLAR SYSTEM QUOTATION';font-size:26px;font-weight:900;display:block;margin-bottom:8px}.quoteDoc .brandAdmin{display:none!important}}