/* Dashboard polish: compact announcements and darker page base. */
html,
body,
#app,
#kt_body {
  background-color: #060c18 !important;
}

#kt_body {
  background-image:
    linear-gradient(180deg, rgba(6, 12, 24, 0.96) 0%, rgba(9, 18, 33, 0.96) 46%, rgba(6, 12, 24, 1) 100%),
    var(--codex-existing-dashboard-bg, none) !important;
}

#kt_body .page,
#kt_body .wrapper,
#kt_body .content,
#kt_content,
#kt_content > .d-flex,
#kt_content .container {
  background-color: transparent !important;
}

#app-loading {
  background: #060c18 !important;
}

#kt_content .card.bgi-no-repeat.gutter-b {
  background-color: rgba(26, 39, 57, 0.94) !important;
  border: 1px solid rgba(117, 150, 190, 0.22) !important;
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.22) !important;
}

#kt_content .card.bgi-no-repeat.gutter-b .card-header {
  padding-top: 1.35rem !important;
  padding-bottom: 0.65rem !important;
  border-bottom: 1px solid rgba(148, 163, 184, 0.14) !important;
}

#kt_content .card.bgi-no-repeat.gutter-b .card-body {
  padding-top: 0.95rem !important;
  padding-bottom: 1.15rem !important;
}

#kt_content .card.bgi-no-repeat.gutter-b .card-body,
#kt_content .card.bgi-no-repeat.gutter-b .card-body > div,
#kt_content .card.bgi-no-repeat.gutter-b .card-body * {
  background: transparent !important;
  background-color: transparent !important;
  color: inherit !important;
}

#kt_content .card.bgi-no-repeat.gutter-b .card-body > div {
  color: #d8e4f1 !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
  word-break: break-word;
}

#kt_content .card.bgi-no-repeat.gutter-b .card-body p,
#kt_content .card.bgi-no-repeat.gutter-b .card-body div,
#kt_content .card.bgi-no-repeat.gutter-b .card-body section,
#kt_content .card.bgi-no-repeat.gutter-b .card-body article {
  margin-top: 0 !important;
  margin-bottom: 0.42rem !important;
  min-height: 0 !important;
  line-height: 1.55 !important;
}

#kt_content .card.bgi-no-repeat.gutter-b .card-body p:empty,
#kt_content .card.bgi-no-repeat.gutter-b .card-body div:empty {
  display: none !important;
}

#kt_content .card.bgi-no-repeat.gutter-b .card-body br {
  line-height: 1.15 !important;
}

#kt_content .card.bgi-no-repeat.gutter-b .card-body ul,
#kt_content .card.bgi-no-repeat.gutter-b .card-body ol {
  margin: 0.45rem 0 0.65rem 1.1rem !important;
  padding-left: 0.85rem !important;
}

#kt_content .card.bgi-no-repeat.gutter-b .card-body li {
  margin: 0.22rem 0 !important;
  padding-left: 0.15rem !important;
  color: #d8e4f1 !important;
}

#kt_content .card.bgi-no-repeat.gutter-b .card-body table {
  width: 100% !important;
  border-collapse: collapse !important;
  margin: 0.45rem 0 !important;
  color: #d8e4f1 !important;
}

#kt_content .card.bgi-no-repeat.gutter-b .card-body td,
#kt_content .card.bgi-no-repeat.gutter-b .card-body th {
  padding: 0.28rem 0.45rem !important;
  border-color: rgba(148, 163, 184, 0.18) !important;
  color: inherit !important;
}

#kt_content .card.bgi-no-repeat.gutter-b .card-body strong,
#kt_content .card.bgi-no-repeat.gutter-b .card-body b,
#kt_content .card.bgi-no-repeat.gutter-b .card-body span {
  color: inherit !important;
}

#kt_content .card.bgi-no-repeat.gutter-b .card-body strong,
#kt_content .card.bgi-no-repeat.gutter-b .card-body b {
  color: #ffffff !important;
}

.emby-modal-wrapper .modal-backdrop {
  background-color: rgba(3, 8, 18, 0.72) !important;
  backdrop-filter: blur(5px);
}

.emby-modal-wrapper .modal-content,
.emby-modal-wrapper .card-custom {
  background-color: #1c2737 !important;
  color: #e7eef9 !important;
  border-color: rgba(180, 199, 224, 0.26) !important;
}

.emby-modal-wrapper .card-header {
  border-bottom: 1px solid rgba(148, 163, 184, 0.18) !important;
}

.emby-modal-wrapper .card-body .text-dark,
.emby-modal-wrapper .card-body .text-dark-50,
.emby-modal-wrapper .card-body [style] {
  color: #eef6ff !important;
  background: transparent !important;
  background-color: transparent !important;
  line-height: 1.6 !important;
}

.emby-modal-wrapper .card-body p,
.emby-modal-wrapper .card-body div {
  margin-top: 0 !important;
  margin-bottom: 0.55rem !important;
}

.emby-modal-wrapper .text-muted {
  color: #9fb0c5 !important;
}