/* 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; }
html.ua-gmail-ui .ua-brand { min-width: 190px !important; height: 52px !important; } html.ua-gmail-ui .ua-brand img { display: block !important; width: auto !important; height: 44px !important; max-width: 190px !important; object-fit: contain !important; object-position: left center !important; } html.ua-gmail-ui .ua-brand-mark, html.ua-gmail-ui .ua-brand > span { display: none !important; }
html.ua-gmail-ui .ua-brand { min-width: 150px !important; height: 42px !important; } html.ua-gmail-ui .ua-brand img { height: 32px !important; max-width: 145px !important; } html.ua-gmail-ui #V-MailMessageView, html.ua-gmail-ui #V-MailMessageView .messageView, html.ua-gmail-ui #V-MailMessageView .b-message, html.ua-gmail-ui #V-MailMessageView .messageItemHeader, html.ua-gmail-ui #V-MailMessageView .bodySubHeader { background: #ffffff !important; box-shadow: none !important; } html.ua-gmail-ui #V-MailMessageView .messageView { border: 0 !important; border-radius: 0 !important; } html.ua-gmail-ui #V-MailMessageView .messageItemHeader { border: 0 !important; border-bottom: 1px solid #e8eaed !important; padding: 14px 22px !important; box-sizing: border-box !important; } html.ua-gmail-ui #V-MailMessageView .bodySubHeader { border: 0 !important; border-bottom: 1px solid #e8eaed !important; padding: 8px 16px !important; } html.ua-gmail-ui #V-MailMessageView > .top-toolbar { align-items: center !important; background: #ffffff !important; border: 0 !important; border-bottom: 1px solid #e8eaed !important; height: 56px !important; padding: 8px 14px !important; } html.ua-gmail-ui #V-MailMessageView > .top-toolbar .btn { background: transparent !important; border: 0 !important; border-radius: 50% !important; box-shadow: none !important; color: #444746 !important; height: 40px !important; line-height: 40px !important; margin: 0 2px !important; padding: 0 !important; text-align: center !important; width: 40px !important; } html.ua-gmail-ui #V-MailMessageView > .top-toolbar .btn:hover { background: #f0f2f4 !important; } html.ua-gmail-ui #V-MailMessageView > .top-toolbar .buttonClose { font-size: 0 !important; } html.ua-gmail-ui #V-MailMessageView > .top-toolbar .buttonClose:before { content: "←" !important; font-family: Arial, sans-serif !important; font-size: 22px !important; } html.ua-gmail-ui #V-MailMessageView .subjectParent { color: #1f1f1f !important; font-size: 22px !important; font-weight: 400 !important; line-height: 32px !important; } html.ua-gmail-ui #V-MailMessageView .bodyText { background: #ffffff !important; padding: 8px 18px 24px !important; box-sizing: border-box !important; }
html #rl-loading { background: #f6f8fc !important; } html #rl-loading-desc { display: flex !important; align-items: center !important; justify-content: center !important; min-width: 220px !important; } html #rl-loading-desc img { display: block !important; width: 180px !important; height: auto !important; max-height: 56px !important; object-fit: contain !important; } html #rl-loading .icon-spinner { color: #5f6368 !important; margin-top: 14px !important; }

/* TchauFome - modern settings experience v1 */
#V-SettingsPane{background:#f6f8fc!important;color:#202124!important;font-family:Arial,Helvetica,sans-serif!important}
#V-SettingsPane>.b-content,#V-SettingsPane .b-settings-content,#V-SettingsPane .settings-content{background:#fff!important;border:0!important;border-radius:20px!important;box-shadow:none!important;inset:16px!important;overflow:auto!important}
#V-SettingsMenu,#V-SettingsPane .b-settings-menu,#V-SettingsPane .settings-menu{background:#f6f8fc!important;border:0!important;box-shadow:none!important;padding:18px 12px!important}
#V-SettingsMenu .b-header,#V-SettingsPane .b-settings-menu .b-header{background:transparent!important;border:0!important;box-shadow:none!important;padding:10px 14px 18px!important;font-size:22px!important;font-weight:600!important;color:#202124!important}
#V-SettingsMenu .nav,#V-SettingsMenu ul,#V-SettingsPane .b-settings-menu .nav{background:transparent!important;border:0!important;margin:0!important;padding:0!important}
#V-SettingsMenu li,#V-SettingsPane .b-settings-menu li{background:transparent!important;border:0!important;margin:2px 0!important}
#V-SettingsMenu li>a,#V-SettingsMenu .nav>li>a,#V-SettingsPane .b-settings-menu li>a{min-height:42px!important;display:flex!important;align-items:center!important;gap:12px!important;margin:0!important;padding:0 16px!important;border:0!important;border-radius:21px!important;background:transparent!important;color:#3c4043!important;font-size:14px!important;font-weight:500!important;box-shadow:none!important;text-shadow:none!important;transition:background-color .16s ease,color .16s ease!important}
#V-SettingsMenu li>a:hover,#V-SettingsPane .b-settings-menu li>a:hover{background:#e9eef6!important;color:#202124!important}
#V-SettingsMenu li.active>a,#V-SettingsMenu .nav>li.active>a,#V-SettingsPane .b-settings-menu li.active>a{background:#d3e3fd!important;color:#001d35!important;font-weight:700!important}
#V-SettingsMenu li>a i,#V-SettingsPane .b-settings-menu li>a i{font-size:18px!important;color:inherit!important;width:22px!important;text-align:center!important}
#V-SettingsPane .b-header,#V-SettingsPane .settings-page .b-header,#V-SettingsPane h1,#V-SettingsPane h2{background:transparent!important;border:0!important;box-shadow:none!important;color:#202124!important;font-weight:600!important;text-shadow:none!important}
#V-SettingsPane .b-header{min-height:68px!important;padding:22px 28px 14px!important;font-size:22px!important}
#V-SettingsPane .b-content,#V-SettingsPane .settings-page .b-content{padding:8px 28px 32px!important;background:#fff!important;border:0!important;box-shadow:none!important}
#V-SettingsPane .well,#V-SettingsPane .well-small,#V-SettingsPane .hero-unit,#V-SettingsPane fieldset{background:transparent!important;border:0!important;box-shadow:none!important;padding-left:0!important;padding-right:0!important}
#V-SettingsPane hr{border:0!important;border-top:1px solid #e7e9ec!important;margin:24px 0!important}
#V-SettingsPane label,#V-SettingsPane .control-label{color:#3c4043!important;font-size:14px!important;font-weight:500!important;line-height:1.35!important}
#V-SettingsPane input[type=text],#V-SettingsPane input[type=password],#V-SettingsPane input[type=email],#V-SettingsPane input[type=number],#V-SettingsPane select,#V-SettingsPane textarea,#V-SettingsPane .input-append input,#V-SettingsPane .input-prepend input{min-height:42px!important;border:1px solid #dadce0!important;border-radius:10px!important;background:#fff!important;color:#202124!important;box-shadow:none!important;padding:8px 12px!important;box-sizing:border-box!important}
#V-SettingsPane textarea{min-height:96px!important}
#V-SettingsPane input:focus,#V-SettingsPane select:focus,#V-SettingsPane textarea:focus{border-color:#0b57d0!important;box-shadow:0 0 0 2px rgba(11,87,208,.12)!important;outline:0!important}
#V-SettingsPane .input-append,#V-SettingsPane .input-prepend{display:inline-flex!important;align-items:stretch!important}
#V-SettingsPane .input-append .add-on,#V-SettingsPane .input-prepend .add-on{min-height:42px!important;display:flex!important;align-items:center!important;background:#f6f8fc!important;border:1px solid #dadce0!important;box-shadow:none!important}
#V-SettingsPane .btn{min-height:38px!important;border-radius:19px!important;border:1px solid #dadce0!important;background:#fff!important;color:#0b57d0!important;box-shadow:none!important;text-shadow:none!important;font-weight:600!important;padding:7px 16px!important;transition:background-color .16s ease,box-shadow .16s ease!important}
#V-SettingsPane .btn:hover{background:#f1f5fd!important;border-color:#c9d5e8!important;box-shadow:0 1px 2px rgba(60,64,67,.12)!important}
#V-SettingsPane .btn-primary,#V-SettingsPane .btn-success{background:#0b57d0!important;border-color:#0b57d0!important;color:#fff!important}
#V-SettingsPane .btn-primary:hover,#V-SettingsPane .btn-success:hover{background:#0842a0!important;border-color:#0842a0!important}
#V-SettingsPane table{border-collapse:separate!important;border-spacing:0!important;background:#fff!important;border:0!important;border-radius:0!important;box-shadow:none!important}
#V-SettingsPane table th{background:#fff!important;color:#5f6368!important;font-size:12px!important;font-weight:600!important;text-transform:uppercase!important;letter-spacing:.35px!important;border:0!important;border-bottom:1px solid #dadce0!important;padding:12px 10px!important}
#V-SettingsPane table td{background:#fff!important;border:0!important;border-bottom:1px solid #edf0f2!important;padding:11px 10px!important;vertical-align:middle!important}
#V-SettingsPane table tr:hover td{background:#f8fafd!important}
#V-SettingsPane .alert{border:0!important;border-radius:12px!important;box-shadow:none!important;padding:14px 16px!important}
#V-SettingsPane .control-group{margin-bottom:20px!important}
#V-SettingsPane .form-actions{background:transparent!important;border:0!important;padding:20px 0 0!important;margin-top:24px!important}
#V-SettingsPane .btn-toolbar{top:18px!important;left:18px!important}
#V-SettingsPane .btn-toolbar .btn{width:40px!important;height:40px!important;min-height:40px!important;padding:0!important;border:0!important;background:transparent!important;color:#5f6368!important;font-size:20px!important}
#V-SettingsPane .btn-toolbar .btn:hover{background:#e9eef6!important}
@media(max-width:800px){#V-SettingsPane>.b-content,#V-SettingsPane .b-settings-content,#V-SettingsPane .settings-content{inset:8px!important;border-radius:14px!important}#V-SettingsPane .b-header,#V-SettingsPane .settings-page .b-content{padding-left:18px!important;padding-right:18px!important}}

/* Compact flat pagination v1 */
.messageList .b-footer.thm-message-list-bottom-toolbar{background:transparent!important;border:0!important;box-shadow:none!important;min-height:30px!important;padding:2px 14px!important}
.messageList nav.e-paginator,.messageList .e-paginator{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:2px!important;height:26px!important;min-height:26px!important;padding:0!important;margin:0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}
.messageList nav.e-paginator>a,.messageList .e-paginator>a{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:auto!important;min-width:20px!important;height:24px!important;min-height:24px!important;margin:0!important;padding:0 5px!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;color:#5f6368!important;font-size:12px!important;font-weight:400!important;line-height:24px!important;text-decoration:none!important;text-shadow:none!important}
.messageList nav.e-paginator>a:hover,.messageList .e-paginator>a:hover{background:transparent!important;color:#0b57d0!important;text-decoration:underline!important}
.messageList nav.e-paginator>a.current,.messageList .e-paginator>a.current{background:transparent!important;color:#0b57d0!important;font-weight:700!important;text-decoration:none!important}

/* Compact flat pagination v2 - exact message-list selector */
#V-MailMessageList .b-footer.thm-message-list-bottom-toolbar{background:transparent!important;border:0!important;box-shadow:none!important;min-height:26px!important;padding:0 14px!important}
#V-MailMessageList nav.e-paginator,#V-MailMessageList .e-paginator{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:3px!important;height:24px!important;min-height:24px!important;padding:0!important;margin:0!important;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important}
#V-MailMessageList nav.e-paginator>a,#V-MailMessageList .e-paginator>a,#V-MailMessageList nav.e-paginator>a.current,#V-MailMessageList .e-paginator>a.current{display:inline!important;width:auto!important;min-width:0!important;height:auto!important;min-height:0!important;margin:0!important;padding:2px 5px!important;background:none!important;background-color:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;font-size:12px!important;line-height:18px!important;text-shadow:none!important}
#V-MailMessageList nav.e-paginator>a,#V-MailMessageList .e-paginator>a{color:#9aa0a6!important;font-weight:400!important}
#V-MailMessageList nav.e-paginator>a.current,#V-MailMessageList .e-paginator>a.current{color:#0b57d0!important;font-weight:700!important;text-decoration:none!important}
#V-MailMessageList nav.e-paginator>a:hover,#V-MailMessageList .e-paginator>a:hover{color:#0b57d0!important;background:none!important;text-decoration:underline!important}

/* Gmail-like compact top tools and pager arrows */
#V-MailMessageList>.btn-toolbar{display:flex!important;align-items:center!important;gap:2px!important;top:16px!important;left:16px!important;height:34px!important}
#V-MailMessageList>.btn-toolbar>.btn,#V-MailMessageList>.btn-toolbar>.btn-group>.btn{width:32px!important;min-width:32px!important;height:32px!important;min-height:32px!important;padding:0!important;margin:0 1px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border:0!important;border-radius:50%!important;background:transparent!important;box-shadow:none!important;color:#5f6368!important;font-size:15px!important;line-height:32px!important;text-shadow:none!important}
#V-MailMessageList>.btn-toolbar>.btn:hover,#V-MailMessageList>.btn-toolbar>.btn-group>.btn:hover{background:#eef1f4!important;color:#202124!important}
#V-MailMessageList>.btn-toolbar>.btn i{font-size:15px!important;line-height:1!important}
#V-MailMessageList>.btn-toolbar>a[data-bind*="reload"] i{font-size:0!important}
#V-MailMessageList>.btn-toolbar>a[data-bind*="reload"] i:before{content:'↻'!important;font-family:Arial,sans-serif!important;font-size:19px!important;font-weight:400!important}
#V-MailMessageList .e-paginator>a:not(.ua-pager-arrow),#V-MailMessageList .e-paginator>a.current:not(.ua-pager-arrow){display:none!important}
#V-MailMessageList .e-paginator{gap:2px!important}
#V-MailMessageList .e-paginator .ua-pager-status{display:inline-flex!important;align-items:center!important;height:28px!important;margin-right:6px!important;color:#5f6368!important;font-size:12px!important;font-weight:400!important;white-space:nowrap!important}
#V-MailMessageList .e-paginator .ua-pager-arrow{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:30px!important;min-width:30px!important;height:30px!important;min-height:30px!important;padding:0!important;margin:0!important;border:0!important;border-radius:50%!important;background:transparent!important;color:#5f6368!important;font:400 21px/30px Arial,sans-serif!important;text-decoration:none!important;cursor:pointer!important}
#V-MailMessageList .e-paginator .ua-pager-arrow:hover{background:#eef1f4!important;color:#202124!important;text-decoration:none!important}
#V-MailMessageList .e-paginator .ua-pager-arrow.is-disabled{color:#c5c8cc!important;pointer-events:none!important;cursor:default!important}
#V-MailMessageList .e-paginator .ua-pager-arrow.is-disabled:hover{background:transparent!important}

/* Clean Gmail toolbar alignment v2 */
#V-MailMessageList>.btn-toolbar{left:18px!important;top:17px!important;gap:5px!important;height:32px!important;align-items:center!important}
#V-MailMessageList>.btn-toolbar>.toggleLeft,#V-MailMessageList>.btn-toolbar>.buttonCompose{display:none!important}
#V-MailMessageList>.btn-toolbar>a[data-bind*="reload"]{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:32px!important;min-width:32px!important;height:32px!important;min-height:32px!important;margin:0 3px 0 0!important;padding:0!important;border:0!important;border-radius:50%!important;background:transparent!important;color:#5f6368!important;font-size:0!important;line-height:1!important;box-shadow:none!important}
#V-MailMessageList>.btn-toolbar>a[data-bind*="reload"]>i,#V-MailMessageList>.btn-toolbar>a[data-bind*="reload"]>i:before{display:none!important;content:none!important}
#V-MailMessageList>.btn-toolbar>a[data-bind*="reload"]:before{content:'⟳'!important;display:block!important;font-family:Arial,Helvetica,sans-serif!important;font-size:21px!important;font-style:normal!important;font-weight:400!important;line-height:1!important;color:#5f6368!important;transform:none!important}
#V-MailMessageList>.btn-toolbar>a[data-bind*="reload"]:hover{background:#eef1f4!important}
#V-MailMessageList>.btn-toolbar>.btn:not(.toggleLeft):not(.buttonCompose){margin-left:0!important;margin-right:1px!important}

/* Native functional controls and exact row alignment */
#V-MailMessageList>.btn-toolbar{left:8px!important;top:16px!important;gap:2px!important;pointer-events:auto!important;z-index:20!important}
#V-MailMessageList>.btn-toolbar>.btn,#V-MailMessageList>.btn-toolbar>.btn-group,#V-MailMessageList>.btn-toolbar>.btn-group>.btn{pointer-events:auto!important}
#V-MailMessageList>.btn-toolbar>a[data-bind*="reload"]{width:30px!important;min-width:30px!important;height:30px!important;min-height:30px!important;margin:0 2px 0 0!important;cursor:pointer!important;pointer-events:auto!important}
#V-MailMessageList .b-footer.thm-message-list-bottom-toolbar{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:4px!important}
#V-MailMessageList .b-footer .ua-native-page-status{display:inline-flex!important;align-items:center!important;height:28px!important;color:#5f6368!important;font-size:12px!important;white-space:nowrap!important}
#V-MailMessageList .e-paginator>a{display:none!important}
#V-MailMessageList .e-paginator>a.ua-native-prev,#V-MailMessageList .e-paginator>a.ua-native-next{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:30px!important;min-width:30px!important;height:30px!important;min-height:30px!important;padding:0!important;background:transparent!important;border:0!important;border-radius:50%!important;box-shadow:none!important;color:#5f6368!important;font-size:0!important;cursor:pointer!important;pointer-events:auto!important}
#V-MailMessageList .e-paginator>a.ua-native-prev:before{content:'‹'!important;font:400 21px/30px Arial,sans-serif!important}
#V-MailMessageList .e-paginator>a.ua-native-next:before{content:'›'!important;font:400 21px/30px Arial,sans-serif!important}
#V-MailMessageList .e-paginator>a.ua-native-prev:hover,#V-MailMessageList .e-paginator>a.ua-native-next:hover{background:#eef1f4!important;text-decoration:none!important}
#V-MailMessageList .e-paginator>a.ua-native-disabled{color:#c5c8cc!important;cursor:default!important;pointer-events:none!important}

/* Exact toolbar alignment with message checkbox column */
#V-MailMessageList>.btn-toolbar{left:0!important;padding:10px 18px 10px 16px!important;box-sizing:border-box!important}
#V-MailMessageList>.btn-toolbar{left:0!important;padding:10px 18px 10px 16px!important;box-sizing:border-box!important}
html.ua-gmail-ui #V-MailMessageList>.btn-toolbar{left:0!important;padding:10px 18px 10px 16px!important;box-sizing:border-box!important}
html.ua-gmail-ui,html.ua-gmail-ui body,html.ua-gmail-ui input,html.ua-gmail-ui textarea,html.ua-gmail-ui button,html.ua-gmail-ui select{font-family:"Roboto","Helvetica Neue",Arial,sans-serif!important;font-weight:400;letter-spacing:0!important}html.ua-gmail-ui .ua-brand,html.ua-gmail-ui .ua-search-slot,html.ua-gmail-ui .ua-header-actions,html.ua-gmail-ui .buttonCompose,html.ua-gmail-ui .b-folders,html.ua-gmail-ui .ua-inbox-tabs{font-family:"Google Sans","Roboto","Helvetica Neue",Arial,sans-serif!important}html.ua-gmail-ui #V-MailMessageList .messageList{font-size:14px!important;line-height:20px!important}html.ua-gmail-ui #V-MailMessageList .messageList .subject,html.ua-gmail-ui #V-MailMessageList .messageList .sender{font-weight:400!important}html.ua-gmail-ui #V-MailMessageList .messageList .unread .subject,html.ua-gmail-ui #V-MailMessageList .messageList .unread .sender{font-weight:700!important}html.ua-gmail-ui .b-folders .folder{font-size:14px!important;font-weight:400!important}html.ua-gmail-ui .b-folders .folder.selected{font-weight:700!important}html.ua-gmail-ui .ua-inbox-tab{font-size:14px!important;font-weight:500!important}html.ua-gmail-ui .ua-search-slot input{font-size:16px!important;font-weight:400!important}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v51/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWubEbWmT.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v51/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWub2bWmT.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v51/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWuYjammT.ttf) format('truetype');
}
html.ua-gmail-ui,html.ua-gmail-ui body{font-family:Roboto,Arial,sans-serif!important}html.ua-gmail-ui .ua-brand,html.ua-gmail-ui .ua-header-actions,html.ua-gmail-ui .ua-search-slot,html.ua-gmail-ui .ua-inbox-tabs,html.ua-gmail-ui .buttonCompose{font-family:Roboto,Arial,sans-serif!important;font-weight:500!important}html.ua-gmail-ui #V-MailMessageList .messageList{font-family:Roboto,Arial,sans-serif!important;font-size:14px}html.ua-gmail-ui #V-MailMessageList .messageList .unread,html.ua-gmail-ui #V-MailMessageList .messageList .unread *{font-weight:700!important}
@font-face{font-family:RobotoLocal;src:url("/custom/fonts/roboto-400.ttf") format("truetype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:RobotoLocal;src:url("/custom/fonts/roboto-500.ttf") format("truetype");font-style:normal;font-weight:500;font-display:swap}@font-face{font-family:RobotoLocal;src:url("/custom/fonts/roboto-700.ttf") format("truetype");font-style:normal;font-weight:700;font-display:swap}html.ua-gmail-ui,html.ua-gmail-ui body{font-family:RobotoLocal,Roboto,Arial,sans-serif!important}
html.ua-gmail-ui #V-MailMessageList .messageList,html.ua-gmail-ui #V-MailMessageList .messageList .sender,html.ua-gmail-ui #V-MailMessageList .messageList .subject,html.ua-gmail-ui #V-MailMessageList .messageList .date,html.ua-gmail-ui #V-MailMessageList .messageList .size,html.ua-gmail-ui #V-MailMessageList .messageList .snippet,html.ua-gmail-ui .b-folders,html.ua-gmail-ui .ua-inbox-tabs,html.ua-gmail-ui .ua-search-slot input,html.ua-gmail-ui .buttonCompose{font-family:RobotoLocal,Roboto,Arial,sans-serif!important;font-style:normal!important;letter-spacing:0!important}html.ua-gmail-ui #V-MailMessageList .messageList .date,html.ua-gmail-ui #V-MailMessageList .messageList .size{font-size:12px!important;color:#5f6368!important}html.ua-gmail-ui #V-MailMessageList .messageList .snippet{font-weight:400!important;color:#5f6368!important}
html.ua-gmail-ui #V-MailMessageList .messageListItem .senderParent,html.ua-gmail-ui #V-MailMessageList .messageListItem .subjectParent{font-family:RobotoLocal,Roboto,Arial,sans-serif!important;font-size:14px!important;font-weight:400!important;letter-spacing:0!important}html.ua-gmail-ui #V-MailMessageList .messageListItem:not([class*="msgflag-\\seen"]) .senderParent,html.ua-gmail-ui #V-MailMessageList .messageListItem:not([class*="msgflag-\\seen"]) .subjectParent{font-weight:700!important}html.ua-gmail-ui #V-MailMessageList .messageListItem[class*="msgflag-\\seen"] .senderParent,html.ua-gmail-ui #V-MailMessageList .messageListItem[class*="msgflag-\\seen"] .subjectParent{font-weight:400!important}
html.ua-gmail-ui #V-MailMessageList .messageListItem .senderParent,html.ua-gmail-ui #V-MailMessageList .messageListItem .subjectParent,html.ua-gmail-ui #V-MailMessageList .messageListItem .dateParent,html.ua-gmail-ui #V-MailMessageList .messageListItem .sizeParent{-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important;text-rendering:optimizeLegibility!important;font-synthesis:none!important}html.ua-gmail-ui #V-MailMessageList .messageListItem[class*="msgflag-\\seen"] .senderParent,html.ua-gmail-ui #V-MailMessageList .messageListItem[class*="msgflag-\\seen"] .subjectParent,html.ua-gmail-ui #V-MailMessageList .messageListItem[class*="msgflag-\\seen"] .dateParent,html.ua-gmail-ui #V-MailMessageList .messageListItem[class*="msgflag-\\seen"] .dateParent *{font-weight:400!important}
html.ua-gmail-ui .ua-search-slot,html.ua-gmail-ui .ua-search-slot .search-input-wrp{height:48px!important;border-radius:24px!important;overflow:visible!important}html.ua-gmail-ui .ua-search-slot .inputSearch{height:48px!important;border:0!important;border-radius:24px!important;background:#eaf1fb!important;color:#202124!important;box-shadow:none!important;font-family:RobotoLocal,Roboto,Arial,sans-serif!important;font-size:16px!important;font-weight:400!important}html.ua-gmail-ui .ua-search-slot .inputSearch:focus{background:#fff!important;box-shadow:0 1px 2px 0 rgba(60,64,67,.30),0 1px 3px 1px rgba(60,64,67,.15)!important;outline:0!important}html.ua-gmail-ui .b-folders,html.ua-gmail-ui .rl-left{background:#f6f8fc!important;color:#202124!important}html.ua-gmail-ui .b-folders-system>li>a,html.ua-gmail-ui .b-folders-user>li>a{height:32px!important;border-radius:0 16px 16px 0!important;color:#202124!important;font-family:RobotoLocal,Roboto,Arial,sans-serif!important;font-size:14px!important;font-weight:400!important}html.ua-gmail-ui .b-folders-system>li>a:hover,html.ua-gmail-ui .b-folders-user>li>a:hover{background:#eaf1fb!important}html.ua-gmail-ui .b-folders-system>li>a.selected,html.ua-gmail-ui .b-folders-user>li>a.selected{background:#d3e3fd!important;color:#001d35!important;font-weight:700!important}html.ua-gmail-ui .buttonCompose{height:56px!important;border-radius:16px!important;background:#c2e7ff!important;color:#001d35!important;font-family:RobotoLocal,Roboto,Arial,sans-serif!important;font-size:14px!important;font-weight:500!important;box-shadow:none!important}html.ua-gmail-ui .b-folders .b-footer{background:#f6f8fc!important}

/* Portal compact header and polished category icon */
html.ua-gmail-ui #rl-content{padding-top:68px!important}
html.ua-gmail-ui .ua-gmail-header{height:68px!important;min-height:68px!important;padding:6px 16px!important;gap:4px!important}
html.ua-gmail-ui .ua-menu{width:42px!important;height:42px!important;flex:0 0 42px!important}
html.ua-gmail-ui .ua-brand{width:230px!important;min-width:230px!important;max-width:230px!important;height:56px!important;min-height:56px!important;max-height:56px!important;justify-content:flex-start!important;padding:0!important;margin:0!important;overflow:visible!important}
html.ua-gmail-ui .ua-brand img{width:235px!important;height:auto!important;max-width:235px!important;max-height:60px!important;transform:none!important;transform-origin:left center!important}
html.ua-gmail-ui .ua-search-slot,html.ua-gmail-ui .ua-search-slot .search-input-wrp{height:44px!important}
html.ua-gmail-ui .ua-search-slot .inputSearch{height:44px!important;border-radius:22px!important}
html.ua-gmail-ui .ua-search-slot .search-input-wrp::before{height:44px!important;line-height:44px!important}
html.ua-gmail-ui #V-SystemDropDown{top:11px!important}
html.ua-gmail-ui #rl-left .buttonCompose{width:132px!important;min-width:132px!important;max-width:132px!important;height:46px!important;min-height:46px!important;max-height:46px!important;margin:6px 12px 12px!important;padding:0 16px!important;border-radius:14px!important;justify-content:center!important}
html.ua-gmail-ui #rl-left .buttonCompose *,html.ua-gmail-ui #rl-left .buttonComposeText{font-size:14px!important;line-height:46px!important}
html.ua-gmail-ui .ua-inbox-tab .ua-tab-inbox{display:inline-flex!important;width:18px!important;height:18px!important;align-items:center!important;justify-content:center!important}
html.ua-gmail-ui .ua-inbox-tab .ua-tab-inbox svg{display:block;width:18px;height:18px;fill:none;stroke:#0b57d0;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* Portal compose v2: clean sidebar and genuinely modern modal */
html.ua-gmail-ui #V-MailFolderList .b-toolbar{border:0!important;border-bottom:0!important;box-shadow:none!important}
#V-PopupsCompose{width:min(920px,calc(100vw - 40px))!important;max-width:min(920px,calc(100vw - 40px))!important;height:min(700px,calc(100dvh - 40px))!important;max-height:min(700px,calc(100dvh - 40px))!important;border:0!important;border-radius:22px!important;overflow:hidden!important;resize:none!important;background:#fff!important;box-shadow:0 28px 90px rgba(15,23,42,.32)!important}
#V-PopupsCompose .modal-body{border-radius:22px!important;background:#fff!important;overflow:hidden!important}
#V-PopupsCompose header{min-height:58px!important;height:58px!important;padding:8px 14px!important;display:flex!important;align-items:center!important;gap:8px!important;background:#111827!important;border:0!important;box-sizing:border-box!important}
#V-PopupsCompose header .btn{height:40px!important;min-height:40px!important;margin:0 3px!important;padding:0 14px!important;border:0!important;border-radius:10px!important;background:rgba(255,255,255,.10)!important;color:#f8fafc!important;line-height:40px!important;font-size:13px!important;font-weight:600!important;box-shadow:none!important;text-shadow:none!important;transition:background .15s ease,transform .15s ease!important}
#V-PopupsCompose header .btn:hover{background:rgba(255,255,255,.18)!important;transform:none!important}
#V-PopupsCompose header .btn-success{padding:0 22px!important;background:#2563eb!important;color:#fff!important}
#V-PopupsCompose header .btn-success:hover{background:#1d4ed8!important}
#V-PopupsCompose header .button-delete{background:transparent!important}
#V-PopupsCompose header .pull-right{display:flex!important;align-items:center!important;gap:5px!important;margin-left:auto!important}
#V-PopupsCompose header .close,#V-PopupsCompose header .minimize-custom{width:38px!important;height:38px!important;margin:0 0 0 4px!important;border:0!important;border-radius:10px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;color:#fff!important;opacity:.78!important;line-height:38px!important}
#V-PopupsCompose header .close:hover,#V-PopupsCompose header .minimize-custom:hover{opacity:1!important;background:rgba(255,255,255,.12)!important}
#V-PopupsCompose .b-header{padding:14px 20px 12px!important;background:#fff!important;border:0!important;border-bottom:1px solid #e8edf3!important}
#V-PopupsCompose .b-header table{border-spacing:0 7px!important;border-collapse:separate!important}
#V-PopupsCompose .b-header td{padding:0!important;vertical-align:middle!important}
#V-PopupsCompose .b-header td:first-child{width:62px!important;padding-right:14px!important;color:#64748b!important;font-size:13px!important;font-weight:600!important;text-align:right!important}
#V-PopupsCompose .b-header input[type="text"],#V-PopupsCompose .emailaddresses{min-height:42px!important;width:100%!important;padding:5px 12px!important;border:1px solid #dbe3ec!important;border-radius:11px!important;background:#f8fafc!important;color:#0f172a!important;box-shadow:none!important;box-sizing:border-box!important}
#V-PopupsCompose .b-header input[type="text"]:focus,#V-PopupsCompose .emailaddresses.emailaddresses-focused{border-color:#2563eb!important;background:#fff!important;box-shadow:0 0 0 3px rgba(37,99,235,.11)!important;outline:0!important}
#V-PopupsCompose .tabs{background:#fff!important;overflow:hidden!important}
#V-PopupsCompose .tabs>label{height:46px!important;padding:0 22px!important;display:inline-flex!important;align-items:center!important;border:0!important;background:#fff!important;color:#64748b!important;font-size:13px!important;font-weight:600!important}
#V-PopupsCompose .tabs>label.selected{color:#111827!important;border-bottom:2px solid #2563eb!important}
#V-PopupsCompose .textAreaParent{padding:10px 18px 16px!important;background:#fff!important}
#V-PopupsCompose .squire-toolbar{display:flex!important;align-items:center!important;gap:6px!important;flex-wrap:wrap!important;margin:0 0 10px!important;padding:8px!important;border:1px solid #e5eaf0!important;border-radius:12px!important;background:#f8fafc!important;box-shadow:none!important}
#V-PopupsCompose .squire-toolbar .btn-group{display:inline-flex!important;gap:3px!important;margin:0!important}
#V-PopupsCompose .squire-toolbar .btn{height:34px!important;min-height:34px!important;min-width:34px!important;margin:0!important;padding:0 9px!important;border:0!important;border-radius:8px!important;background:transparent!important;color:#334155!important;line-height:34px!important;box-shadow:none!important;text-shadow:none!important}
#V-PopupsCompose .squire-toolbar .btn:hover,#V-PopupsCompose .squire-toolbar .btn:focus{background:#e7edf5!important;color:#0f172a!important;box-shadow:none!important}
#V-PopupsCompose .squire-toolbar select.btn{min-width:78px!important;padding:0 25px 0 10px!important;background-color:#fff!important;border:1px solid #dbe3ec!important}
#V-PopupsCompose .textAreaParent iframe,#V-PopupsCompose .textAreaParent textarea{border:1px solid #e5eaf0!important;border-radius:14px!important;background:#fff!important;box-shadow:none!important;padding:14px!important;box-sizing:border-box!important}
#V-PopupsCompose .attachmentAreaParent{margin:0!important;padding:14px 18px!important;border-top:1px solid #e8edf3!important;background:#f8fafc!important}
#V-PopupsCompose .b-attachment-button>.btn{border:0!important;border-radius:9px!important;background:#eef2f7!important;color:#334155!important;box-shadow:none!important}
@media(max-width:700px){#V-PopupsCompose{width:100vw!important;max-width:100vw!important;height:100dvh!important;max-height:100dvh!important;border-radius:0!important}#V-PopupsCompose .modal-body{border-radius:0!important}#V-PopupsCompose header{padding:7px 8px!important}#V-PopupsCompose header .btn{padding:0 10px!important}#V-PopupsCompose .b-header{padding:10px 12px!important}#V-PopupsCompose .textAreaParent{padding:8px 10px 12px!important}}