/*
 * Siemens Dark Theme for MantisBT
 * Version: 3.0.0
 * Description: A professional dark theme with Siemens Digital Industries Software branding and colors
 * Author: Siemens Digital Industries Software Poland
 * Colors: Siemens corporate colors - Dark navy (#0f1419, #1a1d29) and Turquoise (#00d4aa)
 */

body,
html {
  background-color: #0f1419 !important; /* Ciemny granatowy Siemens */
  color: #e6e6e6;
  overflow-x: hidden !important; /* Zapobiega poziomemu scrollbarowi */
}

.navbar {
  background-color: #1a1d29 !important; /* Ciemniejszy granatowy */
}

.nav-tabs > li.active > a {
  border-top: 2px solid #00d4aa !important; /* Turkusowy Siemens */
}

.nav-tabs a {
  background-color: #1a1d29 !important;
  color: white !important;
}

.nav-tabs > li > a {
  border: 1px solid #1a1d29;
  border-radius: 4px 4px 0 0;
}

.nav-tabs a:hover {
  background-color: #0f1419 !important;
  color: #00d4aa !important; /* Turkusowy hover */
}

.nav-tabs > li > a:hover {
  background-color: #fff;
  color: #00d4aa; /* Turkusowy Siemens */
  border-color: #0f1419;
}

.skin-3 .nav-list > li {
  border-bottom-width: 1px;
}

.skin-3 .nav-list > li.active + li {
  border-color: transparent !important;
}

.skin-3 .nav-list > li.active + li:last-child {
  border-bottom-color: transparent !important;
}

.skin-3 .nav-list > li.active + li:hover,
.skin-3 .nav-list > li.active + li:last-child:hover {
  border-bottom-color: inherit !important;
}

.dropdown-toggle {
  background-color: #1a1d29 !important;
}

.dropdown-toggle:hover {
  background-color: #0f1419 !important;
}

.dropdown-menu,
.skin-3 .infobox-container .infobox:not(.infobox-dark),
.skin-3 .nav-list li.active > a::before {
  background-color: #0f1419 !important;
}

.skin-3 .nav-list li.active > a::before {
  background-color: transparent !important;
}

.dropdown-menu a {
  color: #e6e6e6 !important;
}

.dropdown-menu .search {
  background-color: #3c3c3c !important;
  color: #e6e6e6 !important;
}

.dropdown-menu li.active:hover > a,
.dropdown-menu li.active > a,
.dropdown-menu li:hover > a,
.dropdown-menu li > a:active,
.dropdown-menu li > a:focus {
  background-color: #00d4aa !important; /* Turkusowy Siemens */
  color: #0f1419 !important; /* Ciemny tekst na turkusowym tle */
  text-shadow: none;
}

.ace-nav > li {
  border-left: 0 solid #e1e1e1 !important;
}

.btn.btn-white,
.btn-primary,
.btn.btn-white.btn-primary {
  background-color: #1a1d29 !important;
  border: 1px solid #00d4aa !important;
  color: #00d4aa !important;
  padding: 3px 12px !important;
  border-radius: 4px !important;
}

.btn.btn-white.active,
.btn-primary.active,
.btn.btn-white.btn-primary.active,
.btn.btn-white:hover,
.btn-primary:hover,
.btn.btn-white.btn-primary:hover,
.btn-primary.focus,
.btn-primary:focus {
  background-color: #00d4aa !important;
  color: #0f1419 !important;
  border-color: #00d4aa !important;
  text-shadow: none !important;
}

.btn-primary.no-hover:active,
.btn-primary.no-hover:hover {
  background-color: #0f1419 !important;
}

.btn-group .form-inline fieldset .btn.btn-white {
  margin-top: 3px;
  margin-right: 5px;
}

.btn-group > .btn,
.btn-group > .btn + .btn,
.btn-group > .btn:first-child {
  margin-right: 5px !important;
}

.skin-3 .nav-list > li > a:hover,
.skin-3 .nav-list > li.active > a:hover {
  border-color: #0f1419 !important;
}

.main-content,
.page-content,
.main-container,
.main-container:before,
.main-container.container:before,
.skin-3 .main-container:before {
  background: #0f1419 !important;
  overflow-x: hidden !important; /* Zapobiega overflow w głównych kontenerach */
}

.footer {
  color: #e6e6e6;
}

.footer-content {
  background-color: #1a1d29 !important;
  border-top: 1px solid #00d4aa !important;
}

