:root {
  color-scheme: dark;

  /* TD MAIL palette */
  --td-ink: #0f0f14;
  --td-panel: #151620;
  --td-panel-soft: #1b1c27;
  --td-cream: #efeae2;
  --td-muted: #a5a7b6;
  --td-pink: #c90043;
  --td-pink-soft: rgba(201, 0, 67, .18);
  --td-cyan: #3ad7d6;

  /* Main application */
  --main-color: var(--td-cream);
  --main-bg-color: var(--td-ink);
  --main-bg-image:
    radial-gradient(circle at 84% 0%, rgba(201, 0, 67, .13), transparent 34rem),
    radial-gradient(circle at 0% 100%, rgba(58, 215, 214, .08), transparent 42rem);
  --main-bg-size: cover;
  --main-bg-repeat: no-repeat;
  --main-font-size: 15px;
  --link-color: #ff7da9;
  --border-color: rgba(255, 255, 255, .10);
  --border-radius: 14px;
  --hr-color: rgba(255, 255, 255, .08);
  --panel-bg-clr: var(--td-panel);

  /* States */
  --warning-clr: #ffe09a;
  --warning-bg-clr: #352b19;
  --warning-border-clr: #6d5628;
  --error-clr: #ffb1c1;
  --error-bg-clr: #3a1722;
  --error-border-clr: #79243d;
  --info-clr: #baf8f6;
  --info-bg-clr: #123133;
  --info-border-clr: #245c5f;

  /* Loading and login */
  --loading-color: var(--td-cream);
  --loading-text-shadow: none;
  --login-color: var(--td-cream);
  --login-bg-color: rgba(21, 22, 32, .94);
  --login-box-shadow: 0 28px 90px rgba(0, 0, 0, .45);
  --login-border: 1px solid rgba(255, 255, 255, .10);
  --login-border-radius: 24px;
  --spinner-color: var(--td-pink);

  /* Menus */
  --dropdown-menu-color: var(--td-cream);
  --dropdown-menu-bg-color: #20212d;
  --dropdown-menu-hover-bg-color: var(--td-pink-soft);
  --dropdown-menu-hover-color: #fff;
  --dropdown-menu-disabled-color: #707282;
  --dropdown-menu-border-clr: rgba(255, 255, 255, .12);

  /* Folders */
  --folders-color: #d8d8df;
  --folders-disabled-color: #717383;
  --folders-selected-color: #fff;
  --folders-selected-bg-color: var(--td-pink-soft);
  --folders-focused-color: #fff;
  --folders-focused-bg-color: rgba(201, 0, 67, .28);
  --folders-hover-color: #fff;
  --folders-hover-bg-color: rgba(255, 255, 255, .06);
  --folders-drop-color: #fff;
  --folders-drop-bg-color: rgba(58, 215, 214, .18);
  --unread-count-color: #fff;
  --unread-count-bg-color: var(--td-pink);

  /* Settings */
  --settings-menu-color: #d8d8df;
  --settings-menu-selected-color: #fff;
  --settings-menu-selected-bg-color: var(--td-pink-soft);
  --settings-menu-hover-color: #fff;
  --settings-menu-hover-bg-color: rgba(255, 255, 255, .06);

  /* Messages */
  --message-list-toolbar-bg-color: rgba(21, 22, 32, .96);
  --message-header-bg-clr: #191a24;

  /* Dialogs and forms */
  --dialog-clr: var(--td-cream);
  --dialog-bg-clr: #181923;
  --dialog-border-clr: rgba(255, 255, 255, .12);
  --dialog-border-radius: 18px;
  --btn-clr: var(--td-cream);
  --btn-bg-clr: #242531;
  --btn-border-clr: rgba(255, 255, 255, .12);
  --btn-border-radius: 12px;
  --btn-success-bg-clr: #227f73;
  --btn-danger-bg-clr: #9a2448;
  --input-clr: var(--td-cream);
  --input-bg-clr: #20212c;
  --input-border-clr: rgba(255, 255, 255, .12);
  --input-border-radius: 12px;
  --input-focus-border-clr: var(--td-cyan);

  /* Tables and tabs */
  --tr-hover-bg-clr: rgba(255, 255, 255, .05);
  --tr-odd-bg-clr: rgba(255, 255, 255, .025);
  --tab-active-bg-clr: #20212c;
  --tab-hover-border-clr: rgba(255, 255, 255, .14);
  --smDialogShrink: 20px;
  --smMainShadow: 0 18px 64px rgba(0, 0, 0, .34);
}

