/*
 * Ezitech dark theme - portal ko ezitech.org wali shakal deta hai.
 *
 * Har rule [data-bs-theme="dark"] ke andar hai. Light mode bilkul nahi chhoota:
 * customizer se Light chunte hi sab kuch pehle jaisa ho jata hai. Ye is file ki
 * sab se ahem hifazat hai.
 *
 * Vuexy ka apna dark #25293c hai - ek slate grey. ezitech.org us se gehra aur
 * neela hai, is liye sirf wo CSS variables badle gaye hain jo Vuexy khud
 * istemal karta hai, taake har component khud ba khud saath chale.
 *
 * Ye file public/ mein hai, resources/ mein nahi - jaan bujh kar. Is portal ka
 * koi frontend build environment mojood nahi, aur public/ ki static CSS ko Vite
 * ki zaroorat nahi parti.
 */

:root[data-bs-theme='dark'] {
  --ezi-bg: #0b1220;
  --ezi-surface: #111b2e;
  --ezi-menu: #0e1626;
  /* The 2026-09 sweep wrote these three colours straight into 1,976 rules, so
     the palette could only be changed by rewriting the rules. They are
     variables now, holding exactly the values they held before - every page
     outside the admin panel renders identically. `body.ez-admin` remaps them
     in ezitech-theme.css, which is what lets the admin panel change colour,
     and what lets it have a light mode at all: a hardcoded #111b2e stays a
     dark box however the theme is set. */
  --ezi-surface-2: #16233c;
  --ezi-line-2: #2a3c5e;
  --ezi-text-2: #e3ecfa;
  --ezi-border: #1e2b45;
  --ezi-text: #c7d3e6;

  --bs-body-bg: var(--ezi-bg);
  --bs-body-bg-rgb: 11, 18, 32;
  --bs-paper-bg: var(--ezi-surface);
  --bs-menu-bg: var(--ezi-menu);
  --bs-body-color: var(--ezi-text);
  --bs-body-color-rgb: 199, 211, 230;
  --bs-emphasis-color: #ffffff;
  --bs-heading-color: #ffffff;
  --bs-border-color: var(--ezi-border);
}

/* ezitech.org ke hero wala halka blue glow. Fixed hai taake scroll par na hile,
   aur itna halka ke text parhne mein rukawat na bane. */
:root[data-bs-theme='dark'] body,
:root[data-bs-theme='dark'] .layout-page,
:root[data-bs-theme='dark'] .content-wrapper {
  background-color: var(--ezi-bg);
  background-image:
    radial-gradient(1100px 520px at 10% -8%, rgba(47, 118, 244, 0.22), transparent 62%),
    radial-gradient(900px 460px at 92% -4%, rgba(47, 118, 244, 0.12), transparent 62%);
  background-attachment: fixed;
  background-repeat: no-repeat;
}

:root[data-bs-theme='dark'] .card {
  background-color: var(--ezi-surface);
  border: 1px solid var(--ezi-border);
}

/* ============================================================
 * Public registration flow - step 1, 2, 3
 * ============================================================
 * Ye safhe apni alag CSS ke saath aate hain
 * (public/intern-registration-css/*.css) jo safed surfaces aur #0f172a text
 * par bani hai. Portal dark hone ke baad text halka ho gaya magar background
 * safed hi raha - is liye form parha hi nahi ja raha tha.
 *
 * Wo CSS <body> ke andar link hoti hai, yani is file ke BAAD - is liye yahan
 * !important ke bagair kuch nahi chalta.
 */

:root[data-bs-theme='dark'] .ezi-registration-shell,
:root[data-bs-theme='dark'] .ezi-step2-shell,
:root[data-bs-theme='dark'] .ezi-step3-shell {
  background: var(--ezi-bg) !important;
  background-image:
    radial-gradient(900px 460px at 12% -8%, rgba(47, 118, 244, .18), transparent 62%),
    radial-gradient(700px 400px at 95% 0%, rgba(47, 118, 244, .10), transparent 62%) !important;
  color: var(--ezi-text-2) !important;
}

/* Jo surfaces safed thin */
:root[data-bs-theme='dark'] .ezi-input,
:root[data-bs-theme='dark'] .ezi-btn-cancel,
:root[data-bs-theme='dark'] .ezi-section-icon,
:root[data-bs-theme='dark'] .ezi-side-help-btn,
:root[data-bs-theme='dark'] .ezi-stepper-circle,
:root[data-bs-theme='dark'] .ezi-upload,
:root[data-bs-theme='dark'] .ezi-opt,
:root[data-bs-theme='dark'] .ezi-opt-icon,
:root[data-bs-theme='dark'] .ezi-btn-back,
:root[data-bs-theme='dark'] .ezi-side2-help-btn,
:root[data-bs-theme='dark'] .ezi-stepper2-circle,
:root[data-bs-theme='dark'] .ezi-plan-card,
:root[data-bs-theme='dark'] .ezi-ai-match-card,
:root[data-bs-theme='dark'] .ezi-back-btn,
:root[data-bs-theme='dark'] .ezi-side3-help-btn,
:root[data-bs-theme='dark'] .ezi-stepper3-circle,
:root[data-bs-theme='dark'] .ezi-input-wrap .choices__inner,
:root[data-bs-theme='dark'] .choices .choices__inner,
:root[data-bs-theme='dark'] .choices__list--dropdown {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
  color: #e6edf8 !important;
}

:root[data-bs-theme='dark'] .choices__list--dropdown .choices__item {
  background: var(--ezi-surface) !important;
  color: #e6edf8 !important;
}
:root[data-bs-theme='dark'] .choices__list--dropdown .choices__item--selectable.is-highlighted {
  background: #1b2a45 !important;
}

/* Text: sarkhiyan safed, baaqi halka neela-safed */
:root[data-bs-theme='dark'] .ezi-registration-shell :is(h1, h2, h3, h4, h5, h6, label),
:root[data-bs-theme='dark'] .ezi-step2-shell :is(h1, h2, h3, h4, h5, h6, label),
:root[data-bs-theme='dark'] .ezi-step3-shell :is(h1, h2, h3, h4, h5, h6, label) {
  color: #ffffff !important;
}

:root[data-bs-theme='dark'] .ezi-registration-shell p,
:root[data-bs-theme='dark'] .ezi-step2-shell p,
:root[data-bs-theme='dark'] .ezi-step3-shell p {
  color: #c7d3e6 !important;
}

/* Input ke andar likha hua text aur placeholder */
:root[data-bs-theme='dark'] .ezi-input::placeholder,
:root[data-bs-theme='dark'] .choices__placeholder {
  color: #6b7b9c !important;
  opacity: 1;
}

:root[data-bs-theme='dark'] .ezi-input:focus {
  border-color: #2f76f4 !important;
  box-shadow: 0 0 0 .18rem rgba(47, 118, 244, .25) !important;
}

/* ------------------------------------------------------------------
 * Text - seedhe class ke naam se.
 * Pehle ye rules :is(h1,h2,...,label) ke zariye likhe gaye thay aur wo
 * bilkul nahi chale: labels safed hone ke bajaye ghayab hi rahe. Baaqi
 * selectors isi file mein theek chal rahe thay, is liye masla :is() ka
 * tha. Chhota rasta chhor kar har class ka naam saaf likha gaya hai.
 * ------------------------------------------------------------------ */

:root[data-bs-theme='dark'] .ezi-label,
:root[data-bs-theme='dark'] .ezi-section-title,
:root[data-bs-theme='dark'] .ezi-stepper-title,
:root[data-bs-theme='dark'] .ezi-stepper2-title,
:root[data-bs-theme='dark'] .ezi-stepper3-title,
:root[data-bs-theme='dark'] .ezi-main3-header h1,
:root[data-bs-theme='dark'] .ezi-plan-title-block h3,
:root[data-bs-theme='dark'] .ezi-side3-summary-title,
:root[data-bs-theme='dark'] .ezi-side3-summary-value,
:root[data-bs-theme='dark'] .ezi-ai-match-text strong,
:root[data-bs-theme='dark'] .ezi-side2-tip-text strong,
:root[data-bs-theme='dark'] .ezi-side3-tip-text strong,
:root[data-bs-theme='dark'] .ezi-side2-help strong,
:root[data-bs-theme='dark'] .ezi-side3-help strong,
:root[data-bs-theme='dark'] .ezi-plan-circle-pct,
:root[data-bs-theme='dark'] .ezi-opt-title {
  color: #ffffff !important;
}

:root[data-bs-theme='dark'] .ezi-stepper-sub,
:root[data-bs-theme='dark'] .ezi-stepper2-sub,
:root[data-bs-theme='dark'] .ezi-stepper3-sub,
:root[data-bs-theme='dark'] .ezi-main3-header p,
:root[data-bs-theme='dark'] .ezi-plan-title-block p,
:root[data-bs-theme='dark'] .ezi-plan-features li,
:root[data-bs-theme='dark'] .ezi-plan-circle-label,
:root[data-bs-theme='dark'] .ezi-side3-summary-label,
:root[data-bs-theme='dark'] .ezi-ai-match-text span,
:root[data-bs-theme='dark'] .ezi-side2-tip-text span,
:root[data-bs-theme='dark'] .ezi-side3-tip-text span,
:root[data-bs-theme='dark'] .ezi-side2-help > span,
:root[data-bs-theme='dark'] .ezi-side3-help > span,
:root[data-bs-theme='dark'] .ezi-fee-note,
:root[data-bs-theme='dark'] .ezi-opt-sub {
  color: #c7d3e6 !important;
}

/* Input ke andar user ka apna likha hua text */
:root[data-bs-theme='dark'] .ezi-input,
:root[data-bs-theme='dark'] .ezi-input-wrap input,
:root[data-bs-theme='dark'] .ezi-input-wrap select {
  color: #ffffff !important;
}

/* ------------------------------------------------------------------
 * Asal wajah: .ezi-main / .ezi-main2 / .ezi-main3 - yani wo panel jis par
 * poora form hai - ka background #ffffff hai. Labels safed kiye gaye thay,
 * background bhi safed tha, is liye text mojood hote hue bhi ghayab tha.
 * (Pehli talash case-sensitive thi, is liye ye teen chhoot gaye.)
 *
 * Teenon step files ek jaise CSS variables istemal karti hain, is liye
 * unhen shell par dobara define karna sab se saaf hal hai - har wo cheez
 * jo var(--ezi-text) waghera parhti hai, khud ba khud theek ho jati hai.
 * ------------------------------------------------------------------ */

:root[data-bs-theme='dark'] .ezi-registration-shell,
:root[data-bs-theme='dark'] .ezi-step2-shell,
:root[data-bs-theme='dark'] .ezi-step3-shell {
  --ezi-text: #ffffff;
  --ezi-muted: #c7d3e6;
  --ezi-border: var(--ezi-line-2);
  --ezi-bg-light: var(--ezi-surface);
}


/* Baaqi safed surfaces jo pehli talash mein chhoot gaye thay */
:root[data-bs-theme='dark'] .ezi-hero-check-circle,
:root[data-bs-theme='dark'] .ezi-plan-box-circle-inner,
:root[data-bs-theme='dark'] .ezi-plan-box-cta,
:root[data-bs-theme='dark'] .ezi-plan-box-icon,
:root[data-bs-theme='dark'] .ezi-plan-circle-inner,
:root[data-bs-theme='dark'] .loader-content {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
  color: #e6edf8 !important;
}

/* ==================================================================
 * Registration ka left sidebar - navy + halki harkat
 * ==================================================================
 * Purana sidebar chamakta hua neela tha (#1f47ff -> #0a1f8a) jo naye
 * navy ke saath judta nahi tha. Ab ezitech.org jaisa gehra navy, upar
 * do dhundhle blue-purple halo jo bohot aahista sarakte hain, aur ek
 * halka grid.
 *
 * Jahan bhi animation lagayi hai wahan opacity saaf likhi hai: login ke
 * terminal par yehi galti hui thi - `animation` shorthand ne page ki
 * apni fade-in animation replace kar di thi aur element opacity 0 par
 * atak kar poori tarah ghayab ho gaya tha.
 * ------------------------------------------------------------------ */

