/* =====================================================
   CLEAR NOTE — LIGHT THEME LAYER
   Purpose: color/surface/depth transformation only.
   Layout, spacing, typography and component geometry
   intentionally remain unchanged.
   Mini-sites do not load this stylesheet and are not
   included in this theme layer.
   ===================================================== */

body.cn-light-theme {
  /* Light neutral hierarchy */
  --cn-black: #111827;
  --cn-near-black: #f8faf9;
  --cn-card-bg: #ffffff;
  --cn-border: #e3e8e5;
  --cn-border-light: #d7ded9;
  --cn-white: #111827;
  --cn-gray-300: #475467;
  --cn-gray-400: #667085;
  --cn-gray-500: #7b8794;
  --cn-gray-600: #475467;
  --cn-glass: rgba(255, 255, 255, 0.82);
  --cn-color-card-bg: #ffffff;

  /* Existing Clear Note green — retained */
  --cn-green: #16a34a;
  --cn-green-dark: #15803d;
  --cn-green-wa: #25D366;

  /* Premium depth tokens */
  --cn-light-bg: #f4f7f5;
  --cn-light-surface: #ffffff;
  --cn-light-surface-soft: #f8faf9;
  --cn-light-surface-muted: #eef3f0;
  --cn-light-text: #111827;
  --cn-light-text-soft: #344054;
  --cn-light-text-muted: #667085;
  --cn-light-border: #e3e8e5;
  --cn-light-shadow:
    0 1px 2px rgba(16, 24, 40, 0.04),
    0 8px 24px rgba(16, 24, 40, 0.06);
  --cn-light-shadow-lg:
    0 2px 5px rgba(16, 24, 40, 0.04),
    0 14px 34px rgba(16, 24, 40, 0.08),
    0 28px 60px rgba(16, 24, 40, 0.06);
}

