/* 外星主題 CSS - Dark Cyan配黑色，亮色調文字 */
/* Alien Theme CSS - Dark Cyan with Black, Light Text */

/* 外星主題變量 */
:root {
    --alien-bg-primary: #0a0a0a;        /* 純黑色主背景 */
    --alien-bg-secondary: #006064;      /* Dark Cyan次背景 */
    --alien-bg-tertiary: #00838f;       /* 深青色第三背景 */
    --alien-text-primary: #ffffff;      /* 白色主文字 */
    --alien-text-secondary: #e0f2f1;    /* 淺青色次文字 */
    --alien-text-muted: #b2dfdb;        /* 淺青色靜音文字 */
    --alien-border: #4db6ac;            /* 青色邊框 */
    --alien-border-light: #80cbc4;      /* 淺青色邊框 */
    --alien-accent: #ffeb3b;            /* 亮黃色強調 */
    --alien-accent-hover: #fff176;      /* 淺亮黃色懸停 */
    --alien-success: #4caf50;           /* 綠色成功色 */
    --alien-warning: #ff9800;           /* 橙色警告 */
    --alien-danger: #f44336;            /* 紅色危險色 */
    --alien-shadow: rgba(10, 10, 10, 0.6); /* 黑色陰影 */
}

/* 外星主題應用 */
/* body 本身就有 alien-theme class */
body.alien-theme {
    background-color: var(--alien-bg-primary) !important;
    color: var(--alien-text-primary) !important;
}

/* html 背景色（當 body 有主題class時） */
body.alien-theme ~ html,
html:has(body.alien-theme) {
    background-color: var(--alien-bg-primary) !important;
}

/* 覆蓋 Bootstrap 的 bg-light 類（最高優先級） */
body.alien-theme .bg-light,
.alien-theme .bg-light {
    background-color: var(--alien-bg-secondary) !important;
}

/* 導航欄外層容器背景 */
body.alien-theme .navbar-wrapper,
.alien-theme .navbar-wrapper {
    background-color: var(--alien-bg-secondary) !important;
}

/* 導航欄用戶登入文字顏色 */
body.alien-theme .home_user_login,
body.alien-theme .home_user_login a,
.alien-theme .home_user_login,
.alien-theme .home_user_login a {
    color: var(--alien-text-primary) !important;
}

/* 導航欄背景（多重選擇器確保覆蓋） */
body.alien-theme .navbar.navbar-light.bg-light,
body.alien-theme .navbar.bg-light,
body.alien-theme .nav_body,
.alien-theme .navbar.navbar-light.bg-light,
.alien-theme .navbar.bg-light,
.alien-theme .nav_body {
    background-color: var(--alien-bg-secondary) !important;
    background-image: none !important;
    border-bottom: 2px solid var(--alien-border) !important;
}

body.alien-theme .navbar,
.alien-theme .navbar {
    background-color: var(--alien-bg-secondary) !important;
    background-image: none !important;
}

.alien-theme .navbar-light .navbar-nav .nav-link {
    color: var(--alien-text-primary) !important;
}

/* LCA 子導航欄背景 */
body.alien-theme .subnav_bg,
.alien-theme .subnav_bg {
    background-color: var(--alien-bg-tertiary) !important;
    background-image: none !important;
}

/* LCA 子導航欄連結 */
body.alien-theme .survey_form_order_wrap a,
.alien-theme .survey_form_order_wrap a {
    color: var(--alien-text-primary) !important;
}

body.alien-theme .survey_form_order_wrap a:hover,
.alien-theme .survey_form_order_wrap a:hover {
    color: var(--alien-accent) !important;
}

/* LCA 頁面主體容器 */
body.alien-theme .survey_form_body_wrap,
.alien-theme .survey_form_body_wrap {
    background-color: var(--alien-bg-primary) !important;
}

/* LCA Sidebar 側邊欄 */
body.alien-theme .side_bar,
.alien-theme .side_bar {
    background-color: var(--alien-bg-secondary) !important;
}

/* Sidebar Accordion */
body.alien-theme .accordion,
.alien-theme .accordion {
    background-color: var(--alien-bg-tertiary) !important;
    color: var(--alien-text-primary) !important;
}

body.alien-theme .accordion:hover,
body.alien-theme .accordion.active,
.alien-theme .accordion:hover,
.alien-theme .accordion.active {
    background-color: var(--alien-accent) !important;
    color: var(--alien-bg-primary) !important;
}

