html[data-theme="light"] {
    /* Background colors */
    --hw-bg-base: rgb(247, 248, 249);
    --hw-bg-pattern: url("/pattern-light-big.png");
    --hw-card-bg: #ffffff;
    --hw-surface-bg: #ffffff;
    --hw-surface-bg-hover: #f9fafb;
    --hw-input-bg: #f3f4f6;
    --hw-input-bg-focus: #ffffff;
    
    /* Text colors */
    --hw-text-primary: #1a1a1a;
    --hw-text-secondary: #4a4a4a;
    --hw-text-muted: #6b7280;
    --hw-text-subtle: #9ca3af;
    
    /* Border colors */
    --hw-border-default: rgba(0, 0, 0, 0.08);
    --hw-border-hover: rgba(0, 176, 235, 0.4);
    --hw-border-input: rgba(0, 0, 0, 0.12);
    
    /* Shadows - softer for light mode */
    --hw-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.06);
    --hw-shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08);
    --hw-shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.10);
    
    /* Focus ring */
    --hw-focus-ring: 2px solid rgba(0, 176, 235, 0.5);
}

/* =============================================================================
   GLOBAL ELEMENTS
   ============================================================================= */

html[data-theme="light"] body {
    background-color: rgb(247, 248, 249) !important;
    color: #1a1a1a !important;
}

html[data-theme="light"] a {
    color: #1a1a1a !important;
}

html[data-theme="light"] h1,
html[data-theme="light"] h2,
html[data-theme="light"] h3,
html[data-theme="light"] h4,
html[data-theme="light"] h5,
html[data-theme="light"] h6 {
    color: #1a1a1a;
}

/* =============================================================================
   NAVBAR
   ============================================================================= */

html[data-theme="light"] .navbar.navbar-inverse {
    background-color: #ffffff;
    border-color: rgba(0, 0, 0, 0.08);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
}

html[data-theme="light"] .navbar.navbar-inverse .hw-navbar__container {
    border-bottom-color: rgba(0, 0, 0, 0.08);
}

html[data-theme="light"] .navbar.navbar-inverse .navbar-brand a {
    color: #1a1a1a !important;
}

html[data-theme="light"] .navbar.navbar-inverse .navbar-brand a:hover,
html[data-theme="light"] .navbar.navbar-inverse .navbar-brand a:focus {
    color: #4a4a4a !important;
}

html[data-theme="light"] .navbar-inverse .navbar-nav>li>a,
html[data-theme="light"] .navbar-inverse .navbar-nav>li>a:visited {
    color: #1a1a1a !important;
}

html[data-theme="light"] .navbar-inverse .navbar-nav>li>a:hover,
html[data-theme="light"] .navbar-inverse .navbar-nav>li>a:focus,
html[data-theme="light"] .navbar-inverse .navbar-nav>li>a:active {
    color: #00B0EB !important;
}

html[data-theme="light"] .navbar-inverse .navbar-nav>.active>a,
html[data-theme="light"] .navbar-inverse .navbar-nav>.active>a:hover,
html[data-theme="light"] .navbar-inverse .navbar-nav>.active>a:focus {
    color: #00B0EB !important;
}

html[data-theme="light"] .navbar-inverse .navbar-toggle {
    border-color: rgba(0, 0, 0, 0.15);
}

html[data-theme="light"] .navbar-inverse .navbar-toggle .icon-bar {
    background-color: #1a1a1a;
}

/* =============================================================================
   DROPDOWN MENUS
   ============================================================================= */

