html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus,
.form-control:focus, .form-check-input:focus {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 60px;
}

.form-floating > .form-control-plaintext::placeholder,
.form-floating > .form-control::placeholder {
    color: var(--bs-secondary-color);
    text-align: end;
}

.form-floating > .form-control-plaintext:focus::placeholder,
.form-floating > .form-control:focus::placeholder {
    text-align: start;
}

/* Dashboard wide mode (keeps mobile padding, expands on big screens) */
@media (min-width: 1200px) {
    .wide .page-wrap {
        max-width: 100% !important;
        padding-left: 24px;
        padding-right: 24px;
    }
}

/* Analyst button palette (screen mode, modern pill design) */
.btn-analyst-primary,
.btn-analyst-secondary,
.btn-analyst-ghost,
.btn-analyst-danger,
.btn-analyst-success,
.btn-analyst-warning {
    border-radius: 999px;
    font-weight: 500;
    padding: 0.35rem 0.95rem;
    font-size: 0.85rem;
    border-width: 1px;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.08);
    transition:
        background-color 0.15s ease,
        color 0.15s ease,
        border-color 0.15s ease,
        box-shadow 0.15s ease,
        transform 0.08s ease;
}

/* Primary (Apply/Save) */
.btn-analyst-primary {
    /* same pill structure as secondary, but blue */
    background-color: #1D4ED8;
    border-color:     #1D4ED8;
    color: #FFFFFF;
}
.btn-analyst-primary:hover {
    background-color: #1E40AF;
    border-color:     #1E40AF;
    box-shadow: 0 4px 10px rgba(37, 99, 235, 0.45);
    transform: translateY(-1px);
}
.btn-analyst-primary:active,
.btn-analyst-primary.active {
    background-color: #1B3CA1;
    border-color:     #1B3CA1;
    box-shadow: 0 2px 6px rgba(37, 99, 235, 0.45);
    transform: translateY(0);
}
/* Secondary (Edit/Manage) */
.btn-analyst-secondary {
    background-color: #374151;
    border-color: #374151;
    color: #FFFFFF;
}
.btn-analyst-secondary:hover {
    background-color: #1F2937;
    border-color: #1F2937;
    box-shadow: 0 4px 10px rgba(15, 23, 42, 0.35);
    transform: translateY(-1px);
}
.btn-analyst-secondary:active,
.btn-analyst-secondary.active {
    background-color: #111827;
    border-color: #111827;
    box-shadow: 0 2px 6px rgba(15, 23, 42, 0.4);
    transform: translateY(0);
}

/* Ghost / Quiet (Help / Filter) */
.btn-analyst-ghost {
    background-color: #FFFFFF;
    border-color: #D1D5DB;
    color: #1D4ED8;
}
.btn-analyst-ghost:hover {
    background-color: #EFF6FF;
    border-color: #93C5FD;
    color: #1E40AF;
    box-shadow: 0 3px 8px rgba(148, 163, 184, 0.4);
    transform: translateY(-1px);
}
.btn-analyst-ghost:active,
.btn-analyst-ghost.active {
    background-color: #DBEAFE;
    border-color: #93C5FD;
    color: #1B3CA1;
    box-shadow: 0 2px 5px rgba(148, 163, 184, 0.4);
    transform: translateY(0);
}

/* Danger (Delete) */
.btn-analyst-danger {
    background-color: #B91C1C;
    border-color: #B91C1C;
    color: #FFFFFF;
}
.btn-analyst-danger:hover {
    background-color: #991B1B;
    border-color: #991B1B;
    box-shadow: 0 4px 12px rgba(185, 28, 28, 0.5);
    transform: translateY(-1px);
}
.btn-analyst-danger:active,
.btn-analyst-danger.active {
    background-color: #7F1D1D;
    border-color: #7F1D1D;
    box-shadow: 0 2px 6px rgba(127, 29, 29, 0.5);
    transform: translateY(0);
}

/* Success (Approve) */
.btn-analyst-success {
    background-color: #16A34A;
    border-color: #16A34A;
    color: #FFFFFF;
}
.btn-analyst-success:hover {
    background-color: #15803D;
    border-color: #15803D;
    box-shadow: 0 4px 10px rgba(22, 163, 74, 0.45);
    transform: translateY(-1px);
}
.btn-analyst-success:active,
.btn-analyst-success.active {
    background-color: #166534;
    border-color: #166534;
    box-shadow: 0 2px 6px rgba(22, 101, 52, 0.45);
    transform: translateY(0);
}

/* Warning (Needs attention) */
.btn-analyst-warning {
    background-color: #B45309;
    border-color: #B45309;
    color: #FFFFFF;
}
.btn-analyst-warning:hover {
    background-color: #92400E;
    border-color: #92400E;
    box-shadow: 0 4px 10px rgba(180, 83, 9, 0.5);
    transform: translateY(-1px);
}
.btn-analyst-warning:active,
.btn-analyst-warning.active {
    background-color: #7C2D12;
    border-color: #7C2D12;
    box-shadow: 0 2px 6px rgba(124, 45, 18, 0.5);
    transform: translateY(0);
}

/* Disabled */
.btn-analyst-primary:disabled,
.btn-analyst-secondary:disabled,
.btn-analyst-ghost:disabled,
.btn-analyst-danger:disabled,
.btn-analyst-success:disabled,
.btn-analyst-warning:disabled,
.btn-analyst-primary.disabled,
.btn-analyst-secondary.disabled,
.btn-analyst-ghost.disabled,
.btn-analyst-danger.disabled,
.btn-analyst-success.disabled,
.btn-analyst-warning.disabled {
    background-color: #E5E7EB;
    border-color: #E5E7EB;
    color: #9CA3AF;
    box-shadow: none;
    transform: none;
    cursor: not-allowed;
}

/* Focus ring */
.btn-analyst-primary:focus-visible,
.btn-analyst-secondary:focus-visible,
.btn-analyst-ghost:focus-visible,
.btn-analyst-danger:focus-visible,
.btn-analyst-success:focus-visible,
.btn-analyst-warning:focus-visible {
    outline: 2px solid #93C5FD;
    outline-offset: 2px;
}

/* =========================================================
   Evidence Web — Light Side Rail
   ========================================================= */

.ew-app-shell {
    display: flex;
    min-height: 100vh;
}

/* Rail */
.ew-sidebar {
    width: 252px; /* between 240–260 px */
    background-color: #F5F7FB; /* rail background */
    border-right: 1px solid #E2E8F0; /* divider */
    flex-shrink: 0;
}

.ew-sidebar-inner {
    display: flex;
    flex-direction: column;
    height: 100vh;
    padding: 0.75rem 0.75rem 1rem;
}

/* Brand */
.ew-sidebar-brand ising   display: flex;
    align-items: center;
    margin-bottom: 1rem;
    padding: 0.25rem 0.5rem 0.75rem;
}

.ew-logo-mark {
    width: 32px;
    height: 32px;
    border-radius: 999px;
    background-color: #2563EB;
    color: #FFFFFF;
    font-size: 0.9rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 0.5rem;
}

.ew-logo-title {
    font-size: 0.95rem;
    font-weight: 600;
    color: #0F1A2C;
}

.ew-logo-sub {
    font-size: 0.75rem;
    color: #64748B;
}

/* Menu container */
.ew-nav {
    flex: 1;
    overflow-y: auto;
    padding-top: 0.25rem;
}

.ew-menu {
    list-style: none;
    margin: 0;
    padding: 0;
}

/* Section label */
.ew-menu-section-label {
    padding: 0.5rem 0.75rem 0.25rem;
    font-size: 0.7rem;              /* ~11px */
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #64748B;
    margin-top: 0.75rem;
}

/* Divider */
.ew-menu-divider {
    border-top: 1px solid #E2E8F0;
    margin: 0.75rem 0.5rem;
}

/* Rows */
.ew-menu-item {
    position: relative;
}

.ew-menu-item-link {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    width: 100%;
    border-radius: 0.5rem;
    border: none;
    background: transparent;
    padding: 0.55rem 0.75rem 0.55rem 0.9rem;
    min-height: 44px;               /* touch-friendly */
    font-size: 0.9rem;              /* 14–15px */
    color: #0F1A2C;
    text-decoration: none;
    line-height: 1.2;
}

.ew-menu-label {
    font-weight: 500;
}

.ew-menu-secondary {
    font-size: 0.75rem;
    color: #475569;                 /* secondary text */
    margin-top: 0.15rem;
    display: block;
}

/* Badge */
.ew-menu-badge {
    padding: 0.1rem 0.55rem;
    border-radius: 999px;
    background-color: #2563EB;
    color: #FFFFFF;
    font-size: 0.7rem;
    font-weight: 600;
    white-space: nowrap;
    max-width: 3ch;                 /* 3-digit max, then 99+ */
    text-align: center;
}

/* Hover */
.ew-menu-item-link:hover {
    background-color: #EAF2FF;      /* subtle tint */
    text-decoration: none;
}

/* Active state: blue bar + light row fill */
.ew-menu-item-link.is-active {
    background-color: #EAF2FF;
    color: #0F1A2C;
}

.ew-menu-item-link.is-active::before {
    content: "";
    position: absolute;
    left: 0;
    top: 6px;
    bottom: 6px;
    width: 3px;                     /* slim bar 3–4px */
    border-radius: 999px;
    background-color: #2563EB;
}

/* Focus ring */
.ew-menu-item-link:focus-visible {
    outline: 2px solid #93C5FD;     /* keyboard focus ring */
    outline-offset: 2px;
}

