/* ===== Materialize theme brand layer (BizAppsPro) ===== */

/* Vendored Material Icons font (no external CDN) */
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/MaterialIcons-Regular.woff2') format('woff2');
}
.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
}

/* ===== Brand palette (BizAppsPro — matches live site green + black) ===== */
:root {
  --brand-primary: #39B54A;          /* live green */
  --brand-primary-dark: #2E9C3D;
  --brand-primary-deeper: #1F7A2E;
  --brand-primary-soft: #1ed760;
  --brand-accent: #1ed760;           /* brighter green accent */
  --brand-accent-light: #7ff29a;
  --brand-dark: #0f1115;             /* live near-black */
  --brand-ink: #1a1d23;
  --brand-muted: #5a5f66;
  --brand-border: #e9edf2;
  --brand-bg: #f9fafb;
  --brand-surface: #ffffff;
  --brand-radius: 8px;
  --brand-shadow: 0 8px 30px rgba(15, 17, 21, 0.08);
}

html { scroll-behavior: smooth; }
body {
  background-color: var(--brand-bg);
  color: var(--brand-ink);
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 1.463rem;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}

/* ===== Type scale (large & prominent) ===== */
h1, .h1 { font-size: 3.4rem; line-height: 1.12; font-weight: 700; text-transform: capitalize; }
h2, .h2 { font-size: 2.75rem; line-height: 1.15; font-weight: 700; text-transform: capitalize; }
h3, .h3 { font-size: 2.25rem; line-height: 1.2; font-weight: 700; text-transform: capitalize; }
h4, .h4 { font-size: 1.85rem; line-height: 1.25; font-weight: 600; }
h5, .h5 { font-size: 1.55rem; line-height: 1.3; font-weight: 600; }
h6, .h6 { font-size: 1.35rem; line-height: 1.35; font-weight: 600; }
p { line-height: 1.65; }
h1, h2, h3, h4, h5, h6 { color: #2a2a2a; }
.card .card-title { font-weight: 700; color: #2a2a2a; font-size: 1.6rem; line-height: 1.3; }

/* Material design tokens follow the brand green */
:root {
  --md-sys-color-primary: var(--brand-primary);
  --md-sys-color-primary-container: #dcf5e0;
  --md-sys-color-on-primary-container: #123e1c;
  --md-sys-color-secondary: var(--brand-accent);
  --md-sys-color-surface: var(--brand-surface);
  --md-sys-color-surface-container: #f1f5f3;
  --md-sys-color-on-surface: var(--brand-ink);
  --md-sys-color-outline: var(--brand-border);
}

/* ===== Layout ===== */
.container { width: 96%; max-width: 1600px; margin: 0 auto; }
main .container { padding-top: 1.75rem; padding-bottom: 2.25rem; }

/* ===== Buttons (green, square like live; keep a subtle lift on hover) ===== */
.btn { border-radius: 0; text-transform: none; font-weight: 700; box-shadow: var(--brand-shadow); margin: .45rem .3rem; font-size: 1.2rem; padding: 0 1.6rem; }
.btn-primary { background-color: var(--brand-primary); color: #fff; font-weight: 700; }
.btn-primary:hover, .btn-primary:focus { background-color: var(--brand-primary-dark); color: #fff; box-shadow: 0 12px 26px rgba(57,181,74,.35); transform: translateY(-1px); }
.btn-green { background-color: var(--brand-primary); color: #fff; font-weight: 700; }
.btn-green:hover, .btn-green:focus { background-color: var(--brand-primary-dark); color: #fff; }
.btn-outline { background-color: transparent; color: var(--brand-primary); border: 2px solid var(--brand-primary); box-shadow: none; }
.btn-outline:hover, .btn-outline:focus { background-color: rgba(57,181,74,.08); }
.btn-light { background-color: #f5f5f5; color: var(--brand-primary); box-shadow: none; }
.btn-light:hover, .btn-light:focus { background-color: #e9edf2; color: var(--brand-primary-dark); }
.btn-large { padding: 0 2.6rem; height: 4rem; line-height: 4rem; font-size: 1.35rem; }
.btn-small { padding: 0 1.4rem; height: 2.9rem; line-height: 2.9rem; font-size: 1.05rem; }

/* ===== Sections ===== */
.section { padding: 3rem 0; }

/* ===== Cards ===== */
.card { border-radius: var(--brand-radius); box-shadow: var(--brand-shadow); }
.card .card-content { padding: 1.4rem; }
.card .card-content p { font-size: 1.1rem; line-height: 1.7; }
.card .card-title { font-weight: 600; color: #2a2a2a; font-size: 1.35rem; line-height: 1.35; }
.card .card-action { border-top: 1px solid var(--brand-border); padding: 1.1rem 1.4rem; }

/* ===== Header (solid white bar: logo | menu | Request demo) ===== */
.bap-header {
  position: relative;
  background: #fff;
  box-shadow: 0 1px 0 rgba(15, 17, 21, 0.06), 0 6px 24px rgba(15, 17, 21, 0.05);
  z-index: 50;
}
.bap-header-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 96px;
  gap: 1.5rem;
}
.bap-logo { display: flex; align-items: center; }
.bap-logo img { display: block; height: 56px; width: auto; }
.bap-nav { flex: 1; display: flex; justify-content: center; }
.bap-nav ul { display: flex; align-items: center; gap: .3rem; margin: 0; height: 96px; }
.bap-nav ul li { display: inline-block; }
.bap-nav ul li > a {
  display: inline-block;
  padding: 0 1.05rem;
  height: 96px;
  line-height: 96px;
  color: #2a2a2a;
  font-weight: 700;
  font-size: 1.25rem;
  text-transform: capitalize;
  white-space: nowrap;
}
.bap-nav ul li > a:hover { color: var(--brand-primary); }
.bap-nav .dropdown-content { min-width: 260px; top: 100% !important; }
.bap-nav .dropdown-content li > a { height: 60px; line-height: 60px; padding: 0 1.4rem; color: #2a2a2a; font-size: 1.15rem; font-weight: 600; }
.bap-nav .dropdown-content li > a:hover { color: var(--brand-primary); background: rgba(57,181,74,.07); }
.bap-header-actions { display: flex; align-items: center; gap: 1.1rem; }
.bap-header-actions .theme-toggle-link { color: #2a2a2a; display: inline-flex; }
.bap-header-actions .theme-toggle-link i { font-size: 1.8rem; }
.bap-login-link { color: #2a2a2a; font-weight: 700; font-size: 1.2rem; white-space: nowrap; }
.bap-login-link:hover { color: var(--brand-primary); }
.bap-cta {
  background-color: var(--brand-primary);
  color: #fff !important;
  border-radius: 0;
  padding: 0 1.9rem;
  height: 56px;
  line-height: 56px;
  font-weight: 800;
  font-size: 1.2rem;
  text-transform: capitalize;
  box-shadow: 0 8px 18px rgba(57,181,74,.28);
  margin: 0;
}
.bap-cta:hover { background-color: var(--brand-primary-dark); color: #fff !important; }

/* Legacy nav (used by inner/client pages) — keep clean white bar */
nav { background-color: #ffffff; color: var(--brand-ink); box-shadow: 0 2px 14px rgba(15,17,21,.06); height: 80px; line-height: 80px; }
nav .nav-wrapper { display: flex; align-items: center; justify-content: space-between; }
nav .brand-logo { position: static; padding: 0 1rem 0 0; color: var(--brand-ink); font-size: 1.15rem; font-weight: 600; display: flex; align-items: center; height: 100%; line-height: 1; }
nav .brand-logo img { vertical-align: middle; display: block; max-height: 56px; height: auto; width: auto; }
nav ul, nav ul.right { float: none; display: flex; align-items: center; justify-content: flex-end; gap: .15rem; height: 80px; margin: 0; }
nav ul li { display: inline-block; }
nav ul li > a { padding: 0 1rem; display: inline-block; height: 80px; line-height: 80px; color: var(--brand-muted); font-weight: 600; font-size: 1.02rem; }
nav ul li > a:hover, nav ul li > a.active { color: var(--brand-primary); background: rgba(57,181,74,.07); }
nav ul li > a.btn { height: 48px; line-height: 48px; margin: 0 0 0 .6rem; padding: 0 1.4rem; font-size: 1rem; }
nav .sidenav-trigger { position: static; margin: 0 .5rem; }
nav .sidenav-trigger i { color: var(--brand-ink); }
nav .dropdown-content { min-width: 240px; margin-top: 0; }
nav .dropdown-content li > a { height: 52px; line-height: 52px; padding: 0 1.3rem; color: var(--brand-ink); font-size: 1rem; font-weight: 500; }
nav .dropdown-content li > a:hover { color: var(--brand-primary); background: rgba(57,181,74,.07); }
nav .dropdown-content li > a i { margin-right: .6rem; color: var(--brand-primary); }

/* ===== Footer (matches live: dark #0f1115, 4 columns) ===== */
.bap-footer {
  background-color: #0f1115;
  color: #e9edf2;
  margin-top: 3rem;
  padding: 3.5rem 0 0;
}
.bap-footer .footer-title {
  color: #f5f5f5;
  font-weight: 700;
  font-size: 1.4rem;
  margin: 0 0 1.1rem;
}
.bap-footer .footer-links a { color: #e9edf2; font-size: 1.2rem; line-height: 2; }
.bap-footer .footer-links a:hover { color: var(--brand-primary); }
.bap-footer .footer-contact li { display: flex; align-items: center; gap: .6rem; margin-bottom: .8rem; font-size: 1.2rem; }
.bap-footer .footer-contact a { color: #f5f5f5; }
.bap-footer .footer-contact a:hover { color: var(--brand-primary); }
.bap-footer .footer-contact i { color: #f5f5f5; font-size: 1.5rem; }
.bap-social { display: flex; gap: .5rem; margin-top: 1.1rem; }
.bap-social a {
  display: inline-flex; align-items: center; justify-content: center;
  width: 46px; height: 46px;
  border-radius: 50%;
  background: #14171c;
  color: #f5f5f5;
  transition: transform .15s ease, opacity .15s ease;
}
.bap-social a:hover { transform: scale(1.1); opacity: .8; color: var(--brand-primary); }
.bap-social a i { font-size: 1.35rem; }
.bap-store-btn {
  display: flex; align-items: center; justify-content: center; gap: .6rem;
  width: 100%;
  padding: .9rem 1rem;
  margin-bottom: .6rem;
  background: #111827;
  color: #fff;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 0;
  font-weight: 700;
  font-size: 1.1rem;
  text-transform: none;
}
.bap-store-btn:hover { background: #1f2937; color: #fff; }
.bap-store-btn i { font-size: 1.5rem; }
.bap-footer-divider { border: 0; border-top: 1px solid #e9edf2; margin: 2.5rem 0 0; }
.bap-footer-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: .6rem;
  padding: 1.4rem 0;
  color: #e9edf2;
  font-size: 1.15rem;
}
.bap-footer-bottom a { color: #e9edf2; }
.bap-footer-bottom a:hover { color: var(--brand-primary); }

/* Legacy page-footer keeps working */
.page-footer { background-color: #0f1115; color: #cbd5e1; margin-top: 2.5rem; border-top: 0; padding-top: 2.5rem; }
.page-footer .footer-links a { color: #cbd5e1; }
.page-footer .footer-links a:hover { color: #fff; }
.page-footer .footer-title { color: #fff; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; font-size: .85rem; }
.page-footer .footer-copyright { background: rgba(0,0,0,.18); color: #94a3b8; padding: .9rem 0; }
.page-footer .footer-about { color: #94a3b8; font-size: .95rem; line-height: 1.6; }
.page-footer .footer-links div { margin-bottom: .45rem; }

/* ===== Homepage landing (clean, professional) ===== */
.bap-hero {
  background: linear-gradient(180deg, #ffffff 0%, #f0f7f1 100%);
  padding: 5rem 0 4.5rem;
  border-bottom: 1px solid var(--brand-border);
}
.bap-hero h1 { color: #0f1115; margin: 0 0 .6rem; font-size: 3.4rem; font-weight: 800; }
.bap-hero .bap-hero-sub { color: #1a1d23; font-size: 1.7rem; font-weight: 500; margin: 0 0 1.75rem; max-width: 32rem; }
.bap-hero .btn-primary { border-radius: 0; }
.bap-form-card {
  background: #fff;
  border: 1px solid var(--brand-border);
  border-radius: 18px;
  box-shadow: var(--brand-shadow);
  padding: 2rem;
}
.bap-form-card label { color: #2a2a2a; font-weight: 600; font-size: 1.2rem; }
.bap-form-card .select-wrapper input.select-dropdown { margin-bottom: 1.1rem; font-size: 1.2rem; }
.bap-pill-btn { border-radius: 9999px !important; width: 100%; height: 3.8rem !important; line-height: 3.8rem !important; }
.bap-iconbox { text-align: center; padding: 1.5rem .9rem; }
.bap-iconbox-icon {
  display: inline-flex; align-items: center; justify-content: center;
  width: 76px; height: 76px;
  border-radius: 50%;
  background: var(--brand-primary);
  color: #fff;
  margin-bottom: 1.1rem;
}
.bap-iconbox-icon i { font-size: 2.2rem; color: #fff; }
.bap-iconbox h5 { margin: 0 0 .5rem; font-size: 1.35rem; font-weight: 700; }
.bap-iconbox p { color: var(--brand-muted); font-size: 1.15rem; line-height: 1.6; }
.bap-paperless {
  background: linear-gradient(135deg, #1f7a2e 0%, #39B54A 55%, #1ed760 130%);
  padding: 4rem 0;
}
.bap-paperless .container { text-align: center; }
.bap-paperless h2, .bap-paperless p { color: #fff; }
.bap-paperless h2 { font-size: 2.9rem; font-weight: 800; margin: 0 0 .4rem; }
.bap-paperless .bap-price { font-size: 2.3rem; font-weight: 800; color: #fff; margin: .4rem 0; }
.bap-paperless .bap-paperless-text { font-size: 1.35rem; max-width: 640px; margin: 0 auto 1.5rem; opacity: .95; }
.bap-paperless .btn { border-radius: 0; margin: 0 0 1rem; }
.bap-ai-row img,
.bap-integration-img img {
  display: block;
  max-height: 360px;
  max-width: 100%;
  width: auto;
  height: auto;
  margin: 0 auto;
  object-fit: contain;
  border-radius: 16px;
  box-shadow: var(--brand-shadow);
  background: #fff;
}
.bap-ai-row h4 { margin: 1rem 0 .4rem; font-size: 1.6rem; font-weight: 700; }
.bap-ai-row p, .bap-integration-col p { font-size: 1.2rem; }
.bap-section-head { text-align: center; max-width: 820px; margin: 0 auto 2.5rem; }
.bap-section-head h3 { margin: 0 0 .6rem; font-size: 2.6rem; font-weight: 800; }
.bap-section-head p { color: var(--brand-muted); font-size: 1.35rem; margin: 0; }
.bap-guide-card {
  background: #fff;
  border-radius: 12px;
  box-shadow: var(--brand-shadow);
  overflow: hidden;
  height: 100%;
}
.bap-guide-card img { width: 100%; height: 210px; object-fit: cover; display: block; }
.bap-guide-card .bap-guide-body { padding: 1.2rem 1.4rem; }
.bap-guide-card .bap-guide-body h5 { margin: 0 0 .35rem; font-size: 1.35rem; font-weight: 700; }
.bap-guide-card .bap-guide-body p { color: var(--brand-muted); margin: 0; font-size: 1.15rem; }

/* Collapsible (accordion) */
.collapsible { box-shadow: none; border: 0; }
.collapsible-header {
  padding: 1.5rem 1.7rem; font-size: 1.4rem; font-weight: 700; color: #2a2a2a;
  background: #fff; border: 1px solid var(--brand-border); border-radius: 14px;
  margin: .7rem 0; display: flex; align-items: center; gap: .9rem; box-shadow: var(--brand-shadow);
}
.collapsible-header i { font-size: 1.8rem; color: var(--brand-primary); }
.collapsible-body { padding: 0; border-radius: 0 0 14px 14px; border: 1px solid var(--brand-border); border-top: 0; margin-bottom: .6rem; }
.collapsible-header.active { border-bottom-left-radius: 0; border-bottom-right-radius: 0; margin-bottom: 0; }
.card .card-action { padding: 1.1rem 1.4rem; }

/* Inputs */
.input-field input[type=text],
.input-field input[type=email],
.input-field input[type=password],
.input-field input[type=tel],
.input-field select,
.input-field textarea { border-bottom-color: var(--brand-border); font-size: 1.25rem; }
.input-field label { font-size: 1.15rem; }
.input-field input:focus { border-bottom-color: var(--brand-primary); box-shadow: 0 1px 0 0 var(--brand-primary); }
.input-field .prefix.active { color: var(--brand-primary); }
.input-field label.active { color: var(--brand-primary); }

/* Chips / collections / pagination */
.chip { border-radius: 8px; background: #eef2f0; color: var(--brand-ink); }
.collection .collection-item.active { background: var(--brand-primary); }
.collection a.collection-item:not(.active):hover { background: #f8faf9; }
.pagination li.active a { background: var(--brand-primary); }

/* Breadcrumbs */
.breadcrumbs { display: flex; align-items: center; flex-wrap: wrap; gap: .4rem; margin: .25rem 0 1.25rem; font-size: .98rem; color: var(--brand-muted); }
.breadcrumbs a { color: var(--brand-muted); text-decoration: none; font-weight: 500; }
.breadcrumbs a:hover { color: var(--brand-primary); text-decoration: underline; }
.breadcrumbs span, .breadcrumbs .breadcrumb { color: var(--brand-muted); font-weight: 600; }
.breadcrumbs .breadcrumb { padding: 0; }
.breadcrumbs .breadcrumb:not(:last-child)::after { content: '/'; margin-left: .4rem; color: #cbd5e1; }

/* Utility helpers */
.gap-2 { gap: .5rem; } .gap-3 { gap: 1rem; } .gap-4 { gap: 1.5rem; }
.d-flex { display: flex; } .flex-wrap { flex-wrap: wrap; }
.align-items-center { align-items: center; } .justify-content-between { justify-content: space-between; }
.text-muted { color: var(--brand-muted); }
.mt-2 { margin-top: .5rem; } .mt-3 { margin-top: 1rem; } .mt-4 { margin-top: 1.5rem; }
.mb-2 { margin-bottom: .5rem; } .mb-3 { margin-bottom: 1rem; } .mb-4 { margin-bottom: 1.5rem; }
.py-4 { padding-top: 1.5rem; padding-bottom: 1.5rem; }
.w-100 { width: 100%; }

.theme-toggle-link { cursor: pointer; }

/* ===== Dark mode ===== */
[data-theme="dark"] {
  --brand-ink: #e5e7eb;
  --brand-muted: #94a3b8;
  --brand-border: #334155;
  --brand-bg: #0f1115;
  --brand-surface: #1a1d23;
  --brand-shadow: 0 8px 30px rgba(0, 0, 0, 0.45);
}
[data-theme="dark"] body { background-color: var(--brand-bg); color: var(--brand-ink); }
[data-theme="dark"] h1, [data-theme="dark"] h2, [data-theme="dark"] h3, [data-theme="dark"] h4, [data-theme="dark"] h5, [data-theme="dark"] h6 { color: var(--brand-ink); }
[data-theme="dark"] .bap-header { background: #14171c; }
[data-theme="dark"] .bap-nav ul li > a,
[data-theme="dark"] .bap-login-link,
[data-theme="dark"] .bap-header-actions .theme-toggle-link { color: #e9edf2; }
[data-theme="dark"] .bap-hero { background: linear-gradient(180deg, #10141a 0%, #122019 100%); border-bottom-color: #1e2a24; }
[data-theme="dark"] .bap-hero h1 { color: #f5f5f5; }
[data-theme="dark"] .bap-hero .bap-hero-sub { color: #e9edf2; }
[data-theme="dark"] .bap-form-card { background: var(--brand-surface); border-color: var(--brand-border); }
[data-theme="dark"] nav { background-color: #14171c; box-shadow: 0 2px 14px rgba(0,0,0,.4); }
[data-theme="dark"] nav ul li > a { color: var(--brand-muted); }
[data-theme="dark"] nav ul li > a:hover, [data-theme="dark"] nav ul li > a.active { color: var(--brand-primary); background: rgba(57,181,74,.18); }
[data-theme="dark"] nav .brand-logo { color: var(--brand-ink); }
[data-theme="dark"] nav .dropdown-content { background-color: #1a1d23; }
[data-theme="dark"] nav .dropdown-content li > a { color: var(--brand-ink); }
[data-theme="dark"] nav .dropdown-content li > a:hover { color: var(--brand-primary); }
[data-theme="dark"] .card, [data-theme="dark"] .card-panel, [data-theme="dark"] .collapsible-header { background-color: var(--brand-surface); color: var(--brand-ink); border-color: var(--brand-border); }
[data-theme="dark"] .card .card-title, [data-theme="dark"] .card-title { color: var(--brand-ink); }
[data-theme="dark"] .card .card-action { border-top-color: var(--brand-border); }
[data-theme="dark"] .collection, [data-theme="dark"] .collection .collection-item { background-color: var(--brand-surface); color: var(--brand-ink); border-color: var(--brand-border); }
[data-theme="dark"] .collection a.collection-item:not(.active):hover { background: rgba(57,181,74,.12); }
[data-theme="dark"] .table, [data-theme="dark"] table.striped, [data-theme="dark"] table.striped > tbody > tr:nth-child(odd) { background-color: var(--brand-surface); color: var(--brand-ink); }
[data-theme="dark"] .collapsible-body, [data-theme="dark"] .collapsible-body p { background-color: var(--brand-surface); color: var(--brand-ink); }
[data-theme="dark"] .input-field input, [data-theme="dark"] .input-field textarea, [data-theme="dark"] .input-field select { color: var(--brand-ink); border-bottom-color: var(--brand-border); }
[data-theme="dark"] .input-field label { color: var(--brand-muted); }
[data-theme="dark"] .input-field input:focus { border-bottom-color: var(--brand-primary); box-shadow: 0 1px 0 0 var(--brand-primary); }
[data-theme="dark"] .page-footer { background-color: #0c0e11; }
[data-theme="dark"] .bap-footer { background-color: #0c0e11; }
[data-theme="dark"] .chip { background: #334155; color: var(--brand-ink); }
[data-theme="dark"] .sidenav { background-color: #1a1d23; }
[data-theme="dark"] .sidenav li > a:not(.btn):not(.btn-flat):not(.btn-large):not(.btn-floating) { color: #e9edf2; }
[data-theme="dark"] .sidenav li > a:not(.btn):not(.btn-flat):not(.btn-large):not(.btn-floating):hover { background-color: rgba(57,181,74,.25); color: #fff; }
[data-theme="dark"] .sidenav li > a .material-icons { color: var(--brand-primary); }
[data-theme="dark"] .sidenav .divider { background-color: #334155; }
[data-theme="dark"] .sidenav .user-view .name, [data-theme="dark"] .sidenav .user-view .email { color: #fff; }
[data-theme="dark"] .sidenav li > a.active { background-color: rgba(57,181,74,.3); color: #fff; }
[data-theme="dark"] .sidenav li > a.red-text { color: #f87171 !important; }
[data-theme="dark"] .breadcrumbs a, [data-theme="dark"] .breadcrumbs span { color: var(--brand-muted); }
[data-theme="dark"] .bap-guide-card { background: var(--brand-surface); }
[data-theme="dark"] .bap-guide-card .bap-guide-body h5 { color: var(--brand-ink); }
[data-theme="dark"] .modal .modal-content, [data-theme="dark"] .modal .modal-footer { background-color: var(--brand-surface); color: var(--brand-ink); }
[data-theme="dark"] .tabs .tab a { color: var(--brand-muted); }
[data-theme="dark"] .tabs .tab a.active, [data-theme="dark"] .tabs .tab a:hover { color: var(--brand-primary); }
[data-theme="dark"] .card-panel.grey, [data-theme="dark"] .card-panel.grey.lighten-3, [data-theme="dark"] .card-panel.grey.lighten-4 { background: #334155 !important; color: var(--brand-ink); }
[data-theme="dark"] .invoice-well, [data-theme="dark"] .card-panel.invoice-well { background-color: var(--brand-surface); border-color: var(--brand-border); }
[data-theme="dark"] .markdown-body { color: var(--brand-ink); }
[data-theme="dark"] a { color: var(--brand-primary); }
[data-theme="dark"] .grey-text, [data-theme="dark"] .text-muted, [data-theme="dark"] .text-secondary { color: #94a3b8 !important; }
[data-theme="dark"] ::selection { background: rgba(57,181,74,.5); color: #fff; }
[data-theme="dark"] nav .sidenav-trigger i { color: #e9edf2; }