/* ============ CUSTOMER LANDING / CRM SHELL (namespaced cx-) ============ */
#cxScreen{display:none;max-width:920px;margin:0 auto;padding:1.25rem 1rem 3rem;}
#cxScreen.cx-on{display:block;}
.cx-h{font-size:1.15rem;font-weight:800;color:var(--text,#0d1b2a);margin:0 0 .25rem;}
.cx-sub{font-size:.85rem;color:var(--text-muted,#5b6b7c);margin:0 0 1rem;}
.cx-card{background:#fff;border:1px solid var(--border,#d6dde6);border-radius:12px;padding:1rem 1.1rem;margin-bottom:1rem;box-shadow:0 1px 3px rgba(20,40,60,.05);}
.cx-field{margin-bottom:.7rem;}
.cx-field label{display:block;font-size:.72rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:var(--text-muted,#5b6b7c);margin-bottom:.25rem;}
.cx-field input{width:100%;font-size:16px;padding:.6rem .7rem;border:1px solid var(--border,#d6dde6);border-radius:8px;outline:none;}
.cx-field input:focus{border-color:var(--accent,#0e5aa7);}
.cx-row{display:flex;gap:.7rem;flex-wrap:wrap;}
.cx-row .cx-field{flex:1;min-width:140px;}
.cx-btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;font-size:.9rem;font-weight:700;padding:.7rem 1.1rem;border-radius:9px;border:1px solid var(--border,#d6dde6);background:#fff;color:var(--text,#0d1b2a);cursor:pointer;-webkit-tap-highlight-color:transparent;}
.cx-btn.cx-primary{background:var(--accent,#0e5aa7);border-color:var(--accent,#0e5aa7);color:#fff;}
.cx-btn.cx-warn{color:#c0392b;}
.cx-jobsel{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin-top:.4rem;}
.cx-job{border:1.5px solid var(--border,#d6dde6);border-radius:12px;padding:1rem;text-align:center;cursor:pointer;background:#fff;transition:border-color .15s,background .15s;-webkit-tap-highlight-color:transparent;}
.cx-job:hover{border-color:var(--accent,#0e5aa7);}
.cx-job svg{width:34px;height:34px;stroke:var(--accent,#0e5aa7);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;margin-bottom:.35rem;}
.cx-job .cx-jn{font-weight:700;font-size:.95rem;color:var(--text,#0d1b2a);}
.cx-job .cx-jd{font-size:.75rem;color:var(--text-muted,#5b6b7c);margin-top:.15rem;}
.cx-proprow{display:flex;align-items:center;gap:.7rem;padding:.7rem 0;border-top:1px solid var(--border,#eef1f4);}
.cx-proprow:first-child{border-top:none;}
.cx-pill{flex:0 0 auto;font-size:.68rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;padding:.2rem .55rem;border-radius:20px;color:#fff;}
.cx-pill.cx-hvac{background:#0e5aa7;}
.cx-pill.cx-generator{background:#e08a00;}
.cx-pill.cx-ductwork,.cx-pill.cx-other{background:#5b6b7c;}
.cx-propmeta{flex:1;min-width:0;}
.cx-propmeta .cx-pt{font-weight:700;font-size:.9rem;color:var(--text,#0d1b2a);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.cx-propmeta .cx-pd{font-size:.75rem;color:var(--text-muted,#5b6b7c);}
.cx-proprow .cx-open{flex:0 0 auto;}
.cx-proprow .cx-btn{padding:.5rem .8rem;font-size:.82rem;}
.cx-propdel{flex:0 0 auto;color:#c0392b !important;border-color:#e8b5b0 !important;}
.cx-propdel:hover{background:#fdecea !important;}
.cx-devcard{background:#fff8e6 !important;border-color:#f0d488 !important;}
.cx-devrow{display:flex;gap:.7rem;align-items:flex-start;cursor:pointer;}
.cx-devrow input{width:20px;height:20px;flex:0 0 auto;margin-top:1px;}
.cx-devtitle{display:block;font-weight:700;font-size:.9rem;color:#8a6d1a;}
.cx-devsub{display:block;font-size:.78rem;color:#a08442;margin-top:2px;}
.cx-devbadge{display:none;align-items:center;gap:.3rem;background:#f0b429;color:#3a2c05;font-size:.7rem;font-weight:800;letter-spacing:.03em;padding:.25rem .55rem;border-radius:20px;}
.cx-empty{font-size:.85rem;color:var(--text-muted,#7b8a9a);padding:.5rem 0 .2rem;}
.cx-actions{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:.3rem;}
.cx-back{background:none;border:none;color:var(--text-muted,#5b6b7c);font-size:.85rem;font-weight:600;cursor:pointer;padding:.3rem 0;display:inline-flex;align-items:center;gap:.3rem;}
.cx-back svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2;}