/* CloudEdge theme override for Roundcube Elastic -- authenticated mail UI
   (inbox, folder sidebar, toolbar, reading pane, compose). Color tokens
   copied from frontend/src/index.css (dark theme values, matching
   app.digitalsense.co.zm's palette), same source as custom.css's
   login-page theme. Selectors confirmed against this
   deployment's actual rendered DOM (Roundcube 1.6.x Elastic skin) rather
   than guessed -- #layout/#layout-sidebar/#layout-list/#layout-content,
   .folderlist/.treelist, #messagelist, .toolbar/.toolbar-button/.btn-primary,
   .listbox, .header-title, .footer, .selected/.active, .sidebar-menu.
   High-specificity body.task-mail/body.task-compose prefixes, colors/
   borders only -- no layout/structural changes -- so an Elastic skin
   upgrade only risks selector drift, not breakage. */

body.task-mail,
body.task-addressbook,
body.task-settings,
body.task-compose {
  background: #0a0a0a !important;
  color: #fafafa;
}

/* Top task bar / logo area */
body.task-mail #layout-menu,
body.task-addressbook #layout-menu,
body.task-settings #layout-menu {
  background: #141414 !important;
  border-color: #262626 !important;
}

/* Folder sidebar */
body.task-mail #layout-sidebar,
body.task-addressbook #layout-sidebar {
  background: #141414 !important;
  border-right: 1px solid #262626 !important;
}

body.task-mail .folderlist,
body.task-mail .treelist {
  background: transparent !important;
}

body.task-mail .folderlist li.listitem > a,
body.task-mail .treelist li.listitem > a {
  color: #a3a3a3 !important;
}

body.task-mail .folderlist li.listitem.selected > a,
body.task-mail .folderlist li.listitem.active > a,
body.task-mail .treelist li.listitem.selected > a,
body.task-mail .treelist li.listitem.active > a {
  background: rgba(102, 204, 51, 0.1) !important;
  color: #66cc33 !important;
  border-radius: 8px;
}

body.task-mail #quotadisplay {
  color: #6f6f6f !important;
}

/* Message list column */
body.task-mail #layout-list {
  background: #0a0a0a !important;
  border-right: 1px solid #262626 !important;
}

body.task-mail #messagelist-header,
body.task-mail .header-title {
  background: #141414 !important;
  border-bottom: 1px solid #262626 !important;
  color: #fafafa !important;
}

body.task-mail #messagelist tbody tr,
body.task-mail .listbox .listing tbody tr {
  background: transparent !important;
  border-bottom: 1px solid #262626 !important;
  color: #fafafa !important;
}

body.task-mail #messagelist tbody tr.selected,
body.task-mail #messagelist tbody tr.unfocused.selected {
  background: rgba(102, 204, 51, 0.1) !important;
}

body.task-mail #messagelist tbody tr:hover {
  background: #1b1b1b !important;
}

body.task-mail #messagelist .subject,
body.task-mail #messagelist .fromto {
  color: #fafafa !important;
}

body.task-mail #messagelist .date {
  color: #6f6f6f !important;
}

/* Toolbars + buttons */
body.task-mail .toolbar,
body.task-mail #mailtoolbar,
body.task-addressbook .toolbar,
body.task-settings .toolbar {
  background: #141414 !important;
  border-bottom: 1px solid #262626 !important;
}

body.task-mail .toolbar .toolbar-button,
body.task-mail .toolbar .button {
  color: #a3a3a3 !important;
}

body.task-mail .toolbar .toolbar-button:hover,
body.task-mail .toolbar .button:hover {
  background: #232323 !important;
  color: #fafafa !important;
}

body.task-mail .btn-primary,
body.task-compose .btn-primary {
  background: #66cc33 !important;
  border-color: #66cc33 !important;
  color: #0a0a0a !important;
}

body.task-mail .btn-primary:hover,
body.task-compose .btn-primary:hover {
  background: #7adc2e !important;
  border-color: #7adc2e !important;
}

/* Reading pane / message content */
body.task-mail #layout-content,
body.task-mail #messagecontframe {
  background: #0a0a0a !important;
}

body.task-mail .message-part,
body.task-mail #messagebody {
  color: #fafafa !important;
}

/* Compose */
body.task-compose #compose-content,
body.task-compose .form-control,
body.task-compose textarea {
  background: #141414 !important;
  border: 1px solid #262626 !important;
  color: #fafafa !important;
}

body.task-compose .form-control:focus,
body.task-compose textarea:focus {
  border-color: #66cc33 !important;
  box-shadow: 0 0 0 3px rgba(102, 204, 51, 0.1) !important;
}

/* Footer / status */
body.task-mail .footer,
body.task-mail #rcmcountdisplay {
  color: #6f6f6f !important;
}