/* ================================================================
   md3/pages-dashboard.css — P3 總覽頁（index.html #dashboard）
   KPI 卡 / 招募漏斗 / FullCalendar 主題 / organic blur 形狀
   ================================================================ */

/* ---- 統計卡（tonal + 左緣語意色條 + hover lift） ---- */
.stats-grid { gap: 20px; }
.stat-card {
    border-radius: var(--md-radius-card);
    border-left: none;
    background: var(--md-surface-container);
    box-shadow: var(--md-shadow-1);
    padding: 22px 24px;
    position: relative;
    overflow: hidden;
    transition: transform var(--md-dur) var(--md-ease), box-shadow var(--md-dur) var(--md-ease);
}
.stat-card::before {
    content: '';
    position: absolute;
    left: 0; top: 0; bottom: 0;
    width: 6px;
    background: var(--md-primary);
    border-radius: var(--md-radius-card) 0 0 var(--md-radius-card);
}
.stat-card.recruit::before { background: var(--md-success); }
.stat-card.talent::before  { background: var(--md-warning); }
.stat-card:hover {
    transform: translateY(-2px) scale(1.01);
    box-shadow: var(--md-shadow-2);
}
.stat-card .label {
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.01em;
    color: var(--md-on-surface-variant);
}
.stat-card .value {
    font-size: 32px;
    font-weight: 700;
    color: var(--md-on-surface);
    margin-top: 4px;
}

/* ---- KPI 卡（同語言） ---- */
.kpi-card {
    border-radius: var(--md-radius-card);
    background: var(--md-surface-container);
    box-shadow: var(--md-shadow-1);
    transition: transform var(--md-dur) var(--md-ease), box-shadow var(--md-dur) var(--md-ease);
}
.kpi-card:hover { box-shadow: var(--md-shadow-2); transform: translateY(-2px); }
.kpi-grid { gap: 16px; }

/* ---- 區塊卡片標題字級（Dashboard 內 h2 稍大） ---- */
#dashboard .card h2 { font-size: 19px; }

/* ---- FullCalendar 主題（v6 CSS vars + pill 按鈕） ---- */
.fc {
    --fc-border-color: var(--md-outline-variant);
    --fc-today-bg-color: rgba(var(--md-primary-rgb), 0.08);
    --fc-page-bg-color: transparent;
    --fc-button-bg-color: var(--md-primary);
    --fc-button-border-color: transparent;
    --fc-button-hover-bg-color: color-mix(in srgb, var(--md-primary) 90%, transparent);
    --fc-button-hover-border-color: transparent;
    --fc-button-active-bg-color: color-mix(in srgb, var(--md-primary) 80%, transparent);
    --fc-button-active-border-color: transparent;
    --fc-event-bg-color: var(--md-primary);
    --fc-event-border-color: var(--md-primary);
}
.fc .fc-button {
    border-radius: var(--md-radius-pill) !important;
    font-weight: 500;
    text-transform: none;
}
.fc .fc-toolbar-title {
    font-size: 20px;
    font-weight: 500;
    color: var(--md-on-surface);
}
.fc a { color: var(--md-on-surface); }