.wifi-page{display:flex;flex-direction:column;min-height:50vh;max-width:48rem;margin:0 auto;width:100%;overflow-x:hidden}.wifi-page__topbar{display:flex;justify-content:flex-end;align-items:center;padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border-default)}.wifi-page__login-btn{background-color:var(--interactive-primary);color:var(--text-inverse);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);font-weight:var(--font-weight-medium);cursor:pointer;transition:background-color var(--transition-fast)}.wifi-page__login-btn:hover{background-color:var(--interactive-primary-hover)}.wifi-page__login-btn:active{background-color:var(--interactive-primary-active)}.wifi-page__user-info{display:flex;align-items:center;gap:var(--space-md)}.wifi-page__display-name{color:var(--text-secondary);font-weight:var(--font-weight-medium)}.wifi-page__missing{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-2xl);text-align:center;flex:1}.wifi-page__missing-icon{font-size:3rem;color:var(--status-warning, #e5a000);margin-bottom:var(--space-md)}.wifi-page__missing p{color:var(--text-secondary)}.wifi-page__missing code{background-color:var(--surface-raised);padding:.1em .4em;border-radius:var(--radius-sm);font-size:.9em}.wifi-page__setup{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-2xl);flex:1;gap:var(--space-lg)}.wifi-page__setup-heading{font-size:var(--font-size-xl, 1.5rem);color:var(--text-primary);margin:0}.wifi-page__setup-fields{display:flex;flex-direction:column;gap:var(--space-md);width:100%;max-width:20rem}.wifi-page__select-trigger{padding:var(--space-xs) var(--space-sm);border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--surface-default, #fff);color:var(--text-primary);cursor:pointer;width:100%;text-align:left}.wifi-page__select-trigger:focus{outline:none;border-color:var(--border-strong)}.wifi-page__select-content{background:var(--surface-default, #fff);border:1px solid var(--border-default);border-radius:var(--radius-sm);box-shadow:0 4px 12px #00000026;overflow:hidden;z-index:50}.wifi-page__select-listbox{list-style:none;margin:0;padding:var(--space-xs) 0}.wifi-page__select-item{padding:var(--space-xs) var(--space-sm);cursor:pointer}.wifi-page__select-item:hover,.wifi-page__select-item[data-highlighted]{background:var(--surface-raised, #f5f5f5)}.wifi-page__tabs{padding:var(--space-lg);max-width:600px;width:100%;margin:0 auto;flex:1}.wifi-page__tabs-list{display:flex;border-bottom:1px solid var(--border-default);position:relative}.wifi-page__tabs-trigger{padding:var(--space-sm) var(--space-lg);font-weight:var(--font-weight-medium);color:var(--text-secondary);cursor:pointer;background:none;border:none;transition:color var(--transition-fast)}.wifi-page__tabs-trigger[data-selected]{color:var(--text-primary)}.wifi-page__tabs-indicator{position:absolute;bottom:0;height:2px;background-color:var(--interactive-primary);transition:all var(--transition-fast)}.wifi-page__tabs-content{padding:var(--space-lg) 0}.wifi-page__connect-heading{margin-bottom:var(--space-md)}.wifi-page__steps{display:flex;flex-direction:column;gap:var(--space-md);list-style:decimal;padding-left:var(--space-lg)}.wifi-page__steps li{margin-bottom:var(--space-xs, .25rem)}.wifi-page__step-content{margin-top:var(--space-xs, .25rem)}.wifi-page__step-content .wifi-page__download-btn{margin-bottom:var(--space-sm)}.wifi-page__nav-list{list-style:none;padding-left:var(--space-md);margin-bottom:var(--space-sm)}.wifi-page__nav-list ul{list-style:disc;padding-left:var(--space-lg);margin-top:var(--space-xs, .25rem)}.wifi-page__nav-list li{margin-bottom:var(--space-xs, .25rem)}.wifi-page__install-steps{list-style:disc;padding-left:var(--space-lg);margin-bottom:var(--space-sm)}.wifi-page__install-steps li{margin-bottom:var(--space-xs, .25rem);line-height:var(--line-height-relaxed)}.wifi-page__note{font-size:.85rem;color:var(--text-tertiary);font-style:italic}.wifi-page__description{margin-bottom:var(--space-sm);line-height:var(--line-height-relaxed)}.wifi-page__download-btn{background-color:var(--interactive-primary);color:var(--text-inverse);padding:var(--space-sm) var(--space-xl);border-radius:var(--radius-md);font-weight:var(--font-weight-medium);cursor:pointer;transition:background-color var(--transition-fast)}.wifi-page__download-btn:hover{background-color:var(--interactive-primary-hover)}.wifi-page__download-btn:active{background-color:var(--interactive-primary-active)}.wifi-page__download-btn:disabled{opacity:.4;cursor:not-allowed}.wifi-page__credentials{display:flex;flex-direction:column;gap:var(--space-sm)}.wifi-page__copy-btn{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border:1px solid var(--border-default);border-radius:var(--radius-md);background-color:var(--surface-raised);color:var(--text-primary);font-weight:var(--font-weight-medium);cursor:pointer;max-width:14rem;transition:background-color var(--transition-fast),border-color var(--transition-fast)}.wifi-page__copy-btn:hover{background-color:var(--surface-overlay);border-color:var(--border-strong)}.wifi-page__copy-btn:active{background-color:var(--surface-base)}.wifi-page__copy-btn:disabled{opacity:.4;cursor:not-allowed}.wifi-page__copy-group{display:flex;flex-direction:column;gap:var(--space-xs, .25rem)}.wifi-page__copy-subtext{font-size:.8rem;color:var(--text-tertiary);padding-left:var(--space-xs, .25rem)}.wifi-page__link{color:var(--link-color, #3b82f6);text-decoration:underline}.wifi-page__actions{display:flex;gap:var(--space-sm);align-items:center;flex-wrap:wrap}.wifi-page__adjust-link{display:inline-flex;align-items:center;gap:var(--space-xs);margin-top:var(--space-md);margin-bottom:var(--space-sm);padding-left:var(--space-md);font-size:var(--font-size-sm);color:var(--text-secondary);cursor:pointer}.wifi-page__spinner{display:inline-block;width:14px;height:14px;border:2px solid var(--border-default);border-top-color:var(--text-primary);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.wifi-page__overrides{display:flex;gap:var(--space-md);margin-bottom:var(--space-md);flex-wrap:wrap}.wifi-page__override-field{display:flex;flex-direction:column;gap:var(--space-xs)}.wifi-page__override-label{font-size:var(--font-size-sm);color:var(--text-secondary)}.wifi-page__override-input{padding:var(--space-xs) var(--space-sm);border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--surface-base);color:var(--text-primary);font-size:var(--font-size-sm)}.wifi-page__override-input:focus{outline:none;border-color:var(--border-strong)}.wifi-page__description a{color:var(--interactive-primary);text-decoration:underline}