/* Sidebar Panel */
body.alien-theme .panel,
.alien-theme .panel {
    background-color: var(--alien-bg-secondary) !important;
    color: var(--alien-text-primary) !important;
}

/* Sidebar 連結顏色 */
body.alien-theme .side_bar a,
.alien-theme .side_bar a {
    color: var(--alien-text-primary) !important;
}

body.alien-theme .side_bar .group_title div,
.alien-theme .side_bar .group_title div {
    color: var(--alien-text-muted) !important;
}

/* Footer 背景 */
body.alien-theme .copyright_wrap,
.alien-theme .copyright_wrap {
    background-color: var(--alien-bg-tertiary) !important;
    color: var(--alien-text-primary) !important;
    border-top: 2px solid var(--alien-border) !important;
}

body.alien-theme .copyright,
.alien-theme .copyright {
    color: var(--alien-text-primary) !important;
}

/* Admin 頁面樣式 */
/* Admin 導航欄 */
body.alien-theme .navbar-fixed-top,
.alien-theme .navbar-fixed-top {
    background-color: var(--alien-bg-secondary) !important;
    background-image: none !important;
    border-color: var(--alien-border) !important;
}

/* Admin 容器 */
body.alien-theme .container,
.alien-theme .container {
    color: var(--alien-text-primary) !important;
}

/* Admin Panel */
body.alien-theme .panel,
body.alien-theme .panel-default,
.alien-theme .panel,
.alien-theme .panel-default {
    background-color: var(--alien-bg-secondary) !important;
    border-color: var(--alien-border) !important;
}

body.alien-theme .panel-heading,
body.alien-theme .panel-default > .panel-heading,
.alien-theme .panel-heading,
.alien-theme .panel-default > .panel-heading {
    background-color: var(--alien-bg-tertiary) !important;
    background-image: none !important;
    color: var(--alien-text-primary) !important;
    border-color: var(--alien-border) !important;
}

body.alien-theme .panel-body,
.alien-theme .panel-body {
    background-color: var(--alien-bg-secondary) !important;
    color: var(--alien-text-primary) !important;
}

/* Admin 下拉選單 */
body.alien-theme .dropdown-menu,
.alien-theme .dropdown-menu {
    background-color: var(--alien-bg-secondary) !important;
    border-color: var(--alien-border) !important;
}

body.alien-theme .dropdown-menu > li > a,
.alien-theme .dropdown-menu > li > a {
    color: var(--alien-text-primary) !important;
}

body.alien-theme .dropdown-menu > li > a:hover,
.alien-theme .dropdown-menu > li > a:hover {
    background-color: var(--alien-accent) !important;
    color: var(--alien-bg-primary) !important;
}

/* Admin Nav 連結 */
body.alien-theme .navbar-nav > li > a,
.alien-theme .navbar-nav > li > a {
    color: var(--alien-text-primary) !important;
}

body.alien-theme .navbar-nav > li > a:hover,
body.alien-theme .navbar-nav > .active > a,
.alien-theme .navbar-nav > li > a:hover,
.alien-theme .navbar-nav > .active > a {
    background-color: var(--alien-accent) !important;
    color: var(--alien-bg-primary) !important;
}

/* Certification 頁面樣式 */
/* Certification Header */
body.alien-theme .docs-header,
.alien-theme .docs-header {
    background-color: var(--alien-bg-secondary) !important;
    background-image: none !important;
    border-bottom: 2px solid var(--alien-border) !important;
}

body.alien-theme .docs-body,
.alien-theme .docs-body {
    background-color: var(--alien-bg-primary) !important;
    color: var(--alien-text-primary) !important;
}

/* Certification 上方文字 */
body.alien-theme .home_culture_select,
.alien-theme .home_culture_select {
    color: var(--alien-text-primary) !important;
}

body.alien-theme .home_user_login,
.alien-theme .home_user_login {
    color: var(--alien-text-primary) !important;
}

body.alien-theme .home_user_login a,
.alien-theme .home_user_login a {
    color: var(--alien-text-primary) !important;
}

/* Certification Dropdown */
body.alien-theme .dropdown a,
.alien-theme .dropdown a {
    color: var(--alien-text-primary) !important;
}

body.alien-theme .dropdown-content,
.alien-theme .dropdown-content {
    background-color: var(--alien-bg-secondary) !important;
    border: 1px solid var(--alien-border) !important;
}

