/* Clean dark-mode logo swap – no duplicates */
body.dark-mode .ant-layout-header img[src*="easystack-logo-color.svg"] {
    content: url('/client/assets/easystack-logo-dark.svg') !important;
    width: 225px !important;
    height: 60px !important;
}

body.dark-mode .ant-layout-sider-children > div:first-child img[src*="easystack-logo-color.svg"],
body.dark-mode .ant-layout-sider-children img[src*="easystack-logo-color.svg"]:first-of-type {
    content: url('/client/assets/easystack-logo-dark.svg') !important;
    width: 225px !important;
    height: 60px !important;
}

body.dark-mode .ant-layout-sider-collapsed .ant-layout-sider-children img[src*="easystack-logo-color.svg"] {
    width: 80px !important;
    height: 80px !important;
}

/* Fix the 15px padding shift in dark mode only */
body.dark-mode .ant-layout-sider-children > div:first-child,
body.dark-mode .ant-layout-sider-children > div {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

body.dark-mode .ant-layout-sider-children img {
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
}
/* Remove the unwanted 15px padding-top from the sider in dark mode */
body.dark-mode .sider.light {
    padding-top: 0 !important;
}