/* Remote access workflows; MOS shared primitives are in base.css. */
.site-nav{gap:24px;align-items:center}
.site-nav a{font-size:13px}
.intro{max-width:660px;color:var(--muted)}
.dashboard-heading{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:28px}
.dashboard-heading .count{white-space:nowrap}
.desktop-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,285px),1fr));gap:25px}
.desktop-icon{width:50px;height:50px;padding:10px;border-radius:9px;background:#eaf3f8;margin-bottom:24px}
.desktop-icon svg{width:100%;height:100%;stroke:var(--brand-blue);fill:none;stroke-width:1.7}
.desktop-card h2{overflow-wrap:anywhere;margin-bottom:8px}
.host{font-size:12px;color:var(--muted);overflow-wrap:anywhere;margin-bottom:24px}
.field-label{margin-bottom:8px}
.connect-button{width:100%;margin-top:14px}
.auth-layout{display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:start}
.auth-intro{padding-top:24px}
.auth-panel h2{margin-bottom:20px}
.auth-panel table{width:100%;border-collapse:collapse}
.auth-panel td{font-size:12px}
.auth-panel td[width="7"]{width:12px}
.auth-panel td[height]{height:12px}
.auth-panel td[height="1"]{height:1px}
.auth-panel td[width="130"],.auth-panel td[width="180"]{width:35%;text-align:left}
.auth-panel .formButton{margin:4px 0 4px 8px}
.wrng{color:#843f30}
.expl{color:var(--muted)}
.auth-panel .textInputField{min-width:0}
.auth-panel #trPrvtWrnNoAx .wrng{color:var(--muted);font-size:12px}
.auth-panel label{cursor:pointer}
.auth-panel iframe{max-width:100%}
.auth-panel #tr1 .wrng{color:#387354}
.account-nav{flex-direction:column;align-items:flex-end;gap:4px;text-align:right}
.connection-buttons{display:flex;gap:12px;flex-wrap:wrap}
.connection-buttons .connect-button{flex:1;min-width:110px;margin-top:0;padding:12px}
.notice p{margin:0}
@media(max-width:700px){
  .auth-layout{grid-template-columns:1fr;gap:20px}
  .auth-intro{padding:0}
  .dashboard-heading{display:block}
  .dashboard-heading .count{display:inline-block;margin:0 0 10px}
  .desktop-grid{grid-template-columns:1fr}
  .auth-panel td[width="130"],.auth-panel td[width="180"]{width:38%}
  .site-nav{gap:8px}
  .site-nav a{font-size:11px}
}
@media(max-width:400px){
  .site-header{height:auto;min-height:108px;flex-wrap:wrap;padding-top:8px;padding-bottom:12px;gap:0}
  .site-nav{margin-left:auto;max-width:100%}
}

/* Internal sign-in: keep the form centered without introductory marketing copy. */
.login-main .auth-panel{max-width:480px;margin:0 auto}
.auth-panel .auth-title{font-size:19px;letter-spacing:-.3px;line-height:1.3;margin:0 0 20px;font-weight:600}