body.alien-theme .dropdown-content a,
.alien-theme .dropdown-content a {
    color: var(--alien-text-primary) !important;
}

body.alien-theme .dropdown-content a:hover,
.alien-theme .dropdown-content a:hover {
    background-color: var(--alien-accent) !important;
    color: var(--alien-bg-primary) !important;
}

/* Certification Tab */
body.alien-theme .tab_header,
.alien-theme .tab_header {
    background-color: var(--alien-bg-secondary) !important;
    border-bottom: 1px solid var(--alien-border) !important;
}

body.alien-theme .tab,
.alien-theme .tab {
    color: var(--alien-text-primary) !important;
}

body.alien-theme .tab-toggle.active,
.alien-theme .tab-toggle.active {
    background-color: var(--alien-accent) !important;
}

body.alien-theme .content_bg,
.alien-theme .content_bg {
    background-color: var(--alien-bg-secondary) !important;
}

/* Certification Panel */
body.alien-theme .docs-panel,
.alien-theme .docs-panel {
    background-color: var(--alien-bg-secondary) !important;
    border-color: var(--alien-border) !important;
}

/* Certification 按鈕 */
body.alien-theme .header-button,
.alien-theme .header-button {
    background-color: var(--alien-accent) !important;
    color: var(--alien-bg-primary) !important;
    border-color: var(--alien-border) !important;
}

body.alien-theme .header-button:hover,
.alien-theme .header-button:hover {
    background-color: var(--alien-accent-hover) !important;
}

/* Certification Detail 頁面樣式 */
/* 左側導航欄 */
body.alien-theme .side-bar,
.alien-theme .side-bar {
    background-color: var(--alien-bg-secondary) !important;
    border-right: 1px solid var(--alien-border) !important;
}

/* 使用 ID 選擇器確保最高優先級 */
body.alien-theme #docs-scroll-hash-nav .nav-link,
.alien-theme #docs-scroll-hash-nav .nav-link,
body.alien-theme #docs-scroll-hash-nav a.nav-link,
.alien-theme #docs-scroll-hash-nav a.nav-link {
    color: var(--alien-text-primary) !important;
    background-color: transparent !important;
}

body.alien-theme #docs-scroll-hash-nav .nav-link.active,
body.alien-theme #docs-scroll-hash-nav .nav-link:hover,
.alien-theme #docs-scroll-hash-nav .nav-link.active,
.alien-theme #docs-scroll-hash-nav .nav-link:hover,
body.alien-theme #docs-scroll-hash-nav a.nav-link.active,
body.alien-theme #docs-scroll-hash-nav a.nav-link:hover,
.alien-theme #docs-scroll-hash-nav a.nav-link.active,
.alien-theme #docs-scroll-hash-nav a.nav-link:hover {
    color: var(--alien-bg-primary) !important;
    background-color: var(--alien-accent) !important;
}

body.alien-theme .side-bar .nav-link,
.alien-theme .side-bar .nav-link,
body.alien-theme .side-bar a.nav-link,
.alien-theme .side-bar a.nav-link,
body.alien-theme .navbar-nav .nav-link,
.alien-theme .navbar-nav .nav-link,
body.alien-theme .nav-pills .nav-link,
.alien-theme .nav-pills .nav-link,
body.alien-theme .navbar-nav.nav-pills .nav-link,
.alien-theme .navbar-nav.nav-pills .nav-link,
body.alien-theme .nav-pills > .nav-item > .nav-link,
.alien-theme .nav-pills > .nav-item > .nav-link,
body.alien-theme .navbar-nav.nav-pills > .nav-item > .nav-link,
.alien-theme .navbar-nav.nav-pills > .nav-item > .nav-link,
body.alien-theme li.nav-item > a.nav-link,
.alien-theme li.nav-item > a.nav-link {
    color: var(--alien-text-primary) !important;
    background-color: transparent !important;
    text-decoration: none !important;
}

