/* =========================
   GLOBAL
========================= */

body {
    background: linear-gradient(180deg,#f8fafc 0%,#eef2f7 100%);
    min-height: 100vh;
    font-family: Inter, Segoe UI, sans-serif;
}

.global-loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(5px);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

/* ==================================
   DARKMODE
  ========================== */

/* Define Variables */
:root {
    --bg-main: #f8fafc;
    --bg-card: #ffffff;
    --text-main: #111827;
    --border-color: #e5e7eb;
}

/* Dark Mode Overrides */
body.dark-mode {
    --bg-main: #0f172a;
    --bg-card: #1e293b;
    --text-main: #f1f5f9;
    --border-color: #334155;
}

    /* Apply Variables */
    body.dark-mode,
    body.dark-mode .ant-layout,
    body.dark-mode .ant-layout-content,
    body.dark-mode .ant-card,
    body.dark-mode .ant-table,
    body.dark-mode .ant-menu,
    body.dark-mode .glass-card,
    body.dark-mode .fin-dashboard,
    body.dark-mode .ant-modal-content {
        background-color: var(--bg-main) !important;
    }

        /* Cards aur specific containers */
        body.dark-mode .ant-card,
        body.dark-mode .glass-card,
        body.dark-mode .fin-dashboard,
        body.dark-mode .ant-table,
        body.dark-mode .ant-table-thead > tr > th,
        body.dark-mode .ant-table-tbody > tr > td {
            background-color: var(--bg-card) !important;
            border-color: var(--border-color) !important;
            color: var(--text-main) !important;
        }

        /* Text aur Icons */
        body.dark-mode,
        body.dark-mode h1, body.dark-mode h2, body.dark-mode h3,
        body.dark-mode p, body.dark-mode span, body.dark-mode td {
            color: var(--text-main) !important;
        }


/* Premium Page Header Standard */
.app-page-header {
    background: #ffffff;
    border: 1px solid #E5E7EB;
    border-radius: 10px;
    padding: 16px 20px;
    margin-bottom: 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.02);
}

.app-page-title {
    font-size: 16pt;
    font-weight: 700;
    color: #1F4E79;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 8px;
}

.app-page-subtitle {
    font-size: 8.5pt;
    color: #6B7280;
    margin: 2px 0 0 0;
}


/* 🖱️ Clickable cards (RFQ/Quotation/OA/DC/Invoice/VRfq/HardCopy list cards + stat cards):
   card ke blank space par bhi click karne se uska View/Details page khulta hai.
   Buttons already event se handle hote hain — baseline cursor UI ke liye. */
.cursor-pointer {
    cursor: pointer;
    user-select: none;
}