:root {
    /* 紫色主題 - 專業優雅 */
    --bs-primary: #6f42c1 !important;
    --bs-primary-rgb: 111, 66, 193 !important;
    --bs-info: #6f42c1 !important;
    --bs-info-rgb: 111, 66, 193 !important;
    
    /* BootstrapBlazor 紫色主題 */
    --bb-primary-color: #6f42c1 !important;
    --bb-primary-color-rgb: 111, 66, 193 !important;
    --bs-navbar-color: #ffffff !important;
    --bb-sidebar-navbar-bg: #6f42c1 !important;
    --bb-sidebar-navbar-bar-bg: #5a32a3 !important;
    
    /* Layout 顏色 - 統一的紫色系 */
    --bb-layout-header-bg: #6f42c1 !important;
    --bb-layout-header-color: #fff !important;
    --bb-layout-menu-active-bg: #5a32a3 !important;
    --bb-layout-menu-active-color: #fff !important;
    --bb-layout-menu-hover-bg: rgba(111, 66, 193, 0.15) !important;
    
    /* 側邊欄背景 */
    --bb-layout-side-bg: #6f42c1 !important;
    --bb-layout-side-width: 240px !important;
    
    /* 按鈕顏色 - 統一紫色 */
    --bb-layout-button-bg: #6f42c1 !important;
    --bb-layout-button-hover-bg: #5a32a3 !important;
    --bb-layout-button-active-bg: #4d2b87 !important;
}

/* 直接覆蓋所有 Layout 型態確保統一 */
.layout-header,
.layout-header .navbar,
.navbar,
header {
    background-color: #6f42c1 !important;
}

/* 左上角 banner 區功能變數保持紫色 */
.layout-banner {
    background-color: #6f42c1 !important;
}

/* 左側邊欄白色背景 */
.layout-side,
.layout-side .sidebar {
    background-color: #ffffff !important;
}

/* 左側選單項 - 未選中狀態 */
.layout-side .menu .nav-link {
    color: #333 !important;
}

/* 左側選單項 - 選中狀態用紫色 */
.layout-side .menu .nav-link.active {
    background-color: #6f42c1 !important;
    color: #fff !important;
}

.layout-side .menu .nav-link:hover {
    background-color: rgba(111, 66, 193, 0.1) !important;
    color: #6f42c1 !important;
}

/* 主按鈕統一顏色 */
.btn-primary {
    background-color: #6f42c1 !important;
    border-color: #6f42c1 !important;
}

.btn-primary:hover {
    background-color: #5a32a3 !important;
    border-color: #5a32a3 !important;
}

/* 新增按鈕 */
.btn-success {
    background-color: #5a32a3 !important;
    border-color: #5a32a3 !important;
}

html, body {
    font-family: 'Microsoft JhengHei', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.login-container {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

.login-box {
    background: white;
    padding: 2rem;
    border-radius: 10px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
    width: 100%;
    max-width: 400px;
}

.login-box h2 {
    color: #667eea;
}

.card {
    margin-bottom: 1rem;
}

.table-responsive {
    margin-top: 1rem;
}

.badge {
    font-size: 0.85em;
}