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