/* PANS Koszalin — ciemny motyw dla SFTPGo Open Source v2.7.6.
   Antracyt #242424, czarne naglowki, grafitowe karty, jasny tekst,
   turkus jako akcent i delikatny fiolet pomocniczy.
   Dodatek extra_css — nie zastępuje plikow aplikacji ani JavaScript. */

:root,
:root[data-bs-theme="light"],
:root[data-bs-theme="dark"],
[data-bs-theme="light"],
[data-bs-theme="dark"] {
  color-scheme: dark;
  --bs-body-color: #e7e7e7;
  --bs-body-color-rgb: 231, 231, 231;
  --bs-body-bg: #242424;
  --bs-body-bg-rgb: 36, 36, 36;
  --bs-emphasis-color: #f5f5f5;
  --bs-emphasis-color-rgb: 245, 245, 245;
  --bs-secondary-color: #a7a7a7;
  --bs-secondary-bg: #1b1b1d;
  --bs-tertiary-color: #b8b8b8;
  --bs-tertiary-bg: #2a2a2c;
  --bs-border-color: #3a3a3a;
  --bs-border-color-translucent: rgba(255,255,255,.10);
  --bs-heading-color: #f2f2f2;
  --bs-primary: #00cfc3;
  --bs-primary-rgb: 0, 207, 195;
  --bs-primary-text-emphasis: #72eee6;
  --bs-primary-bg-subtle: #123b38;
  --bs-primary-border-subtle: #087c75;
  --bs-link-color: #43ded5;
  --bs-link-color-rgb: 67, 222, 213;
  --bs-link-hover-color: #8af1eb;
  --bs-focus-ring-color: rgba(0,207,195,.28);
  --bs-card-color: #e7e7e7;
  --bs-card-bg: #1d1d1f;
  --bs-card-border-color: #363638;
  --bs-modal-color: #e7e7e7;
  --bs-modal-bg: #1d1d1f;
  --bs-modal-border-color: #3a3a3a;
  --bs-table-color: #e7e7e7;
  --bs-table-bg: #1d1d1f;
  --bs-table-border-color: #383838;
  --bs-table-striped-bg: #242426;
  --bs-table-striped-color: #e7e7e7;
  --bs-table-hover-bg: #2b2b2d;
  --bs-table-hover-color: #ffffff;
  --bs-app-bg-color: #242424;
  --bs-app-blank-bg-color: #242424;
  --bs-app-header-base-bg-color: #080808;
  --bs-app-sidebar-base-bg-color: #111111;
  --bs-app-sidebar-base-border-end: 1px solid #303030;
  --bs-app-sidebar-base-logo-color: #f0f0f0;
  --bs-app-sidebar-base-menu-link-color: #c7c7c7;
  --bs-app-sidebar-base-menu-link-icon-color: #929292;
  --bs-app-sidebar-base-menu-link-hover-color: #55e8de;
  --bs-app-sidebar-base-menu-link-active-color: #061615;
  --bs-app-sidebar-base-menu-link-active-bg-color: #00bfb4;
}