html,
body {
  background-color: var(--td-ink);
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

/* Confirmed TD Mail mark on the login screen. */
#V-Login .descWrapper {
  box-sizing: border-box;
  min-height: 124px;
  margin-bottom: 18px;
  background: url("images/td-mail-lockup.png") center / contain no-repeat;
  overflow: hidden;
  text-indent: -10000px;
}

#V-Login input,
#V-Login button,
.btn,
button,
input,
select,
textarea {
  min-height: 44px;
}

button,
.btn,
a,
input,
select,
textarea {
  -webkit-tap-highlight-color: transparent;
}

:focus-visible {
  outline: 3px solid var(--td-cyan) !important;
  outline-offset: 2px;
}

::selection {
  color: #fff;
  background: var(--td-pink);
}

/* Keep content readable even when an HTML e-mail uses a white body. */
.messageView iframe,
.b-message-view iframe {
  border-radius: 12px;
  background: #fff;
}

/* Tablet: preserve SnappyMail's native adaptive panels, enlarge touch targets. */
@media (max-width: 1199px) {
  :root { --main-font-size: 15px; }

  .btn,
  button,
  input,
  select {
    min-height: 46px;
  }
}

/* Phone: one native SnappyMail view at a time; no desktop-only hover dependency. */
@media (max-width: 767px) {
  :root {
    --main-font-size: 16px;
    --border-radius: 12px;
    --dialog-border-radius: 0;
    --smDialogShrink: 0px;
  }

  #V-Login .descWrapper {
    min-height: 98px;
  }

  .btn,
  button,
  input,
  select,
  textarea {
    min-height: 48px;
  }

  @media (hover: none) {
    .btn:hover,
    button:hover,
    a:hover {
      filter: none;
    }
  }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}

@media (forced-colors: active) {
  :focus-visible { outline-color: Highlight !important; }
}

#rl-left[hidden]::before,#rl-left[hidden]::after{content:none!important;display:none!important}

