body { background-color: #f8f9fb; }
#ttList .active-tt { border-left: 4px solid var(--bs-success); }
/* Sidebar – startowo ukryty */
#sidebar {
  width: 250px;
  left: -250px;
  transition: all 0.3s ease;
  z-index: 1040; /* ponad navbar */
}

/* Widoczny sidebar */
#sidebar.show {
  left: 0;
}

/* Styl linków w sidebarze */
#sidebar .nav-link {
  color: #333;
  padding: 8px 12px;
  border-radius: 6px;
  transition: background-color 0.2s;
}

#sidebar .nav-link:hover {
  background-color: #f1f1f1;
}

#sidebar .nav-link.active {
  background-color: #0d6efd;
  color: white;
}

/* Navbar user avatar */
#userMenu img {
  width: 32px;
  height: 32px;
  object-fit: cover;
  border: 1px solid #ddd;
}

/* Trochę paddingu dla głównej treści, gdy sidebar jest otwarty */
body.sidebar-open #appShell,
body.sidebar-open #authShell {
  margin-left: 250px;
  transition: margin-left 0.3s ease;
}




/* === EDOO palette for module buttons === */
:root{
  --edoo-peterriver: #3498db;
  --edoo-greensea:   #16a085;
  --edoo-carrot:     #e67e22;
  --edoo-amethyst:   #9b59b6;
  --edoo-belizehole: #2980b9;
  --edoo-orange:     #f39c12;
  --edoo-teal-dark:  #0f6d61;
}

/* helper text color used w nagłówku */
.text-teal-dark { color: var(--edoo-teal-dark) !important; }

/* Base backgrounds */
.bg-peterriver { background-color: var(--edoo-peterriver) !important; }
.bg-greensea   { background-color: var(--edoo-greensea)   !important; }
.bg-carrot     { background-color: var(--edoo-carrot)     !important; }
.bg-amethyst   { background-color: var(--edoo-amethyst)   !important; }
.bg-belizehole { background-color: var(--edoo-belizehole) !important; }
.bg-orange     { background-color: var(--edoo-orange)     !important; }

/* Make sure text stays readable even bez .text-white */
.bg-peterriver, .btn.bg-peterriver,
.bg-greensea,   .btn.bg-greensea,
.bg-carrot,     .btn.bg-carrot,
.bg-amethyst,   .btn.bg-amethyst,
.bg-belizehole, .btn.bg-belizehole,
.bg-orange,     .btn.bg-orange { color:#fff !important; }

/* Buttons – borders + interactive states */
/* Peterriver */
.btn.bg-peterriver{ border-color: var(--edoo-peterriver) !important; }
.btn.bg-peterriver:hover  { background:#2c80b4 !important; border-color:#2c80b4 !important; }
.btn.bg-peterriver:active { background:#27729f !important; border-color:#27729f !important; }
.btn.bg-peterriver:focus  { box-shadow:0 0 0 .25rem rgba(52,152,219,.35) !important; }

/* Greensea */
.btn.bg-greensea{ border-color: var(--edoo-greensea) !important; }
.btn.bg-greensea:hover  { background:#138c73 !important; border-color:#138c73 !important; }
.btn.bg-greensea:active { background:#107a64 !important; border-color:#107a64 !important; }
.btn.bg-greensea:focus  { box-shadow:0 0 0 .25rem rgba(22,160,133,.35) !important; }

/* Carrot */
.btn.bg-carrot{ border-color: var(--edoo-carrot) !important; }
.btn.bg-carrot:hover  { background:#cf6d12 !important; border-color:#cf6d12 !important; }
.btn.bg-carrot:active { background:#b86010 !important; border-color:#b86010 !important; }
.btn.bg-carrot:focus  { box-shadow:0 0 0 .25rem rgba(230,126,34,.35) !important; }

/* Amethyst */
.btn.bg-amethyst{ border-color: var(--edoo-amethyst) !important; }
.btn.bg-amethyst:hover  { background:#8749a0 !important; border-color:#8749a0 !important; }
.btn.bg-amethyst:active { background:#783f8f !important; border-color:#783f8f !important; }
.btn.bg-amethyst:focus  { box-shadow:0 0 0 .25rem rgba(155,89,182,.35) !important; }

/* Belize Hole */
.btn.bg-belizehole{ border-color: var(--edoo-belizehole) !important; }
.btn.bg-belizehole:hover  { background:#236b99 !important; border-color:#236b99 !important; }
.btn.bg-belizehole:active { background:#1f5e86 !important; border-color:#1f5e86 !important; }
.btn.bg-belizehole:focus  { box-shadow:0 0 0 .25rem rgba(41,128,185,.35) !important; }

/* Orange */
.btn.bg-orange{ border-color: var(--edoo-orange) !important; }
.btn.bg-orange:hover  { background:#d98200 !important; border-color:#d98200 !important; }
.btn.bg-orange:active { background:#c37300 !important; border-color:#c37300 !important; }
.btn.bg-orange:focus  { box-shadow:0 0 0 .25rem rgba(243,156,18,.35) !important; }

/* Disabled state – zachowaj kolor, ale przygaś */
.btn.bg-peterriver:disabled,
.btn.bg-greensea:disabled,
.btn.bg-carrot:disabled,
.btn.bg-amethyst:disabled,
.btn.bg-belizehole:disabled,
.btn.bg-orange:disabled {
  opacity:.65;
  filter:none;
}