/* TovRemote look for the browser RDP gateway (injected by Caddy into its page). */
@font-face { font-family: "TR Sans"; src: url("fonts/inter-latin.woff2") format("woff2"); font-weight: 400 700; font-display: swap; }
body, input, button, select, textarea, .notification, .menu, .dialog { font-family: "TR Sans", "Segoe UI", system-ui, -apple-system, sans-serif !important; }
.notification-overlay, .dialog-container { background: rgba(15, 23, 42, .45) !important; backdrop-filter: blur(4px); }
.notification, .dialog {
  border: 1px solid rgba(148, 163, 184, .35) !important; border-radius: 20px !important; background: #fff !important;
  box-shadow: 0 24px 60px -18px rgba(15, 23, 42, .45) !important; color: #0f172a !important; overflow: hidden;
}
.notification .title-bar, .dialog .title-bar, .notification .title {
  background: #fff !important; color: #0f172a !important; border: 0 !important; font-weight: 700 !important; font-size: 1.15rem !important;
}
.notification .body, .dialog .body { color: #334155 !important; }
button, input[type=submit], a.button, .button {
  background: linear-gradient(135deg, #6230ff, #4b1fd6) !important; color: #fff !important; border: 0 !important;
  border-radius: 12px !important; font-weight: 600 !important; padding: .65em 1.4em !important; box-shadow: 0 8px 20px -8px rgba(75, 31, 214, .6) !important;
  text-shadow: none !important;
}
button.danger, button.cancel, .button.danger { background: #f1f5f9 !important; color: #0f172a !important; box-shadow: none !important; }
input[type=text], input[type=password], input[type=email], input[type=number], select, textarea {
  border: 1px solid #cbd5e1 !important; border-radius: 10px !important; padding: .6em .8em !important; background: #fff !important; color: #0f172a !important;
}
input:focus, select:focus { border-color: #7c55ff !important; box-shadow: 0 0 0 4px rgba(98, 48, 255, .18) !important; outline: none !important; }
.header, .menu .header { background: #fff !important; color: #0f172a !important; }
.menu { background: #f8fafc !important; }
.menu-dropdown .menu-title, .user-menu .menu-title { font-weight: 600 !important; }
.logo, .login-ui .logo { background-image: url("logo.svg") !important; background-size: contain !important; background-repeat: no-repeat !important; background-position: center !important; }
.version, .login-ui .version, .app-name + .version { display: none !important; }

/* Connection status / error card (replaces the full-width red banner). */
.client-status-modal guac-modal, .client-status-modal .modal-contents { background: transparent !important; }
.client-status-modal.shown { background: rgba(15, 23, 42, .55) !important; backdrop-filter: blur(6px); }
.client-status-modal .notification {
  max-width: 460px !important; margin: 0 auto !important; padding: 26px 28px 22px !important; text-align: center;
  background: #fff !important; color: #0f172a !important; border-radius: 20px !important;
  border: 1px solid rgba(148, 163, 184, .35) !important; box-shadow: 0 30px 70px -20px rgba(15, 23, 42, .6) !important;
}
.client-status-modal .notification.error { border-top: 4px solid #ef4444 !important; }
.client-status-modal .notification .title-bar { display: block !important; background: transparent !important; padding: 0 0 8px !important; }
.client-status-modal .notification .title-bar .title { display: block !important; position: static !important; color: #0f172a !important; }
.client-status-modal .notification .title { color: #0f172a !important; font-size: 1.2rem !important; font-weight: 700 !important; }
.client-status-modal .notification .body, .client-status-modal .notification p { color: #475569 !important; font-size: .95rem !important; line-height: 1.5; }
.client-status-modal .notification .countdown-text { color: #64748b !important; font-size: .85rem !important; }
.client-status-modal .notification .buttons { margin-top: 14px !important; }
.client-status-modal .notification .buttons button { background: linear-gradient(135deg, #6230ff, #4b1fd6) !important; color: #fff !important; padding: .7em 1.6em !important; min-width: 140px; }
/* "Home" and "Logout" lead to the gateway's own pages; our users only need Reconnect. */
.client-status-modal button.home, .client-status-modal button.logout { display: none !important; }
.client-status-modal .notification .title-bar, .client-status-modal .notification .title { text-transform: none !important; box-shadow: none !important; border: 0 !important; letter-spacing: -0.01em; }