#V-Login::before{content:none!important;display:none!important;background:none!important}
/* Polished authenticated mailbox */
#rl-content{background:var(--td-ink)}
#rl-left{border-right:1px solid var(--td-border,rgba(255,255,255,.10));background:radial-gradient(circle at 0 0,rgba(38,76,145,.30),transparent 24rem),#11131c}
#rl-left::before{left:17px!important;bottom:64px!important;width:130px!important;height:40px!important;background:url("images/td-mail-lockup.png") left center/contain no-repeat!important;opacity:1!important}
#rl-left::after{content:none!important;display:none!important}
#V-MailFolderList .b-toolbar{border-bottom:1px solid rgba(255,255,255,.07);background:rgba(15,16,22,.58)}
#V-MailFolderList .buttonCompose{border:0!important;border-radius:12px!important;background:linear-gradient(135deg,var(--td-pink),#99113d)!important;box-shadow:0 10px 28px rgba(201,0,67,.20)!important;color:#fff!important}
#V-MailFolderList .buttonCompose:hover{filter:brightness(1.08)}
#V-MailFolderList .b-folders-system{box-sizing:border-box;padding:8px}
#V-MailFolderList .b-folders-system li a{box-sizing:border-box;margin:2px 0;padding:9px 11px;border-radius:10px}
#V-MailFolderList .b-folders-system li a.selected{background:linear-gradient(90deg,rgba(201,0,67,.24),rgba(201,0,67,.10))!important;color:#fff!important}
#V-MailFolderList .b-footer{border-top:1px solid rgba(255,255,255,.07);background:rgba(15,16,22,.70)}
#rl-right,#V-MailMessageView{background:var(--td-ink)}
#V-MailMessageList{border-right:1px solid rgba(255,255,255,.09);background:var(--td-panel)}
#V-MailMessageList>.btn-toolbar,#V-MailMessageView>.top-toolbar{border-bottom:1px solid rgba(255,255,255,.08);background:rgba(21,22,32,.96)}
#V-SystemDropDown .btn-toolbar{background:rgba(15,16,22,.68)}
#top-system-dropdown-id{border:1px solid rgba(255,255,255,.10)!important;border-radius:12px!important;background:#20212c!important;box-shadow:none!important}
#V-MailMessageList .second-toolbar{box-sizing:border-box;padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.08);background:#181a24}
#V-MailMessageList .search-input-wrp{height:44px}
#V-MailMessageList .inputSearch{box-sizing:border-box;height:44px;padding-inline:14px;border:1px solid rgba(255,255,255,.10)!important;border-radius:12px!important;background:#20212c!important;box-shadow:none!important;color:var(--td-cream)!important}
#V-MailMessageList .messageList,#V-MailMessageList .b-content{background:var(--td-panel)}
.messageListItem{min-height:62px;border-width:0 0 1px 3px;border-bottom-color:rgba(255,255,255,.065);border-left-color:transparent;font-size:92%;line-height:1.65;transition:background-color .16s ease,border-color .16s ease}
.messageListItem>div+div{box-sizing:border-box;padding:11px 10px 9px 6px}
.messageListItem .messageCheckbox{padding-top:11px}
.messageListItem:hover{background:rgba(255,255,255,.045)}
.messageListItem.focused,.messageListItem.selected{border-left-color:var(--td-pink)!important;background:linear-gradient(90deg,rgba(201,0,67,.24),rgba(201,0,67,.08))!important}
.messageListItem.checked{border-left-color:var(--td-cyan)!important}
.messageListItem.unseen{border-left-color:#ff8db3!important;background:rgba(201,0,67,.10)!important}
#V-MailMessageList .b-footer{border-top:1px solid rgba(255,255,255,.08);background:#181a24}
#V-MailMessageView .messageView{background:radial-gradient(circle at 100% 0,rgba(201,0,67,.07),transparent 30rem),var(--td-ink)}
#V-MailMessageView .b-message-view-desc{color:var(--td-muted)}
#V-MailMessageView .messageItemHeader,#V-MailMessageView .bodySubHeader{border-color:rgba(255,255,255,.08)!important;background:#181a24!important}
#V-MailMessageView .b-text-part,#V-MailMessageView iframe{border-radius:14px}
#rl-content .btn:not(.buttonCompose){border-color:rgba(255,255,255,.10);border-radius:10px;background:#22242f;box-shadow:none}
#rl-content .btn:not(.buttonCompose):hover{border-color:rgba(255,255,255,.18);background:#2a2d3a}
@media(max-width:799px){#rl-left::before{display:none!important}}
/* Familiar mailbox toolbar icons. SnappyMail actions remain unchanged. */
#V-MailMessageList .btn-toolbar a.btn{--td-toolbar-icon:none}#V-MailMessageList .btn-toolbar a.btn[data-bind*="reload"]{--td-toolbar-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 11a8 8 0 1 0-2.3 5.7' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round'/%3E%3Cpath d='M20 4v7h-7' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}#V-MailMessageList .btn-toolbar a.btn[data-bind*="moveCommand"]{--td-toolbar-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 6h7l2 2h9v11H3z' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M8 13h7m-2.5-2.5L15 13l-2.5 2.5' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}#V-MailMessageList .btn-toolbar a.btn[data-bind*="archiveCommand"]{--td-toolbar-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 8h16v12H4zM3 4h18v4H3z' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M12 10v6m-2.5-2.5L12 16l2.5-2.5' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}#V-MailMessageList .btn-toolbar a.btn[data-bind*="spamCommand"]{--td-toolbar-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 3h8l5 5v8l-5 5H8l-5-5V8z' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M12 7v6m0 4h.01' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E")}#V-MailMessageList .btn-toolbar a.btn[data-bind*="deleteCommand"]{--td-toolbar-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 7h14m-9-3h4l1 3M7 7l1 13h8l1-13M10 11v5m4-5v5' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}#V-MailMessageList .btn-toolbar #more-list-dropdown-id{--td-toolbar-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='5' cy='12' r='2'/%3E%3Ccircle cx='12' cy='12' r='2'/%3E%3Ccircle cx='19' cy='12' r='2'/%3E%3C/svg%3E")}#V-MailMessageList .btn-toolbar #sort-list-dropdown-id{--td-toolbar-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 4v16m0-16L5 7m3-3 3 3m5 13V4m0 16-3-3m3 3 3-3' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}#V-MailMessageList .btn-toolbar a.btn[style*="display: none"]{--td-toolbar-icon:none}#V-MailMessageList .btn-toolbar a.btn:not([style*="display: none"]){font-size:0!important}#V-MailMessageList .btn-toolbar a.btn:not([style*="display: none"])>i{display:none!important}#V-MailMessageList .btn-toolbar a.btn:not([style*="display: none"])::before{width:20px;height:20px;content:"";display:inline-block;vertical-align:middle;background:currentColor;-webkit-mask:var(--td-toolbar-icon) center/contain no-repeat;mask:var(--td-toolbar-icon) center/contain no-repeat}#V-MailMessageList .btn-toolbar a.btn.disabled::before{opacity:.46}
/* Explicit fallbacks for the production Default base theme. */
#rl-left::before{content:""!important;display:block!important;position:absolute!important;left:17px!important;bottom:64px!important;width:130px!important;height:40px!important;background:url("images/td-mail-lockup.png") left center/contain no-repeat!important;opacity:1!important;pointer-events:none!important}#V-MailMessageList .second-toolbar,#V-MailMessageList .b-footer{background:#181a24!important;background-image:none!important}