/*Purpose
========
Colors (ONLY 2)
Fonts
Resets
Global helpers
Media-safe base rules
*/
/* ===============================
   ISoft ERP – THEME (GLOBAL)
   =============================== */

:root {
    /* ---- LOCKED COLOR SYSTEM ---- */
    --erp-bg: #f5f7fb; /* Background */
    --erp-strip: #0b5ed7; /* Window strip */

    --erp-text: #1f2937;
    --erp-muted: #6b7280;
    --erp-border: #e5e7eb;
}

/* ---- RESET / BASE ---- */
* {
    box-sizing: border-box;
}

html, body {
    height: 100%;
}

body {
    margin: 0;
    font-family: "Segoe UI", system-ui, -apple-system, sans-serif;
    background: var(--erp-bg);
    color: var(--erp-text);
    overflow-x: auto;
    overflow-y: auto;
}


/* ---- LINKS ---- */
a {
    text-decoration: none;
    color: inherit;
}

/* ---- UTILITIES (LIMITED) ---- */
.text-right {
    text-align: right;
}

.text-center {
    text-align: center;
}

.mt-1 {
    margin-top: .25rem;
}

.mt-2 {
    margin-top: .5rem;
}

.mb-2 {
    margin-bottom: .5rem;
}

/* =========================
   ERP SIDEBAR MENU
========================= */

.erp-sidebar {
    background: #f4f6fb;
    padding: 12px;
}

/* menu group container */

.erp-menu-group {
    background: #ffffff;
    border-radius: 10px;
    margin-bottom: 10px;
    overflow: hidden;
    box-shadow: 0 2px 6px rgba(0,0,0,0.05);
    transition: all .25s ease;
}

/* group header */

.erp-menu-header {
    padding: 12px 14px;
    font-weight: 600;
    color: #2f4f6f;
    cursor: pointer;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    /* colored strip */

    .erp-menu-header::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 4px;
        background: #1f4e79;
        border-radius: 4px 0 0 4px;
    }

    /* hover */

    .erp-menu-header:hover {
        background: #eef4ff;
    }

/* submenu list */

.erp-menu-list {
    list-style: none;
    margin: 0;
    padding: 6px 0;
    display: none;
}

/* open state */

.erp-menu-group.open .erp-menu-list {
    display: block;
}

/* submenu item */

.erp-menu-link {
    display: block;
    padding: 8px 18px;
    color: #555;
    text-decoration: none;
    font-size: 14px;
    transition: background .2s ease;
}

    /* hover effect */

    .erp-menu-link:hover {
        background: #f2f6ff;
    }

    /* active page */

    .erp-menu-link.active {
        background: #dfe9ff;
        font-weight: 500;
    }