:root {
  --g7-gold: #BC8F4A;
  --g7-charcoal: #111827;
  --g7-silver: #CFD9E2;
  --g7-surface: #f7f8fa;
  --g7-surface-soft: #eef2f7;
  --g7-surface-border: #d7dee7;
  --g7-text-dark: #1f2937;
  --g7-text-light: #e8edf3;
}

html,
body,
#rl-app,
#rl-loading {
  background: var(--g7-charcoal) !important;
  font-family: "Segoe UI", "Inter", -apple-system, BlinkMacSystemFont, Arial, sans-serif !important;
}

/* Navigation and left rail */
.b-folders,
.b-folders .b-content,
.b-folders-system,
.b-folders-user,
.b-footer,
.b-footer.btn-toolbar,
.search-input-wrp,
.search-input-wrp input,
.buttonContacts,
.toggleLeft {
  background: var(--g7-charcoal) !important;
  color: var(--g7-text-light) !important;
  border-color: rgba(207, 217, 226, 0.28) !important;
}

/* Top bars */
.b-toolbar,
.top-toolbar,
.second-toolbar,
.thm-message-list-top-toolbar,
.thm-message-list-bottom-toolbar {
  background: var(--g7-charcoal) !important;
  color: var(--g7-text-light) !important;
  border-bottom: 1px solid rgba(207, 217, 226, 0.24) !important;
}

/* Main working area (hybrid light surface) */
.messageList,
.messageListPlace,
.listError,
.listEmptyMessage,
.listLoading,
.top-toolbar + .b-content,
.messageView,
.settings,
.dropdown-menu,
.move-action-content-wrapper,
.modal,
.modal-content,
.b-content {
  background: var(--g7-surface) !important;
  color: var(--g7-text-dark) !important;
  border-color: var(--g7-surface-border) !important;
}

/* Message list items */
.messageListItem {
  background: #ffffff !important;
  color: var(--g7-text-dark) !important;
  border-bottom: 1px solid var(--g7-surface-border) !important;
}

.messageListItem:hover {
  background: var(--g7-surface-soft) !important;
}

.messageListItem.checked,
.messageListItem.selected,
.messageListItem.focused,
.messageListItem[aria-selected="true"] {
  background: rgba(188, 143, 74, 0.16) !important;
  border-left: 3px solid var(--g7-gold) !important;
}

/* Sender/subject contrast */
.senderParent,
.subjectParent,
.sizeParent,
.attachmentParent,
.threads-len {
  color: #2a3648 !important;
}

/* Inputs */
input,
select,
textarea,
.input,
.form-control {
  background: #ffffff !important;
  color: #1f2937 !important;
  border: 1px solid #cfd9e2 !important;
  border-radius: 8px !important;
}

.inputSearch {
  background: #ffffff !important;
  color: #1f2937 !important;
  border: 1px solid rgba(207, 217, 226, 0.9) !important;
}

input:focus,
select:focus,
textarea:focus {
  border-color: var(--g7-gold) !important;
  box-shadow: 0 0 0 2px rgba(188, 143, 74, 0.2) !important;
  outline: none !important;
}

/* Corporate accents */
button,
.btn,
.button,
.btn-primary,
[type="button"],
[type="submit"] {
  background: var(--g7-gold) !important;
  color: #111827 !important;
  border: 1px solid #c89f5f !important;
  border-radius: 8px !important;
  font-weight: 700 !important;
  box-shadow: none !important;
}

.btn:hover,
.button:hover,
.btn-primary:hover {
  filter: brightness(1.06);
}

.active,
.selected,
[aria-selected="true"],
.is-active,
.checked,
.focused,
.current {
  background: rgba(188, 143, 74, 0.16) !important;
  border-color: var(--g7-gold) !important;
}

/* Primary actions with stronger corporate accent */
.buttonCompose,
.buttonLogin,
.buttonEdit,
.btn-success {
  background: linear-gradient(180deg, #c79a56, #BC8F4A) !important;
  color: #111827 !important;
  border-color: #ad823f !important;
}

/* Corporate icon tone */
[class^="icon-"],
[class*=" icon-"] {
  color: #b7c2ce !important;
}

.active [class^="icon-"],
.active [class*=" icon-"],
[aria-selected="true"] [class^="icon-"],
[aria-selected="true"] [class*=" icon-"] {
  color: var(--g7-gold) !important;
}

/* Links */
a,
.g-ui-link {
  color: #9b6f2f !important;
}

/* Corporate separators */
.dividerbar,
.e-quota,
.listThreadUidDesc,
.listSearchDesc {
  border-color: rgba(207, 217, 226, 0.55) !important;
}

/* Badges and unread counters */
.badge,
.tag,
.count,
.notification,
.unread,
.pill {
  background: var(--g7-gold) !important;
  color: #111827 !important;
  border: 1px solid #c89f5f !important;
}

/* Dividers */
hr,
.divider,
[role="separator"],
table,
th,
td,
.list-item,
.item {
  border-color: rgba(207, 217, 226, 0.6) !important;
}

/* Login screen inside SnappyMail */
#rl-loading,
.login,
.loginView,
[class*="login"] {
  background: linear-gradient(135deg, #0f172a 0%, #111827 45%, #1f2937 100%) !important;
  color: var(--g7-text-light) !important;
}

.login .input-block-level,
.login .controls input,
.login .controls .input-block-level {
  background: #ffffff !important;
  color: #1f2937 !important;
}

.login .descWrapper,
.login .alert,
.login .language-buttons,
.login .language-button {
  color: var(--g7-text-light) !important;
}

/* Strong overrides for SnappyMail default login markup */
.descWrapper {
  color: #e8edf3 !important;
}

.g7-brand .descWrapper {
  background: linear-gradient(180deg, rgba(17, 24, 39, 0.96), rgba(17, 24, 39, 0.9)) !important;
  border: 1px solid rgba(207, 217, 226, 0.35) !important;
  border-radius: 14px !important;
  box-shadow: 0 16px 40px rgba(3, 8, 20, 0.45) !important;
  padding-top: 18px !important;
}

.g7-login-logo {
  display: block !important;
  width: 140px !important;
  max-width: 70% !important;
  margin: 0 auto 14px auto !important;
  object-fit: contain !important;
}

.input-block-level {
  background: #ffffff !important;
  color: #1f2937 !important;
  border: 1px solid #cfd9e2 !important;
  border-radius: 8px !important;
}

.btn.buttonLogin {
  background: linear-gradient(180deg, #c79a56, #BC8F4A) !important;
  color: #111827 !important;
  border: 1px solid #ad823f !important;
  border-radius: 10px !important;
}

.g7-brand .buttonLogin {
  font-weight: 800 !important;
  letter-spacing: 0.2px !important;
}

/* Visual identity marker for easy confirmation */
#rl-app {
  border-top: 4px solid #BC8F4A !important;
}