html {
font-size: 14px;
position: relative;
min-height: 100%;
}
/* ===== 公司品牌主色 =====
--brand-primary 由 _Layout 於 一律注入（登入公司有設定→品牌色；否則預設綠 #59A14F）。
這裡「不要」用 :root 重新宣告 --brand-primary，否則 site.css 晚於 inline 注入載入會覆蓋它；
一律以 var(--brand-primary, #59A14F) 取值（fallback 供未注入的頁面）。
注意：僅覆寫「主要動作按鈕」。不要覆寫 .bg-primary / .text-primary / .border-primary，
因為專案類型圖例等元件把 Bootstrap primary 當「藍色」語意使用（並搭配寫死的「藍色」文字），
全域覆寫會導致徽章顏色與圖例文字不符。圖表配色另由 chart-palette.js 依品牌色衍生，不靠這些類別。 */
.btn-primary {
--bs-btn-bg: var(--brand-primary, #59A14F);
--bs-btn-border-color: var(--brand-primary, #59A14F);
--bs-btn-hover-bg: var(--brand-primary, #59A14F);
--bs-btn-hover-border-color: var(--brand-primary, #59A14F);
--bs-btn-active-bg: var(--brand-primary, #59A14F);
--bs-btn-active-border-color: var(--brand-primary, #59A14F);
--bs-btn-disabled-bg: var(--brand-primary, #59A14F);
--bs-btn-disabled-border-color: var(--brand-primary, #59A14F);
}
.btn-outline-primary {
--bs-btn-color: var(--brand-primary, #59A14F);
--bs-btn-border-color: var(--brand-primary, #59A14F);
--bs-btn-hover-bg: var(--brand-primary, #59A14F);
--bs-btn-hover-border-color: var(--brand-primary, #59A14F);
--bs-btn-active-bg: var(--brand-primary, #59A14F);
--bs-btn-active-border-color: var(--brand-primary, #59A14F);
}
@media (min-width: 768px) {
}
/* 平台 / 公司 LOGO（左上方 navbar-brand） */
.navbar-logo {
height: 40px;
width: auto;
max-width: 200px;
object-fit: contain;
display: block;
}
@media (max-width: 575.98px) {
.navbar-logo {
height: 32px;
max-width: 140px;
}
}
.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}
body {
margin-bottom: 60px;
}
/* 分頁樣式優化 */
.pagination {
margin-bottom: 0;
}
.page-link {
color: #0d6efd;
background-color: #fff;
border: 1px solid #dee2e6;
}
.page-item.active .page-link {
z-index: 3;
color: #fff;
background-color: #0d6efd;
border-color: #0d6efd;
}
.page-item.disabled .page-link {
color: #495057;
pointer-events: none;
background-color: #fff;
border-color: #dee2e6;
}
/* 分頁容器樣式 */
nav[aria-label="分頁導航"] {
margin-top: 1rem;
padding-top: 1rem;
border-top: 1px solid #dee2e6;
}
/* 搜尋表單樣式 */
.search-form {
margin-bottom: 1rem;
}
.search-result-highlight {
font-weight: bold;
background-color: rgba(255, 230, 0, 0.2);
padding: 0 2px;
}
/* 分頁導航區域的搜尋標籤 */
.search-term-badge {
display: inline-block;
background-color: #f8f9fa;
border: 1px solid #dee2e6;
border-radius: 0.25rem;
padding: 0.25rem 0.5rem;
margin-left: 0.5rem;
font-size: 0.875rem;
}
/* 自動完成樣式優化 */
.ui-autocomplete {
max-height: 300px;
overflow-y: auto;
overflow-x: hidden;
z-index: 1200 !important; /* NOSONAR - required to override jQuery UI default z-index */
}
.ui-menu .ui-menu-item {
padding: 2px 0;
}
.industry-item {
padding: 8px;
border-bottom: 1px solid #eee;
}
.industry-name {
font-weight: bold;
}
.industry-code {
color: #666;
font-size: 0.9em;
font-weight: normal;
}
.industry-sector {
color: #0d6efd;
font-size: 0.85em;
margin-top: 2px;
}
.industry-description {
color: #495057;
font-size: 0.8em;
margin-top: 3px;
}
/* 自動完成選項高亮樣式 */
.ui-state-active,
.ui-widget-content .ui-state-active {
border: 1px solid #0d6efd;
background: #0d6efd;
color: white;
}
.ui-state-active .industry-sector,
.ui-state-active .industry-description,
.ui-state-active .industry-code {
color: white !important; /* NOSONAR - required to override jQuery UI widget text colors */
}
/* 產業詳情面板樣式 */
#industryDetails {
margin-top: 5px;
padding: 5px 0;
}
#industryCode {
background-color: #6c757d;
color: white;
}
/* 必填欄位星號樣式 */
.required-field::after {
content: " *";
color: #dc3545;
font-weight: bold;
}
.required-asterisk {
color: #dc3545;
font-weight: bold;
margin-left: 3px;
}
/* 導覽列下拉選單過長時可內部捲動，避免（系統管理等）長選單在小/中螢幕被視窗截斷而無法觸及 */
.navbar .dropdown-menu {
max-height: 80vh;
overflow-y: auto;
overflow-x: hidden;
}
/* 收合（漢堡）狀態：限制整個展開導覽區高度並可捲動 */
@media (max-width: 575.98px) {
.navbar-collapse {
max-height: 85vh;
overflow-y: auto;
}
}