/* MS OpenVPN Manager v0.1.1 source stylesheet.
 * The canonical visual tokens and components are imported via the pinned MSDS v1.1.0 link.
 * App-specific layout only; no token replacements, colors or late overrides.
 */
.msds .msvpn-inline { display:flex; align-items:center; gap:9px; flex-wrap:wrap; }
.msds .msvpn-stack { display:flex; flex-direction:column; gap:13px; }
.msds .msvpn-form-row { display:flex; align-items:flex-end; gap:13px; flex-wrap:wrap; margin-bottom:13px; }
.msds .msvpn-form-row .msds-field { flex:1 1 200px; }
.msds .msvpn-form-row .msds-button { flex:0 0 auto; }
.msds .msvpn-server-state { margin-bottom:13px; }
.msds .msvpn-link { color:var(--msds-gold); font-weight:700; }
.msds .msvpn-footer { margin-top:27px; padding:15px 0; border-top:1px solid var(--msds-line-soft); font-size:11px; color:var(--msds-subtle); text-align:center; }
.msds .msvpn-footer a { color:var(--msds-gold); }
.msds .msvpn-message { margin:0 0 13px; padding:12px; border-radius:var(--msds-radius-control); border:1px solid var(--msds-line); background:var(--msds-raised); color:var(--msds-text); }
.msds .msvpn-error { color:var(--msds-danger); }
.msds .msvpn-mono, .msds .msvpn-secret { font-family:var(--msds-font-latin); direction:ltr; unicode-bidi:isolate; }
.msds .msvpn-secret { padding:13px; background:var(--msds-raised); border:1px solid var(--msds-line); border-radius:var(--msds-radius-control); overflow-wrap:anywhere; text-align:center; }
.msds .msvpn-short-number { font-size:var(--msds-heading-lg); line-height:1.6; letter-spacing:normal; }
.msds .msvpn-login-wrap { min-height:100dvh; display:flex; justify-content:center; align-items:center; padding:20px; }
.msds .msvpn-login-panel { width:100%; max-width:440px; }
.msds .msvpn-center { display:flex; flex-direction:column; gap:9px; align-items:center; text-align:center; margin-bottom:23px; }
.msds .msvpn-login-icon { width:44px; height:44px; }
.msds .msvpn-center .msds-h2 { margin:0; }
.msds .msvpn-login-panel .msds-button { width:100%; }
.msds .msvpn-form-row .msds-field .msds-input { width:100%; }
@media(max-width:720px){
  .msds .msvpn-form-row { align-items:stretch; }
  .msds .msvpn-form-row .msds-field { flex:1 1 100%; }
  .msds .msvpn-form-row .msds-button { flex:1 1 100%; }
}