/* Dark theme styles for Gravacoes page scoped to the wrapper element */

/* Base wrapper: apply dark background and text to the entire page */
.gravacao-page[data-bs-theme="dark"] {
  background-color: #0f1216;
  color: #e6e7e9;
}

/* Cards and text */
.gravacao-page[data-bs-theme="dark"] .card {
  background-color: #1f2327;
  border-color: #2b3036;
  color: #e6e7e9;
}
.gravacao-page[data-bs-theme="dark"] .card .text-muted { color: #9aa3af !important; }
.gravacao-page[data-bs-theme="dark"] .section-title { color: #e6e7e9; }

/* Form controls */
.gravacao-page[data-bs-theme="dark"] .form-control {
  background-color: #161a1e;
  border-color: #2b3036;
  color: #e6e7e9;
}
.gravacao-page[data-bs-theme="dark"] .form-control::placeholder { color: #6b7280; }

/* Light buttons used on this page (e.g. Emojis) */
.gravacao-page[data-bs-theme="dark"] .btn-light {
  background-color: #2a2f34;
  border-color: #323840;
  color: #e6e7e9;
}
.gravacao-page[data-bs-theme="dark"] .btn-light:hover { background-color: #323840; }

/* List group items */
.gravacao-page[data-bs-theme="dark"] .list-group-item {
  background-color: #1f2327;
  border-color: #2b3036;
  color: #e6e7e9;
}

/* Anexos: tiles/cards */
.gravacao-page[data-bs-theme="dark"] #att-grid .border.rounded { 
  background-color: #1b1f23; 
  border-color: #2b3036; 
}
.gravacao-page[data-bs-theme="dark"] #att-grid .avatar-title.bg-light { 
  background-color: #2a2f34 !important; 
  color: #cfd3d8 !important; 
}
.gravacao-page[data-bs-theme="dark"] #att-loading { color: #9aa3af; }
.gravacao-page[data-bs-theme="dark"] #att-empty { color: #9aa3af; }

/* Comentários */
.gravacao-page[data-bs-theme="dark"] #cmt-list h5 { color: #e6e7e9; }
.gravacao-page[data-bs-theme="dark"] #cmt-list p  { color: #cfd3d8; }

/* Skeleton shimmer */
.gravacao-page[data-bs-theme="dark"] .skeleton { background-color: #2a2f34; }
.gravacao-page[data-bs-theme="dark"] .skeleton::after {
  background: linear-gradient(90deg, transparent 0%, rgba(255,255,255,.06) 50%, transparent 100%);
}

/* Emoji Picker in dark */
.gravacao-page[data-bs-theme="dark"] emoji-picker {
  --background: #1f2327;
  --hover-bg: #2a2f34;
  --border-color: #2b3036;
  --category-filter-bg: #1f2327;
  --category-filter-active-bg: #2a2f34;
  --search-bg: #1b1f23;
  --search-border-color: #2b3036;
  color: #e6e7e9;
}

/* Popover of picker */
.gravacao-page[data-bs-theme="dark"] #emoji-popover { 
  background: #1f2327; 
  border: 1px solid #2b3036; 
  box-shadow: 0 .5rem 1rem rgba(0,0,0,.45); 
  border-radius: .5rem; 
}

/* Player wrapper (if a wrapper exists) */
.gravacao-page[data-bs-theme="dark"] .player-wrap { 
  background: #161a1e; 
  border-color: #2b3036; 
}

/* Small utilities */
.gravacao-page[data-bs-theme="dark"] .border-subtle { border-color: #2b3036 !important; }
.gravacao-page[data-bs-theme="dark"] .muted-soft  { color: #9aa3af !important; }

/* Controls bar overlay tweaks for dark */
.gravacao-page[data-bs-theme="dark"] .controls-bar { 
  background-image: linear-gradient(to top, rgba(0,0,0,0.55), rgba(0,0,0,0));
}