/* TCHAUFOME Mail — Gmail-inspired application shell for SnappyMail 2.38.x */
html.ua-gmail-ui,
html.ua-gmail-ui body,
html.ua-gmail-ui #rl-app { background: #f6f8fc !important; }

html.ua-gmail-ui body { overflow: hidden; }
html.ua-gmail-ui #rl-content {
  box-sizing: border-box;
  display: flex !important;
  height: 100vh !important;
  padding-top: 78px;
  font-family: Arial, Roboto, sans-serif;
}

.ua-gmail-header {
  align-items: center;
  background: #f6f8fc;
  box-sizing: border-box;
  display: flex;
  gap: 18px;
  height: 78px;
  left: 0;
  padding: 8px 20px;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 150;
}
.ua-menu {
  appearance: none;
  background: transparent;
  border: 0;
  border-radius: 50%;
  cursor: pointer;
  display: grid;
  gap: 4px;
  height: 44px;
  place-content: center;
  width: 44px;
}
.ua-menu:hover { background: #e9eef6; }
.ua-menu span { background: #3c4043; display: block; height: 2px; width: 19px; }
.ua-brand { align-items: center; color: #3c4043; display: flex; font-size: 21px; gap: 10px; min-width: 170px; white-space: nowrap; }
.ua-brand b { font-weight: 400; }
.ua-brand-mark { align-items: center; background: linear-gradient(135deg,#ff7a1a,#ff9b48); border-radius: 8px; color: #fff; display: flex; font-size: 21px; font-weight: 700; height: 34px; justify-content: center; width: 34px; }
.ua-search-slot { flex: 0 1 720px; margin-left: 4px; }
.ua-search-slot .search-input-wrp { margin: 0 !important; position: relative; width: 100%; }
.ua-search-slot .search-input-wrp::before {
  color: #5f6368;
  content: '\f002';
  font-family: FontAwesome, "Font Awesome 5 Free", sans-serif;
  font-size: 18px;
  font-weight: 900;
  height: 48px;
  left: 18px;
  line-height: 48px;
  pointer-events: none;
  position: absolute;
  text-align: center;
  top: 0;
  transform: none;
  width: 20px;
  z-index: 2;
}
.ua-search-slot .inputSearch {
  background: #eaf1fb !important;
  border: 1px solid transparent !important;
  border-radius: 24px !important;
  box-shadow: none !important;
  box-sizing: border-box;
  color: #202124 !important;
  font-size: 16px !important;
  height: 48px !important;
  outline: 0 !important;
  padding: 0 52px 0 58px !important;
  width: 100% !important;
}
.ua-search-slot .inputSearch:focus { background: #fff !important; box-shadow: 0 1px 3px rgba(60,64,67,.3) !important; }
.ua-search-slot .closeSearch { right: 14px !important; top: 11px !important; }
.ua-header-actions { align-items: center; display: flex; gap: 8px; margin-left: auto; }
.ua-header-actions span { align-items: center; border-radius: 50%; color: #4a4d50; display: flex; font-size: 20px; height: 40px; justify-content: center; width: 40px; }
.ua-header-actions span:hover { background: #e9eef6; }

html.ua-gmail-ui #rl-left {
  background: #f6f8fc !important;
  border: 0 !important;
  box-sizing: border-box;
  flex: 0 0 248px !important;
  max-width: 248px !important;
  min-width: 248px !important;
  overflow: hidden !important;
  resize: none !important;
  width: 248px !important;
}
html.ua-gmail-ui #rl-right { background: #fff; border-radius: 18px 0 0 0; min-width: 0; overflow: hidden; }
html.ua-gmail-ui #V-MailFolderList .b-folders { padding: 0 8px 0 0 !important; }
html.ua-gmail-ui #V-MailFolderList .b-toolbar { padding: 8px 0 14px 8px !important; }
html.ua-gmail-ui #rl-left .buttonCompose {
  align-items: center;
  background: #c2e7ff !important;
  border: 0 !important;
  border-radius: 16px !important;
  box-shadow: none !important;
  color: #001d35 !important;
  display: inline-flex;
  font-size: 14px !important;
  font-weight: 600;
  gap: 10px;
  height: 56px;
  justify-content: flex-start;
  max-height: none !important;
  padding: 0 22px !important;
  text-shadow: none !important;
  width: auto !important;
}
html.ua-gmail-ui #rl-left .buttonCompose:hover { box-shadow: 0 1px 3px rgba(60,64,67,.3) !important; }
html.ua-gmail-ui #rl-left .buttonCompose i { font-size: 19px; }
html.ua-gmail-ui #rl-left .buttonContacts { display: none !important; }
html.ua-gmail-ui .b-folders .b-content { color: #202124 !important; }
html.ua-gmail-ui .b-folders hr,
html.ua-gmail-ui #V-MailFolderList .search-input-wrp,
html.ua-gmail-ui #V-MailFolderList .e-checkbox { display: none !important; }
html.ua-gmail-ui .b-folders li a {
  border: 0 !important;
  border-radius: 0 18px 18px 0;
  color: #202124 !important;
  font-size: 14px;
  line-height: 32px !important;
  margin: 1px 0;
  padding-left: 26px !important;
}
html.ua-gmail-ui .b-folders li a.selectable:hover { background: #e9eef6 !important; color: #202124 !important; }
html.ua-gmail-ui .b-folders li a.selected { background: #d3e3fd !important; color: #001d35 !important; font-weight: 700; }
html.ua-gmail-ui .b-folders .b-footer { border: 0; margin-top: auto; opacity: .72; padding: 8px 18px !important; }

html.ua-gmail-ui #V-MailMessageList { background: #fff; }
html.ua-gmail-ui #V-MailMessageList.focused .messageList { box-shadow: none !important; }
html.ua-gmail-ui #V-MailMessageList > .btn-toolbar {
  align-items: center;
  background: #fff;
  border: 0;
  box-sizing: border-box;
  display: flex;
  height: 56px;
  margin: 0;
  padding: 8px 14px !important;
}
html.ua-gmail-ui #V-MailMessageList > .btn-toolbar .btn,
html.ua-gmail-ui #V-MailMessageList > .btn-toolbar .btn-group .btn {
  background: transparent !important;
  border: 0 !important;
  border-radius: 50% !important;
  box-shadow: none !important;
  color: #444746 !important;
  height: 36px;
  line-height: 36px;
  margin: 0 2px;
  padding: 0 !important;
  text-align: center;
  text-shadow: none !important;
  width: 36px;
}
html.ua-gmail-ui #V-MailMessageList > .btn-toolbar .btn:hover { background: #f0f2f4 !important; }
html.ua-gmail-ui #V-MailMessageList .messageList {
  background: #fff !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  height: calc(100% - 56px) !important;
}
html.ua-gmail-ui .messageList .second-toolbar {
  align-items: center;
  background: #fff !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-sizing: border-box;
  height: 0;
  min-height: 0;
  overflow: visible;
  padding: 0 !important;
  position: relative;
  z-index: 3;
}
html.ua-gmail-ui .messageList .second-toolbar .checkboxCheckAll {
  left: 18px;
  margin: 0 !important;
  position: absolute;
  top: -43px;
}
html.ua-gmail-ui .messageList .second-toolbar .buttonMoreSearch { display: none !important; }
.ua-inbox-tabs { align-items: end; background: #fff; border-bottom: 1px solid #e5e8eb; display: flex; flex: 0 0 48px; height: 48px; padding-left: 8px; }
.ua-inbox-tab { align-items: center; border-bottom: 3px solid #0b57d0; color: #0b57d0; display: flex; font-size: 14px; font-weight: 600; gap: 13px; height: 45px; padding: 0 28px; }
.ua-inbox-tab span { font-size: 15px; }

html.ua-gmail-ui .messageList .b-content { background: #f2f6fc; }
html.ua-gmail-ui .messageListPlace { background: #fff; }
html.ua-gmail-ui .messageListItem {
  background: #f2f6fc !important;
  border: 0 !important;
  border-bottom: 1px solid #dfe3e7 !important;
  border-radius: 0 !important;
  box-shadow: inset 0 -1px 0 transparent;
  color: #202124;
  font-size: 14px !important;
  line-height: 28px !important;
  min-height: 40px;
  transition: box-shadow .12s ease, background .12s ease;
}
html.ua-gmail-ui .messageListItem:hover {
  background: #f2f6fc !important;
  box-shadow: 0 1px 2px rgba(60,64,67,.28), 0 -1px 2px rgba(60,64,67,.12) !important;
  z-index: 2;
}
html.ua-gmail-ui .messageListItem.unseen { background: #fff !important; }
html.ua-gmail-ui .messageListItem.focused,
html.ua-gmail-ui .messageListItem.selected { background: #c2dbff !important; }
html.ua-gmail-ui .messageListItem > div + div { align-items: center; padding: 5px 10px 5px 2px !important; }
html.ua-gmail-ui .messageListItem .messageCheckbox { color: #777; padding: 5px 8px 0 16px !important; }
html.ua-gmail-ui .messageListItem .flagParent { color: #9aa0a6; flex: 0 0 28px; }
html.ua-gmail-ui .messageListItem .senderParent { flex-basis: 200px !important; font-weight: 500; }
html.ua-gmail-ui .messageListItem.unseen .senderParent,
html.ua-gmail-ui .messageListItem.unseen .subjectParent { font-weight: 700; }
html.ua-gmail-ui .messageListItem .subjectParent { color: #3c4043; }
html.ua-gmail-ui .messageListItem time { color: #5f6368; font-weight: 500; min-width: 72px !important; text-align: right; }
html.ua-gmail-ui .messageList .b-footer { background: #fff !important; border: 0 !important; border-radius: 0 !important; min-height: 28px; }

html.ua-nav-compact #rl-left { flex-basis: 72px !important; min-width: 72px !important; width: 72px !important; }
html.ua-nav-compact #rl-left .buttonCompose { border-radius: 16px !important; padding: 0 !important; width: 56px !important; }
html.ua-nav-compact #rl-left .buttonComposeText,
html.ua-nav-compact #rl-left .b-folders li a { font-size: 0 !important; }

@media (max-width: 900px) {
  .ua-brand { min-width: auto; }
  .ua-brand > span:last-child { display: none; }
  html.ua-gmail-ui #rl-left { flex-basis: 72px !important; min-width: 72px !important; width: 72px !important; }
  html.ua-gmail-ui #rl-left .buttonCompose { padding: 0 !important; width: 56px !important; }
  html.ua-gmail-ui #rl-left .buttonComposeText,
  html.ua-gmail-ui #rl-left .b-folders li a { font-size: 0 !important; }
  .ua-header-actions { display: none; }
}

@media (max-width: 600px) {
  .ua-gmail-header { gap: 6px; padding: 8px; }
  .ua-brand { display: none; }
  html.ua-gmail-ui #rl-content { padding-top: 64px; }
  .ua-gmail-header { height: 64px; }
}

/* v2 — collision fixes and fully flat content surfaces */
html.ua-gmail-ui .ua-header-actions { display: none !important; }
html.ua-gmail-ui .ua-search-slot { max-width: 720px; min-width: 260px; }
html.ua-gmail-ui #V-SystemDropDown {
  background: transparent !important;
  box-sizing: border-box;
  padding: 0 !important;
  position: fixed !important;
  right: 18px !important;
  top: 17px !important;
  z-index: 180 !important;
}
html.ua-gmail-ui #V-SystemDropDown > .btn-toolbar,
html.ua-gmail-ui #V-SystemDropDown .btn-group { margin: 0 !important; padding: 0 !important; }
html.ua-gmail-ui #top-system-dropdown-id {
  align-items: center;
  background: transparent !important;
  border: 0 !important;
  border-radius: 20px !important;
  box-shadow: none !important;
  color: #3c4043 !important;
  display: flex;
  height: 42px;
  max-width: 220px;
  padding: 0 12px !important;
  text-shadow: none !important;
}
html.ua-gmail-ui #top-system-dropdown-id:hover { background: #e9eef6 !important; }
html.ua-gmail-ui #top-system-dropdown-id .accountPlace { border: 0 !important; margin: 0 6px 0 0 !important; padding: 0 !important; }
html.ua-gmail-ui #top-system-dropdown-id::after { margin-left: 4px; }
html.ua-gmail-ui #V-SystemDropDown .dropdown-menu { border: 1px solid #e2e6ea !important; border-radius: 10px !important; box-shadow: 0 4px 18px rgba(60,64,67,.18) !important; }

html.ua-gmail-ui #V-MailMessageList,
html.ua-gmail-ui #V-MailMessageList > div,
html.ua-gmail-ui #V-MailMessageList .messageList,
html.ua-gmail-ui #V-MailMessageList .b-content,
html.ua-gmail-ui #V-MailMessageList .messageListPlace {
  border-radius: 0 !important;
  box-shadow: none !important;
  margin: 0 !important;
}
html.ua-gmail-ui #V-MailMessageList > .btn-toolbar { padding-left: 58px !important; }
html.ua-gmail-ui #V-MailMessageList > .btn-toolbar .btn-group {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  margin: 0 2px !important;
}
html.ua-gmail-ui #V-MailMessageList > .btn-toolbar .dropdown.show { box-shadow: none !important; }
html.ua-gmail-ui #V-MailMessageList .second-toolbar .checkboxCheckAll { top: -40px !important; }
html.ua-gmail-ui #rl-right { border-radius: 0 !important; }
html.ua-gmail-ui #rl-right > div { border-radius: 0 !important; box-shadow: none !important; }
html.ua-gmail-ui .messageListItem { margin: 0 !important; }
html.ua-gmail-ui .messageListItem:hover { border-radius: 0 !important; }

@media (max-width: 1100px) {
  html.ua-gmail-ui .ua-search-slot { flex-basis: 520px; }
  html.ua-gmail-ui #top-system-dropdown-id .accountPlace { display: none !important; }
  html.ua-gmail-ui #top-system-dropdown-id { padding: 0 10px !important; }
}

/* v3 — remove the brand injected by the former theme inside the sidebar */
html.ua-gmail-ui .b-folders::before,
html.ua-gmail-ui .b-folders::after {
  content: none !important;
  display: none !important;
}

/* v4 — more breathing room, larger tools and a completely flat footer */
html.ua-gmail-ui #rl-content { padding-top: 92px !important; }
.ua-gmail-header { height: 82px !important; padding-bottom: 12px !important; }
html.ua-gmail-ui #V-SystemDropDown { top: 18px !important; }

html.ua-gmail-ui #V-MailMessageList > .btn-toolbar {
  gap: 5px;
  height: 62px !important;
  padding: 10px 18px 10px 62px !important;
}
html.ua-gmail-ui #V-MailMessageList > .btn-toolbar .btn,
html.ua-gmail-ui #V-MailMessageList > .btn-toolbar .btn-group .btn {
  font-size: 18px !important;
  height: 40px !important;
  line-height: 40px !important;
  margin: 0 !important;
  width: 40px !important;
}
html.ua-gmail-ui #V-MailMessageList > .btn-toolbar .btn i { font-size: 18px !important; }
html.ua-gmail-ui #V-MailMessageList .messageList { height: calc(100% - 62px) !important; }
html.ua-gmail-ui #V-MailMessageList .second-toolbar .checkboxCheckAll {
  font-size: 18px !important;
  left: 20px !important;
  top: -42px !important;
}

html.ua-gmail-ui .b-folders .b-footer {
  align-items: center;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  display: flex;
  gap: 8px;
  margin: auto 0 0 !important;
  padding: 10px 14px !important;
}
html.ua-gmail-ui .b-folders .b-footer .btn-group {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  display: flex;
  gap: 8px;
  margin: 0 !important;
}
html.ua-gmail-ui .b-folders .b-footer .btn {
  align-items: center;
  background: transparent !important;
  border: 0 !important;
  border-radius: 50% !important;
  box-shadow: none !important;
  color: #5f6368 !important;
  display: flex;
  font-size: 19px !important;
  height: 40px !important;
  justify-content: center;
  line-height: 40px !important;
  margin: 0 !important;
  padding: 0 !important;
  text-shadow: none !important;
  width: 40px !important;
}
html.ua-gmail-ui .b-folders .b-footer .btn:hover {
  background: #e9eef6 !important;
  color: #202124 !important;
}

@media (max-width: 600px) {
  html.ua-gmail-ui #rl-content { padding-top: 72px !important; }
  .ua-gmail-header { height: 64px !important; padding-bottom: 8px !important; }
}
html.ua-gmail-ui .ua-search-slot .search-input-wrp .inputSearch { padding-left: 58px !important; padding-right: 52px !important; }
html.ua-gmail-ui .ua-search-slot .search-input-wrp::before { background: center / 20px 20px no-repeat url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%235f6368%27 stroke-width=%272%27 stroke-linecap=%27round%27%3E%3Ccircle cx=%2711%27 cy=%2711%27 r=%277%27/%3E%3Cpath d=%27m20 20-4-4%27/%3E%3C/svg%3E"); content: ""; font-family: inherit; }
/* v9 — integrate mailbox usage into the flat sidebar footer */
html.ua-gmail-ui .messageList > .b-footer.thm-message-list-bottom-toolbar {
  align-items: center;
  background: transparent !important;
  border: 0 !important;
  bottom: 0;
  box-shadow: none !important;
  display: flex;
  height: 52px !important;
  left: 184px;
  padding: 0 12px !important;
  position: fixed;
  width: 64px !important;
  z-index: 8;
}
html.ua-gmail-ui .messageList > .b-footer .e-quota {
  border: 0 !important;
  color: #5f6368 !important;
  font-size: 13px !important;
  line-height: 40px;
  margin: 0 !important;
  text-decoration: none !important;
}
html.ua-gmail-ui #V-MailMessageView:has(.b-message[style*="display: none"]) { display: none !important; } html.ua-gmail-ui #V-MailMessageList { flex: 1 1 auto !important; width: auto !important; max-width: none !important; } html.ua-gmail-ui #rl-right { display: flex !important; width: auto !important; flex: 1 1 auto !important; }
html.ua-gmail-ui #V-MailMessageList .messageList, html.ua-gmail-ui #V-MailMessageList .messageListPlace, html.ua-gmail-ui #V-MailMessageList .b-content { flex: 1 1 auto !important; width: 100% !important; max-width: none !important; box-sizing: border-box !important; } html.ua-gmail-ui #V-MailMessageList .messageListItem { width: 100% !important; box-sizing: border-box !important; }
html.ua-gmail-ui .messageListItem .senderParent { flex: 0 0 220px !important; min-width: 0 !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; } html.ua-gmail-ui .messageListItem .subjectParent { flex: 1 1 auto !important; min-width: 0 !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; } html.ua-gmail-ui .messageListItem > div + div { flex-wrap: nowrap !important; }
html.ua-gmail-ui #V-MailMessageList .messageList .b-content { overflow-y: auto !important; overflow-x: hidden !important; min-height: 0 !important; flex: 1 1 0 !important; height: auto !important; } html.ua-gmail-ui .messageList > .b-footer.thm-message-list-bottom-toolbar { top: 101px !important; right: 22px !important; bottom: auto !important; left: auto !important; width: auto !important; min-width: 150px !important; height: 42px !important; padding: 0 8px !important; align-items: center !important; justify-content: flex-end !important; background: #fff !important; } html.ua-gmail-ui .messageList > .b-footer .e-paginator { display: flex !important; align-items: center !important; gap: 2px !important; white-space: nowrap !important; } html.ua-gmail-ui .messageList > .b-footer .e-paginator a { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-width: 28px !important; height: 28px !important; border-radius: 14px !important; color: #5f6368 !important; text-decoration: none !important; } html.ua-gmail-ui .messageList > .b-footer .e-paginator a:hover { background: #f0f2f4 !important; } html.ua-gmail-ui .messageList > .b-footer .e-paginator a.current { background: #d3e3fd !important; color: #0b57d0 !important; font-weight: 700 !important; }
html.ua-gmail-ui #rl-right:has(#V-MailMessageView .b-message:not([style*="display: none"])) #V-MailMessageList { display: none !important; } html.ua-gmail-ui #V-MailMessageView { flex: 1 1 auto !important; width: 100% !important; max-width: none !important; border: 0 !important; } html.ua-gmail-ui #V-MailMessageView .messageView { width: 100% !important; max-width: none !important; }
html.ua-gmail-ui #rl-left, html.ua-gmail-ui #V-MailFolderList, html.ua-gmail-ui #V-MailFolderList .b-folders, html.ua-gmail-ui #V-MailFolderList .b-footer, html.ua-gmail-ui #V-MailFolderList .b-footer .btn-group { background: #f6f8fc !important; border: 0 !important; box-shadow: none !important; outline: 0 !important; } html.ua-gmail-ui #V-MailFolderList, html.ua-gmail-ui #V-MailFolderList .b-folders { width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; } html.ua-gmail-ui #V-MailFolderList .b-footer { position: absolute !important; left: 0 !important; right: 0 !important; bottom: 0 !important; width: 100% !important; height: 53px !important; margin: 0 !important; padding: 7px 14px 6px !important; } html.ua-gmail-ui #V-MailFolderList .b-footer .btn, html.ua-gmail-ui #V-MailFolderList .b-footer .btn-group { border-radius: 50% !important; }
html.ua-gmail-ui #V-MailFolderList .b-footer, html.ua-gmail-ui #V-MailFolderList .b-footer .btn-group, html.ua-gmail-ui #V-MailFolderList .b-footer .btn { background-color: #ffffff !important; border: 0 !important; box-shadow: none !important; } html.ua-gmail-ui #V-MailFolderList .b-footer { border-top: 0 !important; } html.ua-gmail-ui #V-MailFolderList .b-footer .btn:hover { background-color: #f1f3f4 !important; }