/* EveryExtra brand style for the app (admin, partner portal, client dashboards, sign-in pages).
   Loaded only when Branding → Brand style is "EveryExtra", and never on partner-branded or guest pages.
   Light pages with navy accents and magenta buttons, matching the main website. */
body.ee-app {
  --brand: #0B1538; --brand-2: #1B2758; --accent: #2EE6D6; --accent-2: #E9EDFA; --highlight: #FF2E93;
  --bg: #F6F7FC; --ink: #0B1538; --muted: #4F5B86; --line: #DDE2F2;
  --pink: #FF2E93; --pink-2: #E0207C; --teal-ink: #0B7F77;
  --serif: 'Sora', system-ui, sans-serif; --sans: 'Sora', system-ui, sans-serif;
  background: #F6F7FC; font-size: 16px;
}
.ee-app h1, .ee-app h2, .ee-app h3 { font-family: var(--sans); font-weight: 700; letter-spacing: -.025em; }
.ee-app h1 { font-weight: 800; letter-spacing: -.035em; }
.ee-app a { color: #C2186B; }
.ee-app :focus-visible { outline: 3px solid var(--pink); outline-offset: 2px; }

/* top bar: navy, like the website */
.ee-app .topbar { background: #0B1538; border-bottom: 0; }
.ee-app .topbar .menu a:not(.btn), .ee-app .topbar .menu button.linkish { color: #E8ECFF; }
.ee-app .topbar .menu a:not(.btn):hover { color: #2EE6D6; }
.ee-logo-app { display: inline-flex; align-items: center; gap: 10px; text-decoration: none; color: #FFFFFF; }
.ee-logo-app .ee-mark { width: 30px; height: 30px; color: #FFFFFF; flex: none; }
.ee-logo-app span { font: 800 1.25rem/1 'Sora', system-ui, sans-serif; letter-spacing: -.035em; color: #FFFFFF; }
.ee-app .topbar .logo { color: #FFFFFF; }

/* buttons */
.ee-app .btn { background: var(--pink); border-color: var(--pink); color: #FFFFFF; border-radius: 12px; font-weight: 700; }
.ee-app .btn:hover { background: var(--pink-2); border-color: var(--pink-2); }
.ee-app .btn-ghost { background: #FFFFFF; color: var(--brand); border: 1.5px solid #C9D0EA; }
.ee-app .btn-ghost:hover { background: var(--accent-2); border-color: var(--brand); }
.ee-app .btn-danger { background: var(--danger); border-color: var(--danger); }
.ee-app .linkish { color: #C2186B; }
.ee-app .linkish.danger { color: var(--danger); }

/* surfaces */
.ee-app .panel, .ee-app .card { background: #FFFFFF; border-color: var(--line); border-radius: 16px; }
.ee-app input, .ee-app select, .ee-app textarea { border-color: #C9D0EA; border-radius: 10px; }
.ee-app input:focus, .ee-app select:focus, .ee-app textarea:focus { border-color: var(--brand); }
.ee-app .tag-ok { background: #DFF8F5; color: var(--teal-ink); }
.ee-app .alert.ok { background: #DFF8F5; border-color: #9BE6DE; color: #08534D; }

/* side menus: admin, partner portal and client dashboards */
.ee-app .admin-nav a.on, .ee-app .dash-side nav a.on { background: #0B1538; color: #FFFFFF; box-shadow: inset 3px 0 0 var(--pink); }
.ee-app .admin-nav a:hover, .ee-app .dash-side nav a:hover { background: var(--accent-2); }
.ee-app .dash-side { background: #FFFFFF; }
.ee-app .dash-ev { background: #0B1538; }
.ee-app .dash-ev strong { color: #FFFFFF; font-family: var(--sans); font-weight: 700; }
.ee-app .dash-ev span { color: #B9C3EE; }
.ee-app .dash-tabs a.on { color: #C2186B; }

/* tables and chips */
.ee-app .tbl th { color: var(--muted); }
.ee-app .chip.on { background: #0B1538; border-color: #0B1538; color: #FFFFFF; }

/* packages */
.ee-app .plan.featured { border-color: var(--pink); box-shadow: inset 0 0 0 1px var(--pink); }
.ee-app .plan .price { font-family: var(--sans); font-weight: 800; letter-spacing: -.03em; }
.ee-app .plan .flag { color: #C2186B; }

/* menus and footer keep calm link colours */
.ee-app .admin-nav a, .ee-app .dash-side nav a { color: var(--ink); }
.ee-app .admin-nav a.on, .ee-app .dash-side nav a.on { color: #FFFFFF; }
.ee-app .dash-side nav a.ext, .ee-app .dash-back { color: var(--muted); }
.ee-app .foot a { color: #E8ECFF; }
.ee-app .foot a:hover { color: #2EE6D6; }
.ee-app .foot-col h4 { color: #2EE6D6; }
/* buttons: a slightly deeper magenta so white text meets 4.5:1 contrast */
.ee-app .btn:not(.btn-ghost):not(.btn-light):not(.btn-danger) { background: #D91A75; border-color: #D91A75; color: #FFFFFF; }
.ee-app .btn:not(.btn-ghost):not(.btn-light):not(.btn-danger):hover { background: #B8125F; border-color: #B8125F; }
.ee-app .bt-save { background: #D91A75; }