#connection-dialog{width:1160px;max-width:96vw;padding:20px;max-height:96vh;overflow:auto}.connect-top{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.connect-top p{font-size:12px;color:var(--muted);margin:0}.connect-address{font-size:11px;color:#5d7468;background:#eff4f0;padding:9px 12px;margin-top:14px;overflow-wrap:anywhere}.remote-screen{background:#f2f5f3;min-height:180px;display:flex;align-items:center;justify-content:center;border:1px solid var(--line)}#remote-frame{display:block;width:100%;height:auto;cursor:default}#remote-loading{padding:50px;color:var(--muted);text-align:center}.remote-controls{display:flex;flex-wrap:wrap;gap:7px;margin:15px 0}.remote-controls input{flex:1;min-width:200px}.remote-controls button{font-size:11px;min-height:35px;padding:7px 12px}.connect-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px}.connect-bottom p{font-size:11px;color:var(--muted);max-width:700px;margin:0}.connect-bottom button{flex-shrink:0}.account-actions{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.account-actions a{font-size:12px}.password-panel{margin-top:24px}.google-connect-info{background:#f5f8f6;border:1px solid var(--line);padding:18px;border-radius:8px;margin-top:22px}.google-connect-info code{display:block;padding:10px;margin:10px 0}.google-connect-info .actions small{color:var(--muted)}@media(max-width:700px){#connection-dialog{padding:12px}.connect-bottom{flex-direction:column;align-items:stretch}.connect-top h2{font-size:16px}.remote-controls input{flex-basis:100%}}

.oauth-guide-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.oauth-guide-heading h3{margin:0}.oauth-guide-heading p{margin-bottom:0}.oauth-guide-intro{margin:18px 0}.oauth-steps{padding-left:24px!important;margin:24px 0}.help-panel .oauth-steps>li{padding:0 0 22px 12px;margin-bottom:20px;border-bottom:1px solid var(--line)}.oauth-steps>li::marker{color:var(--green);font-weight:700}.oauth-steps h4{font-size:15px;margin:0 0 8px;color:#17332f}.oauth-steps p{margin:8px 0}.oauth-steps ul{padding-left:20px}.google-connect-info .oauth-steps li code{display:inline;padding:2px 5px;margin:0}.oauth-copy-row{display:flex;align-items:center;gap:12px;margin:12px 0}.google-connect-info .oauth-copy-row code{display:block;flex:1;min-width:0;padding:12px;background:white;border:1px solid var(--line);font-size:12px;user-select:all}.oauth-copy-row button{flex-shrink:0}.google-connect-info .oauth-scopes code{display:block;margin:10px 0 2px;padding:8px}.oauth-scopes span{font-size:12px;color:var(--muted)}.oauth-testing-note{padding:16px 18px;background:#fff8e8;border:1px solid #ecdcb5;border-radius:8px}.oauth-testing-note p{margin-bottom:0}.oauth-troubleshooting{margin-top:18px}.oauth-troubleshooting summary{cursor:pointer;font-weight:600;padding:12px 0}.oauth-troubleshooting dt{font-size:13px;font-weight:600;color:#17332f;margin-top:16px}.oauth-troubleshooting dd{margin:5px 0 0;font-size:13px;color:#667e6d}.google-connect-info .oauth-guide-sources{font-size:11px;margin-top:22px}.google-connect-info a{text-decoration:underline;text-underline-offset:3px}@media(max-width:700px){.oauth-copy-row{flex-direction:column;align-items:stretch}.oauth-guide-heading{flex-direction:column}.help-panel .oauth-steps>li{padding-left:3px}.google-connect-info{padding:14px}.oauth-copy-row code{width:100%}}