/* Fix for blurred images - remove any blur filters */
img {
    filter: none !important;
    -webkit-filter: none !important;
}

/* Alternative approach - ensure images are sharp */
img {
    image-rendering: -webkit-optimize-contrast !important;
    image-rendering: -moz-crisp-edges !important;
    image-rendering: pixelated !important;
    image-rendering: crisp-edges !important;
}

/* Specific fix for logo image */
img[src*="cm_logo.png"],
img[src*="logo-white.svg"],
img[src*="logo-main.svg"] {
    filter: none !important;
    -webkit-filter: none !important;
    image-rendering: auto !important;
}

/* Metro UI: remove top separators in sidenav items */
.sidenav.no-sidenav-separators li + li {
    border-top: 0;
}

/* Metro UI: make sidenav width 100% (outer wrapper limits it) */
.sidenav.sidenav-full-width {
    --sidenav-width: 100%;
    --sidenav-width-compact: 100%;
}

/* Metro UI: active item background like .bg-gray */
.sidenav.sidenav-active-gray {
    --sidenav-background-active: hsl(0, 0%, 90%);
    --sidenav-color-active: #191919;
}

/* Metro UI Table: no outer borders, only horizontal row separators */
table.tbar-table-rows-only,
.table-component table.tbar-table-rows-only {
    border: 0 !important;
    border-collapse: collapse !important;
}

table.tbar-table-rows-only th,
table.tbar-table-rows-only td {
    border: 0 !important;
}

/* Remove Metro table outer border wrapper */
.tbar-sent-table .table-component .table-container {
    border: 0 !important;
    margin: 0 !important;
}

.tbar-sent-table .table-component {
    border: 0 !important;
    box-shadow: none !important;
}

/* Only underline real campaign rows */
table.tbar-table-rows-only tbody tr.tbar-camp-row > td,
table.tbar-table-rows-only .tbody .tr.tbar-camp-row > .td,
table.tbar-table-rows-only .tbody tr.tbar-camp-row > .td {
    border-bottom: 1px solid var(--table-border-color, #e8e8e8) !important;
}

/* Month separators: no underline */
table.tbar-table-rows-only tbody tr.tbar-month-row > td,
table.tbar-table-rows-only .tbody .tr.tbar-month-row > .td,
table.tbar-table-rows-only .tbody tr.tbar-month-row > .td {
    border-bottom: 0 !important;
    padding-top: 14px;
    padding-bottom: 8px;
}