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

/* Cambodia Floral Mail — Roundcube Elastic custom skin
   Brand: pink #EC4899 · deep pink #DB2777 · plum #4A3040 · rose #FFD6E8 */

/* ---------- LOGIN PAGE ---------- */
body.task-login,
#layout-login {
  background: #ffffff !important;
  background-image:
    radial-gradient(ellipse 80% 55% at 50% -10%, rgba(236,72,153,0.14), transparent 70%),
    radial-gradient(ellipse 65% 45% at 100% 5%, rgba(219,39,119,0.10), transparent 70%),
    radial-gradient(ellipse 55% 40% at 0% 40%, rgba(255,214,232,0.55), 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: 210px;
  height: 170px;
  margin: 0 auto 10px;
  background: url('https://cambodiafloral.com/logo.png') center/contain no-repeat;
}
#login-form {
  border: 1px solid rgba(74,48,64,0.10) !important;
  border-radius: 16px !important;
  box-shadow: 0 12px 44px -14px rgba(236,72,153,0.22) !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: #4A3040;
  margin-bottom: 20px;
}
#login-form .form-control:focus {
  border-color: #EC4899 !important;
  box-shadow: 0 0 0 3px rgba(236,72,153,0.18) !important;
}
#login-form #rcmloginsubmit,
#login-form button.btn-primary,
#login-form .btn.mainaction {
  background: #EC4899 !important;
  border-color: #EC4899 !important;
  color: #fff !important;
}
#login-form #rcmloginsubmit:hover,
#login-form button.btn-primary:hover {
  background: #DB2777 !important;
  border-color: #DB2777 !important;
}

/* ---------- APP INTERFACE (post-login accents) ---------- */
a.compose, a.button.compose,
.mainaction, .btn.btn-primary, button.btn-primary {
  background-color: #EC4899 !important;
  border-color: #EC4899 !important;
  color: #fff !important;
}
a.compose:hover, .mainaction:hover,
.btn.btn-primary:hover, button.btn-primary:hover {
  background-color: #DB2777 !important;
  border-color: #DB2777 !important;
}
.messagelist tbody tr.selected,
.listing li.selected > a,
.listing tr.selected {
  background-color: rgba(236,72,153,0.12) !important;
  color: #4A3040 !important;
}
.messagelist tr.unread td.subject a,
.unreadcount, span.unreadcount { color: #EC4899 !important; }
.form-control:focus,
input.form-control:focus,
textarea.form-control:focus {
  border-color: #EC4899 !important;
  box-shadow: 0 0 0 2px rgba(236,72,153,0.15) !important;
}