/* Hide public subscribe/archive links because all business lists are private */

.login p.center,

section.login > p.center,

section.login .center {

  display: none !important;

}



/* Hide archive RSS/subscribe links on archive page */

a[href="/subscription/form"],

a[href*="/subscription/form"],

a[href="/archive.xml"],

a[href*="/archive.xml"] {

  display: none !important;

}



/* Refine landing/login card */

.container.wrap {

  max-width: 520px !important;

}



.login {

  padding-bottom: 42px !important;

}



.login .submit {

  margin-top: 8px !important;

}/* Clean secondary links on public landing page */

.login p.center,

section.login > p,

section.login .center {

  margin-top: 22px !important;

  display: flex !important;

  justify-content: center !important;

  gap: 12px !important;

  flex-wrap: wrap !important;

}



.login p.center a,

section.login > p a,

section.login .center a {

  display: inline-flex !important;

  align-items: center !important;

  justify-content: center !important;

  min-height: 34px !important;

  padding: 8px 14px !important;

  border: 1px solid #d8e3ef !important;

  border-radius: 999px !important;

  background: #ffffff !important;

  color: #005eb8 !important;

  text-decoration: none !important;

  font-size: 14px !important;

  font-weight: 600 !important;

}



.login p.center a:hover,

section.login > p a:hover,

section.login .center a:hover {

  border-color: #f7941d !important;

  color: #f7941d !important;

  background: #fff8ef !important;

}



/* Better public card spacing */

.container.wrap {

  padding-bottom: 22px !important;

}



.login {

  padding-top: 26px !important;

}:root {

  --yono-orange: #f7941d;

  --yono-blue: #005eb8;

  --yono-ink: #0f172a;

  --yono-soft: #f4f7fb;

}



/* Public login / subscribe pages */

body {

  background: linear-gradient(180deg, #f7fbff 0%, #eef4fb 100%) !important;

  color: var(--yono-ink) !important;

}



.container.wrap {

  max-width: 560px !important;

  margin-top: 72px !important;

  border-radius: 18px !important;

  border: 1px solid #e3eaf3 !important;

  box-shadow: 0 18px 45px rgba(15, 23, 42, 0.08) !important;

  overflow: hidden !important;

}



.header {

  text-align: center !important;

  padding: 34px 32px 24px !important;

  border-bottom: 3px solid var(--yono-orange) !important;

}



.header .logo,

.logo {

  display: flex !important;

  justify-content: center !important;

  align-items: center !important;

}



.header .logo img,

.logo img {

  max-width: 170px !important;

  max-height: 84px !important;

  object-fit: contain !important;

}



.login {

  text-align: center !important;

  padding: 26px 32px 36px !important;

}



.login h2 {

  display: none !important;

}



.button,

button.button,

button,

input[type="submit"] {

  background: var(--yono-orange) !important;

  border-color: var(--yono-orange) !important;

  color: #ffffff !important;

  border-radius: 999px !important;

  font-weight: 700 !important;

  box-shadow: none !important;

}



.button:hover,

button.button:hover,

button:hover,

input[type="submit"]:hover {

  background: #dd7f08 !important;

  border-color: #dd7f08 !important;

}



a {

  color: var(--yono-blue) !important;

}



footer,

footer.container,

.powered-by {

  display: none !important;

}



/* Admin app light branding */

nav a.active,

.sidebar a.active,

.menu a.active {

  border-left-color: var(--yono-orange) !important;

  color: var(--yono-blue) !important;

}



#app button,

#app .button {

  border-radius: 999px !important;

}



#app .button.is-primary,

#app button.is-primary,

#app button.primary {

  background: var(--yono-orange) !important;

  border-color: var(--yono-orange) !important;

}