/* Kelwin readable dashboard + navigation */
body { font-size: 17px !important; }
main p, main li, main label, main th, main td, main small, main .micro,
main .tag, main .bot-settings-help, main .bot-settings-status,
main .bot-settings-disclaimer, main .bot-control-message {
  font-size: 15px !important;
  line-height: 1.6 !important;
}
main h1 { font-size: clamp(31px, 3vw, 42px) !important; line-height: 1.2 !important; }
main h2 { font-size: clamp(26px, 2.5vw, 34px) !important; line-height: 1.25 !important; }
main h3 { font-size: clamp(20px, 1.9vw, 25px) !important; line-height: 1.3 !important; }
header nav a, .site-header nav a, .navbar nav a, .site-nav a,
header .nav-links a, .site-header .nav-links a { font-size: 17px !important; }
header .brand, header .logo, header .site-logo, header .brand-name,
.site-header .brand, .site-header .logo, .site-header .site-logo, .site-header .brand-name,
.navbar .brand, .navbar .logo, .kelwin-brand-boost { font-size: 26px !important; }
header .brand-mark, header .logo-mark, header .brand-icon,
.site-header .brand-mark, .site-header .logo-mark, .site-header .brand-icon {
  width: 46px !important; height: 46px !important; font-size: 23px !important;
}
.account-selection-back {
  color: #fff !important; background: #7653d6 !important; border: 1px solid #9a80ef !important;
  border-radius: 12px !important; min-height: 48px !important; padding: 13px 22px !important;
  font-size: 17px !important; font-weight: 700 !important;
}
#bot-start, #live-start { color: #fff !important; background: #14804a !important; border-color: #25a765 !important; font-size: 16px !important; font-weight: 700 !important; }
#bot-stop, #live-stop { color: #1b1600 !important; background: #f0b90b !important; border-color: #f0b90b !important; font-size: 16px !important; font-weight: 700 !important; }
#bot-emergency, #live-emergency { color: #fff !important; background: #c62838 !important; border-color: #ef4958 !important; font-size: 16px !important; font-weight: 700 !important; }
#bot-start:not(:disabled), #live-start:not(:disabled), #bot-stop:not(:disabled), #live-stop:not(:disabled), #bot-emergency:not(:disabled), #live-emergency:not(:disabled) { box-shadow: 0 4px 14px rgba(0,0,0,.2); }
@media (max-width: 700px) {
  body { font-size: 16px !important; }
  main p, main li, main label, main th, main td, main small, main .micro,
  main .tag, main .bot-settings-help, main .bot-settings-status,
  main .bot-settings-disclaimer, main .bot-control-message { font-size: 14px !important; }
  header nav a, .site-header nav a, .navbar nav a, .site-nav a,
  header .nav-links a, .site-header .nav-links a { font-size: 15px !important; }
}