.elementor-197 .elementor-element.elementor-element-2991b3c{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 0px 0px 0px;}.elementor-197 .elementor-element.elementor-element-2991b3c > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-197 .elementor-element.elementor-element-82a3e86 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-197 .elementor-element.elementor-element-82a3e86 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-197 .elementor-element.elementor-element-e157fa1{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-widget-theme-post-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-197 .elementor-element.elementor-element-c1eac80 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:20px;font-weight:800;line-height:26px;color:var( --e-global-color-astglobalcolor2 );}.elementor-197 .elementor-element.elementor-element-c1eac80 .elementor-heading-title a:hover, .elementor-197 .elementor-element.elementor-element-c1eac80 .elementor-heading-title a:focus{color:var( --e-global-color-astglobalcolor0 );}:root{--page-title-display:none;}/* Start custom CSS for shortcode, class: .elementor-element-e157fa1 *//* ============================================================
   NGO EXPERT HUB - COMPLETE PLATFORM CSS (NAVY & CYAN)
   ============================================================ */

/* --- 0. FIX DLA STICKY HEADER (Odsunięcie od góry) --- */
.tutor-wrap.tutor-dashboard {
    padding-top: 200px !important;
}

/* --- 1. GLOBALNE RESETOWANIE (Kropki i Listy) --- */
.tutor-dashboard-left-menu ul, 
.tutor-dashboard-left-menu li,
.tutor-dashboard-permalinks,
.tutor-dashboard-permalinks li {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    text-indent: 0 !important;
    border: none !important; /* Zabicie borderów na listach */
}
.tutor-dashboard-left-menu li:before { content: none !important; }

/* --- 2. OSTATECZNE USUNIĘCIE BIAŁEJ LINII --- */
.tutor-dashboard-left-menu, 
.tutor-dashboard-content,
.tutor-frontend-dashboard-maincontent,
.tutor-dashboard-permalinks {
    border-right: 0 !important;
    border-left: 0 !important;
    box-shadow: none !important;
}

.tutor-dashboard-left-menu::after, 
.tutor-dashboard-left-menu::before,
.tutor-dashboard-permalinks::after,
.tutor-dashboard-permalinks::before {
    display: none !important;
    content: none !important;
    width: 0 !important;
}

/* --- 3. KOKPIT STUDENTA - SIDEBAR (GRANATOWY) --- */
.tutor-dashboard-left-menu {
    background-color: #09042d !important;
    border-radius: 24px !important;
    padding: 25px 12px !important;
    overflow: hidden !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1) !important;
}