html[data-theme="light"] .open>.dropdown-menu {
    background-color: #ffffff;
    border-color: rgba(0, 0, 0, 0.08);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

html[data-theme="light"] .open>.dropdown-menu>li>a {
    color: #1a1a1a !important;
}

html[data-theme="light"] .open .dropdown-menu>li>a:hover,
html[data-theme="light"] .dropdown-menu>.active>a:hover {
    color: #ffffff !important;
    background-color: #00B0EB;
}

html[data-theme="light"] .dropdown-menu>.active>a {
    color: #ffffff !important;
    background-color: #00B0EB;
}

/* =============================================================================
   SIDE NAVIGATION
   ============================================================================= */

html[data-theme="light"] .hw-shell {
    --hw-sideNav-bg: #ffffff;
    --hw-sideNav-border: rgba(0, 0, 0, 0.08);
}

html[data-theme="light"] .hw-sideNav {
    background: #ffffff;
    border-right-color: rgba(0, 0, 0, 0.08);
    box-shadow: 1px 0 3px rgba(0, 0, 0, 0.04);
}

html[data-theme="light"] .hw-sideNav__toggle {
    color: #1a1a1a;
}

html[data-theme="light"] .hw-sideNav__item {
    color: #1a1a1a !important;
}

html[data-theme="light"] .hw-sideNav__item:hover,
html[data-theme="light"] .hw-sideNav__item:focus {
    background: #f3f4f6;
    border-color: rgba(0, 176, 235, 0.2);
    color: #00B0EB !important;
}

html[data-theme="light"] .hw-sideNav__item.is-active,
html[data-theme="light"] .hw-sideNav__item[aria-current="page"] {
    background: rgba(0, 176, 235, 0.08);
    color: #00B0EB !important;
}

html[data-theme="light"] .hw-sideNav__icon {
    opacity: 0.85;
}

html[data-theme="light"] .hw-sideNav__signout {
    border-top-color: rgba(0, 0, 0, 0.08);
}

html[data-theme="light"] .hw-sideNav__signoutBtn {
    background: #f3f4f6;
    border-color: rgba(0, 0, 0, 0.12);
    color: #1a1a1a;
}

html[data-theme="light"] .hw-sideNav__signoutBtn:hover,
html[data-theme="light"] .hw-sideNav__signoutBtn:focus {
    background: rgba(220, 38, 38, 0.08);
    border-color: rgba(220, 38, 38, 0.35);
    color: rgb(185, 28, 28);
}

/* =============================================================================
   FOOTER
   ============================================================================= */

html[data-theme="light"] footer .footer-bottom {
    background-color: #ffffff !important;
    border-top: 1px solid rgba(0, 0, 0, 0.08);
}

html[data-theme="light"] footer,
html[data-theme="light"] footer a {
    color: #4a4a4a !important;
}

/* =============================================================================
   GLOBAL FORM CONTROLS
   ============================================================================= */

html[data-theme="light"] .form-control,
html[data-theme="light"] input[type="text"],
html[data-theme="light"] input[type="email"],
html[data-theme="light"] input[type="password"],
html[data-theme="light"] input[type="search"],
html[data-theme="light"] input[type="tel"],
html[data-theme="light"] input[type="number"],
html[data-theme="light"] textarea,
html[data-theme="light"] select {
    background-color: #f3f4f6 !important;
    border-color: rgba(0, 0, 0, 0.12) !important;
    color: #1a1a1a !important;
}

html[data-theme="light"] .form-control:focus,
html[data-theme="light"] input:focus,
html[data-theme="light"] textarea:focus,
html[data-theme="light"] select:focus {
    background-color: #ffffff !important;
    border-color: rgba(0, 176, 235, 0.5) !important;
    box-shadow: 0 0 0 3px rgba(0, 176, 235, 0.15) !important;
}

html[data-theme="light"] ::placeholder {
    color: #9ca3af !important;
}

/* =============================================================================
   BUTTONS
   ============================================================================= */

html[data-theme="light"] .btn-primary {
    background-color: rgb(0, 163, 224) !important;
    border-color: rgb(0, 163, 224) !important;
    color: #ffffff !important;
}

html[data-theme="light"] .btn-primary:hover,
html[data-theme="light"] .btn-primary:focus {
    background-color: rgb(0, 144, 212) !important;
    border-color: rgb(0, 144, 212) !important;
}

html[data-theme="light"] .btn-default {
    background-color: #ffffff;
    border-color: rgba(0, 0, 0, 0.12);
    color: #1a1a1a;
}

html[data-theme="light"] .btn-default:hover,
html[data-theme="light"] .btn-default:focus {
    background-color: #f3f4f6;
    border-color: rgba(0, 0, 0, 0.18);
}

/* Ghost buttons */
html[data-theme="light"] .hw-btn--ghost {
    background: #f9fafb;
    border-color: rgba(0, 0, 0, 0.12);
    color: #1a1a1a !important;
}

html[data-theme="light"] .hw-btn--ghost:hover,
html[data-theme="light"] .hw-btn--ghost:focus {
    background: #f3f4f6;
    border-color: rgba(0, 176, 235, 0.4);
}

/* =============================================================================
   TABLES
   ============================================================================= */

html[data-theme="light"] table,
html[data-theme="light"] .table {
    color: #1a1a1a;
}

html[data-theme="light"] .table>thead>tr>th,
html[data-theme="light"] .table>tbody>tr>th,
html[data-theme="light"] .table>tfoot>tr>th,
html[data-theme="light"] .table>thead>tr>td,
html[data-theme="light"] .table>tbody>tr>td,
html[data-theme="light"] .table>tfoot>tr>td {
    border-color: rgba(0, 0, 0, 0.08);
}

html[data-theme="light"] .table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #f9fafb;
}

