/* 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%;
}

/* ─── Gmail-Style Collapsed Sidebar Rail & Hover-Expand Drawer ─── */
@media (width > 1024px) {
  /* 1. Collapsed Rail (not hovered): center icon, remove duplicate red dot, place clean mini badge on corner */
  html.nav-collapsed:not(.gm-nav-peek) body.task-mail #layout-sidebar .listing.folderlist li > a,
  html.nav-collapsed:not(.gm-nav-peek) .gm-nav-task {
    width: 36px !important;
    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;
    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) .gm-nav-task::before {
    margin: 0 !important;
    font-size: 20px !important;
    flex-shrink: 0 !important;
  }

  /* 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 #settings-menu li > a {
    width: auto !important;
    padding: 0 12px 0 26px !important;
    margin: 0 16px 0 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 {
    padding-left: 46px !important;
  }

  html.nav-collapsed.gm-nav-peek body.task-mail #layout-sidebar .listing.folderlist 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 {
    display: grid !important;
  }

  html.nav-collapsed.gm-nav-peek body.task-mail #layout-sidebar .listing.folderlist 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);
}