Junction Box Load Calculator | AutomationForum.co /* HEADER */ .jb-header{background:linear-gradient(135deg,var(–brand-dark) 0%,var(–brand) 60%,#2176b8 100%);border-radius:var(–radius);padding:24px 28px;margin-bottom:20px;color:#fff;position:relative;overflow:hidden} .jb-header::before{content:”;position:absolute;right:-30px;top:-30px;width:180px;height:180px;background:rgba(255,255,255,.05);border-radius:50%} .jb-header::after{content:”;position:absolute;right:40px;top:30px;width:100px;height:100px;background:rgba(255,255,255,.04);border-radius:50%} .jb-header-top{display:flex;align-items:center;gap:12px;margin-bottom:6px} .jb-header-icon{font-size:28px;line-height:1;color:#ffffff} .jb-header h1{font-size:20px;font-weight:700;letter-spacing:-.3px;color:#ffffff} .jb-header p{font-size:13px;color:#ffffff;max-width:580px} .jb-badge{display:inline-flex;align-items:center;gap:5px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.4);border-radius:20px;padding:2px 10px;font-size:11px;font-weight:600;margin-top:10px;color:#ffffff} /* SECTION CARD */ .jb-card{background:var(–card);border:1px solid var(–border);border-radius:var(–radius);padding:20px;margin-bottom:16px;box-shadow:var(–shadow)} .jb-section-title{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(–brand);border-bottom:2px solid var(–brand-light);padding-bottom:8px;margin-bottom:16px;display:flex;align-items:center;gap:7px} .jb-section-title span{font-size:16px} /* FORM GRID */ .jb-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px} .jb-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px} .jb-full{grid-column:1/-1} .jb-field label{display:block;font-size:12px;font-weight:600;color:var(–text-muted);margin-bottom:4px;text-transform:uppercase;letter-spacing:.4px} .jb-field input,.jb-field select{width:100%;padding:8px 10px;border:1px solid … Continue reading Junction Box Load Calculator