html[data-theme="light"] .table-hover>tbody>tr:hover {
    background-color: #f3f4f6;
}

/* =============================================================================
   ALERTS & PANELS
   ============================================================================= */

html[data-theme="light"] .alert {
    background-color: #f3f4f6;
    border-color: rgba(0, 0, 0, 0.08);
    color: #1a1a1a;
}

html[data-theme="light"] .panel {
    background-color: #ffffff;
    border-color: rgba(0, 0, 0, 0.08);
}

html[data-theme="light"] .panel-heading {
    background-color: #f9fafb;
    border-color: rgba(0, 0, 0, 0.08);
    color: #1a1a1a;
}

html[data-theme="light"] .panel-body {
    color: #1a1a1a;
}

/* =============================================================================
   MODALS
   ============================================================================= */

html[data-theme="light"] .modal-content {
    background-color: #ffffff;
    border-color: rgba(0, 0, 0, 0.08);
}

html[data-theme="light"] .modal-header {
    border-bottom-color: rgba(0, 0, 0, 0.08);
    color: #1a1a1a;
}

html[data-theme="light"] .modal-footer {
    border-top-color: rgba(0, 0, 0, 0.08);
}

html[data-theme="light"] .modal-title {
    color: #1a1a1a;
}

/* =============================================================================
   BREADCRUMB
   ============================================================================= */

html[data-theme="light"] .breadcrumb {
    background-color: transparent;
}

html[data-theme="light"] .breadcrumb>li,
html[data-theme="light"] .breadcrumb>.active {
    color: #6b7280;
}

/* =============================================================================
   SIGN-IN / REGISTER PAGES
   ============================================================================= */

html[data-theme="light"] #content-container.signinpage {
    background-color: rgb(247, 248, 249) !important;
    background-image: url("/pattern-light-big.png") !important;
    background-size: cover !important;
}

html[data-theme="light"] .signinpage {
    background-color: rgb(247, 248, 249) !important;
}

html[data-theme="light"] .hw-signin,
html[data-theme="light"] .hw-register {
    background-color: rgb(247, 248, 249);
}

html[data-theme="light"] .hw-auth-card {
    background: #ffffff !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06) !important;
}

html[data-theme="light"] .hw-auth-back {
    color: #4a4a4a !important;
}

html[data-theme="light"] .hw-signin-subheading {
    color: #6b7280 !important;
}

html[data-theme="light"] .hw-signin-footer {
    color: #6b7280;
}

html[data-theme="light"] .hw-signin-footer__link {
    color: #00B0EB !important;
}

html[data-theme="light"] #external-login-heading,
html[data-theme="light"] .login-heading-section {
    color: #1a1a1a !important;
}

/* Sign-in page form controls */
html[data-theme="light"] #content-container.signinpage .form-control,
html[data-theme="light"] #content-container.signinpage input[type="text"],
html[data-theme="light"] #content-container.signinpage input[type="email"],
html[data-theme="light"] #content-container.signinpage input[type="password"],
html[data-theme="light"] #content-container.signinpage input[type="tel"],
html[data-theme="light"] #content-container.signinpage select,
html[data-theme="light"] #content-container.signinpage textarea {
    background-color: #f3f4f6 !important;
    border-color: rgba(0, 0, 0, 0.12) !important;
    color: #1a1a1a !important;
}