body.alien-theme .side-bar .nav-link.active,
body.alien-theme .side-bar .nav-link:hover,
.alien-theme .side-bar .nav-link.active,
.alien-theme .side-bar .nav-link:hover,
body.alien-theme .side-bar a.nav-link.active,
body.alien-theme .side-bar a.nav-link:hover,
.alien-theme .side-bar a.nav-link.active,
.alien-theme .side-bar a.nav-link:hover,
body.alien-theme .nav-pills .nav-link.active,
body.alien-theme .nav-pills .nav-link:hover,
.alien-theme .nav-pills .nav-link.active,
.alien-theme .nav-pills .nav-link:hover,
body.alien-theme .nav-pills > .nav-item > .nav-link.active,
body.alien-theme .nav-pills > .nav-item > .nav-link:hover,
.alien-theme .nav-pills > .nav-item > .nav-link.active,
.alien-theme .nav-pills > .nav-item > .nav-link:hover,
body.alien-theme .navbar-nav.nav-pills > .nav-item > .nav-link.active,
body.alien-theme .navbar-nav.nav-pills > .nav-item > .nav-link:hover,
.alien-theme .navbar-nav.nav-pills > .nav-item > .nav-link.active,
.alien-theme .navbar-nav.nav-pills > .nav-item > .nav-link:hover,
body.alien-theme li.nav-item > a.nav-link.active,
body.alien-theme li.nav-item > a.nav-link:hover,
.alien-theme li.nav-item > a.nav-link.active,
.alien-theme li.nav-item > a.nav-link:hover {
    background-color: var(--alien-accent) !important;
    color: var(--alien-bg-primary) !important;
}

/* 主要內容區域 */
body.alien-theme .org-split-right,
.alien-theme .org-split-right {
    background-color: var(--alien-bg-primary) !important;
    color: var(--alien-text-primary) !important;
}

body.alien-theme .docs-lca-detail,
.alien-theme .docs-lca-detail {
    color: var(--alien-text-primary) !important;
}

/* 表格樣式 */
body.alien-theme .docs-table,
.alien-theme .docs-table {
    background-color: var(--alien-bg-secondary) !important;
    color: var(--alien-text-primary) !important;
    border-color: var(--alien-border) !important;
}

body.alien-theme .docs-table th,
body.alien-theme .docs-table td,
.alien-theme .docs-table th,
.alien-theme .docs-table td {
    color: var(--alien-text-primary) !important;
    border-color: var(--alien-border) !important;
}

body.alien-theme .certification_table_header,
.alien-theme .certification_table_header {
    background-color: var(--alien-accent) !important;
    color: var(--alien-bg-primary) !important;
}

/* 標籤和文字 */
body.alien-theme .org-split-right label,
.alien-theme .org-split-right label {
    color: var(--alien-text-primary) !important;
}

body.alien-theme .org-split-right span,
.alien-theme .org-split-right span {
    color: var(--alien-text-primary) !important;
}

body.alien-theme .sheetheader,
.alien-theme .sheetheader {
    background-color: var(--alien-bg-secondary) !important;
    color: var(--alien-text-primary) !important;
    border: 1px solid var(--alien-border) !important;
}

body.alien-theme .sheetheader-label,
.alien-theme .sheetheader-label {
    color: var(--alien-text-primary) !important;
}

body.alien-theme .sheetheader-text,
.alien-theme .sheetheader-text {
    color: var(--alien-text-primary) !important;
}

/* 超連結 */
body.alien-theme .org-split-right a,
.alien-theme .org-split-right a {
    color: var(--alien-accent) !important;
}

body.alien-theme .org-split-right a:hover,
.alien-theme .org-split-right a:hover {
    color: var(--alien-accent-hover) !important;
}

/* 輸入框 */
body.alien-theme .org-split-right input[type="text"],
body.alien-theme .org-split-right input[type="date"],
.alien-theme .org-split-right input[type="text"],
.alien-theme .org-split-right input[type="date"] {
    background-color: var(--alien-bg-secondary) !important;
    color: var(--alien-text-primary) !important;
    border-color: var(--alien-border) !important;
}

/* 按鈕樣式 */
body.alien-theme .docs-btn-blue,
.alien-theme .docs-btn-blue {
    background-color: var(--alien-accent) !important;
    color: var(--alien-bg-primary) !important;
    border-color: var(--alien-border) !important;
}

body.alien-theme .docs-btn-blue:hover,
.alien-theme .docs-btn-blue:hover {
    background-color: var(--alien-accent-hover) !important;
}

/* H4 標題 */
body.alien-theme .org-split-right h4,
.alien-theme .org-split-right h4 {
    color: var(--alien-text-primary) !important;
}


