.product-shell:has(.wifi-setup-matrix){--p-bg:#f7f8fa;--p-ink:#20252d;--p-muted:#526070;--p-line:#c8d1dc;--p-accent:#355bc6}.wifi-setup-matrix{--wm-ink:#20252d;--wm-muted:#526070;--wm-line:#c8d1dc;--wm-blue:#355bc6;max-width:1280px;color:var(--wm-ink);margin:0 auto;padding:12px 0 38px;font-family:DM Sans,sans-serif}.wifi-setup-matrix *,.wifi-setup-matrix :before,.wifi-setup-matrix :after{box-sizing:border-box}.wifi-setup-matrix :is(button,input,select,textarea):focus-visible{outline:3px solid var(--wm-blue);outline-offset:2px}.wm-heading{justify-content:space-between;align-items:end;gap:36px;margin-bottom:23px;display:flex}.wm-overline,.wm-inspector-head>span{color:var(--wm-blue);letter-spacing:.09em;font:700 11px/1.4 IBM Plex Mono,monospace}.wm-heading h2{letter-spacing:-.04em;margin:5px 0 0;font:700 clamp(27px,3.5vw,43px)/1.07 Space Grotesk,sans-serif}.wm-heading p{max-width:340px;color:var(--wm-muted);margin:0;line-height:1.45}.wm-setup{background:#edf1f7;padding:18px 20px}.wm-fields{grid-template-columns:1.2fr 1fr .85fr .9fr;gap:13px;display:grid}.wm-fields label,.wm-inspector label{flex-direction:column;gap:7px;font-size:13px;font-weight:700;display:flex}.wm-fields label span{color:var(--wm-muted);font-size:11px;font-weight:400}.wm-fields input,.wm-fields select,.wm-inspector select,.wm-inspector textarea{width:100%;min-width:0;color:var(--wm-ink);background:#fff;border:1px solid #aeb9ca;border-radius:2px;font:400 14px/1.4 DM Sans,sans-serif}.wm-fields input,.wm-fields select,.wm-inspector select{min-height:43px;padding:9px 11px}.wm-inspector textarea{resize:vertical;padding:10px 11px}.wm-form-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:16px;display:flex}.wifi-setup-matrix button{cursor:pointer;border-radius:2px;min-height:42px;font:700 13px/1.25 DM Sans,sans-serif}.wm-form-actions button,.wm-toolbar button{color:var(--wm-ink);background:#fff;border:1px solid #8898ad;padding:9px 14px}.wm-form-actions .wm-primary{background:var(--wm-blue);border-color:var(--wm-blue);color:#fff}.wm-form-actions p{color:#a02b28;margin:0;font-size:13px}.wm-form-actions p:empty,.wm-message:empty{display:none}.wm-empty{min-height:225px;color:var(--wm-muted);justify-content:center;align-items:center;gap:22px;padding:25px;display:flex}.wm-empty span{color:#a5b3c5;letter-spacing:-.07em;white-space:nowrap;font:700 clamp(27px,5vw,55px)/1 IBM Plex Mono,monospace}.wm-empty p{max-width:240px;line-height:1.45}.wm-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 0 12px;display:flex}.wm-counts{color:var(--wm-muted);flex-wrap:wrap;align-items:baseline;gap:11px 18px;font:600 12px IBM Plex Mono,monospace;display:flex}.wm-counts strong{color:var(--wm-ink);letter-spacing:-.04em;font-size:18px}.wm-filters{flex-wrap:wrap;gap:7px;margin-bottom:12px;display:flex}.wm-filters button{min-height:36px;color:var(--wm-muted);background:0 0;border:1px solid #0000;padding:6px 11px}.wm-filters button[aria-pressed=true]{border-color:var(--wm-blue);color:var(--wm-blue);background:#e9eefc}.wm-grid{border-top:2px solid var(--wm-ink);grid-template-columns:minmax(330px,1.12fr) minmax(300px,.88fr);align-items:start;display:grid}.wm-list{min-width:0}.wm-row{text-align:left;width:100%;min-height:68px;color:var(--wm-ink);border:0;border-bottom:1px solid var(--wm-line);background:0 0;border-left:4px solid #0000;grid-template-columns:40px minmax(0,1fr) 72px;gap:12px;padding:10px 12px 10px 8px;display:grid}.wm-row:hover{background:#edf1f7}.wm-row.is-selected{border-left-color:var(--wm-blue);background:#e9eefc}.wm-id{color:var(--wm-blue);font:700 15px IBM Plex Mono,monospace}.wm-row-copy{flex-direction:column;gap:3px;min-width:0;display:flex}.wm-row-copy small{color:var(--wm-muted);font:500 11px IBM Plex Mono,monospace}.wm-row-copy strong{font:700 14px/1.3 DM Sans,sans-serif}.wm-outcome{color:var(--wm-muted);place-self:center end;font:600 11px IBM Plex Mono,monospace}.wm-no-match{color:var(--wm-muted);padding:22px 10px}.wm-inspector{border-left:1px solid var(--wm-line);background:#fff;min-width:0;padding:22px clamp(18px,2.4vw,32px) 26px}.wm-inspector h3{letter-spacing:-.03em;margin:6px 0 18px;font:700 clamp(21px,2.6vw,30px)/1.14 Space Grotesk,sans-serif}.wm-inspector dl{grid-template-columns:55px minmax(0,1fr);gap:12px 10px;margin:0 0 21px;font-size:14px;line-height:1.48;display:grid}.wm-inspector dt{color:var(--wm-blue);font:700 12px IBM Plex Mono,monospace}.wm-inspector dd{margin:0}.wm-inspector label{margin:14px 0 7px}.wm-note{color:#9a4b18;font-size:12px;line-height:1.4}.wm-guidance{color:var(--wm-muted);margin:17px 0 0;font-size:12px;line-height:1.5}.wm-message{min-height:1.2em;color:var(--wm-blue);font-size:13px}@media (width<=850px){.wm-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.wm-grid{grid-template-columns:1fr}.wm-inspector{border-left:0;border-top:2px solid var(--wm-ink)}}@media (width<=570px){.wm-heading{display:block}.wm-heading p{margin-top:8px}.wm-setup{padding:15px}.wm-fields{grid-template-columns:1fr}.wm-toolbar{align-items:start}.wm-empty{min-height:150px}.wm-row{grid-template-columns:31px minmax(0,1fr) 58px;gap:7px}.wm-outcome{font-size:10px}}@media (prefers-reduced-motion:reduce){.wifi-setup-matrix *,.wifi-setup-matrix :before,.wifi-setup-matrix :after{transition-duration:.01ms!important;animation-duration:.01ms!important}}
