@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

/* Fisherman's Donut Mail — Roundcube Elastic custom skin
   Brand: navy #1b3b5f · deep navy #14304d · red #c0392b · cream #f7f1e3 */

/* ---------- LOGIN PAGE ---------- */
body.task-login,
#layout-login {
  background: #ffffff !important;
  background-image:
    radial-gradient(ellipse 80% 55% at 50% -10%, rgba(27,59,95,0.14), transparent 70%),
    radial-gradient(ellipse 65% 45% at 100% 5%, rgba(192,57,43,0.10), transparent 70%),
    radial-gradient(ellipse 55% 40% at 0% 40%, rgba(247,241,227,0.65), transparent 70%) !important;
  font-family: 'Inter', sans-serif !important;
}
#logo { display: none !important; }
body.task-login #layout-content {
  display: block !important;
  padding-top: 4vh !important;
  text-align: center !important;
}
body.task-login #layout-content::before {
  content: "";
  display: block;
  width: 240px;
  height: 160px;
  margin: 0 auto 10px;
  background: url('https://fishermansdonut.com/logo-header.png') center/contain no-repeat;
}
#login-form {
  border: 1px solid rgba(27,59,95,0.12) !important;
  border-radius: 16px !important;
  box-shadow: 0 12px 44px -14px rgba(27,59,95,0.24) !important;
  max-width: 400px !important;
  padding: 30px 34px !important;
  margin: 0 auto !important;
  position: static !important;
  background: #fff !important;
}
#login-form::before {
  content: "Sign in to your mailbox";
  display: block;
  text-align: center;
  font-family: 'Inter', sans-serif;
  font-size: 16px;
  font-weight: 500;
  color: #1b3b5f;
  margin-bottom: 20px;
}
#login-form .form-control:focus {
  border-color: #1b3b5f !important;
  box-shadow: 0 0 0 3px rgba(27,59,95,0.18) !important;
}
#login-form #rcmloginsubmit,
#login-form button.btn-primary,
#login-form .btn.mainaction {
  background: #1b3b5f !important;
  border-color: #1b3b5f !important;
  color: #fff !important;
}
#login-form #rcmloginsubmit:hover,
#login-form button.btn-primary:hover {
  background: #14304d !important;
  border-color: #14304d !important;
}

/* ---------- APP INTERFACE (post-login accents) ---------- */
a.compose, a.button.compose,
.mainaction, .btn.btn-primary, button.btn-primary {
  background-color: #1b3b5f !important;
  border-color: #1b3b5f !important;
  color: #fff !important;
}
a.compose:hover, .mainaction:hover,
.btn.btn-primary:hover, button.btn-primary:hover {
  background-color: #14304d !important;
  border-color: #14304d !important;
}
.messagelist tbody tr.selected,
.listing li.selected > a,
.listing tr.selected {
  background-color: rgba(27,59,95,0.12) !important;
  color: #1b3b5f !important;
}
.messagelist tr.unread td.subject a,
.unreadcount, span.unreadcount { color: #c0392b !important; }
.form-control:focus,
input.form-control:focus,
textarea.form-control:focus {
  border-color: #1b3b5f !important;
  box-shadow: 0 0 0 2px rgba(27,59,95,0.15) !important;
}