/* gm_core AI KVKK, Model Info, Header Layout, Star Toggle & Full Translation Enhancements */
#ai-menu .menu > li.gm-ai-sep {
  height: 1px;
  margin: 6px 0;
  background: var(--color-outline-variant, #e0e3e7);
  list-style: none;
}

#ai-menu .menu > li > a.gm-ai-info::before {
  content: var(--ico-info, '\e88e');
  color: var(--color-on-surface-variant);
}

#ai-menu .menu > li > a.gm-ai-disable {
  color: var(--color-error, #b3261e);
}

#ai-menu .menu > li > a.gm-ai-disable::before {
  content: var(--ico-close, '\e5cd');
  color: var(--color-error, #b3261e);
}

/* Fix messagelist star (span.flag) clickability in split-pane & wide views */
table.messagelist:not(.records-table) span.flag {
  position: relative;
  z-index: 6;
  cursor: pointer;
  pointer-events: auto;
  border-radius: 50%;
  transition: transform 100ms ease, background-color 120ms ease;
}

table.messagelist:not(.records-table) span.flag:hover {
  background-color: var(--color-state-hover, rgba(60, 64, 67, 0.1));
  transform: scale(1.1);
}

/* Top toolbar Star button (between markmessage envelope and 3-dot more menu) */
#mailtoolbar > a.gm-toolbar-star::before {
  content: var(--ico-star);
  font-family: var(--font-icons);
  font-size: 20px;
  line-height: 1;
}

#mailtoolbar > a.gm-toolbar-star.flagged::before {
  content: var(--ico-star-filled);
  color: #f4b400;
  font-variation-settings: 'FILL' 1;
}

#mailtoolbar > a.gm-toolbar-star.disabled {
  opacity: 0.38;
  pointer-events: none;
}

/* Move headers-summary arrow inline right next to sender + date */
#message-header .header-summary {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 6px;
}

#message-header .header-summary > span {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 6px;
}

#message-header .header-summary .gm-inline-date {
  color: var(--color-meta, #5f6368);
  font-size: var(--text-xs, 12px);
  font-weight: 400;
  margin-left: 2px;
}

#message-header .header-summary a.headers-summary {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  padding: 0;
  margin-left: 2px;
  border-radius: 50%;
  color: var(--color-meta, #5f6368);
  text-decoration: none;
  vertical-align: middle;
  transition: background-color 120ms ease, color 120ms ease;
}

#message-header .header-summary a.headers-summary:hover {
  background: var(--color-state-hover, rgba(60, 64, 67, 0.08));
  color: var(--color-on-surface, #1f1f1f);
}

#message-header .header-summary a.headers-summary::after {
  content: var(--ico-arrow-drop-down);
  font-family: var(--font-icons);
  font-size: 20px;
  line-height: 1;
  transition: transform 150ms var(--ease-standard, ease);
}

#message-header .header-summary a.headers-summary.expanded::after {
  transform: rotate(180deg);
}

/* Hide relocated links (Üst bilgiler & Düz metin/HTML) from message reading area */
#message-header .header-links a.headers-all,
#message-header .header-links a.plain,
#message-header .header-links a.html,
#message-header .header-links a[class*='format'],
#message-header .header-links a[onclick*='change_format'] {
  display: none !important;
}

/* Menu icons for relocated items inside 3-dot #message-menu */
#message-menu .menu a.headers-all::before {
  content: var(--ico-description);
}

#message-menu .menu a.plain::before,
#message-menu .menu a.html::before {
  content: var(--ico-code);
}