:root[data-bs-theme='dark'] .ezi-side,
:root[data-bs-theme='dark'] .ezi-side2,
:root[data-bs-theme='dark'] .ezi-side3 {
  --ezi-side-grad-1: #16306b;
  --ezi-side-grad-2: #080f1e;

  background-image:
    radial-gradient(620px 420px at 18% 18%, rgba(47, 118, 244, .38), transparent 62%),
    radial-gradient(520px 380px at 86% 78%, rgba(124, 58, 237, .20), transparent 62%),
    linear-gradient(rgba(255, 255, 255, .045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, .045) 1px, transparent 1px),
    linear-gradient(160deg, #16306b 0%, #080f1e 100%) !important;
  background-size: 150% 150%, 150% 150%, 44px 44px, 44px 44px, 100% 100% !important;
  background-repeat: no-repeat, no-repeat, repeat, repeat, no-repeat !important;
  animation: eziAurora 22s ease-in-out infinite alternate;
}

/* Halo bohot aahista sarakte hain - nazar aane wali harkat, tawajjo cheenne
   wali nahi. Grid aur base gradient apni jagah thehre rehte hain. */
@keyframes eziAurora {
  from { background-position: 0% 0%, 100% 100%, 0 0, 0 0, 0 0; }
  to   { background-position: 34% 22%, 66% 78%, 0 0, 0 0, 0 0; }
}

/* Illustration halka sa tairta hua */
:root[data-bs-theme='dark'] .ezi-side-illustration {
  opacity: 1 !important;
  animation: eziSideFloat 7s ease-in-out infinite;
}

@keyframes eziSideFloat {
  50% { transform: translateY(-10px); }
}

/* Neeche ke do cards halke se upar uth kar aate hain */
:root[data-bs-theme='dark'] .ezi-side-secure,
:root[data-bs-theme='dark'] .ezi-side-help {
  background: rgba(255, 255, 255, .07) !important;
  border: 1px solid rgba(255, 255, 255, .12) !important;
  backdrop-filter: blur(6px);
  animation: eziSideRise .6s ease both;
}

:root[data-bs-theme='dark'] .ezi-side-secure { animation-delay: .15s; }
:root[data-bs-theme='dark'] .ezi-side-help { animation-delay: .3s; }

@keyframes eziSideRise {
  from { opacity: 0; transform: translateY(14px); }
  to   { opacity: 1; transform: none; }
}

/* "STEP 1 OF 3" wala pill halka sa saans leta hai */
:root[data-bs-theme='dark'] .ezi-side-step,
:root[data-bs-theme='dark'] .ezi-side-badge {
  animation: eziSidePulse 3.2s ease-in-out infinite;
}

@keyframes eziSidePulse {
  50% { box-shadow: 0 0 0 6px rgba(47, 118, 244, .16); }
}

/* Jin logon ne system mein animation band ki hui hai: sab kuch thehra hua,
   aur poori tarah nazar aata hua. */
@media (prefers-reduced-motion: reduce) {
  :root[data-bs-theme='dark'] .ezi-side,
  :root[data-bs-theme='dark'] .ezi-side2,
  :root[data-bs-theme='dark'] .ezi-side3,
  :root[data-bs-theme='dark'] .ezi-side-illustration,
  :root[data-bs-theme='dark'] .ezi-side-secure,
  :root[data-bs-theme='dark'] .ezi-side-help,
  :root[data-bs-theme='dark'] .ezi-side-step,
  :root[data-bs-theme='dark'] .ezi-side-badge {
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
  }
}

/* ==================================================================
 * Date inputs ka native calendar
 * ==================================================================
 * <input type="date"> ka calendar browser khud banata hai; us ke andar
 * ki CSS hamare qaboo mein nahi. Page dark hone par Chrome apna dark
 * calendar dikhata hai - safed lakeeron wala, jo bhadda lagta hai.
 *
 * Is liye sirf in fields ko light color-scheme diya gaya hai: calendar
 * apni saaf, pehchani hui safed shakal mein khulta hai. Field ka apna
 * rang hum khud set karte hain is liye wo navy hi rehta hai; sirf
 * andar wala chhota calendar icon light-scheme mein gehra ho jata,
 * is liye usay ulta (invert) kar diya gaya hai taake nazar aata rahe.
 * ------------------------------------------------------------------ */

:root[data-bs-theme='dark'] input[type='date'],
:root[data-bs-theme='dark'] input[type='month'],
:root[data-bs-theme='dark'] input[type='datetime-local'] {
  color-scheme: light;
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
  color: #ffffff !important;
}

:root[data-bs-theme='dark'] input[type='date']::-webkit-calendar-picker-indicator,
:root[data-bs-theme='dark'] input[type='month']::-webkit-calendar-picker-indicator,
:root[data-bs-theme='dark'] input[type='datetime-local']::-webkit-calendar-picker-indicator {
  filter: invert(1) brightness(1.7);
  cursor: pointer;
  opacity: .85;
}

:root[data-bs-theme='dark'] input[type='date']::-webkit-calendar-picker-indicator:hover {
  opacity: 1;
}

/* mm/dd/yyyy wala khali text bhi parha ja sake */
:root[data-bs-theme='dark'] input[type='date']::-webkit-datetime-edit,
:root[data-bs-theme='dark'] input[type='date']::-webkit-datetime-edit-text,
:root[data-bs-theme='dark'] input[type='date']::-webkit-datetime-edit-month-field,
:root[data-bs-theme='dark'] input[type='date']::-webkit-datetime-edit-day-field,
:root[data-bs-theme='dark'] input[type='date']::-webkit-datetime-edit-year-field {
  color: #ffffff;
}

/* ==================================================================
 * Step 2 - sawalon ke safed dabbe
 * ==================================================================
 * Andar ke option tiles to dark ho gaye thay magar unhen ghere hue
 * container safed reh gaye thay, is liye safhe par safed patti si bani
 * hui thi. Ye backgrounds CSS variables se aate hain, is liye pehli
 * "safed rang dhoondo" wali talash mein nahi mile.
 * ------------------------------------------------------------------ */

:root[data-bs-theme='dark'] .ezi-q-card,
:root[data-bs-theme='dark'] .ezi-main2-top,
:root[data-bs-theme='dark'] .ezi-assess-heading,
:root[data-bs-theme='dark'] .ezi-secure-note,
:root[data-bs-theme='dark'] .ezi-pages,
:root[data-bs-theme='dark'] .ezi-q-head,
:root[data-bs-theme='dark'] .ezi-center-toast {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}

:root[data-bs-theme='dark'] .ezi-q-title,
:root[data-bs-theme='dark'] .ezi-assess-heading,
:root[data-bs-theme='dark'] .ezi-center-toast-text {
  color: #ffffff !important;
}

:root[data-bs-theme='dark'] .ezi-assess-text,
:root[data-bs-theme='dark'] .ezi-opt-text,
:root[data-bs-theme='dark'] .ezi-secure-note {
  color: #c7d3e6 !important;
}

/* ==================================================================
 * Step 3 - plan cards
 * ================================================================== */

/* "What you will get" ki sarkhi aur us ke neeche ki fehrist gehre neele
   rang mein thi - navy par taqreeban ghayab. */
:root[data-bs-theme='dark'] .ezi-plan-section-label,
:root[data-bs-theme='dark'] .features-title {
  color: #7aa2ff !important;
}

:root[data-bs-theme='dark'] .ezi-plan-features li,
:root[data-bs-theme='dark'] .ezi-plan-features li span,
:root[data-bs-theme='dark'] .ezi-plan-features li strong {
  color: #dbe6f7 !important;
}

/* "Choose This Plan" - ye upar wale rule se ghalti se navy ho gaya tha aur
   navy par navy button nazar hi nahi aata. Ye asal action button hai, is
   liye blue. */
:root[data-bs-theme='dark'] .ezi-plan-box-cta {
  background: #2f76f4 !important;
  border-color: #2f76f4 !important;
  color: #ffffff !important;
}

:root[data-bs-theme='dark'] .ezi-plan-box-cta:hover {
  background: #2461d8 !important;
  border-color: #2461d8 !important;
}

/* ==================================================================
 * Registration flow - poori CSS parh kar banaye gaye rules
 * ==================================================================
 * Ek ek safha peechhe bhaagne ke bajaye chaaron stylesheets
 * (step1, step2, step3, success) ko parh kar har wo rule nikala gaya
 * jo safed surface ya gehra text deta hai, aur us ka dark jorra yahan
 * likha gaya hai. Isi liye ye fehrist lambi hai - ye haath se nahi,
 * source se bani hai, taake koi safha chhoot na jaye.
 * ------------------------------------------------------------------ */

:root[data-bs-theme='dark'] .ezi-success-shell {
  --ezi-text: #ffffff;
  --ezi-muted: #c7d3e6;
  --ezi-border: var(--ezi-line-2);
  --ezi-bg-light: var(--ezi-surface);
  background: var(--ezi-bg) !important;
}

:root[data-bs-theme='dark'] .choices .choices__inner,
:root[data-bs-theme='dark'] .choices__list--dropdown,
:root[data-bs-theme='dark'] .choices__list--dropdown .choices__item,
:root[data-bs-theme='dark'] .ezi-ai-match-card,
:root[data-bs-theme='dark'] .ezi-ai-match-icon,
:root[data-bs-theme='dark'] .ezi-back-btn,
:root[data-bs-theme='dark'] .ezi-back-btn:hover,
:root[data-bs-theme='dark'] .ezi-btn-back,
:root[data-bs-theme='dark'] .ezi-btn-back:hover,
:root[data-bs-theme='dark'] .ezi-btn-cancel,
:root[data-bs-theme='dark'] .ezi-btn-cancel:hover,
:root[data-bs-theme='dark'] .ezi-hero-check-circle,
:root[data-bs-theme='dark'] .ezi-input,
:root[data-bs-theme='dark'] .ezi-input-wrap .choices__inner,
:root[data-bs-theme='dark'] .ezi-next-icon-1,
:root[data-bs-theme='dark'] .ezi-next-icon-2,
:root[data-bs-theme='dark'] .ezi-next-list li:not(:last-child)::after,
:root[data-bs-theme='dark'] .ezi-opt,
:root[data-bs-theme='dark'] .ezi-opt-icon,
:root[data-bs-theme='dark'] .ezi-opt:hover,
:root[data-bs-theme='dark'] .ezi-plan-box-circle,
:root[data-bs-theme='dark'] .ezi-plan-box-circle-inner,
:root[data-bs-theme='dark'] .ezi-plan-box-cta,
:root[data-bs-theme='dark'] .ezi-plan-box-head.theme-blue,
:root[data-bs-theme='dark'] .ezi-plan-box-head.theme-navy,
:root[data-bs-theme='dark'] .ezi-plan-box-icon,
:root[data-bs-theme='dark'] .ezi-plan-card,
:root[data-bs-theme='dark'] .ezi-plan-circle,
:root[data-bs-theme='dark'] .ezi-plan-circle-inner,
:root[data-bs-theme='dark'] .ezi-section-icon,
:root[data-bs-theme='dark'] .ezi-side-help-btn,
:root[data-bs-theme='dark'] .ezi-side2-help-btn,
:root[data-bs-theme='dark'] .ezi-side2-step.is-active .ezi-side2-step-icon,
:root[data-bs-theme='dark'] .ezi-side2-step.is-done .ezi-side2-step-icon,
:root[data-bs-theme='dark'] .ezi-side3-help-btn,
:root[data-bs-theme='dark'] .ezi-step2-shell,
:root[data-bs-theme='dark'] .ezi-step3-shell,
:root[data-bs-theme='dark'] .ezi-stepper-circle,
:root[data-bs-theme='dark'] .ezi-stepper-line,
:root[data-bs-theme='dark'] .ezi-stepper2-circle,
:root[data-bs-theme='dark'] .ezi-stepper2-line,
:root[data-bs-theme='dark'] .ezi-stepper3-circle,
:root[data-bs-theme='dark'] .ezi-stepper3-line,
:root[data-bs-theme='dark'] .ezi-upload:hover,
:root[data-bs-theme='dark'] .loader-content,
:root[data-bs-theme='dark'] /* ===== RIGHT MAIN ===== */ .ezi-main2,
:root[data-bs-theme='dark'] /* ============== CENTER TOAST ============== */ .ezi-center-toast,
:root[data-bs-theme='dark'] /* ============== FILE UPLOAD ============== */ .ezi-upload,
:root[data-bs-theme='dark'] /* ============== HERO ============== */ .ezi-hero,
:root[data-bs-theme='dark'] /* ============== MAIN — FIXED ============== */ .ezi-main,
:root[data-bs-theme='dark'] /* ============== SHELL ============== */ .ezi-registration-shell,
:root[data-bs-theme='dark'] /* ============================================================    MAIN PANEL    ============================================================ */ .ezi-main3,
:root[data-bs-theme='dark'] /* Assessment heading */ .ezi-assess-heading,
:root[data-bs-theme='dark'] /* Dropdown menu styling */ .choices__list--dropdown,
:root[data-bs-theme='dark'] /* NEXT BOX */ .ezi-next-box,
:root[data-bs-theme='dark'] /* PLAN BOX */ .ezi-plan-box,
:root[data-bs-theme='dark'] /* Question card */ .ezi-q-card,
:root[data-bs-theme='dark'] /* Selected state — driven by JS toggling .border-primary on .option-box */ .option-box.border-primary
{
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}

:root[data-bs-theme='dark'] .choices .choices__inner,
:root[data-bs-theme='dark'] .choices__list--dropdown .choices__item,
:root[data-bs-theme='dark'] .ezi-ai-match-text strong,
:root[data-bs-theme='dark'] .ezi-assess-text h3,
:root[data-bs-theme='dark'] .ezi-back-btn,
:root[data-bs-theme='dark'] .ezi-btn-back,
:root[data-bs-theme='dark'] .ezi-btn-back:hover,
:root[data-bs-theme='dark'] .ezi-btn-cancel,
:root[data-bs-theme='dark'] .ezi-btn-cancel:hover,
:root[data-bs-theme='dark'] .ezi-input,
:root[data-bs-theme='dark'] .ezi-main3-header h1,
:root[data-bs-theme='dark'] .ezi-opt-text,
:root[data-bs-theme='dark'] .ezi-plan-circle-pct,
:root[data-bs-theme='dark'] .ezi-plan-features li,
:root[data-bs-theme='dark'] .ezi-plan-title-block h3,
:root[data-bs-theme='dark'] .ezi-q-title,
:root[data-bs-theme='dark'] .ezi-section-title,
:root[data-bs-theme='dark'] .ezi-stepper-title,
:root[data-bs-theme='dark'] .ezi-stepper2-title,
:root[data-bs-theme='dark'] .ezi-stepper3-title,
:root[data-bs-theme='dark'] .ezi-upload-text strong,
:root[data-bs-theme='dark'] /* ============== FORM FIELDS ============== */ .ezi-label,
:root[data-bs-theme='dark'] /* Trust text styling - bold first line */ .trust-text
{
  color: var(--ezi-text-2) !important;
}

/* Upar wale rules ne kuch cheezein ghalti se navy kar di thin - ye wo
   istisna hain jo navy nahi hone chahiyen. */
:root[data-bs-theme='dark'] .ezi-main,
:root[data-bs-theme='dark'] .ezi-main2,
:root[data-bs-theme='dark'] .ezi-main3,
:root[data-bs-theme='dark'] .ezi-main-inner,
:root[data-bs-theme='dark'] .ezi-main2-inner,
:root[data-bs-theme='dark'] .ezi-main3-inner {
  background: transparent !important;
}

/* Har safhe ka asal action button - ye blue hi rehna chahiye. */
:root[data-bs-theme='dark'] .ezi-plan-box-cta,
:root[data-bs-theme='dark'] .ezi-btn-next,
:root[data-bs-theme='dark'] .ezi-btn-primary {
  background: #2f76f4 !important;
  border-color: #2f76f4 !important;
  color: #ffffff !important;
}
:root[data-bs-theme='dark'] .ezi-plan-box-cta:hover,
:root[data-bs-theme='dark'] .ezi-btn-next:hover,
:root[data-bs-theme='dark'] .ezi-btn-primary:hover {
  background: #2461d8 !important;
  border-color: #2461d8 !important;
}

/* ==================================================================
 * Success page - apne variables se
 * ==================================================================
 * success.css apna alag namespace istemal karta hai
 * (--ezi-success-text, --ezi-success-muted, ...), is liye baaqi steps
 * wale variables us par nahi lage aur poora text madham reh gaya tha.
 * Yahan wo dus variables ek jagah badle gaye hain - har rule khud ba
 * khud durust ho jata hai.
 * ------------------------------------------------------------------ */

:root[data-bs-theme='dark'] .ezi-success-shell {
  --ezi-success-text: #ffffff;
  --ezi-success-muted: #c7d3e6;
  --ezi-success-border: var(--ezi-line-2);
  --ezi-success-blue: #7aa2ff;
  --ezi-success-navy: #7aa2ff;
  --ezi-success-purple: #a78bfa;
  --ezi-success-purple-bg: #1a2340;
  --ezi-success-purple-light: #24305a;
  --ezi-success-green: #35d07f;
  --ezi-success-green-light: #123527;
}

/* Plan card ka sar. Pehla rule sirf .theme-blue par tha, magar is safhe par
   .theme-navy laga hua tha - is liye wo aik safed card baaqi reh gaya tha.
   Ab bina variant ke, taake har theme par lage. */
:root[data-bs-theme='dark'] .ezi-plan-box-head,
:root[data-bs-theme='dark'] .ezi-plan-box-head.theme-blue,
:root[data-bs-theme='dark'] .ezi-plan-box-head.theme-navy {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}

/* Hero patti - "Registration Completed!" wali */
:root[data-bs-theme='dark'] .ezi-hero,
:root[data-bs-theme='dark'] .ezi-hero-secure {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
  color: #c7d3e6 !important;
}

:root[data-bs-theme='dark'] .ezi-hero-title,
:root[data-bs-theme='dark'] .ezi-detail-value,
:root[data-bs-theme='dark'] .ezi-next-text strong,
:root[data-bs-theme='dark'] .ezi-safe-text strong,
:root[data-bs-theme='dark'] .ezi-plan-box-title h3 {
  color: #ffffff !important;
}

:root[data-bs-theme='dark'] .ezi-hero-desc,
:root[data-bs-theme='dark'] .ezi-detail-label,
:root[data-bs-theme='dark'] .ezi-next-text span,
:root[data-bs-theme='dark'] .ezi-safe-text span,
:root[data-bs-theme='dark'] .ezi-plan-box-title p,
:root[data-bs-theme='dark'] .ezi-plan-box-circle-label {
  color: #c7d3e6 !important;
}

/* ==================================================================
 * Aakhri sweep - roshni ke hisaab se
 * ==================================================================
 * Pehle rang naam se dhoonde ja rahe thay (#fff, #eef...), is liye
 * .ezi-safe-card ka #f4eeff jaise rang bach jate thay. Ab har
 * background ka asal luminance hisaab kiya gaya hai, is liye koi
 * halka surface baaqi nahi rehna chahiye.
 * ------------------------------------------------------------------ */

:root[data-bs-theme='dark'] .ezi-ai-match-icon,
:root[data-bs-theme='dark'] .ezi-assess-heading,
:root[data-bs-theme='dark'] .ezi-back-btn:hover,
:root[data-bs-theme='dark'] .ezi-btn-back,
:root[data-bs-theme='dark'] .ezi-btn-back:hover,
:root[data-bs-theme='dark'] .ezi-btn-cancel:hover,
:root[data-bs-theme='dark'] .ezi-hero,
:root[data-bs-theme='dark'] .ezi-hero-check-circle,
:root[data-bs-theme='dark'] .ezi-main,
:root[data-bs-theme='dark'] .ezi-main2,
:root[data-bs-theme='dark'] .ezi-main3,
:root[data-bs-theme='dark'] .ezi-next-box,
:root[data-bs-theme='dark'] .ezi-next-icon-1,
:root[data-bs-theme='dark'] .ezi-next-icon-2,
:root[data-bs-theme='dark'] .ezi-next-icon-3,
:root[data-bs-theme='dark'] .ezi-next-icon-4,
:root[data-bs-theme='dark'] .ezi-next-list li:not(:last-child)::after,
:root[data-bs-theme='dark'] .ezi-opt,
:root[data-bs-theme='dark'] .ezi-opt-icon,
:root[data-bs-theme='dark'] .ezi-opt:hover,
:root[data-bs-theme='dark'] .ezi-page-dot,
:root[data-bs-theme='dark'] .ezi-plan-box,
:root[data-bs-theme='dark'] .ezi-plan-box-circle,
:root[data-bs-theme='dark'] .ezi-plan-box-circle-inner,
:root[data-bs-theme='dark'] .ezi-plan-box-cta,
:root[data-bs-theme='dark'] .ezi-plan-box-head.theme-blue,
:root[data-bs-theme='dark'] .ezi-plan-box-head.theme-navy,
:root[data-bs-theme='dark'] .ezi-plan-box-icon,
:root[data-bs-theme='dark'] .ezi-plan-circle,
:root[data-bs-theme='dark'] .ezi-q-card,
:root[data-bs-theme='dark'] .ezi-registration-shell,
:root[data-bs-theme='dark'] .ezi-safe-card,
:root[data-bs-theme='dark'] .ezi-section-icon,
:root[data-bs-theme='dark'] .ezi-side-help-btn,
:root[data-bs-theme='dark'] .ezi-side-help-btn:hover,
:root[data-bs-theme='dark'] .ezi-side2-help-btn,
:root[data-bs-theme='dark'] .ezi-side2-help-btn:hover,
:root[data-bs-theme='dark'] .ezi-side2-step.is-active .ezi-side2-step-icon,
:root[data-bs-theme='dark'] .ezi-side2-step.is-done .ezi-side2-step-icon,
:root[data-bs-theme='dark'] .ezi-side3-help-btn:hover,
:root[data-bs-theme='dark'] .ezi-step2-shell,
:root[data-bs-theme='dark'] .ezi-step3-shell,
:root[data-bs-theme='dark'] .ezi-stepper-circle,
:root[data-bs-theme='dark'] .ezi-stepper-item.is-complete .ezi-stepper-circle,
:root[data-bs-theme='dark'] .ezi-stepper-line,
:root[data-bs-theme='dark'] .ezi-stepper2-circle,
:root[data-bs-theme='dark'] .ezi-stepper2-line,
:root[data-bs-theme='dark'] .ezi-stepper3-circle,
:root[data-bs-theme='dark'] .ezi-stepper3-line,
:root[data-bs-theme='dark'] .ezi-success-shell,
:root[data-bs-theme='dark'] .ezi-upload,
:root[data-bs-theme='dark'] .ezi-upload:hover,
:root[data-bs-theme='dark'] .option-box.border-primary
{
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}

/* Aur phir wahi istisna, kyunke ye sweep sab ko ek nazar se dekhti hai. */
:root[data-bs-theme='dark'] .ezi-main,
:root[data-bs-theme='dark'] .ezi-main2,
:root[data-bs-theme='dark'] .ezi-main3,
:root[data-bs-theme='dark'] .ezi-main-inner,
:root[data-bs-theme='dark'] .ezi-main2-inner,
:root[data-bs-theme='dark'] .ezi-main3-inner { background: transparent !important; }

:root[data-bs-theme='dark'] .ezi-plan-box-cta,
:root[data-bs-theme='dark'] .ezi-btn-next,
:root[data-bs-theme='dark'] .ezi-btn-primary {
  background: #2f76f4 !important;
  border-color: #2f76f4 !important;
  color: #ffffff !important;
}

/* Hero ka sabz tick apna rang rakhe - wo kamyabi ka nishan hai. */
:root[data-bs-theme='dark'] .ezi-hero-check-circle {
  background: rgba(53, 208, 127, .14) !important;
  border-color: rgba(53, 208, 127, .35) !important;
}

/* ==================================================================
 * Success page ka hero - ab asal HTML hai, tasveer nahi
 * ==================================================================
 * Blade mein image ki jagah asal markup daal diya gaya hai, is liye
 * ab isay theme aur harkat dono di ja sakti hain.
 * ------------------------------------------------------------------ */

:root[data-bs-theme='dark'] .ezi-hero {
  background: var(--ezi-surface) !important;
  border: 1px solid var(--ezi-line-2) !important;
  background-image:
    radial-gradient(700px 340px at 12% -20%, rgba(47, 118, 244, .22), transparent 62%),
    radial-gradient(520px 300px at 92% 120%, rgba(124, 58, 237, .16), transparent 62%) !important;
}

:root[data-bs-theme='dark'] .ezi-hero-title {
  color: #ffffff !important;
  opacity: 1 !important;
  animation: eziHeroIn .55s ease .05s both;
}

:root[data-bs-theme='dark'] .ezi-hero-desc {
  color: #c7d3e6 !important;
  opacity: 1 !important;
  animation: eziHeroIn .55s ease .18s both;
}

:root[data-bs-theme='dark'] .ezi-hero-secure {
  background: rgba(53, 208, 127, .12) !important;
  border: 1px solid rgba(53, 208, 127, .3) !important;
  color: #b7f0d2 !important;
  opacity: 1 !important;
  animation: eziHeroIn .55s ease .3s both;
}

:root[data-bs-theme='dark'] .ezi-hero-secure-icon,
:root[data-bs-theme='dark'] .ezi-hero-pill {
  color: #35d07f !important;
}

@keyframes eziHeroIn {
  from { opacity: 0; transform: translateY(12px); }
  to   { opacity: 1; transform: none; }
}

/* Sabz tick - halka sa uchhal kar aata hai, phir dhirey dhirey saans leta hai */
:root[data-bs-theme='dark'] .ezi-hero-check-circle {
  background: rgba(53, 208, 127, .16) !important;
  border: 1px solid rgba(53, 208, 127, .4) !important;
  color: #35d07f !important;
  opacity: 1 !important;
  animation: eziTickPop .6s cubic-bezier(.34, 1.56, .64, 1) both,
             eziTickGlow 3s ease-in-out 1s infinite;
}

@keyframes eziTickPop {
  from { transform: scale(.5); opacity: 0; }
  to   { transform: scale(1); opacity: 1; }
}

@keyframes eziTickGlow {
  50% { box-shadow: 0 0 0 12px rgba(53, 208, 127, .08); }
}

/* Ring aahista ghoomti hai */
:root[data-bs-theme='dark'] .ezi-hero-check-ring {
  opacity: 1 !important;
  animation: eziRingSpin 26s linear infinite;
}

@keyframes eziRingSpin {
  to { transform: rotate(360deg); }
}

/* Confetti bohot halke se tairta hai */
:root[data-bs-theme='dark'] .ezi-hero-confetti {
  opacity: .9 !important;
  animation: eziConfettiDrift 9s ease-in-out infinite alternate;
}

@keyframes eziConfettiDrift {
  to { transform: translateY(-8px); }
}

@media (prefers-reduced-motion: reduce) {
  :root[data-bs-theme='dark'] .ezi-hero-title,
  :root[data-bs-theme='dark'] .ezi-hero-desc,
  :root[data-bs-theme='dark'] .ezi-hero-secure,
  :root[data-bs-theme='dark'] .ezi-hero-check-circle,
  :root[data-bs-theme='dark'] .ezi-hero-check-ring,
  :root[data-bs-theme='dark'] .ezi-hero-confetti {
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
  }
}

/* Step 3 ka plan button - is safhe par class .ezi-plan-cta hai, .ezi-plan-box-cta
   nahi, is liye pehla rule us par laga hi nahi tha aur button navy reh gaya tha. */
:root[data-bs-theme='dark'] .ezi-plan-cta {
  background: #2f76f4 !important;
  border-color: #2f76f4 !important;
  color: #ffffff !important;
}
:root[data-bs-theme='dark'] .ezi-plan-cta:hover {
  background: #2461d8 !important;
  border-color: #2461d8 !important;
}

/* ==================================================================
 * Success page - purple hata kar blue, aur plan header ko jagah
 * ==================================================================
 * Malik ki hidayat: purple na ho, blue ya safed ho. Ye rang ek hi
 * variable se aata hai, is liye ek jagah badalne se poora safha badal
 * jata hai - labels, "What's Next" ke icons, sab.
 * ------------------------------------------------------------------ */

:root[data-bs-theme='dark'] .ezi-success-shell {
  --ezi-success-purple: #7aa2ff;
  --ezi-success-purple-bg: #14243f;
  --ezi-success-purple-light: #1b2f52;
}

/* Plan ka header - text kinaron se chipka hua tha aur us ki lakeer
   ghayab thi. Ab khuli jagah aur saaf border. */
:root[data-bs-theme='dark'] .ezi-plan-box-head,
:root[data-bs-theme='dark'] .ezi-plan-box-head.theme-blue,
:root[data-bs-theme='dark'] .ezi-plan-box-head.theme-navy,
:root[data-bs-theme='dark'] .ezi-plan-box-head.theme-purple {
  background: #14203a !important;
  border: 1px solid #2f4468 !important;
  border-radius: 12px !important;
  padding: 18px 20px !important;
  margin: 14px 0 18px !important;
  gap: 16px !important;
}

/* Details ki lakeerein bhi nazar aayen */
:root[data-bs-theme='dark'] .ezi-detail-row,
:root[data-bs-theme='dark'] .ezi-detail-item,
:root[data-bs-theme='dark'] .ezi-plan-box-details > * {
  border-color: var(--ezi-line-2) !important;
}

/* "63% Match" wala hissa header se thora hat kar rahe */
:root[data-bs-theme='dark'] .ezi-plan-box-circle,
:root[data-bs-theme='dark'] .ezi-plan-box-match {
  margin-left: 12px !important;
}

/* Icon ka dabba bhi blue family mein */
:root[data-bs-theme='dark'] .ezi-plan-box-icon {
  background: #1b2f52 !important;
  border: 1px solid #2f4468 !important;
  color: #7aa2ff !important;
}

/* ==================================================================
 * Step 3 - purple ke aakhri nishan
 * ==================================================================
 * "RECOMMENDED" badge aur theme-purple wale plan ka icon/label abhi bhi
 * #7c3aed par thay. Rang :root ke --ezi-purple se aata hai, is liye wo
 * badla gaya hai; badge apna rang khud rakhta tha, is liye alag se.
 * ------------------------------------------------------------------ */

:root[data-bs-theme='dark'],
:root[data-bs-theme='dark'] .ezi-step3-shell,
:root[data-bs-theme='dark'] .ezi-success-shell {
  --ezi-purple: #7aa2ff;
  --ezi-purple-light: #1b2f52;
}

:root[data-bs-theme='dark'] .ezi-plan-recommended-badge {
  background: #2f76f4 !important;
  border-color: #2f76f4 !important;
  color: #ffffff !important;
}

:root[data-bs-theme='dark'] .theme-purple .ezi-plan-icon,
:root[data-bs-theme='dark'] .theme-purple .ezi-plan-section-label,
:root[data-bs-theme='dark'] .ezi-ai-match-icon {
  color: #7aa2ff !important;
}

:root[data-bs-theme='dark'] .theme-purple .ezi-plan-icon {
  background: #1b2f52 !important;
  border-color: #2f4468 !important;
}

/* ==================================================================
 * Poore portal ki sweep
 * ==================================================================
 * resources/views ka har inline <style> block + public/ ki har CSS
 * (948 KB) parh kar banaya gaya - kisi file ki list se nahi.
 *
 * Surfaces do qism mein: pehli koshish mein sab ko color-mix se gehra
 * kiya tha aur cards GREY nazar aane lage - safed + navy = grey, us
 * mein navy ki neelahat mar jati hai.
 *
 *   be-rang (saturation < 26)  -> seedha var(--ezi-surface) navy
 *   rangeen (hara/laal/amber)  -> color-mix, hue mehfooz
 * ------------------------------------------------------------------ */

:root[data-bs-theme='dark'] .card {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .email {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .err {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .icon {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .certificate-id {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .student-name {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .technology-name {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .date-range {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .det-val {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .barcode-id {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .sv-skeleton {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .sv-summary-name {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .sv-summary-count {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .sv-card {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .metric {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .list-scroll::-webkit-scrollbar-thumb {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .sp-settings-page .sp-change-photo:hover {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .sp-settings-page .sp-textarea {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .sp-settings-page .sp-input {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .sp-settings-page .sp-input.sp-input-select option {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .sv-create-card .form-label {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .sv-tech-chip {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .sv-tech-chip:hover {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .sv-progress {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .sv-progress-fill::after {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .sv-action-icon--view {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .sv-action-icon--view:hover {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #d9ecff 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #d9ecff 30%, var(--ezi-line-2)) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .sv-action-icon--edit {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #fff4df 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #fff4df 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .sv-action-icon--edit:hover {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #ffebc2 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #ffebc2 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .sv-action-icon--more {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .sv-action-icon--more:hover {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .sv-dropdown-menu .dropdown-item {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .sv-dropdown-menu .dropdown-item:hover {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .sv-dropdown-menu .dropdown-item.text-danger:hover {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .sv-modal .form-label {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .sv-timeline-line {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .sv-toast .toast-body {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .expired-card {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .overdue-glow {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .to-prog {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .to-avatar {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .to-tabbtn {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .to-scroll::-webkit-scrollbar-thumb {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .to-scroll table thead th {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .ip-hero::after {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .ip-avatar {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .ip-stat {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .ip-social {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .ip-social:hover {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .eval-bar {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .navbar-public {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .footer-public {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .lms-navbar {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .lms-navbar .brand {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .lms-navbar .nav-links a:hover,         .lms-navbar .nav-links a.active {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .lms-card {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .badge-free {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #dcfce7 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #dcfce7 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .badge-paid {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #dbeafe 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #dbeafe 30%, var(--ezi-line-2)) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .wrapper {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .header {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .message-box {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .otp-box {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .otp-code {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .message {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .greeting {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .invoice-details {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .amount {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .credentials-text {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .content {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .details {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .value {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .content h2 {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .from-block {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .date-block {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .to-whom {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .intern-info {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .dates-block {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .dear-line {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .para-1 {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .para-2 {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .cert-block {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .sincerely {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .qr-label {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .verification-card {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .status-icon.valid {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .status-icon.invalid {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #f8d7da 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #f8d7da 30%, var(--ezi-line-2)) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .info-label {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .note {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .datatables-users.table thead th {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .table-responsive-overflow::-webkit-scrollbar-track {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .pagination-container {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .dt-paging .page-item .page-link {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .dt-paging .page-link:hover:not(.active) {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .premium-card {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .premium-card::before {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .profile-banner::before {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .profile-banner::after {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .banner-particle {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .avatar-image {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .stat-mini-card {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .stat-mini-card:hover {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .custom-tab.active {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .custom-tab:hover:not(.active) {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .detail-value {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .badge-paid {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .badge-overdue {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .badge-partial {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .package-card {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .form-header-icon {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .btn-close-premium {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .btn-close-premium:hover {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .invoice-form-premium {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .page-header-card {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .intern-info-tag {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .form-label-premium {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .form-control-premium {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .form-control-premium:focus {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .form-select-premium {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .form-select-premium:focus {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .invoice-preview-card {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .preview-value {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .inv-card {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .hero {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .hero h5 {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .ring-value {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .percent-up {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .percent-down {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .percent-neutral {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .badge-soft-success {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #dcfce7 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #dcfce7 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .badge-soft-warning {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #fef9c3 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #fef9c3 30%, var(--ezi-line-2)) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .badge-soft-danger {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #fee2e2 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #fee2e2 30%, var(--ezi-line-2)) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .badge-soft-primary {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .ikt thead th {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .invoice-card {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .badge-title {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .badge-number {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .status-paid {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #dcfce7 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #dcfce7 30%, var(--ezi-line-2)) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .status-pending {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #fef3c7 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #fef3c7 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .section-label {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .invoice-table th {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .summary-words-wrapper {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .words-box {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .bank-details-section {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .bank-details-box {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .bank-note {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .btn-outline {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .status-pending {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #fef3c7 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #fef3c7 30%, var(--ezi-line-2)) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .status-partial {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .flex-divider {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .section-bg {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .bank-title {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .bank-note {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .certified {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .template-card:hover {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .template-card.active-tpl {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .at-shift-pill {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .at-shift-pill.none {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .at-gps-box {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .at-gps-status.idle {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .at-badge-auto {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .at-bypass-warn {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #fef3c7 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #fef3c7 30%, var(--ezi-line-2)) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .dash-welcome {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .dash-welcome .dw-greeting h4 {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .dw-progress-label {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .dw-progress-label .pct {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .dw-levels strong {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .dash-priority {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .dp-head .dp-title {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .dp-head .dp-title i {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .dp-head .dp-pill {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #dbeafe 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #dbeafe 30%, var(--ezi-line-2)) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .dp-head .dp-pill.success {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #d1fae5 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #d1fae5 30%, var(--ezi-line-2)) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .dp-ring-center .pct {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .dp-caught-up {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .dp-caught-up .green-check {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #d1fae5 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #d1fae5 30%, var(--ezi-line-2)) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .dp-progress-item .ppi-label {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .as-header .as-title {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .as-header .as-star {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .as-stat-item .as-stat-value {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .as-stat-item .as-stat-value .blue {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .dash-att {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .dash-att-head .dah-title {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .dash-att-head .dah-title i {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .dash-att-pill {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #dbeafe 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #dbeafe 30%, var(--ezi-line-2)) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .dash-att-pill.late {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #fef3c7 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #fef3c7 30%, var(--ezi-line-2)) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .dash-att-pill.present {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #d1fae5 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #d1fae5 30%, var(--ezi-line-2)) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .dash-att-pill.checked {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #e0f2fe 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #e0f2fe 30%, var(--ezi-line-2)) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .dash-att-status {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .dash-att-leave-btn {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .dash-att-info a {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .glass-card {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .info-box:hover {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .invoice-detail-value {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .text-muted {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .header h2 {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .header p {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .bg-menu-theme hr,     #layout-menu hr,     .bg-menu-theme .menu-divider {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .bg-menu-theme .ps__thumb-y,     #layout-menu .ps__thumb-y {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .sidebar-user-card::before {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .layout-navbar .nav-link.btn-icon,     .layout-navbar .navbar-nav .nav-link {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .skill-tag .skill-val {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .form-label {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .skills-container {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .hero-name {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .hero-role {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .hero-meta span {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .hero-meta span i {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .hero-progress-label {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .hero-progress-pct {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .hero-progress-track {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #e4daf5 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #e4daf5 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .hero-btn-secondary {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .hero-btn-secondary:hover {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .stat-card {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .stat-icon-purple {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .stat-icon-blue {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .stat-icon-green {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .stat-icon-orange {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .stat-title {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .stat-value {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .stat-link {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .stat-link:hover {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .stat-bar-wrap {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .stat-pct {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .info-card {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .info-card-header span {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .info-card-header span i {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .info-card-edit {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .info-card-edit:hover {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .info-value {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .contact-link {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .contact-link:hover {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .info-divider {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .about-text {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .about-illustration {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .skill-name {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .skill-pct {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .skill-bar {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .tl-card {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .tl-title {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .tl-vert-dot.pending {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #e4daf5 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #e4daf5 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .tl-vert-line {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #e4daf5 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #e4daf5 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .tl-vert-card {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .tl-vert-card:hover {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .tl-vert-label {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .tl-vert-badge.completed {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .tl-vert-badge.current {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .tl-vert-badge.pending {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .tl-vert-desc {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .fp-select {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .fp-select:hover {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .fp-select:focus {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .fp-empty-inline {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .fp-empty-icon {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .fp-empty-text {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .fp-clear-btn {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .fp-clear-btn:hover {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .fp-card {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .fp-title {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .fp-change {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .fp-change:hover {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .fp-name {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .fp-desc {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .fp-tech-badge {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .fp-progress-label {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .fp-progress-track {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .edu-degree {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .edu-institute {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .edu-btn-edit {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .edu-btn-edit:hover {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .edu-btn-delete {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .edu-btn-delete:hover {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #fee2e2 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #fee2e2 30%, var(--ezi-line-2)) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .badge-card-wrapper {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .badge-card-title {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .badge-card-count {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .badge-item {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .badge-item.earned {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .badge-item-icon {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .badge-item.earned .badge-item-icon {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .badge-item-title {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .qa-card {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .qa-title {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .qa-btn-secondary {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .qa-btn-secondary:hover {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .pp-hero-card::before {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .pp-meta-item {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .pp-meta-item i {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .pp-btn.pp-secondary {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .pp-hero-stat {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .section-card {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .pp-about-illus {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .pp-proj-card {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .pp-proj-thumb::after {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .pp-edu-illus {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .pp-ach-item {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .pp-ach-item.locked .pp-ach-icon {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .pp-ach-status {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .pp-ach-item.locked .pp-ach-status {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .pp-ach-empty-ico {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .pp-featured {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .pp-featured-banner::after {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .pp-feat-btn.secondary {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .pp-featured-empty-ico {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .pp-featured-card .sc-header,     .pp-achievements-card .sc-header {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .pp-cta-btn.ghost {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .pp-cta-btn.ghost:hover {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .pp-about-card .sc-header,     .pp-progress-card .sc-header,     .pp-tasks-card .sc-header {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .pp-progress-stat {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .pp-progress-stat:nth-child(1) i {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #d1fae5 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #d1fae5 30%, var(--ezi-line-2)) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .pp-progress-stat:nth-child(2) i {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #fef3c7 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #fef3c7 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .pp-progress-stat:nth-child(3) i {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .pp-progress-status {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .pp-tasks-item {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .pp-tasks-item.total i {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #dbeafe 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #dbeafe 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .pp-tasks-item.done i {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #d1fae5 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #d1fae5 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .pp-tasks-item.ongoing i {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #fef3c7 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #fef3c7 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .pp-tasks-item.pending i {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .ap-hero {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .ap-hero h2 {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .ap-search {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .ap-search input {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .ap-select-wrap {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .ap-select-wrap select {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .ap-view-toggle {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .ap-tech-filter .label {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .ap-tech-filter .pill {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .ap-tech-filter .pill:hover {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .ap-proj-card {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .ap-proj-image .ap-proj-menu {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .ap-cat-tag {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .ap-proj-title {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .ap-proj-tags .tag {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .ap-btn-outline {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .ap-btn-outline:hover {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .ap-btn-primary {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .ap-btn-primary:hover {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .ap-empty {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .ps-breadcrumb .current {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .ps-hero {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .ps-hero-image .pillow {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .ps-category-pill {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .ps-title {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .ps-tag {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .ps-info-row {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .ps-info-item .ico {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .ps-info-item .val {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .ps-btn-outline {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .ps-btn-outline:hover {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .ps-tabs-card {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .ps-section {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .ps-section-title {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .ps-section-body {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .ps-stat-grid {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .ps-stat-cell .ico {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .ps-stat-cell .val {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .ps-feature-list li {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .ps-feature-list li .check {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #d1fae5 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #d1fae5 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .ps-learned-list li {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .ps-learned-list li .check {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #d1fae5 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #d1fae5 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .ps-learned-illus {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .ps-tech-card {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .ps-tech-card:hover {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .ps-tech-card .ico {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .ps-tech-card .name {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .header .contact {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .section h2 {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .skill-tag {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .project h4 {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .project p {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .bio {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .features-title {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .main-point {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .filter-bar {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .datatables-users.table th {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .wm-onsite {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .wm-remote {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .shift-badge {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .shift-none {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .doc-badge-generated {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .doc-badge-locked {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .doc-badge-emailed {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .btn-doc-locked {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .btn-doc-disabled {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .btn-doc-disabled:hover {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .activity-badge-yes {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .att-onsite {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .att-remote {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .att-shift {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .att-warn {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .att-auto {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .bg-label-primary {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .bg-label-danger {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .btn-select::after {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .tag-up-lite {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .tag-dn-lite {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .tag-in-lite {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .ikt tbody tr:hover td {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .ib-s {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #dcfce7 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #dcfce7 30%, var(--ezi-line-2)) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .ib-w {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #fef9c3 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #fef9c3 30%, var(--ezi-line-2)) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .ib-d {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #fee2e2 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #fee2e2 30%, var(--ezi-line-2)) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .ib-p {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .al-s {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .al-e {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .timeline-item::before {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .host-avatar {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .day-card {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .day-head {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .slot-btn {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .mode-badge {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .header h1 {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .header .rating span {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .company-info {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .company-address i {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .invoice-info {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .invoice-info .label {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] table.items tr:nth-child(even) {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .summary {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .summary .total-row {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .footer {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .map-link {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .location-badge {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .dir-hero-promise {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .dir-feature-icon {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .dir-stats-bar {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .dir-stat-icon {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .dir-filter-bar {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .dir-intern-card {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .dir-intern-card.s-ongoing {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .dir-intern-card.s-completed {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .dir-intern-card.s-frozen {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .dir-intern-card.s-pending {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .dir-status-pill.s-ongoing {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #dcfce7 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #dcfce7 30%, var(--ezi-line-2)) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .dir-status-pill.s-completed {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #dbeafe 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #dbeafe 30%, var(--ezi-line-2)) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .dir-status-pill.s-frozen {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .dir-status-pill.s-pending {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #fef3c7 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #fef3c7 30%, var(--ezi-line-2)) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .dir-card-tech-pill {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .dir-card-view-btn {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .iat-card {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .iat-title {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .iat-title i {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .iat-live {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .iat-body::-webkit-scrollbar-thumb {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .iat-bubble {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .iat-bubble-title {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .iat-bubble-time .iat-rel {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .iat-empty-ico {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .iat-empty h6 {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .ezi-side-secure, :root[data-bs-theme='dark'] .ezi-side-help {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .dw-progress-track {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .dp-head .dp-pill {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #dbeafe 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #dbeafe 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .dp-head .dp-pill.success {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #d1fae5 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #d1fae5 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .dp-caught-up .green-check {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #d1fae5 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #d1fae5 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .dp-progress-item .ppi-track {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .dps-item {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .as-card {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .dash-att-pill {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #dbeafe 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #dbeafe 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .dash-att-pill.late {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #fef3c7 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #fef3c7 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .dash-att-pill.present {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #d1fae5 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #d1fae5 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .dash-att-pill.checked {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #e0f2fe 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #e0f2fe 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .dash-att-pill.locked {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .dash-att-leave-btn {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .dash-att-leave-btn:hover {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #dbeafe 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #dbeafe 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .ol-tool-pill {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .ol-tool-btn {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .ol-tool-btn:hover {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .ol-doc-footer .qr {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .ol-btn-outline {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .ol-btn-help:hover {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .ol-status-pill.approved {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #d1fae5 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #d1fae5 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .ol-status-pill.pending {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #fef3c7 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #fef3c7 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .ol-status-pill.rejected {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #fee2e2 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #fee2e2 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .sidebar-user-card .suc-progress-fill {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .layout-navbar {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .navbar-search-wrapper {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .navbar-search-wrapper .kbd-hint {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .pp-stat-pill.completed {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #d1fae5 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #d1fae5 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .pp-stat-pill.pending {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #fef3c7 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #fef3c7 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .pp-progress-card.tasks .pp-progress-head .ico {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .pp-quick-stat.blue .ico {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #dbeafe 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #dbeafe 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .pp-feature-head h6 .head-ico {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #dbeafe 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #dbeafe 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .pp-badge-fullstack {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .pp-tech-chip {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .pp-skill-tile {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .pp-empty-row.cert .ico {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #dbeafe 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #dbeafe 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .pr-page-head h4 .ico {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #dbeafe 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #dbeafe 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .pr-date-pill {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .pr-stat.blue .ico {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #dbeafe 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #dbeafe 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .pr-stat.purple .ico {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .pr-stat.cyan .ico {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #cffafe 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #cffafe 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .pr-assigned-head .title .ico {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #dbeafe 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #dbeafe 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .pr-filter-btn {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .pr-proj-icon {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .pr-tech-pill {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #e0f2fe 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #e0f2fe 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .pr-status-pill.ongoing {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #fef3c7 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #fef3c7 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .pr-status-pill.submitted {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .pr-status-pill.approved {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #d1fae5 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #d1fae5 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .pr-status-pill.rejected {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #fee2e2 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #fee2e2 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .pr-action-btn:hover {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .pr-help-ico {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .pr-help-btn {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .pr-help-btn:hover {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #ddd6fe 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #ddd6fe 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .tk-stat.blue .ico {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #dbeafe 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #dbeafe 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .tk-stat.purple .ico {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .tk-stat.cyan .ico {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #cffafe 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #cffafe 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .tk-filter-btn {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .tk-status-tag.overdue {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #fee2e2 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #fee2e2 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .tk-status-tag.urgent {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #fef3c7 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #fef3c7 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .tk-status-tag.due {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #fef3c7 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #fef3c7 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .tk-assignee .av {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .tk-pri.high {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #fee2e2 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #fee2e2 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .tk-pri.medium {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #fef3c7 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #fef3c7 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .tk-pri.low {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #d1fae5 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #d1fae5 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .tk-stat-pill.ongoing {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #fef3c7 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #fef3c7 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .tk-stat-pill.inprogress {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #dbeafe 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #dbeafe 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .tk-stat-pill.pending {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .tk-stat-pill.submitted {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .tk-stat-pill.approved {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #d1fae5 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #d1fae5 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .tk-stat-pill.rejected {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #fee2e2 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #fee2e2 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .tk-eye-btn:hover {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .tk-more-btn:hover {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .tk-tl-stat.blue .ico {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #dbeafe 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #dbeafe 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .tk-tl-card-icon.blue {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #dbeafe 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #dbeafe 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .tk-tl-card-icon.purple {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .tk-tl-card-icon.indigo {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #e0e7ff 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #e0e7ff 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .tk-tl-due-badge {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #fee2e2 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #fee2e2 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .tk-tl-details-btn:hover {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .tk-tl-more:hover {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .tk-tl-show-more:hover {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #ddd6fe 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #ddd6fe 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .st-edit-photo-btn:hover {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #e0e7ff 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #e0e7ff 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .st-info-notice .ic {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #dbeafe 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #dbeafe 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .lr-progress-btn {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .lr-progress-btn:hover {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .lr-select {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .lr-view-toggle button.active {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .lr-cat-tab {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .lr-cat-tab.active {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .lr-cat-tab.active .count {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #bfdbfe 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #bfdbfe 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .lr-card-icon.purple {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .lr-card-icon.blue {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #dbeafe 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #dbeafe 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .lr-card-icon.indigo {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #e0e7ff 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #e0e7ff 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .lr-card-icon.pink {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .lr-card-actions .ic-btn:hover {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .lr-card-view {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .lr-card-view:hover {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .info-box {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .priority-card .tlt-badge.primary {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #e0f2fe 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #e0f2fe 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .chip-task {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #e0f2fe 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #e0f2fe 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .btn-resolve {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .btn-resolve:hover {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .tlt-badge.success {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .tlt-badge.warning {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .tlt-badge.danger {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .tlt-badge.secondary {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .tlt-badge.info {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .cr-conv-avatar {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #d1fae5 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #d1fae5 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .cr-chat-avatar {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #d1fae5 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #d1fae5 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .cr-msg-avatar {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #d1fae5 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #d1fae5 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .cr-msg.is-me .cr-msg-avatar {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #dbeafe 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #dbeafe 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .cr-file-icon.pdf {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #fee2e2 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #fee2e2 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .cr-file-icon.docx {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #dbeafe 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #dbeafe 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .cr-file-icon.sql {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #e0e7ff 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #e0e7ff 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .at-stat.blue .ico {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #dbeafe 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #dbeafe 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .at-stat.purple .ico {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .at-nav-btn {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .at-nav-btn:hover {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .at-today-btn:hover {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #e0e7ff 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #e0e7ff 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .at-cal .day.present {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #d1fae5 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #d1fae5 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .at-cal .day.absent {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #fee2e2 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #fee2e2 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .at-tl-filter {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .at-tl-row .info .status-pill.present {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #d1fae5 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #d1fae5 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .at-tl-row .info .status-pill.absent {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #fee2e2 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #fee2e2 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .at-tl-row .full-day-badge {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #d1fae5 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #d1fae5 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .at-tl-row.absent .full-day-badge {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #fee2e2 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #fee2e2 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .at-tl-row .more-btn:hover {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .at-view-all-btn:hover {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .profile-chip {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .btn-public-view {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .btn-public-view:hover {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .stat-card-mini.tasks .scm-icon {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .stat-card-mini.internship .scm-icon {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #dbeafe 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #dbeafe 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .internship-alert {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .skill-badge {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .head-pill {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .cf-stat .trend.up {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #d1fae5 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #d1fae5 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .cf-stat .trend.warn {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #fef3c7 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #fef3c7 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .cf-stat.purple .ico {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .cf-stat.blue .ico {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #dbeafe 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #dbeafe 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .cf-list-head .title .ic {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .cf-filter-btn {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .cf-type-pill.course {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .cf-type-pill.internship {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #d1fae5 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #d1fae5 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .cf-status.pending {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #fef3c7 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #fef3c7 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .cf-status.approved {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #d1fae5 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #d1fae5 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .cf-status.rejected {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #fee2e2 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #fee2e2 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .cf-action-btn:hover {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .cf-action-btn.download {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #d1fae5 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #d1fae5 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .cf-action-btn.download:hover {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #a7f3d0 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #a7f3d0 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .cf-action-more:hover {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .cf-help-btn:hover {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .cf-modal-close:hover {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .cf-modal-status.pending {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #fef3c7 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #fef3c7 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .cf-modal-status.approved {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #d1fae5 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #d1fae5 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .cf-modal-status.rejected {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #fee2e2 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #fee2e2 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .cf-info-pill.blue {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #e0e7ff 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #e0e7ff 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .cf-info-pill.green {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #d1fae5 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #d1fae5 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .cf-info-pill.amber {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #fef3c7 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #fef3c7 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .cf-info-pill.red {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #fee2e2 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #fee2e2 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .cf-notes-card .header .ic {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .fb-stat.blue .ico {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #dbeafe 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #dbeafe 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .fb-notice .ic {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #dbeafe 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #dbeafe 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .fb-filter-btn {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .fb-cat-pill.technical {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #dbeafe 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #dbeafe 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .fb-cat-pill.general {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .fb-cat-pill.complaint {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #fee2e2 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #fee2e2 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .fb-cat-pill.suggestion {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #d1fae5 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #d1fae5 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .fb-cat-pill.supervisor {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .fb-status.resolved {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #d1fae5 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #d1fae5 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .fb-status.in-progress {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #fef3c7 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #fef3c7 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .fb-status.closed {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #fee2e2 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #fee2e2 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .fb-status.pending {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #fef3c7 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #fef3c7 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .fb-eye-btn:hover {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .iv-date-pill {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .iv-stat.blue .ico {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #dbeafe 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #dbeafe 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .iv-filter-btn {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .iv-inv-icon.blue {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #dbeafe 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #dbeafe 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .iv-status.paid {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #d1fae5 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #d1fae5 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .iv-status.pending {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #fef3c7 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #fef3c7 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .iv-status.overdue {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #fee2e2 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #fee2e2 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .iv-action-btn:hover {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .lv-stat.blue .ico {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #dbeafe 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #dbeafe 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .lv-form .form-control,     .lv-form .form-select {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .lv-filter-btn {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .lv-status.approved {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #d1fae5 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #d1fae5 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .lv-status.pending {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #fef3c7 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #fef3c7 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .lv-status.rejected {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #fee2e2 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #fee2e2 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .lv-eye-btn:hover {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .lv-view-all-btn:hover {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .lv-help-btn:hover {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #ddd6fe 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #ddd6fe 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .st-pill {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .st-proj-icon {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #dbeafe 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #dbeafe 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .tlt-card {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .welcome-hero {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .welcome-hero h4 {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .progress-pill {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .progress-pill .pp-label {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .progress-pill .pp-label .pct-val {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .progress-pill .pp-track {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .info-box .ib-icon {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .priority-card .tlt-section-title {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .priority-card .tlt-badge.primary {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #e0f2fe 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #e0f2fe 30%, var(--ezi-line-2)) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .priority-ring-center .pct {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .priority-ring-center .pct .small {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .priority-card .legend-row span {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .urgent-header h6 {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .urgent-header .subtitle {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .urgent-header .right .num {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .urgent-meter .um-row {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .urgent-meter .um-row .pct {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .urgent-meter .um-track {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #fee2e2 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #fee2e2 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .chip-task {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #e0f2fe 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #e0f2fe 30%, var(--ezi-line-2)) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .chip-task i {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .btn-resolve {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .btn-resolve:hover {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .stat-card .meta .lbl {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .stat-card .icon-pill {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .tlt-badge.success {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .tlt-badge.primary {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .tlt-badge.warning {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .tlt-badge.danger {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .tlt-badge.secondary {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .tlt-badge.info {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .tlt-table thead th {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .task-icon {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .notif-list::-webkit-scrollbar-thumb {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .notif-icon {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .notif-item .ntitle {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .timeline-track {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .milestone-node {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .milestone-node.upcoming {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .milestone-progress .pbar {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .bg-menu-theme hr,         #layout-menu hr,         .bg-menu-theme .menu-divider {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .bg-menu-theme .ps__thumb-y,         #layout-menu .ps__thumb-y {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .layout-navbar .nav-link.btn-icon,         .layout-navbar .navbar-nav .nav-link {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .cr-icon-btn:hover {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .cr-search input {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .cr-conv-list::-webkit-scrollbar-thumb {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .cr-conv-item:hover {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .cr-conv-item.active .cr-conv-avatar {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .cr-conv-avatar {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #d1fae5 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #d1fae5 30%, var(--ezi-line-2)) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .cr-conv-item.active .cr-unread-dot {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .cr-chat-avatar {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #d1fae5 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #d1fae5 30%, var(--ezi-line-2)) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .cr-proj-badge {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .cr-members-pill {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .cr-chat-body {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .cr-chat-body::-webkit-scrollbar-thumb {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .cr-date-sep span {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .cr-msg-avatar {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #d1fae5 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #d1fae5 30%, var(--ezi-line-2)) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .cr-msg.is-me .cr-msg-avatar {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #dbeafe 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #dbeafe 30%, var(--ezi-line-2)) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .cr-msg-bubble {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .cr-msg.is-me .cr-msg-bubble {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #dbeafe 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #dbeafe 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .cr-msg-reaction {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .cr-chat-foot {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .cr-input-tools button:hover {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .cr-input-row {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .cr-details-body::-webkit-scrollbar-thumb {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .cr-project-card .pc-avatar {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .cr-project-card .pc-link {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .cr-project-card .pc-link:hover {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .cr-meta-row .val .members-stack span {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #ddd6fe 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #ddd6fe 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .cr-priority-pill.medium {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .cr-status-pill.inprogress {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .cr-file-icon.pdf {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #fee2e2 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #fee2e2 30%, var(--ezi-line-2)) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .cr-file-icon.docx {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #dbeafe 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #dbeafe 30%, var(--ezi-line-2)) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .cr-file-icon.sql {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #e0e7ff 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #e0e7ff 30%, var(--ezi-line-2)) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .cr-file-dl:hover {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .stat-card-premium {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .attendance-action-card {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .time-display {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .calendar-day {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .calendar-day-number {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .history-table thead th {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .history-table tbody tr:hover {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .quick-stat-item {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .timeline-badge {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .timeline-date-badge {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .timeline-date-day {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .future-feature-card {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .future-feature-card:hover {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .at-page-head .head-ico {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .at-page-head h4 {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .at-type-pill {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .at-card {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .at-time-card .clock {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .at-time-card .date {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .at-wh-card {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .at-wh-card .top {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .at-wh-card .top .ic {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #fef3c7 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #fef3c7 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .at-wh-card .hours-lbl {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .at-wh-card .hours-val {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .at-status-card {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .at-status-card.absent {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .at-status-card.not-checked {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .at-status-card .ico-wrap {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #d1fae5 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #d1fae5 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .at-status-card.absent .ico-wrap {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #fee2e2 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #fee2e2 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .at-status-card.not-checked .ico-wrap {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .at-status-card .lbl {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .at-status-card .val {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .at-status-card .sub {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .at-status-card.absent .lbl, .at-status-card.absent .val {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .at-status-card.absent .sub {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .at-status-card.not-checked .lbl, .at-status-card.not-checked .val {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .at-stat {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .at-stat .val {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .at-stat.blue .ico {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #dbeafe 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #dbeafe 30%, var(--ezi-line-2)) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .at-stat.blue .val {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .at-stat.green .ico {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #d1fae5 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #d1fae5 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .at-stat.red .ico {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #fee2e2 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #fee2e2 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .at-stat.purple .ico {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .at-stat.purple .val {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .at-stat.indigo .ico {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #e0e7ff 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #e0e7ff 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .at-stat.amber .ico {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #fef3c7 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #fef3c7 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .at-cal-head .title .ic {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .at-cal-head h6 {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .at-nav-btn {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .at-nav-btn:hover {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .at-cal-month {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .at-today-btn {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .at-today-btn:hover {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #e0e7ff 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #e0e7ff 30%, var(--ezi-line-2)) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .at-cal .day {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .at-cal .day.present {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #d1fae5 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #d1fae5 30%, var(--ezi-line-2)) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .at-cal .day.absent {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #fee2e2 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #fee2e2 30%, var(--ezi-line-2)) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .at-cal-legend .item .dot.not-marked {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .at-tl-head .title .ic {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .at-tl-head h6 {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .at-tl-filter {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .at-tl-list::-webkit-scrollbar-thumb {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .at-tl-rail {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .at-tl-row .date-box {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .at-tl-row .date-box .day {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .at-tl-row .dot {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .at-tl-row.absent .dot {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #fee2e2 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #fee2e2 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .at-tl-row .info .day-name {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .at-tl-row .info .status-pill.present {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #d1fae5 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #d1fae5 30%, var(--ezi-line-2)) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .at-tl-row .info .status-pill.absent {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #fee2e2 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #fee2e2 30%, var(--ezi-line-2)) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .at-tl-row .info .times {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .at-tl-row .info .times .check-in i {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .at-tl-row .info .times .check-in strong, .at-tl-row .info .times .check-out strong {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .at-tl-row .full-day-badge {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #d1fae5 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #d1fae5 30%, var(--ezi-line-2)) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .at-tl-row.absent .full-day-badge {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #fee2e2 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #fee2e2 30%, var(--ezi-line-2)) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .at-tl-row .more-btn:hover {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .at-view-all-btn {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .at-view-all-btn:hover {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .glass-card,     .pfl-card {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .profile-hero-card {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .profile-avatar-wrap img.profile-avatar-img {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .profile-chip {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .btn-public-view {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .btn-public-view:hover {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .stat-card-mini {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .stat-card-mini.tasks .scm-icon {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .stat-card-mini.tasks .scm-pct {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .stat-card-mini.projects .scm-icon {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #d1fae5 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #d1fae5 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .stat-card-mini.internship .scm-icon {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #dbeafe 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #dbeafe 30%, var(--ezi-line-2)) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .stat-card-mini.internship .scm-pct {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .progress-custom {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .internship-alert {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .skill-badge {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .empty-state {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .badge-card {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .badge-card.earned {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .head-pill {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .cf-page-head .head-ico {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .cf-page-head h4 {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .cf-stat {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .cf-stat .trend.up {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #d1fae5 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #d1fae5 30%, var(--ezi-line-2)) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .cf-stat .trend.warn {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #fef3c7 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #fef3c7 30%, var(--ezi-line-2)) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .cf-stat .trend.muted {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .cf-stat .val {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .cf-stat.purple .ico {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .cf-stat.green .ico {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #d1fae5 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #d1fae5 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .cf-stat.orange .ico {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #fef3c7 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #fef3c7 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .cf-stat.blue .ico {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #dbeafe 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #dbeafe 30%, var(--ezi-line-2)) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .cf-card {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .cf-list-head .title .ic {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .cf-list-head h5 {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .cf-filter-btn {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .cf-filter-btn:hover {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .cf-search input {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .cf-cert-thumb {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .cf-id-info .cf-id {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .cf-type-pill.course {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .cf-type-pill.internship {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #d1fae5 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #d1fae5 30%, var(--ezi-line-2)) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .cf-status.pending {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #fef3c7 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #fef3c7 30%, var(--ezi-line-2)) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .cf-status.approved {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #d1fae5 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #d1fae5 30%, var(--ezi-line-2)) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .cf-status.rejected {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #fee2e2 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #fee2e2 30%, var(--ezi-line-2)) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .cf-action-btn {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .cf-action-btn:hover {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .cf-action-btn.download {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #d1fae5 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #d1fae5 30%, var(--ezi-line-2)) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .cf-action-btn.download:hover {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #a7f3d0 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #a7f3d0 30%, var(--ezi-line-2)) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .cf-action-more:hover {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .cf-end-state .ico {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .cf-end-state h6 {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .cf-request-card {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .cf-request-card h6 {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .cf-guidelines-card {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .cf-guidelines-card h6 {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .cf-guidelines-list li {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .cf-guidelines-list li:nth-child(3) i {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .cf-help-card {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .cf-help-card h6 {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .cf-help-btn {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .cf-help-btn:hover {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .cf-modal-header h4 {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .cf-modal-close {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .cf-modal-close:hover {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .cf-modal-status.pending {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #fef3c7 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #fef3c7 30%, var(--ezi-line-2)) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .cf-modal-status.approved {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #d1fae5 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #d1fae5 30%, var(--ezi-line-2)) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .cf-modal-status.rejected {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #fee2e2 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #fee2e2 30%, var(--ezi-line-2)) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .cf-preview {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .cf-info-card {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .cf-info-card .header .ic {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .cf-info-card .header h6 {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .cf-info-row .val {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .cf-info-row .copy-btn:hover {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .cf-info-pill.blue {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #e0e7ff 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #e0e7ff 30%, var(--ezi-line-2)) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .cf-info-pill.green {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #d1fae5 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #d1fae5 30%, var(--ezi-line-2)) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .cf-info-pill.amber {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #fef3c7 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #fef3c7 30%, var(--ezi-line-2)) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .cf-info-pill.red {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #fee2e2 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #fee2e2 30%, var(--ezi-line-2)) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .cf-user-mini img,     .cf-user-mini .av {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .cf-timeline-card {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .cf-timeline-card .header .ic {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .cf-timeline-card .header h6 {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .cf-timeline-line {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .cf-tl-step .dot {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .cf-tl-step.done .dot {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .cf-tl-step.current .dot {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .cf-tl-step.done .name,     .cf-tl-step.current .name {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .cf-notes-card {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .cf-notes-card .header .ic {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .cf-notes-card .header h6,     .cf-next-card .header h6 {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .cf-notes-card p {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .cf-next-card {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .cf-next-card .header h6 {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .cf-next-card p {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .fb-page-head .head-ico {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .fb-page-head h4 {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .fb-guidelines-btn {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .fb-guidelines-btn:hover {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .fb-stat {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .fb-stat .lbl {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .fb-stat.blue .ico {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #dbeafe 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #dbeafe 30%, var(--ezi-line-2)) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .fb-stat.blue .val {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .fb-stat.blue .spark {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .fb-stat.green .ico {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #d1fae5 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #d1fae5 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .fb-stat.orange .ico {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #fef3c7 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #fef3c7 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .fb-stat.red .ico {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #fee2e2 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #fee2e2 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .fb-card {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .fb-card-head h5 {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .fb-card-head-row .title h5 {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .fb-field .lbl {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .fb-field-input {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .fb-field-input .ic-side {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .fb-field-input input,     .fb-field-input select,     .fb-field-input textarea {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .fb-notice {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .fb-notice .ic {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #dbeafe 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #dbeafe 30%, var(--ezi-line-2)) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .fb-notice .txt {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .fb-filter-btn {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .fb-filter-btn:hover {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .fb-table tbody td {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .fb-cat-pill.technical {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #dbeafe 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #dbeafe 30%, var(--ezi-line-2)) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .fb-cat-pill.general {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .fb-cat-pill.complaint {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #fee2e2 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #fee2e2 30%, var(--ezi-line-2)) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .fb-cat-pill.suggestion {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #d1fae5 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #d1fae5 30%, var(--ezi-line-2)) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .fb-cat-pill.supervisor {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .fb-status.resolved {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #d1fae5 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #d1fae5 30%, var(--ezi-line-2)) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .fb-status.in-progress {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #fef3c7 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #fef3c7 30%, var(--ezi-line-2)) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .fb-status.closed {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #fee2e2 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #fee2e2 30%, var(--ezi-line-2)) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .fb-status.pending {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #fef3c7 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #fef3c7 30%, var(--ezi-line-2)) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .fb-eye-btn {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .fb-eye-btn:hover {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .fb-pager .pg {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .fb-pager .pg:hover:not(.active) {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .iv-page-head .head-ico {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .iv-page-head h4 {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .iv-date-pill {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .iv-date-pill i {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .iv-stat {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .iv-stat .val {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .iv-stat.blue .ico {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #dbeafe 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #dbeafe 30%, var(--ezi-line-2)) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .iv-stat.blue .spark {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .iv-stat.green .ico {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #d1fae5 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #d1fae5 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .iv-stat.orange .ico {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #fef3c7 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #fef3c7 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .iv-stat.red .ico {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #fee2e2 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #fee2e2 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .iv-card {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .iv-filter-btn {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .iv-filter-btn:hover {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .iv-search input {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .iv-inv-icon.blue {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #dbeafe 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #dbeafe 30%, var(--ezi-line-2)) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .iv-inv-icon.green {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #d1fae5 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #d1fae5 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .iv-inv-icon.orange {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #fef3c7 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #fef3c7 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .iv-inv-icon.red {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #fee2e2 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #fee2e2 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .iv-inv-title {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .iv-due-date {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .iv-status.paid {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #d1fae5 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #d1fae5 30%, var(--ezi-line-2)) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .iv-status.pending {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #fef3c7 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #fef3c7 30%, var(--ezi-line-2)) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .iv-status.overdue {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #fee2e2 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #fee2e2 30%, var(--ezi-line-2)) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .iv-action-btn {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .iv-action-btn:hover {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .iv-pagination-row .pagination .page-link {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .quick-stat-item:hover {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .invoice-mobile-card {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .invoice-mobile-card:hover {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .invoices-table thead th {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .invoices-table tbody tr:hover {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .stat-card-premium-hover {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .stat-number {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .lv-page-head .head-ico {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .lv-page-head h4 {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .lv-policy-btn {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .lv-policy-btn:hover {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .lv-stat {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .lv-stat .lbl {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .lv-stat.blue .ico {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #dbeafe 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #dbeafe 30%, var(--ezi-line-2)) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .lv-stat.blue .val {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .lv-stat.blue .spark {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .lv-stat.green .ico {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #d1fae5 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #d1fae5 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .lv-stat.orange .ico {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #fef3c7 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #fef3c7 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .lv-stat.red .ico {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #fee2e2 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #fee2e2 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .lv-card {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .lv-card-head .ic {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .lv-card-head h5 {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .lv-form .form-label {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .lv-form .form-control,     .lv-form .form-select {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .lv-filter-btn {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .lv-filter-btn:hover {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .lv-table tbody td {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .lv-status.approved {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #d1fae5 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #d1fae5 30%, var(--ezi-line-2)) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .lv-status.pending {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #fef3c7 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #fef3c7 30%, var(--ezi-line-2)) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .lv-status.rejected {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #fee2e2 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #fee2e2 30%, var(--ezi-line-2)) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .lv-eye-btn {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .lv-eye-btn:hover {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .lv-view-all-btn {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .lv-view-all-btn:hover {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .lv-note-card {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .lv-note-card .ic-circle {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #fef3c7 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #fef3c7 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .lv-help-card .ic-circle {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .lv-note-card .title {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .lv-help-btn {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .lv-help-btn:hover {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #ddd6fe 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #ddd6fe 30%, var(--ezi-line-2)) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .st-progress-track {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .st-mini-item {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .st-score-badge {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .st-gauge-val {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .st-score-stat-item {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .st-pill {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .st-proj-item {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .st-proj-icon {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #dbeafe 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #dbeafe 30%, var(--ezi-line-2)) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .st-proj-bar {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .ol-page-head .head-ico {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .ol-page-head h4 {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .ol-secure-pill {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .ol-card {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .ol-preview-head h6 {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .ol-tool-pill {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .ol-tool-pill:hover {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .ol-tool-btn {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .ol-tool-btn:hover {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .ol-doc {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .ol-letter-addr {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .ol-letter-addr i {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .ol-letter-title h3 {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .ol-letter-meta {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .ol-letter-greeting {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .ol-letter-greeting .name {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .ol-letter-text {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .ol-letter-text strong {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .ol-info-cell {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .ol-info-cell .ic {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .ol-info-cell .val {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .ol-letter-closing {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .ol-signature .sincere {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .ol-signature-img {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .ol-signature .role {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .ol-signature .org {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .ol-doc-footer .qr {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .ol-side-card {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .ol-side-card .header .ic {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .ol-side-card .header h6 {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .ol-btn-outline {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .ol-btn-outline:hover {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .ol-btn-help {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .ol-btn-help:hover {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .ol-info-row .val {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .ol-status-pill.approved {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #d1fae5 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #d1fae5 30%, var(--ezi-line-2)) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .ol-status-pill.pending {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #fef3c7 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #fef3c7 30%, var(--ezi-line-2)) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .ol-status-pill.rejected {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #fee2e2 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #fee2e2 30%, var(--ezi-line-2)) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .pp-page-bg {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .pp-chip {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .pp-social-btn {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .pp-social-btn:hover {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .pp-hero-photo {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .pp-hero-strip {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .pp-card {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .pp-progress-head .lbl {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .pp-progress-big {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .pp-stat-pill.completed {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #d1fae5 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #d1fae5 30%, var(--ezi-line-2)) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .pp-stat-pill.pending {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #fef3c7 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #fef3c7 30%, var(--ezi-line-2)) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .pp-progress-btn {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .pp-progress-btn:hover {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .pp-progress-btn.green {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .pp-progress-btn.green:hover {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .pp-progress-btn.orange {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .pp-progress-btn.orange:hover {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .pp-progress-card.tasks .pp-progress-head .ico {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .pp-progress-card.tasks .pp-ring-text .pct {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .pp-progress-card.projects .pp-progress-head .ico {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #d1fae5 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #d1fae5 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .pp-progress-card.internship .pp-progress-head .ico {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #fef3c7 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #fef3c7 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .pp-timeline-track {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #fde68a 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #fde68a 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .pp-timeline-labels strong {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .pp-quick-stat {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .pp-quick-stat .val {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .pp-quick-stat.blue .ico {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #dbeafe 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #dbeafe 30%, var(--ezi-line-2)) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .pp-quick-stat.green .ico {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #d1fae5 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #d1fae5 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .pp-quick-stat.indigo .ico {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #e0e7ff 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #e0e7ff 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .pp-quick-stat.orange .ico {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #fef3c7 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #fef3c7 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .pp-feature-head h6 {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .pp-feature-head h6 .head-ico {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #dbeafe 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #dbeafe 30%, var(--ezi-line-2)) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .pp-feature-head a {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .pp-project-title-row h6 {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .pp-badge-fullstack {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .pp-tech-chip {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .pp-project-link {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .pp-project-link:hover {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .pp-skill-tile {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .pp-skill-tile .ico.js {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .pp-empty-row .ico {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #fef3c7 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #fef3c7 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .pp-empty-row.cert .ico {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #dbeafe 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #dbeafe 30%, var(--ezi-line-2)) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .pp-empty-row .text strong {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .hero-title {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .hero-tag {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .ring-card {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .ring-stats .completed {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .stat-card-modern {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .stat-value-modern {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .about-section {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .about-title {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .skills-section {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .skills-title {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .skill-tag-advanced {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .projects-section {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .project-card-modern {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .project-card-modern:hover {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .project-title-modern {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .certificates-section {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .cert-card-modern {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .cert-card-modern:hover {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .cert-title-modern {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .badges-section {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .badge-card-modern {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .badge-card-modern:hover {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .projects-table thead th {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .projects-table tbody tr:hover {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .project-mobile-card {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .project-mobile-card:hover {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .pr-card {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .pr-page-head h4 {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .pr-page-head h4 .ico {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #dbeafe 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #dbeafe 30%, var(--ezi-line-2)) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .pr-date-pill {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .pr-date-pill i {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .pr-stat {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .pr-stat .val {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .pr-stat.blue .ico {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #dbeafe 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #dbeafe 30%, var(--ezi-line-2)) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .pr-stat.orange .ico {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #fef3c7 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #fef3c7 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .pr-stat.purple .ico {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .pr-stat.green .ico {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #d1fae5 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #d1fae5 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .pr-stat.indigo .ico {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #e0e7ff 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #e0e7ff 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .pr-stat.amber .ico {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #fef3c7 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #fef3c7 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .pr-stat.cyan .ico {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #cffafe 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #cffafe 30%, var(--ezi-line-2)) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .pr-stat-rate-bar {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .pr-assigned-head .title {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .pr-assigned-head .title .ico {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #dbeafe 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #dbeafe 30%, var(--ezi-line-2)) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .pr-search-input input {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .pr-filter-btn {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .pr-filter-btn:hover {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .pr-proj-icon {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .pr-proj-title {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .pr-tech-pill {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #e0f2fe 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #e0f2fe 30%, var(--ezi-line-2)) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .pr-tech-pill i {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .pr-sup-cell {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .pr-sup-cell .av {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .pr-timeline {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .pr-status-pill.expired {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .pr-status-pill.ongoing {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #fef3c7 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #fef3c7 30%, var(--ezi-line-2)) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .pr-status-pill.submitted {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .pr-status-pill.approved {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #d1fae5 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #d1fae5 30%, var(--ezi-line-2)) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .pr-status-pill.rejected {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #fee2e2 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #fee2e2 30%, var(--ezi-line-2)) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .pr-progress-cell .bar {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .pr-action-btn:hover {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .pr-help {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .pr-help-ico {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .pr-help-title {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .pr-help-btn {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .pr-help-btn:hover {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #ddd6fe 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #ddd6fe 30%, var(--ezi-line-2)) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .tk-page-head .head-ico {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .tk-page-head h4 {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .tk-view-toggle {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .tk-view-toggle .vbtn:hover:not(.active) {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .tk-stat {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .tk-stat .val {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .tk-stat.blue .ico {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #dbeafe 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #dbeafe 30%, var(--ezi-line-2)) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .tk-stat.orange .ico {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #fef3c7 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #fef3c7 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .tk-stat.purple .ico {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .tk-stat.green .ico {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #d1fae5 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #d1fae5 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .tk-stat.cyan .ico {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #cffafe 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #cffafe 30%, var(--ezi-line-2)) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .tk-stat.blue .spark {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .tk-stat.purple .spark {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .tk-stat.cyan .spark {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .tk-filter-btn {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .tk-filter-btn:hover {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .tk-search-input input {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .tk-card {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .tk-row-stripe.neutral::before {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .tk-task-icon.red {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #fee2e2 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #fee2e2 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .tk-task-icon.orange {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #fef3c7 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #fef3c7 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .tk-task-icon.blue {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #dbeafe 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #dbeafe 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .tk-task-icon.green {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #d1fae5 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #d1fae5 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .tk-task-icon.gray {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .tk-task-title {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .tk-status-tag.overdue {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #fee2e2 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #fee2e2 30%, var(--ezi-line-2)) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .tk-status-tag.urgent {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #fef3c7 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #fef3c7 30%, var(--ezi-line-2)) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .tk-status-tag.due {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #fef3c7 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #fef3c7 30%, var(--ezi-line-2)) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .tk-assignee .av {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .tk-assignee-name {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .tk-due-date.danger {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .tk-due-date.warning {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .tk-due-date.info {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .tk-due-date.success {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .tk-due-mini {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .tk-pri.high {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #fee2e2 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #fee2e2 30%, var(--ezi-line-2)) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .tk-pri.medium {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #fef3c7 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #fef3c7 30%, var(--ezi-line-2)) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .tk-pri.low {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #d1fae5 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #d1fae5 30%, var(--ezi-line-2)) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .tk-stat-pill.ongoing {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #fef3c7 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #fef3c7 30%, var(--ezi-line-2)) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .tk-stat-pill.inprogress {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #dbeafe 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #dbeafe 30%, var(--ezi-line-2)) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .tk-stat-pill.pending {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .tk-stat-pill.submitted {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .tk-stat-pill.approved {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #d1fae5 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #d1fae5 30%, var(--ezi-line-2)) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .tk-stat-pill.rejected {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #fee2e2 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #fee2e2 30%, var(--ezi-line-2)) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .tk-progress-cell .bar {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .tk-eye-btn:hover {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .tk-more-btn:hover {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .tk-pagination-row .pager .pg {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .tk-pagination-row .pager .pg:hover:not(.active) {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .tk-pagination-row .pagination .page-link {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .tk-kb-search input {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .tk-kb-col {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #fef3c7 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #fef3c7 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .tk-kb-col-head .ttl {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .tk-kb-col-head .ttl .ic {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .tk-kb-col-head .add {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .tk-kb-col-head .add:hover {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .tk-kb-col.review .tk-kb-col-head .ic {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .tk-kb-col.done .tk-kb-col-head .ic {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .tk-kb-col.revisions .tk-kb-col-head .ic {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .tk-kb-card {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .tk-kb-card .title {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .tk-kb-card .actions .view-link {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .tk-tl-stat {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .tk-tl-stat .val {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .tk-tl-stat.blue .ico {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #dbeafe 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #dbeafe 30%, var(--ezi-line-2)) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .tk-tl-stat.green .ico {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #d1fae5 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #d1fae5 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .tk-tl-stat.orange .ico {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #fef3c7 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #fef3c7 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .tk-tl-stat.red .ico {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #fee2e2 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #fee2e2 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .tk-tl-rail {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .tk-tl-date .day {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .tk-tl-dot {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .tk-tl-ring .ring-text {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .tk-tl-card {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .tk-tl-card-icon.blue {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #dbeafe 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #dbeafe 30%, var(--ezi-line-2)) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .tk-tl-card-icon.orange {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #fef3c7 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #fef3c7 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .tk-tl-card-icon.purple {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .tk-tl-card-icon.red {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #fee2e2 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #fee2e2 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .tk-tl-card-icon.green {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #d1fae5 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #d1fae5 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .tk-tl-card-icon.indigo {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #e0e7ff 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #e0e7ff 30%, var(--ezi-line-2)) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .tk-tl-title {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .tk-tl-due-badge {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #fee2e2 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #fee2e2 30%, var(--ezi-line-2)) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .tk-tl-tag.pri-high {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .tk-tl-tag.pri-medium {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .tk-tl-tag.pri-low {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .tk-tl-details-btn {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .tk-tl-details-btn:hover {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .tk-tl-more:hover {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .tk-tl-show-more {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .tk-tl-show-more:hover {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #ddd6fe 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #ddd6fe 30%, var(--ezi-line-2)) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .tk-kb-empty .illu {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .tk-kb-empty h6 {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .tk-kb-empty .add-btn {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .tk-kb-empty .add-btn:hover {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .kanban-column {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .kanban-column:hover {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .kanban-card {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .view-toggle {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .timeline-month-badge {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .timeline-item {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .timeline-item:hover {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .alert-success-custom {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #d1fae5 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #d1fae5 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .alert-danger-custom {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #fee2e2 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #fee2e2 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .st-page-head .head-ico {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .st-page-head h4 {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .st-card {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .st-card-head .ic {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .st-card-head h5 {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .st-edit-photo-btn {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .st-edit-photo-btn:hover {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #e0e7ff 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #e0e7ff 30%, var(--ezi-line-2)) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .st-field .lbl {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .st-field-input {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .st-field-input .ic-side {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .st-field-input input,     .st-field-input textarea {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .st-field-input .ic-right:hover {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .st-info-notice {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .st-info-notice .ic {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #dbeafe 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #dbeafe 30%, var(--ezi-line-2)) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .st-info-notice .txt {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .st-pwd-req {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .st-pwd-req .header {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .st-pwd-req .req-item {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .lr-hero {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .lr-hero-left {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .lr-hero-progress {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .lr-hero-progress .pct {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .lr-hero-progress .pbar {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .lr-hero-progress .sub {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .lr-progress-btn {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .lr-progress-btn:hover {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .lr-search input {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .lr-select {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .lr-view-toggle {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .lr-view-toggle button.active {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .lr-cat-tab {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .lr-cat-tab:hover {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .lr-cat-tab.active {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .lr-cat-tab .count {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .lr-cat-tab.active .count {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #bfdbfe 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #bfdbfe 30%, var(--ezi-line-2)) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .lr-section-head h5 {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .lr-card {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .lr-card-icon.purple {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .lr-card-icon.green {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #d1fae5 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #d1fae5 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .lr-card-icon.blue {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #dbeafe 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #dbeafe 30%, var(--ezi-line-2)) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .lr-card-icon.indigo {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #e0e7ff 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #e0e7ff 30%, var(--ezi-line-2)) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .lr-card-icon.amber {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #fef3c7 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #fef3c7 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .lr-card-icon.red {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #fee2e2 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #fee2e2 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .lr-card-icon.pink {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .lr-card-cat.purple {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .lr-card-cat.blue {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .lr-card-cat.indigo {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .lr-card-cat.pink {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .lr-card-actions .ic-btn:hover {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .lr-card-title {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .lr-card-view {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .lr-card-view:hover {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .lr-resources-card {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .lr-pager a, .lr-pager button {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .ezi-registration-shell {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .ezi-side::before, .ezi-side::after {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .ezi-side-secure {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .ezi-side-secure-icon {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .ezi-side-help {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .ezi-side-help-icon {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .ezi-side-help-btn {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .ezi-side-help-btn:hover {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .ezi-main {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .ezi-stepper-circle {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .ezi-stepper-item.is-complete .ezi-stepper-circle {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #d6e0ff 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #d6e0ff 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .ezi-stepper-line {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .ezi-section-icon {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .ezi-input {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .choices .choices__inner {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .choices__list--dropdown {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .choices__list--dropdown .choices__item {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .ezi-upload {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .ezi-upload:hover {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .ezi-btn-cancel {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .ezi-btn-cancel:hover {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .ezi-input-wrap .choices__inner {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .ezi-step2-shell {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .ezi-side2::before, .ezi-side2::after {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .ezi-side2-tip {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .ezi-side2-tip-icon {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .ezi-side2-step:not(:last-child) .ezi-side2-step-icon::after {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .ezi-side2-step.is-done .ezi-side2-step-icon {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .ezi-side2-step.is-done .ezi-side2-step-icon::after {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .ezi-side2-step.is-active .ezi-side2-step-icon {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .ezi-main2 {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .ezi-stepper2-circle {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .ezi-stepper2-line {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .ezi-secure-note i {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .ezi-assess-heading {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .ezi-q-card {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .ezi-opt {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .ezi-opt:hover {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .ezi-opt-icon {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .option-box.border-primary {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .ezi-btn-back {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .ezi-btn-back:hover {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .ezi-page-dot {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .loader-content {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .ezi-side2-help {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .ezi-side2-help-icon {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .ezi-side2-help-btn {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .ezi-side2-help-btn:hover {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .ezi-center-toast {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .ezi-center-toast-text {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .ezi-step3-shell {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .ezi-side3::before,.ezi-side3::after {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .ezi-side3-intro {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .ezi-side3-intro-icon {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .ezi-side3-summary {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .ezi-side3-tip {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .ezi-side3-tip-icon {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .ezi-side3-help {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .ezi-side3-help-icon {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .ezi-side3-help-btn {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .ezi-side3-help-btn:hover {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .ezi-main3 {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .ezi-stepper3-circle {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .ezi-stepper3-line {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .ezi-ai-match-card {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .ezi-ai-match-icon {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .ezi-plan-card {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .ezi-plan-circle {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .ezi-plan-circle-inner {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .trust-text {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .ezi-back-btn {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .ezi-back-btn:hover {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .ezi-success-shell {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .ezi-hero {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #ede4ff 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #ede4ff 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .ezi-hero-check-ring {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .ezi-hero-check-circle {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .ezi-hero-secure {
  color: var(--ezi-text-2) !important;
}
:root[data-bs-theme='dark'] .ezi-plan-box {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .ezi-plan-box-head.theme-blue {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #e3ecff 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #e3ecff 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .ezi-plan-box-head.theme-navy {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #dde3ff 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #dde3ff 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .ezi-plan-box-icon {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .ezi-plan-box-circle {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .ezi-plan-box-circle-inner {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .ezi-plan-box-cta {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .ezi-next-box {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .ezi-next-list li:not(:last-child)::after {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}
:root[data-bs-theme='dark'] .ezi-next-icon-1 {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #e3ecff 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #e3ecff 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .ezi-next-icon-2 {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #ede4ff 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #ede4ff 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .ezi-next-icon-3 {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #d1fae5 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #d1fae5 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .ezi-next-icon-4 {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #ffedd5 16%, var(--ezi-bg)) !important;
  border-color: color-mix(in srgb, #ffedd5 30%, var(--ezi-line-2)) !important;
}
:root[data-bs-theme='dark'] .ezi-safe-card {
  background: var(--ezi-surface) !important;
  border-color: var(--ezi-line-2) !important;
}

/* Istisna - sweep ki zad se bahar. */
:root[data-bs-theme='dark'] .content-wrapper,
:root[data-bs-theme='dark'] .layout-page,
:root[data-bs-theme='dark'] .layout-content,
:root[data-bs-theme='dark'] .ezi-main,
:root[data-bs-theme='dark'] .ezi-main2,
:root[data-bs-theme='dark'] .ezi-main3 { background: transparent !important; }

:root[data-bs-theme='dark'] .ezi-plan-cta,
:root[data-bs-theme='dark'] .ezi-plan-box-cta,
:root[data-bs-theme='dark'] .ezi-signin-btn {
  background: #2f76f4 !important;
  border-color: #2f76f4 !important;
  color: #ffffff !important;
}

/* ==================================================================
 * HTML ke andar likhe hue rang (style="background:#...")
 * ==================================================================
 * Ye qism poori tarah chhoot gayi thi: dashboards ke chhote tiles
 * (Total Tasks, Pending Reviews, Overdue...) apna rang CSS se nahi,
 * seedha HTML ke style attribute se lete hain. Sweep sirf <style>
 * blocks aur CSS files parh rahi thi.
 *
 * Inline style ko sirf !important hi hara sakta hai, aur match karne
 * ke liye style attribute ke andar ka text dekha jata hai - is liye
 * har rang ke liye chaar shakalein (spacing aur background-color).
 *
 * Rang ka matlab mehfooz hai: lavender = total, cream = pending,
 * pink = overdue - sab apne hue mein gehre hote hain.
 * ------------------------------------------------------------------ */

:root[data-bs-theme='dark'] [style*="background:#d6f7ff"],
:root[data-bs-theme='dark'] [style*="background: #d6f7ff"],
:root[data-bs-theme='dark'] [style*="background-color:#d6f7ff"],
:root[data-bs-theme='dark'] [style*="background-color: #d6f7ff"] {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #d6f7ff 18%, var(--ezi-bg)) !important;
}
:root[data-bs-theme='dark'] [style*="background:#dbeafe"],
:root[data-bs-theme='dark'] [style*="background: #dbeafe"],
:root[data-bs-theme='dark'] [style*="background-color:#dbeafe"],
:root[data-bs-theme='dark'] [style*="background-color: #dbeafe"] {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #dbeafe 18%, var(--ezi-bg)) !important;
}
:root[data-bs-theme='dark'] [style*="background:#dcfce7"],
:root[data-bs-theme='dark'] [style*="background: #dcfce7"],
:root[data-bs-theme='dark'] [style*="background-color:#dcfce7"],
:root[data-bs-theme='dark'] [style*="background-color: #dcfce7"] {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #dcfce7 18%, var(--ezi-bg)) !important;
}
:root[data-bs-theme='dark'] [style*="background:#e0e7ff"],
:root[data-bs-theme='dark'] [style*="background: #e0e7ff"],
:root[data-bs-theme='dark'] [style*="background-color:#e0e7ff"],
:root[data-bs-theme='dark'] [style*="background-color: #e0e7ff"] {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #e0e7ff 18%, var(--ezi-bg)) !important;
}
:root[data-bs-theme='dark'] [style*="background:#e2e8f0"],
:root[data-bs-theme='dark'] [style*="background: #e2e8f0"],
:root[data-bs-theme='dark'] [style*="background-color:#e2e8f0"],
:root[data-bs-theme='dark'] [style*="background-color: #e2e8f0"] {
  background: var(--ezi-surface) !important;
}
:root[data-bs-theme='dark'] [style*="background:#e5ddd5"],
:root[data-bs-theme='dark'] [style*="background: #e5ddd5"],
:root[data-bs-theme='dark'] [style*="background-color:#e5ddd5"],
:root[data-bs-theme='dark'] [style*="background-color: #e5ddd5"] {
  background: var(--ezi-surface) !important;
}
:root[data-bs-theme='dark'] [style*="background:#e5e7eb"],
:root[data-bs-theme='dark'] [style*="background: #e5e7eb"],
:root[data-bs-theme='dark'] [style*="background-color:#e5e7eb"],
:root[data-bs-theme='dark'] [style*="background-color: #e5e7eb"] {
  background: var(--ezi-surface) !important;
}
:root[data-bs-theme='dark'] [style*="background:#e6f1fb"],
:root[data-bs-theme='dark'] [style*="background: #e6f1fb"],
:root[data-bs-theme='dark'] [style*="background-color:#e6f1fb"],
:root[data-bs-theme='dark'] [style*="background-color: #e6f1fb"] {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #e6f1fb 18%, var(--ezi-bg)) !important;
}
:root[data-bs-theme='dark'] [style*="background:#e6f7fb"],
:root[data-bs-theme='dark'] [style*="background: #e6f7fb"],
:root[data-bs-theme='dark'] [style*="background-color:#e6f7fb"],
:root[data-bs-theme='dark'] [style*="background-color: #e6f7fb"] {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #e6f7fb 18%, var(--ezi-bg)) !important;
}
:root[data-bs-theme='dark'] [style*="background:#e6f9f1"],
:root[data-bs-theme='dark'] [style*="background: #e6f9f1"],
:root[data-bs-theme='dark'] [style*="background-color:#e6f9f1"],
:root[data-bs-theme='dark'] [style*="background-color: #e6f9f1"] {
  background: var(--ezi-surface) !important;
}
:root[data-bs-theme='dark'] [style*="background:#e7f0ff"],
:root[data-bs-theme='dark'] [style*="background: #e7f0ff"],
:root[data-bs-theme='dark'] [style*="background-color:#e7f0ff"],
:root[data-bs-theme='dark'] [style*="background-color: #e7f0ff"] {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #e7f0ff 18%, var(--ezi-bg)) !important;
}
:root[data-bs-theme='dark'] [style*="background:#e7f6ec"],
:root[data-bs-theme='dark'] [style*="background: #e7f6ec"],
:root[data-bs-theme='dark'] [style*="background-color:#e7f6ec"],
:root[data-bs-theme='dark'] [style*="background-color: #e7f6ec"] {
  background: var(--ezi-surface) !important;
}
:root[data-bs-theme='dark'] [style*="background:#eaf3de"],
:root[data-bs-theme='dark'] [style*="background: #eaf3de"],
:root[data-bs-theme='dark'] [style*="background-color:#eaf3de"],
:root[data-bs-theme='dark'] [style*="background-color: #eaf3de"] {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #eaf3de 18%, var(--ezi-bg)) !important;
}
:root[data-bs-theme='dark'] [style*="background:#eafbe7"],
:root[data-bs-theme='dark'] [style*="background: #eafbe7"],
:root[data-bs-theme='dark'] [style*="background-color:#eafbe7"],
:root[data-bs-theme='dark'] [style*="background-color: #eafbe7"] {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #eafbe7 18%, var(--ezi-bg)) !important;
}
:root[data-bs-theme='dark'] [style*="background:#eafbf4"],
:root[data-bs-theme='dark'] [style*="background: #eafbf4"],
:root[data-bs-theme='dark'] [style*="background-color:#eafbf4"],
:root[data-bs-theme='dark'] [style*="background-color: #eafbf4"] {
  background: var(--ezi-surface) !important;
}
:root[data-bs-theme='dark'] [style*="background:#ecfeff"],
:root[data-bs-theme='dark'] [style*="background: #ecfeff"],
:root[data-bs-theme='dark'] [style*="background-color:#ecfeff"],
:root[data-bs-theme='dark'] [style*="background-color: #ecfeff"] {
  background: var(--ezi-surface) !important;
}
:root[data-bs-theme='dark'] [style*="background:#eeedfe"],
:root[data-bs-theme='dark'] [style*="background: #eeedfe"],
:root[data-bs-theme='dark'] [style*="background-color:#eeedfe"],
:root[data-bs-theme='dark'] [style*="background-color: #eeedfe"] {
  background: var(--ezi-surface) !important;
}
:root[data-bs-theme='dark'] [style*="background:#eef0ff"],
:root[data-bs-theme='dark'] [style*="background: #eef0ff"],
:root[data-bs-theme='dark'] [style*="background-color:#eef0ff"],
:root[data-bs-theme='dark'] [style*="background-color: #eef0ff"] {
  background: var(--ezi-surface) !important;
}
:root[data-bs-theme='dark'] [style*="background:#eef2ff"],
:root[data-bs-theme='dark'] [style*="background: #eef2ff"],
:root[data-bs-theme='dark'] [style*="background-color:#eef2ff"],
:root[data-bs-theme='dark'] [style*="background-color: #eef2ff"] {
  background: var(--ezi-surface) !important;
}
:root[data-bs-theme='dark'] [style*="background:#eef4ff"],
:root[data-bs-theme='dark'] [style*="background: #eef4ff"],
:root[data-bs-theme='dark'] [style*="background-color:#eef4ff"],
:root[data-bs-theme='dark'] [style*="background-color: #eef4ff"] {
  background: var(--ezi-surface) !important;
}
:root[data-bs-theme='dark'] [style*="background:#eff6ff"],
:root[data-bs-theme='dark'] [style*="background: #eff6ff"],
:root[data-bs-theme='dark'] [style*="background-color:#eff6ff"],
:root[data-bs-theme='dark'] [style*="background-color: #eff6ff"] {
  background: var(--ezi-surface) !important;
}
:root[data-bs-theme='dark'] [style*="background:#f0f0f0"],
:root[data-bs-theme='dark'] [style*="background: #f0f0f0"],
:root[data-bs-theme='dark'] [style*="background-color:#f0f0f0"],
:root[data-bs-theme='dark'] [style*="background-color: #f0f0f0"] {
  background: var(--ezi-surface) !important;
}
:root[data-bs-theme='dark'] [style*="background:#f0f4f8"],
:root[data-bs-theme='dark'] [style*="background: #f0f4f8"],
:root[data-bs-theme='dark'] [style*="background-color:#f0f4f8"],
:root[data-bs-theme='dark'] [style*="background-color: #f0f4f8"] {
  background: var(--ezi-surface) !important;
}
:root[data-bs-theme='dark'] [style*="background:#f0f9ff"],
:root[data-bs-theme='dark'] [style*="background: #f0f9ff"],
:root[data-bs-theme='dark'] [style*="background-color:#f0f9ff"],
:root[data-bs-theme='dark'] [style*="background-color: #f0f9ff"] {
  background: var(--ezi-surface) !important;
}
:root[data-bs-theme='dark'] [style*="background:#f0fdf4"],
:root[data-bs-theme='dark'] [style*="background: #f0fdf4"],
:root[data-bs-theme='dark'] [style*="background-color:#f0fdf4"],
:root[data-bs-theme='dark'] [style*="background-color: #f0fdf4"] {
  background: var(--ezi-surface) !important;
}
:root[data-bs-theme='dark'] [style*="background:#f0fff4"],
:root[data-bs-theme='dark'] [style*="background: #f0fff4"],
:root[data-bs-theme='dark'] [style*="background-color:#f0fff4"],
:root[data-bs-theme='dark'] [style*="background-color: #f0fff4"] {
  background: var(--ezi-surface) !important;
}
:root[data-bs-theme='dark'] [style*="background:#f1f5f9"],
:root[data-bs-theme='dark'] [style*="background: #f1f5f9"],
:root[data-bs-theme='dark'] [style*="background-color:#f1f5f9"],
:root[data-bs-theme='dark'] [style*="background-color: #f1f5f9"] {
  background: var(--ezi-surface) !important;
}
:root[data-bs-theme='dark'] [style*="background:#f3e8ff"],
:root[data-bs-theme='dark'] [style*="background: #f3e8ff"],
:root[data-bs-theme='dark'] [style*="background-color:#f3e8ff"],
:root[data-bs-theme='dark'] [style*="background-color: #f3e8ff"] {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #f3e8ff 18%, var(--ezi-bg)) !important;
}
:root[data-bs-theme='dark'] [style*="background:#f3f3ff"],
:root[data-bs-theme='dark'] [style*="background: #f3f3ff"],
:root[data-bs-theme='dark'] [style*="background-color:#f3f3ff"],
:root[data-bs-theme='dark'] [style*="background-color: #f3f3ff"] {
  background: var(--ezi-surface) !important;
}
:root[data-bs-theme='dark'] [style*="background:#f3f4f6"],
:root[data-bs-theme='dark'] [style*="background: #f3f4f6"],
:root[data-bs-theme='dark'] [style*="background-color:#f3f4f6"],
:root[data-bs-theme='dark'] [style*="background-color: #f3f4f6"] {
  background: var(--ezi-surface) !important;
}
:root[data-bs-theme='dark'] [style*="background:#f4f6f8"],
:root[data-bs-theme='dark'] [style*="background: #f4f6f8"],
:root[data-bs-theme='dark'] [style*="background-color:#f4f6f8"],
:root[data-bs-theme='dark'] [style*="background-color: #f4f6f8"] {
  background: var(--ezi-surface) !important;
}
:root[data-bs-theme='dark'] [style*="background:#f4f7f9"],
:root[data-bs-theme='dark'] [style*="background: #f4f7f9"],
:root[data-bs-theme='dark'] [style*="background-color:#f4f7f9"],
:root[data-bs-theme='dark'] [style*="background-color: #f4f7f9"] {
  background: var(--ezi-surface) !important;
}
:root[data-bs-theme='dark'] [style*="background:#f4f7ff"],
:root[data-bs-theme='dark'] [style*="background: #f4f7ff"],
:root[data-bs-theme='dark'] [style*="background-color:#f4f7ff"],
:root[data-bs-theme='dark'] [style*="background-color: #f4f7ff"] {
  background: var(--ezi-surface) !important;
}
:root[data-bs-theme='dark'] [style*="background:#f5f3ff"],
:root[data-bs-theme='dark'] [style*="background: #f5f3ff"],
:root[data-bs-theme='dark'] [style*="background-color:#f5f3ff"],
:root[data-bs-theme='dark'] [style*="background-color: #f5f3ff"] {
  background: var(--ezi-surface) !important;
}
:root[data-bs-theme='dark'] [style*="background:#f6f6fb"],
:root[data-bs-theme='dark'] [style*="background: #f6f6fb"],
:root[data-bs-theme='dark'] [style*="background-color:#f6f6fb"],
:root[data-bs-theme='dark'] [style*="background-color: #f6f6fb"] {
  background: var(--ezi-surface) !important;
}
:root[data-bs-theme='dark'] [style*="background:#f6f9ff"],
:root[data-bs-theme='dark'] [style*="background: #f6f9ff"],
:root[data-bs-theme='dark'] [style*="background-color:#f6f9ff"],
:root[data-bs-theme='dark'] [style*="background-color: #f6f9ff"] {
  background: var(--ezi-surface) !important;
}
:root[data-bs-theme='dark'] [style*="background:#f8f8ff"],
:root[data-bs-theme='dark'] [style*="background: #f8f8ff"],
:root[data-bs-theme='dark'] [style*="background-color:#f8f8ff"],
:root[data-bs-theme='dark'] [style*="background-color: #f8f8ff"] {
  background: var(--ezi-surface) !important;
}
:root[data-bs-theme='dark'] [style*="background:#f8f9fa"],
:root[data-bs-theme='dark'] [style*="background: #f8f9fa"],
:root[data-bs-theme='dark'] [style*="background-color:#f8f9fa"],
:root[data-bs-theme='dark'] [style*="background-color: #f8f9fa"] {
  background: var(--ezi-surface) !important;
}
:root[data-bs-theme='dark'] [style*="background:#f8fafb"],
:root[data-bs-theme='dark'] [style*="background: #f8fafb"],
:root[data-bs-theme='dark'] [style*="background-color:#f8fafb"],
:root[data-bs-theme='dark'] [style*="background-color: #f8fafb"] {
  background: var(--ezi-surface) !important;
}
:root[data-bs-theme='dark'] [style*="background:#f8fafc"],
:root[data-bs-theme='dark'] [style*="background: #f8fafc"],
:root[data-bs-theme='dark'] [style*="background-color:#f8fafc"],
:root[data-bs-theme='dark'] [style*="background-color: #f8fafc"] {
  background: var(--ezi-surface) !important;
}
:root[data-bs-theme='dark'] [style*="background:#f8faff"],
:root[data-bs-theme='dark'] [style*="background: #f8faff"],
:root[data-bs-theme='dark'] [style*="background-color:#f8faff"],
:root[data-bs-theme='dark'] [style*="background-color: #f8faff"] {
  background: var(--ezi-surface) !important;
}
:root[data-bs-theme='dark'] [style*="background:#faeeda"],
:root[data-bs-theme='dark'] [style*="background: #faeeda"],
:root[data-bs-theme='dark'] [style*="background-color:#faeeda"],
:root[data-bs-theme='dark'] [style*="background-color: #faeeda"] {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #faeeda 18%, var(--ezi-bg)) !important;
}
:root[data-bs-theme='dark'] [style*="background:#fdf6ee"],
:root[data-bs-theme='dark'] [style*="background: #fdf6ee"],
:root[data-bs-theme='dark'] [style*="background-color:#fdf6ee"],
:root[data-bs-theme='dark'] [style*="background-color: #fdf6ee"] {
  background: var(--ezi-surface) !important;
}
:root[data-bs-theme='dark'] [style*="background:#fee2e2"],
:root[data-bs-theme='dark'] [style*="background: #fee2e2"],
:root[data-bs-theme='dark'] [style*="background-color:#fee2e2"],
:root[data-bs-theme='dark'] [style*="background-color: #fee2e2"] {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #fee2e2 18%, var(--ezi-bg)) !important;
}
:root[data-bs-theme='dark'] [style*="background:#fef3c7"],
:root[data-bs-theme='dark'] [style*="background: #fef3c7"],
:root[data-bs-theme='dark'] [style*="background-color:#fef3c7"],
:root[data-bs-theme='dark'] [style*="background-color: #fef3c7"] {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #fef3c7 18%, var(--ezi-bg)) !important;
}
:root[data-bs-theme='dark'] [style*="background:#fef9c3"],
:root[data-bs-theme='dark'] [style*="background: #fef9c3"],
:root[data-bs-theme='dark'] [style*="background-color:#fef9c3"],
:root[data-bs-theme='dark'] [style*="background-color: #fef9c3"] {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #fef9c3 18%, var(--ezi-bg)) !important;
}
:root[data-bs-theme='dark'] [style*="background:#ffeceb"],
:root[data-bs-theme='dark'] [style*="background: #ffeceb"],
:root[data-bs-theme='dark'] [style*="background-color:#ffeceb"],
:root[data-bs-theme='dark'] [style*="background-color: #ffeceb"] {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #ffeceb 18%, var(--ezi-bg)) !important;
}
:root[data-bs-theme='dark'] [style*="background:#fff2e2"],
:root[data-bs-theme='dark'] [style*="background: #fff2e2"],
:root[data-bs-theme='dark'] [style*="background-color:#fff2e2"],
:root[data-bs-theme='dark'] [style*="background-color: #fff2e2"] {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #fff2e2 18%, var(--ezi-bg)) !important;
}
:root[data-bs-theme='dark'] [style*="background:#fff6e6"],
:root[data-bs-theme='dark'] [style*="background: #fff6e6"],
:root[data-bs-theme='dark'] [style*="background-color:#fff6e6"],
:root[data-bs-theme='dark'] [style*="background-color: #fff6e6"] {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #fff6e6 18%, var(--ezi-bg)) !important;
}
:root[data-bs-theme='dark'] [style*="background:#fff7ed"],
:root[data-bs-theme='dark'] [style*="background: #fff7ed"],
:root[data-bs-theme='dark'] [style*="background-color:#fff7ed"],
:root[data-bs-theme='dark'] [style*="background-color: #fff7ed"] {
  background: var(--ezi-surface) !important;
}
:root[data-bs-theme='dark'] [style*="background:#fffbeb"],
:root[data-bs-theme='dark'] [style*="background: #fffbeb"],
:root[data-bs-theme='dark'] [style*="background-color:#fffbeb"],
:root[data-bs-theme='dark'] [style*="background-color: #fffbeb"] {
  background: var(--ezi-surface-2) !important;
  background: color-mix(in srgb, #fffbeb 18%, var(--ezi-bg)) !important;
}
:root[data-bs-theme='dark'] [style*="background:#ffffff"],
:root[data-bs-theme='dark'] [style*="background: #ffffff"],
:root[data-bs-theme='dark'] [style*="background-color:#ffffff"],
:root[data-bs-theme='dark'] [style*="background-color: #ffffff"] {
  background: var(--ezi-surface) !important;
}

/* ==================================================================
 * Panel khulte waqt cards ka aana
 * ==================================================================
 * Manager / supervisor / intern panels par cards halke se upar uth kar
 * aate hain, thora thora peechhe - taake safha "khulta" hua mehsoos ho,
 * ek dam pat na jaye.
 *
 * .content-wrapper ke andar mehdood hai: registration aur login blank
 * layout par hain, un ka apna reveal pehle se hai aur usay chhera nahi.
 *
 * Har rule mein opacity saaf likhi hai. Login ke terminal wala sabaq:
 * `animation` shorthand safhe ki apni animation ki jagah le leta hai aur
 * element opacity 0 par atak kar poori tarah ghayab ho jata hai.
 * ------------------------------------------------------------------ */

/* `both` nahi, `backwards`.
 *
 * `both` ka matlab hai ke animation khatam hone ke BAAD bhi us ka asar
 * element par laga rehta hai. Ye animation `transform` ko chhoti hai, aur
 * transform wala element do kaam karta hai: apna stacking context banata hai,
 * AUR apne andar ke `position: fixed` elements ka containing block ban jata
 * hai. Bootstrap ka har modal `position: fixed` hai, aur is portal mein 46
 * files ke modals `.card` ke ANDAR likhe hue hain.
 *
 * Nateeja: modal card ke andar qaid ho jata tha, aur `.modal-backdrop` — jo
 * body par lagta hai — modal ke UPAR paint hota tha. Modal nazar aata tha,
 * dhundhla, aur har click backdrop kha jata tha. Screen par ye bilkul aisa
 * lagta hai jaise poora modal "disable" ho gaya ho.
 *
 * `backwards` se entrance animation bilkul waisi hi rehti hai (delay ke
 * dauran `from` lagti hai), magar khatam hote hi element apni normal haalat
 * par laut jata hai - koi transform baqi nahi, koi stacking context nahi.
 * Card ki aakhri shakl wahi hai jo pehle thi: opacity 1, transform none.
 */
:root[data-bs-theme='dark'] .content-wrapper .card,
:root[data-bs-theme='dark'] .content-wrapper .sv-card {
  animation: eziCardIn .45s cubic-bezier(.22, .61, .36, 1) backwards;
}

@keyframes eziCardIn {
  from { opacity: 0; transform: translateY(10px); }
  to   { opacity: 1; transform: none; }
}

/* Thora thora peechhe - ek saath nahi */
:root[data-bs-theme='dark'] .content-wrapper .row > *:nth-child(1) .card { animation-delay: .02s; }
:root[data-bs-theme='dark'] .content-wrapper .row > *:nth-child(2) .card { animation-delay: .08s; }
:root[data-bs-theme='dark'] .content-wrapper .row > *:nth-child(3) .card { animation-delay: .14s; }
:root[data-bs-theme='dark'] .content-wrapper .row > *:nth-child(4) .card { animation-delay: .20s; }
:root[data-bs-theme='dark'] .content-wrapper .row > *:nth-child(5) .card { animation-delay: .26s; }
:root[data-bs-theme='dark'] .content-wrapper .row > *:nth-child(6) .card { animation-delay: .32s; }

/* Andar ke chhote tiles bhi, magar aur halke se */
:root[data-bs-theme='dark'] .content-wrapper .mini {
  opacity: 1;
  animation: eziTileIn .4s ease both .18s;
  transition: transform .18s ease, box-shadow .18s ease;
}

@keyframes eziTileIn {
  from { opacity: 0; transform: scale(.96); }
  to   { opacity: 1; transform: none; }
}

/* Hover par thora sa uthna - ye tiles clickable hain */
:root[data-bs-theme='dark'] .content-wrapper .mini:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 26px rgba(0, 0, 0, .35);
}

:root[data-bs-theme='dark'] .content-wrapper .card {
  transition: box-shadow .2s ease, border-color .2s ease;
}

:root[data-bs-theme='dark'] .content-wrapper .card:hover {
  border-color: #33507f !important;
  box-shadow: 0 12px 30px rgba(0, 0, 0, .28);
}

@media (prefers-reduced-motion: reduce) {
  :root[data-bs-theme='dark'] .content-wrapper .card,
  :root[data-bs-theme='dark'] .content-wrapper .sv-card,
  :root[data-bs-theme='dark'] .content-wrapper .mini {
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
  }
}

/* ==================================================================
 * Bootstrap variables root par - fallback ka darwaza band
 * ==================================================================
 * Supervisor module ke safhe apne rang aise lete hain:
 *     --sp-card-bg: var(--bs-card-bg, #fff);
 * Yani "Bootstrap ka card rang lo, warna safed".
 *
 * Magar --bs-card-bg sirf .card element par define hota hai, :root par
 * nahi. Ye containers .card nahi hain, is liye har dafa fallback #fff
 * jeet jata tha - poora module safed, chahe theme kuch bhi ho.
 *
 * Inhen root par de dene se fallback kabhi chalta hi nahi, aur har wo
 * safha jo ye pattern istemal karta hai khud ba khud theek ho jata hai.
 * ------------------------------------------------------------------ */

:root[data-bs-theme='dark'] {
  --bs-card-bg: var(--ezi-surface);
  --bs-card-color: var(--ezi-text-2);
  --bs-heading-color: #ffffff;
  --bs-border-color: var(--ezi-line-2);
  --bs-border-color-translucent: rgba(255, 255, 255, .1);
  --bs-secondary-bg: var(--ezi-surface-2);
  --bs-tertiary-bg: var(--ezi-surface);
}