/* NET2000 4.12 - Free Wi-Fi plan block: in-browser floor plan builder + send form (better-online.html#wifi-plan). Form fields reuse nbn-enquiry.css (.nq). */
.wp{margin:28px 0 8px;padding:22px;border-radius:20px;background:linear-gradient(160deg,#fff,#f1f6ff);border:1px solid #cdd8f0;box-shadow:0 10px 30px rgba(10,31,143,.08)}
.wp h3{display:flex;align-items:center;gap:10px;margin:0 0 .4em;font-size:1.3rem}
.wp h3 svg{width:26px;height:26px;color:var(--royal,#1b4fd8);flex:none}
.wp-free{display:inline-block;margin-left:4px;padding:2px 10px;border-radius:999px;background:#e6fbf3;color:#0f7a5c;font-size:.78rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.wp-steps{margin:10px 0 14px;padding-left:1.3em}
.wp-steps li{margin:.35em 0}
.wp-private{margin:0 0 16px;font-size:.92rem;color:var(--muted)}
.wp .nq{margin-top:6px}
.wp .nq h4{margin:0 0 4px;font-size:1.1rem;color:var(--navy-800)}
.wp .nq select{display:block;width:100%;max-width:100%;box-sizing:border-box;font:inherit;font-size:1rem;color:var(--ink);padding:.55em .7em;border:1.5px solid #c9d5ee;border-radius:12px;background:#fff;min-height:44px}
.wp .nq select:focus{outline:none;border-color:#2a5bd7;box-shadow:0 0 0 4px rgba(42,91,215,.15)}
.wp-lookup{margin:0 0 10px;padding:10px 12px;border-radius:12px;background:#eef4ff;font-size:.9rem}
.wp[hidden],.wp [hidden]{display:none !important}
.wp-noscript{padding:12px 14px;border-radius:12px;background:#fff7e6;color:#6b4a00}
.tips-btns{display:flex;flex-wrap:wrap;gap:12px}
@media (max-width:420px){.wp{padding:16px 12px}}


/* 4.11 builder */
.wpb{position:relative;margin:6px 0 16px}
.wpb-stage{display:flex;flex-direction:column;gap:10px;min-width:0}
.wpb-bar{display:flex;flex-direction:column;gap:8px}
.wpb-group{display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-width:0}
.wpb-lbl{font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-right:4px}
.wpb-chip{font:inherit;font-size:.86rem;font-weight:700;line-height:1.1;min-height:36px;padding:7px 12px;border-radius:999px;border:1.5px solid #b9c9ee;background:#fff;color:var(--navy-800,#0a1f8f);cursor:pointer}
.wpb-chip:hover{border-color:#2a5bd7}
.wpb-chip[aria-pressed=true]{background:#0a1f8f;border-color:#0a1f8f;color:#fff}
.wpb-ghost{background:rgba(255,255,255,.7)}
.wpb-wallbtn{border-color:#ffb3a3;color:#9c2f17}
.wpb-chip:focus-visible,.wpb-fs:focus-visible{outline:3px solid #2a5bd7;outline-offset:2px}
.wpb-canvas{position:relative;border-radius:16px;overflow:hidden;background:#020a3a;border:1px solid #1d2f7a;box-shadow:0 10px 30px rgba(10,31,143,.18)}
.wpb-svg{display:block;width:100%;height:auto;max-height:68vh;touch-action:none;user-select:none;-webkit-user-select:none;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}
.wpb-fs{position:absolute;right:10px;top:10px;font:inherit;font-size:.82rem;font-weight:800;min-height:36px;padding:6px 12px;border-radius:999px;border:1px solid rgba(127,227,255,.6);background:rgba(2,10,58,.85);color:#fff;cursor:pointer;display:none}
.wpb-fill{fill:#0d1c5c;opacity:.92}.wpb-fill.is-garage{fill:#0b1440}
.wpb-out{fill:transparent;stroke:#cfe0ff;cursor:move}.wpb-out.is-garage{stroke-dasharray:6 5}
.wpb-room.is-sel .wpb-out{stroke:#ffd166}
.wpb-room:focus{outline:none}.wpb-room:focus-visible .wpb-out{stroke:#ffd166;stroke-dasharray:none}
.wpb-name{fill:#eaf2ff;font-weight:700;pointer-events:none}
.wpb-dim{fill:#9fb2dc;font-weight:500;pointer-events:none}
.wpb-hv{fill:#ffd166;stroke:#020a3a}
.wpb-h-nw,.wpb-h-se{cursor:nwse-resize}.wpb-h-ne,.wpb-h-sw{cursor:nesw-resize}.wpb-h-n,.wpb-h-s{cursor:ns-resize}.wpb-h-e,.wpb-h-w{cursor:ew-resize}
.wpb-nbn{cursor:grab}.wpb-nbn:focus{outline:none}.wpb-nbn:focus-visible rect,.wpb-nbn.is-sel rect{stroke:#fff}
.wpb-wall{cursor:move}.wpb-wall-hit{stroke:transparent;stroke-linecap:round}.wpb-wall-line{stroke:#ff9c87;stroke-linecap:round}
.wpb-wall.is-sel .wpb-wall-line,.wpb-wall:focus-visible .wpb-wall-line{stroke:#ffd166}.wpb-wall:focus{outline:none}
.wpb-sel{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-height:44px;padding:8px 12px;border-radius:12px;background:#eef4ff;font-size:.9rem;color:var(--navy-800,#0a1f8f)}
.wpb-sel label{font-weight:700}
.wpb-sel input{font:inherit;font-size:1rem;min-height:38px;padding:4px 10px;border:1.5px solid #c9d5ee;border-radius:10px;width:14em;max-width:100%;box-sizing:border-box}
.wpb-dimtxt{font-weight:700;color:var(--muted)}
.wpb-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;font-size:.9rem}
.wpb-size{font-weight:700;color:var(--navy-800,#0a1f8f)}
.wpb-chk{display:inline-flex;align-items:center;gap:6px;min-height:36px;cursor:pointer}
.wpb-chk input{width:20px;height:20px}
.wpb-help{margin:0;font-size:.82rem;color:var(--muted)}
.wpb-phone{display:none}
.wpb-go .btn{min-height:48px}
.wpb-result{margin-top:14px;padding:16px;border-radius:16px;background:#fff;border:1px solid #cdd8f0}
.wpb-guide{display:inline-block;margin:0 0 8px;padding:4px 12px;border-radius:999px;background:#fff7e0;color:#7a5200;font-weight:800;font-size:.86rem}
.wpb-sum{margin:0 0 6px;font-weight:800;font-size:1.05rem;color:var(--navy-800,#0a1f8f)}
.wpb-units{margin:0 0 10px;padding:0;list-style:none}
.wpb-units li{display:flex;align-items:center;gap:8px;margin:4px 0}
.wpb-num{display:inline-grid;place-items:center;flex:none;width:24px;height:24px;border-radius:50%;background:#ffd166;color:#020a3a;font-weight:800;font-size:.8rem}
.wpb-kit{margin:0 0 10px}
.wpb-result h4{margin:12px 0 4px;font-size:1rem;color:var(--navy-800,#0a1f8f)}
.wpb-notes{margin:0 0 12px;padding-left:1.2em}.wpb-notes li{margin:.25em 0}
.wpb-legend{display:flex;flex-wrap:wrap;gap:6px 16px;margin:0 0 14px;padding:0;list-style:none;font-size:.84rem;color:var(--muted)}
.wpb-legend li{display:flex;align-items:center;gap:6px}
.wpb-i{display:inline-block;width:18px;height:18px;border-radius:5px;background:#06124a;border:2px solid #7fe3ff;box-sizing:border-box}
.wpb-i-nbn{background:#1a1a3a;border-color:#ffd166}.wpb-i-sat{border-color:#14c38e}
.wpb-i-cov{border:0;border-radius:50%;background:radial-gradient(#6ff0c4,rgba(20,195,142,0))}
.wpb-i-weak{border:0;background:repeating-linear-gradient(45deg,#ff9c87 0 2px,transparent 2px 6px)}
.wpb-i-wall{border:0;height:6px;border-radius:3px;background:repeating-linear-gradient(90deg,#ff9c87 0 3px,transparent 3px 8px)}
.wpb-actions{display:flex;flex-wrap:wrap;gap:10px}.wpb-actions .btn{min-height:44px}
.wpb-live{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.wp-plan-sum{margin:0 0 10px;padding:8px 12px;border-radius:10px;background:#e6fbf3;color:#0f5d47;font-size:.9rem;font-weight:600}
.wp-ex{margin:0 0 16px}
.wp-ex summary{cursor:pointer;font-weight:700;color:var(--royal,#2a5bd7);min-height:32px}
.wp-ex figure{margin:10px 0 0;max-width:480px;border-radius:14px;overflow:hidden;background:#020a3a;border:1px solid #cdd8f0}
.wp-ex img{display:block;width:100%;height:auto}
.wp-ex figcaption{padding:10px 12px;font-size:.88rem;background:#fff;color:var(--navy-800)}
@media (max-width:699px){
  .wpb-svg{touch-action:pan-y pinch-zoom}
  .wpb-fs{display:block}
  .wpb-phone{display:inline}
  .wpb-group{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:4px;scrollbar-width:thin}
  .wpb-chip{flex:none}
}
/* full-screen edit (phones) */
html.wpb-lock,html.wpb-lock body{overflow:hidden}
.wpb-stage.wpb-full{position:fixed;inset:0;z-index:1000;margin:0;padding:10px 10px calc(10px + env(safe-area-inset-bottom));background:#f1f6ff;overflow:auto;gap:8px}
.wpb-full .wpb-canvas{flex:1 1 auto;min-height:0;display:flex}
.wpb-full .wpb-svg{touch-action:none;height:100%;max-height:none}
.wpb-full .wpb-fs{display:block;background:#ffd166;color:#020a3a;border-color:#ffd166}
.wpb-full .wpb-help,.wpb-full .wpb-row .wpb-chk{display:none}
@media (prefers-reduced-motion:no-preference){.wpb-chip{transition:background .15s,border-color .15s}}

/* 4.12 quick sizes, undo/tidy/autofit */
.wpb-tools .wpb-chip[disabled]{opacity:.45;cursor:default}
.wpb-af{display:inline-flex;align-items:center;gap:6px;min-height:36px;font-size:.86rem;font-weight:700;color:var(--navy-800,#0a1f8f);cursor:pointer;flex:none}
.wpb-af input{width:20px;height:20px}
.wpb-sizes{display:flex;flex-wrap:wrap;gap:6px 14px;flex-basis:100%}
.wpb-sz{display:inline-flex;align-items:center;gap:4px}
.wpb-szl{font-size:.78rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-right:2px;min-width:3.6em}
.wpb-szb{font:inherit;font-size:.84rem;font-weight:800;min-width:40px;min-height:36px;padding:4px 8px;border-radius:10px;border:1.5px solid #b9c9ee;background:#fff;color:var(--navy-800,#0a1f8f);cursor:pointer}
.wpb-szb:hover{border-color:#2a5bd7}.wpb-szb:focus-visible{outline:3px solid #2a5bd7;outline-offset:2px}
@media (max-width:699px){.wpb-szb{min-width:48px;min-height:44px}.wpb-sizes{gap:8px}}
.wpb-full .wpb-sel{flex:none}
.wpb-full .wpb-szb{min-width:48px;min-height:44px}

/* 4.14: walls drawn once from the layout (shared walls = one line, outside walls thicker); per-room outlines only while sliding */
.wpb-wl{stroke:#cfe0ff;stroke-linecap:square;fill:none}.wpb-wl.is-ext{stroke:#e6efff}
.wpb-svg:not(.wpb-raw) .wpb-out{stroke:transparent}
.wpb-svg:not(.wpb-raw) .wpb-room.is-sel .wpb-out,.wpb-svg:not(.wpb-raw) .wpb-room:focus-visible .wpb-out{stroke:#ffd166}