html[data-theme="light"] #content-container.signinpage .form-control:focus,
html[data-theme="light"] #content-container.signinpage input:focus,
html[data-theme="light"] #content-container.signinpage select:focus,
html[data-theme="light"] #content-container.signinpage textarea:focus {
    background-color: #ffffff !important;
    border-color: rgba(0, 176, 235, 0.5) !important;
    box-shadow: 0 0 0 3px rgba(0, 176, 235, 0.1) !important;
}

html[data-theme="light"] #content-container.signinpage label,
html[data-theme="light"] #content-container.signinpage .control-label {
    color: #1a1a1a !important;
}

html[data-theme="light"] #content-container.signinpage h1,
html[data-theme="light"] #content-container.signinpage h2,
html[data-theme="light"] #content-container.signinpage h3 {
    color: #1a1a1a !important;
}

html[data-theme="light"] #content-container.signinpage .text-muted,
html[data-theme="light"] #content-container.signinpage .help-block {
    color: #6b7280 !important;
}

/* Provider buttons */
html[data-theme="light"] button.btn[name='provider'],
html[data-theme="light"] input.btn[name='provider'] {
    background: #f9fafb !important;
    border-color: rgba(0, 0, 0, 0.12) !important;
    color: #1a1a1a !important;
}

html[data-theme="light"] button.btn[name='provider']:hover,
html[data-theme="light"] input.btn[name='provider']:hover,
html[data-theme="light"] button.btn[name='provider']:focus,
html[data-theme="light"] input.btn[name='provider']:focus {
    background: #f3f4f6 !important;
    border-color: rgba(0, 176, 235, 0.4) !important;
}

/* Keep Entra/Azure buttons blue */
html[data-theme="light"] button.btn[name='provider'][title*="Entra"],
html[data-theme="light"] button.btn[name='provider'][title*="Azure AD"],
html[data-theme="light"] input.btn[name='provider'][title*="Entra"],
html[data-theme="light"] input.btn[name='provider'][title*="Azure AD"] {
    background: rgb(0, 163, 224) !important;
    border-color: rgb(0, 163, 224) !important;
    color: #ffffff !important;
}

/* =============================================================================
   ENTITY FORM VIEWS (CRM Forms)
   ============================================================================= */

html[data-theme="light"] .crmEntityFormView {
    background: #ffffff;
}

html[data-theme="light"] .crmEntityFormView .validation-summary.alert {
    background-color: #fef2f2;
    border-color: rgba(220, 38, 38, 0.3);
    color: #991b1b;
}

html[data-theme="light"] .crmEntityFormView .tab,
html[data-theme="light"] .crmEntityFormView .tr {
    background: #ffffff;
    border-color: rgba(0, 0, 0, 0.08);
}

html[data-theme="light"] .crmEntityFormView .info .field-label {
    color: #1a1a1a;
}

html[data-theme="light"] .crmEntityFormView .control .form-control,
html[data-theme="light"] .crmEntityFormView .control input[type="text"],
html[data-theme="light"] .crmEntityFormView .control input[type="email"],
html[data-theme="light"] .crmEntityFormView .control input[type="tel"],
html[data-theme="light"] .crmEntityFormView .control input[type="number"],
html[data-theme="light"] .crmEntityFormView .control input[type="password"],
html[data-theme="light"] .crmEntityFormView .control textarea,
html[data-theme="light"] .crmEntityFormView .control select {
    background-color: #f3f4f6 !important;
    border-color: rgba(0, 0, 0, 0.12) !important;
    color: #1a1a1a !important;
}

html[data-theme="light"] .crmEntityFormView .control .form-control.readonly,
html[data-theme="light"] .crmEntityFormView .control input.readonly,
html[data-theme="light"] .crmEntityFormView .control textarea.readonly {
    background-color: #e5e7eb !important;
}

html[data-theme="light"] .crmEntityFormView .input-group-btn .btn {
    background-color: #f3f4f6 !important;
    border-color: rgba(0, 0, 0, 0.12) !important;
    color: #1a1a1a !important;
}