/* 分頁器 Pagination */
body.alien-theme .pagination > li > a,
body.alien-theme .pagination > li > span,
.alien-theme .pagination > li > a,
.alien-theme .pagination > li > span {
    background-color: var(--alien-bg-secondary) !important;
    color: var(--alien-text-primary) !important;
    border-color: var(--alien-border) !important;
}

body.alien-theme .pagination > li > a:hover,
.alien-theme .pagination > li > a:hover {
    background-color: var(--alien-accent) !important;
    color: var(--alien-bg-primary) !important;
    border-color: var(--alien-border) !important;
}

body.alien-theme .pagination > .active > a,
body.alien-theme .pagination > .active > span,
.alien-theme .pagination > .active > a,
.alien-theme .pagination > .active > span {
    background-color: var(--alien-accent) !important;
    color: var(--alien-bg-primary) !important;
    border-color: var(--alien-border) !important;
}

body.alien-theme .pagination > .disabled > a,
body.alien-theme .pagination > .disabled > span,
.alien-theme .pagination > .disabled > a,
.alien-theme .pagination > .disabled > span {
    background-color: var(--alien-bg-tertiary) !important;
    color: var(--alien-text-muted) !important;
    border-color: var(--alien-border) !important;
}

.alien-theme .navbar-light .navbar-nav .nav-link:hover {
    color: var(--alien-accent) !important;
}

/* 子導航欄外星主題 */
.alien-theme .subnav_bg {
    background-color: var(--alien-bg-secondary) !important;
    border-bottom: 1px solid var(--alien-border);
}

.alien-theme .survey_form_order_wrap > a > div {
    color: var(--alien-text-secondary) !important;
}

.alien-theme .survey_form_order_wrap > a > div:hover {
    color: var(--alien-accent) !important;
}

.alien-theme .nav-active {
    color: var(--alien-accent) !important;
}

/* 主內容區域外星主題 */
.alien-theme .survey_form_body_wrap {
    background-color: var(--alien-bg-primary) !important;
}

.alien-theme .survey_form_body {
    background-color: var(--alien-bg-primary) !important;
    color: var(--alien-text-primary) !important;
}

.alien-theme .body_content {
    background-color: var(--alien-bg-primary) !important;
    color: var(--alien-text-primary) !important;
}

.alien-theme .survey_form_header_wrap {
    background: var(--alien-bg-secondary) !important;
    border-bottom: 1px solid var(--alien-border);
}

.alien-theme .survey_form_menu {
    background-color: var(--alien-bg-secondary) !important;
}

/* 表格外星主題 */
.alien-theme .table {
    background-color: var(--alien-bg-secondary) !important;
    color: var(--alien-text-primary) !important;
    border: 1px solid var(--alien-border) !important;
}

.alien-theme .table_header {
    background: var(--alien-bg-tertiary) !important;
    color: var(--alien-text-primary) !important;
    border-bottom: 1px solid var(--alien-border);
}

.alien-theme .table_text, 
.alien-theme .table_email, 
.alien-theme .table_download, 
.alien-theme .table_link, 
.alien-theme .table_select, 
.alien-theme .table_reply, 
.alien-theme .table_upload, 
.alien-theme .table_enforce, 
.alien-theme .table_edit, 
.alien-theme .table_formula {
    background-color: var(--alien-bg-secondary) !important;
    color: var(--alien-text-primary) !important;
    border-bottom: 1px solid var(--alien-border-light);
}

.alien-theme .table_text input, 
.alien-theme .table_email input {
    background-color: var(--alien-bg-secondary) !important;
    color: var(--alien-text-primary) !important;
    border: 1px solid var(--alien-border) !important;
}

.alien-theme .table_text input:focus, 
.alien-theme .table_email input:focus {
    border-color: var(--alien-accent) !important;
    box-shadow: 0 0 5px var(--alien-accent) !important;
}

/* 表格行懸停效果（排除有內聯樣式的 tr 以及特殊表格） */
.alien-theme tbody > tr:not([style*="background"]):hover {
    background-color: var(--alien-bg-tertiary) !important;
}

.alien-theme tbody > tr:not([style*="background"]):nth-child(even) {
    background-color: var(--alien-bg-secondary) !important;
}

.alien-theme tbody > tr:not([style*="background"]):nth-child(odd) {
    background-color: var(--alien-bg-primary) !important;
}

