/* 손해사정 ERP — 공통 은은한 배경 (로그인 이후 업무 화면) */

:root {
    --erp-bg-image: url("/static/images/erp-bg.png");
    --erp-surface-overlay: rgba(255, 255, 255, 0.92);
    --erp-card-bg: rgba(255, 255, 255, 0.97);
    --erp-card-border: rgba(15, 76, 129, 0.08);
    --erp-card-shadow: 0 4px 24px rgba(15, 45, 90, 0.06);
    --erp-primary: #1a5fb4;
    --erp-primary-dark: #0f4c81;
}

body.erp-app-surface {
    position: relative;
    background-color: #f4f8fc !important;
    min-height: 100vh;
}

body.erp-app-surface::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -2;
    background-image: var(--erp-bg-image);
    background-size: cover;
    background-position: center bottom;
    background-repeat: no-repeat;
    opacity: 0.11;
    filter: blur(1px) saturate(0.85);
    pointer-events: none;
}

body.erp-app-surface::after {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -1;
    background: linear-gradient(
        180deg,
        var(--erp-surface-overlay) 0%,
        rgba(248, 251, 255, 0.88) 45%,
        rgba(244, 248, 252, 0.9) 100%
    );
    pointer-events: none;
}

body.erp-app-surface .navbar.bg-primary {
    background: linear-gradient(135deg, #1a5fb4 0%, #0f4c81 100%) !important;
    box-shadow: 0 2px 12px rgba(15, 76, 129, 0.18);
}

body.erp-app-surface .card {
    background: var(--erp-card-bg);
    border: 1px solid var(--erp-card-border);
    border-radius: 12px;
    box-shadow: var(--erp-card-shadow);
    backdrop-filter: blur(4px);
}

body.erp-app-surface .card-header {
    background: rgba(255, 255, 255, 0.85);
    border-bottom-color: var(--erp-card-border);
}

body.erp-app-surface .table {
    --bs-table-bg: transparent;
}

body.erp-app-surface .table > :not(caption) > * > * {
    background-color: rgba(255, 255, 255, 0.6);
}

body.erp-app-surface .table thead th {
    background-color: rgba(248, 251, 255, 0.95) !important;
}

body.erp-app-surface .modal-content {
    background: rgba(255, 255, 255, 0.98);
    border: 1px solid var(--erp-card-border);
    border-radius: 12px;
    box-shadow: 0 12px 40px rgba(15, 45, 90, 0.12);
}

body.erp-app-surface .mobile-case-card {
    background: var(--erp-card-bg) !important;
}

/* 로그인·요청 접근 등 단독 페이지 */
body.erp-auth-surface {
    position: relative;
    min-height: 100vh;
    background-color: #eef4fb;
}

body.erp-auth-surface::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -2;
    background-image: var(--erp-bg-image);
    background-size: cover;
    background-position: center bottom;
    background-repeat: no-repeat;
    opacity: 0.22;
    filter: blur(0.5px);
    pointer-events: none;
}

body.erp-auth-surface::after {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -1;
    background: linear-gradient(
        160deg,
        rgba(255, 255, 255, 0.88) 0%,
        rgba(240, 247, 255, 0.82) 50%,
        rgba(232, 242, 252, 0.86) 100%
    );
    pointer-events: none;
}