/* ---------- Page foundation ---------- */
body.cn-light-theme {
  background:
    radial-gradient(circle at 12% -8%, rgba(34, 197, 94, 0.045), transparent 32%),
    linear-gradient(180deg, #f7f9f8 0%, var(--cn-light-bg) 100%);
  color: var(--cn-light-text);
}

body.cn-light-theme ::selection {
  background: rgba(34, 197, 94, 0.18);
  color: #0f172a;
}

/* ---------- Header / navigation ---------- */
body.cn-light-theme .cn-header {
  background: rgba(255, 255, 255, 0.94);
  border-bottom-color: rgba(16, 24, 40, 0.08);
  box-shadow: 0 1px 0 rgba(16, 24, 40, 0.025), 0 8px 24px rgba(16, 24, 40, 0.035);
  -webkit-backdrop-filter: blur(18px) saturate(130%);
  backdrop-filter: blur(18px) saturate(130%);
}

body.cn-light-theme .cn-icon-btn {
  color: var(--cn-light-text);
}

body.cn-light-theme .cn-clear {
  color: #111827;
}

body.cn-light-theme .cn-note {
  background: linear-gradient(to right, #15803d, #16a34a, #22c55e);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

body.cn-light-theme .cn-logo-admin {
  color: #667085;
}

body.cn-light-theme .cn-sidemenu {
  background: rgba(255, 255, 255, 0.98);
  border-right-color: var(--cn-light-border);
  box-shadow: 18px 0 48px rgba(16, 24, 40, 0.08);
}

body.cn-light-theme .cn-side-link {
  color: #344054;
}

body.cn-light-theme .cn-side-link:hover {
  background: #f2f5f3;
  color: #111827;
}

body.cn-light-theme .cn-side-link svg {
  color: #7b8794;
}

body.cn-light-theme .cn-side-link.active {
  background: rgba(22, 163, 74, 0.09);
  color: var(--cn-green-dark);
}

body.cn-light-theme .cn-side-divider {
  border-top-color: var(--cn-light-border);
}

body.cn-light-theme .cn-overlay {
  background: rgba(15, 23, 42, 0.42);
}

/* ---------- Buttons ---------- */
body.cn-light-theme .cn-btn-dark {
  background: #ffffff;
  color: #344054;
  border-color: #d9e0dc;
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04);
}

body.cn-light-theme .cn-btn-dark:hover {
  background: #f7f9f8;
  color: #111827;
  border-color: #cbd5d0;
}

body.cn-light-theme .cn-btn-primary {
  background: var(--cn-green);
  color: #ffffff;
  box-shadow: 0 6px 16px rgba(22, 163, 74, 0.16);
}

body.cn-light-theme .cn-btn-primary:hover {
  background: #15803d;
  color: #ffffff;
  box-shadow: 0 8px 20px rgba(22, 163, 74, 0.2);
}

/* ---------- Standard floating surfaces ---------- */
body.cn-light-theme .cn-card,
body.cn-light-theme .cn-glass,
body.cn-light-theme .cn-admin-card,
body.cn-light-theme .cn-stat,
body.cn-light-theme .cn-row-item,
body.cn-light-theme .cn-auth-card,
body.cn-light-theme .cn-tip-card,
body.cn-light-theme .cn-info-box,
body.cn-light-theme .cn-home-panel,
body.cn-light-theme .cn-home-feature-card,
body.cn-light-theme .cn-verify-card {
  background: var(--cn-light-surface);
  color: var(--cn-light-text);
  border-color: var(--cn-light-border);
  box-shadow: var(--cn-light-shadow-lg);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

/* Keep card geometry and layout untouched; only add restrained lift. */
body.cn-light-theme .cn-card,
body.cn-light-theme .cn-glass,
body.cn-light-theme .cn-admin-card,
body.cn-light-theme .cn-stat,
body.cn-light-theme .cn-row-item,
body.cn-light-theme .cn-auth-card,
body.cn-light-theme .cn-tip-card,
body.cn-light-theme .cn-home-panel,
body.cn-light-theme .cn-home-feature-card,
body.cn-light-theme .cn-verify-card {
  transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}

body.cn-light-theme .cn-card:hover,
body.cn-light-theme .cn-glass:hover,
body.cn-light-theme .cn-admin-card:hover,
body.cn-light-theme .cn-stat:hover,
body.cn-light-theme .cn-row-item:hover,
body.cn-light-theme .cn-auth-card:hover,
body.cn-light-theme .cn-tip-card:hover,
body.cn-light-theme .cn-home-panel:hover,
body.cn-light-theme .cn-home-feature-card:hover,
body.cn-light-theme .cn-verify-card:hover {
  border-color: #d3ddd7;
  box-shadow:
    0 2px 5px rgba(16, 24, 40, 0.04),
    0 18px 40px rgba(16, 24, 40, 0.09),
    0 34px 70px rgba(16, 24, 40, 0.055);
}

/* Preserve the existing card hover motion where it already exists;
   this rule supplies depth to surfaces that previously had none. */
body.cn-light-theme .cn-home-feature-card:hover,
body.cn-light-theme .cn-tip-card:hover,
body.cn-light-theme .cn-row-item:hover {
  transform: translateY(-2px);
}

/* ---------- Glass / review cards ---------- */
body.cn-light-theme .cn-glass,
body.cn-light-theme body.cn-review-page .cn-glass {
  background: rgba(255, 255, 255, 0.98);
  border-color: #e0e6e2;
  box-shadow: var(--cn-light-shadow-lg);
}

body.cn-light-theme .cn-review-card {
  background: #ffffff;
  color: #111827;
  border-color: #e1e7e3;
  box-shadow: var(--cn-light-shadow-lg);
}

/* ---------- Hero / section backgrounds ---------- */
body.cn-light-theme .cn-section-black,
body.cn-light-theme .cn-section-dark {
  background:
    radial-gradient(circle at 85% 0%, rgba(34, 197, 94, 0.055), transparent 28%),
    linear-gradient(180deg, #f7f9f8 0%, #eef3f0 100%);
  color: var(--cn-light-text);
}

body.cn-light-theme .cn-section-light {
  background: #ffffff;
  color: var(--cn-light-text);
}

body.cn-light-theme .cn-hero {
  background:
    radial-gradient(circle at 82% 5%, rgba(34, 197, 94, 0.08), transparent 32%),
    linear-gradient(180deg, #f7faf8 0%, #eef3f0 100%);
  color: var(--cn-light-text);
}

body.cn-light-theme .cn-hero-title,
body.cn-light-theme .cn-section-title,
body.cn-light-theme .cn-admin-title {
  color: #111827;
}

body.cn-light-theme .cn-hero-sub,
body.cn-light-theme .cn-section-heading span {
  color: #667085;
}

/* ---------- Inputs ---------- */
body.cn-light-theme .cn-input,
body.cn-light-theme .cn-textarea,
body.cn-light-theme .cn-select {
  background: #ffffff;
  color: #111827;
  border-color: #d7ded9;
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.035);
}

body.cn-light-theme .cn-input:hover,
body.cn-light-theme .cn-textarea:hover,
body.cn-light-theme .cn-select:hover {
  border-color: #c8d2cc;
}

body.cn-light-theme .cn-input:focus,
body.cn-light-theme .cn-textarea:focus,
body.cn-light-theme .cn-select:focus {
  border-color: var(--cn-green);
  box-shadow:
    0 0 0 3px rgba(34, 197, 94, 0.12),
    0 4px 12px rgba(16, 24, 40, 0.05);
}

body.cn-light-theme .cn-input::placeholder,
body.cn-light-theme .cn-textarea::placeholder {
  color: #98a2b3;
}

body.cn-light-theme .cn-select option {
  background: #ffffff;
  color: #111827;
}

/* ---------- Tables ---------- */
body.cn-light-theme .cn-table {
  color: #344054;
  background: #ffffff;
}

body.cn-light-theme .cn-table th {
  color: #475467;
  background: #f7f9f8;
  border-bottom-color: #dfe5e1;
}

body.cn-light-theme .cn-table td {
  color: #344054;
  border-bottom-color: #e7ebe8;
}

body.cn-light-theme .cn-table tbody tr:nth-child(even) td {
  background: #fbfcfb;
}

body.cn-light-theme .cn-table tr:hover td {
  background: rgba(34, 197, 94, 0.045);
}

/* ---------- Badges / semantic feedback ---------- */
body.cn-light-theme .cn-badge-green {
  background: rgba(22, 163, 74, 0.10);
  color: #15803d;
}
body.cn-light-theme .cn-badge-yellow {
  background: rgba(217, 119, 6, 0.10);
  color: #b45309;
}
body.cn-light-theme .cn-badge-red {
  background: rgba(220, 38, 38, 0.09);
  color: #b91c1c;
}
body.cn-light-theme .cn-badge-gray {
  background: rgba(71, 84, 103, 0.09);
  color: #475467;
}
body.cn-light-theme .cn-badge-blue {
  background: rgba(37, 99, 235, 0.09);
  color: #1d4ed8;
}

body.cn-light-theme .cn-form-error {
  color: #b42318;
}
body.cn-light-theme .cn-form-success {
  color: #15803d;
}

/* ---------- Pills / pagination ---------- */
body.cn-light-theme .cn-pill-gray {
  background: #f1f4f2;
  color: #475467;
  border-color: #dfe5e1;
}

body.cn-light-theme .cn-page {
  background: #ffffff;
  color: #667085;
  border-color: #dfe5e1;
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.03);
}

body.cn-light-theme .cn-page.active {
  background: var(--cn-green);
  color: #ffffff;
  border-color: var(--cn-green);
}

/* ---------- Home/list/detail helpers ---------- */
body.cn-light-theme .cn-home-stat {
  background: linear-gradient(135deg, rgba(34, 197, 94, 0.10), #ffffff 78%);
  border-color: rgba(34, 197, 94, 0.16);
  box-shadow: var(--cn-light-shadow);
}

body.cn-light-theme .cn-home-chip {
  background: #f4f7f5;
  color: #344054;
  border-color: #e1e7e3;
}

body.cn-light-theme .cn-home-list-item {
  background: #f8faf9;
  color: #111827;
  border-color: #e3e8e5;
}

body.cn-light-theme .cn-home-list-item:hover {
  background: rgba(34, 197, 94, 0.07);
  border-color: rgba(34, 197, 94, 0.18);
}

body.cn-light-theme .cn-home-list-item strong {
  color: #111827;
}
body.cn-light-theme .cn-home-list-item span {
  color: #667085;
}

body.cn-light-theme .cn-info-box {
  background: #f8faf9;
  border-left-color: var(--cn-green);
}

body.cn-light-theme .cn-highlight-box {
  background: rgba(34, 197, 94, 0.055);
  border-color: rgba(34, 197, 94, 0.18);
}

/* ---------- Product/catalog cards ---------- */
body.cn-light-theme .cn-product-card {
  background: #ffffff;
  color: #111827;
  border-color: #e1e7e3;
  box-shadow: var(--cn-light-shadow-lg);
}

body.cn-light-theme .cn-product-card:hover {
  border-color: rgba(22, 163, 74, 0.28);
  box-shadow:
    0 2px 5px rgba(16, 24, 40, 0.04),
    0 18px 38px rgba(16, 24, 40, 0.10);
}

body.cn-light-theme .cn-catalog-heading {
  border-bottom-color: #e1e7e3;
}

/* ---------- Empty / error states ---------- */
body.cn-light-theme .cn-empty {
  color: #667085;
}
body.cn-light-theme .cn-empty svg {
  color: #98a2b3;
}
body.cn-light-theme .cn-empty h2 {
  color: #111827;
}

/* ---------- Footer ---------- */
body.cn-light-theme .cn-footer {
  background: #ffffff;
  color: #344054;
  border-top-color: #e3e8e5;
  box-shadow: 0 -8px 28px rgba(16, 24, 40, 0.025);
}

body.cn-light-theme .cn-footer-col h4 {
  color: #111827;
}

body.cn-light-theme .cn-footer-col a {
  color: #667085;
}

body.cn-light-theme .cn-footer-col a:hover,
body.cn-light-theme .cn-footer-col a.active {
  color: var(--cn-green-dark);
}

body.cn-light-theme .cn-footer-tagline,
body.cn-light-theme .cn-footer-bottom {
  color: #7b8794;
}

/* ---------- Toast / floating UI ---------- */
body.cn-light-theme .cn-toast {
  background: #ffffff;
  color: #344054;
  border-color: #dfe5e1;
  box-shadow: 0 16px 38px rgba(16, 24, 40, 0.12);
}

body.cn-light-theme .cn-toast-close {
  color: #667085;
}

body.cn-light-theme .cn-share-sheet-panel {
  background: #ffffff;
  color: #111827;
  border-color: #dfe5e1;
  box-shadow: 0 24px 60px rgba(16, 24, 40, 0.16);
}

body.cn-light-theme .cn-share-item {
  background: #f8faf9;
  color: #344054;
  border-color: #e3e8e5;
}

body.cn-light-theme .cn-share-item-label {
  color: #344054;
}

body.cn-light-theme .cn-share-item-sub {
  color: #667085;
}

body.cn-light-theme .cn-share-item-arrow {
  color: #98a2b3;
}

/* Keep floating actions clearly separated from the page surface. */
body.cn-light-theme .cn-share-float,
body.cn-light-theme .cn-whatsapp-float {
  box-shadow:
    0 4px 10px rgba(16, 24, 40, 0.12),
    0 12px 26px rgba(16, 24, 40, 0.10);
}

/* ---------- Mobile bottom navigation ---------- */
body.cn-light-theme .cn-bottomnav {
  background: rgba(255, 255, 255, 0.96);
  border-top-color: #dfe5e1;
  box-shadow: 0 -8px 24px rgba(16, 24, 40, 0.06);
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
}

body.cn-light-theme .cn-bottom-item {
  color: #7b8794;
}

body.cn-light-theme .cn-bottom-item.active {
  color: var(--cn-green-dark);
}

/* ---------- Common utility text classes used by the existing pages ---------- */
body.cn-light-theme .text-white { color: #111827 !important; }
body.cn-light-theme .text-gray-300 { color: #475467 !important; }
body.cn-light-theme .text-gray-400 { color: #667085 !important; }
body.cn-light-theme .text-gray-500 { color: #7b8794 !important; }
body.cn-light-theme .text-gray-600 { color: #475467 !important; }
body.cn-light-theme .text-green-500 { color: var(--cn-green-dark) !important; }
body.cn-light-theme .text-black { color: #111827 !important; }

body.cn-light-theme .cn-btn-primary .text-white,
body.cn-light-theme .cn-btn-primary.text-white {
  color: #ffffff !important;
}

/* ---------- Accessibility / focus ---------- */
body.cn-light-theme :focus-visible {
  outline-color: var(--cn-green);
}

/* ---------- Preloader ---------- */
body.cn-light-theme .cn-preloader {
  background: #f7faf8;
  color: #111827;
}

body.cn-light-theme .cn-preloader-inner { background: transparent; }

body.cn-light-theme .cn-preloader-subtitle {
  color: #667085;
}

body.cn-light-theme .cn-preloader-mark {
  color: #15803d;
  border-color: #86c99e;
  box-shadow: 0 0 0 5px rgba(22,163,74,.06);
}
body.cn-light-theme .cn-preloader-progress {
  background: #dfe9e2;
}
body.cn-light-theme .cn-preloader-progress span {
  background: #16a34a;
}

/* ---------- Review-page legacy dark selectors ---------- */
body.cn-light-theme.cn-review-page {
  background: #f4f7f5;
  color: #111827;
}

body.cn-light-theme.cn-review-page .cn-card {
  background: #ffffff;
  color: #111827;
  border-color: #e1e7e3;
  box-shadow: var(--cn-light-shadow-lg);
}

body.cn-light-theme.cn-review-page .cn-card-cat {
  background: rgba(255, 255, 255, 0.94);
  color: #344054;
  border-color: #dfe5e1;
}

body.cn-light-theme.cn-review-page .cn-card-rating {
  background: rgba(255, 255, 255, 0.96);
  color: #111827;
  border: 1px solid #dfe5e1;
  box-shadow: 0 5px 14px rgba(16, 24, 40, 0.08);
}

body.cn-light-theme.cn-review-page .cn-card-title,
body.cn-light-theme.cn-review-page .cn-card:hover .cn-card-title {
  color: #111827;
}

body.cn-light-theme.cn-review-page .cn-card-excerpt,
body.cn-light-theme.cn-review-page .cn-card-meta {
  color: #667085;
}

body.cn-light-theme.cn-review-page .cn-breadcrumb,
body.cn-light-theme.cn-review-page .cn-breadcrumb .current {
  color: #667085;
}

/* Avoid changing image treatment: only change fallback surfaces. */
body.cn-light-theme .cn-card-img-wrap[style*="background:#000"],
body.cn-light-theme .cn-card-img-wrap[style*="background: #000"] {
  background: #eef3f0 !important;
}
/* ---------- Auth page surfaces (structure unchanged) ---------- */
body.cn-light-theme .cn-login-page,
body.cn-light-theme .cn-register-wrap {
  background:
    radial-gradient(circle at 15% 8%, rgba(34, 197, 94, 0.07), transparent 30%),
    linear-gradient(180deg, #f7f9f8 0%, #eef3f0 100%);
}

body.cn-light-theme .cn-login-card,
body.cn-light-theme .cn-register-card {
  background: #ffffff;
  color: #111827;
  border-color: #e0e6e2;
  box-shadow:
    0 1px 2px rgba(16, 24, 40, 0.04),
    0 18px 46px rgba(16, 24, 40, 0.10),
    0 34px 72px rgba(16, 24, 40, 0.055);
}

body.cn-light-theme .cn-login-brand,
body.cn-light-theme .cn-register-brand {
  color: #111827 !important;
}

body.cn-light-theme .cn-login-brand .cn-clear {
  color: #111827;
}

body.cn-light-theme .cn-login-brand .cn-note,
body.cn-light-theme .cn-register-brand .cn-green {
  color: #15803d;
}

body.cn-light-theme .cn-login-title,
body.cn-light-theme .cn-register-title {
  color: #111827;
}

body.cn-light-theme .cn-login-sub,
body.cn-light-theme .cn-register-sub,
body.cn-light-theme .cn-login-alt,
body.cn-light-theme .cn-register-alt,
body.cn-light-theme .cn-register-note {
  color: #667085;
}

body.cn-light-theme .cn-login-form .cn-label,
body.cn-light-theme .cn-register-form .cn-label {
  color: #344054;
}

body.cn-light-theme .cn-login-form .cn-input,
body.cn-light-theme .cn-register-form .cn-input {
  background: #ffffff;
  color: #111827;
  border-color: #d7ded9;
}

body.cn-light-theme .cn-login-form .cn-input:focus,
body.cn-light-theme .cn-register-form .cn-input:focus {
  border-color: var(--cn-green);
  box-shadow: 0 0 0 3px rgba(34, 197, 94, 0.11);
}

body.cn-light-theme .cn-code-input {
  background: #ffffff;
  color: #111827;
  border-color: #d7ded9;
}

body.cn-light-theme .cn-code-input:focus {
  border-color: var(--cn-green);
}

body.cn-light-theme .cn-password-toggle {
  color: #7b8794;
}

body.cn-light-theme .cn-login-secondary,
body.cn-light-theme .cn-register-option,
body.cn-light-theme .cn-register-method a {
  background: #f8faf9;
  color: #344054 !important;
  border-color: #dfe5e1;
}

body.cn-light-theme .cn-login-secondary:hover,
body.cn-light-theme .cn-register-option:hover,
body.cn-light-theme .cn-register-method a:hover {
  background: #f2f5f3;
  border-color: rgba(22, 163, 74, 0.30);
}

body.cn-light-theme .cn-login-divider,
body.cn-light-theme .cn-register-divider {
  color: #7b8794;
}

body.cn-light-theme .cn-login-divider:before,
body.cn-light-theme .cn-login-divider:after,
body.cn-light-theme .cn-register-divider:before,
body.cn-light-theme .cn-register-divider:after {
  background: #e3e8e5;
}

body.cn-light-theme .cn-login-error,
body.cn-light-theme .cn-register-feedback.error {
  color: #b42318;
}

body.cn-light-theme .cn-register-feedback.success {
  color: #15803d;
}

body.cn-light-theme .cn-login-primary,
body.cn-light-theme .cn-register-primary {
  color: #ffffff !important;
}

body.cn-light-theme .cn-register-primary {
  background: linear-gradient(135deg, #16a34a, #15803d);
  box-shadow: 0 8px 20px rgba(22, 163, 74, 0.16);
}


/* =====================================================
   CLEAR NOTE — LIGHT THEME PROFILE LAYER
   The existing profile/business structure, spacing and
   typography remain unchanged. Only surfaces, text
   contrast, borders and depth are transformed.
   ===================================================== */

body.cn-light-theme.cn-dark-profile {
  background:
    radial-gradient(circle at 12% -8%, rgba(184, 156, 94, 0.055), transparent 30%),
    linear-gradient(180deg, #f7f9f8 0%, #f1f5f3 100%);
  color: #111827;
}

body.cn-light-theme.cn-dark-profile .cn-profile-section-card,
body.cn-light-theme.cn-dark-profile .cn-profile-card,
body.cn-light-theme.cn-dark-profile .cn-glass {
  background: #ffffff;
  color: #111827;
  border-color: #e0e6e2;
  box-shadow:
    0 1px 2px rgba(16, 24, 40, 0.04),
    0 12px 30px rgba(16, 24, 40, 0.075),
    0 26px 56px rgba(16, 24, 40, 0.045);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

body.cn-light-theme.cn-dark-profile .cn-profile-section-card:hover,
body.cn-light-theme.cn-dark-profile .cn-profile-card:hover {
  border-color: rgba(184, 156, 94, 0.28);
  box-shadow:
    0 2px 5px rgba(16, 24, 40, 0.04),
    0 18px 42px rgba(16, 24, 40, 0.10),
    0 34px 70px rgba(16, 24, 40, 0.055);
}

body.cn-light-theme.cn-dark-profile .cn-section-subtitle,
body.cn-light-theme.cn-dark-profile .cn-profile-section-card .cn-section-subtitle {
  color: #667085;
}

body.cn-light-theme.cn-dark-profile .cn-profile-info-pill,
body.cn-light-theme.cn-dark-profile .cn-profile-accordion-item,
body.cn-light-theme.cn-dark-profile .cn-link-pill,
body.cn-light-theme.cn-dark-profile .cn-product-card {
  background: #f8faf9;
  color: #344054;
  border-color: #e1e7e3;
  box-shadow:
    0 1px 2px rgba(16, 24, 40, 0.035),
    0 8px 22px rgba(16, 24, 40, 0.055);
}

body.cn-light-theme.cn-dark-profile .cn-profile-info-pill:hover,
body.cn-light-theme.cn-dark-profile .cn-profile-accordion-item:hover {
  border-color: rgba(184, 156, 94, 0.28);
  box-shadow:
    0 2px 5px rgba(16, 24, 40, 0.04),
    0 14px 32px rgba(16, 24, 40, 0.08);
}

body.cn-light-theme.cn-dark-profile .cn-profile-why-item,
body.cn-light-theme.cn-dark-profile .cn-catalog-heading {
  border-bottom-color: #e4e9e6;
}

body.cn-light-theme.cn-dark-profile .cn-profile-why-icon,
body.cn-light-theme.cn-dark-profile .cn-profile-accordion-plus {
  background: rgba(184, 156, 94, 0.11);
  color: #9a742e;
}

body.cn-light-theme.cn-dark-profile .cn-profile-accordion-trigger {
  color: #111827;
}

body.cn-light-theme.cn-dark-profile .cn-profile-accordion-trigger svg {
  color: #667085;
}

body.cn-light-theme.cn-dark-profile .cn-profile-accordion-panel {
  color: #344054;
}

body.cn-light-theme.cn-dark-profile .cn-profile-name,
body.cn-light-theme.cn-dark-profile h1,
body.cn-light-theme.cn-dark-profile h2,
body.cn-light-theme.cn-dark-profile h3,
body.cn-light-theme.cn-dark-profile h4,
body.cn-light-theme.cn-dark-profile h5,
body.cn-light-theme.cn-dark-profile h6 {
  color: #111827;
}

body.cn-light-theme.cn-dark-profile p,
body.cn-light-theme.cn-dark-profile li {
  color: #475467;
}

body.cn-light-theme.cn-dark-profile .cn-social-icon,
body.cn-light-theme.cn-dark-profile .cn-connect-pill {
  background: #ffffff;
  border-color: #dfe5e1;
  color: #667085;
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.035);
}

body.cn-light-theme.cn-dark-profile .cn-social-icon:hover,
body.cn-light-theme.cn-dark-profile .cn-connect-pill:hover {
  background: rgba(184, 156, 94, 0.08);
  border-color: rgba(184, 156, 94, 0.28);
  color: #8a6829;
}

body.cn-light-theme.cn-dark-profile .cn-product-card {
  background: #ffffff;
  color: #111827;
}

body.cn-light-theme.cn-dark-profile .cn-product-card:hover {
  border-color: rgba(184, 156, 94, 0.30);
  box-shadow:
    0 2px 5px rgba(16, 24, 40, 0.04),
    0 18px 38px rgba(16, 24, 40, 0.09);
}

body.cn-light-theme.cn-dark-profile .cn-review-card {
  background: #ffffff;
  color: #344054;
  border-color: #e1e7e3;
  box-shadow: 0 10px 26px rgba(16, 24, 40, 0.065);
}

body.cn-light-theme.cn-dark-profile .cn-dark-profile .cn-btn-dark,
body.cn-light-theme.cn-dark-profile .cn-btn-dark {
  background: #ffffff;
  color: #344054;
  border-color: rgba(184, 156, 94, 0.22);
  box-shadow: 0 4px 12px rgba(16, 24, 40, 0.055);
}

body.cn-light-theme.cn-dark-profile .cn-btn-primary {
  color: #111111;
}

body.cn-light-theme.cn-dark-profile .cn-side-alert-link {
  background: rgba(255, 255, 255, 0.98);
  color: #344054;
  border-color: rgba(184, 156, 94, 0.28);
  box-shadow: 0 10px 28px rgba(16, 24, 40, 0.12);
}

body.cn-light-theme.cn-dark-profile .cn-side-alert-link:hover {
  background: rgba(184, 156, 94, 0.08);
  color: #7a5b20;
}

body.cn-light-theme.cn-dark-profile .cn-catalog-wrapper {
  scrollbar-color: #cfd7d2 transparent;
}

body.cn-light-theme.cn-dark-profile .cn-catalog-heading h2 {
  color: #111827;
}

body.cn-light-theme.cn-dark-profile .cn-catalog-heading span {
  color: #667085;
}

/* Profile avatar/photo fallback remains visually intentional. */
body.cn-light-theme.cn-dark-profile .cn-avatar-ring img {
  background: #f1f4f2;
}

/* Profile-specific form controls inherit the same crisp light treatment. */
body.cn-light-theme.cn-dark-profile .cn-input,
body.cn-light-theme.cn-dark-profile .cn-textarea,
body.cn-light-theme.cn-dark-profile .cn-select {
  background: #ffffff;
  color: #111827;
  border-color: #d7ded9;
}

body.cn-light-theme .cn-theme-control{color:var(--cn-light-text);}
body.cn-light-theme .cn-theme-control:hover{background:var(--cn-light-surface-muted);}

/* Auth pages keep their approved geometry; !important is limited to legacy inline dark color values. */
body.cn-light-theme .cn-login-page,
body.cn-light-theme .cn-register-wrap { background:linear-gradient(180deg,#f7f9f8 0%,#eef3f0 100%) !important; }
body.cn-light-theme .cn-login-card,
body.cn-light-theme .cn-register-card { background:#fff !important; color:#111827 !important; border-color:#e0e6e2 !important; box-shadow:0 1px 2px rgba(16,24,40,.04),0 18px 46px rgba(16,24,40,.10),0 34px 72px rgba(16,24,40,.055) !important; }
body.cn-light-theme .cn-login-title,
body.cn-light-theme .cn-register-title { color:#111827 !important; }
body.cn-light-theme .cn-login-sub,
body.cn-light-theme .cn-register-sub,
body.cn-light-theme .cn-login-alt,
body.cn-light-theme .cn-register-alt { color:#667085 !important; }
body.cn-light-theme .cn-login-form .cn-input,
body.cn-light-theme .cn-register-form .cn-input { background:#fff !important; color:#111827 !important; border-color:#d7ded9 !important; }
body.cn-light-theme .cn-login-form .cn-label,
body.cn-light-theme .cn-register-form .cn-label { color:#344054 !important; }
body.cn-light-theme .cn-login-secondary,
body.cn-light-theme .cn-register-option { background:#f8faf9 !important; color:#111827 !important; border-color:#d7ded9 !important; }
body.cn-light-theme .cn-register-primary { color:#fff !important; }


/* =====================================================
   ACCOUNT + USER INBOX — PREMIUM LIGHT SURFACES
   Existing geometry is preserved. These rules only
   transform color, depth, borders and readability.
   ===================================================== */
body.cn-light-theme .cn-account-hero,
body.cn-light-theme .cn-account-page .cn-pro-card,
body.cn-light-theme .cn-account-page .cn-profiles-card,
body.cn-light-theme .cn-account-page .cn-verify-card {
  background: #ffffff;
  color: #111827;
  border-color: #dfe6e2;
  box-shadow:
    0 1px 2px rgba(16,24,40,.035),
    0 12px 30px rgba(16,24,40,.065),
    0 26px 58px rgba(16,24,40,.045);
}
body.cn-light-theme .cn-account-hero:hover,
body.cn-light-theme .cn-account-page .cn-pro-card:hover,
body.cn-light-theme .cn-account-page .cn-profiles-card:hover,
body.cn-light-theme .cn-account-page .cn-verify-card:hover {
  border-color: #d2ddd6;
  box-shadow:
    0 2px 5px rgba(16,24,40,.04),
    0 18px 42px rgba(16,24,40,.085),
    0 34px 70px rgba(16,24,40,.05);
}
body.cn-light-theme .cn-account-hero-cover {
  background:
    radial-gradient(circle at 82% 0%, rgba(34,197,94,.10), transparent 28%),
    linear-gradient(135deg,#eef5f0 0%,#f8faf9 52%,#eaf1ed 100%);
}
body.cn-light-theme .cn-account-watermark { color: rgba(52,64,84,.55); }
body.cn-light-theme .cn-account-avatar-ring {
  background: #ffffff;
  border-color: #dfe6e2;
  box-shadow: 0 10px 28px rgba(16,24,40,.10);
}
body.cn-light-theme .cn-account-avatar-fallback { color: #667085; background: #f2f6f3; }
body.cn-light-theme .cn-account-name,
body.cn-light-theme .cn-account-name-row h1,
body.cn-light-theme .cn-pro-card-title,
body.cn-light-theme .cn-account-page h2,
body.cn-light-theme .cn-account-page h3 { color: #111827; }
body.cn-light-theme .cn-account-email,
body.cn-light-theme .cn-account-page .cn-profile-detail,
body.cn-light-theme .cn-account-page .cn-account-stat-label { color: #667085; }
body.cn-light-theme .cn-account-email svg { color: #7b8794; }
body.cn-light-theme .cn-account-action-btn,
body.cn-light-theme .cn-pro-action-btn,
body.cn-light-theme .cn-profile-view {
  background: #ffffff;
  color: #344054;
  border-color: #dfe6e2;
  box-shadow: 0 3px 10px rgba(16,24,40,.045);
}
body.cn-light-theme .cn-account-action-btn:hover,
body.cn-light-theme .cn-pro-action-btn:hover,
body.cn-light-theme .cn-profile-view:hover {
  background: #f8faf9;
  color: #111827;
  border-color: rgba(22,163,74,.28);
  box-shadow: 0 10px 24px rgba(16,24,40,.075);
}
body.cn-light-theme .cn-account-action-btn--primary,
body.cn-light-theme .cn-pro-action-primary {
  background: #16a34a;
  color: #ffffff;
  border-color: #16a34a;
  box-shadow: 0 8px 20px rgba(22,163,74,.15);
}
body.cn-light-theme .cn-account-action-btn--primary:hover,
body.cn-light-theme .cn-pro-action-primary:hover {
  background: #15803d;
  color: #ffffff;
}
body.cn-light-theme .cn-account-hero-stats { border-top-color: #e3e8e5; }
body.cn-light-theme .cn-account-stat + .cn-account-stat { border-left-color: #e3e8e5; }
body.cn-light-theme .cn-account-stat-value { color: #111827; }
body.cn-light-theme .cn-account-page .cn-profile-item { background: #fbfcfb; border-color: #e2e8e4; }
body.cn-light-theme .cn-account-page .cn-profile-item:hover { background: #f7faf8; border-color: #d5dfd9; box-shadow: 0 10px 24px rgba(16,24,40,.055); }
body.cn-light-theme .cn-account-page .cn-profile-name { color: #111827; }
body.cn-light-theme .cn-account-page .cn-profile-empty { background: #f8faf9; border-color: #e2e8e4; color: #344054; }
body.cn-light-theme .cn-account-page .cn-profile-empty-text p { color: #111827; }
body.cn-light-theme .cn-account-page .cn-profile-empty-text span { color: #667085; }
body.cn-light-theme .cn-account-page .cn-profile-create-btn { background: #ffffff; color: #344054; border-color: #dfe6e2; box-shadow: 0 3px 10px rgba(16,24,40,.045); }
body.cn-light-theme .cn-account-page .cn-profile-create-btn:hover { color: #15803d; border-color: rgba(22,163,74,.28); }
body.cn-light-theme .cn-account-page .cn-credibility-score { color: #111827; }
body.cn-light-theme .cn-account-page .cn-text-green { color: #15803d !important; }
body.cn-light-theme .cn-notification-nav { position: relative; }
body.cn-light-theme .cn-notification-nav-badge { background:#16a34a; color:#fff; border-color:#fff; }

/* User notification inbox */
body.cn-light-theme .cn-account-inbox-head { color:#111827; }
body.cn-light-theme .cn-inbox-kicker { color:#15803d; font-size:.72rem; font-weight:800; letter-spacing:.12em; margin:0 0 .35rem; }
body.cn-light-theme .cn-inbox-filters { display:flex; gap:.5rem; flex-wrap:wrap; margin:1rem 0 1.25rem; }
body.cn-light-theme .cn-user-inbox-list { display:flex; flex-direction:column; gap:.8rem; }
body.cn-light-theme .cn-user-notification {
  display:flex; gap:1rem; align-items:flex-start;
  background:#fff; color:#111827; border:1px solid #dfe6e2; border-radius:inherit;
  padding:1rem 1.1rem;
  box-shadow:0 1px 2px rgba(16,24,40,.035),0 10px 26px rgba(16,24,40,.055);
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
body.cn-light-theme .cn-user-notification:hover { transform:translateY(-2px); border-color:#d0dbd4; box-shadow:0 2px 5px rgba(16,24,40,.04),0 16px 34px rgba(16,24,40,.085); }
body.cn-light-theme .cn-user-notification.is-unread { border-left:3px solid #16a34a; background:#fcfefd; }
body.cn-light-theme .cn-user-notification-mark { flex:0 0 2.5rem; width:2.5rem; height:2.5rem; display:grid; place-items:center; border:1px solid rgba(22,163,74,.16); border-radius:12px; background:rgba(22,163,74,.07); color:#15803d; }
body.cn-light-theme .cn-user-notification-body { min-width:0; flex:1; }
body.cn-light-theme .cn-user-notification-top { display:flex; justify-content:space-between; gap:1rem; align-items:flex-start; }
body.cn-light-theme .cn-user-notification-top > div:first-child { display:flex; gap:.55rem; align-items:center; flex-wrap:wrap; }
body.cn-light-theme .cn-user-notification h2 { margin:0; font-size:1rem; color:#111827; }
body.cn-light-theme .cn-user-notification time { color:#7b8794; font-size:.78rem; white-space:nowrap; }
body.cn-light-theme .cn-user-notification p { margin:.45rem 0 0; color:#475467; line-height:1.65; }
body.cn-light-theme .cn-user-notification-actions { display:flex; gap:.45rem; flex-wrap:wrap; margin-top:.8rem; }
body.cn-light-theme .cn-user-inbox-empty { background:#fff; border:1px solid #dfe6e2; border-radius:16px; padding:3rem 1.5rem; box-shadow:var(--cn-light-shadow-lg); }
body.cn-light-theme .cn-user-inbox-empty-icon { width:3rem; height:3rem; margin:0 auto .8rem; display:grid; place-items:center; border-radius:14px; background:#f1f6f3; color:#667085; }
body.cn-light-theme .cn-user-inbox-empty p { color:#667085; }

/* Legacy inline dark account values: preserve geometry, restore light readability. */
body.cn-light-theme .cn-account-page [style*="color:var(--cn-gray-300)"],
body.cn-light-theme .cn-account-page [style*="color:var(--cn-gray-400)"],
body.cn-light-theme .cn-account-page [style*="color:#fff"],
body.cn-light-theme .cn-account-page [style*="color: #fff"] { color:#475467 !important; }
body.cn-light-theme .cn-account-page [style*="background:#090d0a"],
body.cn-light-theme .cn-account-page [style*="background: #090d0a"] { background:#fff !important; }

@media (max-width: 700px) {
  body.cn-light-theme .cn-user-notification-top { flex-direction:column; gap:.35rem; }
  body.cn-light-theme .cn-user-notification time { white-space:normal; }
}

/* ---------- Legacy inline dark surfaces: light-mode compatibility sweep ---------- */
body.cn-light-theme .cn-admin-body [style*="background:#111"],
body.cn-light-theme .cn-admin-body [style*="background: #111"],
body.cn-light-theme .cn-admin-body [style*="background:#090d0a"],
body.cn-light-theme .cn-admin-body [style*="background: #090d0a"] {
  background: #ffffff !important;
  color: #111827 !important;
  border-color: #dfe6e2 !important;
  box-shadow: 0 8px 22px rgba(16,24,40,.06);
}
body.cn-light-theme .cn-admin-body [style*="color:var(--cn-white)"],
body.cn-light-theme .cn-admin-body [style*="color: var(--cn-white)"] { color:#111827 !important; }
body.cn-light-theme.cn-review-page [style*="background:#111"],
body.cn-light-theme.cn-review-page [style*="background: #111"] {
  background: #f8faf9 !important;
  color: #344054 !important;
  border-color: #dfe6e2 !important;
}
body.cn-light-theme .cn-review-page [style*="background:#000"],
body.cn-light-theme .cn-review-page [style*="background: #000"] {
  background: #f4f7f5 !important;
  color: #111827 !important;
}
body.cn-light-theme .cn-account-page .cn-pro-status-badge { border:1px solid rgba(59,130,246,.16); }
body.cn-light-theme .cn-account-page .cn-pro-status-badge[style*="color:#60a5fa"] { color:#1d4ed8 !important; background:rgba(37,99,235,.08) !important; }
body.cn-light-theme .cn-account-page .cn-pro-status-badge .cn-pro-status-dot { box-shadow:0 0 0 3px rgba(59,130,246,.08); }


/* =====================================================
   LIGHT POLISH — ACCOUNT / NOTIFICATIONS / ADMIN INBOX
   Visual-only layer; original dark CSS remains untouched.
   ===================================================== */
body.cn-light-theme .cn-account-page { --cn-accent-soft: rgba(22,163,74,.08); }
body.cn-light-theme .cn-account-hero,
body.cn-light-theme .cn-account-page .cn-pro-card,
body.cn-light-theme .cn-account-page .cn-verify-card,
body.cn-light-theme .cn-account-page .cn-profiles-card {
  border:1px solid #dce5df;
  box-shadow:0 1px 2px rgba(16,24,40,.03),0 10px 24px rgba(16,24,40,.055),0 28px 58px rgba(16,24,40,.045);
}
body.cn-light-theme .cn-account-page .cn-pro-card { overflow:hidden; }
body.cn-light-theme .cn-account-page .cn-pro-card-header { border-bottom:1px solid #e8edea; }
body.cn-light-theme .cn-account-page .cn-pro-card-title { letter-spacing:-.02em; }
body.cn-light-theme .cn-account-username { margin:.18rem 0 0; font-size:.76rem; color:#15803d; font-weight:700; letter-spacing:.01em; }
body.cn-light-theme .cn-account-username span { background:rgba(22,163,74,.07); border:1px solid rgba(22,163,74,.13); padding:.18rem .48rem; border-radius:999px; }
body.cn-light-theme .cn-account-page .cn-profile-item { background:linear-gradient(180deg,#fff,#fbfdfc); box-shadow:0 1px 2px rgba(16,24,40,.025); }
body.cn-light-theme .cn-account-page .cn-profile-item:hover { transform:translateY(-1px); }
body.cn-light-theme .cn-account-page .cn-profile-status--active { color:#15803d; background:rgba(22,163,74,.08); border-color:rgba(22,163,74,.13); }
body.cn-light-theme .cn-account-page .cn-profile-status--inactive { color:#667085; background:#f5f7f6; border-color:#e2e8e4; }

/* Header notification bell: quiet when clear, unmistakable when new. */
body.cn-light-theme .cn-notification-nav { overflow:visible; }
body.cn-light-theme .cn-notification-nav-badge { min-width:7px; width:7px; height:7px; padding:0; border-radius:50%; font-size:0; right:5px; top:5px; box-shadow:0 0 0 2px #fff,0 0 0 5px rgba(22,163,74,.10); }
body.cn-light-theme .cn-notification-nav:has(.cn-notification-nav-badge) { color:#15803d; }
body.cn-light-theme .cn-notification-nav:has(.cn-notification-nav-badge) svg { filter:drop-shadow(0 2px 5px rgba(22,163,74,.16)); }

/* Full user notification inbox */
body.cn-light-theme .cn-notifications-page { background:linear-gradient(180deg,#f7f9f8 0%,#f1f5f3 100%); }
body.cn-light-theme .cn-notifications-page .cn-account-inbox-head { padding:1.15rem 1.25rem; background:#fff; border:1px solid #dfe6e2; border-radius:18px; box-shadow:0 8px 24px rgba(16,24,40,.05); }
body.cn-light-theme .cn-notifications-page .cn-admin-title { letter-spacing:-.035em; }
body.cn-light-theme .cn-notifications-page .cn-inbox-filters { padding:.3rem; width:max-content; max-width:100%; background:#eaf0ec; border:1px solid #dfe7e2; border-radius:12px; }
body.cn-light-theme .cn-notifications-page .cn-inbox-filters .cn-btn { border-radius:9px; }
body.cn-light-theme .cn-user-inbox-list { gap:.7rem; }
body.cn-light-theme .cn-user-notification { border-radius:16px; border:1px solid #dfe6e2; background:rgba(255,255,255,.98); box-shadow:0 2px 5px rgba(16,24,40,.025),0 10px 26px rgba(16,24,40,.05); }
body.cn-light-theme .cn-user-notification.is-unread { border-color:#cde4d4; border-left:4px solid #16a34a; background:linear-gradient(100deg,#fbfffc,#fff); box-shadow:0 6px 22px rgba(22,163,74,.075); }
body.cn-light-theme .cn-user-notification-mark { box-shadow:inset 0 1px 0 rgba(255,255,255,.8); }
body.cn-light-theme .cn-user-notification-actions .cn-btn { background:#fff; }
body.cn-light-theme .cn-user-inbox-empty { background:#fff; border:1px dashed #cfdad3; border-radius:18px; padding:3rem 1.5rem; box-shadow:0 10px 30px rgba(16,24,40,.04); }

/* Professional admin inbox */
body.cn-light-theme .cn-admin-inbox-grid { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(320px,1fr); gap:1rem; align-items:start; }
body.cn-light-theme .cn-inbox-panel { padding:1.1rem; border:1px solid #dbe4df; background:linear-gradient(180deg,#fff,#fbfdfc); box-shadow:0 1px 2px rgba(16,24,40,.03),0 12px 30px rgba(16,24,40,.055); }
body.cn-light-theme .cn-inbox-panel-head { display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:.15rem .1rem .85rem; border-bottom:1px solid #e7ece9; }
body.cn-light-theme .cn-inbox-panel-head .cn-section-title { margin:0; color:#101828; font-size:1.08rem; }
body.cn-light-theme .cn-inbox-kicker { margin:0 0 .25rem; color:#15803d; font-size:.64rem; font-weight:900; letter-spacing:.13em; }
body.cn-light-theme .cn-inbox-panel-icon { width:38px; height:38px; display:grid; place-items:center; border:1px solid rgba(22,163,74,.14); border-radius:12px; background:#f0f8f3; color:#15803d; }
body.cn-light-theme .cn-inbox-panel-icon svg { width:18px; height:18px; }
body.cn-light-theme .cn-contact-message-card { margin-top:.75rem; padding:1rem; background:#fff; border:1px solid #e0e7e3; border-radius:15px; box-shadow:0 2px 5px rgba(16,24,40,.025),0 8px 20px rgba(16,24,40,.045); }
body.cn-light-theme .cn-contact-message-card:hover { border-color:#cbd8d0; box-shadow:0 8px 24px rgba(16,24,40,.07); }
body.cn-light-theme .cn-contact-message-head { display:flex; justify-content:space-between; align-items:flex-start; gap:1rem; flex-wrap:wrap; }
body.cn-light-theme .cn-contact-sender strong { display:block; color:#101828; font-size:.92rem; }
body.cn-light-theme .cn-contact-sender div { color:#667085 !important; font-size:.76rem !important; margin-top:.2rem; }
body.cn-light-theme .cn-contact-status { flex:none; }
body.cn-light-theme .cn-contact-subject { margin:.8rem 0 .4rem; color:#101828; font-size:.98rem; letter-spacing:-.01em; }
body.cn-light-theme .cn-contact-message { margin:0; color:#475467 !important; font-size:.86rem; line-height:1.65; white-space:pre-wrap; }
body.cn-light-theme .cn-contact-time { display:block; margin-top:.65rem; color:#98a2b3 !important; font-size:.7rem; }
body.cn-light-theme .cn-contact-actions { display:flex; gap:.45rem; flex-wrap:wrap; margin-top:.8rem; padding-top:.75rem; border-top:1px solid #eef1ef; }
body.cn-light-theme .cn-contact-actions .cn-btn { background:#fff; color:#344054; border:1px solid #dfe6e2; }
body.cn-light-theme .cn-contact-actions .cn-btn:hover { color:#15803d; border-color:#bcd5c5; background:#f7fbf8; }
body.cn-light-theme .cn-admin-notification-card { margin-top:.75rem; padding:1rem; border:1px solid #e0e7e3; border-radius:15px; background:#fff; box-shadow:0 2px 5px rgba(16,24,40,.025),0 8px 20px rgba(16,24,40,.045); }
body.cn-light-theme .cn-admin-notification-card.is-unread { border-color:#cce2d2; background:linear-gradient(100deg,#fbfffc,#fff); box-shadow:0 6px 22px rgba(22,163,74,.065); }
body.cn-light-theme .cn-admin-notification-card p { color:#475467 !important; }
body.cn-light-theme .cn-admin-notification-card small { color:#98a2b3 !important; }
body.cn-light-theme .cn-admin-inbox-grid .cn-empty { min-height:150px; display:grid; place-items:center; text-align:center; padding:2rem 1rem; }
@media (max-width:850px) { body.cn-light-theme .cn-admin-inbox-grid { grid-template-columns:1fr; } }
@media (max-width:600px) { body.cn-light-theme .cn-notifications-page .cn-account-inbox-head { padding:1rem; } body.cn-light-theme .cn-contact-actions .cn-btn { flex:1 1 auto; } }

/* Contact form realism: hierarchy, field states, and confidence cues. */
body.cn-light-theme .cn-glass:has(.cn-form-group) { background:#fff; border-color:#dce5df !important; box-shadow:0 1px 2px rgba(16,24,40,.03),0 16px 40px rgba(16,24,40,.07); }
body.cn-light-theme .cn-form-group .cn-label { color:#344054; font-weight:700; }
body.cn-light-theme .cn-form-group .cn-label::after { content:' •'; color:#16a34a; }
body.cn-light-theme .cn-form-group:has(input:not([required])) .cn-label::after { content:' • optional'; color:#98a2b3; font-weight:500; }
body.cn-light-theme .cn-form-error { color:#b42318 !important; background:#fff5f4; border:1px solid #f4c7c2; border-radius:9px; padding:.45rem .6rem; }

/* Account inline legacy accents: preserve their meaning, but make them belong to the light surface. */
body.cn-light-theme .cn-account-page p[style*="var(--cn-gray-400)"] { color:#667085 !important; }
body.cn-light-theme .cn-account-page .cn-pro-status-badge { border:1px solid rgba(59,130,246,.16); border-radius:999px; padding:.25rem .55rem; }
body.cn-light-theme .cn-admin-inbox-grid + style { display:none; }
body.cn-light-theme .cn-inbox-filters .cn-btn.is-active { box-shadow:0 5px 14px rgba(22,163,74,.14); }

/* =====================================================
   ACCOUNT LIGHT MODE — FINAL SURFACE RESET
   The account page's original dark component CSS uses
   fixed glass values, so Light mode explicitly maps every
   account surface back to the premium light system.
   Geometry remains unchanged.
   ===================================================== */
body.cn-light-theme.cn-account-page,
body.cn-light-theme.cn-account-page .cn-container { color:#101828; }
body.cn-light-theme .cn-account-page .cn-pro-card,
body.cn-light-theme .cn-account-page .cn-profiles-card,
body.cn-light-theme .cn-account-page .cn-verify-card,
body.cn-light-theme .cn-account-page .cn-admin-card {
  background:#fff !important;
  background-image:none !important;
  color:#101828 !important;
  border:1px solid #dce5df !important;
  -webkit-backdrop-filter:none !important;
  backdrop-filter:none !important;
  box-shadow:0 1px 2px rgba(16,24,40,.03),0 10px 26px rgba(16,24,40,.055),0 28px 58px rgba(16,24,40,.04) !important;
}
body.cn-light-theme .cn-account-page .cn-pro-card:hover,
body.cn-light-theme .cn-account-page .cn-profiles-card:hover,
body.cn-light-theme .cn-account-page .cn-verify-card:hover,
body.cn-light-theme .cn-account-page .cn-admin-card:hover {
  background:#fff !important;
  border-color:#cfdad3 !important;
  box-shadow:0 2px 5px rgba(16,24,40,.04),0 16px 38px rgba(16,24,40,.075),0 32px 68px rgba(16,24,40,.045) !important;
  transform:translateY(-3px);
}
body.cn-light-theme .cn-account-page .cn-pro-card-header,
body.cn-light-theme .cn-account-page .cn-profiles-head,
body.cn-light-theme .cn-account-page .cn-verify-head {
  color:#101828;
}
body.cn-light-theme .cn-account-page .cn-pro-card-title,
body.cn-light-theme .cn-account-page .cn-profiles-title,
body.cn-light-theme .cn-account-page .cn-verify-title,
body.cn-light-theme .cn-account-page .cn-pro-card-header { border-bottom-color:#e8edea !important; }
body.cn-light-theme .cn-account-page .cn-profiles-sub,
body.cn-light-theme .cn-account-page .cn-verify-sub,
body.cn-light-theme .cn-account-page .cn-verify-hint { color:#667085 !important; }
body.cn-light-theme .cn-account-page .cn-row-item,
body.cn-light-theme .cn-account-page .cn-profile-item,
  background:#fbfdfc !important;
  background-image:none !important;
  color:#344054 !important;
  border-color:#e1e8e4 !important;
  -webkit-backdrop-filter:none !important;
  backdrop-filter:none !important;
  box-shadow:0 2px 8px rgba(16,24,40,.035) !important;
}
body.cn-light-theme .cn-account-page .cn-row-item:hover,
body.cn-light-theme .cn-account-page .cn-profile-item:hover,
  background:#f7faf8 !important;
  border-color:#cfdad3 !important;
  box-shadow:0 8px 22px rgba(16,24,40,.065) !important;
}
body.cn-light-theme .cn-account-page .cn-profile-avatar,
body.cn-light-theme .cn-account-page .cn-profile-avatar-fallback {
  background:#f1f5f3 !important;
  color:#667085 !important;
  border-color:#dfe7e2 !important;
}
body.cn-light-theme .cn-account-page .cn-profiles-count,
body.cn-light-theme .cn-account-page .cn-profile-status--inactive {
  background:#f4f6f5 !important;
  color:#667085 !important;
  border-color:#e0e6e2 !important;
}
body.cn-light-theme .cn-account-page .cn-profiles-count { color:#475467 !important; }
body.cn-light-theme .cn-account-page .cn-profiles-icon,
body.cn-light-theme .cn-account-page .cn-verify-icon {
  background:#eff8f2 !important;
  color:#15803d !important;
  border-color:#d5eadb !important;
}
body.cn-light-theme .cn-account-page .cn-pro-action-btn,
body.cn-light-theme .cn-account-page .cn-account-action-btn,
body.cn-light-theme .cn-account-page .cn-profile-view {
  background:#fff !important;
  color:#344054 !important;
  border:1px solid #dfe6e2 !important;
  box-shadow:0 2px 8px rgba(16,24,40,.04) !important;
}
body.cn-light-theme .cn-account-page .cn-pro-action-btn:hover,
body.cn-light-theme .cn-account-page .cn-account-action-btn:hover,
body.cn-light-theme .cn-account-page .cn-profile-view:hover {
  background:#f7fbf8 !important;
  color:#15803d !important;
  border-color:#bcd5c5 !important;
  box-shadow:0 8px 20px rgba(16,24,40,.065) !important;
}
body.cn-light-theme .cn-account-page .cn-pro-action-primary,
body.cn-light-theme .cn-account-page .cn-account-action-btn--primary {
  background:#16a34a !important;
  color:#fff !important;
  border-color:#16a34a !important;
  box-shadow:0 8px 20px rgba(22,163,74,.16) !important;
}
body.cn-light-theme .cn-account-page .cn-pro-action-primary:hover,
body.cn-light-theme .cn-account-page .cn-account-action-btn--primary:hover {
  background:#15803d !important;
  color:#fff !important;
}
body.cn-light-theme .cn-account-page .cn-verify-actions { border-top-color:#e7ece9 !important; }
body.cn-light-theme .cn-account-page .cn-verify-body,
body.cn-light-theme .cn-account-page .cn-profile-detail { color:#475467 !important; }
/* Any legacy dark inline text/surface values remaining inside account cards. */
body.cn-light-theme .cn-account-page .cn-pro-card [style*="color:var(--cn-gray-400)"],
body.cn-light-theme .cn-account-page .cn-profiles-card [style*="color:var(--cn-gray-400)"],
body.cn-light-theme .cn-account-page .cn-verify-card [style*="color:var(--cn-gray-400)"],
body.cn-light-theme .cn-account-page .cn-pro-card [style*="color:var(--cn-gray-300)"],
body.cn-light-theme .cn-account-page .cn-profiles-card [style*="color:var(--cn-gray-300)"],
body.cn-light-theme .cn-account-page .cn-verify-card [style*="color:var(--cn-gray-300)"],

/* =====================================================
   CONTACT — production-ready confirmation actions
   ===================================================== */
body.cn-light-theme .cn-contact-success-actions { display:flex; gap:.65rem; flex-wrap:wrap; margin-top:1rem; }
body.cn-light-theme .cn-contact-success-actions .cn-btn { min-height:42px; }
body.cn-light-theme .cn-contact-whatsapp-btn { background:#15803d !important; color:#fff !important; border-color:#15803d !important; box-shadow:0 8px 18px rgba(22,163,74,.15); }
body.cn-light-theme .cn-contact-whatsapp-btn:hover { background:#166534 !important; color:#fff !important; }
body.cn-light-theme .cn-contact-email-note { margin-top:.7rem; color:#667085 !important; font-size:.78rem; line-height:1.5; }


/* =========================================================
   ACCOUNT LIGHT MODE — BODY-CLASS CORRECTION
   The account page carries .cn-account-page on <body>, not
   on a descendant wrapper. These selectors intentionally use
   body.cn-light-theme.cn-account-page so all six dashboard
   surfaces actually switch from the original dark treatment.
   ========================================================= */
body.cn-light-theme.cn-account-page {
  background:
    radial-gradient(circle at 92% 0%, rgba(34,197,94,.055), transparent 24%),
    linear-gradient(180deg, #f7f9f8 0%, #eef3f0 100%) !important;
  color: #101828 !important;
}

body.cn-light-theme.cn-account-page .cn-pro-card,
body.cn-light-theme.cn-account-page .cn-profiles-card,
body.cn-light-theme.cn-account-page .cn-verify-card,
body.cn-light-theme.cn-account-page .cn-admin-card {
  background: linear-gradient(180deg, #ffffff 0%, #fbfdfc 100%) !important;
  color: #101828 !important;
  border: 1px solid #dfe6e2 !important;
  box-shadow:
    0 1px 2px rgba(16,24,40,.035),
    0 10px 28px rgba(16,24,40,.055),
    0 24px 55px rgba(16,24,40,.035) !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

body.cn-light-theme.cn-account-page .cn-pro-card:hover,
body.cn-light-theme.cn-account-page .cn-profiles-card:hover,
body.cn-light-theme.cn-account-page .cn-verify-card:hover,
body.cn-light-theme.cn-account-page .cn-admin-card:hover {
  transform: translateY(-3px);
  border-color: #cfdad3 !important;
  box-shadow:
    0 3px 6px rgba(16,24,40,.035),
    0 18px 42px rgba(16,24,40,.075),
    0 32px 70px rgba(16,24,40,.045) !important;
}

body.cn-light-theme.cn-account-page .cn-pro-card-header,
body.cn-light-theme.cn-account-page .cn-profiles-head,
body.cn-light-theme.cn-account-page .cn-verify-head {
  color: #101828 !important;
}

body.cn-light-theme.cn-account-page .cn-pro-card-title,
body.cn-light-theme.cn-account-page .cn-profiles-title,
body.cn-light-theme.cn-account-page .cn-verify-title {
  color: #101828 !important;
}

body.cn-light-theme.cn-account-page .cn-pro-card p,
body.cn-light-theme.cn-account-page .cn-profiles-sub,
body.cn-light-theme.cn-account-page .cn-verify-sub,
body.cn-light-theme.cn-account-page .cn-profile-detail {
  color: #667085 !important;
}

body.cn-light-theme.cn-account-page .cn-pro-action-btn {
  background: #ffffff !important;
  color: #344054 !important;
  border: 1px solid #dce4df !important;
  box-shadow: 0 2px 7px rgba(16,24,40,.035) !important;
}

body.cn-light-theme.cn-account-page .cn-pro-action-btn:hover {
  background: #f7faf8 !important;
  color: #15803d !important;
  border-color: #c7d8cd !important;
  box-shadow: 0 10px 22px rgba(16,24,40,.065) !important;
}

body.cn-light-theme.cn-account-page .cn-pro-action-btn svg {
  stroke: #667085 !important;
}

body.cn-light-theme.cn-account-page .cn-pro-action-btn:hover svg {
  stroke: #15803d !important;
}

body.cn-light-theme.cn-account-page .cn-pro-action-primary,
body.cn-light-theme.cn-account-page .cn-pro-action-primary:hover {
  background: #15803d !important;
  color: #ffffff !important;
  border-color: #15803d !important;
}

body.cn-light-theme.cn-account-page .cn-pro-action-primary svg,
body.cn-light-theme.cn-account-page .cn-pro-action-primary:hover svg {
  stroke: #ffffff !important;
}

body.cn-light-theme.cn-account-page .cn-profile-item {
  background: #ffffff !important;
  color: #101828 !important;
  border-color: #e1e8e4 !important;
  box-shadow: 0 2px 8px rgba(16,24,40,.03) !important;
}

body.cn-light-theme.cn-account-page .cn-profile-item:hover {
  background: #fbfdfc !important;
  border-color: #d2ddd6 !important;
  box-shadow: 0 10px 24px rgba(16,24,40,.06) !important;
}

body.cn-light-theme.cn-account-page .cn-profile-name {
  color: #101828 !important;
}

body.cn-light-theme.cn-account-page .cn-profile-view {
  background: #f6f9f7 !important;
  color: #344054 !important;
  border-color: #dce4df !important;
}

body.cn-light-theme.cn-account-page .cn-profile-view:hover {
  background: #edf7f0 !important;
  color: #15803d !important;
  border-color: #c8dfd0 !important;
}

body.cn-light-theme.cn-account-page .cn-profile-avatar {
  background: #f3f6f4 !important;
  border-color: #dfe6e2 !important;
}

body.cn-light-theme.cn-account-page .cn-profile-empty {
  background: #fbfdfc !important;
  border-color: #e0e7e3 !important;
}

body.cn-light-theme.cn-account-page .cn-profile-empty-text p {
  color: #101828 !important;
}

body.cn-light-theme.cn-account-page .cn-profile-empty-text span {
  color: #667085 !important;
}

body.cn-light-theme.cn-account-page .cn-pro-status-badge {
  background: rgba(37,99,235,.07) !important;
  color: #1d4ed8 !important;
  border-color: rgba(37,99,235,.16) !important;
}

body.cn-light-theme.cn-account-page .cn-verify-actions {
  border-color: #e5ebe7 !important;
}


/* Remove hard-coded dark inline colors from account cards without touching
   the original dark stylesheet. */
body.cn-light-theme.cn-account-page .cn-pro-card [style*="color:var(--cn-gray-300)"],
body.cn-light-theme.cn-account-page .cn-pro-card [style*="color:var(--cn-gray-400)"],
body.cn-light-theme.cn-account-page .cn-profiles-card [style*="color:var(--cn-gray-300)"],
body.cn-light-theme.cn-account-page .cn-profiles-card [style*="color:var(--cn-gray-400)"],
body.cn-light-theme.cn-account-page .cn-verify-card [style*="color:var(--cn-gray-300)"],
body.cn-light-theme.cn-account-page .cn-verify-card [style*="color:var(--cn-gray-400)"],
  color: #667085 !important;
}


/* Contact feedback / realistic form states */
body.cn-light-theme .cn-contact-submit-error {
  margin: 0 0 1rem;
  padding: .9rem 1rem;
  border: 1px solid #fecaca;
  border-radius: 14px;
  background: #fff7f7;
  color: #b42318;
  font-size: .875rem;
  line-height: 1.5;
}
body.cn-light-theme .cn-contact-success-actions {
  display:flex;
  flex-wrap:wrap;
  gap:.65rem;
  margin-top:1rem;
}
body.cn-light-theme .cn-contact-whatsapp-btn {
  background:#25d366;
  color:#073b1f;
  border:1px solid rgba(37,211,102,.35);
  box-shadow:0 7px 18px rgba(37,211,102,.16);
}
body.cn-light-theme .cn-contact-whatsapp-btn:hover {
  background:#20bd5b;
  color:#052b17;
  transform:translateY(-1px);
}
body.cn-light-theme .cn-contact-email-note {
  color:#667085 !important;
  font-size:.78rem;
  margin-top:.8rem;
}


/* =========================================================
   FINAL POLISH — ACCOUNT / INBOX / COMMUNICATIONS
   Surface-only treatment. Existing geometry remains intact.
   ========================================================= */
body.cn-light-theme .cn-desktop-search {
  display:flex; align-items:center; gap:.55rem; width:min(42vw,520px); height:40px;
  padding:0 .8rem; border:1px solid #dfe6e2; border-radius:12px; background:#fbfdfc;
  box-shadow:0 1px 2px rgba(16,24,40,.025), inset 0 1px 0 rgba(255,255,255,.9);
}
body.cn-light-theme .cn-desktop-search i { width:16px; height:16px; color:#7b8794; flex:0 0 auto; }
body.cn-light-theme .cn-desktop-search input { min-width:0; flex:1; border:0; outline:0; background:transparent; color:#101828; font:inherit; font-size:.82rem; }
body.cn-light-theme .cn-desktop-search input::placeholder { color:#98a2b3; }
body.cn-light-theme .cn-desktop-search span { font-size:.62rem; color:#98a2b3; border:1px solid #e4e9e6; border-radius:6px; padding:.2rem .35rem; white-space:nowrap; }
body.cn-light-theme .cn-desktop-search:focus-within { border-color:#8bd3a5; box-shadow:0 0 0 3px rgba(34,197,94,.10),0 6px 18px rgba(16,24,40,.04); }
body.cn-light-theme .cn-mobile-search { display:none; }
body.cn-light-theme .cn-notification-nav { position:relative; }
body.cn-light-theme .cn-notification-nav-badge { display:none !important; }
body.cn-light-theme .cn-notification-nav-dot { border-color:#fff; }

body.cn-light-theme.cn-account-page .cn-account-hero {
  background:linear-gradient(180deg,#ffffff 0%,#fbfdfc 100%) !important;
  border-color:#dfe6e2 !important;
  box-shadow:0 2px 5px rgba(16,24,40,.035),0 18px 42px rgba(16,24,40,.075),0 36px 80px rgba(16,24,40,.04) !important;
}
body.cn-light-theme.cn-account-page .cn-account-hero-cover { background:linear-gradient(120deg,#eef7f1,#e3eee7) !important; }
body.cn-light-theme.cn-account-page .cn-account-watermark { color:#667085 !important; }
body.cn-light-theme.cn-account-page .cn-account-name { color:#101828 !important; }
body.cn-light-theme.cn-account-page .cn-account-email,.cn-account-page .cn-account-username { color:#667085 !important; }
body.cn-light-theme.cn-account-page .cn-account-action-btn { background:#fff !important; color:#344054 !important; border-color:#dce4df !important; box-shadow:0 2px 8px rgba(16,24,40,.035) !important; }
body.cn-light-theme.cn-account-page .cn-account-action-btn:hover { background:#f7fbf8 !important; color:#15803d !important; border-color:#c7d9cd !important; transform:translateY(-1px); box-shadow:0 10px 24px rgba(16,24,40,.07) !important; }
body.cn-light-theme.cn-account-page .cn-account-action-btn--primary { background:#15803d !important; color:#fff !important; border-color:#15803d !important; }
body.cn-light-theme.cn-account-page .cn-account-action-btn--primary:hover { background:#166534 !important; color:#fff !important; }
body.cn-light-theme.cn-account-page .cn-account-action-btn i { color:currentColor !important; }
body.cn-light-theme.cn-account-page .cn-account-hero-stats { background:#fbfdfc !important; border-top-color:#e3e9e5 !important; }
body.cn-light-theme.cn-account-page .cn-account-stat + .cn-account-stat { border-left-color:#e7ece9 !important; }
body.cn-light-theme.cn-account-page .cn-account-stat-label { color:#98a2b3 !important; }
body.cn-light-theme.cn-account-page .cn-account-stat-value { color:#101828 !important; }

/* Six dashboard surfaces: neutralize the original dark glass explicitly. */
body.cn-light-theme.cn-account-page .cn-pro-card,
body.cn-light-theme.cn-account-page .cn-profiles-card,
body.cn-light-theme.cn-account-page .cn-verify-card {
  background:#fff !important; color:#101828 !important; border-color:#dfe6e2 !important;
  box-shadow:0 1px 2px rgba(16,24,40,.035),0 12px 30px rgba(16,24,40,.055),0 26px 62px rgba(16,24,40,.035) !important;
  backdrop-filter:none !important; -webkit-backdrop-filter:none !important;
}
body.cn-light-theme.cn-account-page .cn-pro-card:hover,
body.cn-light-theme.cn-account-page .cn-profiles-card:hover,
body.cn-light-theme.cn-account-page .cn-verify-card:hover { transform:translateY(-2px); border-color:#cfdad3 !important; box-shadow:0 3px 6px rgba(16,24,40,.035),0 18px 44px rgba(16,24,40,.075),0 34px 72px rgba(16,24,40,.04) !important; }
body.cn-light-theme.cn-account-page .cn-pro-card-title,
body.cn-light-theme.cn-account-page .cn-profiles-title,
body.cn-light-theme.cn-account-page .cn-verify-title { color:#101828 !important; }
body.cn-light-theme.cn-account-page .cn-pro-card > p,
body.cn-light-theme.cn-account-page .cn-profiles-sub,
body.cn-light-theme.cn-account-page .cn-verify-sub { color:#667085 !important; }
body.cn-light-theme.cn-account-page .cn-pro-actions-grid { background:transparent !important; }
body.cn-light-theme.cn-account-page .cn-pro-action-btn { background:#fbfdfc !important; color:#344054 !important; border:1px solid #dce4df !important; box-shadow:0 2px 7px rgba(16,24,40,.035) !important; }
body.cn-light-theme.cn-account-page .cn-pro-action-btn:hover { background:#f4faf6 !important; color:#15803d !important; border-color:#c6dacd !important; box-shadow:0 10px 22px rgba(16,24,40,.065) !important; }
body.cn-light-theme.cn-account-page .cn-pro-action-btn i { color:currentColor !important; }
body.cn-light-theme.cn-account-page .cn-pro-action-primary { background:#15803d !important; color:#fff !important; border-color:#15803d !important; }
body.cn-light-theme.cn-account-page .cn-pro-action-primary:hover { background:#166534 !important; color:#fff !important; }
body.cn-light-theme.cn-account-page .cn-profiles-icon,
body.cn-light-theme.cn-account-page .cn-verify-icon { background:#f3f8f5 !important; border-color:#d9e8df !important; color:#15803d !important; }
body.cn-light-theme.cn-account-page .cn-profiles-icon i,
body.cn-light-theme.cn-account-page .cn-verify-icon i { color:currentColor !important; font-size:1.05rem; }
body.cn-light-theme.cn-account-page .cn-profile-item { background:#fbfdfc !important; border-color:#e1e8e4 !important; box-shadow:0 2px 8px rgba(16,24,40,.03) !important; }
body.cn-light-theme.cn-account-page .cn-profile-item:hover { background:#fff !important; border-color:#d0ddd5 !important; box-shadow:0 10px 24px rgba(16,24,40,.06) !important; }
body.cn-light-theme.cn-account-page .cn-profile-name { color:#101828 !important; }
body.cn-light-theme.cn-account-page .cn-profile-detail { color:#667085 !important; }
body.cn-light-theme.cn-account-page .cn-profile-detail a { color:#15803d !important; }
body.cn-light-theme.cn-account-page .cn-profile-view { background:#f4f8f5 !important; color:#344054 !important; border-color:#dce4df !important; }
body.cn-light-theme.cn-account-page .cn-profile-view:hover { background:#eaf6ee !important; color:#15803d !important; border-color:#c7ddce !important; }
body.cn-light-theme.cn-account-page .cn-profile-view i { margin-right:.25rem; }
body.cn-light-theme.cn-account-page .cn-profile-empty { background:#fbfdfc !important; border-color:#e2e8e4 !important; }
body.cn-light-theme.cn-account-page .cn-profile-empty-icon { background:#f0f6f2 !important; color:#15803d !important; border-color:#dbe8df !important; }
body.cn-light-theme.cn-account-page .cn-profile-empty-text p { color:#101828 !important; }
body.cn-light-theme.cn-account-page .cn-profile-empty-text span { color:#667085 !important; }
body.cn-light-theme.cn-account-page .cn-profile-create-btn { background:#15803d !important; color:#fff !important; box-shadow:0 7px 16px rgba(22,163,74,.15) !important; }
body.cn-light-theme.cn-account-page .cn-verify-actions { border-top-color:#e5ebe7 !important; }

/* User + admin inboxes */
body.cn-light-theme .cn-account-inbox-head,
body.cn-light-theme .cn-admin-topbar { color:#101828; }
body.cn-light-theme .cn-inbox-kicker { color:#15803d !important; letter-spacing:.11em; font-weight:800; }
body.cn-light-theme .cn-admin-subtitle { color:#667085 !important; }
body.cn-light-theme .cn-inbox-filters { display:flex; flex-wrap:wrap; gap:.45rem; margin:1rem 0 1.2rem; }
body.cn-light-theme .cn-inbox-filters .cn-btn-dark { background:#fff !important; color:#475467 !important; border-color:#dce4df !important; }
body.cn-light-theme .cn-inbox-filters .cn-btn-dark:hover,
body.cn-light-theme .cn-inbox-filters .cn-btn-dark.is-active { background:#f2f8f4 !important; color:#15803d !important; border-color:#c9ddcf !important; }
body.cn-light-theme .cn-inbox-panel { background:#fff !important; border:1px solid #dfe6e2 !important; box-shadow:0 2px 6px rgba(16,24,40,.035),0 16px 38px rgba(16,24,40,.06) !important; }
body.cn-light-theme .cn-inbox-panel-head { border-bottom:1px solid #e8edea; padding-bottom:.9rem; margin-bottom:1rem; }
body.cn-light-theme .cn-inbox-panel-icon { background:#f1f8f4 !important; color:#15803d !important; border:1px solid #dbe9e0 !important; }
body.cn-light-theme .cn-contact-message-card,
body.cn-light-theme .cn-admin-notification-card { background:#fff !important; color:#101828 !important; border:1px solid #e2e8e4 !important; box-shadow:0 2px 9px rgba(16,24,40,.035) !important; }
body.cn-light-theme .cn-contact-message-card:hover,
body.cn-light-theme .cn-admin-notification-card:hover { border-color:#ccd9d1 !important; box-shadow:0 10px 28px rgba(16,24,40,.065) !important; }
body.cn-light-theme .cn-contact-sender strong,
body.cn-light-theme .cn-contact-subject,
body.cn-light-theme .cn-admin-notification-card strong { color:#101828 !important; }
body.cn-light-theme .cn-contact-message,
body.cn-light-theme .cn-admin-notification-card p { color:#475467 !important; }
body.cn-light-theme .cn-contact-time { color:#98a2b3 !important; }
body.cn-light-theme .cn-contact-actions .cn-btn-dark { background:#fff !important; color:#475467 !important; border-color:#dce4df !important; }
body.cn-light-theme .cn-contact-actions .cn-btn-dark:hover { color:#15803d !important; border-color:#c7d9cd !important; background:#f7fbf8 !important; }
body.cn-light-theme .cn-admin-notification-card.is-unread { background:#f8fcf9 !important; border-color:#cfe4d6 !important; }
body.cn-light-theme .cn-user-notification { background:#fff !important; border:1px solid #dfe6e2 !important; box-shadow:0 2px 9px rgba(16,24,40,.035) !important; }
body.cn-light-theme .cn-user-notification.is-unread { background:#f8fcf9 !important; border-color:#cfe4d6 !important; }
body.cn-light-theme .cn-user-notification h2 { color:#101828 !important; }
body.cn-light-theme .cn-user-notification p { color:#475467 !important; }
body.cn-light-theme .cn-user-notification time { color:#98a2b3 !important; }
body.cn-light-theme .cn-user-notification-mark { background:#f1f8f4 !important; color:#15803d !important; border-color:#dbe9e0 !important; }

/* Notification preferences */
body.cn-light-theme .cn-preferences-wrap { padding-top:2rem; padding-bottom:4rem; }
body.cn-light-theme .cn-preferences-intro { display:flex; justify-content:space-between; align-items:center; gap:1rem; margin-bottom:1.2rem; }
body.cn-light-theme .cn-preferences-intro-icon { width:48px; height:48px; display:grid; place-items:center; border-radius:14px; background:#f1f8f4; color:#15803d; border:1px solid #dbe9e0; }
body.cn-light-theme .cn-preferences-card { background:#fff; border:1px solid #dfe6e2; border-radius:20px; padding:1.2rem; box-shadow:0 2px 6px rgba(16,24,40,.035),0 18px 42px rgba(16,24,40,.055); }
body.cn-light-theme .cn-preference-group + .cn-preference-group { border-top:1px solid #e7ece9; margin-top:1rem; padding-top:1rem; }
body.cn-light-theme .cn-preference-heading { display:flex; justify-content:space-between; gap:1rem; align-items:center; margin-bottom:.55rem; }
body.cn-light-theme .cn-preference-heading h2 { color:#101828; font-size:1rem; margin:0; }
body.cn-light-theme .cn-preference-heading p { color:#667085; font-size:.78rem; margin:.2rem 0 0; }
body.cn-light-theme .cn-preference-heading > i { color:#15803d; }
body.cn-light-theme .cn-preference-row { position:relative; display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:.85rem .2rem; border-bottom:1px solid #eef2ef; cursor:pointer; }
body.cn-light-theme .cn-preference-row:last-child { border-bottom:0; }
body.cn-light-theme .cn-preference-row strong { display:block; color:#101828; font-size:.82rem; }
body.cn-light-theme .cn-preference-row small { display:block; color:#667085; font-size:.72rem; line-height:1.45; margin-top:.18rem; }
body.cn-light-theme .cn-preference-row input[type=checkbox] { position:absolute; opacity:0; pointer-events:none; }
body.cn-light-theme .cn-switch { width:40px; height:22px; flex:0 0 auto; border-radius:999px; background:#d7dfda; border:1px solid #cbd6cf; position:relative; transition:.18s ease; }
body.cn-light-theme .cn-switch:after { content:""; position:absolute; top:2px; left:2px; width:16px; height:16px; border-radius:50%; background:#fff; box-shadow:0 1px 3px rgba(16,24,40,.18); transition:.18s ease; }
body.cn-light-theme .cn-preference-row input[type=checkbox]:checked + .cn-switch { background:#16a34a; border-color:#16a34a; }
body.cn-light-theme .cn-preference-row input[type=checkbox]:checked + .cn-switch:after { transform:translateX(18px); }
body.cn-light-theme .cn-preferences-actions { display:flex; justify-content:flex-end; gap:.6rem; padding-top:1rem; }

/* Contact form success/error clarity */
body.cn-light-theme .cn-highlight-box { background:#f8fcf9 !important; border:1px solid #cfe5d7 !important; color:#101828 !important; box-shadow:0 8px 24px rgba(16,24,40,.045) !important; }
body.cn-light-theme .cn-contact-form-help { color:#667085 !important; font-size:.75rem; line-height:1.5; margin:.35rem 0 0; }
body.cn-light-theme .cn-contact-success-actions .cn-btn { min-height:42px; }
body.cn-light-theme .cn-contact-whatsapp-btn { background:#15803d !important; color:#fff !important; border-color:#15803d !important; }

@media (max-width: 820px) {
  body.cn-light-theme .cn-desktop-search { display:none; }
  body.cn-light-theme .cn-mobile-search { display:inline-flex; }
  body.cn-light-theme .cn-preferences-intro { align-items:flex-start; }
}
@media (max-width: 560px) {
  body.cn-light-theme .cn-preferences-card { border-radius:16px; padding:.85rem; }
  body.cn-light-theme .cn-preferences-actions { flex-direction:column-reverse; }
  body.cn-light-theme .cn-preferences-actions .cn-btn { width:100%; justify-content:center; }
  body.cn-light-theme .cn-inbox-filters { overflow-x:auto; flex-wrap:nowrap; padding-bottom:.2rem; }
}
body.cn-light-theme.cn-account-page .cn-pro-action-btn i,
body.cn-light-theme.cn-account-page .cn-account-action-btn i,
body.cn-light-theme.cn-account-page .cn-profile-view i { width:1rem; text-align:center; }

/* Businesses directory: explicit light-theme parity. */
body.cn-light-theme .cn-business-hero{background:linear-gradient(180deg,#f7faf8,#eef5f0);color:#162019;}
body.cn-light-theme .cn-business-hero-copy>p:last-child{color:#58635c;}
body.cn-light-theme .cn-business-filter-panel{background:rgba(255,255,255,.88);border-color:#dce6df;box-shadow:0 14px 34px rgba(23,42,30,.08);}
body.cn-light-theme .cn-business-search-field input,body.cn-light-theme .cn-business-select-wrap select{background:#fff;color:#1d2721;border-color:#d8e2dc;}
body.cn-light-theme .cn-business-search-field input::placeholder{color:#849087;}
body.cn-light-theme .cn-business-select-wrap label,body.cn-light-theme .cn-business-reset{color:#627067;}
body.cn-light-theme .cn-business-reset:hover{color:#1d2721;}
body.cn-light-theme .cn-business-results{background:#f6f8f7;color:#18221c;}
body.cn-light-theme .cn-business-results-head h2{color:#18221c;}
body.cn-light-theme .cn-business-count{color:#68746c;}
body.cn-light-theme .cn-business-card{background:#fff;color:#1c261f;border-color:#dde6e0;box-shadow:0 10px 24px rgba(22,40,29,.07);}
body.cn-light-theme .cn-business-card:hover{border-color:rgba(22,163,74,.45);box-shadow:0 16px 32px rgba(22,40,29,.1);}
body.cn-light-theme .cn-business-logo{background:#edf4ef;border-color:#dce7df;color:#235a37;}
body.cn-light-theme .cn-business-card h3{color:#172018;}
body.cn-light-theme .cn-business-location{color:#66736a;}
body.cn-light-theme .cn-business-location i{color:#758177;}
body.cn-light-theme .cn-business-description{color:#5b685f;}
body.cn-light-theme .cn-business-card-footer{border-top-color:#e4ebe6;color:#718078;}
body.cn-light-theme .cn-business-credibility{color:#65736a;}
body.cn-light-theme .cn-business-empty{background:#fff;border-color:#dde6e0;color:#243028;}

/* =====================================================
   CLEAR NOTE — CROSS-PAGE LIGHT THEME CONTRAST REPAIR
   ===================================================== */
body.cn-light-theme.cn-profiles-landing .cn-profile-type-card {
  background: #ffffff !important;
  color: #101828 !important;
  border-color: #dfe7e2 !important;
  box-shadow: 0 12px 30px rgba(16,24,40,.06) !important;
}
body.cn-light-theme.cn-profiles-landing .cn-profile-type-title { color:#101828 !important; }
body.cn-light-theme.cn-profiles-landing .cn-profile-type-sub { color:#475467 !important; }
body.cn-light-theme.cn-profiles-landing .cn-profile-type-list { color:#344054 !important; }
body.cn-light-theme.cn-profiles-landing .cn-profile-type-list li { color:#344054 !important; }

body.cn-light-theme.cn-article-page .cn-prose { color:#344054 !important; }
body.cn-light-theme.cn-article-page .cn-prose h2,
body.cn-light-theme.cn-article-page .cn-prose h3,
body.cn-light-theme.cn-article-page .cn-prose h4 { color:#101828 !important; }
body.cn-light-theme.cn-article-page .cn-prose blockquote { color:#475467 !important; }
body.cn-light-theme.cn-article-page [style*="color:var(--cn-gray-300)"],
body.cn-light-theme.cn-article-page [style*="color:var(--cn-gray-400)"],
body.cn-light-theme.cn-article-page [style*="color: var(--cn-gray-300)"],
body.cn-light-theme.cn-article-page [style*="color: var(--cn-gray-400)"] { color:#475467 !important; }
body.cn-light-theme.cn-article-page [style*="background:rgba(255,255,255"],
body.cn-light-theme.cn-article-page [style*="background: rgba(255,255,255"] {
  background:#f8faf9 !important; border-color:#e1e8e4 !important;
}
body.cn-light-theme.cn-article-page .cn-article-card,
body.cn-light-theme.cn-article-page .cn-tip-card,
body.cn-light-theme.cn-article-page .cn-info-box { color:#344054; }

/* Admin controls that used hard-coded dark surfaces. */
body.cn-light-theme .cn-admin-main input[style*="background:#111"],
body.cn-light-theme .cn-admin-main select[style*="background:#111"],
body.cn-light-theme .cn-admin-main textarea[style*="background:#111"] {
  background:#fff !important; color:#101828 !important; border-color:#d9e2dd !important;
}
body.cn-light-theme .cn-admin-main input[style*="background:#111"]::placeholder,
body.cn-light-theme .cn-admin-main textarea[style*="background:#111"]::placeholder { color:#667085 !important; }