/* Secondary pill button in .header-links for full translation */
.header-links a.ai-translate-full {
  color: var(--color-primary, #0b57d0);
  font-weight: 500;
}

.header-links a.ai-translate-full::before {
  content: var(--ico-translate, var(--ico-language));
  color: var(--color-primary, #0b57d0);
}

/* Summary card actions & full translation section */
.gm-ai-card-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-top: 10px;
  padding-top: 8px;
  border-top: 1px dashed color-mix(in srgb, var(--color-primary, #0b57d0) 20%, transparent);
}

.gm-ai-translate-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 30px;
  padding: 0 14px;
  border-radius: 999px;
  border: 1px solid color-mix(in srgb, var(--color-primary, #0b57d0) 35%, transparent);
  background: var(--color-surface, #ffffff);
  color: var(--color-primary, #0b57d0);
  font: 500 12.5px / 1 var(--font-sans, sans-serif);
  cursor: pointer;
  transition: background-color 120ms ease, border-color 120ms ease;
}

.gm-ai-translate-btn:hover:not(:disabled) {
  background: color-mix(in srgb, var(--color-primary, #0b57d0) 8%, var(--color-surface, #ffffff));
  border-color: var(--color-primary, #0b57d0);
}

.gm-ai-translate-btn:disabled {
  opacity: 0.65;
  cursor: wait;
}

.gm-ai-translate-btn .ico {
  font-size: 16px;
}

.gm-ai-full-translation {
  margin-top: 10px;
  padding: 12px 14px;
  border-radius: 10px;
  background: var(--color-surface, #ffffff);
  border: 1px solid color-mix(in srgb, var(--color-primary, #0b57d0) 18%, transparent);
}

.gm-ai-full-translation-head {
  display: flex;
  align-items: center;
  gap: 6px;
  font: 600 12.5px / 1.3 var(--font-sans, sans-serif);
  color: var(--color-primary, #0b57d0);
  margin-bottom: 6px;
}

.gm-ai-full-translation-text {
  font: 400 13.5px / 1.55 var(--font-sans, sans-serif);
  color: var(--color-on-surface, #1f1f1f);
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

.gm-ai-card-head .gm-ai-quick-disable {
  margin-left: auto;
  margin-right: 4px;
  padding: 2px 10px;
  height: 26px;
  border-radius: 999px;
  border: 1px solid var(--color-outline-variant, #c4c7c5);
  background: transparent;
  color: var(--color-on-surface-variant, #444746);
  font: 500 11.5px / 1 var(--font-sans, sans-serif);
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  transition: background-color 120ms ease, color 120ms ease, border-color 120ms ease;
}

.gm-ai-card-head .gm-ai-quick-disable:hover {
  background: color-mix(in srgb, var(--color-error, #b3261e) 10%, transparent);
  color: var(--color-error, #b3261e);
  border-color: color-mix(in srgb, var(--color-error, #b3261e) 40%, transparent);
}

.gm-ai-card-head .gm-ai-card-close {
  margin-left: 0 !important;
}

.gm-ai-kvkk-box {
  display: flex;
  flex-direction: column;
  gap: 12px;
  font-size: 13.5px;
  line-height: 1.55;
  color: var(--color-on-surface);
}

.gm-ai-kvkk-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  align-self: flex-start;
  padding: 4px 12px;
  border-radius: 999px;
  background: var(--color-secondary-container, #c2e7ff);
  color: var(--color-on-secondary-container, #001d35);
  font-size: 12px;
  font-weight: 600;
}

.gm-ai-kvkk-list {
  margin: 0;
  padding-left: 18px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

html.gm-ai-disabled #gm-ai-button,
html.gm-ai-disabled a.ai-summarize,
html.gm-ai-disabled a.ai-translate-full,
html.gm-ai-disabled .gm-ai-card {
  display: none !important;
}

/* Unread message count badge next to folder names in #mailboxlist */
.listing.folderlist .unreadcount {
  margin-left: auto;
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 20px;
  height: 20px;
  padding: 0 7px !important;
  border-radius: 999px;
  background: var(--color-surface-container-highest, #dde3ea);
  color: var(--color-on-surface, #1f1f1f);
  font: 700 11.5px / 1 var(--font-sans, sans-serif);
}

.listing.folderlist li.selected > a .unreadcount {
  background: color-mix(in srgb, var(--color-primary, #0b57d0) 16%, transparent);
  color: var(--color-on-primary-container, #041e49);
}

/* Dark Mode email readability baseline for #messagebody */
html.dark-mode #messagebody,
html.dark-mode #messagebody .message-part,
html.dark-mode #messagebody .message-htmlpart {
  color: var(--color-on-surface, #e3e3e3);
}

html.dark-mode #messagebody a {
  color: #8ab4f8;
}


/* Hosting.com.tr & Cortex Branding (About Dialog + KVKK Modal) */
.gm-hctr-logo {
  height: 32px;
  width: auto;
  display: block;
}

.gm-logo-dark {
  display: none !important;
}

html.dark-mode .gm-logo-light {
  display: none !important;
}

html.dark-mode .gm-logo-dark {
  display: block !important;
}

.gm-about-simple {
  text-align: left;
  color: var(--color-on-surface, #1f1f1f);
  font-size: 13.5px;
  line-height: 1.55;
}

.gm-about-logo-row {
  margin-bottom: 12px;
}

.gm-about-simple h2.sysname {
  margin: 0 0 6px 0 !important;
  font-size: 16px !important;
  font-weight: 700 !important;
}

.gm-about-simple .gm-about-desc {
  margin: 0 0 14px 0 !important;
  color: var(--color-on-surface-variant, #444746);
}

.gm-about-simple h3 {
  margin: 16px 0 6px 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  color: var(--color-on-surface, #1f1f1f);
}

.gm-about-simple p {
  margin: 0 0 8px 0 !important;
  color: var(--color-on-surface-variant, #444746);
}

.gm-kvkk-logo-bar {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  padding-bottom: 10px;
  margin-bottom: 4px;
  border-bottom: 1px solid var(--color-outline-variant, #c4c7c5);
}

.gm-ai-kvkk-list {
  list-style: disc !important;
  margin: 4px 0 !important;
  padding-left: 20px !important;
}

.gm-ai-kvkk-list li {
  margin-bottom: 6px;
}

/* Rich Brand & Geometric SVG Avatars */
.gm-avatar-initial[data-gm-rich-avatar="1"] {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  overflow: hidden;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.16);
}

.gm-avatar-initial .gm-avatar-svg {
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 50%;
}

/* ─── Creative Material Symbols Icons for Contacts (Kişiler) Sidebar ─── */
#directorylist li#rcmli0 > a::before,
#directorylist li a[rel="0"]::before,
#directorylist li a[href*="_source=0"]::before,
#directorylist li#rcmli1 > a::before,
#directorylist li a[rel="1"]::before,
#directorylist li a[href*="_source=1"]::before,
#directorylist li#rcmli2 > a::before,
#directorylist li a[rel="2"]::before,
#directorylist li a[href*="_source=2"]::before,
#savedsearchlist li > a::before,
#directorylist li.contactsearch > a::before,
.gm-nav-actions a.gm-nav-action.create::before {
  content: '' !important;
  width: 20px !important;
  height: 20px !important;
  background-color: currentColor !important;
  -webkit-mask-repeat: no-repeat !important;
  mask-repeat: no-repeat !important;
  -webkit-mask-position: center !important;
  mask-position: center !important;
  -webkit-mask-size: 20px 20px !important;
  mask-size: 20px 20px !important;
}

/* 1. Kişisel adresler (_source=0): Address Book with Person & Index Tabs */
#directorylist li#rcmli0 > a::before,
#directorylist li a[rel="0"]::before,
#directorylist li a[href*="_source=0"]::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath d='M240-80q-33 0-56.5-23.5T160-160v-640q0-33 23.5-56.5T240-880h480q33 0 56.5 23.5T800-800v640q0 33-23.5 56.5T720-80H240Zm0-80h480v-640H240v640Zm240-320q50 0 85-35t35-85q0-50-35-85t-85-35q-50 0-85 35t-35 85q0 50 35 85t85 35ZM320-240h320v-22q0-44-44-71t-116-27q-72 0-116 27t-44 71v22ZM80-680v-120h40v120H80Zm0 200v-120h40v120H80Zm0 200v-120h40v120H80Z'/%3E%3C/svg%3E") !important;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath d='M240-80q-33 0-56.5-23.5T160-160v-640q0-33 23.5-56.5T240-880h480q33 0 56.5 23.5T800-800v640q0 33-23.5 56.5T720-80H240Zm0-80h480v-640H240v640Zm240-320q50 0 85-35t35-85q0-50-35-85t-85-35q-50 0-85 35t-35 85q0 50 35 85t85 35ZM320-240h320v-22q0-44-44-71t-116-27q-72 0-116 27t-44 71v22ZM80-680v-120h40v120H80Zm0 200v-120h40v120H80Zm0 200v-120h40v120H80Z'/%3E%3C/svg%3E") !important;
}

/* 2. Derlenmiş alıcılar (_source=1): Person with History / Clock Badge */
#directorylist li#rcmli1 > a::before,
#directorylist li a[rel="1"]::before,
#directorylist li a[href*="_source=1"]::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath d='M400-480q-66 0-113-47t-47-113q0-66 47-113t113-47q66 0 113 47t47 113q0 66-47 113t-113 47ZM80-160v-112q0-33 17-62t47-44q51-26 115-44t141-18h14q6 0 12 2-8 18-13.5 37.5T404-360h-4q-71 0-127.5 18T180-306q-9 5-14.5 14t-5.5 20v32h252q6 21 16 41.5t22 38.5H80Zm640 80q-83 0-141.5-58.5T520-280q0-83 58.5-141.5T720-480q83 0 141.5 58.5T920-280q0 83-58.5 141.5T720-80Zm67-93 28-28-75-75v-104h-40v120l87 87Z'/%3E%3C/svg%3E") !important;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath d='M400-480q-66 0-113-47t-47-113q0-66 47-113t113-47q66 0 113 47t47 113q0 66-47 113t-113 47ZM80-160v-112q0-33 17-62t47-44q51-26 115-44t141-18h14q6 0 12 2-8 18-13.5 37.5T404-360h-4q-71 0-127.5 18T180-306q-9 5-14.5 14t-5.5 20v32h252q6 21 16 41.5t22 38.5H80Zm640 80q-83 0-141.5-58.5T520-280q0-83 58.5-141.5T720-480q83 0 141.5 58.5T920-280q0 83-58.5 141.5T720-80Zm67-93 28-28-75-75v-104h-40v120l87 87Z'/%3E%3C/svg%3E") !important;
}

/* 3. Güvenilen göndericiler (_source=2): Verified Shield with Checkmark */
#directorylist li#rcmli2 > a::before,
#directorylist li a[rel="2"]::before,
#directorylist li a[href*="_source=2"]::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath d='m438-338 226-226-57-57-169 169-84-84-57 57 141 141Zm42 258q-139-35-229.5-159.5T160-516v-244l320-120 320 120v244q0 152-90.5 276.5T480-80Zm0-84q104-33 172-132t68-220v-189l-240-90-240 90v189q0 121 68 220t172 132Zm0-316Z'/%3E%3C/svg%3E") !important;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath d='m438-338 226-226-57-57-169 169-84-84-57 57 141 141Zm42 258q-139-35-229.5-159.5T160-516v-244l320-120 320 120v244q0 152-90.5 276.5T480-80Zm0-84q104-33 172-132t68-220v-189l-240-90-240 90v189q0 121 68 220t172 132Zm0-316Z'/%3E%3C/svg%3E") !important;
}

/* 4. Kaydedilmiş aramalar (#savedsearchlist): Magnifying Glass with Star */
#savedsearchlist li > a::before,
#directorylist li.contactsearch > a::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath d='M784-120 532-372q-30 24-69 38t-83 14q-109 0-184.5-75.5T120-580q0-109 75.5-184.5T380-840q109 0 184.5 75.5T640-580q0 44-14 83t-38 69l252 252-56 56ZM380-400q75 0 127.5-52.5T560-580q0-75-52.5-127.5T380-760q-75 0-127.5 52.5T200-580q0 75 52.5 127.5T380-400Zm-74-96 74-45 74 45-20-84 66-57-87-7-33-80-33 80-87 7 66 57-20 84Z'/%3E%3C/svg%3E") !important;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath d='M784-120 532-372q-30 24-69 38t-83 14q-109 0-184.5-75.5T120-580q0-109 75.5-184.5T380-840q109 0 184.5 75.5T640-580q0 44-14 83t-38 69l252 252-56 56ZM380-400q75 0 127.5-52.5T560-580q0-75-52.5-127.5T380-760q-75 0-127.5 52.5T200-580q0 75 52.5 127.5T380-400Zm-74-96 74-45 74 45-20-84 66-57-87-7-33-80-33 80-87 7 66 57-20 84Z'/%3E%3C/svg%3E") !important;
}

/* 5. Grup ekle (.gm-nav-action.create): Group Add (People + Plus) */
.gm-nav-actions a.gm-nav-action.create::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath d='M720-400v-120H600v-80h120v-120h80v120h120v80H800v120h-80Zm-360-80q-66 0-113-47t-47-113q0-66 47-113t113-47q66 0 113 47t47 113q0 66-47 113t-113 47ZM40-160v-112q0-34 17.5-62.5T104-378q62-31 126-46.5T360-440q66 0 130 15.5T616-378q29 15 46.5 43.5T680-272v112H40Z'/%3E%3C/svg%3E") !important;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath d='M720-400v-120H600v-80h120v-120h80v120h120v80H800v120h-80Zm-360-80q-66 0-113-47t-47-113q0-66 47-113t113-47q66 0 113 47t47 113q0 66-47 113t-113 47ZM40-160v-112q0-34 17.5-62.5T104-378q62-31 126-46.5T360-440q66 0 130 15.5T616-378q29 15 46.5 43.5T680-272v112H40Z'/%3E%3C/svg%3E") !important;
}

.gm-nav-actions {
  margin-top: 4px;
  padding-top: 4px;
}

.gm-nav-actions a.gm-nav-action.disabled {
  opacity: 0.45;
  pointer-events: none;
}

/* Uniform 32px pill geometry across Mail, Contacts, Settings & Task Switcher sidebars */
#layout-sidebar .listing.folderlist li > a,
#directorylist li > a,
#savedsearchlist li > a,
#settings-menu li > a,
.gm-nav-task {
  height: 32px !important;
  min-height: 32px !important;
  padding: 0 12px 0 26px !important;
  margin: 1px 0 !important;
  border-radius: 0 var(--radius-lg, 16px) var(--radius-lg, 16px) 0 !important;
  gap: 18px !important;
}

#layout-sidebar .listing.folderlist ul ul li > a,
#directorylist ul ul li > a {
  padding-left: 46px !important;
}

#layout-sidebar .listing.folderlist ul ul ul li > a,
#directorylist ul ul ul li > a {
  padding-left: 66px !important;
}

#directorylist li.selected > a,
#savedsearchlist li.selected > a,
#settings-menu li.selected > a,
#settings-menu li > a.selected {
  background: var(--color-primary-container) !important;
  color: var(--color-on-primary-container) !important;
  font-weight: 700 !important;
}

#directorylist li.selected > a::before,
#savedsearchlist li.selected > a::before,
#settings-menu li.selected > a::before,
#settings-menu li > a.selected::before {
  color: var(--color-on-primary-container) !important;
}

/* ─── Gmail-Style Collapsed Sidebar Rail & Hover-Expand Drawer ─── */
@media (width > 1024px) {
  /* 1. Collapsed Rail (not hovered): center icon across ALL tasks (Mail, Contacts, Settings, Calendar) */
  html.nav-collapsed:not(.gm-nav-peek) body.task-mail #layout-sidebar .listing.folderlist li > a,
  html.nav-collapsed:not(.gm-nav-peek) #directorylist li > a,
  html.nav-collapsed:not(.gm-nav-peek) #savedsearchlist li > a,
  html.nav-collapsed:not(.gm-nav-peek) #settings-menu li > a,
  html.nav-collapsed:not(.gm-nav-peek) .gm-nav-task {
    width: 36px !important;
    height: 32px !important;
    min-height: 32px !important;
    padding: 0 !important;
    margin: 2px 0 2px 18px !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 0 !important;
    border-radius: 16px !important;
    font-size: 0 !important;
    overflow: visible !important;
    position: relative !important;
  }

  html.nav-collapsed:not(.gm-nav-peek) body.task-mail #layout-sidebar .listing.folderlist li > a::before,
  html.nav-collapsed:not(.gm-nav-peek) #directorylist li > a::before,
  html.nav-collapsed:not(.gm-nav-peek) #savedsearchlist li > a::before,
  html.nav-collapsed:not(.gm-nav-peek) #settings-menu li > a::before,
  html.nav-collapsed:not(.gm-nav-peek) .gm-nav-task::before {
    margin: 0 !important;
    font-size: 20px !important;
    flex-shrink: 0 !important;
  }

  html.nav-collapsed:not(.gm-nav-peek) #directorylist .treetoggle,
  html.nav-collapsed:not(.gm-nav-peek) #directorylist ul ul {
    display: none !important;
  }

  html.nav-collapsed:not(.gm-nav-peek) .gm-nav-tasks {
    border-top: 0 !important;
    position: relative;
  }

  html.nav-collapsed:not(.gm-nav-peek) .gm-nav-tasks::before {
    content: '';
    display: block;
    width: 36px;
    height: 1px;
    margin: 0 0 6px 18px;
    background: var(--color-outline-variant, #c4c7c5);
  }

  /* Disable theme's colliding red dot in collapsed rail since we show the compact corner count badge */
  html.nav-collapsed:not(.gm-nav-peek) body.task-mail #layout-sidebar .listing.folderlist li.unread > a::after {
    display: none !important;
    content: none !important;
  }

  /* Compact unread indicator dot on top-right of folder icon when collapsed */
  html.nav-collapsed:not(.gm-nav-peek) body.task-mail #layout-sidebar .listing.folderlist .unreadcount {
    position: absolute !important;
    top: 3px !important;
    right: 4px !important;
    margin: 0 !important;
    width: 8px !important;
    min-width: 8px !important;
    height: 8px !important;
    padding: 0 !important;
    border-radius: 50% !important;
    font-size: 0 !important;
    line-height: 0 !important;
    color: transparent !important;
    overflow: hidden !important;
    background: var(--color-primary, #0b57d0) !important;
    box-shadow: 0 0 0 2px var(--color-surface-container-low, #f8fafd) !important;
    z-index: 3 !important;
    pointer-events: none !important;
  }

  html.dark-mode.nav-collapsed:not(.gm-nav-peek) body.task-mail #layout-sidebar .listing.folderlist .unreadcount {
    background: #8ab4f8 !important;
    color: transparent !important;
    box-shadow: 0 0 0 2px var(--color-surface-container-low, #1e1f20) !important;
  }

  /* Smooth transition for floating sidebar drawer */
  html.nav-collapsed #layout-menu,
  html.nav-collapsed #layout-sidebar {
    position: relative;
    z-index: 120;
    transition: width 160ms cubic-bezier(0.2, 0, 0, 1), box-shadow 160ms cubic-bezier(0.2, 0, 0, 1), background-color 160ms ease;
  }

  /* 2. Hover-Expand Drawer State (html.nav-collapsed.gm-nav-peek) */
  html.nav-collapsed.gm-nav-peek #layout-menu,
  html.nav-collapsed.gm-nav-peek #layout-sidebar {
    width: var(--spacing-nav, 256px) !important;
    background: var(--color-surface-container-low, #f8fafd) !important;
    border-right: 1px solid var(--color-outline-variant, rgba(0, 0, 0, 0.08));
  }

  html.nav-collapsed.gm-nav-peek #layout-menu {
    box-shadow: 8px 6px 20px rgba(0, 0, 0, 0.12);
  }

  html.nav-collapsed.gm-nav-peek #layout-sidebar {
    box-shadow: 8px 12px 20px rgba(0, 0, 0, 0.14);
    padding-right: 16px !important;
  }

  html.dark-mode.nav-collapsed.gm-nav-peek #layout-menu,
  html.dark-mode.nav-collapsed.gm-nav-peek #layout-sidebar {
    background: var(--color-surface-container-low, #1e1f20) !important;
    border-right: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 10px 8px 26px rgba(0, 0, 0, 0.48);
  }

  html.nav-collapsed.gm-nav-peek .gm-compose {
    width: auto !important;
    padding: 0 24px 0 16px !important;
    gap: 16px !important;
    justify-content: flex-start !important;
  }

  html.nav-collapsed.gm-nav-peek .gm-compose-label {
    display: inline !important;
  }

  html.nav-collapsed.gm-nav-peek .gm-nav-task,
  html.nav-collapsed.gm-nav-peek body.task-mail #layout-sidebar .listing.folderlist li > a,
  html.nav-collapsed.gm-nav-peek #directorylist li > a,
  html.nav-collapsed.gm-nav-peek #savedsearchlist li > a,
  html.nav-collapsed.gm-nav-peek #settings-menu li > a {
    width: auto !important;
    padding: 0 12px 0 26px !important;
    margin: 1px 0 !important;
    justify-content: flex-start !important;
    gap: 18px !important;
    border-radius: 0 var(--radius-lg) var(--radius-lg) 0 !important;
    font-size: var(--text-base) !important;
    overflow: hidden !important;
  }

  html.nav-collapsed.gm-nav-peek body.task-mail #layout-sidebar .listing.folderlist ul ul li > a,
  html.nav-collapsed.gm-nav-peek #directorylist ul ul li > a {
    padding-left: 46px !important;
  }

  html.nav-collapsed.gm-nav-peek body.task-mail #layout-sidebar .listing.folderlist ul ul ul li > a,
  html.nav-collapsed.gm-nav-peek #directorylist ul ul ul li > a {
    padding-left: 66px !important;
  }

  html.nav-collapsed.gm-nav-peek .gm-nav-label,
  html.nav-collapsed.gm-nav-peek body.task-mail #layout-sidebar .listing.folderlist li > a > .name {
    display: inline !important;
  }

  html.nav-collapsed.gm-nav-peek body.task-mail #layout-sidebar .listing.folderlist .unreadcount {
    display: inline-flex !important;
    position: static !important;
    margin-left: auto !important;
  }

  html.nav-collapsed.gm-nav-peek body.task-mail #layout-sidebar .listing.treelist .treetoggle,
  html.nav-collapsed.gm-nav-peek #directorylist .treetoggle {
    display: grid !important;
  }

  html.nav-collapsed.gm-nav-peek body.task-mail #layout-sidebar .listing.folderlist ul ul,
  html.nav-collapsed.gm-nav-peek #directorylist ul ul {
    display: block !important;
  }

  html.nav-collapsed.gm-nav-peek #layout-sidebar > .footer {
    display: block !important;
  }

  html.nav-collapsed.gm-nav-peek body.task-mail #layout-sidebar .listing.folderlist li.unread > a::after {
    display: none !important;
  }
}

/* Attachment / Image Preview Toolbar Icons (messagepart.html) */
#image-tools {
  display: none !important;
}

.toolbar a.info::before,
.menu a.info::before,
.button.icon.info::before {
  content: var(--ico-info) !important;
}

.button.icon.tools::before,
.toolbar a.tools::before {
  content: var(--ico-tune) !important;
}

.toolbar a.actions::before,
.button.icon.actions::before {
  content: var(--ico-more-vert) !important;
}

.toolbar a.status::before {
  content: var(--ico-check-circle) !important;
}

.toolbar a.zoomin::before,
.menu a.zoomin::before,
.button.icon.zoomin::before,
.toolbar a.zoomout::before,
.menu a.zoomout::before,
.button.icon.zoomout::before,
.toolbar a.rotate::before,
.menu a.rotate::before,
.button.icon.rotate::before {
  content: '' !important;
  background-color: currentColor !important;
  -webkit-mask-repeat: no-repeat !important;
  mask-repeat: no-repeat !important;
  -webkit-mask-position: center !important;
  mask-position: center !important;
  -webkit-mask-size: 20px 20px !important;
  mask-size: 20px 20px !important;
}

.toolbar a.zoomin::before,
.menu a.zoomin::before,
.button.icon.zoomin::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath d='M784-120 532-372q-30 24-69 38t-83 14q-109 0-184.5-75.5T120-580q0-109 75.5-184.5T380-840q109 0 184.5 75.5T640-580q0 44-14 83t-38 69l252 252-56 56ZM380-400q75 0 127.5-52.5T560-580q0-75-52.5-127.5T380-760q-75 0-127.5 52.5T200-580q0 75 52.5 127.5T380-400Zm-40-60v-80h-80v-80h80v-80h80v80h80v80h-80v80h-80Z'/%3E%3C/svg%3E") !important;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath d='M784-120 532-372q-30 24-69 38t-83 14q-109 0-184.5-75.5T120-580q0-109 75.5-184.5T380-840q109 0 184.5 75.5T640-580q0 44-14 83t-38 69l252 252-56 56ZM380-400q75 0 127.5-52.5T560-580q0-75-52.5-127.5T380-760q-75 0-127.5 52.5T200-580q0 75 52.5 127.5T380-400Zm-40-60v-80h-80v-80h80v-80h80v80h80v80h-80v80h-80Z'/%3E%3C/svg%3E") !important;
}

.toolbar a.zoomout::before,
.menu a.zoomout::before,
.button.icon.zoomout::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath d='M784-120 532-372q-30 24-69 38t-83 14q-109 0-184.5-75.5T120-580q0-109 75.5-184.5T380-840q109 0 184.5 75.5T640-580q0 44-14 83t-38 69l252 252-56 56ZM380-400q75 0 127.5-52.5T560-580q0-75-52.5-127.5T380-760q-75 0-127.5 52.5T200-580q0 75 52.5 127.5T380-400ZM280-540v-80h200v80H280Z'/%3E%3C/svg%3E") !important;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath d='M784-120 532-372q-30 24-69 38t-83 14q-109 0-184.5-75.5T120-580q0-109 75.5-184.5T380-840q109 0 184.5 75.5T640-580q0 44-14 83t-38 69l252 252-56 56ZM380-400q75 0 127.5-52.5T560-580q0-75-52.5-127.5T380-760q-75 0-127.5 52.5T200-580q0 75 52.5 127.5T380-400ZM280-540v-80h200v80H280Z'/%3E%3C/svg%3E") !important;
}

.toolbar a.rotate::before,
.menu a.rotate::before,
.button.icon.rotate::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath d='M522-80v-82q34-5 66.5-18t61.5-34l56 58q-42 32-88 51.5T522-80Zm-80 0q-151-18-255.5-131.5T82-480q0-166 117-283t283-117h6l-64-64 56-56 160 160-160 160-56-56 64-64h-6q-133 0-226.5 93.5T162-480q0 119 79.5 207.5T442-162v82Zm316-118-58-56q21-29 34-61.5t18-66.5h82q-5 50-24.5 96T758-198Zm76-262q-5-34-18-66.5T782-588l58-56q32 39 51.5 85t24.5 99h-82Z'/%3E%3C/svg%3E") !important;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath d='M522-80v-82q34-5 66.5-18t61.5-34l56 58q-42 32-88 51.5T522-80Zm-80 0q-151-18-255.5-131.5T82-480q0-166 117-283t283-117h6l-64-64 56-56 160 160-160 160-56-56 64-64h-6q-133 0-226.5 93.5T162-480q0 119 79.5 207.5T442-162v82Zm316-118-58-56q21-29 34-61.5t18-66.5h82q-5 50-24.5 96T758-198Zm76-262q-5-34-18-66.5T782-588l58-56q32 39 51.5 85t24.5 99h-82Z'/%3E%3C/svg%3E") !important;
}

.gm-props-dialog .props-table {
  width: 100%;
  border-collapse: collapse;
}

.gm-props-dialog .props-table td {
  padding: 8px 10px;
  border-bottom: 1px solid var(--color-outline-variant, #e0e3e7);
  font-size: 13.5px;
}

.gm-props-dialog .props-table td.title {
  font-weight: 600;
  color: var(--color-on-surface-variant, #444746);
  width: 38%;
}

/* Cortex AI Rich HTML Preview in Compose Modal */
.gm-ai-text.gm-ai-html {
  white-space: normal !important;
  line-height: 1.5;
}

.gm-ai-text.gm-ai-html p {
  margin: 0;
  min-height: 1.4em;
}

.gm-ai-text.gm-ai-html ul,
.gm-ai-text.gm-ai-html ol {
  margin: 4px 0;
  padding-left: 28px;
  list-style: revert;
}

.gm-ai-note .gm-ai-note-link {
  color: var(--color-primary, #0b57d0);
  font-weight: 500;
  text-decoration: none;
  margin-left: 4px;
}

.gm-ai-note .gm-ai-note-link:hover {
  text-decoration: underline;
}

/* Smart Forgotten Attachment Reminder Banner in Compose */
.gm-attach-reminder {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin: 6px 16px;
  padding: 8px 12px;
  border-radius: 10px;
  background: color-mix(in srgb, #f59e0b 14%, var(--color-surface, #ffffff));
  border: 1px solid color-mix(in srgb, #f59e0b 42%, transparent);
  color: var(--color-on-surface, #1f1f1f);
  font: 400 13px / 1.4 var(--font-sans, sans-serif);
  animation: gmAttachSlideIn 160ms cubic-bezier(0.2, 0, 0, 1);
}

.gm-attach-reminder.hidden {
  display: none !important;
}

@keyframes gmAttachSlideIn {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.gm-attach-reminder-msg {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

.gm-attach-reminder-msg > .ico {
  font-size: 18px;
  color: #d97706;
  flex-shrink: 0;
}

html.dark-mode .gm-attach-reminder-msg > .ico {
  color: #fbbf24;
}

.gm-attach-reminder-msg strong.gm-attach-kw {
  font-weight: 600;
  color: #b45309;
}

html.dark-mode .gm-attach-reminder-msg strong.gm-attach-kw {
  color: #fcd34d;
}

.gm-attach-reminder-actions {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  flex-shrink: 0;
}

.gm-attach-reminder-btn {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  height: 28px;
  padding: 0 12px;
  border-radius: 999px;
  border: 1px solid color-mix(in srgb, #d97706 45%, transparent);
  background: var(--color-surface, #ffffff);
  color: #b45309;
  font: 600 12px / 1 var(--font-sans, sans-serif);
  cursor: pointer;
  transition: background-color 120ms ease, border-color 120ms ease;
}

html.dark-mode .gm-attach-reminder-btn {
  color: #fcd34d;
  border-color: color-mix(in srgb, #fbbf24 45%, transparent);
}

.gm-attach-reminder-btn:hover {
  background: color-mix(in srgb, #f59e0b 16%, var(--color-surface, #ffffff));
}

.gm-attach-reminder-btn .ico {
  font-size: 15px;
}

.gm-attach-reminder-close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: var(--color-on-surface-variant, #444746);
  cursor: pointer;
}

.gm-attach-reminder-close:hover {
  background: color-mix(in srgb, var(--color-on-surface, #1f1f1f) 8%, transparent);
}