@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');
:root {
  --rc-font-family: 'Roboto', 'Segoe UI', -apple-system, BlinkMacSystemFont, Arial, sans-serif;
  --rc-accent-color: #2e7d32;
  --rc-accent-color-dark: #1b5e20;
  --rc-accent-color-light: #e6f4ea;
}
body, input, textarea, select, button {
  font-family: var(--rc-font-family) !important;
  font-size: 14.5px;
  letter-spacing: 0.1px;
  line-height: 1.5;
}
#layout-menu, .header-title {
  font-family: var(--rc-font-family) !important;
}
.btn-primary, button.mainaction, a.button.mainaction {
  background-color: var(--rc-accent-color) !important;
  border-color: var(--rc-accent-color) !important;
}
.btn-primary:hover, button.mainaction:hover {
  background-color: var(--rc-accent-color-dark) !important;
  border-color: var(--rc-accent-color-dark) !important;
}
.listing tr.selected, .listing tr.selected td {
  background-color: var(--rc-accent-color-light) !important;
}
a {
  color: var(--rc-accent-color);
}
a:hover {
  color: var(--rc-accent-color-dark);
}
#folderlist li.selected > a, #folderlist li.active > a {
  background-color: var(--rc-accent-color-light) !important;
  color: var(--rc-accent-color) !important;
  font-weight: 500;
}
.messagelist tr.unread td {
  font-weight: 500;
}

#custom-external-bar {
  position: fixed;
  bottom: 12px;
  right: 12px;
  background: #ffffff;
  border: 1px solid #ddd;
  border-radius: 8px;
  padding: 9px 14px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.15);
  z-index: 9999;
  display: flex;
  gap: 14px;
}

#custom-external-bar a {
  text-decoration: none;
  font-weight: 500;
  font-size: 15px;
}

.custom-external-link {
  margin-left: 8px;
}