/* MES 기본: shared styles grouped by publishing role. */

/* resources/css/common.css */
@scope (html:has(meta[name="mes-style-surface"][content="app"], meta[name="mes-style-surface"][content="login"])) {
:scope {
    /* 🔥 밝은 SaaS 테마로 변경 */
    --bg-dark: #f5f7fb;
    --card-bg: #ffffff;

    --accent-cyan: #2f6fed;
    --accent-blue: #1e4ed8;

    --text-main: #111827;
    --text-dim: #6b7280;

    --border-color: #e5e7eb;

    /* AG Grid용 */
    --grid-viewport-rgb: rgb(255, 255, 255);
    --grid-row-rgb: rgb(255, 255, 255);
    --grid-header-rgb: rgb(249, 250, 251);
}

body { 
    overflow: hidden; 
    height: 100vh;

    background-color: var(--bg-dark); 
    color: var(--text-main);

    font-family: 'Noto Sans KR', sans-serif;
    margin: 0; 
    display: flex;
    overflow-x: hidden;
}
}

/* resources/css/common.css */
@scope (html:has(meta[name="mes-style-surface"][content="app"], meta[name="mes-style-surface"][content="login"])) {
/* 타이틀 */
.main-title {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--text-main);
}

/* breadcrumb */
.breadcrumb-text {
    font-size: 0.9rem;
    color: var(--text-dim);
}

.breadcrumb-text span {
    color: var(--text-dim);
    font-weight: 600;
}

/* 로고 */
.logo-link {
    text-decoration: none;
    color: inherit;
    display: block;
}

.logo-link:hover {
    color: inherit;
}
}

/* resources/css/common.css */
@scope (html:has(meta[name="mes-style-surface"][content="app"], meta[name="mes-style-surface"][content="login"])) {
.page-title {
    font-size: 16px;
    font-weight: 700;
    color:#6b7280;
    display: flex;
}

.page-sav-title {
    font-size: 16px;
    font-weight: 700;
    color: #2f6fed;
}

.page-comment {
    font-size:12px; 
    color:#6b7280;
}

.sep {
    margin: 0 6px;
    color: #9ca3af;
}

/* Reusable dashboard primitives */
.mes-filter-panel,
.mes-panel,
.mes-kpi-card {
    background: var(--card-bg);
    border: 1px solid var(--border-color);
    /* border-radius: 12px; */
}
}