/* ================================================================
   md3/layout.css — P1 App Shell（header / sidebar / body 基調）
   載入順序：本檔在最後，覆蓋 admin-base / admin-layout
   注意：admin-layout.css 的 .header 部分屬性帶 !important，須同樣以
   !important 覆蓋；sidebar data-tab 契約不動，僅換皮
   ================================================================ */

body {
    font-family: 'Roboto', 'Noto Sans TC', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    background: var(--md-surface);
    color: var(--md-on-surface);
}

/* ---- Top app bar（深色 header → MD3 淺色 surface + backdrop-blur） ---- */
.header {
    background: rgba(255, 251, 254, 0.92) !important;  /* surface + blur 底 */
    padding: 12px 24px !important;
    border-bottom: 1px solid var(--md-outline-variant);
    box-shadow: none !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    position: sticky;
    top: 0;
    z-index: 900;
}
.header h1 {
    color: var(--md-on-surface) !important;
    font-size: 22px !important;
    font-weight: 500;
    letter-spacing: 0;
    text-shadow: none;  /* 抵銷 resume_form.css h1 的全域漏噴（2px 2px 10px 黑影） */
}
.header .subtitle {
    color: var(--md-on-surface-variant);
    opacity: 1;
    font-weight: 500;
}

/* ---- Navigation drawer（深色 sidebar → MD3 tonal drawer + pill indicator） ---- */
.sidebar {
    background: var(--md-surface-container-low);
    border-right: 1px solid var(--md-outline-variant);
    max-width: 260px;
}
.sidebar-menu { padding: 12px 0 24px; }
.sidebar-group { margin-bottom: 18px; }
.sidebar-group-title {
    color: var(--md-on-surface-variant);
    font-size: 12.5px;
    font-weight: 600;
    letter-spacing: 0.08em;
    padding: 10px 22px 6px;
}
.sidebar-item {
    display: block;
    color: var(--md-on-surface-variant);
    padding: 9px 22px;
    margin: 2px 10px;
    border-radius: var(--md-radius-pill);
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
    text-decoration: none;
    transition: background var(--md-dur-fast) var(--md-ease), color var(--md-dur-fast) var(--md-ease);
}
.sidebar-item:hover {
    background: rgba(var(--md-primary-rgb), 0.10);   /* state layer */
    color: var(--md-on-surface);
}
.sidebar-item.active {
    background: var(--md-secondary-container);
    color: var(--md-on-secondary-container);
    font-weight: 500;
}

/* ---- 主要內容區：MD3 surface 底 ---- */
.main-content {
    background: var(--md-surface) !important;
}

/* ---- 全站字型（Roboto + Noto Sans TC） ---- */
button, input, select, textarea { font-family: inherit; }

/* ---- Sidebar FontAwesome icon 對齊 ---- */
.sidebar-item i,
.sidebar-group-title i {
    display: inline-block;
    width: 1.25em;
    text-align: center;
}