:root { --btm:#004165; --btm-mid:#0c5976; --btm-pale:#eaf3f6; --ink:#193346; --muted:#617581; --border:#cdd9df; --bg:#eef3f5; --gold:#f9ba34; --green:#166344; --white:#fff; }
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.46 Arial,Helvetica,sans-serif}button,input{font:inherit}a{color:var(--btm)}[hidden]{display:none!important}
.site-container{width:min(1100px,calc(100% - 36px));margin:0 auto}
.am-topbar{background:var(--btm);color:#fff;border-bottom:3px solid #f1b52a}
.bar-content{display:flex;justify-content:space-between;align-items:center;min-height:66px;gap:20px}
.am-brand{display:flex;flex-direction:column;gap:2px}.am-brand strong{font-size:15px;letter-spacing:.1px}.am-mini-label{color:#bddce6;font-weight:700;font-size:10px;letter-spacing:1.5px}.am-topright{display:flex;gap:10px;align-items:center}.environment{color:#002d48;background:#e9f4f7;border-radius:4px;padding:4px 8px;font-size:11px;font-weight:700}.private-view{font-size:12px;color:#d6e6ea}
.notice{margin:24px 0 18px;border:1px solid #acc9d6;background:#e4f2f6;color:#154963;padding:12px 16px;border-radius:6px;font-size:13px}.notice.success{background:#e6f2eb;color:#175638;border-color:#b6d8c7}.notice.error{background:#fff0ee;color:#94352e;border-color:#ecb5af}
.quote-document{background:#fff;margin-top:22px;padding:37px 43px 30px;border:1px solid #d5e0e4;box-shadow:0 7px 28px rgba(16,53,75,.065)}
.quote-letterhead{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:70px;margin-bottom:20px}.btm-logo{width:auto;max-width:240px;height:57px;object-fit:contain;object-position:left center}.letterhead-right{text-align:right;display:flex;flex-direction:column;gap:2px}.letterhead-right strong{font-size:14px;color:var(--btm)}.letterhead-right span{font-size:12px;color:#69808a}
.quote-titlebar{padding:9px 16px;background:var(--btm);color:#fff;text-align:center;font-size:16px;letter-spacing:1.9px;font-weight:800}
.quote-reference{display:grid;grid-template-columns:1fr 1fr;gap:6px 22px;padding:14px 4px 16px}.quote-reference>div{display:flex;gap:8px;align-items:baseline;min-width:0}.quote-reference>div:first-child{grid-row:span 3;align-items:flex-start;flex-direction:column;gap:2px}.quote-reference>div:first-child strong{font-size:21px;color:var(--btm);word-break:break-word}.quote-reference-secondary{font-size:12px}.quote-reference-secondary strong{margin-left:auto;text-align:right;font-weight:600;overflow-wrap:anywhere}.reference-label{font-size:12px;color:#546a78;font-weight:700}
.addresses{display:grid;grid-template-columns:1fr 1fr;border:1px solid #a9bec9}.address-block{padding:20px 22px 18px;min-height:186px}.address-block+.address-block{border-left:1px solid #a9bec9}.address-topline{display:flex;gap:7px;align-items:baseline;margin-bottom:18px;font-size:13px}.address-topline strong{font-size:13px}.address-block h2{font-size:17px;margin:0 0 6px;color:var(--btm)}.address-company{display:block;font-size:14px;text-transform:uppercase;line-height:1.4}.formatted-address{white-space:pre-line;margin:5px 0 9px;line-height:1.55;color:#354c59;font-size:13px}.small-meta{font-size:11px;margin-top:9px;display:flex;gap:6px;flex-wrap:wrap}.small-meta span{color:#657c88}.small-meta strong{overflow-wrap:anywhere;font-weight:600}
.quote-items-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin:35px 0 13px}.quote-items-heading h2{font-size:20px;color:var(--btm);margin:3px 0 0}.eyebrow{font-size:10px;letter-spacing:1.4px;font-weight:800;color:#497489}.quote-items-heading p{font-size:12px;color:#647784;margin:0;max-width:360px;text-align:right}.asset-summary{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:13px}.asset-card{display:flex;flex-direction:column;gap:3px;background:#f0f6f8;border-left:3px solid #568baa;padding:7px 12px;min-width:160px;font-size:12px}.asset-card strong{color:#254b61;font-weight:700}.asset-card span{font-size:11px;color:#6d808c}
.items-scroll{overflow-x:auto;max-width:100%}.quote-items{border-collapse:collapse;width:100%;min-width:765px;font-size:13px}.quote-items th{color:#fff;background:var(--btm);text-align:left;font-size:11px;font-weight:700;padding:11px 11px;white-space:nowrap}.quote-items td{border-bottom:1px solid #dbe5e9;padding:16px 11px;color:#284453;vertical-align:top}.quote-items tbody tr:nth-child(even){background:#f7fafb}.quote-items .align-right{text-align:right;white-space:nowrap}.quote-items .description{font-weight:700;min-width:220px;color:#173c52}.description-caption{display:block;margin-top:4px;font-size:11px;color:#66808f;font-weight:400}.quote-items .item-code{color:#56717e;font-size:12px}.quote-items .price{font-weight:700}.quote-items .uom,.quote-items .qty{white-space:nowrap}.quote-items .choice{white-space:nowrap}.selection-required{color:#35677e;background:#e9f3f7;padding:4px 7px;font-size:11px;font-weight:700;border-radius:3px}.selection-optional{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:700;color:#74521f}.selection-optional input{margin:0;accent-color:var(--btm);width:15px;height:15px;opacity:1;cursor:pointer}.empty-table{text-align:center;color:#5e7380!important}
.total-line{display:flex;justify-content:flex-end;gap:22px;align-items:center;padding:19px 0 3px;border-bottom:2px solid #aac4d0}.total-line span{font-size:18px;font-weight:800;color:#123d56}.total-line strong{font-size:24px;font-weight:800;color:var(--btm)}.total-note{text-align:right;font-size:11px;color:#6f818b;padding:8px 0 0}
.quote-info-section{margin-top:23px}.expiration{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 21px;font-size:14px}.expiration strong{color:var(--btm)}.expiration span{font-weight:700}.comments-box{border:1px solid #b6c9d3;padding:13px 17px;margin-bottom:27px;min-height:80px}.comments-box strong{display:block;margin-bottom:4px;font-size:13px;color:var(--btm)}.comments-box p{font-size:13px;margin:0;color:#415867;white-space:pre-wrap;overflow-wrap:anywhere}.account-manager-contact{display:flex;flex-direction:column;align-items:flex-start;gap:2px;line-height:1.5;font-size:13px}.account-manager-contact strong{font-size:15px}.account-manager-contact span{color:#435765}.account-manager-contact a{font-size:13px;word-break:break-word}
.terms{margin-top:29px;font-size:12px;line-height:1.65;color:#445c68}.terms h2{color:var(--btm);font-size:13px;margin:0 0 7px}.terms p{margin:0 0 11px}.terms-contact{margin-top:18px!important}
.document-footer{border-top:1px solid #cddbe2;text-align:center;font-size:11px;color:#8b9aa2;margin-top:36px;padding-top:14px}.document-footer span{padding:0 6px}
.review-divider{display:flex;align-items:center;gap:15px;margin:36px 0 23px;color:var(--btm);font-weight:800;font-size:11px;letter-spacing:1.4px;white-space:nowrap}.review-divider:before,.review-divider:after{content:"";height:2px;background:#a3c1ce;flex:1}.review-divider span{padding:6px 11px;background:#dfecef;border-radius:3px}
.approval-panel{background:#fff;border:1px solid #c4d8e0;border-top:5px solid var(--btm);box-shadow:0 4px 17px rgba(9,55,77,.04);padding:27px 30px 30px}.approval-panel-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}.approval-panel-heading h2{font-size:23px;margin:5px 0;color:var(--btm)}.approval-panel-heading p{margin:5px 0;color:#5c707c;font-size:13px}.status-chip{flex:none;background:#e5f3ec;color:#1d694b;font-size:11px;font-weight:800;border-radius:100px;padding:8px 13px;white-space:nowrap}.approval-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px}.approval-summary>div{background:#f2f7f9;border:1px solid #e0e9ed;padding:14px}.approval-summary span{display:block;font-size:11px;color:#647a85;margin-bottom:7px}.approval-summary strong{display:block;font-size:13px;overflow-wrap:anywhere;color:#173b52}.approval-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px}.approval-step{display:flex;gap:11px;align-items:flex-start;border:1px solid #d6e4e9;background:#fbfdfe;padding:14px 12px}.step-number{display:grid;place-items:center;flex:none;background:#004165;color:#fff;width:26px;height:26px;border-radius:50%;font-size:12px;font-weight:800}.approval-step div{display:flex;flex-direction:column;gap:3px}.approval-step strong{font-size:12px;color:#1d4559}.approval-step div span{font-size:11px;color:#6b7e89}.approval-actions{margin-top:22px;padding-top:22px;border-top:1px solid #dbe6eb}.actions-title{display:flex;flex-direction:column;gap:3px}.actions-title strong{font-size:15px;color:var(--btm)}.actions-title span{font-size:12px;color:#6a7e89}.button-row{display:flex;gap:10px;margin-top:15px;flex-wrap:wrap}.btn{border:1px solid var(--btm);background:#fff;color:var(--btm);border-radius:4px;padding:11px 20px;font-size:13px;font-weight:800}.btn-accept{background:var(--btm);color:white}.btn-decline{color:#8b3e3e;border-color:#b97979}.btn:disabled{cursor:not-allowed;opacity:.48}.action-subrow{display:flex;gap:10px;margin-top:19px;flex-wrap:wrap}.btn-utility{cursor:pointer;font-weight:700;padding:9px 15px}.btn-utility:hover{background:#e9f3f7}.internal-footer{text-align:center;margin:20px 0 45px;font-size:11px;color:#71838c}
@media(max-width:850px){.approval-steps{grid-template-columns:1fr}.quote-document{padding:27px 24px}.quote-reference{grid-template-columns:1fr 1fr}.approval-summary{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.site-container{width:calc(100% - 20px)}.bar-content{min-height:62px}.private-view{display:none}.am-brand strong{font-size:13px}.quote-document{padding:20px 16px}.quote-letterhead{margin-bottom:12px}.letterhead-right{display:none}.btm-logo{height:45px}.quote-reference{grid-template-columns:1fr;gap:10px}.quote-reference>div:first-child{grid-row:auto}.quote-reference-secondary strong{margin-left:0}.addresses{grid-template-columns:1fr}.address-block{min-height:auto;padding:17px}.address-block+.address-block{border-left:0;border-top:1px solid #a9bec9}.address-topline{margin-bottom:13px}.quote-items-heading{flex-direction:column;align-items:flex-start;gap:8px}.quote-items-heading p{text-align:left}.total-line{justify-content:space-between}.approval-panel{padding:21px 18px}.approval-panel-heading{flex-direction:column}.approval-summary{grid-template-columns:1fr 1fr}.review-divider{font-size:9px}.document-footer{font-size:10px}}
@media(max-width:390px){.approval-summary{grid-template-columns:1fr}.quote-reference>div{flex-wrap:wrap}.total-line span{font-size:15px}.total-line strong{font-size:20px}}
@media print{
  @page{size:letter;margin:0.45in}
  html,body{background:white!important;font-size:12px}
  .site-container{width:100%;margin:0}
  .am-topbar,.notice,.review-divider,.approval-panel,.internal-footer{display:none!important}
  .quote-document{padding:0;border:0;box-shadow:none;margin:0}
  .btm-logo{height:49px}.quote-items{min-width:0}.items-scroll{overflow:visible}
  .quote-items th{background:#004165!important;color:white!important;print-color-adjust:exact;-webkit-print-color-adjust:exact}
  .addresses,.quote-items tr,.comments-box,.terms{break-inside:avoid}
  .quote-titlebar{background:#004165!important;color:#fff!important;print-color-adjust:exact;-webkit-print-color-adjust:exact}
  .quote-items td{padding:10px 7px}.quote-items th{padding:9px 7px}
  .document-footer{margin-top:18px}
}

/* Quote selection preview (same shared quotation markup will be reused for customer) */
.selection-optional{cursor:pointer;user-select:none;padding:3px 0;color:var(--btm)}
.selection-optional input{width:17px;height:17px;cursor:pointer;flex:none;accent-color:var(--btm)}
.selection-optional:focus-within{outline:2px solid #438eb0;outline-offset:4px;border-radius:2px}
.quote-items tr.is-excluded{background:#f4f6f7!important}
.quote-items tr.is-excluded td:not(.choice){color:#8897a0!important}
.quote-items tr.is-excluded .description,.quote-items tr.is-excluded .description-caption{color:#8897a0!important}
.quote-items tr.is-excluded .selection-optional{color:#6b7d87}
.line-current-amount{display:block}
/* No extra amount or secondary line: strike through both prices in place. */
.quote-items tr.is-excluded td.price,
.quote-items tr.is-excluded .line-current-amount{text-decoration:line-through;text-decoration-thickness:1px;text-decoration-color:currentColor}
.selection-preview-note{margin:20px 0 0;padding:12px 14px;border-left:3px solid #73a1b8;background:#eef6f9;color:#3c5c6e;font-size:12px;line-height:1.6}
.selection-preview-note strong{color:var(--btm)}
@media print{.quote-items tr.is-excluded{background:#f4f6f7!important;print-color-adjust:exact;-webkit-print-color-adjust:exact}}

/* AM decision form */
.btn:not(:disabled){cursor:pointer}.btn:not(:disabled):focus-visible{outline:3px solid #59b7d5;outline-offset:2px}
.modify-panel{margin-top:20px;border:1px solid #aac8d6;background:#f4f9fb;padding:20px}
.modify-panel[hidden],.confirm-changes[hidden]{display:none!important}
.modify-panel h3{margin:0 0 8px;color:#004165}.modify-panel p{font-size:13px;line-height:1.55;color:#465d68}
.modify-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.modify-grid label{display:flex;flex-direction:column;gap:6px;color:#254b60;font-size:12px;font-weight:700}
.modify-grid input,.modify-grid textarea{box-sizing:border-box;width:100%;font:inherit;color:#183848;border:1px solid #adc6d3;border-radius:3px;background:white;padding:10px}
.confirm-changes{border-top:1px solid #b7d1dd;margin-top:18px;padding-top:18px}
.confirm-changes h4{margin:0 0 10px;color:#004165}.confirm-changes p{white-space:pre-wrap;overflow-wrap:anywhere}
@media(max-width:640px){.modify-grid{grid-template-columns:1fr}}

.customer-review-footer{padding:20px;margin:24px 0 50px;border:1px solid #ccdce4;background:#fff}
.customer-review-footer p{font-size:13px;color:#516774}.customer-review-footer button{cursor:pointer}
@media print{.customer-review-footer{display:none!important}}

/* Customer decision panel and confirmation modal. Hidden in print. */
.customer-decision-panel{background:#fff;border:1px solid #bad1dc;border-top:5px solid var(--btm);padding:26px 30px;margin:26px 0 50px}
.customer-decision-panel h2{color:var(--btm);margin:8px 0;font-size:23px}.customer-decision-panel>p{font-size:13px;color:#536a78;line-height:1.6}
.customer-decision-total{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid #dbe6eb;border-bottom:1px solid #dbe6eb;margin:18px 0;padding:16px 0}
.customer-decision-total span{font-size:13px;color:#405c6c;font-weight:700}.customer-decision-total strong{font-size:23px;color:var(--btm)}
.customer-decision-actions,.customer-dialog-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.customer-decision-panel .btn:focus-visible,.customer-decision-dialog .btn:focus-visible{outline:3px solid #399ab9;outline-offset:2px}
.customer-decision-dialog{border:1px solid #9dbbc9;border-top:5px solid var(--btm);border-radius:6px;padding:26px;max-width:min(620px,calc(100% - 24px));width:100%;color:var(--ink);box-shadow:0 12px 44px rgba(0,0,0,.22)}
.customer-decision-dialog::backdrop{background:rgba(0,30,50,.63)}.customer-decision-dialog h2{color:var(--btm);margin:0 0 10px}.customer-decision-dialog p{font-size:13px;color:#526c78}
.selected-line-summary ul{list-style:none;padding:0;margin:10px 0}.selected-line-summary li{display:flex;justify-content:space-between;gap:18px;border-bottom:1px solid #dbe7ea;padding:10px 0;font-size:13px}.selected-line-summary li strong{white-space:nowrap}
.confirmation-total{display:flex;justify-content:space-between;gap:14px;background:#eaf3f7;border:1px solid #d0e2e9;padding:12px}
.terms-confirm{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:#26475b;margin:18px 0}.terms-confirm input{width:17px;height:17px;flex:none;accent-color:var(--btm)}
.customer-field{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:700;margin:16px 0;color:var(--btm)}.customer-field select,.customer-field textarea{border:1px solid #a7bfca;padding:10px;font:inherit;background:#fff;border-radius:4px;max-width:100%}
.customer-dialog-actions{justify-content:flex-end;border-top:1px solid #dae7eb;margin-top:20px;padding-top:18px}.dialog-error{padding:10px 12px;color:#8e2727;background:#ffeded;border:1px solid #eab3b3;margin:15px 0;font-size:13px}
.customer-decision-result{background:#e2f3e9;color:#155737;border:1px solid #a2cfb2;padding:22px;margin:26px 0 50px;font-size:15px;line-height:1.6;font-weight:600}
.selection-optional input:disabled{cursor:not-allowed;opacity:.55}.selection-optional:has(input:disabled){cursor:not-allowed;color:#82939d}
@media(max-width:600px){.customer-decision-panel{padding:22px 17px}.customer-decision-total strong{font-size:20px}.customer-decision-actions .btn{flex:1}.customer-decision-dialog{padding:18px}.customer-dialog-actions{justify-content:stretch}.customer-dialog-actions .btn{flex:1}}
@media print{.customer-decision-panel,.customer-decision-result,.customer-decision-dialog{display:none!important}}