.label {
  background-color: #00d4aa !important;
  color: #0f1419;
  padding: 3px 10px;
  border-radius: 4px;
  text-shadow: none;
}

.label:before {
  border-right-color: #00d4aa !important;
}

.label.arrowed-in-right:after {
  border-color: #00d4aa !important;
  border-right-color: transparent !important;
}

.breadcrumbs {
  border-radius: 0 !important;
  background-color: #1a1d29 !important;
  padding: 10px !important;
}

.breadcrumbs a,
.breadcrumb > li,
.breadcrumb > li.active,
.breadcrumbs .nav-search-icon {
  color: white !important;
}

.breadcrumbs .breadcrumb {
  margin-top: 0;
}

.breadcrumbs .nav-recent {
  color: #00d4aa !important;
  top: 23px !important;
}

.breadcrumbs .nav-search {
  top: 16px !important;
}

.breadcrumbs .nav-search-input {
  background-color: #1a1d29 !important;
  border-color: #00d4aa !important;
  color: #f0f0f0 !important;
  border-radius: 4px !important;
}

.widget-header {
  background-color: #5f5f70 !important;
  border-color: #5f5f70 !important;
  padding: 7px 15px;
}

.widget-header .white:hover {
  color: #1f2226 !important;
}

.widget-header .badge {
  background-color: #646464 !important;
}

.widget-box,
.widget-main {
  background-color: #26282d !important;
  border: 0 transparent !important;
}

.widget-box {
  border: 1px solid #3c3c3c !important;
}

.table {
  background-color: inherit !important;
}

/* Domyślne style dla wszystkich tabel - dark theme */
table,
table.table,
table.table-striped,
table.table-bordered,
table.table-hover {
  background-color: #2d3035 !important;
  color: #e6e6e6 !important;
  border-collapse: collapse !important;
}

/* Wszystkie komórki tabel */
table td,
table th,
table.table td,
table.table th {
  background-color: #2d3035 !important;
  color: #e6e6e6 !important;
  border: 1px solid #3c3c3c !important;
  padding: 8px !important;
}

/* Nagłówki tabel */
table thead th,
table.table thead th {
  background-color: #1a1d29 !important;
  color: #00d4aa !important;
  font-weight: bold !important;
  border-bottom: 2px solid #00d4aa !important;
}

/* Hover effect dla wierszy */
table tr:hover,
table.table tr:hover,
table.table-hover tr:hover {
  background-color: #3c3f44 !important;
}

/* Parzyste wiersze dla table-striped */
table.table-striped tbody tr:nth-child(even),
table tbody tr:nth-child(even) {
  background-color: #26282d !important;
}

/* Elementy formularzy w tabelach */
table select,
table input[type="text"],
table input[type="number"],
table input[type="date"],
table textarea {
  background-color: #22252a !important;
  color: #e6e6e6 !important;
  border: 1px solid #3c3c3c !important;
  border-radius: 4px !important;
  padding: 4px 8px !important;
}

table select:focus,
table input:focus,
table textarea:focus {
  border-color: #00d4aa !important;
  box-shadow: 0 0 0 2px rgba(0, 212, 170, 0.2) !important;
  outline: none !important;
}

/* Checkboxy w tabelach */
table input[type="checkbox"] {
  accent-color: #00d4aa !important;
}

/* Linki w tabelach */
table a {
  color: #00d4aa !important;
  text-decoration: none !important;
  transition: color 0.3s ease !important;
}

table a:hover {
  color: #1dd1a1 !important;
  text-decoration: underline !important;
}

/* Przyciski w tabelach */
table .btn,
table button {
  background-color: #1a1d29 !important;
  border: 1px solid #00d4aa !important;
  color: #00d4aa !important;
  padding: 4px 12px !important;
  border-radius: 4px !important;
  font-size: 12px !important;
}

table .btn:hover,
table button:hover {
  background-color: #00d4aa !important;
  color: #0f1419 !important;
}

.table-bordered {
  border: 0 transparent !important;
  background-color: #3c3f44 !important;
}

.widget-body,
.widget-main {
  background-color: transparent !important;
  color: white !important;
}

.widget-body .table a,
.widget-main .table a {
  color: #00d4aa !important;
  font-weight: bold;
}

.widget-body .table a.tagi-brighter,
.widget-main .table a.tagi-brighter {
  color: #babaff !important;
  font-weight: bold;
}

