@font-face {
    font-family: 'DMSans';
    src: url('/uploads/business/74/46/fonts/DMSans_1781047236.ttf') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'DMSans';
    src: url('/uploads/business/74/46/fonts/DMSans_1781047236.ttf') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'DMSans';
    src: url('/uploads/business/74/46/fonts/DMSans_1781047236.ttf') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'DMSans';
    src: url('/uploads/business/74/46/fonts/DMSans_1781047236.ttf') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'DMSans';
    src: url('/uploads/business/74/46/fonts/DMSans_1781047236.ttf') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'DMSans';
    src: url('/uploads/business/74/46/fonts/DMSans_1781047236.ttf') format('truetype');
    font-display: swap;
}

body[data-theme="theme-10"] {
    --main-bg: #e3e3e3;
    --navbar-bg: linear-gradient(90deg, #03bfc0 4%, #8bddcd 52.0%, #c5e9f5 100%);
    --footer-bg-start: #03bfc0;
    --footer-bg-end: #212529;
    --footer-bg: linear-gradient(90deg, #03bfc0 0%, #212529 100%);
    --navbar-text: #0b6688;
    --sidebar-bg: linear-gradient(90deg, #ffffff 22%, #94dfd3 61.0%, #04bfc0 100%);
    --sidebar-text: #0b6688;
    --sidebar-hover-bg: rgba(137,222,206,0.1);
    --sidebar-hover-outline: #89DECE80;
    --sidebar-hover-text: #06bfc0;
    --sidebar-active-bg: #C5E9F530;
    --sidebar-active-outline: #C5E9F590;
    --sidebar-active-hover-bg: #C5E9F550;
    --sidebar-active-hover-outline: #C5E9F5CC;
    --sidebar-active-text: #04bfbf;
    --card-bg: #e9f7fb;
    --card-text: #212529;
    --card-header-text: #0b6688;
    --card-border-style: none;
    --card-border-width: 0;
    --card-border-color: transparent;
    --metric-card-border-style: solid;
    --metric-card-border-width: 1px;
    --metric-card-border-color: #dee2e6;
    --text-primary: #0b6688;
    --text-secondary: #04bfbf;
    --text-muted: #8f8f8f;
    --label-color: #0b6688;
    --btn-primary-bg: #007bff;
    --btn-primary-text: #ffffff;
    --btn-outline-bg: #ffffff;
    --btn-outline-text: #007bff;
    --modal-bg: #fff9f0;
    --modal-text: #0b6688;
    --modal-header-bg: #c5e9f5;
    --modal-header-text: #0b6688;
    --modal-footer-bg: #f0fffc;
    --modal-btn-primary-bg: #2bc8c5;
    --modal-btn-primary-text: #0b6688;
    --modal-btn-secondary-bg: #0b6688;
    --modal-btn-secondary-text: #fbe9cf;
    --modal-input-bg: #ffffff;
    --table-bg: #fff9f0;
    --table-text: #212529;
    --table-header-bg: #c5e9f5;
    --table-header-text: #0b6688;
    --form-bg: #ffffff;
    --form-text: #212529;
    --form-input-bg: #ffffff;
    --form-input-text: #212529;
    --badge-success-bg: #28a745;
    --badge-success-text: #ffffff;
    --badge-warning-bg: #ffc107;
    --badge-warning-text: #212529;
    --navbar-hover-text: #04bfbf;
    --navbar-brand-text: ;
    --sidebar-logo-url: /uploads/business/74/logo/logo.png;
    --sidebar-user-name: Cheryl Saunders;
    --sidebar-user-name-text: #0b6688;
    --sidebar-logo-size: 60%;
    --sidebar-logo-border-radius: 9%;
    --loader-logo-border-radius: 9%;
    --loader-logo-size: 200px;
    --navbar-brand-font-family: 'DMSans', sans-serif;
    --navbar-font-family: Arial, sans-serif;
    --sidebar-font-family: 'DMSans', sans-serif;
    --sidebar-user-name-font-family: 'DMSans', sans-serif;
    --card-font-family: 'DMSans', sans-serif;
    --modal-font-family: 'DMSans', sans-serif;
    --table-font-family: 'DMSans', sans-serif;
    --navbar-font-size: 1.25rem;
    --navbar-brand-font-size: 1.125rem;
    --sidebar-font-size-collapsed: 1.25rem;
    --sidebar-font-size-expanded: 0.875rem;
    --sidebar-font-size: 0.875rem;
    --sidebar-user-name-font-size: 1.125rem;
    --card-font-size: 0.75rem;
    --modal-font-size: 0.75rem;
    --modal-header-font-size: 0.875rem;
    --btn-font-size: 0.875rem;
    --table-font-size: 0.875rem;
    --form-font-size: 1rem;
    --badge-font-size: 0.75rem;
    --navbar-brand-font-weight: 600;
    --sidebar-min-width: 14rem;
    --table-striped-bg: #fff9f0;
    --table-hover-bg: #fff9f0;
    --table-border-radius: 8px;
    --table-border-style: none;
    --table-border-width: 0;
    --table-border-color: transparent;
    --main-text: #0b6688;
}

:root {
    --main-bg: #e3e3e3;
    --navbar-bg: linear-gradient(90deg, #03bfc0 4%, #8bddcd 52.0%, #c5e9f5 100%);
    --footer-bg-start: #03bfc0;
    --footer-bg-end: #212529;
    --footer-bg: linear-gradient(90deg, #03bfc0 0%, #212529 100%);
    --navbar-text: #0b6688;
    --sidebar-bg: linear-gradient(90deg, #ffffff 22%, #94dfd3 61.0%, #04bfc0 100%);
    --sidebar-text: #0b6688;
    --sidebar-hover-bg: rgba(137,222,206,0.1);
    --sidebar-hover-outline: #89DECE80;
    --sidebar-hover-text: #06bfc0;
    --sidebar-active-bg: #C5E9F530;
    --sidebar-active-outline: #C5E9F590;
    --sidebar-active-hover-bg: #C5E9F550;
    --sidebar-active-hover-outline: #C5E9F5CC;
    --sidebar-active-text: #04bfbf;
    --card-bg: #e9f7fb;
    --card-text: #212529;
    --card-header-text: #0b6688;
    --card-border-style: none;
    --card-border-width: 0;
    --card-border-color: transparent;
    --metric-card-border-style: solid;
    --metric-card-border-width: 1px;
    --metric-card-border-color: #dee2e6;
    --text-primary: #0b6688;
    --text-secondary: #04bfbf;
    --text-muted: #8f8f8f;
    --label-color: #0b6688;
    --btn-primary-bg: #007bff;
    --btn-primary-text: #ffffff;
    --btn-outline-bg: #ffffff;
    --btn-outline-text: #007bff;
    --modal-bg: #fff9f0;
    --modal-text: #0b6688;
    --modal-header-bg: #c5e9f5;
    --modal-header-text: #0b6688;
    --modal-footer-bg: #f0fffc;
    --modal-btn-primary-bg: #2bc8c5;
    --modal-btn-primary-text: #0b6688;
    --modal-btn-secondary-bg: #0b6688;
    --modal-btn-secondary-text: #fbe9cf;
    --modal-input-bg: #ffffff;
    --table-bg: #fff9f0;
    --table-text: #212529;
    --table-header-bg: #c5e9f5;
    --table-header-text: #0b6688;
    --form-bg: #ffffff;
    --form-text: #212529;
    --form-input-bg: #ffffff;
    --form-input-text: #212529;
    --badge-success-bg: #28a745;
    --badge-success-text: #ffffff;
    --badge-warning-bg: #ffc107;
    --badge-warning-text: #212529;
    --navbar-hover-text: #04bfbf;
    --navbar-brand-text: ;
    --sidebar-logo-url: /uploads/business/74/logo/logo.png;
    --sidebar-user-name: Cheryl Saunders;
    --sidebar-user-name-text: #0b6688;
    --sidebar-logo-size: 60%;
    --sidebar-logo-border-radius: 9%;
    --loader-logo-border-radius: 9%;
    --loader-logo-size: 200px;
    --navbar-brand-font-family: 'DMSans', sans-serif;
    --navbar-font-family: Arial, sans-serif;
    --sidebar-font-family: 'DMSans', sans-serif;
    --sidebar-user-name-font-family: 'DMSans', sans-serif;
    --card-font-family: 'DMSans', sans-serif;
    --modal-font-family: 'DMSans', sans-serif;
    --table-font-family: 'DMSans', sans-serif;
    --navbar-font-size: 1.25rem;
    --navbar-brand-font-size: 1.125rem;
    --sidebar-font-size-collapsed: 1.25rem;
    --sidebar-font-size-expanded: 0.875rem;
    --sidebar-font-size: 0.875rem;
    --sidebar-user-name-font-size: 1.125rem;
    --card-font-size: 0.75rem;
    --modal-font-size: 0.75rem;
    --modal-header-font-size: 0.875rem;
    --btn-font-size: 0.875rem;
    --table-font-size: 0.875rem;
    --form-font-size: 1rem;
    --badge-font-size: 0.75rem;
    --navbar-brand-font-weight: 600;
    --sidebar-min-width: 14rem;
    --table-striped-bg: #fff9f0;
    --table-hover-bg: #fff9f0;
    --table-border-radius: 8px;
    --table-border-style: none;
    --table-border-width: 0;
    --table-border-color: transparent;
    --main-text: #0b6688;
}

body[data-theme="theme-10"] .intune-contents,
body[data-theme="theme-10"] .tracker-container,
body[data-theme="theme-10"] .showcase-shell,
body[data-theme="theme-10"] .incident-portal-shell,
body[data-theme="theme-10"] .rewards-shell {
    position: relative;
}
body[data-theme="theme-10"] .intune-contents::before,
body[data-theme="theme-10"] .tracker-container::before,
body[data-theme="theme-10"] .showcase-shell::before,
body[data-theme="theme-10"] .incident-portal-shell::before,
body[data-theme="theme-10"] .rewards-shell::before {
    content: "";
    position: fixed;
    z-index: 0;
    pointer-events: none;
    left: var(--sidebar-min-width, 14rem);
    right: 0;
    top: var(--logo-overlay-inset-top, 0);
    bottom: 2rem;
    background-color: transparent;
    background-image: url('/uploads/business/74/logo/logo.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto 100%;
    opacity: 0.06;
    filter: none;
}
/* Service tracker is a full-width public page (no sidebar). */
body[data-theme="theme-10"] .tracker-container::before {
    left: 0;
    top: 0;
}
body[data-theme="theme-10"].sidebar-collapsed .intune-contents::before,
body[data-theme="theme-10"].sidebar-collapsed .showcase-shell::before {
    left: 5rem;
}
body[data-theme="theme-10"].tutor-showcase-page .intune-contents::before,
body[data-theme="theme-10"].tutor-showcase-page .showcase-shell::before,
body[data-theme="theme-10"].incident-portal-page .incident-portal-shell::before,
body[data-theme="theme-10"].rewards-public-page .rewards-shell::before {
    left: 0;
    top: 0;
}
@media (max-width: 1024px) {
    body[data-theme="theme-10"] .intune-contents::before,
body[data-theme="theme-10"] .tracker-container::before,
body[data-theme="theme-10"] .showcase-shell::before,
body[data-theme="theme-10"] .incident-portal-shell::before,
body[data-theme="theme-10"] .rewards-shell::before {
        left: 0;
        right: 0;
        top: var(--mobile-navbar-height, 48px);
        bottom: var(--mobile-footer-height, 2rem);
    }
    body[data-theme="theme-10"].sidebar-collapsed .intune-contents::before,
    body[data-theme="theme-10"].sidebar-collapsed .showcase-shell::before,
    body[data-theme="theme-10"].sidebar-collapsed .incident-portal-shell::before,
    body[data-theme="theme-10"].sidebar-collapsed .rewards-shell::before {
        left: 0;
    }
    body[data-theme="theme-10"] .tracker-container::before,
    body[data-theme="theme-10"].rewards-public-page .rewards-shell::before {
        top: 0;
        bottom: 0;
    }
}
body[data-theme="theme-10"] .intune-contents > *,
body[data-theme="theme-10"] .tracker-container > *,
body[data-theme="theme-10"] .showcase-shell > *,
body[data-theme="theme-10"] .incident-portal-shell > *,
body[data-theme="theme-10"] .rewards-shell > *,
body[data-theme="theme-10"] .hero,
body[data-theme="theme-10"] .showcase-hero,
body[data-theme="theme-10"] .tracker-footer {
    position: relative;
    z-index: 1;
}