/* productLCAsummary 表格不套用斑馬條紋，保留原始背景色 */
.alien-theme #productLCAsummary tbody > tr:nth-child(even),
.alien-theme #productLCAsummary tbody > tr:nth-child(odd),
.alien-theme #productLCAsummary tbody > tr:hover {
    background-color: initial !important;
}

/* 表格邊框 */
.alien-theme .table th, 
.alien-theme .table td {
    border-color: var(--alien-border) !important;
    color: var(--alien-text-primary) !important;
}

.alien-theme .table tbody td {
    color: var(--alien-text-primary) !important;
}

/* 不套用主題樣式的通用 class */
.alien-theme .no-theme,
.alien-theme .no-theme *,
.alien-theme .alert,
.alien-theme .alert *,
.alien-theme .alert-success,
.alien-theme .alert-success *,
.alien-theme .alert-info,
.alien-theme .alert-info *,
.alien-theme .alert-warning,
.alien-theme .alert-warning *,
.alien-theme .alert-danger,
.alien-theme .alert-danger * {
    background-color: unset !important;
    background-image: unset !important;
    color: unset !important;
}

/* productLCAsummary 表格規則：若有指定字色底色，就不套用佈景主題 */
/* 只為沒有指定字色和底色的元素套用佈景主題文字顏色 */
.alien-theme #productLCAsummary td:not([style*="color"]):not([style*="background"]):not([style]),
.alien-theme #productLCAsummary th:not([style*="color"]):not([style*="background"]):not([style]) {
    color: var(--alien-text-primary) !important;
}

/* 表格標題行（只匹配沒有內聯樣式的） */
.alien-theme .table thead th:not([style*="background"]):not([style*="color"]) {
    background-color: var(--alien-bg-tertiary) !important;
    color: var(--alien-text-primary) !important;
    border-color: var(--alien-border) !important;
}

/* productLCAsummary 的 thead th：只為沒有 style 的元素套用佈景主題文字顏色 */
.alien-theme #productLCAsummary thead th:not([style]) {
    color: var(--alien-text-primary) !important;
}

/* orgLCAsummary 表格規則：若 tr 有指定字色底色，其內的 td 不套用佈景主題 */
/* 斑馬條紋只套用到沒有 style 的 tr */
.alien-theme #orgLCAsummary tbody > tr:not([style]):nth-child(even) {
    background-color: var(--alien-bg-secondary) !important;
}

.alien-theme #orgLCAsummary tbody > tr:not([style]):nth-child(odd) {
    background-color: var(--alien-bg-primary) !important;
}

.alien-theme #orgLCAsummary tbody > tr:not([style]):hover {
    background-color: var(--alien-bg-tertiary) !important;
}

/* 只為沒有 style 的 tr 內的 td 套用佈景主題文字顏色 */
.alien-theme #orgLCAsummary tbody > tr:not([style]) td {
    color: var(--alien-text-primary) !important;
}

/* 表單元素外星主題 */
.alien-theme input, 
.alien-theme textarea, 
.alien-theme select {
    background-color: var(--alien-bg-secondary) !important;
    color: var(--alien-text-primary) !important;
    border: 1px solid var(--alien-border) !important;
}

.alien-theme input:focus, 
.alien-theme textarea:focus {
    border-color: var(--alien-accent) !important;
    box-shadow: 0 0 5px var(--alien-accent) !important;
}

.alien-theme select {
    background-color: var(--alien-bg-secondary) !important;
    color: var(--alien-text-primary) !important;
}

/* 表單組標籤 */
.alien-theme .form-group label, 
.alien-theme .col-form-label {
    color: var(--alien-text-primary) !important;
}

/* 表單控制項 */
.alien-theme .form-control {
    background-color: var(--alien-bg-secondary) !important;
    color: var(--alien-text-primary) !important;
    border: 1px solid var(--alien-border) !important;
}

.alien-theme .form-control:focus {
    background-color: var(--alien-bg-secondary) !important;
    color: var(--alien-text-primary) !important;
    border-color: var(--alien-accent) !important;
    box-shadow: 0 0 5px var(--alien-accent) !important;
}

/* 輸入組 */
.alien-theme .input-group-text {
    background-color: var(--alien-bg-tertiary) !important;
    color: var(--alien-text-primary) !important;
    border: 1px solid var(--alien-border) !important;
}

/* 表單驗證 */
.alien-theme .form-control.is-valid {
    border-color: var(--alien-success) !important;
}

.alien-theme .form-control.is-invalid {
    border-color: var(--alien-danger) !important;
}

