/* Communications Hub - Quick Estimate (isolated styles, qe- prefixed so nothing collides). */
.qe-bg{position:fixed;inset:0;background:rgba(0,0,0,.62);display:none;align-items:center;justify-content:center;z-index:60;padding:20px}
.qe-bg.show{display:flex}
.qe-modal{background:#1d2024;border:1px solid #30353c;border-radius:14px;padding:18px;width:100%;max-width:400px;max-height:92vh;overflow-y:auto;box-shadow:0 22px 64px rgba(0,0,0,.55);color:#ececec;font-size:14px}
.qe-h{display:flex;justify-content:space-between;align-items:center;margin:0 0 14px}
.qe-h b{font-size:16px}
.qe-x{background:none;border:none;color:#a8b0ba;font-size:22px;cursor:pointer;line-height:1;padding:0 4px}
.qe-x:hover{color:#ececec}
.qe-who,.qe-to{font-size:12.5px;color:#a8b0ba;background:#23262b;border:1px solid #30353c;border-radius:8px;padding:8px 11px;margin-bottom:13px}
.qe-modal label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.4px;color:#a8b0ba;font-weight:700;margin:0 0 5px}
.qe-int{text-transform:none;letter-spacing:0;color:#6f7782;font-weight:400}
.qe-modal select,.qe-modal input,.qe-modal textarea{font:inherit;font-size:14px;width:100%;background:#23262b;color:#ececec;border:1px solid #30353c;border-radius:8px;padding:9px 10px;transition:border-color .12s}
.qe-modal textarea{font-size:13.5px;resize:vertical;line-height:1.55}
.qe-modal select:hover,.qe-modal select:focus,.qe-modal input:focus,.qe-modal textarea:focus{border-color:#5fb3ff;outline:none}
.qe-field{margin-bottom:11px}
.qe-row2{display:grid;grid-template-columns:1fr 1fr;gap:11px}
.qe-out{margin-top:14px}
.qe-rows{display:flex;flex-direction:column;gap:7px}
.qe-row{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:13.5px;color:#a8b0ba;padding:7px 0;border-top:1px solid #30353c}
.qe-row strong{color:#ececec;font-weight:700}
.qe-total{font-size:24px;font-weight:900;color:#46c884;line-height:1.1;margin:11px 0 2px}
.qe-custom{color:#ffcc66}
.qe-cov{font-size:12px;color:#a8b0ba}
.qe-foot{font-size:11.5px;color:#a8b0ba;margin-top:10px;line-height:1.55}
.qe-send-btn{margin-top:15px;width:100%;background:#46c884;color:#0c130e;border:none;border-radius:9px;padding:11px;font-weight:800;font-size:14px;cursor:pointer;transition:filter .12s}
.qe-send-btn:hover{filter:brightness(1.08)}
.qe-send-row{display:flex;gap:9px;margin-top:9px}
.qe-go{flex:1;background:#5fb3ff;color:#06121e;border:none;border-radius:8px;padding:10px;font-weight:800;cursor:pointer;transition:filter .12s}
.qe-go:disabled{opacity:.6;cursor:default}
.qe-go:hover{filter:brightness(1.08)}
.qe-copy{background:#23262b;color:#ececec;border:1px solid #30353c;border-radius:8px;padding:10px 16px;font-weight:700;cursor:pointer}
.qe-copy:hover{border-color:#5fb3ff}
/* standalone customer picker (Door 2) */
.qe-results{display:flex;flex-direction:column;gap:6px;margin:4px 0}
.qe-result{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;text-align:left;background:#23262b;color:#ececec;border:1px solid #30353c;border-radius:8px;padding:8px 11px;cursor:pointer;transition:border-color .12s}
.qe-result:hover{border-color:#5fb3ff}
.qe-result b{font-size:13.5px}
.qe-result span{font-size:12px;color:#a8b0ba}
.qe-noresult{font-size:12.5px;color:#a8b0ba;padding:6px 2px}
.qe-addnew{margin-top:8px;width:100%;background:#23262b;color:#ececec;border:1px solid #30353c;border-radius:8px;padding:9px;font-weight:700;font-size:13.5px;cursor:pointer;transition:border-color .12s}
.qe-addnew:hover{border-color:#5fb3ff}
.qe-addform{margin-top:10px;border-top:1px solid #30353c;padding-top:11px}
.qe-addform .qe-go{width:100%;margin-top:4px}
/* nav 'New Quote' button */
#nav-quote-btn{background:#46c884;color:#0c130e;border:none;border-radius:8px;padding:7px 12px;font-weight:800;font-size:13px;cursor:pointer;transition:filter .12s;white-space:nowrap}
#nav-quote-btn:hover{filter:brightness(1.08)}

/* Mobile reflow (Phase 3, 2026-06-26): the 2-column estimate row stacks on a phone. */
@media (max-width:768px){
  .qe-row2{grid-template-columns:1fr}
}
