/* Email styles — silk DaisyUI theme converted to sRGB hex.
   Inlined into HTML emails at delivery time by premailer-rails.
   The class names below are referenced from app/views/layouts/mailer.html.erb
   and the shared mailer partials in app/views/shared/_mailer_*.erb. */

.mailer-body         { margin: 0; padding: 0; background: #F5F1EC; color: #5A4F45;
                       font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
                                    "Helvetica Neue", Arial, sans-serif; }
.mailer-shell        { width: 100%; background: #F5F1EC; }
.mailer-shell-cell   { padding: 24px 0; }
.mailer-card         { width: 100%; max-width: 600px; margin: 0 auto;
                       background: #FAF8F5; border: 1px solid #E5DDD2; border-radius: 16px; }
.mailer-header       { padding: 20px 32px; border-bottom: 1px solid #E5DDD2; }
.mailer-wordmark     { font-size: 18px; font-weight: 700; color: #1F1F2E; letter-spacing: -0.01em; }
.mailer-content      { padding: 32px; line-height: 1.6; font-size: 15px; }
.mailer-content h1   { margin: 0 0 16px; font-size: 22px; color: #1F1F2E; font-weight: 600; line-height: 1.3; }
.mailer-content p    { margin: 0 0 16px; }
.mailer-content ul   { margin: 0 0 16px; padding-left: 24px; }
.mailer-content li   { margin: 6px 0; }
.mailer-content strong { color: #1F1F2E; }
.mailer-footer       { padding: 16px 32px 20px; border-top: 1px solid #E5DDD2;
                       font-size: 12px; color: #5A4F45; }

.mailer-cta          { margin: 24px 0; }
.mailer-cta a        { display: inline-block; padding: 12px 24px; background: #1F1F2E;
                       color: #E8F38F !important; text-decoration: none; border-radius: 8px;
                       font-weight: 600; font-size: 14px; }

.mailer-info-table   { width: 100%; border-collapse: collapse; margin: 20px 0; }
.mailer-info-table td { padding: 10px 12px; border: 1px solid #E5DDD2; font-size: 14px; }
.mailer-info-table .label { font-weight: 600; color: #1F1F2E; background: #F5F1EC; width: 40%; }

.mailer-alert        { padding: 12px 16px; border-radius: 8px; margin: 0 0 20px;
                       background: rgba(230, 185, 106, 0.15); border-left: 4px solid #E6B96A; }

@media only screen and (max-width: 640px) {
  .mailer-card       { border-radius: 0 !important; border-left: none !important; border-right: none !important; }
  .mailer-content    { padding: 24px !important; }
  .mailer-header,
  .mailer-footer     { padding-left: 24px !important; padding-right: 24px !important; }
}