/* Main content (right of rail) */
.ew-main {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.ew-top-nav {
    position: sticky;
    top: 0;
    z-index: 1030;
}

.ew-main-body {
    flex: 1;
    padding: 0.75rem 1.25rem 1rem;
}

/* Fix .ew-sidebar-brand rule (override earlier typo) */
.ew-sidebar-brand {
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
    padding: 0.25rem 0.5rem 0.75rem;
}

/* Layout override: make sidebar fixed and push content to the right */
.ew-app-shell {
    display: block;           /* stop flex from stacking oddly */
    min-height: 100vh;
}

.ew-sidebar {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: 252px;
    background-color: #F5F7FB;
    border-right: 1px solid #E2E8F0;
}

.ew-main {
    margin-left: 252px;       /* content sits next to the rail */
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

/* Remove top navbar line above the dashboard */
.ew-top-nav {
    border-bottom: none !important;
    box-shadow: none !important;
}

/* ==== Evidence Web – refined side menu (icon rows like mockup) ==== */

/* Row base */
.ew-menu-item-link {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    width: 100%;
    border-radius: 0.75rem;
    border: none;
    background: transparent;
    padding: 0.55rem 0.75rem 0.55rem 0.85rem;
    min-height: 44px;
    font-size: 0.9rem;
    color: #0F1A2C;
    text-decoration: none;
    line-height: 1.2;
}

/* Icon + label group */
.ew-menu-main {
    display: inline-flex;
    align-items: center;
    gap: 0.65rem;
}

/* Icon pill (placeholder letters; can swap to real icons later) */
.ew-menu-icon {
    width: 26px;
    height: 26px;
    border-radius: 999px;
    background: linear-gradient(135deg, #2563EB, #60A5FA);
    color: #FFFFFF;
    font-size: 0.8rem;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 10px rgba(37, 99, 235, 0.25);
}

/* Label text */
.ew-menu-label {
    font-weight: 500;
}

/* Badge (kept small + tight) */
.ew-menu-badge {
    padding: 0.1rem 0.55rem;
    border-radius: 999px;
    background-color: #2563EB;
    color: #FFFFFF;
    font-size: 0.7rem;
    font-weight: 600;
    white-space: nowrap;
    max-width: 3ch;
    text-align: center;
}

/* Hover / active */
.ew-menu-item-link:hover {
    background-color: #EAF2FF;
    text-decoration: none;
}

.ew-menu-item-link.is-active {
    background-color: #EAF2FF;
    color: #0F1A2C;
}

.ew-menu-item-link.is-active::before {
    content: "";
    position: absolute;
    left: 0;
    top: 6px;
    bottom: 6px;
    width: 3px;
    border-radius: 999px;
    background-color: #2563EB;
}

/* Focus ring for keyboard users */
.ew-menu-item-link:focus-visible {
    outline: 2px solid #93C5FD;
    outline-offset: 2px;
}

/* --- Evidence Web logo in sidebar --- */
.ew-logo-mark {
    width: auto;
    height: auto;
    border-radius: 0;
    background: none;
    color: #2563EB;              /* brand blue for EW letters */
    font-size: 1.5rem;           /* bigger like the mockup */
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 0.5rem;
    box-shadow: none;
    letter-spacing: 0.02em;
}

/* Evidence Web logo image in sidebar */
.ew-sidebar-brand {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 1rem 0.9rem 1.4rem;
}

.ew-logo-img {
    max-width: 150px;
    height: auto;
    display: block;
}

/* Make sidebar background pure white to blend logo background */
.ew-sidebar {
    background-color: #ffffff !important;
}

/* Tighten space between logo and first menu item */
.ew-sidebar-brand {
    padding: 0.4rem 0.9rem 0.2rem;
}

/* ===== Icon set for left menu ===== */

/* Base icon */
.ew-menu-icon {
    flex: 0 0 32px;
    height: 32px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0;              /* hide letter by default */
    border: 2px solid #1D4ED8; /* primary line colour */
    color: #1D4ED8;
    position: relative;
}

/* Dashboard: filled circle with B inside */
.ew-icon-dashboard {
    background-color: #2563EB;
    border: none;
    color: #ffffff;
    font-size: 0.95rem;
    font-weight: 700;
}

/* Cases: folder outline */
.ew-icon-cases {
    width: 30px;
    height: 22px;
    border-radius: 6px;
}
.ew-icon-cases::before {
    content: "";
    position: absolute;
    left: 4px;
    top: -5px;
    width: 14px;
    height: 7px;
    border: 2px solid #1D4ED8;
    border-bottom: none;
    border-radius: 4px 4px 0 0;
}

/* Evidence Map: small network of nodes */
.ew-icon-evidence {
    border: none;
    width: 30px;
    height: 30px;
}
.ew-icon-evidence::before,
.ew-icon-evidence::after {
    content: "";
    position: absolute;
    border-radius: 999px;
    border: 2px solid #1D4ED8;
}
.ew-icon-evidence::before {
    width: 8px;
    height: 8px;
    left: 4px;
    top: 5px;
}
.ew-icon-evidence::after {
    width: 8px;
    height: 8px;
    right: 4px;
    bottom: 5px;
}
.ew-icon-evidence::marker;
.ew-icon-evidence span { display:none; }

.ew-icon-evidence::after,
.ew-icon-evidence::before;

/* connecting diagonal line */
.ew-icon-evidence::selection;
.ew-icon-evidence::placeholder;
.ew-icon-evidence::backdrop;
.ew-icon-evidence::cue;
.ew-icon-evidence::cue-region;
.ew-icon-evidence::target-text;

.ew-icon-evidence {
    background:
      linear-gradient(135deg, transparent 48%, #1D4ED8 50%, #1D4ED8 52%, transparent 54%);
}

/* Case Insights: little bar chart inside a rounded box */
.ew-icon-insights {
    width: 26px;
    height: 26px;
    border-radius: 6px;
}
.ew-icon-insights::before {
    content: "";
    position: absolute;
    left: 5px;
    bottom: 5px;
    width: 3px;
    height: 6px;
    background-color: #1D4ED8;
    box-shadow:
      6px -4px 0 0 #1D4ED8,
      12px 2px 0 0 #1D4ED8;
}

/* BrainMap: simple brain outline */
.ew-icon-brain {
    width: 28px;
    height: 28px;
    border-radius: 50%;
}
.ew-icon-brain::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 4px;
    bottom: 4px;
    width: 2px;
    background-color: #1D4ED8;
    transform: translateX(-50%);
}
.ew-icon-brain::after {
    content: "";
    position: absolute;
    left: 4px;
    right: 4px;
    top: 6px;
    bottom: 6px;
    border-left: 2px solid #1D4ED8;
    border-right: 2px solid #1D4ED8;
    border-radius: 999px;
}

/* Uploads: simple upload arrow */
.ew-icon-uploads {
    border: none;
    width: 30px;
    height: 26px;
}
.ew-icon-uploads::before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 5px;
    width: 2px;
    height: 9px;
    background-color: #1D4ED8;
    transform: translateX(-50%);
}
.ew-icon-uploads::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 14px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 7px solid #1D4ED8;
    transform: translateX(-50%);
}

/* Search: magnifying glass */
.ew-icon-search {
    border: none;
    width: 28px;
    height: 28px;
}
.ew-icon-search::before {
    content: "";
    position: absolute;
    left: 4px;
    top: 4px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 2px solid #1D4ED8;
}
.ew-icon-search::after {
    content: "";
    position: absolute;
    right: 4px;
    bottom: 4px;
    width: 9px;
    height: 2px;
    background-color: #1D4ED8;
    transform: rotate(45deg);
    transform-origin: left center;
}

/* Reports: three vertical bars */
.ew-icon-reports {
    border: none;
    width: 26px;
    height: 26px;
}
.ew-icon-reports::before {
    content: "";
    position: absolute;
    left: 5px;
    bottom: 5px;
    width: 3px;
    height: 6px;
    background-color: #1D4ED8;
    box-shadow:
      6px 4px 0 0 #1D4ED8,
      12px -2px 0 0 #1D4ED8;
}

/* Notifications: bell outline */
.ew-icon-bell {
    border: none;
    width: 26px;
    height: 26px;
}
.ew-icon-bell::before {
    content: "";
    position: absolute;
    left: 6px;
    right: 6px;
    top: 5px;
    bottom: 7px;
    border-radius: 50% 50% 40% 40%;
    border: 2px solid #1D4ED8;
}
.ew-icon-bell::after {
    content: "";
    position: absolute;
    left: 10px;
    right: 10px;
    bottom: 3px;
    height: 2px;
    border-radius: 999px;
    background-color: #1D4ED8;
}

/* FINAL icon styling to match Evidence Web mockup
   - Only Dashboard is a filled blue circle
   - All other icons are line icons on transparent background
*/

.ew-menu-icon {
    flex: 0 0 32px;
    height: 32px;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0;                 /* hide letters by default */
    border: none;
    background: transparent !important;
    box-shadow: none !important;
}

/* Dashboard: big blue circle with B */
.ew-icon-dashboard {
    width: 34px;
    height: 34px;
    border-radius: 999px;
    background-color: #2563EB;
    color: #FFFFFF;
    font-size: 1rem;
    font-weight: 700;
}

/* Cases: folder outline */
.ew-icon-cases {
    width: 30px;
    height: 20px;
}
.ew-icon-cases::before {
    content: "";
    position: absolute;
    left: 3px;
    right: 3px;
    bottom: 3px;
    top: 8px;
    border-radius: 6px;
    border: 2px solid #1D4ED8;
}
.ew-icon-cases::after {
    content: "";
    position: absolute;
    left: 3px;
    top: 3px;
    width: 13px;
    height: 7px;
    border-radius: 4px 4px 0 0;
    border: 2px solid #1D4ED8;
    border-bottom: none;
}

/* Evidence Map: 3 connected nodes */
.ew-icon-evidence {
    width: 30px;
    height: 30px;
}
.ew-icon-evidence::before,
.ew-icon-evidence::after {
    content: "";
    position: absolute;
    border-radius: 999px;
    border: 2px solid #1D4ED8;
}
/* left node */
.ew-icon-evidence::before {
    width: 8px;
    height: 8px;
    left: 4px;
    bottom: 6px;
    box-shadow:
        11px -10px 0 0 #1D4ED8;   /* top-right node */
}
/* bottom-right node (extra circle) */
.ew-icon-evidence::after {
    width: 8px;
    height: 8px;
    right: 4px;
    bottom: 6px;
}
/* connecting lines */
.ew-icon-evidence {
    background-image:
        linear-gradient(45deg, transparent 45%, #1D4ED8 47%, #1D4ED8 53%, transparent 55%),
        linear-gradient(-60deg, transparent 47%, #1D4ED8 49%, #1D4ED8 51%, transparent 53%);
    background-repeat: no-repeat;
    background-position: center;
}

/* Case Insights: little bar chart in a rounded box */
.ew-icon-insights {
    width: 26px;
    height: 26px;
    border-radius: 6px;
    border: 2px solid #1D4ED8;
}
.ew-icon-insights::before {
    content: "";
    position: absolute;
    left: 6px;
    bottom: 6px;
    width: 3px;
    height: 6px;
    background-color: #1D4ED8;
    box-shadow:
      6px -4px 0 0 #1D4ED8,
      12px 2px 0 0 #1D4ED8;
}

/* BrainMap: simple brain outline */
.ew-icon-brain {
    width: 30px;
    height: 28px;
}
.ew-icon-brain::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 5px;
    bottom: 5px;
    width: 2px;
    background-color: #1D4ED8;
    transform: translateX(-50%);
}
.ew-icon-brain::after {
    content: "";
    position: absolute;
    left: 6px;
    right: 6px;
    top: 6px;
    bottom: 6px;
    border-left: 2px solid #1D4ED8;
    border-right: 2px solid #1D4ED8;
    border-radius: 999px;
}

/* Uploads: cloud with upload arrow */
.ew-icon-uploads {
    width: 30px;
    height: 26px;
}
.ew-icon-uploads::before {
    content: "";
    position: absolute;
    left: 6px;
    right: 6px;
    bottom: 6px;
    height: 10px;
    border-radius: 999px;
    border: 2px solid #1D4ED8;
}
.ew-icon-uploads::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 14px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 7px solid #1D4ED8;
    transform: translateX(-50%);
}
/* small arrow stem */
.ew-icon-uploads span { display:none; }

/* Search: magnifying glass */
.ew-icon-search {
    width: 28px;
    height: 28px;
}
.ew-icon-search::before {
    content: "";
    position: absolute;
    left: 4px;
    top: 4px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 2px solid #1D4ED8;
}
.ew-icon-search::after {
    content: "";
    position: absolute;
    right: 4px;
    bottom: 4px;
    width: 9px;
    height: 2px;
    background-color: #1D4ED8;
    transform: rotate(45deg);
    transform-origin: left center;
}

/* Reports: three vertical bars */
.ew-icon-reports {
    width: 26px;
    height: 26px;
}
.ew-icon-reports::before {
    content: "";
    position: absolute;
    left: 5px;
    bottom: 5px;
    width: 3px;
    height: 6px;
    background-color: #1D4ED8;
    box-shadow:
      6px 4px 0 0 #1D4ED8,
      12px -2px 0 0 #1D4ED8;
}

/* Notifications: bell outline */
.ew-icon-bell {
    width: 26px;
    height: 26px;
}
.ew-icon-bell::before {
    content: "";
    position: absolute;
    left: 6px;
    right: 6px;
    top: 5px;
    bottom: 7px;
    border-radius: 50% 50% 40% 40%;
    border: 2px solid #1D4ED8;
}
.ew-icon-bell::after {
    content: "";
    position: absolute;
    left: 10px;
    right: 10px;
    bottom: 3px;
    height: 2px;
    border-radius: 999px;
    background-color: #1D4ED8;
}

/* --- FINAL size pass for menu icons to match reference strip --- */

.ew-menu-icon {
    flex: 0 0 40px;
    height: 40px;
}

/* Dashboard: big blue circle with bold B */
.ew-icon-dashboard {
    width: 40px;
    height: 40px;
    border-radius: 999px;
    background-color: #2563EB;
    color: #FFFFFF;
    font-size: 1.3rem;
    font-weight: 700;
}

/* Cases: slightly larger folder */
.ew-icon-cases {
    width: 34px;
    height: 26px;
}
.ew-icon-cases::before {
    left: 3px;
    right: 3px;
    bottom: 3px;
    top: 9px;
    border-width: 2px;
}
.ew-icon-cases::after {
    left: 4px;
    top: 3px;
    width: 15px;
    height: 8px;
    border-width: 2px;
}

/* Evidence Map: enlarge network */
.ew-icon-evidence {
    width: 34px;
    height: 34px;
}
.ew-icon-evidence::before {
    width: 9px;
    height: 9px;
    left: 5px;
    bottom: 7px;
    box-shadow:
        13px -11px 0 0 #1D4ED8;
}
.ew-icon-evidence::after {
    width: 9px;
    height: 9px;
    right: 5px;
    bottom: 7px;
}

/* Case Insights: bigger card */
.ew-icon-insights {
    width: 30px;
    height: 30px;
    border-radius: 8px;
}
.ew-icon-insights::before {
    left: 6px;
    bottom: 6px;
    width: 4px;
    height: 8px;
    box-shadow:
      7px -4px 0 0 #1D4ED8,
      14px 3px 0 0 #1D4ED8;
}

/* BrainMap: enlarge outline */
.ew-icon-brain {
    width: 32px;
    height: 30px;
}
.ew-icon-brain::before {
    top: 5px;
    bottom: 5px;
}
.ew-icon-brain::after {
    left: 6px;
    right: 6px;
    top: 7px;
    bottom: 7px;
    border-left-width: 2px;
    border-right-width: 2px;
}

/* Uploads: bigger cloud + arrow */
.ew-icon-uploads {
    width: 32px;
    height: 28px;
}
.ew-icon-uploads::before {
    left: 6px;
    right: 6px;
    bottom: 7px;
    height: 11px;
    border-width: 2px;
}
.ew-icon-uploads::after {
    bottom: 17px;
}

/* Search, Reports, Bell: just make slightly larger to match new base size */
.ew-icon-search,
.ew-icon-reports,
.ew-icon-bell {
    width: 30px;
    height: 30px;
}

/* Ensure Dashboard icon is a solid blue circle, overriding earlier !important */
.ew-icon-dashboard {
    width: 40px;
    height: 40px;
    border-radius: 999px;
    background-color: #2563EB !important;
    color: #FFFFFF;
    font-size: 1.3rem;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* Use real PNG for Dashboard icon */
.ew-icon-dashboard {
    width: 40px;
    height: 40px;
    border-radius: 999px;
    background-color: transparent !important;
    background-image: url('/img/nav-dashboard.png');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    color: transparent;   /* hide the B letter */
    font-size: 0;
}

/* HARD OVERRIDE: Dashboard uses nav-dashboard.png */
.ew-icon-dashboard {
    width: 40px;
    height: 40px;
    border-radius: 999px;
    background-color: transparent !important;
    background-image: url('/img/nav-dashboard.png') !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: contain !important;
    color: transparent !important;   /* hide fallback B text */
    font-size: 0 !important;
}

/* --- Swap: Dashboard back to B-circle, Cases uses PNG icon --- */

/* Dashboard: solid blue circle with B text */
.ew-icon-dashboard {
    width: 40px;
    height: 40px;
    border-radius: 999px;
    background-color: #2563EB !important;
    background-image: none !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #FFFFFF !important;
    font-size: 1.3rem !important;
    font-weight: 700;
}

/* Cases: use the PNG picture icon */
.ew-icon-cases {
    width: 40px;
    height: 40px;
    border-radius: 999px;
    background-color: transparent !important;
    background-image: url('/img/nav-dashboard.png') !important;
    background-size: contain !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    border: none !important;
}

/* Kill any old line-art shapes on the cases icon */
.ew-icon-cases::before,
.ew-icon-cases::after {
    content: none !important;
}

/* Evidence Web nav PNG overrides (Evidence Map) */
.ew-icon-evidence {
    width: 30px;
    height: 30px;
    background: url('/img/nav-evidence.png') center center / contain no-repeat !important;
    border: none;
}

/* Disable old pseudo-element lines/circles for Evidence Map icon */
.ew-icon-evidence::before,
.ew-icon-evidence::after {
    content: none !important;
}

/* Evidence Web nav PNG overrides (Case Insights) */
.ew-icon-insights {
    width: 30px;
    height: 30px;
    background: url('/img/nav-insights.png') center center / contain no-repeat !important;
    border: none !important;
}

/* Disable old line-art for Case Insights icon */
.ew-icon-insights::before,
.ew-icon-insights::after {
    content: none !important;
}

/* Evidence Web nav PNG overrides (BrainMap) */
.ew-icon-brain {
    width: 30px;
    height: 30px;
    background: url('/img/nav-brain.png') center center / contain no-repeat !important;
    border: none !important;
}

/* Disable old line-art for BrainMap icon */
.ew-icon-brain::before,
.ew-icon-brain::after {
    content: none !important;
}

/* Evidence Web nav PNG overrides (Uploads, Search, Reports, Notifications) */
.ew-icon-uploads {
    width: 30px;
    height: 30px;
    background: url('/img/nav-uploads.png') center center / contain no-repeat !important;
    border: none !important;
}
.ew-icon-uploads::before,
.ew-icon-uploads::after {
    content: none !important;
}

.ew-icon-search {
    width: 30px;
    height: 30px;
    background: url('/img/nav-search.png') center center / contain no-repeat !important;
    border: none !important;
}
.ew-icon-search::before,
.ew-icon-search::after {
    content: none !important;
}

.ew-icon-reports {
    width: 30px;
    height: 30px;
    background: url('/img/nav-reports.png') center center / contain no-repeat !important;
    border: none !important;
}
.ew-icon-reports::before,
.ew-icon-reports::after {
    content: none !important;
}

.ew-icon-bell {
    width: 30px;
    height: 30px;
    background: url('/img/nav-bell.png') center center / contain no-repeat !important;
    border: none !important;
}
.ew-icon-bell::before,
.ew-icon-bell::after {
    content: none !important;
}

/* Slightly larger Search & Reports icons */
.ew-icon-search {
    width: 34px !important;
    height: 34px !important;
}

.ew-icon-reports {
    width: 34px !important;
    height: 34px !important;
}

/* FINAL Cases icon: line-art folder, no PNG background */
.ew-icon-cases {
    width: 30px !important;
    height: 24px !important;
    background-color: transparent !important;
    background-image: none !important;
    background: transparent !important;
    border: none !important;
}

/* Draw the folder shape again (override any old content:none) */
.ew-icon-cases::before,
.ew-icon-cases::after {
    content: "" !important;
    position: absolute;
    border: 2px solid #1D4ED8;
}

/* Folder body */
.ew-icon-cases::before {
    left: 3px;
    right: 3px;
    bottom: 3px;
    top: 8px;
    border-radius: 6px;
}

/* Folder tab */
.ew-icon-cases::after {
    left: 3px;
    top: 3px;
    width: 13px;
    height: 7px;
    border-radius: 4px 4px 0 0;
    border-bottom: none;
}

/* Evidence Web nav PNG overrides (Cases -> nav-dashboard.png) */
.ew-icon-cases {
    width: 30px;
    height: 30px;
    background: url('/img/nav-dashboard.png') center center / contain no-repeat !important;
    background-color: transparent !important;
    border: none !important;
}

/* Kill any folder line-art for Cases icon */
.ew-icon-cases::before,
.ew-icon-cases::after {
    content: none !important;
    border: 0 !important;
}

/* Evidence Web nav PNG overrides (Settings, Support, My Profile) */
.ew-icon-settings {
    width: 30px;
    height: 30px;
    background: url('/img/nav-settings.png') center center / contain no-repeat !important;
    border: none !important;
}
.ew-icon-settings::before,
.ew-icon-settings::after {
    content: none !important;
}

.ew-icon-support {
    width: 30px;
    height: 30px;
    background: url('/img/nav-support.png') center center / contain no-repeat !important;
    border: none !important;
}
.ew-icon-support::before,
.ew-icon-support::after {
    content: none !important;
}

.ew-icon-profile {
    width: 30px;
    height: 30px;
    background: url('/img/nav-profile.png') center center / contain no-repeat !important;
    border: none !important;
}
.ew-icon-profile::before,
.ew-icon-profile::after {
    content: none !important;
}

/* FINAL account icons: correct images + slightly smaller */
.ew-icon-settings {
    width: 26px !important;
    height: 26px !important;
    background: url('/img/nav-settings.png') center center / contain no-repeat !important;
    background-color: transparent !important;
    border: none !important;
}
.ew-icon-settings::before,
.ew-icon-settings::after {
    content: none !important;
    border: 0 !important;
}

.ew-icon-support {
    width: 26px !important;
    height: 26px !important;
    background: url('/img/nav-support.png') center center / contain no-repeat !important;
    background-color: transparent !important;
    border: none !important;
}
.ew-icon-support::before,
.ew-icon-support::after {
    content: none !important;
    border: 0 !important;
}

.ew-icon-profile {
    width: 26px !important;
    height: 26px !important;
    background: url('/img/nav-profile.png') center center / contain no-repeat !important;
    background-color: transparent !important;
    border: none !important;
}
.ew-icon-profile::before,
.ew-icon-profile::after {
    content: none !important;
    border: 0 !important;
}

/* HARD FIX: account icons (Settings, Support, My Profile) 
   - Force correct image
   - Make them slightly smaller (26x26)
   - Override ANY older rules
*/
.ew-menu .ew-menu-icon.ew-icon-settings {
    width: 26px !important;
    height: 26px !important;
    background: url('/img/nav-settings.png') center center / contain no-repeat !important;
    background-color: transparent !important;
    border: none !important;
}
.ew-menu .ew-menu-icon.ew-icon-settings::before,
.ew-menu .ew-menu-icon.ew-icon-settings::after {
    content: none !important;
    border: 0 !important;
}

.ew-menu .ew-menu-icon.ew-icon-support {
    width: 26px !important;
    height: 26px !important;
    background: url('/img/nav-support.png') center center / contain no-repeat !important;
    background-color: transparent !important;
    border: none !important;
}
.ew-menu .ew-menu-icon.ew-icon-support::before,
.ew-menu .ew-menu-icon.ew-icon-support::after {
    content: none !important;
    border: 0 !important;
}

.ew-menu .ew-menu-icon.ew-icon-profile {
    width: 26px !important;
    height: 26px !important;
    background: url('/img/nav-profile.png') center center / contain no-repeat !important;
    background-color: transparent !important;
    border: none !important;
}
.ew-menu .ew-menu-icon.ew-icon-profile::before,
.ew-menu .ew-menu-icon.ew-icon-profile::after {
    content: none !important;
    border: 0 !important;
}

/* Account icons using PNGs (Settings / Support / Profile) */
.ew-icon-settings-account,
.ew-icon-support-account,
.ew-icon-profile-account {
    width: 20px;
    height: 20px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

/* Individual images */
.ew-icon-settings-account { background-image: url('/img/nav-settings.png'); }
.ew-icon-support-account  { background-image: url('/img/nav-support.png'); }
.ew-icon-profile-account  { background-image: url('/img/nav-profile.png'); }

/* Hide legacy account ::before icons so only PNG icons show */
.ew-menu-item a[href*="/Settings"]::before,
.ew-menu-item a[href*="/Support"]::before,
.ew-menu-item a[href*="/Profile"]::before {
    content: none !important;
    background: none !important;
    width: 0 !important;
    height: 0 !important;
    margin-right: 0 !important;
}

/* Account nav PNG overrides (Settings/Support/Profile) */
.ew-menu-item a[href*="/Settings"]::before,
.ew-menu-item a[href*="/Support"]::before,
.ew-menu-item a[href*="/Profile"]::before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 0.55rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

/* Each account entry gets its own PNG */
.ew-menu-item a[href*="/Settings"]::before {
    background-image: url('/img/nav-settings.png');
}
.ew-menu-item a[href*="/Support"]::before {
    background-image: url('/img/nav-support.png');
}
.ew-menu-item a[href*="/Profile"]::before {
    background-image: url('/img/nav-profile.png');
}

/* Account icons – final size tweak */
.ew-icon-settings,
.ew-icon-support,
.ew-icon-profile {
    width: 16px;
    height: 16px;
}

/* Account icons – aligned + slightly smaller */
.ew-icon-settings,
.ew-icon-support,
.ew-icon-profile {
    width: 16px !important;
    height: 16px !important;
    transform: translateY(-1px);
}
/* Account icons – smaller final size */
.ew-icon-settings,
.ew-icon-support,
.ew-icon-profile {
    flex: 0 0 18px !important;
    width: 18px !important;
    height: 18px !important;
}

/* Account icons – force smaller & aligned */
.ew-icon-settings,
.ew-icon-support,
.ew-icon-profile {
    width: 14px !important;
    height: 14px !important;
    flex: 0 0 20px !important;   /* shrink their slot */
    transform: translateY(-1px);
}

/* Account icons – small but keep label alignment with rest of menu */
.ew-icon-settings,
.ew-icon-support,
.ew-icon-profile {
    width: 14px !important;
    height: 14px !important;
    flex: 0 0 32px !important;   /* same gutter as other icons */
    transform: translateY(0);    /* reset vertical nudge */
}

/* Final micro-tweak: account icons vertical alignment */
.ew-icon-settings,
.ew-icon-support,
.ew-icon-profile {
    width: 14px !important;
    height: 14px !important;
    flex: 0 0 32px !important;      /* keep same gutter as other icons */
    transform: translateY(1px) !important;  /* tiny nudge down */
}

/* Final micro-tweak v2: account icons vertical alignment */
.ew-icon-settings,
.ew-icon-support,
.ew-icon-profile {
    width: 14px !important;
    height: 14px !important;
    flex: 0 0 32px !important;          /* same gutter as other icons */
    transform: translateY(2px) !important;  /* one more pixel down */
}

/* === EW THEME (LIGHT/DARK) === */
/* Applies ONLY to the app shell (body.ew-app). Login page (body.ew-login) is untouched.
   Icons are NOT modified: no .ew-menu-icon / .ew-icon-* rules in this block. */

body.ew-app {
  /* sensible defaults */
  --ew-radius-lg: 18px;
  --ew-radius-md: 14px;
  --ew-shadow: 0 10px 24px rgba(15, 23, 42, 0.08);
  --ew-shadow-soft: 0 6px 16px rgba(15, 23, 42, 0.06);
}

body.ew-app.ew-theme-light {
  --ew-bg: #F2F4F8;
  --ew-surface: #FFFFFF;
  --ew-rail: #FFFFFF;
  --ew-border: #E5E9F2;
  --ew-text: #0F172A;
  --ew-muted: #64748B;

  --ew-accent: #5F5AFF;              /* soft purple like your reference */
  --ew-accent-soft: rgba(95,90,255,0.14);

  --ew-hover: rgba(15,23,42,0.04);
  --ew-topbar: rgba(255,255,255,0.90);
}

body.ew-app.ew-theme-dark {
  /* not “too dark / too blue” */
  --ew-bg: #0B1220;
  --ew-surface: #101827;
  --ew-rail: #0F172A;
  --ew-border: rgba(148,163,184,0.14);
  --ew-text: #E2E8F0;
  --ew-muted: #94A3B8;

  --ew-accent: #5F5AFF;
  --ew-accent-soft: rgba(95,90,255,0.18);

  --ew-hover: rgba(255,255,255,0.06);
  --ew-topbar: rgba(16,24,39,0.72);
}

/* Page background (APP ONLY) */
body.ew-app {
  background: var(--ew-bg) !important;
  color: var(--ew-text) !important;
}

/* Sidebar (keep same layout + sections; only style) */
body.ew-app .ew-sidebar {
  background: var(--ew-rail) !important;
  border-right: 1px solid var(--ew-border) !important;
  box-shadow: var(--ew-shadow-soft) !important;
}

body.ew-app .ew-menu-section-label {
  color: color-mix(in srgb, var(--ew-muted) 85%, transparent) !important;
}

body.ew-app .ew-menu-divider {
  border-top: 1px solid var(--ew-border) !important;
}

body.ew-app .ew-menu-item-link {
  color: var(--ew-text) !important;
}

body.ew-app .ew-menu-item-link:hover {
  background-color: var(--ew-hover) !important;
}

body.ew-app .ew-menu-item-link.is-active {
  background-color: var(--ew-accent-soft) !important;
  box-shadow: 0 0 0 1px rgba(95,90,255,0.16) inset !important;
}

body.ew-app .ew-menu-item-link.is-active::before {
  background-color: var(--ew-accent) !important;
}

/* Top bar */
body.ew-app .ew-top-nav {
  background: var(--ew-topbar) !important;
  border: 1px solid var(--ew-border) !important;
  border-radius: var(--ew-radius-lg) !important;
  box-shadow: var(--ew-shadow-soft) !important;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

/* Main content surface (rounded, not blocky) */
body.ew-app main[role="main"] {
  background: var(--ew-surface) !important;
  border: 1px solid var(--ew-border) !important;
  border-radius: var(--ew-radius-lg) !important;
  box-shadow: var(--ew-shadow-soft) !important;
  padding: 18px !important;
}

/* Cards + tables (rounded sections everywhere) */
body.ew-app .card {
  border-radius: var(--ew-radius-lg) !important;
  border-color: var(--ew-border) !important;
  box-shadow: var(--ew-shadow-soft) !important;
}

body.ew-app .table-responsive {
  border-radius: var(--ew-radius-lg) !important;
  border: 1px solid var(--ew-border) !important;
  box-shadow: var(--ew-shadow-soft) !important;
  background: var(--ew-surface) !important;
}

body.ew-app .table {
  margin-bottom: 0 !important;
}

body.ew-app .dropdown-menu,
body.ew-app .modal-content,
body.ew-app .offcanvas,
body.ew-app .accordion-item {
  border-radius: var(--ew-radius-md) !important;
  border-color: var(--ew-border) !important;
}

body.ew-app .form-control,
body.ew-app .form-select {
  border-radius: var(--ew-radius-md) !important;
  border-color: var(--ew-border) !important;
}
/* === END EW THEME (LIGHT/DARK) === */

/* === EW DASH: APP BG LIGHT GREY (NO LOGIN) 20260106 === */
/* IMPORTANT: scoped to ew-app only -> Login uses ew-login, so this will NOT affect /Account/Login */
body.ew-app {
  background: #f3f4f6 !important;
  background-color: #f3f4f6 !important;
}

body.ew-app .ew-main,
body.ew-app .ew-main-body,
body.ew-app .ew-main-body > .container-fluid,
body.ew-app main[role="main"] {
  background: transparent !important;
  background-color: transparent !important;
}

/* Keep content surfaces (cards/tables) white */
body.ew-app .card,
body.ew-app .table-responsive {
  background: #ffffff !important;
  background-color: #ffffff !important;
}
/* === END EW DASH: APP BG LIGHT GREY (NO LOGIN) 20260106 === */

/* === EW DASH: REMOVE ELEMENTS BACKGROUND 20260106 === */
/* Dashboard-only: the sticky charts wrapper background (seen in DevTools as .dash-sticky-charts) */
body.ew-app .dash-sticky-charts,
body.ew-app div.dash-sticky-charts,
body.ew-app .dash-sticky-charts.mb-2 {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

body.ew-app .dash-sticky-charts::before,
body.ew-app .dash-sticky-charts::after {
  content: none !important;
  display: none !important;
}
/* === END EW DASH: REMOVE ELEMENTS BACKGROUND 20260106 === */

/* === EW SIDEBAR GREY (APP ONLY) 20260106 === */
body.ew-app .ew-side-menu,
body.ew-app .ew-sidebar,
body.ew-app .sidebar,
body.ew-app #sidebar {
  background: var(--ew-bg) !important;
  background-color: var(--ew-bg) !important;
}
/* === END EW SIDEBAR GREY === */

/* === EW SIDEBAR MODERN THEME 20260106 === */
/* Sidebar look like your mockup (TAILWIND-like), but using existing EW classes.
   LOGIN SAFETY: these rules only apply under body.ew-app (not body.ew-login). */

body.ew-app .ew-sidebar {
  position: fixed;
  left: 0;
  top: 0;
  height: 100vh;
  width: 16rem; /* ~w-64 */
  background: linear-gradient(180deg, #0B1B3A 0%, #0A2A5A 100%) !important;
  color: #fff !important;
  border-top-right-radius: 1rem;
  border-bottom-right-radius: 1rem;
  box-shadow: 0 12px 30px rgba(0,0,0,.25);
  z-index: 50;
}

body.ew-app .ew-sidebar-inner {
  height: 100%;
  display: flex;
  flex-direction: column;
}

body.ew-app .ew-sidebar-brand {
  padding: 1.5rem;
  border-bottom: 1px solid rgba(255,255,255,.10);
}

body.ew-app .ew-logo-img {
  display: block;
  max-width: 100%;
  height: auto;
}

body.ew-app .ew-nav {
  flex: 1;
  overflow-y: auto;
  padding: 1.25rem 1rem;
}

body.ew-app .ew-menu {
  margin: 0;
  padding: 0;
  list-style: none;
}

body.ew-app .ew-menu-item-link {
  display: flex;
  align-items: center;
  gap: .75rem;
  padding: .65rem .75rem;
  border-radius: .65rem;
  text-decoration: none;
  color: rgba(209,213,219,1) !important; /* gray-300 */
  transition: background-color .15s ease, color .15s ease;
}

body.ew-app .ew-menu-item-link:hover {
  background: rgba(255,255,255,.06);
  color: #ffffff !important;
}

body.ew-app .ew-menu-item-link.is-active {
  background: rgba(34,211,238,.18); /* cyan-500/20-ish */
  color: #67e8f9 !important;        /* cyan-300 */
  font-weight: 600;
}

body.ew-app .ew-menu-icon {
  width: 2.25rem;
  height: 2.25rem;
  border-radius: .6rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(34,211,238,.14);
  color: #67e8f9;
  font-weight: 700;
}

body.ew-app .ew-menu-item-link.is-active .ew-menu-icon {
  background: rgba(34,211,238,.28);
  color: #ffffff;
}

body.ew-app .ew-menu-divider {
  margin: 1rem 0;
  border-top: 1px solid rgba(255,255,255,.10);
}

body.ew-app .ew-menu-section-label {
  margin: 1rem 0 .5rem;
  padding: 0 .75rem;
  font-size: .70rem;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: rgba(156,163,175,1); /* gray-400 */
}
/* === END EW SIDEBAR MODERN THEME 20260106 === */

/* === EW SIDEBAR MOCKUP STYLE (ICONS + WHITE LOGO) 20260111 === */
body.ew-app .ew-sidebar {
  background: linear-gradient(180deg, #0B1B3A 0%, #0A2A5A 100%) !important;
  color: #ffffff !important;
  border-right: 1px solid rgba(255,255,255,0.08) !important;
  border-top-right-radius: 24px !important;
  border-bottom-right-radius: 24px !important;
  box-shadow: 0 18px 45px rgba(0,0,0,0.25) !important;
}

body.ew-app .ew-sidebar-brand {
  padding: 20px 18px 16px 18px !important;
  border-bottom: 1px solid rgba(255,255,255,0.10) !important;
}

body.ew-app .ew-sidebar .ew-logo-img {
  filter: none !important; /* makes existing logo WHITE */
  opacity: 0.98 !important;
}

body.ew-app .ew-nav {
  padding: 16px 12px !important;
}

body.ew-app .ew-menu-item-link {
  border-radius: 12px !important;
  padding: 10px 12px !important;
  color: rgba(203,213,225,0.95) !important;
}

body.ew-app .ew-menu-item-link:hover {
  background: rgba(255,255,255,0.06) !important;
  color: #ffffff !important;
}

body.ew-app .ew-menu-item-link.is-active {
  background: rgba(34,211,238,0.18) !important;
  color: #67e8f9 !important;
  font-weight: 600 !important;
}

body.ew-app .ew-menu-divider {
  border-top: 1px solid rgba(255,255,255,0.10) !important;
  margin: 16px 0 !important;
}

body.ew-app .ew-menu-section-label {
  color: rgba(148,163,184,0.95) !important;
  font-size: 11px !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  padding: 8px 12px 6px !important;
}

 /* Replace letter icons (B/C/...) with real icons via CSS only */
body.ew-app .ew-menu-icon {
  position: relative !important;
  width: 26px !important;
  height: 26px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 0 !important;
  color: transparent !important;
  background: transparent !important;
}

body.ew-app .ew-menu-icon::before {
  content: "" !important;
  width: 20px !important;
  height: 20px !important;
  background-color: rgba(203,213,225,0.90) !important;
  -webkit-mask-image: var(--ew-ico, none) !important;
  mask-image: var(--ew-ico, none) !important;
  -webkit-mask-repeat: no-repeat !important;
  mask-repeat: no-repeat !important;
  -webkit-mask-position: center !important;
  mask-position: center !important;
  -webkit-mask-size: contain !important;
  mask-size: contain !important;
}

body.ew-app .ew-menu-item-link.is-active .ew-menu-icon::before {
  background-color: #67e8f9 !important;
}

body.ew-app .ew-icon-dashboard { --ew-ico: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPgogIDxyZWN0IHg9IjMiIHk9IjMiIHdpZHRoPSI3IiBoZWlnaHQ9IjkiIHJ4PSIxIi8+PHJlY3QgeD0iMTQiIHk9IjMiIHdpZHRoPSI3IiBoZWlnaHQ9IjUiIHJ4PSIxIi8+CiAgPHJlY3QgeD0iMTQiIHk9IjEyIiB3aWR0aD0iNyIgaGVpZ2h0PSI5IiByeD0iMSIvPjxyZWN0IHg9IjMiIHk9IjE2IiB3aWR0aD0iNyIgaGVpZ2h0PSI1IiByeD0iMSIvPjwvc3ZnPg=="); }
body.ew-app .ew-icon-cases     { --ew-ico: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPgogIDxwYXRoIGQ9Im02IDE0IDEuNS0yLjlBMiAyIDAgMCAxIDkuMjQgMTBIMjBhMiAyIDAgMCAxIDEuOTQgMi41bC0xLjU0IDZhMiAyIDAgMCAxLTEuOTUgMS41SDRhMiAyIDAgMCAxLTItMlY1YTIgMiAwIDAgMSAyLTJoMy45YTIgMiAwIDAgMSAxLjY5LjlsLjgxIDEuMmEyIDIgMCAwIDAgMS42Ny45SDE4YTIgMiAwIDAgMSAyIDJ2MiIvPjwvc3ZnPg=="); }
body.ew-app .ew-icon-evidence  { --ew-ico: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPgogIDxjaXJjbGUgY3g9IjYiIGN5PSIxMiIgcj0iMiIvPgogIDxjaXJjbGUgY3g9IjE4IiBjeT0iNiIgcj0iMiIvPgogIDxjaXJjbGUgY3g9IjE4IiBjeT0iMTgiIHI9IjIiLz4KICA8cGF0aCBkPSJNOCAxMWw4LTQiLz4KICA8cGF0aCBkPSJNOCAxM2w4IDQiLz4KPC9zdmc+"); }
body.ew-app .ew-icon-insights  { --ew-ico: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPgogIDxwYXRoIGQ9Ik0zIDN2MTZhMiAyIDAgMCAwIDIgMmgxNiIvPjxwYXRoIGQ9Im0xOSA5LTUgNS00LTQtMyAzIi8+PC9zdmc+"); }
body.ew-app .ew-icon-brain     { --ew-ico: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPgogIDxwYXRoIGQ9Ik0xMiAxOFY1Ii8+PHBhdGggZD0iTTE1IDEzYTQuMTcgNC4xNyAwIDAgMS0zLTQgNC4xNyA0LjE3IDAgMCAxLTMgNCIvPgogIDxwYXRoIGQ9Ik0xNy41OTggNi41QTMgMyAwIDEgMCAxMiA1YTMgMyAwIDEgMC01LjU5OCAxLjUiLz4KICA8cGF0aCBkPSJNMTcuOTk3IDUuMTI1YTQgNCAwIDAgMSAyLjUyNiA1Ljc3Ii8+PHBhdGggZD0iTTE4IDE4YTQgNCAwIDAgMCAyLTcuNDY0Ii8+CiAgPHBhdGggZD0iTTE5Ljk2NyAxNy40ODNBNCA0IDAgMSAxIDEyIDE4YTQgNCAwIDEgMS03Ljk2Ny0uNTE3Ii8+CiAgPHBhdGggZD0iTTYgMThhNCA0IDAgMCAxLTItNy40NjQiLz48cGF0aCBkPSJNNi4wMDMgNS4xMjVhNCA0IDAgMCAwLTIuNTI2IDUuNzciLz48L3N2Zz4="); }
body.ew-app .ew-icon-email     { --ew-ico: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPgogIDxwYXRoIGQ9Im0yMiA3LTguOTkxIDUuNzI3YTIgMiAwIDAgMS0yLjAwOSAwTDIgNyIvPjxyZWN0IHg9IjIiIHk9IjQiIHdpZHRoPSIyMCIgaGVpZ2h0PSIxNiIgcng9IjIiLz48L3N2Zz4="); }
body.ew-app .ew-icon-uploads   { --ew-ico: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPgogIDxwYXRoIGQ9Ik0xMiAzdjEyIi8+PHBhdGggZD0ibTE3IDgtNS01LTUgNSIvPjxwYXRoIGQ9Ik0yMSAxNXY0YTIgMiAwIDAgMS0yIDJINWEyIDIgMCAwIDEtMi0ydi00Ii8+PC9zdmc+"); }
body.ew-app .ew-icon-search    { --ew-ico: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPgogIDxjaXJjbGUgY3g9IjExIiBjeT0iMTEiIHI9IjgiLz48cGF0aCBkPSJtMjEgMjEtNC4zNC00LjM0Ii8+PC9zdmc+"); }
body.ew-app .ew-icon-reports   { --ew-ico: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPgogIDxwYXRoIGQ9Ik0xNCAydjVhMSAxIDAgMCAwIDEgMWg1Ii8+PHBhdGggZD0iTTYgMjJhMiAyIDAgMCAxLTItMlY0YTIgMiAwIDAgMSAyLTJoOGEyLjQgMi40IDAgMCAxIDEuNzA0LjcwNmwzLjU4OCAzLjU4OEEyLjQgMi40IDAgMCAxIDIwIDh2MTJhMiAyIDAgMCAxLTIgMnoiLz4KICA8cGF0aCBkPSJNMTAgOUg4Ii8+PHBhdGggZD0iTTE2IDEzSDgiLz48cGF0aCBkPSJNMTYgMTdIOCIvPjwvc3ZnPg=="); }
body.ew-app .ew-icon-storage   { --ew-ico: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPgogIDxsaW5lIHgxPSIyMiIgeDI9IjIiIHkxPSIxMiIgeTI9IjEyIi8+PHBhdGggZD0iTTUuNDUgNS4xMSAyIDEydjZhMiAyIDAgMCAwIDIgMmgxNmEyIDIgMCAwIDAgMi0ydi02bC0zLjQ1LTYuODlBMiAyIDAgMCAwIDE2Ljc2IDRINy4yNGEyIDIgMCAwIDAtMS43OSAxLjExeiIvPgogIDxsaW5lIHgxPSI2IiB4Mj0iNi4wMSIgeTE9IjE2IiB5Mj0iMTYiLz48bGluZSB4MT0iMTAiIHgyPSIxMC4wMSIgeTE9IjE2IiB5Mj0iMTYiLz48L3N2Zz4="); }
body.ew-app .ew-icon-notifications { --ew-ico: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPgogIDxwYXRoIGQ9Ik0xMC4yNjggMjFhMiAyIDAgMCAwIDMuNDY0IDAiLz48cGF0aCBkPSJNMy4yNjIgMTUuMzI2QTEgMSAwIDAgMCA0IDE3aDE2YTEgMSAwIDAgMCAuNzQtMS42NzNDMTkuNDEgMTMuOTU2IDE4IDEyLjQ5OSAxOCA4QTYgNiAwIDAgMCA2IDhjMCA0LjQ5OS0xLjQxMSA1Ljk1Ni0yLjczOCA3LjMyNiIvPjwvc3ZnPg=="); }
/* === END EW SIDEBAR MOCKUP STYLE 20260111 === */

/* === EW SIDEBAR LOGO IMG VISIBILITY (APP ONLY) 20260111-213946 === */
body.ew-app .ew-sidebar-brand img.ew-logo-img {
  opacity: 1 !important;
  display: block !important;
}
/* === END EW SIDEBAR LOGO IMG VISIBILITY (APP ONLY) 20260111-213946 === */

/* === EW SIDEBAR: HIDE LOGO IMG (APP ONLY) 20260113 === */
body.ew-app .ew-sidebar-brand {
  background-image: none !important;   /* in case any old override exists */
}
body.ew-app .ew-sidebar-brand img.ew-logo-img {
  display: block !important;            /* hides ONLY the sidebar logo */
}
/* === END EW SIDEBAR: HIDE LOGO IMG (APP ONLY) 20260113 === */

/* Ensure sidebar logo is visible */
.ew-sidebar .ew-sidebar-brand .ew-logo-img { display: block !important; }

/* Sidebar logo must not be inverted */
.ew-sidebar .ew-sidebar-brand .ew-logo-img { filter: none !important; }

/* Top bar: make it NOT a pill */
body.ew-app .ew-top-nav { border-radius: 8px !important; }

/* === EW TOP NAV: SQUARE CORNERS (APP ONLY) === */
body.ew-app .ew-top-nav,
body.ew-app .ew-top-nav.navbar {
  border-radius: 0 !important;
}
/* === END EW TOP NAV: SQUARE CORNERS === */

/* === EW FIX: SIDEBAR ABOVE TOPNAV (Z-INDEX) === */
body.ew-app .ew-sidebar { z-index: 1200 !important; }
/* === END EW FIX: SIDEBAR ABOVE TOPNAV (Z-INDEX) === */

/* === EW TOPBAR USER + NOTIFICATIONS 20260114 === */
body.ew-app .ew-top-action {
  padding: .5rem .65rem !important;
  color: rgba(71,85,105,0.95) !important;
}
body.ew-app .ew-top-action:hover {
  color: rgba(15,23,42,0.95) !important;
}
body.ew-app .ew-notif-dot {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: #ef4444;
  border: 2px solid #ffffff;
}
body.ew-app .ew-avatar-circle {
  width: 30px;
  height: 30px;
  border-radius: 999px;
  background: #2563eb;
  color: #ffffff;
  font-weight: 700;
  font-size: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}
body.ew-app .ew-user-name {
  font-weight: 600;
  font-size: 13px;
  color: rgba(15,23,42,0.95);
}
/* === END EW TOPBAR USER + NOTIFICATIONS 20260114 === */

/* === EW TOPBAR TITLE (APP ONLY) 20260114 === */
body.ew-app .ew-topbar-title{
  display:flex !important;
  flex-direction:column !important;
  gap:2px !important;
  padding: 0.1rem 0 !important;
}
body.ew-app .ew-topbar-title-main{
  font-size: 18px !important;
  font-weight: 700 !important;
  line-height: 1.1 !important;
  color: #0f172a !important;
}
body.ew-app .ew-topbar-title-sub{
  font-size: 12px !important;
  line-height: 1.1 !important;
  color: rgba(100,116,139,1) !important;
}
@media (max-width: 576px){
  body.ew-app .ew-topbar-title-sub{ display:none !important; }
}
/* === END EW TOPBAR TITLE === */

/* EW DASHBOARD: REMOVE GREY PILL 20260114 */
/* Dashboard-only: remove the grey “sheet/pill” behind the sticky charts wrapper */
body.ew-app.ew-page-dashboard .dash-sticky-charts{
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}

/* EW DASHBOARD: STICKY WRAPPER TRANSPARENT 20260114 */
body.ew-app.ew-page-dashboard .dash-sticky-charts {
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
  outline: 0 !important;
}
/* END  EW DASHBOARD: STICKY WRAPPER TRANSPARENT 20260114 */

/* === EW DASHBOARD: REMOVE MAIN SURFACE PILL === */
body.ew-app.ew-page-dashboard main[role="main"] {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}
/* === END EW DASHBOARD: REMOVE MAIN SURFACE PILL === */

/* === EW DASH KPI CARDS 20260114 === */
body.ew-page-dashboard .dash-kpis-wrap { margin: 10px 0 12px; }
body.ew-page-dashboard .dash-kpis {
  display: grid;
  grid-template-columns: repeat(4, minmax(220px, 1fr));
  gap: 14px;
}
@media (max-width: 1200px){
  body.ew-page-dashboard .dash-kpis { grid-template-columns: repeat(2, minmax(220px, 1fr)); }
}
@media (max-width: 700px){
  body.ew-page-dashboard .dash-kpis { grid-template-columns: 1fr; }
}
body.ew-page-dashboard .dash-kpi{
  position: relative;
  overflow: hidden;
  border: 1px solid #e5e7eb;
  border-radius: 14px;
  background: #fff;
  padding: 14px 14px 12px;
  box-shadow: 0 8px 22px rgba(0,0,0,.05);
  min-height: 92px;
  display: flex;
  align-items: flex-start;
  gap: 12px;
}
body.ew-page-dashboard .dash-kpi-ic{
  width: 38px; height: 38px;
  border-radius: 10px;
  display: grid; place-items: center;
  font-size: 18px;
  flex: 0 0 auto;
}
body.ew-page-dashboard .dash-kpi-txt{ min-width: 0; }
body.ew-page-dashboard .dash-kpi-label{
  font-size: 12px;
  color: #64748b;
  margin-top: 2px;
}
body.ew-page-dashboard .dash-kpi-val{
  font-size: 24px;
  font-weight: 800;
  line-height: 1.1;
  color: #0f172a;
  margin-top: 2px;
}
body.ew-page-dashboard .dash-kpi-sub{
  font-size: 11px;
  color: #64748b;
  margin-top: 4px;
}
body.ew-page-dashboard .dash-kpi-up{ color: #16a34a; font-weight: 700; }
body.ew-page-dashboard .dash-kpi-muted{ color: #64748b; font-weight: 700; }

body.ew-page-dashboard .dash-kpi-spark{
  position: absolute;
  right: 10px;
  top: 10px;
  width: 130px;
  height: 26px;
  opacity: .9;
}

body.ew-page-dashboard .dash-kpi-purple { background: linear-gradient(90deg, rgba(168,85,247,.10), #ffffff 55%); }
body.ew-page-dashboard .dash-kpi-cyan   { background: linear-gradient(90deg, rgba(34,211,238,.10), #ffffff 55%); }
body.ew-page-dashboard .dash-kpi-orange { background: linear-gradient(90deg, rgba(249,115,22,.10), #ffffff 55%); }
body.ew-page-dashboard .dash-kpi-pink   { background: linear-gradient(90deg, rgba(236,72,153,.10), #ffffff 55%); }

body.ew-page-dashboard .dash-kpi-purple .dash-kpi-ic { background: rgba(168,85,247,.18); }
body.ew-page-dashboard .dash-kpi-cyan   .dash-kpi-ic { background: rgba(34,211,238,.18); }
body.ew-page-dashboard .dash-kpi-orange .dash-kpi-ic { background: rgba(249,115,22,.18); }
body.ew-page-dashboard .dash-kpi-pink   .dash-kpi-ic { background: rgba(236,72,153,.18); }

body.ew-page-dashboard .dash-kpi-purple .dash-kpi-spark{ color: rgba(34,197,94,.95); }
body.ew-page-dashboard .dash-kpi-cyan   .dash-kpi-spark{ color: rgba(14,165,233,.95); }
body.ew-page-dashboard .dash-kpi-orange .dash-kpi-spark{ color: rgba(34,197,94,.95); }
body.ew-page-dashboard .dash-kpi-pink   .dash-kpi-spark{ color: rgba(34,197,94,.95); }
/* === END EW DASH KPI CARDS 20260114 === */

/* === EW KPI: REMOVE DECORATIVE LINES (SPARKLINES) === */
body.ew-app .ew-kpi-card{
  background-image: none !important;
}
body.ew-app .ew-kpi-card::before,
body.ew-app .ew-kpi-card::after{
  content: none !important;
  display: none !important;
}
body.ew-app .ew-kpi-card .ew-kpi-spark,
body.ew-app .ew-kpi-card .ew-kpi-sparkline,
body.ew-app .ew-kpi-card .ew-kpi-trend,
body.ew-app .ew-kpi-card svg[class*="spark"],
body.ew-app .ew-kpi-card svg[class*="trend"]{
  display: none !important;
}
/* === END EW KPI: REMOVE DECORATIVE LINES (SPARKLINES) === */

/* === DASH KPI: HIDE SPARKLINES (remove green/blue lines) === */
body.ew-app svg.dash-kpi-spark,
body.ew-app .dash-kpi-spark {
  display: none !important;
}
/* === END DASH KPI: HIDE SPARKLINES === */

/* === EW KPI ICONS: REPLACE EMOJI WITH SVG (NO VIEW CHANGES) === */
.dash-kpi .dash-kpi-ic {
  width: 34px !important;
  height: 34px !important;
  border-radius: 10px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 34px !important;
  font-size: 0 !important;        /* hides emoji */
  line-height: 0 !important;      /* hides emoji */
  position: relative !important;
}

.dash-kpi .dash-kpi-ic::before {
  content: "" !important;
  width: 18px !important;
  height: 18px !important;
  background-color: currentColor !important;
  -webkit-mask: none;
  mask: none;
}

.dash-kpi-purple .dash-kpi-ic {
  background: rgba(168,85,247,0.14) !important;
  color: #a855f7 !important;
}
.dash-kpi-purple .dash-kpi-ic::before {
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%207a2%202%200%200%201%202-2h5l2%202h9a2%202%200%200%201%202%202v9a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2z%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat !important;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%207a2%202%200%200%201%202-2h5l2%202h9a2%202%200%200%201%202%202v9a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2z%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat !important;
}

.dash-kpi-cyan .dash-kpi-ic {
  background: rgba(14,165,233,0.12) !important;
  color: #0ea5e9 !important;
}
.dash-kpi-cyan .dash-kpi-ic::before {
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M2%2012s4-7%2010-7%2010%207%2010%207-4%207-10%207S2%2012%202%2012z%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%223%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat !important;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M2%2012s4-7%2010-7%2010%207%2010%207-4%207-10%207S2%2012%202%2012z%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%223%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat !important;
}

.dash-kpi-orange .dash-kpi-ic {
  background: rgba(249,115,22,0.12) !important;
  color: #f97316 !important;
}
.dash-kpi-orange .dash-kpi-ic::before {
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%224%22%20width%3D%2218%22%20height%3D%2218%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M16%202v4M8%202v4M3%2010h18%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat !important;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%224%22%20width%3D%2218%22%20height%3D%2218%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M16%202v4M8%202v4M3%2010h18%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat !important;
}

.dash-kpi-pink .dash-kpi-ic {
  background: rgba(236,72,153,0.12) !important;
  color: #ec4899 !important;
}
.dash-kpi-pink .dash-kpi-ic::before {
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M14%202H6a2%202%200%200%200-2%202v16a2%202%200%200%200%202%202h12a2%202%200%200%200%202-2V8z%22%2F%3E%3Cpath%20d%3D%22M14%202v6h6%22%2F%3E%3Cpath%20d%3D%22M16%2013H8%22%2F%3E%3Cpath%20d%3D%22M16%2017H8%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat !important;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M14%202H6a2%202%200%200%200-2%202v16a2%202%200%200%200%202%202h12a2%202%200%200%200%202-2V8z%22%2F%3E%3Cpath%20d%3D%22M14%202v6h6%22%2F%3E%3Cpath%20d%3D%22M16%2013H8%22%2F%3E%3Cpath%20d%3D%22M16%2017H8%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat !important;
}
/* === END EW KPI ICONS === */

/* === EW KPI ICONS: SOLID ICON BACKGROUNDS === */
.dash-kpi-purple .dash-kpi-ic { background: #a855f7 !important; color: #ffffff !important; }
.dash-kpi-cyan   .dash-kpi-ic { background: #0ea5e9 !important; color: #ffffff !important; }
.dash-kpi-orange .dash-kpi-ic { background: #f97316 !important; color: #ffffff !important; }
.dash-kpi-pink   .dash-kpi-ic { background: #ec4899 !important; color: #ffffff !important; }
/* === END EW KPI ICONS: SOLID ICON BACKGROUNDS === */

/* EW_ICON_SET_CAL_WA 20260301 */
body.ew-app .ew-icon-calendar { --ew-ico: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPgogIDxyZWN0IHg9IjMiIHk9IjQiIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgcng9IjIiLz4KICA8bGluZSB4MT0iMTYiIHkxPSIyIiB4Mj0iMTYiIHkyPSI2Ii8+CiAgPGxpbmUgeDE9IjgiIHkxPSIyIiB4Mj0iOCIgeTI9IjYiLz4KICA8bGluZSB4MT0iMyIgeTE9IjEwIiB4Mj0iMjEiIHkyPSIxMCIvPgo8L3N2Zz4="); }
body.ew-app .ew-icon-whatsapp { --ew-ico: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPgogIDxwYXRoIGQ9Ik0yMSAxMS41YTguNCA4LjQgMCAwIDEtLjkgMy44IDguNSA4LjUgMCAwIDEtNy42IDQuNyA4LjQgOC40IDAgMCAxLTMuOC0uOUwzIDIxbDEuNi01LjdBOC40IDguNCAwIDAgMSAzLjcgMTEuNSA4LjUgOC41IDAgMCAxIDEyLjMgM2guMmE4LjUgOC41IDAgMCAxIDguNSA4LjV6Ii8+Cjwvc3ZnPg=="); }

/* EW_ICON_ALIGN_20260301 */
body.ew-app .ew-menu-icon {
  width: 32px !important;
  height: 32px !important;
  flex: 0 0 32px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 0 !important;
}

body.ew-app .ew-menu-icon::before {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 18px !important;
  height: 18px !important;
}

/* EW_EVIDENCEMAP_ICON_SVG_OVERRIDE 20260301-150037
   Force Evidence Map icon to use SVG mask and override older .ew-icon-evidence rules safely.
*/
/* EW_EVIDENCEMAP_ICON_INLINE_MASK_OVERRIDE 20260301-150720
   Safe override: ensure Evidence Map icon always renders (no external SVG, no CSS breakage).
*/
/* EW_EVIDENCEMAP_BGSVG_FORCE 20260301-154059
   Force Evidence Map icon to render as a background SVG.
   This avoids ::before/::after conflicts and does not affect other icons.
*/
.ew-menu-icon.ew-icon-evidence::before,
/* EW_EVIDENCEMAP_FORCE_VISIBLE_WHITE 20260301-155759
   Fix: Evidence icon was invisible because computed color was transparent.
   Force visible white for this icon only.
*/
/* EW_EVIDENCEMAP_FORCE_V2 20260301-160128
   Highest-specificity final override for Evidence Map icon ONLY.
   Uses background SVG (white) + disables any ::before/::after drawings.
*/
body.ew-app .ew-sidebar .ew-menu-icon.ew-icon-evidence::before,
/* EW_EVIDENCEMAP_SIZE_FORCE_20 20260301-161400
   Final override: force Evidence Map icon background-size to 20x20.
*/
/* EW_EVIDENCEMAP_MATCH_BOX_40 20260301-161605
   Make Evidence Map icon match other menu icons (same icon box size).
*/
/* EW_EVIDENCEMAP_ICON_CONNECTED_NODES 20260301-162310
   Final override: Evidence Map icon uses connected-nodes SVG and matches other icons.
*/
body.ew-app .ew-sidebar .ew-menu-icon.ew-icon-evidence::before,
/* EW_EVIDENCEMAP_ICON_CONNECTED_NODES_V2 20260301-162737
   - Removes tiny unconnected node
   - Matches other icons by reducing brightness (opacity)
*/
/* EW_EVIDENCEMAP_USE_EWICO 20260301-164441
   Evidence Map icon uses the SAME method as the others:
   --ew-ico + body.ew-app .ew-menu-icon::before (mask).
   Safe: Evidence Map only.
*/

/* EW_SHARED_HEADER_PILL_20260320 */
body.ew-app .ew-page-header{
  padding:14px 18px 8px 18px;
  background:transparent !important;
}

body.ew-app .ew-top-nav{
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
  padding:0 !important;
  min-height:auto !important;
}

body.ew-app .ew-top-nav .ew-top-nav-inner{
  background:
    linear-gradient(135deg, #f8fbff 0%, #eef6ff 45%, #f8fbff 100%) !important;
  border:1px solid #dbe3ef !important;
  border-radius:22px !important;
  box-shadow:0 2px 10px rgba(15,23,42,.06) !important;
  padding:14px 18px !important;
}

body.ew-app .ew-topbar-title{
  padding-right:18px;
}

body.ew-app .ew-topbar-title-main{
  font-size:1.05rem;
  line-height:1.2;
  font-weight:800;
  color:#111827;
  margin:0;
}

body.ew-app .ew-topbar-title-sub{
  margin-top:4px;
  font-size:.82rem;
  line-height:1.35;
  color:#6b7280;
}

body.ew-app .ew-topbar-actions{
  align-items:center;
  gap:10px;
}

body.ew-app .ew-top-action{
  width:40px;
  height:40px;
  border-radius:12px !important;
  border:1px solid #dbe3ef !important;
  background:#ffffff !important;
  display:flex !important;
  align-items:center;
  justify-content:center;
  color:#475569 !important;
  padding:0 !important;
}

body.ew-app .ew-user-dd{
  min-height:40px;
  padding:6px 12px !important;
  border-radius:12px !important;
  border:1px solid #dbe3ef !important;
  background:#0f172a !important;
  color:#ffffff !important;
}

body.ew-app .ew-user-dd:hover,
body.ew-app .ew-user-dd:focus{
  color:#ffffff !important;
}

body.ew-app .ew-user-name{
  color:#ffffff !important;
  font-weight:700;
}

body.ew-app .ew-avatar-circle{
  width:26px;
  height:26px;
  border-radius:999px;
  background:#111827 !important;
  color:#ffffff !important;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:.78rem;
  font-weight:800;
  border:1px solid rgba(255,255,255,.16);
}

@media (max-width: 991.98px){
  body.ew-app .ew-page-header{
    padding:12px 10px 6px 10px;
  }

  body.ew-app .ew-top-nav .ew-top-nav-inner{
    padding:12px 14px !important;
  }

  body.ew-app .ew-topbar-title{
    padding-right:0;
    margin-bottom:10px;
  }
}

/* EW_DASHBOARD_FRONTEND_ONLY_V2_20260320_START */
body.ew-page-dashboard .ew-topbar-title{
  display:none !important;
}

body.ew-page-dashboard .ew-top-nav{
  background:#ffffff !important;
}

body.ew-page-dashboard .ew-top-nav .container-fluid{
  min-height:64px;
}

body.ew-page-dashboard .ew-main-body{
  background:#f5f7fb !important;
  padding:14px 20px 20px !important;
}

body.ew-page-dashboard .ew-dashboard-page{
  display:flex;
  flex-direction:column;
  gap:16px;
}

body.ew-page-dashboard .ew-dashboard-hero{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:14px 18px;
  border:1px solid #e2e8f0;
  border-radius:16px;
  background:#ffffff;
  box-shadow:0 8px 24px rgba(15,23,42,.05);
}

body.ew-page-dashboard .ew-dashboard-hero-copy{
  min-width:0;
}

body.ew-page-dashboard .ew-dashboard-hero-title{
  margin:0;
  font-size:22px;
  line-height:1.1;
  font-weight:700;
  color:#0f172a;
}

body.ew-page-dashboard .ew-dashboard-hero-sub{
  margin-top:4px;
  font-size:12px;
  color:#64748b;
}

body.ew-page-dashboard .ew-dashboard-hero-actions{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  justify-content:flex-end;
}

body.ew-page-dashboard .ew-dashboard-chip{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:0 12px;
  border:1px solid #e2e8f0;
  border-radius:10px;
  background:#ffffff;
  color:#475569;
  font-size:12px;
  font-weight:600;
  text-decoration:none;
  white-space:nowrap;
}

body.ew-page-dashboard .ew-dashboard-chip.is-active{
  color:#0f172a;
  background:#f8fafc;
}

body.ew-page-dashboard .dash-kpis-wrap{
  margin:0 !important;
}

body.ew-page-dashboard .dash-kpis{
  display:grid;
  grid-template-columns:repeat(4, minmax(220px, 1fr));
  gap:16px !important;
}

@media (max-width: 1200px){
  body.ew-page-dashboard .dash-kpis{
    grid-template-columns:repeat(2, minmax(220px, 1fr));
  }
}

@media (max-width: 700px){
  body.ew-page-dashboard .dash-kpis{
    grid-template-columns:1fr;
  }
}

body.ew-page-dashboard .dash-kpi{
  position:relative;
  overflow:hidden;
  border:1px solid #e2e8f0;
  border-radius:16px;
  background:#ffffff;
  padding:16px 16px 14px;
  box-shadow:0 8px 24px rgba(15,23,42,.05);
  min-height:106px;
  display:flex;
  align-items:flex-start;
  gap:14px;
  transition:transform .14s ease, box-shadow .14s ease, border-color .14s ease;
}

body.ew-page-dashboard .dash-kpi:hover{
  transform:translateY(-1px);
  box-shadow:0 10px 28px rgba(15,23,42,.08);
  border-color:#cbd5e1;
}

body.ew-page-dashboard .dash-kpi-ic{
  width:40px;
  height:40px;
  border-radius:12px;
  display:grid;
  place-items:center;
  font-size:18px;
  flex:0 0 auto;
}

body.ew-page-dashboard .dash-kpi-txt{
  min-width:0;
}

body.ew-page-dashboard .dash-kpi-label{
  font-size:11px;
  color:#64748b;
  margin-top:1px;
}

body.ew-page-dashboard .dash-kpi-val{
  font-size:32px;
  font-weight:800;
  line-height:1.05;
  color:#0f172a;
  margin-top:4px;
}

body.ew-page-dashboard .dash-kpi-sub{
  font-size:11px;
  color:#64748b;
  margin-top:6px;
}

body.ew-page-dashboard .dash-kpi-up{
  color:#16a34a;
  font-weight:700;
}

body.ew-page-dashboard .dash-kpi-muted{
  color:#94a3b8;
  font-weight:700;
}

body.ew-page-dashboard .dash-kpi-purple{
  background:linear-gradient(90deg, rgba(168,85,247,.10), #ffffff 58%) !important;
}

body.ew-page-dashboard .dash-kpi-cyan{
  background:linear-gradient(90deg, rgba(14,165,233,.10), #ffffff 58%) !important;
}

body.ew-page-dashboard .dash-kpi-orange{
  background:linear-gradient(90deg, rgba(249,115,22,.10), #ffffff 58%) !important;
}

body.ew-page-dashboard .dash-kpi-pink{
  background:linear-gradient(90deg, rgba(236,72,153,.10), #ffffff 58%) !important;
}

body.ew-page-dashboard .dash-kpi-purple .dash-kpi-ic{ background:rgba(168,85,247,.16) !important; }
body.ew-page-dashboard .dash-kpi-cyan .dash-kpi-ic{ background:rgba(14,165,233,.16) !important; }
body.ew-page-dashboard .dash-kpi-orange .dash-kpi-ic{ background:rgba(249,115,22,.16) !important; }
body.ew-page-dashboard .dash-kpi-pink .dash-kpi-ic{ background:rgba(236,72,153,.16) !important; }

body.ew-page-dashboard .dash-kpi-spark{
  display:none !important;
}

body.ew-page-dashboard .ew-dashboard-analytics-wrap{
  margin:0;
}

body.ew-page-dashboard .dashv2-grid{
  display:grid;
  grid-template-columns:minmax(0, 1.7fr) minmax(320px, 1fr);
  gap:16px;
}

@media (max-width: 1100px){
  body.ew-page-dashboard .dashv2-grid{
    grid-template-columns:1fr;
  }
}

body.ew-page-dashboard .dashv2-card{
  background:#ffffff;
  border:1px solid #e2e8f0;
  border-radius:16px;
  padding:16px;
  box-shadow:0 8px 24px rgba(15,23,42,.05);
}

body.ew-page-dashboard .dashv2-title{
  margin:0 0 2px 0;
  font-size:24px;
  line-height:1.1;
  font-weight:700;
  color:#0f172a;
}

body.ew-page-dashboard .dashv2-sub{
  margin:0 0 12px 0;
  font-size:12px;
  color:#64748b;
}

body.ew-page-dashboard .dashv2-canvas{
  width:100%;
  max-width:100%;
  height:260px !important;
  max-height:260px;
  display:block;
}

body.ew-page-dashboard .ew-dashboard-recent-section{
  display:flex;
  flex-direction:column;
  gap:10px;
}

body.ew-page-dashboard .ew-dashboard-section-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:12px;
}

body.ew-page-dashboard .ew-dashboard-section-title{
  margin:0;
  font-size:20px;
  font-weight:700;
  color:#0f172a;
}

body.ew-page-dashboard .ew-dashboard-section-sub{
  margin-top:2px;
  font-size:12px;
  color:#64748b;
}

body.ew-page-dashboard .ew-dashboard-table-card{
  background:#ffffff;
  border:1px solid #e2e8f0;
  border-radius:16px;
  overflow:hidden;
  box-shadow:0 8px 24px rgba(15,23,42,.05);
}

body.ew-page-dashboard .ew-dashboard-table{
  margin-bottom:0;
}

body.ew-page-dashboard .ew-dashboard-table thead th{
  border-bottom:1px solid #e2e8f0;
  background:#ffffff;
  color:#64748b;
  font-size:11px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.04em;
  padding:12px 14px;
}

body.ew-page-dashboard .ew-dashboard-table tbody td{
  padding:12px 14px;
  border-top:1px solid #eef2f7;
  vertical-align:middle;
  font-size:13px;
  color:#0f172a;
}

body.ew-page-dashboard .ew-dashboard-case-link{
  color:#2563eb;
  text-decoration:underline;
  text-underline-offset:2px;
}

body.ew-page-dashboard .ew-status-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:22px;
  padding:0 8px;
  border-radius:999px;
  font-size:11px;
  font-weight:700;
  white-space:nowrap;
  background:#e2e8f0;
  color:#334155;
}

body.ew-page-dashboard .ew-status-pill.is-open{
  background:rgba(245,158,11,.15);
  color:#a16207;
}

body.ew-page-dashboard .ew-status-pill.is-pending{
  background:rgba(245,158,11,.14);
  color:#a16207;
}

body.ew-page-dashboard .ew-status-pill.is-investigating{
  background:rgba(59,130,246,.14);
  color:#1d4ed8;
}

body.ew-page-dashboard .ew-status-pill.is-closed{
  background:rgba(148,163,184,.18);
  color:#334155;
}

body.ew-page-dashboard .btn-dash-edit{
  background:#06b6d4 !important;
  border:1px solid #06b6d4 !important;
  color:#ffffff !important;
  border-radius:8px !important;
  padding:6px 12px !important;
  font-weight:700 !important;
  font-size:12px !important;
  text-decoration:none !important;
  min-width:44px;
}

body.ew-page-dashboard .btn-dash-edit:hover{
  filter:brightness(.97);
  color:#ffffff !important;
}

@media (max-width: 900px){
  body.ew-page-dashboard .ew-dashboard-hero{
    flex-direction:column;
    align-items:flex-start;
  }

  body.ew-page-dashboard .ew-dashboard-hero-actions{
    width:100%;
    justify-content:flex-start;
  }
}
/* EW_DASHBOARD_FRONTEND_ONLY_V2_20260320_END */

/* EW_SHARED_HEADER_USER_PURPLE_20260320 */
body.ew-app .ew-user-dd{
  background:#6d28d9 !important;
  border:1px solid #6d28d9 !important;
  color:#ffffff !important;
  border-radius:14px !important;
  padding:6px 12px !important;
  box-shadow:0 8px 18px rgba(109,40,217,.18) !important;
}

body.ew-app .ew-user-dd:hover,
body.ew-app .ew-user-dd:focus{
  background:#5b21b6 !important;
  border-color:#5b21b6 !important;
  color:#ffffff !important;
}

body.ew-app .ew-user-dd .ew-user-name{
  color:#ffffff !important;
}

body.ew-app .ew-user-dd .ew-avatar-circle{
  background:rgba(255,255,255,.16) !important;
  color:#ffffff !important;
  border:1px solid rgba(255,255,255,.28) !important;
}

body.ew-app .ew-user-dd::after{
  color:#ffffff !important;
}

/* EW_TOP_MENU_EXACT_FIX_20260320_START */
body.ew-app .ew-case-tools-link,
body.ew-app .ew-communication-link{
  min-height:58px;
  padding:14px 16px !important;
  border-radius:14px;
  background:#182b5b !important;
  border:1px solid rgba(255,255,255,.08) !important;
}

body.ew-app .ew-case-tools-link:hover,
body.ew-app .ew-communication-link:hover{
  background:#1b3168 !important;
}

body.ew-app .ew-case-tools-link.is-active-parent,
body.ew-app .ew-communication-link.is-active-parent{
  background:#1b3168 !important;
}

body.ew-app .ew-case-tools-main{
  gap:12px !important;
  width:100%;
  align-items:center !important;
}

body.ew-app .ew-case-tools-title{
  font-size:16px;
  font-weight:700;
  color:#f8fafc;
  line-height:1.15;
  white-space:normal;
  max-width:92px;
}

body.ew-app .ew-menu-badge-inline{
  margin-left:8px;
  background:#1d6a8e !important;
  color:#ecfeff !important;
  font-size:11px !important;
  font-weight:800 !important;
  letter-spacing:.02em;
  padding:4px 10px !important;
  border-radius:999px !important;
}

body.ew-app .ew-menu-badge-start{
  margin-left:10px;
  background:#0f766e !important;
  color:#ecfeff !important;
  font-size:11px !important;
  font-weight:800 !important;
  letter-spacing:.02em;
  padding:4px 10px !important;
  border-radius:999px !important;
}

body.ew-app .ew-case-tools-link .ew-menu-caret,
body.ew-app .ew-communication-link .ew-menu-caret{
  color:#dbeafe;
  opacity:1;
  font-size:15px;
  margin-left:8px;
}

body.ew-app .ew-case-tools-submenu,
body.ew-app .ew-communication-submenu{
  list-style:none;
  margin:8px 0 10px 0;
  padding:0 0 0 28px;
  position:relative;
}

body.ew-app .ew-case-tools-submenu::before,
body.ew-app .ew-communication-submenu::before{
  content:"";
  position:absolute;
  left:12px;
  top:6px;
  bottom:10px;
  width:1px;
  background:rgba(148,163,184,.22);
}

body.ew-app .ew-case-tools-submenu .ew-menu-item-link,
body.ew-app .ew-communication-submenu .ew-menu-item-link{
  min-height:44px;
  padding:8px 10px 8px 12px !important;
  border-radius:12px;
  background:transparent !important;
}

body.ew-app .ew-case-tools-submenu .ew-menu-item-link:hover,
body.ew-app .ew-communication-submenu .ew-menu-item-link:hover{
  background:rgba(255,255,255,.03) !important;
}

body.ew-app .ew-case-tools-submenu .ew-menu-item-link.is-active,
body.ew-app .ew-communication-submenu .ew-menu-item-link.is-active{
  background:transparent !important;
}

body.ew-app .ew-case-tools-submenu .ew-menu-item-link.is-active::before,
body.ew-app .ew-communication-submenu .ew-menu-item-link.is-active::before{
  content:none !important;
}

body.ew-app .ew-case-tools-submenu .ew-menu-label,
body.ew-app .ew-communication-submenu .ew-menu-label{
  font-size:14px;
  font-weight:600;
  color:#e5e7eb;
  line-height:1.15;
}

body.ew-app .ew-case-tools-submenu .ew-menu-icon,
body.ew-app .ew-communication-submenu .ew-menu-icon,
body.ew-app .ew-case-tools-link .ew-menu-icon,
body.ew-app .ew-communication-link .ew-menu-icon{
  color:transparent !important;
  font-size:0 !important;
}

body.ew-app .ew-case-tools-link .ew-icon-case-tools,
body.ew-app .ew-communication-link .ew-icon-communication,
body.ew-app .ew-case-tools-submenu .ew-icon-cases,
body.ew-app .ew-case-tools-submenu .ew-icon-evidence,
body.ew-app .ew-case-tools-submenu .ew-icon-brain,
body.ew-app .ew-case-tools-submenu .ew-icon-insights,
body.ew-app .ew-case-tools-submenu .ew-icon-uploads,
body.ew-app .ew-communication-submenu .ew-icon-email,
body.ew-app .ew-communication-submenu .ew-icon-calendar,
body.ew-app .ew-communication-submenu .ew-icon-whatsapp{
  --ew-ico-size:18px;
}

body.ew-app .ew-case-tools-link .ew-icon-case-tools{ --ew-ico: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect x='3' y='7' width='18' height='13' rx='2'/><path d='M8 7V5a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2'/><path d='M3 12h18'/></svg>"); }
body.ew-app .ew-communication-link .ew-icon-communication{ --ew-ico: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M20 4H4a2 2 0 0 0-2 2v15l4-3h14a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2Z'/><path d='M7 9h4'/><path d='M7 14h6'/></svg>"); }
body.ew-app .ew-case-tools-submenu .ew-icon-cases{ --ew-ico: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='m3 7 2-2h5l2 2h9v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/></svg>"); }
body.ew-app .ew-case-tools-submenu .ew-icon-evidence{ --ew-ico: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='6' cy='12' r='2'/><circle cx='18' cy='6' r='2'/><circle cx='18' cy='18' r='2'/><path d='M8 11l8-4'/><path d='M8 13l8 4'/></svg>"); }
body.ew-app .ew-case-tools-submenu .ew-icon-brain{ --ew-ico: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M2 12s3-5 10-5 10 5 10 5-3 5-10 5-10-5-10-5Z'/><circle cx='12' cy='12' r='2'/></svg>"); }
body.ew-app .ew-case-tools-submenu .ew-icon-insights{ --ew-ico: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M4 20V10'/><path d='M10 20V4'/><path d='M16 20v-8'/><path d='M22 20V7'/></svg>"); }
body.ew-app .ew-case-tools-submenu .ew-icon-uploads{ --ew-ico: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M12 3v12'/><path d='m7 8 5-5 5 5'/><path d='M5 21h14'/></svg>"); }
body.ew-app .ew-communication-submenu .ew-icon-email{ --ew-ico: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect x='3' y='5' width='18' height='14' rx='2'/><path d='m4 7 8 6 8-6'/></svg>"); }
body.ew-app .ew-communication-submenu .ew-icon-calendar{ --ew-ico: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect x='3' y='4' width='18' height='18' rx='2'/><path d='M16 2v4'/><path d='M8 2v4'/><path d='M3 10h18'/></svg>"); }
body.ew-app .ew-communication-submenu .ew-icon-whatsapp{ --ew-ico: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M21 11.5a8.5 8.5 0 0 1-12.4 7.5L3 21l2-5.2A8.5 8.5 0 1 1 21 11.5Z'/></svg>"); }

body.ew-app .ew-case-tools-link .ew-menu-icon::before,
body.ew-app .ew-communication-link .ew-menu-icon::before,
body.ew-app .ew-case-tools-submenu .ew-menu-icon::before,
body.ew-app .ew-communication-submenu .ew-menu-icon::before{
  content:"" !important;
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  transform:translate(-50%, -50%) !important;
  width:18px !important;
  height:18px !important;
  background-color:#e5e7eb !important;
  -webkit-mask-image:var(--ew-ico) !important;
  -webkit-mask-repeat:no-repeat !important;
  -webkit-mask-position:center !important;
  -webkit-mask-size:contain !important;
  mask-image:var(--ew-ico) !important;
  mask-repeat:no-repeat !important;
  mask-position:center !important;
  mask-size:contain !important;
}

body.ew-app .ew-case-tools-link .ew-menu-icon::after,
body.ew-app .ew-communication-link .ew-menu-icon::after,
body.ew-app .ew-case-tools-submenu .ew-menu-icon::after,
body.ew-app .ew-communication-submenu .ew-menu-icon::after{
  content:none !important;
}
/* EW_TOP_MENU_EXACT_FIX_20260320_END */

/* EW_TOP_BLOCK_VISUAL_UPGRADE_20260320 */
body.ew-app .ew-case-tools-link,
body.ew-app .ew-communication-link{
  margin:10px 10px 6px 10px !important;
  box-shadow:0 10px 22px rgba(0,0,0,0.25) !important;
  border:1px solid rgba(255,255,255,.10) !important;
}

body.ew-app .ew-case-tools-link .ew-menu-icon,
body.ew-app .ew-communication-link .ew-menu-icon{
  background:rgba(255,255,255,.08) !important;
  border-radius:10px !important;
}

body.ew-app .ew-case-tools-title{
  max-width:none !important;
}

/* OPEN BADGE FIX */
.ew-menu-badge {
    font-size: 9px !important;
    padding: 2px 6px !important;
    border-radius: 10px !important;
    background: #1e90ff !important;
    color: #fff !important;
    margin-left: 6px !important;
    vertical-align: middle !important;
}

/* CASE TOOLS ALIGN FIX */
.ew-sidebar .ew-menu > li {
    margin: 0 !important;
    padding: 0 !important;
}

.ew-sidebar .ew-menu > li > a {
    margin: 0 !important;
    border-radius: 8px !important;
}

/* remove extra spacing above Case Tools */
.ew-sidebar .ew-menu > li + li {
    margin-top: 4px !important;
}

/* CASE TOOLS FINAL TUNE 20260320 */
body.ew-app .ew-case-tools-title{
  font-size:14px !important;
  font-weight:700 !important;
  line-height:1.15 !important;
  letter-spacing:0 !important;
  max-width:64px !important;
}

body.ew-app .ew-case-tools-link .ew-menu-label,
body.ew-app .ew-communication-link .ew-menu-label{
  font-size:14px !important;
  font-weight:700 !important;
}

body.ew-app .ew-menu-badge-inline,
body.ew-app .ew-menu-badge-start{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:18px !important;
  padding:0 7px !important;
  font-size:9px !important;
  font-weight:700 !important;
  line-height:1 !important;
  border-radius:999px !important;
  letter-spacing:.01em !important;
  box-shadow:none !important;
}

body.ew-app .ew-case-tools-link .ew-menu-caret,
body.ew-app .ew-communication-link .ew-menu-caret{
  font-size:10px !important;
  margin-left:6px !important;
  opacity:.9 !important;
  transform:translateY(1px) !important;
}

/* FINAL BADGE + DOT FIX 20260320 */

/* REMOVE GREEN DOTS */
.ew-menu-dot,
.ew-status-dot,
.ew-start-dot {
    display: none !important;
}

/* OPEN PILL */
.ew-menu-badge-inline {
    background: #1e90ff !important;
    color: #fff !important;
    padding: 2px 8px !important;
    font-size: 9px !important;
    border-radius: 999px !important;
    margin-left: 6px !important;
}

/* START HERE PILL */
.ew-menu-badge-start {
    background: #16a34a !important;
    color: #fff !important;
    padding: 2px 8px !important;
    font-size: 9px !important;
    border-radius: 999px !important;
    margin-left: 8px !important;
}

/* ALIGN TEXT + BADGES */
.ew-menu-label {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
}

/* REMOVE GREEN DOTS 20260322 */
body.ew-app .ew-menu-badge-inline::before,
body.ew-app .ew-menu-badge-inline::after,
body.ew-app .ew-menu-badge-start::before,
body.ew-app .ew-menu-badge-start::after{
  content:none !important;
  display:none !important;
}

body.ew-app .ew-menu-badge-inline,
body.ew-app .ew-menu-badge-start{
  background-image:none !important;
  box-shadow:none !important;
}

/* FORCE REMOVE ALL MENU DOTS 20260322 */
body.ew-app .ew-menu-item::before,
body.ew-app .ew-menu-item::after,
body.ew-app .ew-menu-item-link::before,
body.ew-app .ew-menu-item-link::after,
body.ew-app .ew-submenu li::before,
body.ew-app .ew-submenu li::after{
  content:none !important;
  display:none !important;
  background:none !important;
}
\n
/* CASE TOOLS PILL MATCH 20260322 */
body.ew-app .ew-case-tools-link{
  min-height:72px !important;
  padding:14px 16px !important;
  border-radius:14px !important;
  display:flex !important;
  align-items:center !important;
}

body.ew-app .ew-case-tools-main{
  display:flex !important;
  align-items:center !important;
  width:100% !important;
  gap:12px !important;
}

body.ew-app .ew-case-tools-link .ew-menu-icon{
  width:28px !important;
  height:28px !important;
  flex:0 0 28px !important;
  position:relative !important;
}

body.ew-app .ew-case-tools-title{
  font-size:15px !important;
  font-weight:700 !important;
  line-height:1.15 !important;
  color:#f3f4f6 !important;
  max-width:82px !important;
  white-space:normal !important;
}

body.ew-app .ew-open-pill{
  margin-left:auto !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  height:24px !important;
  padding:0 12px !important;
  border-radius:999px !important;
  background:#155e75 !important;
  color:#ecfeff !important;
  font-size:10px !important;
  font-weight:800 !important;
  letter-spacing:.02em !important;
  line-height:24px !important;
  white-space:nowrap !important;
  box-shadow:none !important;
  border:none !important;
}

body.ew-app .ew-start-pill{
  margin-left:auto !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  height:26px !important;
  padding:0 14px !important;
  border-radius:999px !important;
  background:#14532d !important;
  color:#ecfdf5 !important;
  font-size:11px !important;
  font-weight:800 !important;
  letter-spacing:.02em !important;
  line-height:26px !important;
  white-space:nowrap !important;
  box-shadow:none !important;
  border:none !important;
  position:relative !important;
  top:0 !important;
}

body.ew-app .ew-case-tools-link .ew-menu-caret{
  margin-left:8px !important;
  color:#dbeafe !important;
  font-size:14px !important;
}

body.ew-app .ew-case-tools-submenu .ew-menu-main{
  display:flex !important;
  align-items:center !important;
  width:100% !important;
  gap:10px !important;
}

body.ew-app .ew-case-tools-submenu .ew-menu-label{
  font-size:14px !important;
  font-weight:600 !important;
  line-height:1.2 !important;
  color:#e5e7eb !important;
}

body.ew-app .ew-case-tools-submenu .ew-menu-item-link{
  min-height:40px !important;
  padding:8px 10px 8px 12px !important;
}

/* CASE TOOLS INDENT + CARET TUNE 20260322 */
body.ew-app .ew-case-tools-link .ew-menu-caret{
  margin-left:10px !important;
  color:#dbeafe !important;
  font-size:12px !important;
  line-height:1 !important;
  opacity:1 !important;
  transform:translateY(0) !important;
}

body.ew-app .ew-case-tools-submenu,
body.ew-app .ew-communication-submenu{
  padding:0 0 0 42px !important;
}

body.ew-app .ew-case-tools-submenu::before,
body.ew-app .ew-communication-submenu::before{
  left:19px !important;
}

body.ew-app .ew-case-tools-submenu .ew-menu-item-link,
body.ew-app .ew-communication-submenu .ew-menu-item-link{
  padding:8px 12px 8px 16px !important;
}

body.ew-app .ew-case-tools-submenu .ew-menu-main,
body.ew-app .ew-communication-submenu .ew-menu-main{
  gap:12px !important;
}

body.ew-app .ew-start-pill{
  margin-left:auto !important;
  min-width:86px !important;
  justify-content:center !important;
}

/* CARET + START HERE EXACT FIX 20260322 */
body.ew-app .ew-case-tools-link .ew-menu-caret,
body.ew-app .ew-communication-link .ew-menu-caret,
body.ew-app .ew-menu-item-parent > .ew-menu-item-link .ew-menu-caret{
  font-size:0 !important;
  width:10px !important;
  min-width:10px !important;
  height:10px !important;
  margin-left:8px !important;
  position:relative !important;
  color:transparent !important;
}

body.ew-app .ew-case-tools-link .ew-menu-caret::before,
body.ew-app .ew-communication-link .ew-menu-caret::before,
body.ew-app .ew-menu-item-parent > .ew-menu-item-link .ew-menu-caret::before{
  content:"" !important;
  position:absolute !important;
  left:1px !important;
  top:1px !important;
  width:6px !important;
  height:6px !important;
  border-right:2px solid #dbeafe !important;
  border-bottom:2px solid #dbeafe !important;
  transform:rotate(45deg) !important;
  display:block !important;
  background:none !important;
}

body.ew-app .ew-case-tools-submenu .ew-menu-item-link{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  min-height:40px !important;
}

body.ew-app .ew-case-tools-submenu .ew-menu-main{
  display:flex !important;
  align-items:center !important;
  width:100% !important;
  gap:12px !important;
  min-width:0 !important;
}

body.ew-app .ew-case-tools-submenu .ew-menu-label{
  white-space:nowrap !important;
}

body.ew-app .ew-start-pill{
  flex:0 0 auto !important;
  margin-left:12px !important;
  min-width:92px !important;
  height:24px !important;
  line-height:24px !important;
  padding:0 12px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  position:static !important;
  top:auto !important;
  right:auto !important;
}

/* START HERE + CHEVRON INSIDE FIX 20260322 */
body.ew-app .ew-case-tools-link{
  overflow:hidden !important;
}

body.ew-app .ew-case-tools-link .ew-menu-caret{
  margin-left:6px !important;
  margin-right:2px !important;
  position:relative !important;
  right:auto !important;
  flex:0 0 12px !important;
  align-self:center !important;
}

body.ew-app .ew-case-tools-link .ew-menu-caret::before{
  left:0 !important;
  top:1px !important;
}

body.ew-app .ew-case-tools-submenu{
  padding:0 10px 0 38px !important;
}

body.ew-app .ew-case-tools-submenu .ew-menu-item-link{
  padding:8px 8px 8px 12px !important;
  overflow:hidden !important;
}

body.ew-app .ew-case-tools-submenu .ew-menu-main{
  gap:10px !important;
}

body.ew-app .ew-start-pill{
  margin-left:8px !important;
  min-width:74px !important;
  max-width:74px !important;
  padding:0 8px !important;
  font-size:9px !important;
  letter-spacing:0 !important;
  overflow:hidden !important;
  text-overflow:clip !important;
  white-space:nowrap !important;
}
\n
/* CASE TOOLS LAYOUT FIX 20260322 */
body.ew-app .ew-case-tools-link{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  overflow:hidden !important;
}

body.ew-app .ew-case-tools-main{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  flex:1 1 auto !important;
  min-width:0 !important;
}

body.ew-app .ew-case-tools-title{
  max-width:68px !important;
  flex:0 0 auto !important;
}

body.ew-app .ew-open-pill{
  flex:0 0 auto !important;
  margin-left:auto !important;
  margin-right:8px !important;
  min-width:72px !important;
  height:22px !important;
  line-height:22px !important;
  padding:0 10px !important;
  font-size:9px !important;
  white-space:nowrap !important;
  overflow:visible !important;
}

body.ew-app .ew-case-tools-link .ew-menu-caret{
  flex:0 0 12px !important;
  width:12px !important;
  min-width:12px !important;
  height:12px !important;
  margin:0 !important;
  position:relative !important;
  right:auto !important;
  left:auto !important;
  align-self:center !important;
  overflow:visible !important;
}

body.ew-app .ew-case-tools-link .ew-menu-caret::before{
  left:2px !important;
  top:2px !important;
}

body.ew-app .ew-case-tools-submenu{
  padding:0 12px 0 34px !important;
}

body.ew-app .ew-case-tools-submenu .ew-menu-item-link{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  padding:8px 6px 8px 12px !important;
  overflow:hidden !important;
}

body.ew-app .ew-case-tools-submenu .ew-menu-main{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  flex:1 1 auto !important;
  min-width:0 !important;
}

body.ew-app .ew-case-tools-submenu .ew-menu-label{
  white-space:nowrap !important;
  min-width:0 !important;
}

body.ew-app .ew-start-pill{
  flex:0 0 auto !important;
  margin-left:8px !important;
  min-width:84px !important;
  height:22px !important;
  line-height:22px !important;
  padding:0 10px !important;
  font-size:9px !important;
  white-space:nowrap !important;
  overflow:visible !important;
}

/* EW_SIDE_MENU_OPEN_ALIGNMENT_FINAL_20260323_START */
/* Final winner block for Case Tools / Communication parent rows and Cases START HERE row.
   Purpose:
   - OPEN pill text fits inside the parent block
   - line chevron sits inside the parent block
   - START HERE aligns next to Cases cleanly
   - does not touch uploads, preview, PDF, login, or logo
*/

body.ew-app .ew-case-tools-link,
body.ew-app .ew-communication-link{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:8px !important;
  overflow:hidden !important;
}

body.ew-app .ew-case-tools-link .ew-case-tools-main,
body.ew-app .ew-communication-link .ew-menu-main{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  min-width:0 !important;
  flex:1 1 auto !important;
}

body.ew-app .ew-case-tools-link .ew-icon-case-tools,
body.ew-app .ew-communication-link .ew-icon-communication{
  flex:0 0 20px !important;
  width:20px !important;
  height:20px !important;
}

body.ew-app .ew-case-tools-title{
  flex:0 1 auto !important;
  min-width:0 !important;
  max-width:66px !important;
  line-height:1.1 !important;
}

body.ew-app .ew-open-pill{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex:0 0 auto !important;
  margin-left:auto !important;
  margin-right:0 !important;
  min-width:48px !important;
  height:22px !important;
  line-height:22px !important;
  padding:0 10px !important;
  border-radius:999px !important;
  font-size:9px !important;
  font-weight:800 !important;
  white-space:nowrap !important;
  overflow:visible !important;
}

body.ew-app .ew-case-tools-link .ew-menu-caret,
body.ew-app .ew-communication-link .ew-menu-caret{
  position:relative !important;
  flex:0 0 12px !important;
  width:12px !important;
  min-width:12px !important;
  height:12px !important;
  margin:0 !important;
  color:transparent !important;
  font-size:0 !important;
  overflow:visible !important;
}

body.ew-app .ew-case-tools-link .ew-menu-caret::before,
body.ew-app .ew-communication-link .ew-menu-caret::before{
  content:"" !important;
  position:absolute !important;
  left:2px !important;
  top:2px !important;
  width:6px !important;
  height:6px !important;
  border-right:2px solid #dbeafe !important;
  border-bottom:2px solid #dbeafe !important;
  transform:rotate(45deg) !important;
  display:block !important;
  background:none !important;
}

body.ew-app .ew-case-tools-submenu{
  padding:0 10px 0 34px !important;
}

body.ew-app .ew-case-tools-submenu::before{
  left:18px !important;
  top:6px !important;
  bottom:10px !important;
}

body.ew-app .ew-case-tools-submenu .ew-menu-item-link{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  min-height:40px !important;
  padding:8px 6px 8px 12px !important;
  overflow:hidden !important;
}

body.ew-app .ew-case-tools-submenu .ew-menu-main{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  width:100% !important;
  min-width:0 !important;
  flex:1 1 auto !important;
}

body.ew-app .ew-case-tools-submenu .ew-menu-label{
  min-width:0 !important;
  flex:0 1 auto !important;
  white-space:nowrap !important;
}

body.ew-app .ew-start-pill{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex:0 0 auto !important;
  margin-left:auto !important;
  min-width:74px !important;
  max-width:74px !important;
  height:22px !important;
  line-height:22px !important;
  padding:0 8px !important;
  border-radius:999px !important;
  font-size:9px !important;
  font-weight:800 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
}

/* EW_SIDE_MENU_OPEN_ALIGNMENT_FINAL_20260323_END */

/* EW_SIDE_MENU_START_HERE_CASES_ONLY_20260323_START */
/* Cases row only: force wider START HERE pill */
body.ew-app .ew-case-tools-submenu > .ew-menu-item:first-child > .ew-menu-item-link{
  position:relative !important;
  min-height:36px !important;
  padding:4px 104px 4px 6px !important;
  overflow:visible !important;
}

body.ew-app .ew-case-tools-submenu > .ew-menu-item:first-child > .ew-menu-item-link > .ew-menu-main{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  width:100% !important;
  min-width:0 !important;
  overflow:visible !important;
}

body.ew-app .ew-case-tools-submenu > .ew-menu-item:first-child > .ew-menu-item-link .ew-menu-icon{
  flex:0 0 16px !important;
  width:16px !important;
  min-width:16px !important;
  height:16px !important;
  margin:0 !important;
}

body.ew-app .ew-case-tools-submenu > .ew-menu-item:first-child > .ew-menu-item-link .ew-menu-icon svg{
  width:16px !important;
  height:16px !important;
}

body.ew-app .ew-case-tools-submenu > .ew-menu-item:first-child > .ew-menu-item-link .ew-menu-label{
  min-width:0 !important;
  margin:0 !important;
  line-height:1.1 !important;
  white-space:nowrap !important;
}

body.ew-app .ew-case-tools-submenu > .ew-menu-item:first-child > .ew-menu-item-link > .ew-menu-main > .ew-start-pill,
body.ew-app .ew-case-tools-submenu > .ew-menu-item:first-child > .ew-menu-item-link .ew-start-pill{
  position:absolute !important;
  right:4px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  display:inline-flex !important;
  justify-content:center !important;
  align-items:center !important;
  box-sizing:border-box !important;
  width:96px !important;
  min-width:96px !important;
  max-width:96px !important;
  height:22px !important;
  line-height:22px !important;
  padding:0 10px !important;
  font-size:9px !important;
  font-weight:800 !important;
  letter-spacing:0.2px !important;
  white-space:nowrap !important;
  overflow:visible !important;
}
/* EW_SIDE_MENU_START_HERE_CASES_ONLY_20260323_END */

/* EW_SIDE_MENU_LEFT_SHIFT_20260323_START */
/* Pull submenu content left to use the empty blue gutter */
body.ew-app .ew-case-tools-submenu,
body.ew-app .ew-communication-submenu,
body.ew-app .court-prep-submenu{
  padding:0 0 0 24px !important;
}

body.ew-app .ew-case-tools-submenu::before,
body.ew-app .ew-communication-submenu::before,
body.ew-app .court-prep-submenu::before{
  left:10px !important;
}

body.ew-app .ew-case-tools-submenu .ew-menu-item-link,
body.ew-app .ew-communication-submenu .ew-menu-item-link,
body.ew-app .court-prep-submenu .ew-menu-item-link{
  padding-left:4px !important;
  padding-right:8px !important;
}

body.ew-app .ew-case-tools-submenu .ew-menu-main,
body.ew-app .ew-communication-submenu .ew-menu-main,
body.ew-app .court-prep-submenu .ew-menu-main{
  gap:6px !important;
}

body.ew-app .ew-case-tools-submenu > .ew-menu-item:first-child > .ew-menu-item-link{
  padding:3px 58px 3px 2px !important;
}

body.ew-app .ew-case-tools-submenu > .ew-menu-item:first-child > .ew-menu-item-link .ew-start-pill{
  right:4px !important;
  min-width:52px !important;
  max-width:52px !important;
}
/* EW_SIDE_MENU_LEFT_SHIFT_20260323_END */\n\n/* EW_SIDE_MENU_USE_LEFT_GUTTER_20260323_START */
/* Use more of the left blue gutter and make submenu icons easier to see */
body.ew-app .ew-case-tools-submenu,
body.ew-app .ew-communication-submenu,
body.ew-app .court-prep-submenu{
  padding:0 0 0 9px !important;
}

body.ew-app .ew-case-tools-submenu::before,
body.ew-app .ew-communication-submenu::before,
body.ew-app .court-prep-submenu::before{
  left:2px !important;
}

body.ew-app .ew-case-tools-submenu .ew-menu-item-link,
body.ew-app .ew-communication-submenu .ew-menu-item-link,
body.ew-app .court-prep-submenu .ew-menu-item-link{
  padding-left:3px !important;
  padding-right:8px !important;
  overflow:visible !important;
}

body.ew-app .ew-case-tools-submenu .ew-menu-main,
body.ew-app .ew-communication-submenu .ew-menu-main,
body.ew-app .court-prep-submenu .ew-menu-main{
  gap:7px !important;
  overflow:visible !important;
}

body.ew-app .ew-case-tools-submenu .ew-menu-icon,
body.ew-app .ew-communication-submenu .ew-menu-icon,
body.ew-app .court-prep-submenu .ew-menu-icon{
  position:relative !important;
  z-index:2 !important;
  flex:0 0 16px !important;
  width:16px !important;
  min-width:16px !important;
  height:16px !important;
  overflow:visible !important;
}

body.ew-app .ew-case-tools-submenu .ew-menu-icon svg,
body.ew-app .ew-communication-submenu .ew-menu-icon svg,
body.ew-app .court-prep-submenu .ew-menu-icon svg{
  width:16px !important;
  height:16px !important;
}

body.ew-app .ew-case-tools-submenu > .ew-menu-item:first-child > .ew-menu-item-link{
  padding-left:3px !important;
}
/* EW_SIDE_MENU_USE_LEFT_GUTTER_20260323_END */\n\n\n/* EW_SIDE_MENU_REAL_LEFT_SPACE_20260323_START */
/* Use real left-side space instead of cramping internal gaps */
body.ew-app .ew-case-tools-link,
body.ew-app .ew-communication-link,
body.ew-app .court-prep-link{
  padding-left:7px !important;
  padding-right:7px !important;
}

body.ew-app .ew-case-tools-submenu,
body.ew-app .ew-communication-submenu,
body.ew-app .court-prep-submenu{
  padding:0 0 0 4px !important;
}

body.ew-app .ew-case-tools-submenu::before,
body.ew-app .ew-communication-submenu::before,
body.ew-app .court-prep-submenu::before{
  left:1px !important;
}

body.ew-app .ew-case-tools-submenu .ew-menu-item-link,
body.ew-app .ew-communication-submenu .ew-menu-item-link,
body.ew-app .court-prep-submenu .ew-menu-item-link{
  padding-left:4px !important;
  padding-right:7px !important;
  min-height:32px !important;
  overflow:visible !important;
}

body.ew-app .ew-case-tools-submenu .ew-menu-main,
body.ew-app .ew-communication-submenu .ew-menu-main,
body.ew-app .court-prep-submenu .ew-menu-main{
  gap:8px !important;
  overflow:visible !important;
}

body.ew-app .ew-case-tools-submenu .ew-menu-icon,
body.ew-app .ew-communication-submenu .ew-menu-icon,
body.ew-app .court-prep-submenu .ew-menu-icon{
  position:relative !important;
  z-index:2 !important;
  flex:0 0 18px !important;
  width:18px !important;
  min-width:18px !important;
  height:18px !important;
  overflow:visible !important;
}

body.ew-app .ew-case-tools-submenu .ew-menu-icon svg,
body.ew-app .ew-communication-submenu .ew-menu-icon svg,
body.ew-app .court-prep-submenu .ew-menu-icon svg{
  width:18px !important;
  height:18px !important;
}

body.ew-app .ew-case-tools-submenu > .ew-menu-item:first-child > .ew-menu-item-link{
  padding-left:4px !important;
}
/* EW_SIDE_MENU_REAL_LEFT_SPACE_20260323_END */\n

/* EW_SIDE_MENU_PARENT_BLOCK_IN_20260323_START */
/* Move the whole parent menu blocks inward, not just the text */
body.ew-app .ew-case-tools-item,
body.ew-app .ew-communication-item,
body.ew-app .court-prep-item{
  padding-left:5px !important;
  padding-right:5px !important;
}

body.ew-app .ew-case-tools-link,
body.ew-app .ew-communication-link,
body.ew-app .court-prep-link{
  margin-left:0 !important;
  margin-right:0 !important;
  width:100% !important;
  padding-left:10px !important;
  padding-right:10px !important;
}

body.ew-app .ew-case-tools-link .ew-case-tools-main,
body.ew-app .ew-communication-link .ew-menu-main,
body.ew-app .court-prep-link .ew-menu-main{
  gap:10px !important;
}

body.ew-app .ew-case-tools-link .ew-icon-case-tools,
body.ew-app .ew-communication-link .ew-menu-icon,
body.ew-app .court-prep-link .ew-menu-icon{
  flex:0 0 18px !important;
  width:18px !important;
  min-width:18px !important;
  height:18px !important;
}

body.ew-app .ew-case-tools-link .ew-icon-case-tools svg,
body.ew-app .ew-communication-link .ew-menu-icon svg,
body.ew-app .court-prep-link .ew-menu-icon svg{
  width:18px !important;
  height:18px !important;
}
/* EW_SIDE_MENU_PARENT_BLOCK_IN_20260323_END */

/* EW_SIDE_MENU_SIZE_TUNE_20260323_START */
/* Size-only tune:
   - make the left rail wider
   - make parent labels bigger
   - make submenu labels bigger
   - keep OPEN as OPEN
   - keep accepted alignment blocks underneath untouched
   - do not touch uploads, preview, PDF, login, logo
*/
body.ew-app .ew-sidebar{
  width:268px !important;
  min-width:268px !important;
  flex:0 0 268px !important;
}

body.ew-app .ew-sidebar-inner{
  padding:6px 6px 12px !important;
}

body.ew-app .ew-dashboard-item,
body.ew-app .ew-case-tools-item,
body.ew-app .ew-communication-item,
body.ew-app .court-prep-item{
  padding-left:4px !important;
  padding-right:4px !important;
}

body.ew-app .ew-dashboard-link,
body.ew-app .ew-case-tools-link,
body.ew-app .ew-communication-link,
body.ew-app .court-prep-link{
  min-height:64px !important;
  padding:16px 12px !important;
  border-radius:16px !important;
}

body.ew-app .ew-dashboard-link .ew-menu-main,
body.ew-app .ew-case-tools-link .ew-case-tools-main,
body.ew-app .ew-communication-link .ew-menu-main,
body.ew-app .court-prep-link .ew-menu-main{
  gap:14px !important;
}

body.ew-app .ew-dashboard-link .ew-menu-label,
body.ew-app .ew-case-tools-link .ew-menu-label,
body.ew-app .ew-communication-link .ew-menu-label,
body.ew-app .court-prep-link .ew-menu-label{
  font-size:18px !important;
  font-weight:700 !important;
  line-height:1.15 !important;
  letter-spacing:0 !important;
}

body.ew-app .ew-case-tools-title{
  max-width:78px !important;
}

body.ew-app .ew-dashboard-link .ew-menu-icon,
body.ew-app .ew-case-tools-link .ew-menu-icon,
body.ew-app .ew-communication-link .ew-menu-icon,
body.ew-app .court-prep-link .ew-menu-icon{
  flex:0 0 22px !important;
  width:22px !important;
  height:22px !important;
}

body.ew-app .ew-open-pill{
  min-width:56px !important;
  height:24px !important;
  line-height:24px !important;
  padding:0 12px !important;
  font-size:10px !important;
  font-weight:800 !important;
}

body.ew-app .ew-case-tools-submenu > .ew-menu-item:first-child > .ew-menu-item-link{
  min-height:40px !important;
  padding:6px 116px 6px 6px !important;
}

body.ew-app .ew-case-tools-submenu > .ew-menu-item:first-child > .ew-menu-item-link > .ew-menu-main{
  gap:10px !important;
}

body.ew-app .ew-case-tools-submenu > .ew-menu-item:first-child > .ew-menu-item-link .ew-menu-icon{
  flex:0 0 18px !important;
  width:18px !important;
  min-width:18px !important;
  height:18px !important;
}

body.ew-app .ew-start-pill{
  min-width:96px !important;
  max-width:96px !important;
  height:26px !important;
  line-height:26px !important;
  padding:0 14px !important;
  font-size:10px !important;
  font-weight:800 !important;
}

body.ew-app .ew-case-tools-submenu .ew-menu-item-link,
body.ew-app .ew-communication-submenu .ew-menu-item-link,
body.ew-app .court-prep-submenu .ew-menu-item-link{
  min-height:42px !important;
  padding-top:8px !important;
  padding-bottom:8px !important;
}

body.ew-app .ew-case-tools-submenu .ew-menu-main,
body.ew-app .ew-communication-submenu .ew-menu-main,
body.ew-app .court-prep-submenu .ew-menu-main{
  gap:11px !important;
}

body.ew-app .ew-case-tools-submenu .ew-menu-label,
body.ew-app .ew-communication-submenu .ew-menu-label,
body.ew-app .court-prep-submenu .ew-menu-label{
  font-size:15px !important;
  font-weight:600 !important;
  line-height:1.2 !important;
}

body.ew-app .ew-case-tools-submenu .ew-menu-icon,
body.ew-app .ew-communication-submenu .ew-menu-icon,
body.ew-app .court-prep-submenu .ew-menu-icon{
  flex:0 0 18px !important;
  width:18px !important;
  min-width:18px !important;
  height:18px !important;
}
/* EW_SIDE_MENU_SIZE_TUNE_20260323_END */

/* EW_SIDE_MENU_CHEVRON_TOGGLE_20260323_START */
/* Chevron toggle only:
   - allow open/close on parent menu rows
   - keep current side-menu sizing
   - keep OPEN text unchanged
   - do not touch uploads, preview, PDF, login, logo
*/
body.ew-app .ew-menu-item-parent > .ew-menu-parent-link{
  cursor:pointer !important;
}

body.ew-app .ew-menu-item-parent > .ew-submenu[hidden]{
  display:none !important;
}

body.ew-app .ew-menu-item-parent:not(.is-open) > .ew-submenu{
  display:none !important;
}

body.ew-app .ew-menu-item-parent.is-open > .ew-submenu{
  display:block !important;
}

body.ew-app .ew-menu-item-parent > .ew-menu-parent-link .ew-menu-caret::before{
  transition:transform .18s ease !important;
}

body.ew-app .ew-menu-item-parent.is-open > .ew-menu-parent-link .ew-menu-caret::before{
  transform:rotate(45deg) !important;
}

body.ew-app .ew-menu-item-parent:not(.is-open) > .ew-menu-parent-link .ew-menu-caret::before{
  transform:rotate(-45deg) !important;
  top:1px !important;
}
/* EW_SIDE_MENU_CHEVRON_TOGGLE_20260323_END */

/* EW_SIDE_MENU_COURTPREP_MATCH_AND_PERSIST_20260323_START */
/* Final Court Prep parent block match:
   - make Court Prep parent row match Case Tools / Communication dark block look
   - keep OPEN as OPEN
   - no upload / preview / PDF / login / logo changes
*/
body.ew-app .court-prep-item{
  padding-left:0 !important;
  padding-right:0 !important;
}

body.ew-app .court-prep-link{
  width:100% !important;
  min-width:100% !important;
  box-sizing:border-box !important;
  min-height:64px !important;
  padding:16px 18px !important;
  border-radius:16px !important;
  background:#182b5b !important;
  border:1px solid rgba(255,255,255,.10) !important;
  box-shadow:0 10px 22px rgba(0,0,0,0.25) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:8px !important;
  overflow:hidden !important;
}

body.ew-app .court-prep-link:hover,
body.ew-app .court-prep-parent.is-open > .court-prep-link{
  background:#182b5b !important;
}

body.ew-app .court-prep-link .court-prep-main{
  display:flex !important;
  align-items:center !important;
  gap:14px !important;
  min-width:0 !important;
  flex:1 1 auto !important;
}

body.ew-app .court-prep-link .ew-menu-label{
  font-size:18px !important;
  font-weight:700 !important;
  line-height:1.15 !important;
  color:#e5e7eb !important;
}

body.ew-app .court-prep-link .ew-menu-icon{
  position:relative !important;
  color:transparent !important;
  font-size:0 !important;
  background:rgba(255,255,255,.08) !important;
  border-radius:10px !important;
  flex:0 0 22px !important;
  width:22px !important;
  min-width:22px !important;
  height:22px !important;
}

body.ew-app .court-prep-link .ew-icon-insights{
  --ew-ico: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M4 20V10'/><path d='M10 20V4'/><path d='M16 20v-8'/><path d='M22 20V7'/></svg>");
}

body.ew-app .court-prep-link .ew-menu-icon::before{
  content:"" !important;
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  transform:translate(-50%, -50%) !important;
  width:18px !important;
  height:18px !important;
  background-color:#e5e7eb !important;
  -webkit-mask-image:var(--ew-ico) !important;
  -webkit-mask-repeat:no-repeat !important;
  -webkit-mask-position:center !important;
  -webkit-mask-size:contain !important;
  mask-image:var(--ew-ico) !important;
  mask-repeat:no-repeat !important;
  mask-position:center !important;
  mask-size:contain !important;
}

body.ew-app .court-prep-link .ew-menu-icon::after{
  content:none !important;
}

body.ew-app .court-prep-link .ew-menu-caret{
  position:relative !important;
  flex:0 0 12px !important;
  width:12px !important;
  min-width:12px !important;
  height:12px !important;
  margin:0 !important;
  color:transparent !important;
  font-size:0 !important;
  overflow:visible !important;
}

body.ew-app .court-prep-link .ew-menu-caret::before{
  left:2px !important;
  top:2px !important;
  width:6px !important;
  height:6px !important;
}

body.ew-app .court-prep-submenu{
  margin:8px 0 10px 0 !important;
}
/* EW_SIDE_MENU_COURTPREP_MATCH_AND_PERSIST_20260323_END */

/* EW_WHATSAPP_BUBBLE_B_ICON_20260323_START */
/* WhatsApp Import icon only:
   - keep the B bubble icon
   - use real SVG file with transparent background
   - do not touch any other menu icon
*/
body.ew-app .ew-communication-submenu .ew-icon-whatsapp::before{
  content:"" !important;
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  transform:translate(-50%, -50%) !important;
  width:18px !important;
  height:18px !important;
  background:url("/icons/whatsapp-b.svg?v=20260324a") center center / contain no-repeat !important;
  background-color:transparent !important;
  border:none !important;
  border-radius:0 !important;
  box-shadow:none !important;
  -webkit-mask:none !important;
  mask:none !important;
  -webkit-mask-image:none !important;
  mask-image:none !important;
}

body.ew-app .ew-communication-submenu .ew-icon-whatsapp::after{
  content:none !important;
}
/* EW_WHATSAPP_BUBBLE_B_ICON_20260323_END */

/* EW_SIDE_MENU_CASETOOLS_SUBMENU_IN_20260323_START */
/* Move Case Tools submenu items inward a bit */
body.ew-app .ew-case-tools-submenu{
  padding:0 0 0 16px !important;
}

body.ew-app .ew-case-tools-submenu::before{
  left:8px !important;
}

body.ew-app .ew-case-tools-submenu .ew-menu-item-link{
  padding-left:10px !important;
  padding-right:8px !important;
}

body.ew-app .ew-case-tools-submenu .ew-menu-main{
  gap:11px !important;
}

body.ew-app .ew-case-tools-submenu > .ew-menu-item:first-child > .ew-menu-item-link{
  padding:6px 116px 6px 10px !important;
}
/* EW_SIDE_MENU_CASETOOLS_SUBMENU_IN_20260323_END */

/* EW_SIDE_MENU_COMM_IN_AND_EVIDENCEMAP_ICON_20260323_START */
/* Evidence Map icon + move Communication submenu items inward */
body.ew-app .ew-case-tools-submenu .ew-icon-evidence{
  --ew-ico: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='6' cy='12' r='2'/><circle cx='18' cy='6' r='2'/><circle cx='18' cy='18' r='2'/><path d='M8 11l8-4'/><path d='M8 13l8 4'/></svg>") !important;
}

body.ew-app .ew-communication-submenu{
  padding:0 0 0 16px !important;
}

body.ew-app .ew-communication-submenu::before{
  left:8px !important;
}

body.ew-app .ew-communication-submenu .ew-menu-item-link{
  padding-left:10px !important;
  padding-right:8px !important;
}

body.ew-app .ew-communication-submenu .ew-menu-main{
  gap:11px !important;
}
/* EW_SIDE_MENU_COMM_IN_AND_EVIDENCEMAP_ICON_20260323_END */

/* EW_EVIDENCEMAP_FORCE_DIRECT_SVG_20260323_START */
/* Evidence Map icon only:
   - force exact connected-nodes icon
   - override old legacy pseudo rules fully
*/
body.ew-app .ew-case-tools-submenu .ew-menu-item-link .ew-icon-evidence{
  position:relative !important;
  display:inline-block !important;
  width:18px !important;
  min-width:18px !important;
  max-width:18px !important;
  height:18px !important;
  min-height:18px !important;
  max-height:18px !important;
  color:transparent !important;
  font-size:0 !important;
  line-height:0 !important;
  background:none !important;
  border:none !important;
  box-shadow:none !important;
  overflow:visible !important;
}

body.ew-app .ew-case-tools-submenu .ew-menu-item-link .ew-icon-evidence::before{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  left:0 !important;
  top:0 !important;
  width:18px !important;
  min-width:18px !important;
  max-width:18px !important;
  height:18px !important;
  min-height:18px !important;
  max-height:18px !important;
  transform:none !important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Ccircle cx='6' cy='12' r='2' stroke='white' stroke-width='2'/%3E%3Ccircle cx='18' cy='6' r='2' stroke='white' stroke-width='2'/%3E%3Ccircle cx='18' cy='18' r='2' stroke='white' stroke-width='2'/%3E%3Cpath d='M8 11l8-4' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8 13l8 4' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat:no-repeat !important;
  background-position:center center !important;
  background-size:18px 18px !important;
  background-color:transparent !important;
  border:none !important;
  border-radius:0 !important;
  box-shadow:none !important;
  -webkit-mask-image:none !important;
  mask-image:none !important;
}

body.ew-app .ew-case-tools-submenu .ew-menu-item-link .ew-icon-evidence::after{
  content:none !important;
}
/* EW_EVIDENCEMAP_FORCE_DIRECT_SVG_20260323_END */

/* EW_EVIDENCEMAP_NEW_CLASS_20260324_START */
/* Brand-new Evidence Map icon class only */
body.ew-app .ew-case-tools-submenu .ew-menu-item-link .ew-icon-evidence-map2{
  position:relative !important;
  display:inline-block !important;
  width:18px !important;
  min-width:18px !important;
  max-width:18px !important;
  height:18px !important;
  min-height:18px !important;
  max-height:18px !important;
  flex:0 0 18px !important;
  color:transparent !important;
  font-size:0 !important;
  line-height:0 !important;
  background:none !important;
  border:none !important;
  border-radius:0 !important;
  box-shadow:none !important;
  overflow:visible !important;
}

body.ew-app .ew-case-tools-submenu .ew-menu-item-link .ew-icon-evidence-map2::before{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  left:0 !important;
  top:0 !important;
  width:18px !important;
  height:18px !important;
  transform:none !important;
  background:url("/icons/evidence-map-s.svg?v=20260324c") center center / 18px 18px no-repeat transparent !important;
  background-color:transparent !important;
  border:none !important;
  border-radius:0 !important;
  box-shadow:none !important;
  -webkit-mask:none !important;
  mask:none !important;
  -webkit-mask-image:none !important;
  mask-image:none !important;
}

body.ew-app .ew-case-tools-submenu .ew-menu-item-link .ew-icon-evidence-map2::after{
  content:none !important;
}
/* EW_EVIDENCEMAP_NEW_CLASS_20260324_END */

/* EW_EVIDENCEMAP_ACTIVE_BLUE_ONLY_20260324_START */
/* Evidence Map icon:
   - white normally
   - blue only when the row is active
*/
body.ew-app .ew-case-tools-submenu .ew-menu-item-link.is-active .ew-icon-evidence-map2::before{
  background-image:url("/icons/evidence-map-s-active.svg?v=20260324d") !important;
}
/* EW_EVIDENCEMAP_ACTIVE_BLUE_ONLY_20260324_END */

/* EW_WHATSAPP_ICON_BG_REMOVE_20260324_START */
/* Remove only the WhatsApp Import icon background block */
body.ew-app .ew-communication-submenu .ew-icon-whatsapp{
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
}
/* EW_WHATSAPP_ICON_BG_REMOVE_20260324_END */

/* EW_WHATSAPP_ACTIVE_BLUE_ONLY_20260324_START */
/* WhatsApp icon:
   - white normally
   - blue only when active
   - never show blue square background
*/
body.ew-app .ew-communication-submenu .ew-menu-item-link.is-active .ew-icon-whatsapp::before{
  background-image:url("/icons/whatsapp-b-active.svg?v=20260324b") !important;
  background-color:transparent !important;
}
/* EW_WHATSAPP_ACTIVE_BLUE_ONLY_20260324_END */

/* EW_SIDE_MENU_COURTPREP_SUBMENU_MATCH_CASETOOLS_20260324_START */
/* Make Court Prep submenu use the same inner row layout style as Case Tools / Communication */
body.ew-app .court-prep-submenu{
  list-style:none !important;
  margin:8px 0 10px 0 !important;
  padding:0 0 0 16px !important;
  position:relative !important;
}

body.ew-app .court-prep-submenu::before{
  content:"" !important;
  position:absolute !important;
  left:8px !important;
  top:6px !important;
  bottom:10px !important;
  width:1px !important;
  background:rgba(148,163,184,.22) !important;
}

body.ew-app .court-prep-submenu > .ew-menu-item,
body.ew-app .court-prep-submenu .ew-menu-item{
  list-style:none !important;
  margin:0 !important;
  padding:0 !important;
}

body.ew-app .court-prep-submenu .ew-menu-item::before,
body.ew-app .court-prep-submenu .ew-menu-item::after,
body.ew-app .court-prep-submenu .ew-menu-item-link::before,
body.ew-app .court-prep-submenu .ew-menu-item-link::after,
body.ew-app .court-prep-submenu li::before,
body.ew-app .court-prep-submenu li::after,
body.ew-app .court-prep-submenu li::marker{
  content:none !important;
  display:none !important;
  background:none !important;
}

body.ew-app .court-prep-submenu .ew-menu-item-link{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  min-height:40px !important;
  padding:8px 10px 8px 10px !important;
  overflow:hidden !important;
}

body.ew-app .court-prep-submenu .ew-menu-main{
  display:flex !important;
  align-items:center !important;
  gap:11px !important;
  width:100% !important;
  min-width:0 !important;
  flex:1 1 auto !important;
}

body.ew-app .court-prep-submenu .ew-menu-label{
  font-size:14px !important;
  font-weight:600 !important;
  color:#e5e7eb !important;
  line-height:1.15 !important;
}

body.ew-app .court-prep-submenu .ew-menu-icon::before{
  content:"" !important;
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  transform:translate(-50%, -50%) !important;
  width:18px !important;
  height:18px !important;
  background-color:#e5e7eb !important;
  -webkit-mask-image:var(--ew-ico) !important;
  -webkit-mask-repeat:no-repeat !important;
  -webkit-mask-position:center !important;
  -webkit-mask-size:contain !important;
  mask-image:var(--ew-ico) !important;
  mask-repeat:no-repeat !important;
  mask-position:center !important;
  mask-size:contain !important;
}

body.ew-app .court-prep-submenu .ew-menu-icon::after{
  content:none !important;
}

body.ew-app .court-prep-submenu .ew-menu-caret{
  display:none !important;
}
/* EW_SIDE_MENU_COURTPREP_SUBMENU_MATCH_CASETOOLS_20260324_END */

/* EW_SIDE_MENU_ALL_SUBMENU_ACTIVE_MATCH_SEARCH_20260324_START */
/* Make all nested submenu buttons use the same active colour/style already used by Search/current active rows */
body.ew-app .ew-case-tools-submenu .ew-menu-item-link.is-active,
body.ew-app .ew-communication-submenu .ew-menu-item-link.is-active,
body.ew-app .court-prep-submenu .ew-menu-item-link.is-active{
  background:rgba(34,211,238,0.18) !important;
  color:#67e8f9 !important;
  font-weight:600 !important;
  border-radius:12px !important;
  border:none !important;
  box-shadow:none !important;
}

body.ew-app .ew-case-tools-submenu .ew-menu-item-link.is-active::before,
body.ew-app .ew-communication-submenu .ew-menu-item-link.is-active::before,
body.ew-app .court-prep-submenu .ew-menu-item-link.is-active::before{
  content:none !important;
}

body.ew-app .ew-case-tools-submenu .ew-menu-item-link.is-active .ew-menu-label,
body.ew-app .ew-communication-submenu .ew-menu-item-link.is-active .ew-menu-label,
body.ew-app .court-prep-submenu .ew-menu-item-link.is-active .ew-menu-label{
  color:#67e8f9 !important;
}

body.ew-app .ew-case-tools-submenu .ew-menu-item-link.is-active .ew-menu-icon::before,
body.ew-app .ew-communication-submenu .ew-menu-item-link.is-active .ew-menu-icon::before,
body.ew-app .court-prep-submenu .ew-menu-item-link.is-active .ew-menu-icon::before{
  background-color:#67e8f9 !important;
}

body.ew-app .ew-case-tools-submenu .ew-menu-item-link.is-active .ew-icon-evidence-map2::before{
  background-image:url("/icons/evidence-map-s-active.svg?v=20260324d") !important;
  background-color:transparent !important;
}

body.ew-app .ew-communication-submenu .ew-menu-item-link.is-active .ew-icon-whatsapp::before{
  background-image:url("/icons/whatsapp-b-active.svg?v=20260324b") !important;
  background-color:transparent !important;
}
/* EW_SIDE_MENU_ALL_SUBMENU_ACTIVE_MATCH_SEARCH_20260324_END */

/* EW_SIDE_MENU_PARENT_BUTTONS_MATCH_COURTPREP_20260324_START */
/* Make Case Tools + Communication parent buttons use the same design methodology as Court Prep */
body.ew-app .ew-case-tools-item,
body.ew-app .ew-communication-item,
body.ew-app .court-prep-item{
  padding-left:0 !important;
  padding-right:0 !important;
}

body.ew-app .ew-case-tools-link,
body.ew-app .ew-communication-link,
body.ew-app .court-prep-link{
  width:100% !important;
  min-width:100% !important;
  box-sizing:border-box !important;
  min-height:64px !important;
  padding:16px 18px !important;
  border-radius:16px !important;
  background:#182b5b !important;
  border:1px solid rgba(255,255,255,.08) !important;
  box-shadow:none !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:8px !important;
  overflow:hidden !important;
}

body.ew-app .ew-case-tools-link:hover,
body.ew-app .ew-communication-link:hover,
body.ew-app .court-prep-link:hover{
  background:#182b5b !important;
}

body.ew-app .ew-case-tools-link .ew-case-tools-main,
body.ew-app .ew-communication-link .ew-menu-main,
body.ew-app .court-prep-link .court-prep-main{
  display:flex !important;
  align-items:center !important;
  gap:14px !important;
  min-width:0 !important;
  flex:1 1 auto !important;
}

body.ew-app .ew-case-tools-title,
body.ew-app .ew-communication-link .ew-menu-label,
body.ew-app .court-prep-link .ew-menu-label{
  font-size:18px !important;
  font-weight:700 !important;
  line-height:1.15 !important;
  letter-spacing:0 !important;
}

body.ew-app .ew-case-tools-title{
  max-width:none !important;
  white-space:normal !important;
}

body.ew-app .ew-case-tools-link .ew-menu-icon,
body.ew-app .ew-communication-link .ew-menu-icon,
body.ew-app .court-prep-link .ew-menu-icon{
  position:relative !important;
  flex:0 0 22px !important;
  width:22px !important;
  min-width:22px !important;
  height:22px !important;
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
}

body.ew-app .ew-case-tools-link .ew-menu-icon::before,
body.ew-app .ew-communication-link .ew-menu-icon::before,
body.ew-app .court-prep-link .ew-menu-icon::before{
  width:18px !important;
  height:18px !important;
  background-color:#e5e7eb !important;
}

body.ew-app .ew-case-tools-link .ew-menu-icon::after,
body.ew-app .ew-communication-link .ew-menu-icon::after,
body.ew-app .court-prep-link .ew-menu-icon::after{
  content:none !important;
}

body.ew-app .ew-case-tools-link .ew-menu-caret,
body.ew-app .ew-communication-link .ew-menu-caret,
body.ew-app .court-prep-link .ew-menu-caret{
  position:relative !important;
  flex:0 0 12px !important;
  width:12px !important;
  min-width:12px !important;
  height:12px !important;
  margin:0 !important;
  color:transparent !important;
  font-size:0 !important;
  overflow:visible !important;
}

body.ew-app .ew-case-tools-link .ew-menu-caret::before,
body.ew-app .ew-communication-link .ew-menu-caret::before,
body.ew-app .court-prep-link .ew-menu-caret::before{
  left:2px !important;
  top:2px !important;
  width:6px !important;
  height:6px !important;
}
/* EW_SIDE_MENU_PARENT_BUTTONS_MATCH_COURTPREP_20260324_END */

/* EW_SIDE_MENU_PARENT_BUTTONS_MATCH_COURTPREP_EXACT_20260324_START */
/* Final exact visual match: make Case Tools + Communication use the same parent-button design method as Court Prep */
body.ew-app .ew-case-tools-item,
body.ew-app .ew-communication-item{
  padding-left:0 !important;
  padding-right:0 !important;
}

body.ew-app .ew-case-tools-link,
body.ew-app .ew-communication-link{
  margin-left:0 !important;
  margin-right:0 !important;
  width:100% !important;
  min-width:100% !important;
  box-sizing:border-box !important;
  min-height:64px !important;
  padding:16px 18px !important;
  border-radius:16px !important;
  background:#182b5b !important;
  border:1px solid rgba(255,255,255,.10) !important;
  box-shadow:0 10px 22px rgba(0,0,0,0.25) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:8px !important;
  overflow:hidden !important;
}

body.ew-app .ew-case-tools-link:hover,
body.ew-app .ew-communication-link:hover,
body.ew-app .ew-case-tools-item.is-open > .ew-case-tools-link,
body.ew-app .ew-communication-item.is-open > .ew-communication-link{
  background:#1b3168 !important;
}

body.ew-app .ew-case-tools-link .ew-case-tools-main,
body.ew-app .ew-communication-link .ew-menu-main{
  display:flex !important;
  align-items:center !important;
  gap:14px !important;
  min-width:0 !important;
  flex:1 1 auto !important;
}

body.ew-app .ew-case-tools-title,
body.ew-app .ew-communication-link .ew-menu-label{
  font-size:18px !important;
  font-weight:700 !important;
  line-height:1.15 !important;
  letter-spacing:0 !important;
  color:#e5e7eb !important;
}

body.ew-app .ew-case-tools-title{
  max-width:none !important;
  white-space:normal !important;
}

body.ew-app .ew-case-tools-link .ew-menu-icon,
body.ew-app .ew-communication-link .ew-menu-icon{
  position:relative !important;
  color:transparent !important;
  font-size:0 !important;
  background:rgba(255,255,255,.08) !important;
  border-radius:10px !important;
  flex:0 0 22px !important;
  width:22px !important;
  min-width:22px !important;
  height:22px !important;
  border:none !important;
  box-shadow:none !important;
}

body.ew-app .ew-case-tools-link .ew-menu-icon::before,
body.ew-app .ew-communication-link .ew-menu-icon::before{
  width:18px !important;
  height:18px !important;
  background-color:#e5e7eb !important;
}

body.ew-app .ew-case-tools-link .ew-menu-icon::after,
body.ew-app .ew-communication-link .ew-menu-icon::after{
  content:none !important;
}

body.ew-app .ew-case-tools-link .ew-menu-caret,
body.ew-app .ew-communication-link .ew-menu-caret{
  position:relative !important;
  flex:0 0 12px !important;
  width:12px !important;
  min-width:12px !important;
  height:12px !important;
  margin:0 !important;
  color:transparent !important;
  font-size:0 !important;
  overflow:visible !important;
}

body.ew-app .ew-case-tools-link .ew-menu-caret::before,
body.ew-app .ew-communication-link .ew-menu-caret::before{
  left:2px !important;
  top:2px !important;
}
/* EW_SIDE_MENU_PARENT_BUTTONS_MATCH_COURTPREP_EXACT_20260324_END */

/* EW_SIDE_MENU_TOOLS_MATCH_DOCUMENT_INSIGHT_20260324_START */
/* TOOLS only: make Search / Reports / More Insights / Storage / Notifications
   follow the Document Insight row style, not the Court Prep parent card style. */

body.ew-app .ew-sidebar .ew-menu > .ew-menu-item > .ew-menu-item-link:not(.ew-case-tools-link):not(.ew-communication-link):not(.court-prep-link):has(.ew-icon-search),
body.ew-app .ew-sidebar .ew-menu > .ew-menu-item > .ew-menu-item-link:not(.ew-case-tools-link):not(.ew-communication-link):not(.court-prep-link):has(.ew-icon-reports),
body.ew-app .ew-sidebar .ew-menu > .ew-menu-item > .ew-menu-item-link:not(.ew-case-tools-link):not(.ew-communication-link):not(.court-prep-link):has(.ew-icon-storage),
body.ew-app .ew-sidebar .ew-menu > .ew-menu-item > .ew-menu-item-link:not(.ew-case-tools-link):not(.ew-communication-link):not(.court-prep-link):has(.ew-icon-notifications),
body.ew-app .ew-sidebar .ew-menu > .ew-menu-item > .ew-menu-item-link:not(.ew-case-tools-link):not(.ew-communication-link):not(.court-prep-link):has(.ew-icon-insights){
  display:flex !important;
  align-items:center !important;
  gap:11px !important;
  min-height:40px !important;
  padding:8px 10px !important;
  margin:4px 0 !important;
  border-radius:12px !important;
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
  width:100% !important;
  min-width:0 !important;
  box-sizing:border-box !important;
  overflow:hidden !important;
}

body.ew-app .ew-sidebar .ew-menu > .ew-menu-item > .ew-menu-item-link:not(.ew-case-tools-link):not(.ew-communication-link):not(.court-prep-link):has(.ew-icon-search):hover,
body.ew-app .ew-sidebar .ew-menu > .ew-menu-item > .ew-menu-item-link:not(.ew-case-tools-link):not(.ew-communication-link):not(.court-prep-link):has(.ew-icon-reports):hover,
body.ew-app .ew-sidebar .ew-menu > .ew-menu-item > .ew-menu-item-link:not(.ew-case-tools-link):not(.ew-communication-link):not(.court-prep-link):has(.ew-icon-storage):hover,
body.ew-app .ew-sidebar .ew-menu > .ew-menu-item > .ew-menu-item-link:not(.ew-case-tools-link):not(.ew-communication-link):not(.court-prep-link):has(.ew-icon-notifications):hover,
body.ew-app .ew-sidebar .ew-menu > .ew-menu-item > .ew-menu-item-link:not(.ew-case-tools-link):not(.ew-communication-link):not(.court-prep-link):has(.ew-icon-insights):hover{
  background:rgba(255,255,255,.04) !important;
}

body.ew-app .ew-sidebar .ew-menu > .ew-menu-item > .ew-menu-item-link:not(.ew-case-tools-link):not(.ew-communication-link):not(.court-prep-link):has(.ew-icon-search) .ew-menu-label,
body.ew-app .ew-sidebar .ew-menu > .ew-menu-item > .ew-menu-item-link:not(.ew-case-tools-link):not(.ew-communication-link):not(.court-prep-link):has(.ew-icon-reports) .ew-menu-label,
body.ew-app .ew-sidebar .ew-menu > .ew-menu-item > .ew-menu-item-link:not(.ew-case-tools-link):not(.ew-communication-link):not(.court-prep-link):has(.ew-icon-storage) .ew-menu-label,
body.ew-app .ew-sidebar .ew-menu > .ew-menu-item > .ew-menu-item-link:not(.ew-case-tools-link):not(.ew-communication-link):not(.court-prep-link):has(.ew-icon-notifications) .ew-menu-label,
body.ew-app .ew-sidebar .ew-menu > .ew-menu-item > .ew-menu-item-link:not(.ew-case-tools-link):not(.ew-communication-link):not(.court-prep-link):has(.ew-icon-insights) .ew-menu-label{
  font-size:14px !important;
  font-weight:600 !important;
  line-height:1.15 !important;
  color:#e5e7eb !important;
  letter-spacing:0 !important;
}

body.ew-app .ew-sidebar .ew-menu > .ew-menu-item > .ew-menu-item-link:not(.ew-case-tools-link):not(.ew-communication-link):not(.court-prep-link):has(.ew-icon-search) .ew-menu-icon,
body.ew-app .ew-sidebar .ew-menu > .ew-menu-item > .ew-menu-item-link:not(.ew-case-tools-link):not(.ew-communication-link):not(.court-prep-link):has(.ew-icon-reports) .ew-menu-icon,
body.ew-app .ew-sidebar .ew-menu > .ew-menu-item > .ew-menu-item-link:not(.ew-case-tools-link):not(.ew-communication-link):not(.court-prep-link):has(.ew-icon-storage) .ew-menu-icon,
body.ew-app .ew-sidebar .ew-menu > .ew-menu-item > .ew-menu-item-link:not(.ew-case-tools-link):not(.ew-communication-link):not(.court-prep-link):has(.ew-icon-notifications) .ew-menu-icon,
body.ew-app .ew-sidebar .ew-menu > .ew-menu-item > .ew-menu-item-link:not(.ew-case-tools-link):not(.ew-communication-link):not(.court-prep-link):has(.ew-icon-insights) .ew-menu-icon{
  position:relative !important;
  flex:0 0 18px !important;
  width:18px !important;
  min-width:18px !important;
  height:18px !important;
  background:transparent !important;
  border:none !important;
  border-radius:0 !important;
  box-shadow:none !important;
  color:transparent !important;
  font-size:0 !important;
}

body.ew-app .ew-sidebar .ew-menu > .ew-menu-item > .ew-menu-item-link:not(.ew-case-tools-link):not(.ew-communication-link):not(.court-prep-link):has(.ew-icon-search) .ew-menu-icon::before,
body.ew-app .ew-sidebar .ew-menu > .ew-menu-item > .ew-menu-item-link:not(.ew-case-tools-link):not(.ew-communication-link):not(.court-prep-link):has(.ew-icon-reports) .ew-menu-icon::before,
body.ew-app .ew-sidebar .ew-menu > .ew-menu-item > .ew-menu-item-link:not(.ew-case-tools-link):not(.ew-communication-link):not(.court-prep-link):has(.ew-icon-storage) .ew-menu-icon::before,
body.ew-app .ew-sidebar .ew-menu > .ew-menu-item > .ew-menu-item-link:not(.ew-case-tools-link):not(.ew-communication-link):not(.court-prep-link):has(.ew-icon-notifications) .ew-menu-icon::before,
body.ew-app .ew-sidebar .ew-menu > .ew-menu-item > .ew-menu-item-link:not(.ew-case-tools-link):not(.ew-communication-link):not(.court-prep-link):has(.ew-icon-insights) .ew-menu-icon::before{
  content:"" !important;
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  transform:translate(-50%, -50%) !important;
  width:18px !important;
  height:18px !important;
  background-color:#e5e7eb !important;
  -webkit-mask-image:var(--ew-ico) !important;
  -webkit-mask-repeat:no-repeat !important;
  -webkit-mask-position:center !important;
  -webkit-mask-size:contain !important;
  mask-image:var(--ew-ico) !important;
  mask-repeat:no-repeat !important;
  mask-position:center !important;
  mask-size:contain !important;
}

body.ew-app .ew-sidebar .ew-menu > .ew-menu-item > .ew-menu-item-link:not(.ew-case-tools-link):not(.ew-communication-link):not(.court-prep-link):has(.ew-icon-search) .ew-menu-icon::after,
body.ew-app .ew-sidebar .ew-menu > .ew-menu-item > .ew-menu-item-link:not(.ew-case-tools-link):not(.ew-communication-link):not(.court-prep-link):has(.ew-icon-reports) .ew-menu-icon::after,
body.ew-app .ew-sidebar .ew-menu > .ew-menu-item > .ew-menu-item-link:not(.ew-case-tools-link):not(.ew-communication-link):not(.court-prep-link):has(.ew-icon-storage) .ew-menu-icon::after,
body.ew-app .ew-sidebar .ew-menu > .ew-menu-item > .ew-menu-item-link:not(.ew-case-tools-link):not(.ew-communication-link):not(.court-prep-link):has(.ew-icon-notifications) .ew-menu-icon::after,
body.ew-app .ew-sidebar .ew-menu > .ew-menu-item > .ew-menu-item-link:not(.ew-case-tools-link):not(.ew-communication-link):not(.court-prep-link):has(.ew-icon-insights) .ew-menu-icon::after{
  content:none !important;
}

body.ew-app .ew-sidebar .ew-menu > .ew-menu-item > .ew-menu-item-link:not(.ew-case-tools-link):not(.ew-communication-link):not(.court-prep-link):has(.ew-icon-search).is-active,
body.ew-app .ew-sidebar .ew-menu > .ew-menu-item > .ew-menu-item-link:not(.ew-case-tools-link):not(.ew-communication-link):not(.court-prep-link):has(.ew-icon-reports).is-active,
body.ew-app .ew-sidebar .ew-menu > .ew-menu-item > .ew-menu-item-link:not(.ew-case-tools-link):not(.ew-communication-link):not(.court-prep-link):has(.ew-icon-storage).is-active,
body.ew-app .ew-sidebar .ew-menu > .ew-menu-item > .ew-menu-item-link:not(.ew-case-tools-link):not(.ew-communication-link):not(.court-prep-link):has(.ew-icon-notifications).is-active,
body.ew-app .ew-sidebar .ew-menu > .ew-menu-item > .ew-menu-item-link:not(.ew-case-tools-link):not(.ew-communication-link):not(.court-prep-link):has(.ew-icon-insights).is-active{
  background:rgba(34,211,238,0.18) !important;
  border:none !important;
  box-shadow:none !important;
}

body.ew-app .ew-sidebar .ew-menu > .ew-menu-item > .ew-menu-item-link:not(.ew-case-tools-link):not(.ew-communication-link):not(.court-prep-link):has(.ew-icon-search).is-active .ew-menu-label,
body.ew-app .ew-sidebar .ew-menu > .ew-menu-item > .ew-menu-item-link:not(.ew-case-tools-link):not(.ew-communication-link):not(.court-prep-link):has(.ew-icon-reports).is-active .ew-menu-label,
body.ew-app .ew-sidebar .ew-menu > .ew-menu-item > .ew-menu-item-link:not(.ew-case-tools-link):not(.ew-communication-link):not(.court-prep-link):has(.ew-icon-storage).is-active .ew-menu-label,
body.ew-app .ew-sidebar .ew-menu > .ew-menu-item > .ew-menu-item-link:not(.ew-case-tools-link):not(.ew-communication-link):not(.court-prep-link):has(.ew-icon-notifications).is-active .ew-menu-label,
body.ew-app .ew-sidebar .ew-menu > .ew-menu-item > .ew-menu-item-link:not(.ew-case-tools-link):not(.ew-communication-link):not(.court-prep-link):has(.ew-icon-insights).is-active .ew-menu-label{
  color:#67e8f9 !important;
}

body.ew-app .ew-sidebar .ew-menu > .ew-menu-item > .ew-menu-item-link:not(.ew-case-tools-link):not(.ew-communication-link):not(.court-prep-link):has(.ew-icon-search).is-active .ew-menu-icon::before,
body.ew-app .ew-sidebar .ew-menu > .ew-menu-item > .ew-menu-item-link:not(.ew-case-tools-link):not(.ew-communication-link):not(.court-prep-link):has(.ew-icon-reports).is-active .ew-menu-icon::before,
body.ew-app .ew-sidebar .ew-menu > .ew-menu-item > .ew-menu-item-link:not(.ew-case-tools-link):not(.ew-communication-link):not(.court-prep-link):has(.ew-icon-storage).is-active .ew-menu-icon::before,
body.ew-app .ew-sidebar .ew-menu > .ew-menu-item > .ew-menu-item-link:not(.ew-case-tools-link):not(.ew-communication-link):not(.court-prep-link):has(.ew-icon-notifications).is-active .ew-menu-icon::before,
body.ew-app .ew-sidebar .ew-menu > .ew-menu-item > .ew-menu-item-link:not(.ew-case-tools-link):not(.ew-communication-link):not(.court-prep-link):has(.ew-icon-insights).is-active .ew-menu-icon::before{
  background-color:#67e8f9 !important;
}
/* EW_SIDE_MENU_TOOLS_MATCH_DOCUMENT_INSIGHT_20260324_END */

/* EW_SIDE_MENU_TOOLS_LAST_TWO_FIX_20260324_START */
/* Fix only the two TOOLS rows that were still out:
   - More Insights
   - Notifications
   Match the same Document Insight-style row metrics already used for the other TOOLS rows.
*/
body.ew-app .ew-sidebar .ew-menu > .ew-menu-item > .ew-menu-item-link:not(.ew-case-tools-link):not(.ew-communication-link):not(.court-prep-link):not(.ew-submenu-link):has(.ew-icon-insights),
body.ew-app .ew-sidebar .ew-menu > .ew-menu-item > .ew-menu-item-link:not(.ew-case-tools-link):not(.ew-communication-link):not(.court-prep-link):not(.ew-submenu-link):has(.ew-icon-notifications),
body.ew-app .ew-sidebar .ew-menu > .ew-menu-item > .ew-menu-item-link:not(.ew-case-tools-link):not(.ew-communication-link):not(.court-prep-link):not(.ew-submenu-link):has(.ew-icon-bell){
  display:flex !important;
  align-items:center !important;
  min-height:40px !important;
  padding:8px 10px !important;
  margin:4px 0 !important;
  border-radius:12px !important;
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
  width:100% !important;
  min-width:0 !important;
  box-sizing:border-box !important;
  overflow:hidden !important;
}

body.ew-app .ew-sidebar .ew-menu > .ew-menu-item > .ew-menu-item-link:not(.ew-case-tools-link):not(.ew-communication-link):not(.court-prep-link):not(.ew-submenu-link):has(.ew-icon-insights):hover,
body.ew-app .ew-sidebar .ew-menu > .ew-menu-item > .ew-menu-item-link:not(.ew-case-tools-link):not(.ew-communication-link):not(.court-prep-link):not(.ew-submenu-link):has(.ew-icon-notifications):hover,
body.ew-app .ew-sidebar .ew-menu > .ew-menu-item > .ew-menu-item-link:not(.ew-case-tools-link):not(.ew-communication-link):not(.court-prep-link):not(.ew-submenu-link):has(.ew-icon-bell):hover{
  background:rgba(255,255,255,.04) !important;
}

body.ew-app .ew-sidebar .ew-menu > .ew-menu-item > .ew-menu-item-link:not(.ew-case-tools-link):not(.ew-communication-link):not(.court-prep-link):not(.ew-submenu-link):has(.ew-icon-insights) .ew-menu-main,
body.ew-app .ew-sidebar .ew-menu > .ew-menu-item > .ew-menu-item-link:not(.ew-case-tools-link):not(.ew-communication-link):not(.court-prep-link):not(.ew-submenu-link):has(.ew-icon-notifications) .ew-menu-main,
body.ew-app .ew-sidebar .ew-menu > .ew-menu-item > .ew-menu-item-link:not(.ew-case-tools-link):not(.ew-communication-link):not(.court-prep-link):not(.ew-submenu-link):has(.ew-icon-bell) .ew-menu-main{
  display:flex !important;
  align-items:center !important;
  gap:11px !important;
  width:100% !important;
  min-width:0 !important;
  flex:1 1 auto !important;
}

body.ew-app .ew-sidebar .ew-menu > .ew-menu-item > .ew-menu-item-link:not(.ew-case-tools-link):not(.ew-communication-link):not(.court-prep-link):not(.ew-submenu-link):has(.ew-icon-insights) .ew-menu-label,
body.ew-app .ew-sidebar .ew-menu > .ew-menu-item > .ew-menu-item-link:not(.ew-case-tools-link):not(.ew-communication-link):not(.court-prep-link):not(.ew-submenu-link):has(.ew-icon-notifications) .ew-menu-label,
body.ew-app .ew-sidebar .ew-menu > .ew-menu-item > .ew-menu-item-link:not(.ew-case-tools-link):not(.ew-communication-link):not(.court-prep-link):not(.ew-submenu-link):has(.ew-icon-bell) .ew-menu-label{
  font-size:14px !important;
  font-weight:600 !important;
  line-height:1.15 !important;
  color:#e5e7eb !important;
  letter-spacing:0 !important;
  min-width:0 !important;
  white-space:nowrap !important;
}

body.ew-app .ew-sidebar .ew-menu > .ew-menu-item > .ew-menu-item-link:not(.ew-case-tools-link):not(.ew-communication-link):not(.court-prep-link):not(.ew-submenu-link):has(.ew-icon-insights) .ew-menu-icon,
body.ew-app .ew-sidebar .ew-menu > .ew-menu-item > .ew-menu-item-link:not(.ew-case-tools-link):not(.ew-communication-link):not(.court-prep-link):not(.ew-submenu-link):has(.ew-icon-notifications) .ew-menu-icon,
body.ew-app .ew-sidebar .ew-menu > .ew-menu-item > .ew-menu-item-link:not(.ew-case-tools-link):not(.ew-communication-link):not(.court-prep-link):not(.ew-submenu-link):has(.ew-icon-bell) .ew-menu-icon{
  position:relative !important;
  flex:0 0 18px !important;
  width:18px !important;
  min-width:18px !important;
  max-width:18px !important;
  height:18px !important;
  min-height:18px !important;
  max-height:18px !important;
  color:transparent !important;
  font-size:0 !important;
  line-height:0 !important;
  background:transparent !important;
  border:none !important;
  border-radius:0 !important;
  box-shadow:none !important;
  overflow:visible !important;
}

body.ew-app .ew-sidebar .ew-menu > .ew-menu-item > .ew-menu-item-link:not(.ew-case-tools-link):not(.ew-communication-link):not(.court-prep-link):not(.ew-submenu-link):has(.ew-icon-insights).is-active,
body.ew-app .ew-sidebar .ew-menu > .ew-menu-item > .ew-menu-item-link:not(.ew-case-tools-link):not(.ew-communication-link):not(.court-prep-link):not(.ew-submenu-link):has(.ew-icon-notifications).is-active,
body.ew-app .ew-sidebar .ew-menu > .ew-menu-item > .ew-menu-item-link:not(.ew-case-tools-link):not(.ew-communication-link):not(.court-prep-link):not(.ew-submenu-link):has(.ew-icon-bell).is-active{
  background:rgba(34,211,238,0.18) !important;
  border:none !important;
  box-shadow:none !important;
}

body.ew-app .ew-sidebar .ew-menu > .ew-menu-item > .ew-menu-item-link:not(.ew-case-tools-link):not(.ew-communication-link):not(.court-prep-link):not(.ew-submenu-link):has(.ew-icon-insights).is-active .ew-menu-label,
body.ew-app .ew-sidebar .ew-menu > .ew-menu-item > .ew-menu-item-link:not(.ew-case-tools-link):not(.ew-communication-link):not(.court-prep-link):not(.ew-submenu-link):has(.ew-icon-notifications).is-active .ew-menu-label,
body.ew-app .ew-sidebar .ew-menu > .ew-menu-item > .ew-menu-item-link:not(.ew-case-tools-link):not(.ew-communication-link):not(.court-prep-link):not(.ew-submenu-link):has(.ew-icon-bell).is-active .ew-menu-label{
  color:#67e8f9 !important;
}

body.ew-app .ew-sidebar .ew-menu > .ew-menu-item > .ew-menu-item-link:not(.ew-case-tools-link):not(.ew-communication-link):not(.court-prep-link):not(.ew-submenu-link):has(.ew-icon-insights).is-active .ew-menu-icon::before,
body.ew-app .ew-sidebar .ew-menu > .ew-menu-item > .ew-menu-item-link:not(.ew-case-tools-link):not(.ew-communication-link):not(.court-prep-link):not(.ew-submenu-link):has(.ew-icon-notifications).is-active .ew-menu-icon::before,
body.ew-app .ew-sidebar .ew-menu > .ew-menu-item > .ew-menu-item-link:not(.ew-case-tools-link):not(.ew-communication-link):not(.court-prep-link):not(.ew-submenu-link):has(.ew-icon-bell).is-active .ew-menu-icon::before,
body.ew-app .ew-sidebar .ew-menu > .ew-menu-item > .ew-menu-item-link:not(.ew-case-tools-link):not(.ew-communication-link):not(.court-prep-link):not(.ew-submenu-link):has(.ew-icon-bell).is-active .ew-menu-icon::after{
  background-color:#67e8f9 !important;
  border-color:#67e8f9 !important;
}
/* EW_SIDE_MENU_TOOLS_LAST_TWO_FIX_20260324_END */

/* EW_SIDE_MENU_MORE_INSIGHTS_ANALYTICS_FIX_20260324_START */
/* More Insights top-level TOOLS row only.
   Real markup uses ew-icon-analytics, not ew-icon-insights. */
body.ew-app .ew-sidebar .ew-menu > .ew-menu-item > .ew-menu-item-link[href="/Dashboard/MoreInsights"],
body.ew-app .ew-sidebar .ew-menu > .ew-menu-item > .ew-menu-item-link:has(.ew-icon-analytics){
  display:flex !important;
  align-items:center !important;
  min-height:40px !important;
  padding:8px 10px !important;
  margin:4px 0 !important;
  border-radius:12px !important;
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
  width:100% !important;
  min-width:0 !important;
  box-sizing:border-box !important;
  overflow:hidden !important;
}

body.ew-app .ew-sidebar .ew-menu > .ew-menu-item > .ew-menu-item-link[href="/Dashboard/MoreInsights"]:hover,
body.ew-app .ew-sidebar .ew-menu > .ew-menu-item > .ew-menu-item-link:has(.ew-icon-analytics):hover{
  background:rgba(255,255,255,.04) !important;
}

body.ew-app .ew-sidebar .ew-menu > .ew-menu-item > .ew-menu-item-link[href="/Dashboard/MoreInsights"] .ew-menu-main,
body.ew-app .ew-sidebar .ew-menu > .ew-menu-item > .ew-menu-item-link:has(.ew-icon-analytics) .ew-menu-main{
  display:flex !important;
  align-items:center !important;
  gap:11px !important;
  width:100% !important;
  min-width:0 !important;
  flex:1 1 auto !important;
}

body.ew-app .ew-sidebar .ew-menu > .ew-menu-item > .ew-menu-item-link[href="/Dashboard/MoreInsights"] .ew-menu-label,
body.ew-app .ew-sidebar .ew-menu > .ew-menu-item > .ew-menu-item-link:has(.ew-icon-analytics) .ew-menu-label{
  font-size:14px !important;
  font-weight:600 !important;
  line-height:1.15 !important;
  color:#e5e7eb !important;
  letter-spacing:0 !important;
  min-width:0 !important;
  white-space:nowrap !important;
}

body.ew-app .ew-sidebar .ew-menu > .ew-menu-item > .ew-menu-item-link[href="/Dashboard/MoreInsights"] .ew-menu-icon.ew-icon-analytics,
body.ew-app .ew-sidebar .ew-menu > .ew-menu-item > .ew-menu-item-link:has(.ew-icon-analytics) .ew-menu-icon.ew-icon-analytics{
  position:relative !important;
  display:inline-block !important;
  flex:0 0 18px !important;
  width:18px !important;
  min-width:18px !important;
  max-width:18px !important;
  height:18px !important;
  min-height:18px !important;
  max-height:18px !important;
  color:transparent !important;
  font-size:0 !important;
  line-height:0 !important;
  background:none !important;
  background-image:none !important;
  background-color:transparent !important;
  border:none !important;
  border-radius:0 !important;
  box-shadow:none !important;
  padding:0 !important;
  overflow:visible !important;
}

body.ew-app .ew-sidebar .ew-menu > .ew-menu-item > .ew-menu-item-link[href="/Dashboard/MoreInsights"] .ew-menu-icon.ew-icon-analytics::before,
body.ew-app .ew-sidebar .ew-menu > .ew-menu-item > .ew-menu-item-link:has(.ew-icon-analytics) .ew-menu-icon.ew-icon-analytics::before{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  transform:translate(-50%, -50%) !important;
  width:18px !important;
  height:18px !important;
  background-color:#e5e7eb !important;
  background-image:none !important;
  border:none !important;
  border-radius:0 !important;
  box-shadow:none !important;
  -webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M4 20V10'/><path d='M10 20V4'/><path d='M16 20v-8'/><path d='M22 20V7'/></svg>") !important;
  -webkit-mask-repeat:no-repeat !important;
  -webkit-mask-position:center !important;
  -webkit-mask-size:contain !important;
  mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M4 20V10'/><path d='M10 20V4'/><path d='M16 20v-8'/><path d='M22 20V7'/></svg>") !important;
  mask-repeat:no-repeat !important;
  mask-position:center !important;
  mask-size:contain !important;
}

body.ew-app .ew-sidebar .ew-menu > .ew-menu-item > .ew-menu-item-link[href="/Dashboard/MoreInsights"] .ew-menu-icon.ew-icon-analytics::after,
body.ew-app .ew-sidebar .ew-menu > .ew-menu-item > .ew-menu-item-link:has(.ew-icon-analytics) .ew-menu-icon.ew-icon-analytics::after{
  content:none !important;
}

body.ew-app .ew-sidebar .ew-menu > .ew-menu-item > .ew-menu-item-link[href="/Dashboard/MoreInsights"].is-active,
body.ew-app .ew-sidebar .ew-menu > .ew-menu-item > .ew-menu-item-link:has(.ew-icon-analytics).is-active{
  background:rgba(34,211,238,0.18) !important;
  border:none !important;
  box-shadow:none !important;
}

body.ew-app .ew-sidebar .ew-menu > .ew-menu-item > .ew-menu-item-link[href="/Dashboard/MoreInsights"].is-active .ew-menu-label,
body.ew-app .ew-sidebar .ew-menu > .ew-menu-item > .ew-menu-item-link:has(.ew-icon-analytics).is-active .ew-menu-label{
  color:#67e8f9 !important;
}

body.ew-app .ew-sidebar .ew-menu > .ew-menu-item > .ew-menu-item-link[href="/Dashboard/MoreInsights"].is-active .ew-menu-icon.ew-icon-analytics::before,
body.ew-app .ew-sidebar .ew-menu > .ew-menu-item > .ew-menu-item-link:has(.ew-icon-analytics).is-active .ew-menu-icon.ew-icon-analytics::before{
  background-color:#67e8f9 !important;
}
/* EW_SIDE_MENU_MORE_INSIGHTS_ANALYTICS_FIX_20260324_END */

/* EW_SIDE_MENU_ADMIN_ACCOUNT_ROWS_ONLY_FROM_TOOLS_20260325_START */
/* Admin + Account use the same row/pill rules as TOOLS/Search.
   IMPORTANT: this block does NOT copy any icon-specific TOOLS rules. */

not the Court Prep parent card style. */

body.ew-app .ew-sidebar .ew-menu > .ew-menu-item > .ew-menu-item-link:not(.ew-case-tools-link):not(.ew-communication-link):not(.court-prep-link):has(.ew-icon-company),
not the Court Prep parent card style. */

body.ew-app .ew-sidebar .ew-menu > .ew-menu-item > .ew-menu-item-link:not(.ew-case-tools-link):not(.ew-communication-link):not(.court-prep-link):has(.ew-icon-settings),
not the Court Prep parent card style. */

body.ew-app .ew-sidebar .ew-menu > .ew-menu-item > .ew-menu-item-link:not(.ew-case-tools-link):not(.ew-communication-link):not(.court-prep-link):has(.ew-icon-link),
not the Court Prep parent card style. */

body.ew-app .ew-sidebar .ew-menu > .ew-menu-item > .ew-menu-item-link:not(.ew-case-tools-link):not(.ew-communication-link):not(.court-prep-link):has(.ew-icon-users),
not the Court Prep parent card style. */

body.ew-app .ew-sidebar .ew-menu > .ew-menu-item > .ew-menu-item-link:not(.ew-case-tools-link):not(.ew-communication-link):not(.court-prep-link):has(.ew-icon-support),
not the Court Prep parent card style. */

body.ew-app .ew-sidebar .ew-menu > .ew-menu-item > .ew-menu-item-link:not(.ew-case-tools-link):not(.ew-communication-link):not(.court-prep-link):has(.ew-icon-profile),
body.ew-app .ew-sidebar .ew-menu > .ew-menu-item > .ew-menu-item-link:not(.ew-case-tools-link):not(.ew-communication-link):not(.court-prep-link):has(.ew-icon-company),
body.ew-app .ew-sidebar .ew-menu > .ew-menu-item > .ew-menu-item-link:not(.ew-case-tools-link):not(.ew-communication-link):not(.court-prep-link):has(.ew-icon-settings),
body.ew-app .ew-sidebar .ew-menu > .ew-menu-item > .ew-menu-item-link:not(.ew-case-tools-link):not(.ew-communication-link):not(.court-prep-link):has(.ew-icon-link),
body.ew-app .ew-sidebar .ew-menu > .ew-menu-item > .ew-menu-item-link:not(.ew-case-tools-link):not(.ew-communication-link):not(.court-prep-link):has(.ew-icon-users),
body.ew-app .ew-sidebar .ew-menu > .ew-menu-item > .ew-menu-item-link:not(.ew-case-tools-link):not(.ew-communication-link):not(.court-prep-link):has(.ew-icon-support),
body.ew-app .ew-sidebar .ew-menu > .ew-menu-item > .ew-menu-item-link:not(.ew-case-tools-link):not(.ew-communication-link):not(.court-prep-link):has(.ew-icon-profile){

  display:flex !important;
  align-items:center !important;
  gap:11px !important;
  min-height:40px !important;
  padding:8px 10px !important;
  margin:4px 0 !important;
  border-radius:12px !important;
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
  width:100% !important;
  min-width:0 !important;
  box-sizing:border-box !important;
  overflow:hidden !important;
}

body.ew-app .ew-sidebar .ew-menu > .ew-menu-item > .ew-menu-item-link:not(.ew-case-tools-link):not(.ew-communication-link):not(.court-prep-link):has(.ew-icon-company):hover,
body.ew-app .ew-sidebar .ew-menu > .ew-menu-item > .ew-menu-item-link:not(.ew-case-tools-link):not(.ew-communication-link):not(.court-prep-link):has(.ew-icon-settings):hover,
body.ew-app .ew-sidebar .ew-menu > .ew-menu-item > .ew-menu-item-link:not(.ew-case-tools-link):not(.ew-communication-link):not(.court-prep-link):has(.ew-icon-link):hover,
body.ew-app .ew-sidebar .ew-menu > .ew-menu-item > .ew-menu-item-link:not(.ew-case-tools-link):not(.ew-communication-link):not(.court-prep-link):has(.ew-icon-users):hover,
body.ew-app .ew-sidebar .ew-menu > .ew-menu-item > .ew-menu-item-link:not(.ew-case-tools-link):not(.ew-communication-link):not(.court-prep-link):has(.ew-icon-support):hover,
body.ew-app .ew-sidebar .ew-menu > .ew-menu-item > .ew-menu-item-link:not(.ew-case-tools-link):not(.ew-communication-link):not(.court-prep-link):has(.ew-icon-profile):hover{

  background:rgba(255,255,255,.04) !important;
}

body.ew-app .ew-sidebar .ew-menu > .ew-menu-item > .ew-menu-item-link:not(.ew-case-tools-link):not(.ew-communication-link):not(.court-prep-link):has(.ew-icon-company) .ew-menu-label,
body.ew-app .ew-sidebar .ew-menu > .ew-menu-item > .ew-menu-item-link:not(.ew-case-tools-link):not(.ew-communication-link):not(.court-prep-link):has(.ew-icon-settings) .ew-menu-label,
body.ew-app .ew-sidebar .ew-menu > .ew-menu-item > .ew-menu-item-link:not(.ew-case-tools-link):not(.ew-communication-link):not(.court-prep-link):has(.ew-icon-link) .ew-menu-label,
body.ew-app .ew-sidebar .ew-menu > .ew-menu-item > .ew-menu-item-link:not(.ew-case-tools-link):not(.ew-communication-link):not(.court-prep-link):has(.ew-icon-users) .ew-menu-label,
body.ew-app .ew-sidebar .ew-menu > .ew-menu-item > .ew-menu-item-link:not(.ew-case-tools-link):not(.ew-communication-link):not(.court-prep-link):has(.ew-icon-support) .ew-menu-label,
body.ew-app .ew-sidebar .ew-menu > .ew-menu-item > .ew-menu-item-link:not(.ew-case-tools-link):not(.ew-communication-link):not(.court-prep-link):has(.ew-icon-profile) .ew-menu-label{

  font-size:14px !important;
  font-weight:600 !important;
  line-height:1.15 !important;
  color:#e5e7eb !important;
  letter-spacing:0 !important;
}

body.ew-app .ew-sidebar .ew-menu > .ew-menu-item > .ew-menu-item-link:not(.ew-case-tools-link):not(.ew-communication-link):not(.court-prep-link):has(.ew-icon-company).is-active,
body.ew-app .ew-sidebar .ew-menu > .ew-menu-item > .ew-menu-item-link:not(.ew-case-tools-link):not(.ew-communication-link):not(.court-prep-link):has(.ew-icon-settings).is-active,
body.ew-app .ew-sidebar .ew-menu > .ew-menu-item > .ew-menu-item-link:not(.ew-case-tools-link):not(.ew-communication-link):not(.court-prep-link):has(.ew-icon-link).is-active,
body.ew-app .ew-sidebar .ew-menu > .ew-menu-item > .ew-menu-item-link:not(.ew-case-tools-link):not(.ew-communication-link):not(.court-prep-link):has(.ew-icon-users).is-active,
body.ew-app .ew-sidebar .ew-menu > .ew-menu-item > .ew-menu-item-link:not(.ew-case-tools-link):not(.ew-communication-link):not(.court-prep-link):has(.ew-icon-support).is-active,
body.ew-app .ew-sidebar .ew-menu > .ew-menu-item > .ew-menu-item-link:not(.ew-case-tools-link):not(.ew-communication-link):not(.court-prep-link):has(.ew-icon-profile).is-active{

  background:rgba(34,211,238,0.18) !important;
  border:none !important;
  box-shadow:none !important;
}

body.ew-app .ew-sidebar .ew-menu > .ew-menu-item > .ew-menu-item-link:not(.ew-case-tools-link):not(.ew-communication-link):not(.court-prep-link):has(.ew-icon-company).is-active .ew-menu-label,
body.ew-app .ew-sidebar .ew-menu > .ew-menu-item > .ew-menu-item-link:not(.ew-case-tools-link):not(.ew-communication-link):not(.court-prep-link):has(.ew-icon-settings).is-active .ew-menu-label,
body.ew-app .ew-sidebar .ew-menu > .ew-menu-item > .ew-menu-item-link:not(.ew-case-tools-link):not(.ew-communication-link):not(.court-prep-link):has(.ew-icon-link).is-active .ew-menu-label,
body.ew-app .ew-sidebar .ew-menu > .ew-menu-item > .ew-menu-item-link:not(.ew-case-tools-link):not(.ew-communication-link):not(.court-prep-link):has(.ew-icon-users).is-active .ew-menu-label,
body.ew-app .ew-sidebar .ew-menu > .ew-menu-item > .ew-menu-item-link:not(.ew-case-tools-link):not(.ew-communication-link):not(.court-prep-link):has(.ew-icon-support).is-active .ew-menu-label,
body.ew-app .ew-sidebar .ew-menu > .ew-menu-item > .ew-menu-item-link:not(.ew-case-tools-link):not(.ew-communication-link):not(.court-prep-link):has(.ew-icon-profile).is-active .ew-menu-label{

  color:#67e8f9 !important;
}
/* EW_SIDE_MENU_ADMIN_ACCOUNT_ROWS_ONLY_FROM_TOOLS_20260325_END */

/* EW_COURTPACK_GENERATION_APPROVED_ICON_20260325_V2_START */
/* Court Pack Generation only:
   keep the approved transparent printer icon,
   but match the submenu icon width so it lines up with the rows above. */

body.ew-app .ew-sidebar a[href^="/CourtPackGeneration"] .ew-menu-icon.ew-icon-reports {
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
  min-height: 18px !important;
  max-width: 18px !important;
  max-height: 18px !important;
  flex: 0 0 18px !important;
  display: inline-block !important;
  background: url('/images/sidebar/courtpack-generation-icon.svg?v=20260325-152613') center center / 18px 18px no-repeat !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font-size: 0 !important;
  line-height: 0 !important;
  color: transparent !important;
  text-indent: -9999px !important;
  overflow: hidden !important;
  padding: 0 !important;
  margin: 0 !important;
  position: relative !important;
  top: 0 !important;
}

body.ew-app .ew-sidebar a[href^="/CourtPackGeneration"] .ew-menu-icon.ew-icon-reports::before,
body.ew-app .ew-sidebar a[href^="/CourtPackGeneration"] .ew-menu-icon.ew-icon-reports::after {
  content: none !important;
  display: none !important;
}

body.ew-app .ew-sidebar a[href^="/CourtPackGeneration"] .ew-menu-main {
  align-items: center !important;
}
/* EW_COURTPACK_GENERATION_APPROVED_ICON_20260325_V2_END */

/* EW_COURT_PREP_DOCUMENT_INSIGHT_ICON_20260325_START */
/* Document Insight only = first row inside Court Prep submenu */
body.ew-app .court-prep-submenu > .ew-menu-item:first-child .ew-menu-icon.ew-icon-insights {
  --ew-ico: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M8%203h6l4%204v10a2%202%200%200%201-2%202H8a2%202%200%200%201-2-2V5a2%202%200%200%201%202-2z%27%2F%3E%3Cpath%20d%3D%27M14%203v4h4%27%2F%3E%3Ccircle%20cx%3D%2711%27%20cy%3D%2713%27%20r%3D%272.5%27%2F%3E%3Cpath%20d%3D%27m12.8%2014.8%202.2%202.2%27%2F%3E%3C%2Fsvg%3E") !important;
  position: relative !important;
  display: inline-block !important;
  width: 20px !important;
  min-width: 20px !important;
  max-width: 20px !important;
  height: 20px !important;
  min-height: 20px !important;
  max-height: 20px !important;
  flex: 0 0 20px !important;
  background: none !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}

body.ew-app .court-prep-submenu > .ew-menu-item:first-child .ew-menu-icon.ew-icon-insights::before {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 20px !important;
  height: 20px !important;
  background-color: #e5e7eb !important;
  -webkit-mask-image: var(--ew-ico) !important;
  -webkit-mask-repeat: no-repeat !important;
  -webkit-mask-position: center !important;
  -webkit-mask-size: contain !important;
  mask-image: var(--ew-ico) !important;
  mask-repeat: no-repeat !important;
  mask-position: center !important;
  mask-size: contain !important;
}

body.ew-app .court-prep-submenu > .ew-menu-item:first-child .ew-menu-icon.ew-icon-insights::after {
  content: none !important;
  display: none !important;
}
/* EW_COURT_PREP_DOCUMENT_INSIGHT_ICON_20260325_END */

/* EW_COURT_PREP_EVIDENCE_REVIEW_ICON_20260325_START */
/* Evidence Review only = second row inside Court Prep submenu */
body.ew-app .court-prep-submenu > .ew-menu-item:nth-child(2) .ew-menu-icon.ew-icon-search {
  --ew-ico: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272.2%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2712%27%20r%3D%278.25%27%2F%3E%3Cpath%20d%3D%27m8.7%2012.2%202.2%202.2%204.5-4.8%27%2F%3E%3C%2Fsvg%3E") !important;
  position: relative !important;
  display: inline-block !important;
  width: 18px !important;
  min-width: 18px !important;
  max-width: 18px !important;
  height: 18px !important;
  min-height: 18px !important;
  max-height: 18px !important;
  flex: 0 0 18px !important;
  background: none !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}

body.ew-app .court-prep-submenu > .ew-menu-item:nth-child(2) .ew-menu-icon.ew-icon-search::before {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 18px !important;
  height: 18px !important;
  background-color: #e5e7eb !important;
  -webkit-mask-image: var(--ew-ico) !important;
  -webkit-mask-repeat: no-repeat !important;
  -webkit-mask-position: center !important;
  -webkit-mask-size: contain !important;
  mask-image: var(--ew-ico) !important;
  mask-repeat: no-repeat !important;
  mask-position: center !important;
  mask-size: contain !important;
}

body.ew-app .court-prep-submenu > .ew-menu-item:nth-child(2) .ew-menu-icon.ew-icon-search::after {
  content: none !important;
  display: none !important;
}
/* EW_COURT_PREP_EVIDENCE_REVIEW_ICON_20260325_END */

/* EW_NOTIFICATIONS_SIDEBAR_ICON_20260326_START */
/* Notifications left-menu row only */
body.ew-app .ew-sidebar a[href="/Notifications"] .ew-menu-icon.ew-icon-bell {
  --ew-ico: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.9%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M14.5%2020.5a2.5%202.5%200%200%201-5%200%27%2F%3E%3Cpath%20d%3D%27M5%2016.5h14c-1.2-1.1-2-2.7-2-6a5%205%200%200%200-10%200c0%203.3-.8%204.9-2%206Z%27%2F%3E%3Ccircle%20cx%3D%277.1%27%20cy%3D%276.9%27%20r%3D%272.15%27%2F%3E%3C%2Fsvg%3E") !important;
  position: relative !important;
  display: inline-block !important;
  width: 18px !important;
  min-width: 18px !important;
  max-width: 18px !important;
  height: 18px !important;
  min-height: 18px !important;
  max-height: 18px !important;
  flex: 0 0 18px !important;
  background: none !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
  font-size: 0 !important;
  line-height: 0 !important;
  color: transparent !important;
  text-indent: -9999px !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.ew-app .ew-sidebar a[href="/Notifications"] .ew-menu-icon.ew-icon-bell::before {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 18px !important;
  height: 18px !important;
  background-color: #e5e7eb !important;
  -webkit-mask-image: var(--ew-ico) !important;
  -webkit-mask-repeat: no-repeat !important;
  -webkit-mask-position: center !important;
  -webkit-mask-size: contain !important;
  mask-image: var(--ew-ico) !important;
  mask-repeat: no-repeat !important;
  mask-position: center !important;
  mask-size: contain !important;
}

body.ew-app .ew-sidebar a[href="/Notifications"] .ew-menu-icon.ew-icon-bell::after {
  content: none !important;
  display: none !important;
}
/* EW_NOTIFICATIONS_SIDEBAR_ICON_20260326_END */

/* EW_MANAGE_COMPANIES_FIX7_20260330_START */
/* Companies row only: 3-bar icon with left-side sharp tops like user sample */
body.ew-app .ew-sidebar a[href="/Companies"] .ew-menu-icon.ew-icon-company,
body.ew-app .ew-sidebar a[href="/Companies/Index"] .ew-menu-icon.ew-icon-company,
body.ew-app .ew-sidebar a[href*="/Companies"] .ew-menu-icon.ew-icon-company {
  display:inline-block !important;
  width:18px !important;
  min-width:18px !important;
  max-width:18px !important;
  height:18px !important;
  min-height:18px !important;
  max-height:18px !important;
  flex:0 0 18px !important;
  background-image:url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%3E%0A%3Cpath%20fill%3D%27white%27%20fill-rule%3D%27evenodd%27%20d%3D%27%0AM3.5%2020.5V13.2L7.1%2015.9V20.5Z%0AM4.9%2019V15.6L5.8%2016.3V19Z%0A%0AM9.2%2020.5V8.7L12.8%2011.4V20.5Z%0AM10.6%2019V11.2L11.5%2011.9V19Z%0A%0AM14.9%2020.5V4.2L18.5%206.9V20.5Z%0AM16.3%2019V6.7L17.2%207.4V19Z%0A%27%2F%3E%0A%3C%2Fsvg%3E") !important;
  background-repeat:no-repeat !important;
  background-position:center center !important;
  background-size:15px 18px !important;
  border:none !important;
  border-radius:0 !important;
  box-shadow:none !important;
  font-size:0 !important;
  line-height:0 !important;
  color:transparent !important;
  text-indent:-9999px !important;
  overflow:hidden !important;
  padding:0 !important;
  margin:0 !important;
}

body.ew-app .ew-sidebar a[href="/Companies"] .ew-menu-icon.ew-icon-company::before,
body.ew-app .ew-sidebar a[href="/Companies"] .ew-menu-icon.ew-icon-company::after,
body.ew-app .ew-sidebar a[href="/Companies/Index"] .ew-menu-icon.ew-icon-company::before,
body.ew-app .ew-sidebar a[href="/Companies/Index"] .ew-menu-icon.ew-icon-company::after,
body.ew-app .ew-sidebar a[href*="/Companies"] .ew-menu-icon.ew-icon-company::before,
body.ew-app .ew-sidebar a[href*="/Companies"] .ew-menu-icon.ew-icon-company::after {
  content:none !important;
  display:none !important;
}

body.ew-app .ew-sidebar a[href="/Companies"] .ew-menu-label,
body.ew-app .ew-sidebar a[href="/Companies/Index"] .ew-menu-label,
body.ew-app .ew-sidebar a[href*="/Companies"] .ew-menu-label {
  display:inline !important;
}
/* EW_MANAGE_COMPANIES_FIX7_20260330_END */

/* === DOCUMENT REVIEW TOP HERO OVERRIDE 20260507 === */
body.ew-app.ew-page-document-review .ew-page-header{
  padding:10px 18px 8px 18px !important;
  margin:0 !important;
  background:transparent !important;
}

body.ew-app.ew-page-document-review .ew-top-nav{
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
  padding:0 !important;
}

body.ew-app.ew-page-document-review .ew-top-nav .ew-top-nav-inner{
  min-height:84px !important;
  padding:16px 24px !important;
  align-items:center !important;
  border-radius:22px !important;
  border:1px solid #e2e8f0 !important;
  box-shadow:0 10px 28px rgba(15,23,42,.08) !important;
  background:
    linear-gradient(135deg, #f8fbff 0%, #eef6ff 55%, #f8fbff 100%) !important;
}

body.ew-app.ew-page-document-review .ew-topbar-title{
  display:block !important;
  padding-right:18px !important;
  margin:0 !important;
}

body.ew-app.ew-page-document-review .ew-topbar-title-main{
  color:#0f172a !important;
  font-size:28px !important;
  font-weight:760 !important;
  line-height:1.12 !important;
  letter-spacing:-0.025em !important;
}

body.ew-app.ew-page-document-review .ew-topbar-title-sub{
  margin-top:10px !important;
  color:#6b7280 !important;
  font-size:13px !important;
  line-height:1.45 !important;
}

body.ew-app.ew-page-document-review .ew-topbar-actions{
  margin-left:auto !important;
  align-items:center !important;
  gap:8px !important;
}

body.ew-app.ew-page-document-review .ew-document-review-start{
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
  height:40px !important;
  padding:0 14px !important;
  border-radius:999px !important;
  background:#0f172a !important;
  color:#ffffff !important;
  border:1px solid rgba(15,23,42,.92) !important;
  box-shadow:0 10px 22px rgba(15,23,42,.16) !important;
  font-size:13px !important;
  font-weight:750 !important;
  letter-spacing:-.01em !important;
  text-decoration:none !important;
  white-space:nowrap !important;
  transition:transform .16s ease, box-shadow .16s ease, background-color .16s ease !important;
}

body.ew-app.ew-page-document-review .ew-document-review-start:hover{
  background:#111827 !important;
  color:#ffffff !important;
  transform:translateY(-1px) !important;
  box-shadow:0 14px 28px rgba(15,23,42,.20) !important;
}

body.ew-app.ew-page-document-review .ew-document-review-start-plus{
  display:inline-grid !important;
  place-items:center !important;
  width:18px !important;
  height:18px !important;
  border-radius:50% !important;
  background:rgba(255,255,255,.16) !important;
  font-size:16px !important;
  line-height:1 !important;
}

body.ew-app.ew-page-document-review .ew-document-review-start-text{
  display:inline-block !important;
}
/* === END DOCUMENT REVIEW TOP HERO OVERRIDE 20260507 === */



/* === EMAIL / EMAIL INGEST TOPBAR MATCH DOCUMENT REVIEW 20260507 === */
body.ew-app.ew-page-email .ew-page-header,
body.ew-app.ew-page-email-ingest .ew-page-header{
  padding:10px 18px 8px 18px !important;
  margin:0 !important;
  background:transparent !important;
}

body.ew-app.ew-page-email .ew-top-nav,
body.ew-app.ew-page-email-ingest .ew-top-nav{
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
  padding:0 !important;
}

body.ew-app.ew-page-email .ew-top-nav .ew-top-nav-inner,
body.ew-app.ew-page-email-ingest .ew-top-nav .ew-top-nav-inner{
  min-height:84px !important;
  padding:16px 24px !important;
  align-items:center !important;
  border-radius:22px !important;
  border:1px solid #e2e8f0 !important;
  box-shadow:0 10px 28px rgba(15,23,42,.08) !important;
  background:linear-gradient(135deg, #f8fbff 0%, #eef6ff 55%, #f8fbff 100%) !important;
}

body.ew-app.ew-page-email .ew-topbar-title,
body.ew-app.ew-page-email-ingest .ew-topbar-title{
  display:block !important;
  padding-right:18px !important;
  margin:0 !important;
}

body.ew-app.ew-page-email .ew-topbar-title-main,
body.ew-app.ew-page-email-ingest .ew-topbar-title-main{
  color:#0f172a !important;
  font-size:28px !important;
  font-weight:760 !important;
  line-height:1.12 !important;
  letter-spacing:-0.025em !important;
}

body.ew-app.ew-page-email .ew-topbar-title-sub,
body.ew-app.ew-page-email-ingest .ew-topbar-title-sub{
  margin-top:10px !important;
  color:#6b7280 !important;
  font-size:13px !important;
  line-height:1.45 !important;
}

body.ew-app.ew-page-email .ew-topbar-actions,
body.ew-app.ew-page-email-ingest .ew-topbar-actions{
  margin-left:auto !important;
  align-items:center !important;
  gap:8px !important;
}
/* === END EMAIL / EMAIL INGEST TOPBAR MATCH DOCUMENT REVIEW 20260507 === */

/* ========================================================================
   Child Protection Hub partner logo sizing
   Added 20260529-080659
   Keeps the new partner logo smaller on login and sidebar.
   ======================================================================== */

.ew-login-logo img[src*="childprotectionhub-logo.png"] {
    width: auto !important;
    height: auto !important;
    max-width: 220px !important;
    max-height: 135px !important;
    object-fit: contain !important;
    display: block !important;
    margin: 0 auto 10px auto !important;
}

.ew-sidebar img[src*="childprotectionhub-sidebar-logo.png"],
.ew-logo-img[src*="childprotectionhub-sidebar-logo.png"] {
    width: auto !important;
    height: auto !important;
    max-width: 145px !important;
    max-height: 115px !important;
    object-fit: contain !important;
    display: block !important;
    margin: 14px auto 16px auto !important;
}

/* ========================================================================
   Child Protection Hub sidebar logo final size
   Added 20260529-081311
   ======================================================================== */

.ew-sidebar-brand {
    padding-top: 14px !important;
    padding-bottom: 14px !important;
    min-height: auto !important;
}

.ew-sidebar-brand .ew-logo-img[src*="childprotectionhub-sidebar-logo.png"],
.ew-sidebar img.ew-logo-img[src*="childprotectionhub-sidebar-logo.png"] {
    width: 92px !important;
    max-width: 92px !important;
    height: auto !important;
    max-height: 92px !important;
    object-fit: contain !important;
    display: block !important;
    margin: 0 auto !important;
}

/* ========================================================================
   Child Protection Hub final branding position polish
   Added 20260529-081528
   Keeps sidebar logo cleaner and moves Powered by badge away from AI button.
   ======================================================================== */

.ew-sidebar-brand .ew-logo-img[src*="childprotectionhub-sidebar-logo.png"],
.ew-sidebar img.ew-logo-img[src*="childprotectionhub-sidebar-logo.png"] {
    width: 78px !important;
    max-width: 78px !important;
    max-height: 78px !important;
    margin: 0 auto !important;
}

.ew-sidebar-brand {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
}

.ew-powered-by-fixed {
    right: 86px !important;
    bottom: 14px !important;
    z-index: 999 !important;
    pointer-events: auto !important;
}

/* ========================================================================
   Child Protection Hub custom login background
   Added 20260529-082756
   Uses /img/childhub-background.png on login/public auth screen.
   ======================================================================== */

body:has(.ew-login-wrapper) {
    background-image:
        url('/img/childhub-background.png') !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: cover !important;
    background-color: #f8fbff !important;
}

body:has(.ew-login-wrapper) .ew-powered-by-fixed {
    left: 50% !important;
    right: auto !important;
    bottom: 18px !important;
    transform: translateX(-50%) !important;
    z-index: 50 !important;
}

/* ========================================================================
   Child Protection Hub hide AI Assistant before login
   Added 20260529-090127
   Login/auth pages only. Assistant still appears after successful login.
   ======================================================================== */

body:has(.ew-login-wrapper) #assistantBubble,
body:has(.ew-login-wrapper) #assistantPanel,
body:has(.ew-login-wrapper) #assistantOverlay,
body:has(.ew-login-wrapper) .assistant-bubble,
body:has(.ew-login-wrapper) .assistant-panel,
body:has(.ew-login-wrapper) [id*="assistant"],
body:has(.ew-login-wrapper) [class*="assistant"] {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

/* ========================================================================
   Child Protection Hub login viewport no-scroll fix
   Added 20260530-002002
   Login/auth screen only. Prevents the background page from becoming taller
   than the browser viewport. Does not change image file, login logic, logo,
   sidebar, dashboard, or AI assistant rules.
   ======================================================================== */

html:has(body .ew-login-wrapper) {
    height: 100% !important;
    overflow: hidden !important;
}

body:has(.ew-login-wrapper) {
    min-height: 100dvh !important;
    height: 100dvh !important;
    overflow: hidden !important;
}

body:has(.ew-login-wrapper) .ew-login-wrapper {
    min-height: 100dvh !important;
    height: 100dvh !important;
    overflow: hidden !important;
}

body:has(.ew-login-wrapper) .ew-login-card,
body:has(.ew-login-wrapper) .card {
    max-height: calc(100dvh - 72px) !important;
}