:root{color-scheme:light dark;--bg: #ffffff;--fg: #1a1a1a;--muted: #5e6470;--border: #d8dce5;--panel: #f7f8fa;--accent: #2563eb;--accent-fg: #ffffff;--warn: #b45309;--warn-bg: #fef3c7;--error: #b91c1c;--error-bg: #fee2e2;--ok: #047857;--ok-bg: #d1fae5;--pending: #6b7280;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.45}@media (prefers-color-scheme: dark){:root{--bg: #0b0d10;--fg: #e6e8ec;--muted: #8a93a3;--border: #2a2f3a;--panel: #131822;--accent: #3b82f6;--accent-fg: #ffffff;--warn: #fbbf24;--warn-bg: #3b2f10;--error: #f87171;--error-bg: #3a1414;--ok: #34d399;--ok-bg: #0e2a22;--pending: #9ca3af}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg)}a{color:var(--accent)}button{font:inherit;padding:.45rem .9rem;border:1px solid var(--border);border-radius:6px;background:var(--panel);color:var(--fg);cursor:pointer}button.primary{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}button:disabled{opacity:.55;cursor:not-allowed}input,select,textarea{font:inherit;padding:.45rem .6rem;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--fg);width:100%}label{display:block;font-weight:600;margin-bottom:.25rem}.app{display:flex;flex-direction:column;min-height:100vh}.header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid var(--border);background:var(--panel)}.header h1{font-size:1.05rem;margin:0}.header-nav{display:flex;gap:.5rem}.mode-pill{display:inline-block;font-size:.78rem;padding:.1rem .5rem;border-radius:999px;background:var(--bg);border:1px solid var(--border);color:var(--muted);margin-left:.5rem}.main{flex:1;padding:1rem;max-width:960px;margin:0 auto;width:100%}.section{margin:0 0 1.5rem;padding:1rem;border:1px solid var(--border);border-radius:8px;background:var(--panel)}.section h2{margin-top:0;font-size:1.1rem}.row{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.row>*{flex:0 0 auto}.field{margin-bottom:.75rem}.kv{display:grid;grid-template-columns:max-content 1fr;gap:.25rem 1rem}.kv dt{font-weight:600;color:var(--muted)}.kv dd{margin:0;word-break:break-all}.banner{padding:.75rem 1rem;border-radius:6px;border:1px solid var(--border);background:var(--warn-bg);color:var(--warn);margin-bottom:1rem}.banner.error{background:var(--error-bg);color:var(--error)}.banner.ok{background:var(--ok-bg);color:var(--ok)}.timeline{list-style:none;margin:0;padding:0}.timeline li{display:grid;grid-template-columns:6rem 1fr auto;gap:.75rem;padding:.35rem 0;border-bottom:1px dashed var(--border);font-variant-numeric:tabular-nums}.timeline li:last-child{border-bottom:none}.label-pill{display:inline-block;padding:.05rem .45rem;border-radius:4px;font-size:.82rem;background:var(--bg);border:1px solid var(--border)}.label-CONNECTED,.label-ON_INTERNET,.label-ON_NETWORK{background:var(--ok-bg);color:var(--ok);border-color:transparent}.label-CANNOT_CONNECT{background:var(--error-bg);color:var(--error);border-color:transparent}.label-NOT_CONFIGURED,.label-NOT_CONNECTED,.label-OFF,.label-UNKNOWN{background:var(--bg);color:var(--muted)}.muted{color:var(--muted)}.status-dot{display:inline-block;width:.6rem;height:.6rem;border-radius:50%;margin-right:.4rem;background:var(--pending)}.status-dot.ok{background:var(--ok)}.status-dot.down{background:var(--error)}.password-row{display:grid;grid-template-columns:1fr auto;gap:.5rem}.scenario-desc{margin:.5rem 0 0;color:var(--muted);font-size:.9rem}.toggle-group{display:inline-flex;border:1px solid var(--border);border-radius:6px;overflow:hidden}.toggle-group button{border-radius:0;border:none;border-right:1px solid var(--border);background:var(--bg)}.toggle-group button:last-child{border-right:none}.toggle-group button.active{background:var(--accent);color:var(--accent-fg)}.log-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.log-list-empty{padding:.5rem .75rem}.log-card{border:1px solid var(--border);border-radius:6px;background:var(--panel);overflow:hidden}.log-card-pass{border-left:4px solid var(--ok)}.log-card-fail{border-left:4px solid var(--error)}.log-card-timeout{border-left:4px solid var(--warn)}.log-card-header{display:grid;grid-template-columns:1.25rem auto auto auto 1fr auto;gap:.75rem;align-items:center;width:100%;padding:.5rem .75rem;background:transparent;border:none;text-align:left;cursor:pointer;color:inherit;font:inherit}.log-card-chevron{color:var(--muted);font-size:.85rem}.log-card-time{font-variant-numeric:tabular-nums;color:var(--muted)}.log-card-scenario{font-weight:500}.log-card-pill{display:inline-block;padding:.05rem .45rem;border-radius:999px;font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;font-weight:600}.log-card-pill-pass{background:var(--ok-bg);color:var(--ok)}.log-card-pill-fail{background:var(--error-bg);color:var(--error)}.log-card-pill-timeout{background:var(--warn-bg);color:var(--warn)}.log-card-ssid{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.log-card-duration{font-variant-numeric:tabular-nums}.log-card-body{padding:.5rem .75rem .75rem;border-top:1px solid var(--border)}.log-card-failure{color:var(--error);margin:0 0 .5rem}.log-card-transitions{list-style:none;padding:0;margin:0 0 .75rem}.log-card-transitions li{display:grid;grid-template-columns:5rem auto auto;gap:.75rem;font-variant-numeric:tabular-nums;font-size:.92rem;padding:.1rem 0}.log-card-toggle-json{font-size:.85rem}.log-card-json{margin-top:.5rem;background:var(--bg);border:1px solid var(--border);border-radius:4px;padding:.5rem;font-size:.82rem;overflow-x:auto}.diagnostics{background:var(--panel)}.diagnostics-header{display:flex;align-items:center;gap:.5rem;width:100%;background:transparent;border:none;padding:.5rem .25rem;text-align:left;cursor:pointer;font:inherit;font-weight:600;color:inherit}.diagnostics-chevron{color:var(--muted);font-size:.85rem}.diagnostics-banner-on-network{margin-top:.5rem;padding:.6rem .75rem;background:var(--warn-bg);color:var(--warn);border:1px solid var(--warn);border-radius:4px}.diagnostics-body{margin-top:.5rem}.diagnostics-actions{margin-bottom:.5rem}.diagnostics-groups{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.6rem}.diagnostics-group{border:1px solid var(--border);border-radius:4px;background:var(--bg);padding:.4rem .6rem}.diagnostics-group-header{font-size:.92rem;margin-bottom:.25rem}.diagnostics-events{list-style:none;padding:0;margin:0}.diagnostics-row{border-top:1px solid var(--border)}.diagnostics-row:first-child{border-top:none}.diagnostics-row-error{background:var(--error-bg)}.diagnostics-row-header{display:grid;grid-template-columns:6.5rem 4rem auto 1fr;gap:.5rem;width:100%;background:transparent;border:none;padding:.25rem .1rem;text-align:left;cursor:pointer;font:inherit;font-size:.85rem;color:inherit;font-variant-numeric:tabular-nums}.diagnostics-time{color:var(--muted)}.diagnostics-source{text-transform:uppercase;font-size:.72rem;color:var(--muted);align-self:center}.diagnostics-type{font-weight:500}.diagnostics-summary{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.diagnostics-payload{margin:0 0 .4rem 6.5rem;background:var(--panel);border:1px solid var(--border);border-radius:4px;padding:.4rem;font-size:.78rem;overflow-x:auto}