html[data-theme="light"] .crmEntityFormView .input-group-btn .btn:hover {
    background-color: #e5e7eb !important;
}

html[data-theme="light"] .crmEntityFormView .btn.btn-default,
html[data-theme="light"] .crmEntityFormView .btn.btn-success,
html[data-theme="light"] .crmEntityFormView .btn.btn-danger {
    background: #f9fafb !important;
    border-color: rgba(0, 0, 0, 0.12) !important;
    color: #1a1a1a !important;
}

html[data-theme="light"] .crmEntityFormView .btn.btn-default:hover,
html[data-theme="light"] .crmEntityFormView .btn.btn-success:hover,
html[data-theme="light"] .crmEntityFormView .btn.btn-danger:hover {
    background: #f3f4f6 !important;
    border-color: rgba(0, 176, 235, 0.4) !important;
}

html[data-theme="light"] button.cancel.btn.btn-default {
    background: #f9fafb !important;
    border-color: rgba(0, 0, 0, 0.12) !important;
    color: #1a1a1a !important;
}

/* Attachment notice */
html[data-theme="light"] .hw-attachment-notice {
    background: #f3f4f6;
    border-color: rgba(0, 0, 0, 0.08);
    color: #4a4a4a;
}

html[data-theme="light"] .hw-attachment-notice strong {
    color: #1a1a1a;
}

/* =============================================================================
   CASE EDIT PAGE
   ============================================================================= */

html[data-theme="light"] .case-info .case-header {
    color: #1a1a1a;
    border-bottom-color: rgba(0, 0, 0, 0.08);
}

html[data-theme="light"] .case-info .case-header::before {
    background: linear-gradient(90deg, rgba(0, 176, 235, 0.3), transparent);
}

html[data-theme="light"] .crmEntityFormView td.notes-cell #notescontrol {
    background: #f9fafb;
    border-color: rgba(0, 0, 0, 0.08);
}

html[data-theme="light"] .crmEntityFormView td.notes-cell .note {
    border-color: rgba(0, 0, 0, 0.08);
}

html[data-theme="light"] .crmEntityFormView td.notes-cell .note .from h5,
html[data-theme="light"] .crmEntityFormView td.notes-cell .note .description {
    color: #1a1a1a;
}

html[data-theme="light"] .crmEntityFormView td.notes-cell .note .metadata {
    color: #6b7280;
}

html[data-theme="light"] .crmEntityFormView td.notes-cell .note-attachment .attachment {
    background: #f3f4f6;
}

/* =============================================================================
   HOME PAGE
   ============================================================================= */

html[data-theme="light"] .hw-home-hero {
    background: rgb(247, 248, 249);
    background-image: none;
    --hw-home-card-bg: #ffffff;
    --hw-home-page-bg: rgb(247, 248, 249);
    --hw-home-surface-bg: #ffffff;
    --hw-home-surface-bg-hover: #f9fafb;
    --hw-home-surface-border: rgba(0, 0, 0, 0.08);
    --hw-home-surface-border-hover: rgba(0, 176, 235, 0.4);
    --hw-home-text-strong: #1a1a1a;
    --hw-home-text: #4a4a4a;
    --hw-home-text-subtle: #6b7280;
    --hw-home-text-muted: #6b7280;
    --hw-home-text-soft: #9ca3af;
    --hw-home-text-faint: #9ca3af;
    --hw-home-text-link: #1a1a1a;
}

html[data-theme="light"] .hw-home-hero.hw-home-hero--anon {
    background-image: url(/pattern-light-big.png) !important;
    background-size: clamp(800px, 100%, 1400px) auto !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    min-height: calc(100svh - 150px) !important;
    align-items: center !important;
    justify-content: center !important;
}

html[data-theme="light"] .hw-home-hero__title {
    color: #1a1a1a;
}

html[data-theme="light"] .hw-home-hero__subtitle {
    color: #4a4a4a;
}

html[data-theme="light"] .hw-home-panel {
    background: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.08);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
}

html[data-theme="light"] .hw-home-panel__title {
    color: #1a1a1a;
}