.widget-body .table a.btn,
.widget-main .table a.btn {
  color: #fafafa !important;
}

.widget-body .table th,
.widget-main .table th {
  background-color: #2d3035 !important;
  color: white !important;
  border: 0 #fff !important;
}

.widget-body .table,
.widget-main .table {
  background-color: #2d3035 !important;
  color: white !important;
  border: 0 #fff !important;
}

.widget-body .table.table-hover > tbody > tr:hover,
.widget-main .table.table-hover > tbody > tr:hover {
  background-color: #3c3f44 !important;
}

.widget-body .table-striped > tbody > tr,
.widget-main .table-striped > tbody > tr {
  background-color: transparent !important;
}

.table-bordered > tbody > tr > td,
.table-bordered > tbody > tr > th,
.widget-body .table td,
.widget-main .table td {
  border: 1px solid #3c3c3c !important;
  padding: 5px 5px;
  line-height: 18px !important;
}

.widget-body .table thead,
.widget-main .table thead {
  background-color: #505050 !important;
}

.widget-body .table thead tr,
.widget-main .table thead tr {
  background-color: inherit !important;
  background-image: none !important;
}

.widget-body .table thead tr td,
.widget-main .table thead tr td {
  background-color: #292b2f !important;
  border-bottom: 1px solid #2d3035 !important;
  color: #fff !important;
}

.buglist-headers {
  border-bottom: 1px solid silver !important;
}

.widget-body .fa-pencil,
.widget-main .fa-pencil {
  color: #d2d2d2 !important;
}

.widget-body .table-responsive,
.widget-main .table-responsive {
  background-color: #3c3c3c !important;
  color: #4a4a4a !important;
  border: 0px solid transparent !important;
}

.widget-body .table-striped > tbody > tr:hover,
.widget-main .table-striped > tbody > tr:hover {
  background-color: #3c3c3c !important;
}

.widget-body .profile-activity,
.widget-main .profile-activity {
  border-color: transparent !important;
}

.profile-activity:nth-of-type(even) {
  background-color: #1d1f24 !important;
}

.profile-activity:nth-of-type(odd):hover {
  background-color: #1c1e20 !important;
}

.profile-activity:hover {
  background-color: #101215 !important;
}

.widget-toolbox {
  background-color: #212326 !important;
  border: 0 transparent !important;
}

.table-hover > tbody > tr.spacer:hover {
  background-color: #ccc !important;
}

.btn-toolbar {
  padding: 10px 0 !important;
  background-color: transparent !important;
}

.form-inline .input-sm {
  background-color: #323232 !important;
  border-color: #3c3c3c !important;
  color: #fafafa !important;
}

select {
  background-color: #505050 !important;
  color: #e6e6e6 !important;
}

.skin-3 .sidebar {
  background-color: #2d3035 !important;
  border-color: #2d3035 !important;
  border-width: 0 0 0 0 !important;
  overflow: hidden !important; /* Zapobiega zarówno poziomemu jak i pionowemu overflow */
}

.nav-list,
.skin-3 .nav-list > li,
.skin-3 .nav-list > li > a,
.skin-3 .nav-list > li.active > a {
  background-color: inherit !important;
  border-color: #2d3035 !important;
}

.nav-list {
  overflow: visible !important; /* Pozwala na widoczność animacji podkreślenia */
}

.nav-list:hover,
.skin-3 .nav-list > li:hover,
.skin-3 .nav-list > li > a:hover,
.skin-3 .nav-list > li.active > a:hover {
  border-color: #3c3c3c !important;
}

.nav-list a:hover,
.skin-3 .nav-list > li a:hover,
.skin-3 .nav-list > li > a a:hover,
.skin-3 .nav-list > li.active > a a:hover {
  background-color: #bbb !important;
  border-color: #bbb !important;
  color: white;
}

.nav-list a:hover .menu-text,
.nav-list a:hover .menu-icon,
.nav-list li.active a .menu-text {
  color: #00d4aa !important;
}

.nav-list li.active > a:before,
.skin-3 .nav-list > li li.active > a:before,
.skin-3 .nav-list > li > a li.active > a:before,
.skin-3 .nav-list > li.active > a li.active > a:before {
  color: rgba(0, 0, 0, 0) !important;
  border-color: transparent !important;
  border-right-color: #00d4aa !important;
}

