/* Bordales Mail: native SnappyMail 2.38.2 controls, reference-led dark theme. */
:root {
  color-scheme: dark;
  --main-bg-color: #0b1522;
  --main-bg-image: none;
  --main-color: #edf3fa;
  --main-text-color: #edf3fa;
  --main-border-color: #30475e;
  --main-font-size: 15px;
  --main-border-radius: 14px;
  --mail-accent: #58bcff;
  --mail-muted: #acbccd;
  --mail-panel: #172638;
}
#rl-app, #rl-app input, #rl-app button { font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important; }
#rl-app *, #rl-app *::before, #rl-app *::after { box-sizing: border-box; }
html, body, #rl-app { background: #0b1522 !important; color: #edf3fa !important; }
body:has(#V-Login:not([hidden]):not([style*="display: none"])) {
  background: radial-gradient(ellipse at 78% 18%, #203e59 0%, transparent 49%),
    radial-gradient(ellipse at 10% 75%, #153650 0%, transparent 45%), #08121e !important;
}
#V-Login {
  position: absolute !important;
  top: 50% !important;
  right: 9vw !important;
  left: auto !important;
  width: min(540px, 48vw) !important;
  margin: 0 !important;
  transform: translateY(-50%) !important;
  padding: 38px 44px 36px !important;
  border: 1px solid #3b5671 !important;
  border-radius: 18px !important;
  background: linear-gradient(145deg, #203247e8, #0c1724f5) !important;
  box-shadow: 0 30px 90px #0005 !important;
  text-align: left !important;
}
#V-Login::before {
  content: "Bordales Technologies\A\A Secure communication.\A Connected to your business.\A\A Your mail and contacts\A in one private workspace.";
  position: fixed;
  right: calc(100% + 8vw);
  top: 35px;
  width: 28vw;
  max-width: 360px;
  white-space: pre-line;
  color: #e6f0f9;
  font-size: clamp(20px, 2.1vw, 32px);
  line-height: 1.6;
  font-weight: 400;
  pointer-events: none;
}
#V-Login .descWrapper {
  min-height: 85px !important;
  margin: 0 0 30px !important;
  background: url("images/bordales-mail-logo.svg") center / min(300px, 90%) auto no-repeat !important;
  filter: brightness(0) invert(1);
  overflow: hidden;
  text-indent: -9999px;
}
#V-Login form {
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
#V-Login form::before {
  content: "Welcome back";
  display: block;
  margin-bottom: 12px;
  font-size: 30px;
  font-weight: 600;
  color: #f6f9fc;
}
#V-Login form::after {
  content: "Private mail · Your existing mailbox account";
  display: block;
  margin-top: 28px;
  padding-top: 23px;
  border-top: 1px solid #304254;
  color: var(--mail-muted);
  font-size: 13px;
  text-align: center;
}
#V-Login .controls { margin: 20px 0 !important; position: relative; }
#V-Login input:not([type="checkbox"]) {
  width: 100% !important;
  min-height: 56px !important;
  padding: 14px 18px 14px 48px !important;
  border: 1px solid #3b5570 !important;
  border-radius: 10px !important;
  background: #172536 !important;
  color: #f1f7fc !important;
  box-shadow: none !important;
  font-size: 16px !important;
}
#V-Login input::placeholder { color: #afbdcc !important; opacity: 1; }
#V-Login .controls > .fontastic { color: #b9cadd !important; }
#V-Login .e-checkbox, #V-Login .language-button { color: #c5d4e3 !important; }
#V-Login .buttonLogin {
  width: 100% !important;
  min-height: 56px !important;
  margin-top: 12px !important;
  border: 1px solid #52b2f4 !important;
  border-radius: 11px !important;
  background: linear-gradient(110deg, #57beff, #1675e3) !important;
  color: #fff !important;
  font-size: 17px !important;
  font-weight: 600 !important;
  text-shadow: none !important;
  box-shadow: none !important;
}
#V-Login .buttonLogin:hover { background: linear-gradient(110deg, #6ec7ff, #2687f0) !important; }
#V-Login input:focus, #V-Login button:focus-visible, #V-Login a:focus-visible,
#V-Login .e-checkbox:focus-visible { outline: 3px solid #78cbff !important; outline-offset: 3px; }
#V-Login .alert { background: #4c2531 !important; border: 1px solid #bd667d !important; color: #fff !important; margin: 12px 0 !important; }
#V-Login .controls.error input { border-color: #f690a5 !important; }
.b-folders, .b-message-list, .b-message-view, .b-settings-content,
.b-contacts-content, .modal, .dropdown-menu { background: var(--mail-panel) !important; color: #edf3fa !important; border-color: #30475e !important; }
.btn, .buttonCompose, .e-button { border-radius: 9px !important; text-shadow: none !important; }
.buttonCompose, .btn-primary, .e-button.action { background: #197ade !important; color: #fff !important; border-color: #58aaf1 !important; }
.b-folders .e-item.selected, .b-message-list .messageListItem.selected { background: #214567 !important; color: #fff !important; }
.b-message-list .messageListItem.unread .subject, .b-message-list .messageListItem.unread .from { font-weight: 700 !important; }
@media (max-width: 850px) {
  #V-Login { right: auto !important; left: 50% !important; width: min(520px, calc(100vw - 32px)) !important; transform: translate(-50%, -50%) !important; padding: 28px !important; }
  #V-Login::before { content: none; }
}
@media (max-height: 670px) {
  #V-Login { top: 22px !important; transform: none !important; }
}
@media (max-height: 670px) and (max-width: 850px) {
  #V-Login { transform: translateX(-50%) !important; }
}