html[data-theme="light"] .hw-home-action-card {
    background: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.08);
    color: #1a1a1a !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
    padding: clamp(12px, 1.6vw, 14px) 44px clamp(12px, 1.6vw, 14px) clamp(12px, 1.6vw, 14px);
}

html[data-theme="light"] .hw-home-action-card__icon {
    width: 36px;
    height: 36px;
}

html[data-theme="light"] .hw-home-action-card:hover,
html[data-theme="light"] .hw-home-action-card:focus {
    background: #f9fafb;
    border-color: rgba(0, 176, 235, 0.4);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

html[data-theme="light"] .hw-home-action-card::after {
    color: #4a4a4a;
}

html[data-theme="light"] .hw-home-action-card__title {
    color: #1a1a1a;
}

html[data-theme="light"] .hw-home-recent-item {
    background: #f9fafb;
    border: 1px solid rgba(0, 0, 0, 0.06);
}

html[data-theme="light"] .hw-home-recent-item:hover,
html[data-theme="light"] .hw-home-recent-item:focus {
    background: #f3f4f6;
    border-color: rgba(0, 176, 235, 0.3);
}

html[data-theme="light"] .hw-home-recent-item__number {
    color: #1a1a1a;
}

html[data-theme="light"] .hw-home-recent-item__title {
    color: #1a1a1a;
}

html[data-theme="light"] .hw-home-recent__link {
    color: #00B0EB !important;
}

html[data-theme="light"] .hw-home-recent__empty {
    color: #6b7280;
}

html[data-theme="light"] .hw-home-profile__avatar {
    border-color: rgba(0, 0, 0, 0.12);
    background: #f3f4f6;
}

html[data-theme="light"] .hw-home-profile__name {
    color: #1a1a1a;
}

html[data-theme="light"] .hw-home-profile__email {
    color: #6b7280;
}

html[data-theme="light"] .hw-home-profile__stat-value {
    color: #1a1a1a;
}

html[data-theme="light"] .hw-home-profile__stat-label {
    color: #6b7280;
}

html[data-theme="light"] .hw-home-help {
    background: #f9fafb;
    border-color: rgba(0, 0, 0, 0.08);
}

html[data-theme="light"] .hw-home-help__title {
    color: #1a1a1a;
}

html[data-theme="light"] .hw-home-help__text {
    color: #6b7280;
}

html[data-theme="light"] .hw-home-help__phone {
    color: #1a1a1a;
}

/* =============================================================================
   FAQ PAGE
   ============================================================================= */

html[data-theme="light"] .hw-faq__title {
    color: #1a1a1a;
}

html[data-theme="light"] .hw-faq__subtitle {
    color: #4a4a4a;
}

html[data-theme="light"] .hw-faq__panel {
    background: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.08);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
}

html[data-theme="light"] .hw-faq__panelTitle {
    color: #1a1a1a;
}

html[data-theme="light"] .hw-faq__searchLabel {
    color: #1a1a1a !important;
}

html[data-theme="light"] .hw-faq__searchInput {
    background: #f3f4f6;
    border-color: rgba(0, 0, 0, 0.12);
    color: #1a1a1a;
}

html[data-theme="light"] .hw-faq__searchInput::placeholder {
    color: #9ca3af;
}

html[data-theme="light"] .hw-faq__searchInput:-webkit-autofill,
html[data-theme="light"] .hw-faq__searchInput:-webkit-autofill:hover,
html[data-theme="light"] .hw-faq__searchInput:-webkit-autofill:focus,
html[data-theme="light"] .hw-faq__searchInput:-webkit-autofill:active {
    -webkit-text-fill-color: #1a1a1a;
    box-shadow: 0 0 0 1000px #f3f4f6 inset;
}

html[data-theme="light"] .hw-faq__searchStatus {
    color: #6b7280;
}

html[data-theme="light"] .hw-faq-item {
    background: #f9fafb;
    border: 1px solid rgba(0, 0, 0, 0.06);
}

html[data-theme="light"] .hw-faq-item:hover {
    background: #f3f4f6;
    border-color: rgba(0, 176, 235, 0.35);
}

html[data-theme="light"] .hw-faq-item[open] {
    border-color: rgba(0, 176, 235, 0.4);
}