.alien-theme .valid-feedback {
    color: var(--alien-success) !important;
}

.alien-theme .invalid-feedback {
    color: var(--alien-danger) !important;
}

/* 複選框和單選按鈕 */
.alien-theme .form-check-input {
    background-color: var(--alien-bg-secondary) !important;
    border: 1px solid var(--alien-border) !important;
}

.alien-theme .form-check-input:checked {
    background-color: var(--alien-accent) !important;
    border-color: var(--alien-accent) !important;
}

.alien-theme .form-check-label {
    color: var(--alien-text-primary) !important;
}

/* 按鈕外星主題 */
.alien-theme .btn {
    background: linear-gradient(to right, var(--alien-accent) 0%, var(--alien-accent-hover) 100%) !important;
    border: 1px solid var(--alien-accent) !important;
    color: var(--alien-bg-primary) !important;
}

.alien-theme .btn:hover {
    background: linear-gradient(to right, var(--alien-accent-hover) 0%, var(--alien-accent) 100%) !important;
    color: var(--alien-bg-primary) !important;
}

.alien-theme .survey_order_btn, 
.alien-theme .survey_order_btn_only, 
.alien-theme .header_button, 
.alien-theme .save_LCAInfo_btn {
    background: var(--alien-bg-secondary) !important;
    color: var(--alien-text-secondary) !important;
    border: 1px solid var(--alien-border) !important;
}

.alien-theme .survey_order_btn:hover, 
.alien-theme .survey_order_btn_only:hover, 
.alien-theme .header_button:hover, 
.alien-theme .save_LCAInfo_btn:hover {
    background: var(--alien-accent) !important;
    color: var(--alien-bg-primary) !important;
    border-color: var(--alien-accent) !important;
}

/* 側邊欄外星主題 */
.alien-theme .side_bar {
    background-color: var(--alien-bg-secondary) !important;
    border-right: 1px solid var(--alien-border);
}

.alien-theme .side_bar_right_vertical_line > div {
    background: var(--alien-border) !important;
}

.alien-theme a.Item div {
    background-color: var(--alien-bg-secondary) !important;
    color: var(--alien-text-secondary) !important;
}

.alien-theme a.Item:hover div {
    background: var(--alien-accent) !important;
    color: var(--alien-bg-primary) !important;
}

.alien-theme a.Item_Active div {
    background: var(--alien-accent) !important;
    color: var(--alien-bg-primary) !important;
}

/* 頁腳外星主題 */
.alien-theme .copyright_wrap {
    background: var(--alien-bg-secondary) !important;
    color: var(--alien-text-secondary) !important;
    border-top: 1px solid var(--alien-border);
}

.alien-theme .copyright {
    color: var(--alien-text-secondary) !important;
}

/* 標題外星主題 */
.alien-theme .title, 
.alien-theme .add_survey_header_title {
    color: var(--alien-accent) !important;
}

/* 鏈接外星主題 */
.alien-theme a {
    color: var(--alien-text-primary) !important;
}

.alien-theme a:hover {
    color: var(--alien-accent) !important;
}

.alien-theme .inline_link {
    color: var(--alien-text-secondary) !important;
}

.alien-theme .inline_link:hover {
    color: var(--alien-accent) !important;
}

/* 輸入框佔位符外星主題 */
.alien-theme ::-webkit-input-placeholder {
    color: var(--alien-text-muted) !important;
}

.alien-theme :-moz-placeholder {
    color: var(--alien-text-muted) !important;
    opacity: 1;
}

.alien-theme ::-moz-placeholder {
    color: var(--alien-text-muted) !important;
    opacity: 1;
}

.alien-theme :-ms-input-placeholder {
    color: var(--alien-text-muted) !important;
}

/* 錯誤狀態外星主題 */
.alien-theme .error {
    border-color: var(--alien-danger) !important;
    box-shadow: 0 0 0 1px var(--alien-danger) !important;
}

/* 選中狀態外星主題 */
.alien-theme tbody > .survey_order_table_row:hover {
    background: var(--alien-bg-tertiary) !important;
}

.alien-theme tbody > .survey_order_table_row.selected {
    background: var(--alien-bg-tertiary) !important;
}

/* 狀態標籤外星主題 */
.alien-theme .label-inAnalyze {
    background-color: #ff9800 !important; /* 橙色 */
}

.alien-theme .label-inProgress {
    background-color: #4caf50 !important; /* 綠色 */
}

