:root {
    --ynmo-green: #15b389;
    --ynmo-dark-green: #116a5b;
    --bg-light: #f0fbf8;
    --text-dark: #333333;
    --text-muted: #888888;
    --border-color: #e5e7eb;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Cairo', sans-serif;
}

html {
    overflow: hidden;
    height: 100%;
}

body {
    background-color: #fff;
    color: var(--text-dark);
    overflow-x: hidden;
    overflow-y: auto;
    height: 100%;
    direction: rtl;
    font-size: 16px;
    /* تثبيت الحجم لمنع التكبير العشوائي */
}

/* Custom Scrollbar Styles (Match Inner Dashboard) */
::-webkit-scrollbar {
    width: 9px;
    height: 9px;
}

::-webkit-scrollbar-track {
    background: #ffffff;
    border-radius: 999px;
}

::-webkit-scrollbar-thumb {
    background: #16a34a; /* --scrollbar-thumb */
    border-radius: 999px;
    border: 2px solid #ffffff;
}

::-webkit-scrollbar-thumb:hover {
    background: #15803d; /* --scrollbar-thumb-hover */
}

/* Remove top/bottom arrow buttons */
::-webkit-scrollbar-button,
::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment,
::-webkit-scrollbar-button:up,
::-webkit-scrollbar-button:down {
  width: 0 !important;
  height: 0 !important;
  display: none !important;
  background: transparent !important;
}