html[data-theme="light"] .hw-faq-item__summary {
    color: #1a1a1a;
}

html[data-theme="light"] .hw-faq-item__q {
    color: #1a1a1a;
}

html[data-theme="light"] .hw-faq-item__chev::before,
html[data-theme="light"] .hw-faq-item__chev::after {
    background: #4a4a4a;
}

html[data-theme="light"] .hw-faq-item__a {
    color: #4a4a4a;
}

html[data-theme="light"] .hw-faq__empty {
    color: #6b7280;
}

html[data-theme="light"] .hw-faq__panelEmpty {
    color: #6b7280;
}

/* =============================================================================
   TROUBLESHOOT PAGE
   ============================================================================= */

html[data-theme="light"] .hw-troubleshoot {
    background-color: rgb(247, 248, 249);
    background-image: url("/pattern-light-big.png");
    background-size: 520px 520px;
}

html[data-theme="light"] .hw-troubleshoot__back {
    color: #4a4a4a !important;
}

html[data-theme="light"] .hw-troubleshoot__back:hover,
html[data-theme="light"] .hw-troubleshoot__back:focus {
    color: #1a1a1a !important;
}

html[data-theme="light"] .hw-troubleshoot__card {
    background: #ffffff;
}

html[data-theme="light"] .hw-troubleshoot__title {
    color: #1a1a1a;
}

html[data-theme="light"] .hw-troubleshoot__subtitle {
    color: #4a4a4a;
}

html[data-theme="light"] .hw-troubleshoot__sectionTitle {
    color: #1a1a1a;
}

html[data-theme="light"] .hw-troubleshoot__item {
    background: #f9fafb;
    border-color: rgba(0, 0, 0, 0.06);
}

html[data-theme="light"] .hw-troubleshoot__item:hover,
html[data-theme="light"] .hw-troubleshoot__item:focus-within {
    background: #f3f4f6;
    border-color: rgba(0, 176, 235, 0.35);
}

html[data-theme="light"] .hw-troubleshoot__item[open] {
    border-color: rgba(0, 176, 235, 0.4);
}

html[data-theme="light"] .hw-troubleshoot__itemSummary {
    color: #1a1a1a;
}

html[data-theme="light"] .hw-troubleshoot__itemTitle {
    color: #1a1a1a;
}

html[data-theme="light"] .hw-troubleshoot__itemDesc {
    color: #6b7280;
}

html[data-theme="light"] .hw-troubleshoot__chevron {
    color: #9ca3af;
}

html[data-theme="light"] .hw-troubleshoot__item[open] .hw-troubleshoot__chevron {
    color: #6b7280;
}

html[data-theme="light"] .hw-troubleshoot__itemDivider {
    background: rgba(0, 0, 0, 0.08);
}

html[data-theme="light"] .hw-troubleshoot__stepsLabel {
    color: #4a4a4a;
}

html[data-theme="light"] .hw-troubleshoot__divider {
    background: rgba(0, 0, 0, 0.08);
}

html[data-theme="light"] .hw-troubleshoot__steps {
    color: #4a4a4a;
}

html[data-theme="light"] .hw-troubleshoot__note {
    background: #f3f4f6;
    border-color: rgba(0, 0, 0, 0.08);
    color: #4a4a4a;
}

html[data-theme="light"] .hw-troubleshoot__btn--ghost {
    background: #f9fafb;
    border-color: rgba(0, 0, 0, 0.12);
    color: #1a1a1a !important;
}

html[data-theme="light"] .hw-troubleshoot__btn--ghost:hover,
html[data-theme="light"] .hw-troubleshoot__btn--ghost:focus {
    background: #f3f4f6;
    border-color: rgba(0, 176, 235, 0.4);
}

/* =============================================================================
   PROFILE PAGE
   ============================================================================= */

html[data-theme="light"] .hw-profile-hero {
    background: rgb(247, 248, 249);
}

html[data-theme="light"] .hw-profile-hero__title {
    color: #1a1a1a;
}

html[data-theme="light"] .hw-profile-hero__subtitle {
    color: #4a4a4a;
}

html[data-theme="light"] #mainContent {
    background: #ffffff;
}

