/*
    ------------------------------------------------------------------------------------------------------------------------
    1.0.0 |  2026-07-03  |  chunyin         |  [v1.9.0] 調整側邊選單根目錄/子目錄層級差異、放大左上角 Logo（垂直置中、靠左與選單 icon 對齊）、Navbar 與側邊選單改為深藏青背景
    ------------------------------------------------------------------------------------------------------------------------
 */

html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.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;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

/* [v1.9.0] 側邊選單：加大根目錄與子目錄的視覺層級差異 */
/* 選單標題（系統功能目錄）：放大至與子目錄同級並提高亮度 */
#sidenavAccordion .sb-sidenav-menu-heading {
    font-size: 0.95rem;
    color: rgba(255, 255, 255, 0.75);
}
#sidenavAccordion .sb-sidenav-menu > .nav > .nav-link {
    font-weight: 600;
    color: rgba(255, 255, 255, 0.85);
}
#sidenavAccordion .sb-sidenav-menu > .nav > .nav-link .sb-nav-link-icon {
    color: rgba(255, 255, 255, 0.75);
}
#sidenavAccordion .sb-sidenav-menu-nested {
    margin-left: 1.25rem;
    padding-left: 0.5rem;
    border-left: 1px solid rgba(255, 255, 255, 0.15);
}
#sidenavAccordion .sb-sidenav-menu-nested .nav-link {
    font-size: 0.95rem;
    color: rgba(255, 255, 255, 0.55);
}
#sidenavAccordion .sb-sidenav-menu-nested .nav-link::before {
    content: "\2022";               /* • 小圓點 */
    margin-right: 0.5rem;
    color: rgba(255, 255, 255, 0.3);
}
#sidenavAccordion .sb-sidenav-menu-nested .nav-link:hover,
#sidenavAccordion .sb-sidenav-menu-nested .nav-link.active {
    color: #fff;
}

/* [v1.9.0] 放大左上角 Logo：加高頂部導覽列(56→72px)，Logo 垂直置中、靠左與選單根目錄 icon 對齊 */
nav.sb-topnav { height: 72px !important; }
.sb-nav-fixed #layoutSidenav #layoutSidenav_nav .sb-sidenav { padding-top: 72px !important; }
.sb-nav-fixed #layoutSidenav #layoutSidenav_content { top: 72px !important; }
#layoutSidenav #layoutSidenav_content { min-height: calc(100vh - 72px) !important; }

.sb-topnav .navbar-brand {
    width: 225px;                   /* 對齊側邊欄寬度，形成獨立的 Logo 區塊 */
    height: 72px;
    margin: 0 !important;
    padding: 0 0 0 1rem !important;  /* 左內距 1rem，與選單 nav-link(電腦 icon) 左邊界對齊 */
    display: flex;
    align-items: center;            /* 垂直置中 */
    justify-content: flex-start;    /* 靠左對齊 */
}
.sb-topnav .navbar-brand img {
    height: 58px !important;        /* 由原本 50px 放大 */
    width: auto;
    max-width: 100%;
}

/* [v1.9.0] 自訂 Navbar 與側邊選單背景色（深藏青） */
:root {
    --is-nav-bg: #1e2a3a;            /* 主背景色，可自行調整 */
    --is-nav-footer-bg: #18222e;    /* 側邊選單頁尾，比主色略深一階作層次 */
}
.sb-topnav.bg-dark {
    background-color: var(--is-nav-bg) !important;
}
#layoutSidenav_nav .sb-sidenav-dark {
    background-color: var(--is-nav-bg);
}
#layoutSidenav_nav .sb-sidenav-dark .sb-sidenav-footer {
    background-color: var(--is-nav-footer-bg);
}

/* readonly 欄位：全面加深背景色，讓「不可編輯」狀態更明顯、一致；
   以 !important 覆蓋各頁面個別的 inline 背景（如 #f8f9fa、#adb5bd） */
.form-control[readonly],
input[readonly],
textarea[readonly] {
    background-color: #d3d9df !important;   /* 明顯的中淺灰，取代預設近白底 */
    border-color: #adb5bd !important;       /* 邊框略深，輪廓更清楚 */
    color: #212529 !important;              /* 文字維持深色、清楚可讀 */
    opacity: 1;                             /* 避免部分瀏覽器把 readonly 變淡 */
}