.dark-mode {
  --primary: #4696e6;
  --accent-blue: #007bff;
  --accent-blue-light: #247dca;
  --job-blue: #4696e6;
  --surface: #161b22;
  --text-main: #c4cfe1;
  --text-muted: #7f8694;
  --border: #0f151d;
  --job-success: #46efb7;
  --job-bg: #030507;
  --primary-dark: #6186c5;
  --secondary: #46efb7;
  --light: #030507;
  --gray-light: #060a0e;
  --gray: #47566b;
  --gray-dark: #74849b;
  --dark: #c4cfe1;
  --primary-light: #054a9f;
  --primary-color: #f49d0a;
  --background-light: #040506;
  --text-color: #c8d2e0;
  --dark-color: #b7c1d2;
  --gray-color: #777777;
  --secondary-color: #0950c4;
  --text-dark: #eeeeee;
  --job-text-dark: #cccccc;
  --footer-link: #21a4d5;
  --job-border: #14161a;
  --job-primary: #5072e1;
  --job-text-muted: #7f8694;
  --primary-hover: #1452da;
  --success: #46efb7;
  --danger: #bb1010;
  --text-gray: #96a4b8;
  --text-light: #74849b;
}

/* ─── Również zachowaj media query dla tych bez JS ─── */
@media (prefers-color-scheme: dark) {
  html:not([class]) {
    --primary: #4696e6;
    --surface: #161b22;
    --text-main: #c4cfe1;
    --border: #0f151d;
    --background-light: #040506;
    --text-color: #c8d2e0;
  }
}
.dark-mode body {
background: #0B1220;
color: #c4cfe1;
}
.dark-mode .container, .dark-mode .post, .dark-mode .section-card, .dark-mode .info-card, .dark-mode .logowanie, .dark-mode .modern-form-container, .dark-mode .modern-form-wrapper, .dark-mode .notification-container, .dark-mode .job-offer-card, .dark-mode .tracking-card-modern, .dark-mode .channel-box-indent, .dark-mode .channel-box-lista {
background: #1f2937; border-color: #30363d; color: #c4cfe1;
}
.dark-mode .pp-modal-container {
  background-color: #1f2937;
}
.dark-mode .pp-modal-close {
  color: #d9cccc;
}
.dark-mode .wiecej {
  color: #868a91;
  margin: 20px 0; padding: 10px; cursor: pointer; width: 100%; border: 1px dashed #b57509; background: #1a2030;
}
.dark-mode  .form-select { background: #161b22; border-color: #30363d; color: #c4cfe1; }
.dark-mode  .form-control{border:1px solid var(--border);background:#161b22;color: azure;}
.dark-mode a:hover {
  color: #58a6ff;
}
.dark-mode a{
  color: #F1F5F9;
    text-decoration: none;
  transition: color .2s;
}
/* tytuły ofert osobno — trochę mocniejszy akcent */

.dark-mode .subject-prefix {
  color: #c2c7cc;
}
/* ─── Tytuły ofert — mocniejszy efekt ─── */
.dark-mode .offer-title a,
.dark-mode .podobne-tytul,
.dark-mode .partner-offer-title {
  color: #F1F5F9;
  transition: color .2s, text-shadow .2s;
}
.dark-mode .offer-title a:hover,
.dark-mode .podobne-tytul:hover {
  color: #4696e6;
  text-shadow: 0 0 12px #58a6ff55;
}
/* ─── Avatar użytkownika — grey w dark mode ─── */
.dark-mode .user-avatar {
  filter: grayscale(100%) brightness(0.85);
  transition: filter .4s ease;
}
.dark-mode .avatar-container:hover .user-avatar {
  filter: grayscale(0%) brightness(1);
}
.dark-mode .krajewiecej {
  background: #1a2030;
  color: #7b7f84;
}
.dark-mode .section-sidebar {
  background: #1E293B;
}
/* ─── Verification badge — też przygaszone ─── */
.dark-mode .verification-badge {
  filter: grayscale(60%);
  transition: filter .4s ease;
}
.dark-mode .avatar-container:hover .verification-badge {
  filter: grayscale(0%);
}
/* ─── Loga firm w rankingu ─── */
.dark-mode .hero-logo img,
.dark-mode .runner-logo img,
.dark-mode .p-logo-wrap img {
  filter: grayscale(100%) brightness(0.8);
  transition: filter .4s ease;
}
.dark-mode .hero-logo:hover img,
.dark-mode .runner-card:hover .runner-logo img,
.dark-mode .image-container:hover .image-container img,
.dark-mode .partner-horizontal-row:hover .p-logo-wrap img {
  filter: grayscale(0%) brightness(1);
}
.dark-mode .image-container img {
    opacity: 0.7;                /* Lekkie przezroczystość, by nie "świeciło" bielą */
    filter: brightness(0.9) contrast(1.1); /* Subtelne przyciemnienie bieli */
    transition: all 0.4s ease;   /* Płynne, eleganckie przejście */
}
.dark-mode .podobne-tytul i {
  color: #848b97;
}
.dark-mode .job-search-container {
  background: #1F2937;
}
/* Stan po najechaniu na kartę lub samo logo - logo "odżywa" */
.dark-mode .image-container:hover img {
    opacity: 1;                  /* Pełna widoczność */
    filter: brightness(1) contrast(1); /* Powrót do oryginalnych kolorów */
}
/* ─── Miniatury ofert pracy ─── */
.dark-mode .offer-image-link .offer-img {
  filter: grayscale(100%) brightness(0.75);
  transition: filter .4s ease;
}
.dark-mode .offer-image-link:hover .offer-img {
  filter: grayscale(0%) brightness(1);
}
.dark-mode .rodotext {
background: #222324;
  color: #a9b0b9;
}
.dark-mode .rodocheck {
  font-size: 14px;
  line-height: 1.6;
  color: #9aa1ac;
}
/* ─── Delikatne przyciemnienie ramki ─── */
.dark-mode .offer-image-link {
  border-color: #30363d;
  background: #0d1117;
}
.dark-mode .offer-image-link:hover {
  border-color: #58a6ff;
}
/* ─── Linki nawigacji (navbar) — bez zmiany, są już białe ─── */
.dark-mode .nav-link-top,
.dark-mode .nav-link-top:hover {
  color: #fff;
}
.dark-mode .section-header-main h2 {
  background: #0B1220;
  background-clip: text;
  -webkit-background-clip: text;
  margin-bottom: .75rem;
  font-size: 1.35rem;
  font-weight: 700;
  display: inline-block;
}
.dark-mode .section-header-main h2 {
  color: #b7c7d5;
}
.dark-mode .offer-item { background: #1F2937; border-color: #30363d; box-shadow: 0 8px 25px -10px rgba(59, 130, 246, 0.25);}
.dark-mode .offer-item.post1 { background: #161b22;box-shadow: 0 8px 25px -10px rgba(59, 130, 246, 0.25);}
.dark-mode .offer-item.post2 { background: #1a2030;box-shadow: 0 8px 25px -10px rgba(59, 130, 246, 0.25); }
.dark-mode .offer-item:hover { border-color: #2bbf50; box-shadow: 0 15px 35px -10px rgba(59, 130, 246, 0.35); }
.dark-mode .offer-row > td { background-color: #161b22; border-color: #30363d; }
.dark-mode .offer-row:hover { box-shadow: 0 4px 12px #00000066; }
.dark-mode .offer-category { background: #334155; border-color: #30363d; color: #d1d9ea; }
.dark-mode .offer-category:hover { background: #243040; border-color: #4b5563; color: #e2e8f0; }
.dark-mode .header_t img { filter: grayscale(100%) brightness(1.8); transition: filter .3s ease; }
.dark-mode .header_t img:hover { filter: grayscale(0%) brightness(1); }
.dark-mode .offer-date { background: #334155; color: #eeb045; }
.dark-mode .section-header-show { background-color: #0b1220; }
.dark-mode .section-header-main { background-color: #0b1220; }
.dark-mode .channel-box-indent { box-shadow: 1px 1px 1px #21421d; }
.dark-mode .dir-cat:hover { border-color: #2bbf50; }
.dark-mode .dir-cat { border: 1px solid #58595c; border-radius: 8px; }
.dark-mode .offer-preview { color: #CBD5E1; }
.dark-mode .offer-title h3 { color: #4696e6; }
.dark-mode .btn-search { background: #0c1016; color: #fff; }
.dark-mode .btn-search:hover { background: #b57509; color: #fff; }
.dark-mode .podobne-lista { background: #1e293b; box-shadow: 0 2px 10px #00000066; }
.dark-mode .podobne-oferta { border-bottom-color: #21272e; }
.dark-mode .podobne-oferta:hover { background-color: #1a2535; }
.dark-mode .podobne-data { color: #b57509; }
.dark-mode .menu-item { background: #161b22; color: #c4cfe1; box-shadow: 0 2px 5px #00000033; }
.dark-mode .menu-item:hover { background: #247dca; color: #fff; border-left-color: #1a5c94; }
.dark-mode .modern-menu-container { background: #0d1117; box-shadow: inset 0 0 10px #00000033; }
.dark-mode .main-navbar { background: #1E293B; }
.dark-mode #sidebar_right,
.dark-mode #sidebar_right_cities { background: #1a2030; box-shadow: 5px 5px 5px #07090c; }
.dark-mode .premium-sidebar { background: #1e293b; }
.dark-mode .premium-profile { border-bottom-color: #21272e; }
.dark-mode .premium-job-item { border: 1px solid #414448;border-radius: 10px; }
.dark-mode .premium-job-item:hover { background: #1a2030; }
.dark-mode .premium-footer { background: #1e293b; border-top-color: #21272e; }
.dark-mode .job-title { color: #c4cfe1; }
.dark-mode .job-location { color: #94a3b8; }
.dark-mode .user-name { color: #a2a7ae; }
.dark-mode .ranking-hero-container { background: #161b22; border-color: #30363d; box-shadow: 0 10px 25px -5px #00000066; }
.dark-mode .hero-company-info { background: linear-gradient(#161b22, #1a2030); border-right-color: #21272e; }
.dark-mode .hero-company-lista { background-color: #0d1117; }
.dark-mode .mini-main-card { background: #1e293b; border-color: #30363d; color: #c4cfe1; }
.dark-mode .mini-main-card:hover { border-color: #4696e6; }
.dark-mode .mini-main-title { color: #F1F5F9; }
.dark-mode .runner-card { background: #1a2030; border-color: #30363d; }
.dark-mode .hero-stat-main { background: #1a2535; }
.dark-mode .hero-name a { color: #c4cfe1; }
.dark-mode .top-companies-tabs-container { background-color: #1e2a3e; box-shadow: 5px 5px 5px #07090c; }
.dark-mode .tabs-controls { border-bottom-color: #30363d; }
.dark-mode .tab-button { color: #74849b; border: 1px solid #0D1117;}
.dark-mode .tab-button:hover:not(.active) { background-color: #1a2535; }
.dark-mode .tab-button.active { background-color: #1a2535; }
.dark-mode .jobs-container { background: #161b22; box-shadow: 5px 5px 5px #07090c; }
.dark-mode .countries-grid { background: #161b22; }
.dark-mode .country-column { background: #1f2937 }
.dark-mode .country-link:hover { background: #1a2535; margin: 0 -16px; padding: 2px 16px; }
.dark-mode .country-name { color: #c4cfe1; }
.dark-mode .job-count { background: #1e2a3a; color: #74849b; }
.dark-mode .country-link:hover .job-count { background: #247dca; color: #fff; }
.dark-mode .dir-cat { background: #1a2030; box-shadow: 0 4px 12px #00000033; }
.dark-mode .dir-cat:hover { box-shadow: 5px 5px 5px #07090c; }
.dark-mode .cat-header a { color: #F1F5F9; }
.dark-mode .cat-header .count { background: #1a2535; color: #8996ac; }
.dark-mode .subcat { border-bottom-color: #21272e; }
.dark-mode .subcat h2 a { color: #c4cfe1; }
.dark-mode .subcat h2 a:hover { color: #4696e6; }
.dark-mode .subcat .count { background: #1a2030; color: #94a3b8; }
.dark-mode .subcat span a { color: #99a2b1; }
.dark-mode .category-item { background: #161b22; border-color: #30363d; }
.dark-mode .category-item:hover { border-color: #4696e6; }
.dark-mode .category-item.active { background: linear-gradient(135deg, #161b22 0%, #1a2030 100%); }
.dark-mode .category-link { color: #c4cfe1; }
.dark-mode .category-link:hover { color: #4696e6; }
.dark-mode .category-icon { background: #1a2030; color: #74849b; }
.dark-mode .category-badge { background: #1a2535; color: #c4cfe1; }
.dark-mode .category-toggle { color: #74849b; }
.dark-mode .subcategories-container { background: #0d1117; border-top-color: #21272e; }
.dark-mode .subcategory-item { background: #161b22; }
.dark-mode .subcategory-item:hover { border-color: #4696e6; }
.dark-mode .subcategory-link { color: #94a3b8; }
.dark-mode .subcategory-link:hover { color: #4696e6; }
.dark-mode .subcategory-badge { background: #4b5563; }
.dark-mode .form-input-logowanie,
.dark-mode .form-input,
.dark-mode .modern-input,
.dark-mode .modern-textarea { background: #161b22; border-color: #30363d; color: #c4cfe1; }
.dark-mode .form-input-logowanie:focus { border-color: #2aadde; box-shadow: 0 0 0 3px #2aadde1a; }
.dark-mode .form-input-logowanie::placeholder { color: #4b5563; }
.dark-mode .subject-container,
.dark-mode .textarea-wrapper,
.dark-mode .input-with-icon { background: #161b22; border-color: #30363d; }
.dark-mode .textarea-header { background: #0d1117; border-bottom-color: #21272e; }
.dark-mode .form-section { background: #0d1117; border-color: #21272e; }
.dark-mode .checkbox-container,
.dark-mode .checkbox-wrapper,
.dark-mode .checkbox-row { background: #161b22; border-color: #30363d; }
.dark-mode .checkbox-row label { color: #64748b; }
.dark-mode .checkmark { background: #161b22; border-color: #4b5563; }
.dark-mode .form-select { background: #161b22; border-color: #30363d; color: #c4cfe1; }
.dark-mode .form-label { color: #e5e9ee; }
.dark-mode .form-title,
.dark-mode .form-main-title { color: #c4cfe1; }
.dark-mode .form-subtitle { color: #74849b; }
.dark-mode .form-hint { color: #64748b; }
.dark-mode .upload-area { background: #161b22; border-color: #30363d; }
.dark-mode .upload-area:hover { background: #1a2535; border-color: #247dca; }
.dark-mode .upload-preview { background: #161b22; border-color: #30363d; }
.dark-mode .notification-text { color: #94a3b8; }
.dark-mode .notification-panel { background: #161b22; }
.dark-mode .alert-info { background: #1a2535; border-color: #1d4ed8; color: #93c5fd; }
.dark-mode .alert-error { background: #2a1a1a; border-color: #dc2626; color: #fca5a5; }
.dark-mode .err { background-color: #2a1010; border-color: #b91c1c; color: #fca5a5; }
.dark-mode .msg { background-color: #0d1f17; border-color: #15803d; color: #86efac; }
.dark-mode #breadcrumb { background: #0d1117; color: #47a835; }
.dark-mode #breadcrumb a { color: #94a3b8; }
.dark-mode #breadcrumb a:hover { color: #47a835; }
.dark-mode .job-title-link { color: #bdb6b6; }
.dark-mode .job-title-link a:hover { color: #4696e6; text-decoration: none;}
.dark-mode .titlebluea { color: #c4cfe1; }
.dark-mode .titleblue { color: #94A3B8; }
.dark-mode .titleblueshow { color: #4696e6; }
.dark-mode .pagination a { background: #161b22; border-color: #b57509; color: #c4cfe1; }
.dark-mode .pagination a:hover { background: linear-gradient(135deg, #247dca 0%, #1a5c94 100%); border-color: #30a050; color: #fff; }
.dark-mode .profile-header-section,
.dark-mode .offer-title-card,
.dark-mode .section-card,
.dark-mode .contact-section { background: #161b22; border-color: #30363d; }
.dark-mode .header-banner { background: #1a2030; }
.dark-mode .photo-container { background: #161b22; }
.dark-mode .candidate-name { color: #e2e8f0; }
.dark-mode .preference-item { background: #0d1117; border-color: #30363d; }
.dark-mode .pref-icon-wrapper { background: #161b22; }
.dark-mode .pref-value { color: #c4cfe1; }
.dark-mode .pref-label { color: #74849b; }
.dark-mode .strength-item { background: #0d1117; border-color: #30363d; }
.dark-mode .skill-badge { background: #1a2030; border-color: #30363d; color: #94a3b8; }
.dark-mode .employment-tag { background: #1a2030; border-color: #30363d; color: #c4cfe1; }
.dark-mode .certificate-item { background: #1f1a08; border-color: #78590a; }
.dark-mode .availability-indicator { background: #0d1f17; color: #10B981; border-color: #166534; }
.dark-mode .contact-button:hover { background: #1452da; }
.dark-mode .badge-line { background: #1a2535; border-left-color: #4696e6; }
.dark-mode .badge-text { color: #c4cfe1; }
.dark-mode .trusted-badge-container { background: #161b22; border-color: #21272e; }
.dark-mode .progress-bar { background: #b57509; }
.dark-mode .modal-content { background-color: #161b22; border-color: #30363d; color: #c4cfe1; }
.dark-mode .close { color: #74849b; }
.dark-mode .close:hover { color: #c4cfe1; }
.dark-mode .tresc { background: #1a2030; border-left-color: #247dca; color: #94a3b8; }
.dark-mode .job-offer-card { background: #1f2937; border-color: #21272e; }
.dark-mode .job-card-footer { background: #1f2937; border-top-color: #21272e; }
.dark-mode .job-section-title { border-bottom-color: #30363d; color: #c4cfe1; }
.dark-mode .tile-label-dodaj { background: #161b22; border-color: #30363d; color: #c4cfe1; }
.dark-mode .job-form-section { background: #161b22; border-color: #30363d; }
.dark-mode .form-group-dodaj { border-color: #30363d;background-color: #161b22;}
.dark-mode .section-title-dodaj { color: #c4cfe1; }
.dark-mode .upload-info { background: #161b22; color: #94a3b8; border-left-color: #247dca; }
.dark-mode .partner-offers-sidebar { background: #1E293B; border-color: #30363d; }
.dark-mode .partner-offer-item { border-left-color: #176d20; }
.dark-mode .partner-offer-item:hover { background: #161b22; border-left-color: #FF8C42; }
.dark-mode .partner-offer-title { color: #bdb6b6; }
.dark-mode .job-tile { background: #1a2030; }
.dark-mode .job-tile i {
  color: #0fb37c;
  background: #334154;
}
.dark-mode .form-select:focus{outline:0;border-color:#3498db;background-color:#333;color:#fff;box-shadow:0 0 0 3px #3498db26}
.dark-mode .tile-group-dodaj.horizontal {
  background-color: #1e293b;
}
.dark-mode .form-input{border:1px solid var(--border);background: #1e2836;}

.dark-mode .form-input:focus{border-color:var(--primary);outline:0;box-shadow:0 0 0 3px #3b82f61a;background:#333}
.dark-mode .job-tile .icon-clock {
  color: #0fb37c;
}
.dark-mode .benefits-wrapper {
  background: #161b22;
}
.dark-mode .benefit-item-modern i {
  color: #e8870a;
}
.dark-mode  .premium-profile .kraz-cert {
  background: #1d283a;
}
.dark-mode .partner-offer-title:hover {
  color: #4696e6;
}
.dark-mode .padded {
  padding: 7px;
  background: #1e293b;
}
.dark-mode .firma-panel-show {
            background: rgba(79, 70, 229, 0.1);
            color: #bdb6b6;
}
.dark-mode .social-share-extended .share-btn {
    opacity: 0.5;                /* Mocniejsze przyciemnienie dla lepszego tła */
    filter: grayscale(80%);      /* Prawie czarno-białe, co daje ten sznyt premium */
    transition: all 0.3s ease;   /* Płynna animacja zmiany koloru */
}

/* Stan po najechaniu myszką - ikona "zapala się" */
.dark-mode .social-share-extended .share-btn:hover {
    opacity: 1;                  /* Pełna widoczność */
    filter: grayscale(0%);       /* Powrót do oryginalnych kolorów marki */
    transform: translateY(-2px); /* Delikatne uniesienie, by pokazać klikalność */
}
.dark-mode .btn-icon i {
  color: #4b73ae;
}
.dark-mode .p-offer-title  a:hover {
  color: #2563eb;
}
.dark-mode .partner-offer-company { color: #74849b; }
.dark-mode .partner-offers-footer { border-top-color: #21272e; }
.dark-mode .days-badge { background: #1a2030; color: #74849b; }
.dark-mode .partner-horizontal-row.silver-premium { background: #1a2030; border-color: #30363d; border-left-color: #74849b; }
.dark-mode .partner-horizontal-row.silver-premium:hover { border-color: #74849b; }
.dark-mode .p-name a { color: #c4cfe1; }
.dark-mode .wojewodztwo-link { background: #161b22; border-color: #30363d; color: #c4cfe1; }
.dark-mode .wojewodztwo-link:hover { background: #1a2030; border-color: #247dca; color: #4696e6; }
.dark-mode .city-card { background: #161b22; color: #c4cfe1; }
.dark-mode .city-card:active { background-color: #1a2535; }
.dark-mode .city-name { color: #e2e8f0; }
.dark-mode .city-count { background: #1a2535; color: #4696e6; }
.dark-mode .modern-footer { background-color: #1e293b; }
.dark-mode .footer-legal a { color: #a3aebd; }
.dark-mode .footer-legal a:hover { color: #21a4d5; }
.dark-mode .copyright { color: #9fa1a4; }
.dark-mode .cookie-notice { background-color: #00000066; }
.dark-mode .tablista { background-color: #1a2030; border-color: #30363d; color: #c4cfe1;border-left: 1px solid #b57509;
  border-top: 1px solid #b57509;
  border-right: 1px solid #b57509; }
.dark-mode .tablista:hover { box-shadow: 0 15px 35px -10px rgba(59, 130, 246, 0.35); }
.dark-mode .firma-doswiadczenie { background-color: #0d1f17; color: #359558; border-color: #166534; }
.dark-mode .firma-sprawdzony { background-color: #0d1a33; color: #497fc2; border-color: #1e40af; }
.dark-mode .firma-ekspert { background-color: #1f1507; color: #ac8317; border-color: #78450a; }
.dark-mode .application-trust-box { background-color: #1f2937; border-color: #30363d; }
.dark-mode .trust-box-text { color: #74849b; }
.dark-mode .trust-box-text strong { color: #c4cfe1; }
.dark-mode .recommendation-stats { background: #161b22; border-left-color: #0073b1; }
.dark-mode .recommendation-stats p { color: #74849b; }
.dark-mode td { color: #F8FAFC; }
.dark-mode button { background-color: #000; border-color: #1a5c94; }
.dark-mode button:hover { background-color: #1f2937; }
.dark-mode .compact-detail.salary { background: #334155; color: #10B981; }
.dark-mode .search-input-group { background: #161b22; border: 1px solid #58595c;}
.dark-mode .search-input-group input,
.dark-mode .search-input-group select { color: #848b97; background: #312c2c00; }
.dark-mode .search-input-group:focus-within { background: #1a2030; border-color: #247dca; }
.dark-mode .offer-item.pinned-active { background: linear-gradient(to right, #161b22, #1f1d0a) !important; border-color: #6f5e07 !important; }
.dark-mode .offer-item.pinned-popular { background: linear-gradient(to right, #161b22, #0d1a30) !important;border: 2px solid #4881bd78; }
.dark-mode .offer-item.pinned-champion { background: linear-gradient(135deg, #161b22 0%, #1a2030 100%) !important; }
.dark-mode .badge-expire-ok { background: #0d1f17; color: #10B981; }
.dark-mode .badge-expire-warning { background: #1f1507; color: #fbbf24; }
.dark-mode .badge-expire-soon { background: #2a1010; color: #fca5a5; }
.dark-mode .badge-expire-ended { background: #1a2030; color: #74849b; }
.dark-mode .badge-expire-ok-show { background: #0d1f17; color: #10B981; }
.dark-mode .badge-expire-warning-show { background: #1f1507; color: #fbbf24; }
.dark-mode .badge-expire-soon-show { background: #2a1010; color: #fca5a5; }
.dark-mode .badge-expire-ended-show { background: #1a2030; color: #74849b; }
.dark-mode .modern-menu-container::-webkit-scrollbar-thumb { background-color: #30363d; }
.dark-mode .section-header-side {background: #1E293B;}
.dark-mode .premium-header { background: linear-gradient(135deg,#132f48 0,#092f5e 100%);}
.dark-mode .date-separator {color: #b57509;}
.dark-mode .offer-item.pinned-partner {
  border: 1px solid silver;
    border-top-color: silver;
    border-right-color: silver;
    border-bottom-color: silver;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: silver;
  border-left: 3px solid silver;
    border-left-color: silver;
}
.dark-mode .offer-item.pinned-partner:hover {
border-color:#2bbf50;
box-shadow:0 8px 25px #2563eb14;
transform:translateY(-2px)
}
.dark-mode .offer-category i {
  color: #848b97;
}
.dark-mode .subscribe-btn:hover {
background: #b57509;
color: #fff;
}
.dark-mode .wiecej:hover  {
background: #b57509;
color: #fff;
border-radius: 8px;
}
.dark-mode .table-top-align {
background-color: #1E293B;
}
.dark-mode .citylist_country {
color: #b7b2b2;
}
.dark-mode .btn-wszystkie:hover  {
background: #b57509;
color: #fff;
}
.dark-mode .btn-wszystkie-show:hover  {
background: #b57509;
color: #fff;
}
.dark-mode .custom-modal-content {
  background-color: #06080b;
}
.dark-mode .btn-toggle:hover  {
background: #b57509;
color: #fff;
}
.dark-mode .krajewiecej:hover  {
background: #b57509;
color: #fff;
}
.dark-mode .premium-job-item:hover  {
  border: 1px solid #4696e6;
}
.dark-mode .mini-main-title:hover  {
  color: #4696e6;
}
.dark-mode .form-container {
  background: #0d1117;
  padding: 25px;
  border-radius: 10px;
  margin-top: 20px;
}
.dark-mode .ep-v2-logo,
.dark-mode .company-logo {
  filter: grayscale(40%) brightness(50%);
  transition: filter .4s ease;
}
.dark-mode .ep-v2-avatar-wrapper:hover .ep-v2-logo,
.dark-mode .company-card:hover .company-logo {
  filter: grayscale(0%) brightness(1);
}
.dark-mode .sidebar-section-title {
  color: #a69f9f;
  border-bottom: 2px solid #22c55e;
}

.dark-mode .section-title {
  color: #6d7075;
}
.dark-mode .notifications-title {
  color: #707680;
}
.dark-mode .btn-toggle {
  color: #b0b4b9;
  background: #1f2937;
}
.dark-mode .kraz-cert {
background: linear-gradient(135deg,#1f2937,#1f2937);
  border: 1px solid #1f2937;
}
.dark-mode .section-title {
  border-bottom: 1px solid #f59e0b;
}
.dark-mode .ep-v2-main-card {
  background: linear-gradient(135deg, #161b22 0%, #1a2535 100%);
  border-color: #30363d;
  box-shadow: 0 10px 25px -5px #00000066;
}
.dark-mode .ep-v2-logo {
  background: #161b22;
  border-color: #30363d;
  transition: filter .4s ease;
}
.dark-mode .ep-v2-avatar-wrapper:hover .ep-v2-logo {
  filter: grayscale(0%) brightness(1);
}
.dark-mode .ep-v2-company-name {
  color: #a2a7ae;
}
.dark-mode .ep-v2-tag-premium {
  background: #1a2535;
  color: #4696e6;
}
.dark-mode .ep-v2-stat-box {
  background: #0d1117;
  border: 1px solid #30363d;
}
.dark-mode .ep-v2-stat-value {
  color: #e6edf3;
}
.dark-mode .ep-v2-stat-label {
  color: #7d8590;
}
.dark-mode .company-ranking-badge.popular {
  background: linear-gradient(135deg, #254d8c, #335f93, #345671, #214f99);
}
/* ─── Sekcje kart (ep-v2-card-section) ─── */
.dark-mode .ep-v2-card-section {
  background: #161b22;
  border-color: #30363d;
  box-shadow: 0 4px 6px -1px #00000033;
}
.dark-mode .ep-v2-section-title {
  color: #e6edf3;
}
.dark-mode .ep-v2-section-subtitle {
  color: #7d8590;
}

/* ─── Benefity ─── */
.dark-mode .ep-v2-benefit-card {
  background: #0d1117;
  border-color: #30363d;
}
.dark-mode .ep-v2-benefit-card:hover {
  background: #161b22;
  border-color: #58a6ff;
  box-shadow: 0 10px 15px -3px #1d4ed833;
}
.dark-mode .ep-v2-benefit-card.highlight {
  background: linear-gradient(135deg, #0d1f33 0%, #0d1a2e 100%);
  border-color: #1d4ed8;
}
.dark-mode .ep-v2-benefit-icon-wrapper {
  background: #161b22;
  box-shadow: 0 2px 4px #00000033;
}
.dark-mode .ep-v2-benefit-name {
  color: #c4cfe1;
}
.dark-mode .ep-v2-benefit-desc {
  color: #7d8590;
}

/* ─── Nagłówek ofert firmy ─── */
.dark-mode .company-offers-header {
  background: linear-gradient(135deg, #161b22 0%, #1a2030 100%);
  box-shadow: 0 10px 30px #00000033;
}
.dark-mode .company-offers-header::before {
  background: rgba(37, 99, 235, 0.05);
}
.dark-mode .company-offers-header h2 {
  color: #e6edf3;
  border-bottom: 2px solid #f59e0b;
}
.dark-mode .company-offers-header p {
  color: #94a3b8;
}

/* ─── Kontenery strony firmowej ─── */
.dark-mode .container-oferty,
.dark-mode .container-firmy {
  background-color: #0d1117;
}
.dark-mode .filter-section {
  background: #161b22;
  border-color: #30363d;
}
.dark-mode .filter-title {
  color: #c4cfe1;
}

/* ─── Karty firm (companies-grid) ─── */
.dark-mode .company-card {
  background: #1f2937;
  border-color: #c4800d;
  box-shadow: 0 10px 30px #00000033;
}
.dark-mode .company-card:hover {
  box-shadow: 0 20px 40px #1d4ed833;
}
.dark-mode .logo-wrapper {
  background: #161b22;
  border-color: #30363d;
  box-shadow: 0 8px 25px #00000044;
}
.dark-mode .company-card:hover .logo-wrapper {
  border-color: #58a6ff;
}
.dark-mode .company-logo {
  filter: grayscale(40%) brightness(0.85);
  transition: filter .4s ease;
}
.dark-mode .company-card:hover .company-logo {
  filter: grayscale(0%) brightness(1);
}
.dark-mode .no-logo {
  background: linear-gradient(145deg, #1a2535, #1e2a40);
  color: #7d8590;
}
.dark-mode .company-name {
  color: #e6edf3;
}
.dark-mode .company-short-desc {
  color: #7d8590;
}
.dark-mode .company-meta {
  border-top-color: #21272e;
}
.dark-mode .meta-item {
  color: #94a3b8;
}
.dark-mode .offers-count {
  background: #1a2535;
  color: #4696e6;
}
.dark-mode .verified-badge {
  background: #161b22;
  color: #4696e6;
  box-shadow: 0 5px 12px #1d4ed833;
}

/* ─── Przyciski kart firm ─── */
.dark-mode .btn-primary {
  background: #161b22;
  color: #b0b4b8;
  border-color: #30363d;
}
.dark-mode .btn-primary:hover {
  background: #1e2f45;
  border-color: #58a6ff;
}
.dark-mode .btn-secondary {
  background: #161b22;
  color: #b0b4b8;
  border-color: #30363d;
}
.dark-mode .btn-secondary:hover {
  background: #1e2f45;
  border-color: #58a6ff;
}
.dark-mode .sort-options .icon-briefcase {
  color: #b57509;
}
.dark-mode .sort-options .icon-star {
  color: #b57509;
}
.dark-mode .sort-options .icon-eye {
  color: #b57509;
}
.dark-mode .search-wrapper .icon-briefcase{
  color: #b57509;
}
/* ─── Tagi pracy (jobs-tags-section) ─── */
.dark-mode .jobs-tags-section {
  background: #161b22;
  border-color: #30363d;
  box-shadow: 0 10px 25px #00000033;
}
.dark-mode .tags-title {
  color: #e6edf3;
}
.dark-mode .tag-item {
  background: #1a2535;
  color: #c4cfe1;
  border-color: #30363d;
  box-shadow: none;
}
.dark-mode .tag-item:hover {
  background: #1e2f45;
  border-color: #58a6ff;
  box-shadow: 0 5px 15px #1d4ed833;
}
.dark-mode .tag-count {
  background: #0d1117;
  color: #b57509;
}
.dark-mode .mini-tag {
  background: #1a2535;
  color: #94a3b8;
  border-color: #30363d;
}
.dark-mode .mini-tag small {
  background: #4b73ae;
  color: #fff;
}
.dark-mode .info-text {
  color: #6d7075;
}
/* ─── Filter bar ─── */
.dark-mode .filter-bar {
  background: #161b22;
  border-color: #30363d;
  box-shadow: none;
}
.dark-mode .filter-bar .fw-bold {
  color: #c4cfe1;
}
.dark-mode .filter-bar select {
  background-color: #0d1117;
  border-color: #30363d;
  color: #c4cfe1;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237d8590' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
}
.dark-mode .filter-bar select:hover {
  border-color: #58a6ff;
  background-color: #161b22;
}
.dark-mode .filter-bar select:focus {
  border-color: #58a6ff;
  box-shadow: 0 0 0 4px #1d4ed822;
}
.dark-mode .filter-info,
.dark-mode .filter-info-main {
  background: #1a2535;
  border-color: #30363d;
  color: #c4cfe1;
}
.dark-mode .filter-info strong,
.dark-mode .filter-info-main strong {
  color: #4696e6;
}

/* ─── Filter stats ─── */
.dark-mode .filter-stats-container {
  background: #161b22;
  box-shadow: 0 10px 25px #00000044;
}
.dark-mode .filter-stats-header {
  color: #c4cfe1;
  border-bottom-color: #30363d;
}
.dark-mode .filter-stat-item {
  background: #0d1117;
  border-color: #30363d;
}
.dark-mode .filter-stat-item:hover {
  background: #1a2535;
  box-shadow: 0 5px 15px #00000044;
}
.dark-mode .filter-stat-label {
  color: #7d8590;
}
.dark-mode .filter-stat-value {
  background: #1a2535;
  color: #c4cfe1;
}

/* ─── Country tiles ─── */
.dark-mode .country-tile {
  background: #1f2937;
  border-color: #30363d;
  color: #c4cfe1;
}
.dark-mode .country-tile:hover {
  background: #1a2535;
  border-color: #58a6ff;
}
.dark-mode .country-offers-badge {
  background: #1a2030;
  color: #4696e6;
}

/* ─── Sort bar ─── */
.dark-mode .sort-bar {
  background: #1f2937;
  border-color: #30363d;
}
.dark-mode .sort-info {
  color: #7d8590;
}
.dark-mode .sort-item {
  background: #0d1117;
  color: #94a3b8;
  border-color: #30363d;
}
.dark-mode .sort-item:hover {
  background: #1a2535;
}
.dark-mode .sort-item.active {
  background: #1d4ed8;
  color: #fff;
  border-color: #1d4ed8;
}

/* ─── Breadcrumbs ─── */
.dark-mode .breadcrumbs-custom {
  background: #161b22;
  border-color: #30363d;
  color: #7d8590;
}
.dark-mode .breadcrumbs-custom a {
  color: #58a6ff;
}
.dark-mode .breadcrumbs-custom a:hover {
  color: #a5d6ff;
}
.dark-mode .breadcrumbs-custom .current {
  color: #c4cfe1;
}

/* ─── Meta grid (strona firmy) ─── */
.dark-mode .meta-grid-modern .meta-item-modern {
  background: #161b22;
  border: 1px solid #30363d;
}
.dark-mode .meta-item-modern:hover {
  background: #1a2535;
}
.dark-mode .meta-label {
  color: #7d8590;
}
.dark-mode .meta-value {
  color: #c4cfe1;
}
.dark-mode .meta-icon-modern {
  background: #0d1117;
  box-shadow: 0 4px 8px #00000033;
}

/* ─── Share section ─── */
.dark-mode .share-section-modern {
  background: #161b22;
  border: 1px solid #30363d;
}
.dark-mode .social-section-modern {
  border-top-color: #30363d;
}
.dark-mode .social-title {
  color: #c4cfe1;
}

/* ─── Info firmy (firma-serwis, firma-item) ─── */
.dark-mode .firma-serwis {
  border-top-color: #c4800d;
  border-bottom-color: #c4800d;
}
.dark-mode .optional-section-header:hover{background:#202c3e}
.dark-mode .firma-divider {
  border-left-color: #30363d;
}
.dark-mode .firma-data {
  color: #c4cfe1;
}
.dark-mode .firma-tekst {
  color: #7d8590;
}
.dark-mode .firma-polecana {
  background: #1a3460;
  color: #4696e6;
}

/* ─── Company title box ─── */
.dark-mode .company-title-box {
  border-color: #30363d;
  background: #161b22;
}
.dark-mode .company-title {
  color: #b1b5b9;
}

/* ─── Ranking badges ─── */
.dark-mode .company-ranking-badge {
  border-color: #30363d;
}
.dark-mode .info{color:#0c5460;border-color:#17a2b8;padding:15px;border-radius:8px;margin-bottom:25px;}
.dark-mode .company-ranking-badge.active {background: linear-gradient(135deg, #445c2d, #1e6610, #29aa31, #116209);
    background-size: auto;
  background-size: auto;
  box-shadow: 0 6px 20px rgba(58, 134, 255, 0.35);
  background-size: 300% 300%;
  border: none;
  border-radius: 12px;
  position: relative;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  animation: gradientShift 6s ease infinite;}
.dark-mode .company-ranking-badge.active .badge-icon i {
  color: #58a6ff;
}
.dark-mode .badge-content strong {
  color: #ccd3dd;
}
.dark-mode .badge-content span {
  color: #cdd1d7;
}
.dark-mode .btn-action {
  color: #acb0b5;
}
/* ─── Account badges ─── */
.dark-mode .badge1-agency {
  background: rgba(79, 70, 229, 0.15);
  color: #a5b4fc;
  border-color: rgba(79, 70, 229, 0.4);
}
.dark-mode .badge1-direct {
  background: rgba(14, 165, 233, 0.15);
  color: #7dd3fc;
  border-color: rgba(14, 165, 233, 0.4);
}
.dark-mode .why-card {
  background: #161b22;
}
.dark-mode .meta-icon-modern .icon-location {
  color: #2a8610;
}
.dark-mode .social-section-modern {
    border-top-color: #2d3748; /* Ciemniejsza linia w dark mode */
}

.dark-mode .social-title {
    color: #e2e8f0; /* Jasny tekst tytułu */
}

.dark-mode .social-icon-modern {
    /* W dark mode możemy je jeszcze bardziej "wyciszyć" na starcie */
    filter: grayscale(100%) brightness(70%);
}

.dark-mode .social-icon-modern:hover {
    filter: grayscale(0%) brightness(1);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5);
}
.dark-mode .location-card-modern {
  background: #161b22;
  color: #c4cfe1;
}
.dark-mode .location-header {
  background: #161b22;
  color: #c4cfe1;
}
.dark-mode .why-card p {
  color: #acb0b5;
  line-height: 1.55;
  font-size: 1.02rem;
}
/* ─── Activity items ─── */
.dark-mode .activity-item {
  color: #7d8590;
}
.dark-mode .activity-time {
  color: #c4cfe1;
}

/* ─── Info message ─── */
.dark-mode .info-firmy {
  background: #0d1f33;
  border-left-color: #1d4ed8;
}
.dark-mode .info-message strong {
  color: #c0c5ca;
}

/* ─── Section header show (dark bg) ─── */
.dark-mode .section-header-show {
  background-color: #161b22;
}
.dark-mode .section-subtitle-firmy {
  color: #94a3b8;
}
.dark-mode .card-body {
  background: #0d1117;
  border: 1px solid #ddd;
}
.dark-mode .card-header {
  background: linear-gradient(135deg, #1B3460, #1B3460);
}
.dark-mode button#refreshBtn.btn-icon,
.dark-mode .btn-icon,
.dark-mode .icon-sync .btn-icon button,
button#refreshBtn.btn-icon {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
	background-color: #1f2937 !important;
}
.icon-sync button:hover {
transform:translatey(-3px) scale(1.1);
box-shadow:0 6px 20px #0000004d
}
.dark-mode .odswiez-text {
color: #d0cccc; font-size: 15px;text-align: center;
}
.odswiez-text {
color: black; font-size: 15px;text-align: center;
}

.dark-mode .count {
  color: #b3b6bb;
}
.dark-mode .pr {
  background: #1F2937;
  border-radius: 12px;
  max-width: 850px;
  margin-bottom: 3px;
  overflow: hidden;
}
.dark-mode .ajax-content-area {
  background: #161b22;
}
.dark-mode .category-intro {
  color: #bdb6b6;
  background-color: #161b22;
  border: 1px solid #30363d;
}
.dark-mode .category-intro h3{
color: #b3b7bf;
}
.dark-mode .show-status {
  color: #a0a4aa;
}
.dark-mode .reset-hasla {
	    background: #0d1117;
}
.dark-mode .badge-partner {
  background: linear-gradient(-45deg,#1c6624,#20731d,#198016,#45a453);
}
.dark-mode .rank-badge-hero {
  background: linear-gradient(135deg,#ae9300,#c69127);
}
.dark-mode .citylist_city {color: #aaa7a7;}
.dark-mode .menu-header {
background: linear-gradient(135deg,#368034,#1e480b);
}
.dark-mode .section-header-main h2 i {
  color: #10B981;
}
.dark-mode .section-header-side h2 i {
  color: #10B981;
}
.dark-mode .trusted-stats {
  color: #b2b4b7;
}
.dark-mode .trusted-stats strong {
  color: #6b8dc6;
}
.dark-mode .section-header-side h2 {
  color: #0000;
  background: linear-gradient(90deg,#fdfdff,#c4d7f5);
    background-clip: border-box;
  -webkit-background-clip: text;
  background-clip: text;
  margin-bottom: .75rem;
  font-size: 1.1rem;
  font-weight: 700;
  display: inline-block;
  margin-top: 3px;
}
.dark-mode .bell-icon {
  background: linear-gradient(135deg,#a66a04,#cc8307);
}
.dark-mode .post-text {
color: #fff !important; background-color: #333 !important;
}
.dark-mode .subscribe-btn {
  color: #999;
}
.dark-mode .section-header {
  color: #b3b1b1;
  border-bottom: 2px solid #2ba621;
}
.dark-mode .flag-lista-sprite {
  filter: grayscale(50%);
}
.dark-mode .company-ranking-badge.double {
  background: linear-gradient(135deg,#755C28,#99956D,#82621D,#AEAA80,#68480F);
}
.dark-mode .premium-header h3 {
  color: #bdb6b6;
  align-items: center;
  gap: 10px;
  margin: 10px;
  font-size: 16px;
  font-weight: 700;
  display: flex;
}
.dark-mode .premium-header-value {
  color: #c2bfbf;
}
.dark-mode .premium-header-icon i {
  color: #8f8f8f;
}
.dark-mode .btn-wszystkie {
  color: #9ba9bb;
}
.dark-mode .postpath b {
  color: #aaa;
}
.dark-mode .postpath {
  background: #161b22;
  border: 1px solid #30363d;
}
.dark-mode .tile-option-dodaj input:checked + .tile-label-dodaj {
  background: #084566;
  border-color: #3498db;
  color: #3182ce;
  transform: translatey(-2px);
  box-shadow: 0 6px 16px #3498db40;
}
.dark-mode .atut-checkbox:checked + .atut-label {
  border-color: #3182ce;
  background-color: #061e2b;
  transform: translateY(-3px);
  box-shadow: 0 4px 6px #0000000d;
}
.dark-mode .textarea-tips {
  background: #11496f;
  color: #a5adb5;
}
.dark-mode .runner-name a {
  color: #b3b6bb;
}
.dark-mode .runner-name a:hover {
  color: #4696e6;
}
.dark-mode .icon-tools {
  color: #848b97;
}
.dark-mode .icon-location {
  color: #848b97;
}
.dark-mode .icon-clock {
  color: #848b97;
}
.dark-mode .p-offer-title {
  color: #F1F5F9;
}
.dark-mode .p-offer-title a:hover {
  color: #4696e6;
}
.dark-mode .flag-icon {
  filter: grayscale(50%);
}
.dark-mode .employer-panel {
background: #161b22;
  box-shadow: 0 2px 8px #0000000d;
  border: 1px solid #4c5257;
}
.dark-mode .minimal-import-box {
  background-color: #161b22;
  border: 1px solid #4c5257;
}
.dark-mode .optional-section {
  border: 1px dashed #ff9800;
}
.dark-mode .mi-text h4 {
  color: #9b9b9b;
}
.dark-mode .optional-section-header {
  background: #161b22;
}
.dark-mode .agreement-box {
  background: #2a2a2b;
}
.dark-mode .radio-tile {
  background: #2b2929;
}
.dark-mode .custom-button:hover {
background-color:#1f2937;border-color: #2bbf50; box-shadow: 0 8px 25px #2563eb14; transform: translateY(-2px);
}
.dark-mode .citylist_city a:hover {
  color: #58a6ff;
}
.dark-mode .subcat a:hover {
  color: #58a6ff;
}
.dark-mode .agreement-text {
  color: #b5babf;
}
.dark-mode .form-title-logowanie {
  color: #b7b2b2;
}
.dark-mode .form-label-logowanie{
  color: #b7b2b2;
}
.dark-mode .form-info {
  background: #1f2937;
  color: #aeb3bd;
}
.dark-mode .register {
  background: #201f1f;
  color: #c6bebe;
}
.dark-mode .file-upload-container {
  background: #191e22;
}
.dark-mode .letter-header {
  color: #a4d791a3;
}
.dark-mode .fav-btn button{
  border: 0px solid #b57509 !important;
  background-color: #1f293700 !important;
}
.dark-mode .template-name {
  color: #8993a2;
}
.dark-mode-main .fav-btn button{
  border: 0px solid #b57509 !important;
  background-color: #1f293700 !important;
}
.dark-mode button {
  background-color: #1f2937;
  border-color: #bec5ca;
  border: 1px solid #b57509;
  color: #b2b8c8;
}
.dark-mode .tag-item {
  background-color: #1a2030;
  color: #4b73ae;
}
.dark-mode .btn-track {
background:#1f2937;
color:#fff;
box-shadow:0 4px 12px #3b82f640
}

.dark-mode .btn-track:hover {
transform:translateY(-2px);
box-shadow:0 6px 16px #3b82f659;
background: #ff9800;
}
.dark-mode .tab-button.active {
  border-bottom: 3px solid #2f993b;
}
.dark-mode .hero-stat-main {
  color: #f49d0a;
}
.dark-mode .search-icon {
  background: #161b22;
  color: #747c89;
}
.dark-mode .nav-text {
  color: #bdbaba;
}
.dark-mode .pr1 {
  color: #b7b2b2;
}
.dark-mode .partner-offer-meta {
  color: #9a9fa6;
}
.dark-mode .section-subtitle-side {
  color: #b7b2b2;
}
.dark-mode .pr4 {
  color: #c4bdbd;
}
.dark-mode .atut-label {
  background: #161b22;
  color: #bdc0c6;
}
.dark-mode .atut-label span {
  color: #9197a2;
}
@media only screen and (max-width: 1210px) {
 .dark-mode  .country-item {
    background: #323235;

  }
}
.dark-mode .mobile-nav-panel {
  background: #111010;
}
.dark-mode .trust-box {
  background: #1f2937;
  border: 1px solid #498fe1;
  color: #c6d7f4;
}
.dark-mode .benefit-item {
  color: #f8fafc;
  background: #1a2030;
  border: 1px solid #555c64;
}
.dark-mode .benefit-item .check {
  border-radius: 50%;
  background: #b67505;
  color: #eff6ff;
}
.dark-mode .highlights-block {
  background: #1f2937;
  border: 1px solid #d0eade;
  color: #b2b7bd;
}
.dark-mode .highlights-block strong {
  color: #93a2b7;
}
.dark-mode .job-header-main {
  background: #1e293b;
}
.dark-mode .job-badge {
  background: #304055;
  border: 1px solid #657791;
}
.dark-mode .job-badge.salary {
  background: #314155;
  color: #a2a7ae;
}
.dark-mode .job-side-box.highlight {
  background: #1e293b;
  border-color: #597563;
}
.dark-mode .job-side-item {
  color: #a2a7ae;
}
.dark-mode .job-side-item strong {
  color: #f8fafc;
}
.dark-mode .job-side-box {
  background: #1e293b;
  border: 1px solid #5b6477;
}
.dark-mode .timer-content {
  background-color: #1e293b;
}
.dark-mode .timer-countdown {
  color: #a2a7ae;
}
.dark-mode .timer-status-bar {
  background: #1a2030;
  border-bottom: 1px solid #f1f5f9;
  color: #a2a7ae;
}
.dark-mode .timer-progress-fill {
  background: linear-gradient(90deg, #10b981, #10b981);
}
.dark-mode .job-side-item .icon-clock {
  color: #0073b1;
}
.dark-mode .btn-wszystkie {
  background: #1a1818;
  border: 1px solid #b57509;
}
.dark-mode .btn-wszystkie-show {
  background: #1a1818;
  border: 1px solid #b57509;
}
.dark-mode .section-header-show h2 i
{
  color: #10B981;
}
.dark-mode .titledata {color: #7a7b7a;}
.dark-mode .section-header-show h2 {
  background: #F1F5F9;
    background-clip: border-box;
  background-clip: text;
  margin-bottom: .75rem;
  font-size: 1.25rem;
  font-weight: 700;
  display: inline-block;
}
.dark-mode .search-input-group.error {
    border: 2px solid #e53935;
    animation: shake 0.3s ease;
}