html[data-theme="light"] #ProfileFormView.crmEntityFormView {
    background: #ffffff;
    border-color: rgba(0, 0, 0, 0.08);
}

html[data-theme="light"] #ProfileFormView table.section td.form-control-cell label.field-label {
    color: #1a1a1a;
}

html[data-theme="light"] #ProfileFormView .form-control {
    background-color: #f3f4f6 !important;
    border-color: rgba(0, 0, 0, 0.12) !important;
    color: #1a1a1a !important;
}

html[data-theme="light"] #ProfileFormView .form-control:focus {
    border-color: rgba(0, 176, 235, 0.5) !important;
}

html[data-theme="light"] .control:has(> input#emailaddress1) {
    background: #e5e7eb;
    border-color: rgba(0, 0, 0, 0.08);
}

html[data-theme="light"] #ProfileFormView a.text-primary {
    color: #00B0EB !important;
}

html[data-theme="light"] #mainContent .actions .hw-profile-cancel {
    background: #f9fafb !important;
    border-color: rgba(0, 0, 0, 0.12) !important;
    color: #1a1a1a !important;
}

html[data-theme="light"] #mainContent .actions .hw-profile-cancel:hover,
html[data-theme="light"] #mainContent .actions .hw-profile-cancel:focus {
    background: #f3f4f6 !important;
}

html[data-theme="light"] #mainContent .actions .btn-primary {
    background: rgb(0, 163, 224) !important;
    border-color: rgb(0, 163, 224) !important;
    color: #ffffff !important;
}

html[data-theme="light"] .hw-profile-page .hw-profile__header {
    background: #f9fafb;
    border-color: rgba(0, 0, 0, 0.08);
}

html[data-theme="light"] .hw-profile-page .hw-profile__avatar {
    background: #f3f4f6;
    border-color: rgba(0, 0, 0, 0.12);
}

html[data-theme="light"] .hw-profile-page .hw-profile__title {
    color: #1a1a1a;
}

html[data-theme="light"] .hw-profile-page .hw-profile__subtitle {
    color: #6b7280;
}

html[data-theme="light"] .hw-profile-page #ProfileFormView.crmEntityFormView {
    background: #ffffff;
    border-color: rgba(0, 0, 0, 0.08);
}

html[data-theme="light"] .hw-profile-page #ProfileFormView table.section td.form-control-cell label.field-label {
    color: #1a1a1a;
}

html[data-theme="light"] .hw-profile-page #ProfileFormView .form-control {
    background-color: #f3f4f6 !important;
    border-color: rgba(0, 0, 0, 0.12) !important;
    color: #1a1a1a !important;
}

html[data-theme="light"] .hw-profile-page #ProfileFormView .form-control:focus {
    border-color: rgba(0, 176, 235, 0.5) !important;
}

html[data-theme="light"] .hw-profile-page #ProfileFormView a.text-primary {
    color: #00B0EB !important;
}

html[data-theme="light"] .hw-profile-page #mainContent .actions .hw-profile-cancel {
    background: #f9fafb !important;
    border-color: rgba(0, 0, 0, 0.12) !important;
    color: #1a1a1a !important;
}

html[data-theme="light"] .hw-profile-page #mainContent .actions .hw-profile-cancel:hover,
html[data-theme="light"] .hw-profile-page #mainContent .actions .hw-profile-cancel:focus {
    background: #f3f4f6 !important;
}

html[data-theme="light"] .hw-profile-page #mainContent .actions .btn-primary {
    background: rgb(0, 163, 224) !important;
    border-color: rgb(0, 163, 224) !important;
    color: #ffffff !important;
}

html[data-theme="light"] .hw-profile-page .profile-page-heading {
    color: #1a1a1a;
}

/* =============================================================================
   ACCESS DENIED & PAGE NOT FOUND
   ============================================================================= */

html[data-theme="light"] .hw-access-denied {
    background-color: rgb(247, 248, 249);
    background-image: url(/pattern-light-big.png);
    background-size: cover;
}

html[data-theme="light"] .hw-pnf {
    background-color: rgb(247, 248, 249);
    background-image: url(/pattern-light-big.png);
    background-size: cover;
}