.tutor-dashboard-menu-item-link {
    display: flex !important;
    align-items: center !important;
    padding: 12px 15px !important;
    color: rgba(255, 255, 255, 0.7) !important;
    border-radius: 12px !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

.tutor-dashboard-menu-item-link:hover:not(.active) {
    background-color: rgba(255, 255, 255, 0.05) !important;
    padding-left: 20px !important;
    color: #19c9da !important;
}

.tutor-dashboard-menu-item.active .tutor-dashboard-menu-item-link {
    background-color: #19c9da !important;
    color: #ffffff !important;
}

.tutor-dashboard-menu-item-icon {
    color: #19c9da !important;
    margin-right: 12px !important;
}
.tutor-dashboard-menu-item.active .tutor-dashboard-menu-item-icon {
    color: #ffffff !important;
}

/* --- 4. KOKPIT STUDENTA - TREŚĆ I KARTY --- */
.tutor-dashboard-header {
    background: #ffffff !important;
    border-radius: 20px !important;
    padding: 25px !important;
    border: 1px solid #e2e8f0 !important;
    margin-bottom: 30px !important;
}

.tutor-dashboard-header-username, 
.tutor-dashboard-header-greetings,
.tutor-dashboard-title {
    color: #09042d !important;
}

.tutor-dashboard-stats-card {
    background: #ffffff !important;
    border-radius: 20px !important;
    border: 1px solid #e2e8f0 !important;
    transition: transform 0.3s ease !important;
}
.tutor-dashboard-stats-card:hover {
    transform: translateY(-5px) !important;
    border-color: #19c9da !important;
}

.tutor-dashboard-stats-card-value {
    color: #09042d !important;
    font-size: 32px !important;
    font-weight: 900 !important;
}

/* --- 5. UKŁAD DWUKOLUMNOWY FIX --- */
@media (min-width: 922px) {
    .tutor-frontend-dashboard-maincontent {
        display: flex !important;
        gap: 30px !important;
        align-items: flex-start !important;
    }
    .tutor-dashboard-left-menu {
        flex: 0 0 280px !important;
        width: 280px !important;
    }
    .tutor-dashboard-content {
        flex: 1 !important;
    }
}

/* --- GLOBALNY GRADIENT DLA STRONY MOJ PANEL --- */
/* Celujemy w ID strony 197 (z Twojego kodu HTML), aby gradient nie pojawił się na całej witrynie */
body.page-id-197 {
    background: linear-gradient(345deg, #19c9da 50%, #09042d 50%) !important;
    background-attachment: fixed !important; /* Gradient nie przewija się, zostaje w tle */
    min-height: 100vh;
}

/* --- SPRAWIENIE, ŻEBY ELEMENTY TUTORA BYŁY PRZEZROCZYSTE --- */
/* Dzięki temu gradient będzie prześwitywał spod spodu */
.page-id-197 #page, 
.page-id-197 .site-content,
.page-id-197 .tutor-wrap,
.page-id-197 .tutor-container,
.page-id-197 .tutor-dashboard-content {
    background-color: transparent !important;
}

/* --- DOPASOWANIE KART DO GRADIENTU --- */
/* Żeby panel nie był "płaski", zostawiamy białe karty tam, gdzie są dane */
.page-id-197 .tutor-dashboard-header,
.page-id-197 .tutor-dashboard-stats-card,
.page-id-197 .tutor-card,
.page-id-197 .tutor-dashboard-content-inner {
    background-color: rgba(255, 255, 255, 0.9) !important; /* Prawie białe, lekko przezroczyste */
    backdrop-filter: blur(10px); /* Efekt oszronionego szkła - bardzo Premium */
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    border-radius: 24px !important;
}

/* --- SIDEBAR NA GRADINCIE --- */
/* Jeśli chcesz, żeby sidebar nadal był ciemny, ale nie gryzł się z tłem */
.page-id-197 .tutor-dashboard-left-menu {
    background-color: rgba(9, 4, 45, 0.95) !important; /* Bardzo ciemny granat z lekką przezroczystością */
    box-shadow: 0 20px 50px rgba(0,0,0,0.2) !important;
}
/* --- DOPRACOWANIE ODSTĘPÓW (PADDING) DLA PANELU --- */


/* 2. Wewnętrzny padding dla białego boksu z kartami */
/* To sprawi, że statystyki nie będą dotykać brzegów tego białego tła */
.page-id-197 .tutor-dashboard-content-inner {
    padding: 40px !important;        /* Odstęp wewnątrz białego pola */
    border-radius: 30px !important;  /* Mocniejsze zaokrąglenie dla lepszego looku */
}

/* 3. Naprawa nagłówka (avatar i powitanie) */
/* Żeby on też miał równe odstępy i pasował do reszty */
.page-id-197 .tutor-dashboard-header {
    margin-bottom: 40px !important;
    padding: 30px !important;
}

/* 4. Fix dla mobilnych - mniejsze paddingi na telefonie */
@media (max-width: 767px) {
    .page-id-197 .tutor-dashboard {
        padding-left: 15px !important;
        padding-right: 15px !important;
        padding-top: 20px !important;
    }
    .page-id-197 .tutor-dashboard-content-inner {
        padding: 20px !important;
    }
}/* End custom CSS */