.nav-list > li:before,
.nav-list > li:after,
.skin-3 .nav-list > li > li:before,
.skin-3 .nav-list > li > li:after,
.skin-3 .nav-list > li > a > li:before,
.skin-3 .nav-list > li > a > li:after,
.skin-3 .nav-list > li.active > a > li:before,
.skin-3 .nav-list > li.active > a > li:after,
.skin-3 .nav-list > li.open:before,
.skin-3 .nav-list > li:hover:before,
.skin-3 .nav-list > li.active:before,
.skin-3 .nav-list > li.active + li:before {
  background-color: #00d4aa !important;
}

.skin-3 .sidebar.menu-min .nav-list > li > a > .menu-text {
  border-color: #515151 !important;
  background-color: #2d3035 !important;
}

.sidebar.menu-min.compact .nav-list > li > a {
  line-height: 19px;
}

.skin-3 .nav-list > li.active {
  border-color: #00d4aa !important;
  border-top-width: 1px;
  border-bottom-width: 1px;
}

.skin-3 .nav-list > li:hover + li {
  border-top-color: transparent !important;
}

.skin-3 .nav-list > li:hover + li.active {
  border-top-color: #00d4aa !important;
}

.menu-icon {
  color: #4a4a4a !important;
}

.arrow {
  z-index: -1;
  background-color: transparent !important;
}

.arrow::after {
  border-right-color: #00d4aa !important;
}

.menu-text {
  color: white !important;
}

.sidebar-toggle,
.skin-3 .sidebar-toggle {
  background-color: inherit !important;
  border-color: #3c3c3c !important;
  color: #00d4aa !important;
  border-bottom: 0 !important;
  padding: 20px 0 !important;
}

.sidebar-toggle > .ace-icon,
.skin-3 .sidebar-toggle > .ace-icon {
  background-color: #212326 !important;
  border-color: #00d4aa !important;
  color: #00d4aa !important;
  position: relative !important;
  width: 25px;
  height: 25px;
  display: block;
  margin: auto;
}

.sidebar-toggle:before,
.skin-3 .sidebar-toggle:before {
  border-color: inherit !important;
}

.well {
  background-color: #646464 !important;
  color: white;
}

.color-global {
  background-color: #4a4a4a;
}

th.category label {
  background-color: inherit !important;
  color: inherit !important;
}

tr.spacer {
  background-color: #22252a !important;
}

td.category,
tr.bugnote .bugnote-note {
  background-color: #22252a !important;
  color: #b1b1b1 !important;
}

td.bug-tags,
label.inline.small {
  color: grey;
}

span.required {
  color: #ff3f3f !important;
}

span.dependency_met {
  color: #43a047 !important;
}

span.dependency_unmet {
  color: #d32f2f !important;
}

.bootstrap-datetimepicker-widget,
.bootstrap-datetimepicker-widget * {
  background-color: #323232 !important;
  color: #fff !important;
}

.bootstrap-datetimepicker-widget td.day:hover,
.bootstrap-datetimepicker-widget span.month:hover,
.bootstrap-datetimepicker-widget span.year:hover {
  background-color: #3c3c3c !important;
}

.bootstrap-datetimepicker-widget td.day.active,
.bootstrap-datetimepicker-widget span.month.active,
.bootstrap-datetimepicker-widget span.year.active {
  background-color: #282828 !important;
}

.widget-color-blue2 > .widget-header {
  border: 0 !important;
  background-color: #2d3035 !important;
  color: white !important;
  border-bottom: 1px solid #22252a !important;
}

.skin-3 .breadcrumbs {
  margin: 20px;
}

[class*="widget-color-"] > .widget-header > .widget-toolbar::before {
  border-color: transparent !important;
}

.profile-activity .thumbicon {
  border-radius: 100% !important;
  position: relative;
}

.profile-activity .thumbicon::before,
.skin-3 .sidebar-toggle > .ace-icon::before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

.sidebar-toggle::before,
.skin-3 .sidebar-toggle::before {
  border-color: transparent !important;
}

.sidebar .nav-list > li a {
  padding: 10px 0 10px !important;
}

/* Zabezpieczenie wysokości sidebara */
.sidebar {
  height: 100vh !important;
  max-height: 100vh !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
}

.nav-list > li.active > a {
  font-weight: inherit !important;
}

a {
  color: #00d4aa !important; /* Turkusowy Siemens */
}

