/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
html,
body,
#root,
#app,
app {
  height: 100%;
}
.colorWeak {
  filter: invert(80%);
}
.ant-layout {
  min-height: 100vh;
}
canvas {
  display: block;
}
body {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
ul,
ol {
  list-style: none;
}
.action {
  cursor: pointer;
}
@media (max-width: 480px) {
  .ant-table {
    width: 100%;
    overflow-x: auto;
  }
  .ant-table-thead > tr > th,
  .ant-table-tbody > tr > th,
  .ant-table-thead > tr > td,
  .ant-table-tbody > tr > td {
    white-space: pre;
  }
  .ant-table-thead > tr > th > span,
  .ant-table-tbody > tr > th > span,
  .ant-table-thead > tr > td > span,
  .ant-table-tbody > tr > td > span {
    display: block;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  body .ant-design-pro > .ant-layout {
    min-height: 100vh;
  }
}
a {
    text-decoration: none !important;
    color: inherit; /* optional: keeps color same as surrounding text */
}

/* Only the logo menu item */
.ant-pro-menu-item.menu-logo,
.ant-pro-menu-submenu-title.menu-logo {
    height: 80px !important; /* taller menu item */
    line-height: 80px !important; /* vertical center */
    padding: 0 !important; /* remove default padding */
    overflow: visible !important; /* show full logo */
    display: flex;
    justify-content: center;
    align-items: center;
}
/* When RTL, move sider to the right */
[dir="rtl"] .ant-pro-sider-fixed {
    left: auto !important;
    right: 0 !important;
}

/* Adjust content margin so layout doesn't overlap */
[dir="rtl"] .ant-pro-layout .ant-pro-layout-container {
    margin-left: 0 !important;
    margin-right: 200px !important; /* match your sider width */
}


/* When collapsed (48px) */
[dir="rtl"] .ant-layout[style*="padding-left: 48px"] {
    padding-left: 0 !important;
    padding-right: 48px !important;
}

/* When expanded (208px) */
[dir="rtl"] .ant-layout[style*="padding-left: 208px"] {
    padding-left: 0 !important;
    padding-right: 208px !important;
}



[dir="rtl"] .ant-space.ant-space-horizontal > .ant-space-item {
    margin-right: 0 !important;
    margin-left: 24px !important;
}
[dir="rtl"] .right.ant-space.ant-space-horizontal {
    flex-direction: row-reverse;
}

/* Move right-content (settings, profile, language, etc.) to left in RTL */
[dir="rtl"] .ant-pro-global-header .right {
    right: auto !important;
    left: 0 !important;
}

    [dir="rtl"] .ant-pro-global-header .right.ant-space {
        flex-direction: row-reverse;
    }

/* Only apply when the page or container is RTL */
[dir="rtl"] .ant-menu {
    direction: rtl;
}

[dir="rtl"] .ant-menu-item {

    text-align: right; /* align text to the right */
}

    [dir="rtl"] .ant-menu-item .anticon {
        margin-left: 8px; /* icon spacing in RTL */
        margin-right: 0;
    }

/* Override for RTL */
[dir="rtl"] .ant-modal-close {
    right: auto;
    left: 0;
}

[dir="rtl"] .ant-form-item-label > label.ant-form-item-required:not(.ant-form-item-required-mark-optional)::before {
    margin-right: 0;
    margin-left: 4px;
}

[dir = "rtl"] .ant-popover-message-icon{
    margin-left: 8px;
    margin-right:auto;
}