/* Presentation refresh: sidebar and main dashboard only. */
body.petrolize-modern .app-sidebar {
    background: linear-gradient(180deg, #252731 0%, #191b23 100%);
    border-inline-end: 1px solid #343640;
    box-shadow: 6px 0 24px rgba(25, 27, 35, .08);
}
body.petrolize-modern .app-sidebar-logo { background: rgba(0, 0, 0, .06); }
body.petrolize-modern .app-sidebar .menu-heading { color: #9497a5 !important; }
body.petrolize-modern .app-sidebar .menu-item .menu-link {
    color: #d9dbe3;
    border-radius: 10px;
    margin-block: 3px;
    min-height: 38px !important;
    padding-block: 5px !important;
}
body.petrolize-modern .app-sidebar .menu-item { padding-block: 0; }
body.petrolize-modern .app-sidebar .menu-icon { height: 28px; width: 28px; flex-basis: 28px; }
body.petrolize-modern .app-sidebar .menu-sub .menu-link {
    min-height: 32px !important;
    padding-block: 5px !important;
    margin-block: 1px;
}
body.petrolize-modern .app-sidebar .menu-sub-accordion { margin-block: 0; padding-block: 0; }
body.petrolize-modern .app-sidebar .menu-column > .menu-item.pt-5 { padding-top: 11px !important; }
body.petrolize-modern .app-sidebar .menu-column > .menu-item.pt-5 .menu-content { padding-block: 4px !important; }
body.petrolize-modern .app-sidebar .menu-item .menu-link .menu-title { font-weight: 600 !important; }
body.petrolize-modern .app-sidebar .menu-icon { background: transparent; border-color: transparent; }
body.petrolize-modern .app-sidebar .menu-icon i { color: #b5b8c5 !important; }
body.petrolize-modern .app-sidebar .menu-item .menu-link:hover,
body.petrolize-modern .app-sidebar .menu-item.hover > .menu-link,
body.petrolize-modern .app-sidebar .menu-item.show > .menu-link {
    background: #343641;
    border-color: transparent;
    box-shadow: none;
    color: #fff;
    transform: none;
}
body.petrolize-modern .app-sidebar .menu-item .menu-link.active {
    background: #c9343d !important;
    border-color: #c9343d;
    box-shadow: none;
    color: #ffffff !important;
    transform: none;
}
body.petrolize-modern .app-sidebar .menu-link.active .menu-icon { background: #ad2832; }
body.petrolize-modern .app-sidebar .menu-item .menu-link.active .menu-title { color: #ffffff !important; }
body.petrolize-modern .app-sidebar .menu-link.active .menu-icon i { color: #ffffff !important; }
body.petrolize-modern .app-sidebar .menu-item .menu-link .menu-arrow:after { background-color: #a7aab7; }
body.petrolize-modern .app-sidebar .menu-link:focus-visible { outline: 2px solid #f69ba0; outline-offset: 2px; }

body.petrolize-modern .dashboard-page {
    --dash-blue: #c9343d;
    --dash-green: #378968;
    --dash-ink: #292d3a;
    --dash-muted: #737887;
    --dash-line: #e5e6ec;
    --dash-soft: #f7f7fa;
}
body.petrolize-modern:has(.dashboard-page) #kt_app_main { background: #f5f5f8; }
body.petrolize-modern:has(.dashboard-page) #kt_app_toolbar { padding-block: 22px 18px !important; }
body.petrolize-modern:has(.dashboard-page) .page-kicker { color: #bc333d; letter-spacing: .14em; }
body.petrolize-modern .dashboard-page .dashboard-command {
    background: linear-gradient(115deg, #ffffff, #faf7f8);
    border: 1px solid #e7e3e6;
    border-radius: 18px;
    box-shadow: none;
    padding: 26px;
    gap: 28px;
    margin-bottom: 20px !important;
    grid-template-columns: minmax(0, 1.2fr) minmax(340px, 1fr);
}
body.petrolize-modern .dashboard-page .dashboard-command__eyebrow { color: #bc333d; font-size: 10px; letter-spacing: .14em; margin-bottom: 12px; }
body.petrolize-modern .dashboard-page .dashboard-command__title { color: #262936; font-size: clamp(23px, 2vw, 32px); line-height: 1.2; font-weight: 700; max-width: 620px; margin-bottom: 12px; }
body.petrolize-modern .dashboard-page .dashboard-command__text { color: #747582; font-size: 12px; line-height: 1.65; max-width: 580px; }
body.petrolize-modern .dashboard-page .dashboard-command__actions { margin-top: 20px; gap: 9px; }
body.petrolize-modern .dashboard-page .dashboard-command__actions .btn { border-radius: 8px; padding: 10px 14px; font-size: 12px; }
body.petrolize-modern .dashboard-page .dashboard-command__actions .btn-primary { background: #c9343d !important; border-color: #c9343d !important; color: #fff !important; }
body.petrolize-modern .dashboard-page .dashboard-command__actions .btn-primary:hover { background: #ab2630 !important; }
body.petrolize-modern .dashboard-page .dashboard-command__actions .btn-light { background: #fff !important; color: #484b5b !important; border: 1px solid #e1e2e9 !important; }
body.petrolize-modern .dashboard-page .command-stat { background: rgba(255,255,255,.75); border: 1px solid #e8e7ec; border-radius: 12px; box-shadow: none; padding: 14px 16px; }
body.petrolize-modern .dashboard-page .command-stat span { color: #727584; font-size: 10px; }
body.petrolize-modern .dashboard-page .command-stat strong { color: #303342; font-size: clamp(20px, 1.65vw, 26px); margin-block: 6px; font-weight: 700; }
body.petrolize-modern .dashboard-page .command-stat small { color: #787b89; font-size: 10px; }
body.petrolize-modern .dashboard-page .command-stat--warning strong { color: #a16a1c; }
body.petrolize-modern .dashboard-page .metric-grid { gap: 16px; margin-bottom: 20px !important; }
body.petrolize-modern .dashboard-page .metric-tile { background: var(--pz-surface); border-color: var(--dash-line); border-radius: 14px; box-shadow: 0 3px 12px rgba(35,35,50,.035); padding: 20px 16px; gap: 14px; min-height: 114px; align-items: center; }
body.petrolize-modern .dashboard-page .metric-tile::after { display: none; }
body.petrolize-modern .dashboard-page .metric-tile__icon { height: 44px; width: 44px; flex-basis: 44px; border-radius: 13px; }
body.petrolize-modern .dashboard-page .metric-tile__icon i { color: inherit; }
body.petrolize-modern .dashboard-page .metric-tile--blue .metric-tile__icon { background: #fcecee; color: #c9343d; }
body.petrolize-modern .dashboard-page .metric-tile--slate .metric-tile__icon { background: #eaf0fa; color: #5d7baf; }
body.petrolize-modern .dashboard-page .metric-tile__body span { font-size: 10px; letter-spacing: .07em; }
body.petrolize-modern .dashboard-page .metric-tile__body strong { font-size: clamp(20px,1.5vw,26px) !important; font-weight: 700; margin-block: 7px; }
body.petrolize-modern .dashboard-page .metric-tile__body small { font-size: 11px; }
body.petrolize-modern .dashboard-page .dashboard-panel,
body.petrolize-modern .dashboard-page .status-panel { border-radius: 16px; padding: 22px; border-color: var(--dash-line); box-shadow: 0 3px 12px rgba(35,35,50,.035); }
body.petrolize-modern .dashboard-page .dashboard-panel:hover,
body.petrolize-modern .dashboard-page .status-panel:hover { transform: none; }
body.petrolize-modern .dashboard-page .dashboard-panel__header { padding-bottom: 16px; margin-bottom: 16px; border-bottom: 1px solid var(--dash-line); }
body.petrolize-modern .dashboard-page .dashboard-panel__header h3 { font-size: 17px; font-weight: 700; }
body.petrolize-modern .dashboard-page .dashboard-panel__header p { font-size: 12px; line-height: 1.5; margin-top: 6px; }
body.petrolize-modern .dashboard-page .panel-kicker { color: #bc333d; font-size: 9px; letter-spacing: .13em; margin-bottom: 7px; }
body.petrolize-modern .dashboard-page .panel-badges .badge { border-radius: 6px; padding: 7px 9px; }
body.petrolize-modern .dashboard-page .row { --bs-gutter-x: 20px; --bs-gutter-y: 20px; }
body.petrolize-modern .dashboard-page .mb-6 { margin-bottom: 20px !important; }
html[data-bs-theme="dark"] body.petrolize-modern:has(.dashboard-page) #kt_app_main { background: var(--pz-bg); }
html[data-bs-theme="dark"] body.petrolize-modern .dashboard-page .dashboard-command { background: #282832; border-color: #44414a; }
html[data-bs-theme="dark"] body.petrolize-modern .dashboard-page .dashboard-command__title { color: #f1edf0; }
html[data-bs-theme="dark"] body.petrolize-modern .dashboard-page .dashboard-command__text,
html[data-bs-theme="dark"] body.petrolize-modern .dashboard-page .dashboard-command__eyebrow { color: #ccc3ca; }
html[data-bs-theme="dark"] body.petrolize-modern .dashboard-page .command-stat { background: #32303a; border-color: #48434e; }
html[data-bs-theme="dark"] body.petrolize-modern .dashboard-page .command-stat strong { color: #f3ecf0; }
html[data-bs-theme="dark"] body.petrolize-modern .dashboard-page .command-stat span,
html[data-bs-theme="dark"] body.petrolize-modern .dashboard-page .command-stat small { color: #cbc3ce; }
html[data-bs-theme="dark"] body.petrolize-modern .dashboard-page .command-stat--warning strong { color: #f5cc85; }
html[data-bs-theme="dark"] body.petrolize-modern .dashboard-page .panel-kicker { color: #f19aa2; }
@media (max-width: 1199.98px) {
    body.petrolize-modern .dashboard-page .dashboard-command { grid-template-columns: 1fr; }
}
@media (max-width: 767.98px) {
    body.petrolize-modern .dashboard-page .dashboard-command { padding: 20px; gap: 20px; }
    body.petrolize-modern .dashboard-page .dashboard-panel { padding: 16px; }
    body.petrolize-modern .dashboard-page .metric-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
    body.petrolize-modern .dashboard-page .metric-tile { flex-direction: column; align-items: flex-start; }
}
@media (max-width: 399.98px) {
    body.petrolize-modern .dashboard-page .metric-grid { grid-template-columns: 1fr !important; }
}

/* Keep the mobile user menu above page cards and outside the header clipping context. */
@media (max-width: 991.98px) {
    body.petrolize-modern #kt_app_sidebar_menu_scroll {
        padding-top: 60px !important;
    }

    body.petrolize-modern #kt_app_header,
    body.petrolize-modern #kt_app_header_container,
    body.petrolize-modern #kt_app_header_wrapper,
    body.petrolize-modern .app-navbar,
    body.petrolize-modern #kt_header_user_menu_toggle {
        overflow: visible !important;
    }

    body.petrolize-modern #kt_app_header,
    body.petrolize-modern #kt_header_user_menu_toggle {
        position: relative;
        z-index: 1100;
    }

    body.petrolize-modern #kt_header_user_menu_toggle > .menu-sub-dropdown {
        inset-inline-end: 8px !important;
        inset-inline-start: auto !important;
        max-width: calc(100vw - 16px) !important;
        position: fixed !important;
        top: 58px !important;
        transform: none !important;
        width: 275px !important;
        z-index: 1200 !important;
    }
}