.ace-nav > li.grey > a {
  color: white !important;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  background-color: #2d3035 !important;
  color: #fff !important;
}

.nav-tabs > li.active > a {
  border-color: #00d4aa #2d3035 transparent !important;
}

.nav-tabs {
  border-bottom: 0 solid #2d3035 !important;
  border-bottom-color: rgb(45, 48, 53);
}

.nav-tabs > li > a,
.nav-tabs > li > a:focus {
  border-radius: 0 !important;
  border-color: #2d3035;
  background-color: #f9f9f9;
  color: #999;
  margin-right: -1px;
  line-height: 18px;
  position: relative;
}

.form-control,
.input-sm,
input,
.form-inline .input-sm,
textarea.form-control,
input.form-control,
.dropzone {
  background-color: #22252a !important;
  color: #fff !important;
  border: 1px solid #3c3c3c !important;
}

input[type="file"] {
  padding: 10px;
}

.small-caption {
  font-size: 9pt;
}

a i {
  color: #bbb !important;
}

.lead {
  font-size: 1.1em;
}

.widget-toolbox.padding-8 {
  padding: 8px 17px;
}

.white {
  color: white !important;
}

.widget-header .white:hover {
  text-decoration: underline;
  color: white !important;
}

.widget-title .badge {
  margin: 0 0 0 10px !important;
}

.skin-3 .nav-list > li.active.highlight > a,
.skin-3 .nav-list > li.active > a,
.sidebar.compact .nav-list > li > a:hover {
  background-color: #212326 !important;
  border-color: #212326 !important;
}

.sidebar.compact .nav-list > li > a > .menu-icon {
  color: #fff !important;
}

.skin-3 .nav-list > li.open::before,
.skin-3 .nav-list > li:hover::before,
.skin-3 .nav-list li.active > a::before,
.skin-3 .nav-list > li.active::before,
.skin-3 .nav-list > li.active + li::before {
  display: none;
}

.ace-nav > li > a > .ace-icon {
  color: white !important;
}

.navbar .navbar-brand {
  color: #00d4aa !important;
  font-weight: bold;
  position: relative !important;
}

.navbar .navbar-brand::before {
  content: "";
  display: inline-block;
  width: 120px;
  height: 20px;
  margin-right: 10px;
  vertical-align: middle;
  /*background-color: #00d4aa; /* Turkusowy kolor Siemens */
  background-color: #ffffff; /* Biały kolor Siemens */
  -webkit-mask-image: url('../../custom/logo-white.svg');
  mask-image: url('../../custom/logo-white.svg');
  -webkit-mask-size: 100%;
  mask-size: 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  text-shadow: 0 0 25px rgba(0, 212, 170, 0.4); /* Turkusowy cień */
}

.navbar {
  background-color: #1a1d29 !important;
}

td.category, th.category, td.category label, th.category label {
    background-color: #2d3035 !important;
    color: #edf3f4;
    font-weight: bold;
    vertical-align: top;
}

.page-header h1 {
  color: #4a4a4a;
}

.label.arrowed {
  border-radius: 0 18px 18px 0;
}

.pager > li > a,
.pagination > li > a {
  background-color: #282828 !important;
  border-color: #434343 !important;
}

.pager > li.disabled > a,
.pager > li.disabled > a:hover,
.pagination > li.disabled > a,
.pagination > li.disabled > a:hover {
  color: #4a4a4a !important;
}

.alert.alert-danger {
  background: #a94442;
  color: #f2dede;
}

.alert.alert-success {
  background-color: #3c763d;
  color: #dff0d8;
}

.alert.alert-success .btn-group a.btn.btn-primary {
  background-color: #00d4aa !important;
  text-shadow: none !important;
}

code {
  color: rgb(221, 73, 110);
  background-color: rgb(43, 20, 26);
}

.status-10-fg {
  color: #e57373;
}
.status-10-bg {
  background-color: #e57373;
}
.status-20-fg {
  color: #ba68c8;
}
.status-20-bg {
  background-color: #ba68c8;
}
.status-30-fg {
  color: #ffb74d;
}
.status-30-bg {
  background-color: #ffb74d;
}
.status-40-fg {
  color: #fff176;
}
.status-40-bg {
  background-color: #fff176;
}
.status-50-fg {
  color: #64b5f6;
}
.status-50-bg {
  background-color: #64b5f6;
}
.status-80-fg {
  color: #4db6ac;
}
.status-80-bg {
  background-color: #4db6ac;
}
.status-90-fg {
  color: #e8e8e8;
}
.status-90-bg {
  background-color: #e8e8e8;
}

