/*
 * DR Network - Adaptive Neutral Theme
 * Light: dark gray accents
 * Dark: light gray accents
 * No changes to email content.
 */

html {
  --dr-accent: #343434;
  --dr-accent-text: #343434;
  --dr-accent-contrast: #ffffff;
  --dr-selected: #e8eaec;
  --dr-hover: #f0f1f2;
}

html.dark-mode {
  --dr-accent: #d9dee1;
  --dr-accent-text: #e5e7eb;
  --dr-accent-contrast: #252b2e;
  --dr-selected: #394348;
  --dr-hover: #343d42;
}

/* Counter / badge */
#layout-sidebar .badge,
#layout-sidebar .unreadcount,
#layout-sidebar .count,
#layout-sidebar .folderlist .badge,
#layout-sidebar .folderlist .unreadcount {
  background-color: var(--dr-accent) !important;
  color: var(--dr-accent-contrast) !important;
}

/* Folder aktif */
#layout-sidebar .folderlist li.selected > a,
#layout-sidebar .folderlist li.selected > a:hover {
  background-color: var(--dr-selected) !important;
  color: var(--dr-accent-text) !important;
}

/* Pesan aktif */
#messagelist tr.selected,
#messagelist tr.selected > td,
#layout-list .listing tr.selected,
#layout-list .listing tr.selected > td,
#layout-list .listing li.selected {
  background-color: var(--dr-selected) !important;
}

/* Hover di daftar */
#layout-list .listing tr:not(.selected):hover > td,
#layout-list .listing li:not(.selected):hover {
  background-color: var(--dr-hover) !important;
}

/* Garis penanda */
#layout-list .listing .selected {
  border-color: var(--dr-accent) !important;
}

/* Teks aksen pada navigasi */
#layout-sidebar .folderlist li.selected > a,
#layout-list .listing .selected .subject a {
  color: var(--dr-accent-text) !important;
}

/* Tombol utama di antarmuka */
.btn-primary {
  background-color: var(--dr-accent) !important;
  border-color: var(--dr-accent) !important;
  color: var(--dr-accent-contrast) !important;
}

.btn-primary:hover,
.btn-primary:focus {
  filter: brightness(0.88);
}

/* Tidak mengubah tampilan HTML isi email */

/* DR-NETWORK-HEADER-NEUTRAL-V1
 * Neutral message header accents
 * Uses existing adaptive theme variables
 */

/* Header link, sender dan alamat email */
#message-header .header-summary a,
#message-header .header-headers a,
#message-header .header-links a,
#message-header .header-content a,
#message-header .subject a {
    color: var(--dr-accent-text) !important;
}

/* Header detail icons */
#message-header .header-links a:before,
#message-header .header-links a:after,
#message-header .subject a.extwin:before {
    color: var(--dr-accent-text) !important;
}

/* Ikon pada informasi header */
#message-header .header-summary .icon:before,
#message-header .header-headers .icon:before {
    color: var(--dr-accent-text) !important;
}

/* Link pada daftar lampiran */
#attachment-list a,
#attachment-list a:before,
#attachment-list a:after {
    color: var(--dr-accent-text) !important;
}

/* Header hover */
#message-header a:hover,
#attachment-list a:hover {
    color: var(--dr-accent-text) !important;
    text-decoration: underline;
}

/* DR-NETWORK-COMPOSE-NEUTRAL-V1
 * Samakan warna Compose dengan menu sidebar lainnya.
 */

/* Teks tombol Tulis Email */
#layout-menu a.compose,
#layout-menu a.button.compose,
#layout-menu a.compose span {
    color: #dce3e6 !important;
}

/* Ikon pensil Compose */
#layout-menu a.compose:before,
#layout-menu a.button.compose:before,
#layout-menu a.compose .icon:before {
    color: #dce3e6 !important;
}

/* Hover */
#layout-menu a.compose:hover,
#layout-menu a.compose:hover:before {
    color: #ffffff !important;
}

/* Dark mode */
html.dark-mode #layout-menu a.compose,
html.dark-mode #layout-menu a.compose:before,
html.dark-mode #layout-menu a.compose .icon:before {
    color: #dce3e6 !important;
}