.alien-theme .label-unSigned {
    background-color: #ffeb3b !important; /* 亮黃色 */
}

.alien-theme .label-rejected {
    background-color: #f44336 !important; /* 紅色 */
}

.alien-theme .label-signed {
    background-color: #2196f3 !important; /* 藍色 */
}

.alien-theme .label-completed {
    background-color: #9c27b0 !important; /* 紫色 */
}

/* 文化選擇面板外星主題 */
.alien-theme .culture_panel {
    background: var(--alien-bg-secondary) !important;
    border: 1px solid var(--alien-border) !important;
}

.alien-theme .culture_panel ul li {
    color: var(--alien-text-primary) !important;
}

/* 滾動條外星主題 */
.alien-theme ::-webkit-scrollbar {
    width: 8px;
}

.alien-theme ::-webkit-scrollbar-track {
    background: var(--alien-bg-primary);
}

.alien-theme ::-webkit-scrollbar-thumb {
    background: var(--alien-bg-tertiary);
    border-radius: 4px;
}

.alien-theme ::-webkit-scrollbar-thumb:hover {
    background: var(--alien-border);
}

/* 下拉選單外星主題 */
.alien-theme .dropdown-menu {
    background-color: var(--alien-bg-secondary) !important;
    border: 1px solid var(--alien-border) !important;
    box-shadow: 0 4px 8px var(--alien-shadow) !important;
}

.alien-theme .dropdown-item {
    color: var(--alien-text-primary) !important;
}

.alien-theme .dropdown-item:hover, 
.alien-theme .dropdown-item:focus {
    background-color: var(--alien-bg-tertiary) !important;
    color: var(--alien-text-primary) !important;
}

.alien-theme .dropdown-divider {
    border-color: var(--alien-border) !important;
}

/* 模態框外星主題 */
.alien-theme .modal-content {
    background-color: var(--alien-bg-secondary) !important;
    border: 1px solid var(--alien-border) !important;
    color: var(--alien-text-primary) !important;
}

.alien-theme .modal-content label,
.alien-theme .modal-content .col-form-label,
.alien-theme .modal-content .row label {
    color: var(--alien-text-primary) !important;
}

.alien-theme .modal-content div,
.alien-theme .modal-content span {
    color: var(--alien-text-primary) !important;
}

/* 表單區域外星主題 */
.alien-theme form,
.alien-theme table-edit-modal,
.alien-theme .edit_form {
    background-color: var(--alien-bg-secondary) !important;
    color: var(--alien-text-primary) !important;
}

.alien-theme .edit_form label,
.alien-theme .edit_form .col-form-label {
    color: var(--alien-text-primary) !important;
}

.alien-theme .modal-header {
    border-bottom: 1px solid var(--alien-border) !important;
}

.alien-theme .modal-footer {
    border-top: 1px solid var(--alien-border) !important;
}

.alien-theme .modal-title {
    color: var(--alien-text-primary) !important;
}

/* 警告框外星主題 */
.alien-theme .alert {
    background-color: var(--alien-bg-tertiary) !important;
    border: 1px solid var(--alien-border) !important;
    color: var(--alien-text-primary) !important;
}

.alien-theme .alert-success {
    background-color: rgba(76, 175, 80, 0.2) !important;
    border-color: var(--alien-success) !important;
    color: #a5d6a7 !important;
}

.alien-theme .alert-warning {
    background-color: rgba(255, 152, 0, 0.2) !important;
    border-color: var(--alien-warning) !important;
    color: #ffcc02 !important;
}

.alien-theme .alert-danger {
    background-color: rgba(244, 67, 54, 0.2) !important;
    border-color: var(--alien-danger) !important;
    color: #ef9a9a !important;
}

.alien-theme .alert-info {
    background-color: rgba(0, 150, 136, 0.2) !important;
    border-color: #4db6ac !important;
    color: #80cbc4 !important;
}

/* 進度條外星主題 */
.alien-theme .progress {
    background-color: var(--alien-bg-tertiary) !important;
}

.alien-theme .progress-bar {
    background-color: var(--alien-accent) !important;
}

/* 響應式調整 */
@media screen and (max-width: 768px) {
    .alien-theme .survey_form_body_wrap {
        margin: 10px 0px;
    }
    
    .alien-theme .survey_form_body {
        padding: 8px 4px 8px 8px;
    }
}