/* Logo na stronie logowania - zmniejszenie rozmiaru */
.login-logo {
  text-align: center;
  margin: 20px 0;
}

.login-logo img {
  max-width: 200px !important; /* Maksymalna szerokość logo */
  max-height: 60px !important;  /* Maksymalna wysokość logo */
  width: auto !important;
  height: auto !important;
  object-fit: contain !important; /* Zachowuje proporcje */
}

/* Responsive - jeszcze mniejsze logo na małych ekranach */
@media (max-width: 768px) {
  .login-logo img {
    max-width: 150px !important;
    max-height: 45px !important;
  }
}

@media (max-width: 480px) {
  .login-logo img {
    max-width: 120px !important;
    max-height: 36px !important;
  }
}

/* ========================================
 * SIEMENS ANIMATIONS & TRANSITIONS
 * ======================================== */

/* Delikatna animacja pojawiania się głównych kontenerów */
.widget-box,
.widget-main,
.main-content > .row,
.page-content > .row {
  animation: fadeInUp 0.4s ease-out !important;
  animation-fill-mode: both !important;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(15px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Opóźnienie dla kolejnych elementów */
.widget-box:nth-child(1) { animation-delay: 0.1s !important; }
.widget-box:nth-child(2) { animation-delay: 0.15s !important; }
.widget-box:nth-child(3) { animation-delay: 0.2s !important; }
.widget-box:nth-child(4) { animation-delay: 0.25s !important; }
.widget-box:nth-child(5) { animation-delay: 0.3s !important; }

/* Animacja dla tabel wewnątrz widget-ów */
.widget-body .table,
.widget-main .table {
  animation: fadeInContent 0.3s ease-out !important;
  animation-delay: 0.2s !important;
  animation-fill-mode: both !important;
}

@keyframes fadeInContent {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Proste animacje hover dla przycisków */
.btn.btn-white,
.btn-primary,
.btn.btn-white.btn-primary {
  transition: all 0.3s ease !important;
}

/* Proste transitions dla linków */
a {
  transition: color 0.3s ease !important;
}

/* Animacje dla elementów nawigacji */
.nav-list > li > a {
  transition: all 0.3s ease !important;
  position: relative !important;
  overflow: hidden !important; /* Zapobiega overflow animacji */
}

.nav-list > li > a::after {
  content: '' !important;
  position: absolute !important;
  left: 0 !important;
  bottom: 0 !important;
  width: 0 !important;
  height: 2px !important; /* Zmniejszono z 3px do 2px */
  background: linear-gradient(90deg, #00d4aa, #1dd1a1) !important;
  transition: width 0.4s ease !important;
  border-radius: 1px !important;
}

.nav-list > li > a:hover::after,
.nav-list > li.active > a::after {
  width: calc(100% - 4px) !important; /* Pozostawia małe marginesy */
}

.nav-list > li > a:hover {
  background-color: rgba(0, 212, 170, 0.05) !important;
}

/* Proste hover dla widget-ów */
.widget-box {
  transition: box-shadow 0.3s ease !important;
}

.widget-box:hover {
  box-shadow: 0 4px 15px rgba(0, 212, 170, 0.1) !important;
}



/* Proste hover dla tabeli */
.table-hover > tbody > tr {
  transition: background-color 0.2s ease !important;
}



/* Proste focus dla formularzy */
.form-control:focus {
  border-color: #00d4aa !important;
  box-shadow: 0 0 0 2px rgba(0, 212, 170, 0.2) !important;
}

/* Proste hover dla dropdown menu */
.dropdown-menu li {
  transition: background-color 0.2s ease !important;
}

/* Proste hover dla sidebar toggle */
.sidebar-toggle {
  transition: background-color 0.3s ease !important;
}

.sidebar-toggle:hover {
  background-color: rgba(0, 212, 170, 0.1) !important;
}

/* Smooth scrolling */
html {
  scroll-behavior: smooth !important;
}

/* Respekt dla preferencji reduced motion */
@media (prefers-reduced-motion: reduce) {
  .widget-box,
  .widget-main,
  .main-content > .row,
  .page-content > .row,
  .widget-body .table,
  .widget-main .table {
    animation: none !important;
  }
}