/* ============================================================================ /dashboards chrome — reuse the home2026 nav/footer (see dashboards/header.php + dashboards/footer.php, which render the real _nav/_footer/_menu partials and load home.css). This file: 1) hides the old Imroz navbar/footer (their header/footer views stay in the DOM only to carry the chart CSS and the footer scripts), 2) styles the light 2026 title band, 3) reconciles the home nav + the fixed dashboard sidebar with the layout. Loaded ONLY from dashboards/sidebar_menu.php. Plain selectors (no :has()). home.css is loaded by dashboards/header.php (after the Imroz CSS), so the home nav/footer — which use unique classes (.nav/.fbar/.totop) — win, while the dashboard content stays on Bootstrap/Imroz. ============================================================================ */ @import url('https://fonts.googleapis.com/css2?family=Kanit:wght@400;500;600;700&family=IBM+Plex+Sans+Thai:wght@400;500;600&display=swap'); :root{ --d-ink:#101840; --d-soft:#4C5378; --d-mute:#626987; --d-accent-ink:#1667A0; --d-teal:#22C3CE; --d-line:#E1EDF7; --d-fd:"Kanit","IBM Plex Sans Thai",sans-serif; } /* --- 1) hide the old Imroz chrome; the home2026 nav/footer replace it --- */ .header-area, .rn-popup-mobile-menu, .footer-area{ display:none!important; } .rn-progress-parent{ display:none!important; } /* the home2026 footer has its own .totop */ .cookiealert, .alert_cookie{ display:none!important; } /* Imroz cookie bar — the home2026 #ck banner replaces it */ #backButton, #satisfaction-float-btn{ display:none!important; } /* Imroz floating FABs — the home page has none; keep only .totop */ /* the dashboard's heavy content (charts, tables, filters) is inside the /dash/ iframe, which is style-isolated — so home.css loaded in this parent page cannot reach it. Only the parent chrome (home nav/footer/menu + sidebar + title band) is styled here. */ /* --- 2) title band (dashboards/title-area.php) — clears the ~72px home nav --- */ .dash-titleband{ position:relative;width:100%;flex:0 0 100%; background:linear-gradient(180deg,#E9F1FB,#F3F8FD 60%,#ffffff); border-bottom:1px solid var(--d-line); padding:96px 20px 28px;text-align:center;overflow:hidden; } .dash-titleband .dash-eyebrow{ display:inline-flex;align-items:center;gap:8px;margin:0; font-family:var(--d-fd);font-weight:500;font-size:13.5px;color:var(--d-accent-ink); } .dash-titleband .dash-eyebrow i{color:var(--d-teal);} .dash-titleband .dash-title{ margin:8px 0 0;font-family:var(--d-fd);font-weight:600;line-height:1.2; font-size:clamp(24px,3.4vw,36px);color:var(--d-ink); } .dash-titleband .dash-crumb{ margin-top:10px;font-family:var(--d-fd);font-size:13.5px;color:var(--d-mute); display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap; } .dash-titleband .dash-crumb a{color:var(--d-accent-ink);text-decoration:none;} .dash-titleband .dash-crumb a:hover{text-decoration:underline;} .dash-titleband .dash-crumb .sep{color:#B9C4DA;} .dash-titleband .dash-crumb [aria-current]{color:var(--d-ink);font-weight:500;} /* --- 3) layout: the home nav is position:absolute (89px tall); the fixed sidebar sits flush below it --- */ .modern-sidebar{ top:89px!important; } /* = rendered home-nav height, no overlap/gap */ main.col-md-12.ml-sm-auto.col-lg-10{ padding-top:0!important; } /* the title band already spaces the top */