/* index.CSS */

/* 移除重複的全域變數和 body 樣式，這些已移至 layout.css */

/* * { margin: 0; padding: 0; box-sizing: border-box; } 已移至 layout.css */
/* .container { max-width: 1600px; /* 覆寫 layout.css 中的 container 寬度 */ 
/* .header 樣式已移至 layout.css */
/* h1 樣式已移至 layout.css */
/* .button-group { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 20px; } */
/* button 基礎樣式已移至 layout.css */
/* button.danger 樣式已移至 layout.css (作為 .btn-danger) */
.add-form { 
    background-color: var(--bg-white-color); 
    padding: 25px; 
    border-radius: var(--border-radius-lg); 
    box-shadow: var(--shadow-md); /* 使用中等陰影 */
    margin-bottom: 25px; 
    border: 1px solid var(--border-color); /* 增加輕微邊框 */
}
/* h2 樣式已移至 layout.css */
.form-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px; margin-bottom: 20px; }
.form-group { display: flex; flex-direction: column; }
.form-group label { font-size: 14px; font-weight: 500; margin-bottom: 8px; color: var(--text-light-color); }
/* .form-group input, select, textarea 基礎樣式已移至 layout.css */
.checkbox-group { display: flex; flex-wrap: wrap; gap: 10px 20px; padding: 10px; border: 1px solid var(--border-color); border-radius: var(--border-radius-md); }
.checkbox-group label { display: inline-flex; align-items: center; cursor: pointer; }
.checkbox-group input[type="checkbox"] { margin-right: 8px; }
.table-container { 
    background-color: var(--bg-white-color); 
    border-radius: var(--border-radius-lg); 
    box-shadow: var(--shadow-md); /* 使用中等陰影 */
    overflow: hidden; 
    border: 1px solid var(--border-color); /* 增加輕微邊框 */
}
/* .table-wrapper 樣式已移至 layout.css */
table { min-width: 1200px; } /* 保持 min-width 屬性，因為這是此頁面特有需求 */
/* th, td 基礎樣式已移至 layout.css */
/* tr:hover 樣式已移至 layout.css */
.action-buttons { display: flex; gap: 8px; }
.action-btn { 
    padding: 8px 16px; 
    border: none; 
    border-radius: var(--border-radius-md); /* 使用變數 */
    cursor: pointer; 
    font-size: 14px; 
    transition: all 0.3s ease; /* 增加過渡效果 */
}
.action-btn.edit { background-color: var(--warning-color); color: white; }
.action-btn.delete { background-color: var(--danger-color); color: white; }
.action-btn.data-entry { background-color: var(--success-color); color: white; }
.empty-state { text-align: center; padding: 80px 20px; color: var(--text-light-color); } /* 使用變數 */
/* .modal, .modal-content, .modal-header, .close-btn, .modal-footer 樣式已移至 layout.css */
.drag-handle { cursor: grab; text-align: center; color: var(--text-light-color); font-size: 1.2em; } /* 使用變數 */