html, body {
  min-height: 100%; color-scheme: dark;
  background: #242424 !important; color: #e7e7e7 !important;
}
body { background-image: none !important; font-family: system-ui, -apple-system, "Segoe UI", Arial, sans-serif; }
#kt_app, .app-default, .app-blank, .app-root, .app-main, .app-wrapper, .app-content, main {
  background-color: #242424 !important; color: #e7e7e7;
}
.app-header, #kt_app_header {
  background-color: #080808 !important; color: #f1f1f1 !important; border-bottom: 1px solid #303030 !important;
}
.app-sidebar, #kt_app_sidebar {
  background-color: #111111 !important; color: #d6d6d6 !important; border-right: 1px solid #303030 !important;
}
.card, .modal-content, .offcanvas, .dropdown-menu, .popover, .menu-sub-dropdown, .accordion-item, .list-group-item {
  background-color: #1d1d1f !important; color: #e7e7e7 !important; border-color: #383838 !important;
}
.card-header, .card-footer, .modal-header, .modal-footer, .accordion-header {
  background-color: #181819 !important; color: #eeeeee !important; border-color: #383838 !important;
}
.card-title, .modal-title, .accordion-button { color: #f0f0f0 !important; }
.accordion-button { background-color: #1d1d1f !important; }
.accordion-button:not(.collapsed) { color: #67e9df !important; background-color: #19312f !important; box-shadow: none !important; }
.menu-sub, .menu-sub-accordion, .menu-sub-dropdown { background-color: #151516 !important; color: #d7d7d7 !important; }
.menu .menu-link, .menu .menu-title, .menu .menu-icon, .menu .menu-arrow { color: #c7c7c7 !important; }
.menu .menu-link:hover, .menu .menu-link:focus, .menu .menu-item.show > .menu-link {
  color: #5be8df !important; background-color: #26312f !important;
}
.menu .menu-link.active, .menu .menu-item.here > .menu-link {
  color: #061615 !important; background-color: #00bfb4 !important;
}
.separator, hr, .border, .border-top, .border-bottom, .border-start, .border-end { border-color: #383838 !important; }
.table {
  --bs-table-color: #e7e7e7; --bs-table-bg: #1d1d1f; --bs-table-border-color: #383838;
  --bs-table-striped-bg: #242426; --bs-table-striped-color: #e7e7e7;
  --bs-table-hover-bg: #2b2b2d; --bs-table-hover-color: #ffffff;
  color: #e7e7e7 !important; border-color: #383838 !important;
}
.table > :not(caption) > * > * {
  color: #e7e7e7 !important; background-color: #1d1d1f !important;
  border-bottom-color: #383838 !important; box-shadow: none;
}
.table-striped > tbody > tr:nth-of-type(odd) > * { background-color: #242426 !important; }
.table-hover > tbody > tr:hover > * { background-color: #2b2b2d !important; color: #ffffff !important; }
.form-control, .form-select, .input-group-text, textarea {
  color: #e7e7e7 !important; background-color: #151516 !important; border-color: #505050 !important;
}
.form-control::placeholder, textarea::placeholder { color: #888888 !important; opacity: 1; }
.form-control:focus, .form-select:focus, textarea:focus {
  color: #f1f1f1 !important; background-color: #171718 !important;
  border-color: #00cfc3 !important; box-shadow: 0 0 0 .2rem rgba(0,207,195,.17) !important;
}
.form-check-input { background-color: #151516; border-color: #666666; }
.form-check-input:checked { background-color: #00bfb4 !important; border-color: #00bfb4 !important; }
.form-check-input:focus { border-color: #00cfc3 !important; box-shadow: 0 0 0 .2rem rgba(0,207,195,.17) !important; }
option { color: #e7e7e7; background-color: #151516; }
.btn-primary, .btn-primary:visited {
  color: #061615 !important; background-color: #00bfb4 !important; border-color: #00bfb4 !important;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
  color: #041211 !important; background-color: #19d5ca !important; border-color: #19d5ca !important;
}
.btn-primary:focus-visible { box-shadow: 0 0 0 .2rem rgba(0,207,195,.28) !important; }
.btn-light, .btn-secondary, .btn-outline-secondary {
  color: #e1e1e1 !important; background-color: #29292b !important; border-color: #484848 !important;
}
.btn-light:hover, .btn-secondary:hover, .btn-outline-secondary:hover {
  color: #ffffff !important; background-color: #38383a !important; border-color: #5a5a5a !important;
}
.btn-light-primary, .btn-active-light-primary, .btn-icon.btn-active-light-primary {
  color: #63e9e0 !important; background-color: rgba(0,207,195,.12) !important; border-color: transparent !important;
}
.btn-light-primary:hover, .btn-active-light-primary:hover, .btn-icon.btn-active-light-primary:hover {
  color: #061615 !important; background-color: #00bfb4 !important;
}
.text-dark, .text-gray-800, .text-gray-900, .text-body-emphasis { color: #f0f0f0 !important; }
.text-muted, .text-gray-500, .text-gray-600, .text-gray-700, .text-body-secondary { color: #a7a7a7 !important; }
.text-primary, .link-primary { color: #43ded5 !important; }
.bg-light, .bg-white, .bg-body, .bg-body-secondary, .bg-body-tertiary {
  color: #e7e7e7 !important; background-color: #1d1d1f !important;
}
.badge-light-primary, .bg-light-primary { color: #67e9df !important; background-color: #173331 !important; }
.alert-info, .bg-light-info { color: #d8c1f2 !important; background-color: #2b2234 !important; border-color: #514064 !important; }
.alert-success, .bg-light-success { color: #8fe0b4 !important; background-color: #193329 !important; border-color: #315a45 !important; }
.alert-warning, .bg-light-warning { color: #f1d18b !important; background-color: #382f1e !important; border-color: #685331 !important; }
.alert-danger, .bg-light-danger { color: #f0a0a0 !important; background-color: #3a2224 !important; border-color: #6a3a3d !important; }
.dropzone, .dropzone.dz-clickable, .filepond--panel-root {
  background-color: #1b1b1d !important; border-color: #4a4a4a !important; color: #e7e7e7 !important;
}
.login, .app-blank, [data-kt-app-layout="blank"] { background-color: #242424 !important; }
.text-info, .link-info { color: #bd83f4 !important; }
:focus-visible { outline: 2px solid #00d2c4 !important; outline-offset: 2px; }
::selection { color: #061615; background: #00d2c4; }
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: #171718; }
::-webkit-scrollbar-thumb { background: #4a4a4a; border: 2px solid #171718; border-radius: 8px; }
::-webkit-scrollbar-thumb:hover { background: #00a99f; }
@media (max-width: 768px) { .card { border-radius: .65rem; } }