@font-face {
  font-family: "AzarMehr";
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(/static/fonts/azarmehr-thin.woff2) format("woff2");
}
@font-face {
  font-family: "AzarMehr";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/static/fonts/azarmehr-light.woff2) format("woff2");
}
@font-face {
  font-family: "AzarMehr";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/static/fonts/azarmehr-regular.woff2) format("woff2");
}
@font-face {
  font-family: "AzarMehr";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/static/fonts/azarmehr-medium.woff2) format("woff2");
}
@font-face {
  font-family: "AzarMehr";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/static/fonts/azarmehr-semibold.woff2) format("woff2");
}
@font-face {
  font-family: "AzarMehr";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/static/fonts/azarmehr-bold.woff2) format("woff2");
}
@font-face {
  font-family: "AzarMehr";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/static/fonts/azarmehr-extrabold.woff2) format("woff2");
}
@font-face {
  font-family: "AzarMehr";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(/static/fonts/azarmehr-black.woff2) format("woff2");
}

:root {
  /* Capati brand — Sienna warm, from panel.capati.app/brandguide */
  --m-brand-50: #F9ECE6;
  --m-brand-200: #EFD2C6;
  --m-brand-300: #D67D5F;
  --m-brand-500: #C9694A;
  --m-brand-600: #A9533A;
  --m-brand-800: #8A4229;
  --m-brand-blue: #E08E6E;
  --m-accent-500: #6B8CA3;
  --m-green-500: #799E7E;
  --m-success: #5F9A6A;
  --m-danger: #D14343;
  --m-warning: #D4952F;
  --m-info: #6B8CA3;
  --m-bg: #FFFFFF;
  --m-surface: #FAFAFA;
  --m-surface-hover: #EFEFEF;
  --m-border: #E3E3E3;
  --m-text: #171717;
  --m-text-2: #5C5C5C;
  --m-text-3: #9A9AA3;
  --m-gradient-brand: linear-gradient(135deg, #C9694A 0%, #E08E6E 100%);
  --m-gradient-soft: linear-gradient(135deg, rgba(201,105,74,.12) 0%, rgba(224,142,110,.12) 100%);
  --m-shadow-sm: 0 1px 3px rgba(0,0,0,.06);
  --m-shadow-md: 0 4px 12px rgba(0,0,0,.08);
  --m-shadow-lg: 0 8px 30px rgba(0,0,0,.12);
  --m-shadow-glow: 0 0 24px rgba(201,105,74,.18);
  /* Mijooo aliases — map to Capati */
  --mijoo: var(--m-brand-500);
  --mijoo-deep: var(--m-brand-600);
  --mijoo-ink: var(--m-brand-800);
  --mijoo-soft: var(--m-brand-50);
  --mijoo-peach: var(--m-brand-blue);
  --mijoo-cream: #FDF8F5;
  --mijoo-teal: var(--m-accent-500);
  --mijoo-teal-deep: #3F5B6E;
  --mijoo-teal-soft: #EBF1F5;
  --mijoo-sand: var(--m-brand-200);
  --mijoo-blush: var(--m-brand-50);
  /* Legacy aliases */
  --blue: var(--m-brand-500);
  --blue-deep: var(--m-brand-600);
  --blue-ink: var(--m-brand-800);
  --blue-soft: var(--m-brand-50);
  --blue-chart: var(--m-brand-500);
  --red: var(--m-danger);
  --red-ink: #9B2C2C;
  --red-soft: #FBEAEA;
  --yellow: var(--m-warning);
  --yellow-ink: #8F6220;
  --yellow-soft: #FBF1DE;
  --green: var(--m-green-500);
  --green-ink: #3F6E48;
  --green-soft: #EAF3EC;
  --text: var(--m-text);
  --text-2: var(--m-text-2);
  --text-3: var(--m-text-3);
  --line: var(--m-border);
  --line-soft: #F0EDE8;
  --search-line: var(--m-border);
  --bg: var(--m-bg);
  --surface: #FFFFFF;
  --hover: var(--m-surface-hover);
  --link: var(--m-brand-500);
  --url: var(--m-green-500);
  --shadow: var(--m-shadow-md);
  --shadow-soft: var(--m-shadow-lg);
}

* { box-sizing: border-box; }
html, body { margin: 0; min-height: 100%; }
body {
  font-family: "AzarMehr", Vazirmatn, Roboto, sans-serif;
  color: var(--text);
  background: var(--surface);
  line-height: 1.5;
}
a { color: inherit; }
button, input { font: inherit; }
h1, h2, p { margin: 0; }

body.home-page, body.serp { background: #fff; color: #202124; }
.g-top {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  height: 64px;
  padding: 0 28px;
}
.theme-toggle {
  height: 36px;
  padding: 0 14px;
  border: 1px solid #dadce0;
  border-radius: 18px;
  background: #fff;
  color: #3c4043;
  font-size: 13px;
  cursor: pointer;
}
.theme-toggle .when-dark { display: none; }
html[data-theme="dark"] .theme-toggle .when-light { display: none; }
html[data-theme="dark"] .theme-toggle .when-dark { display: inline; }
.theme-switch {
  direction: ltr;
  display: inline-flex;
  align-items: center;
  gap: 2px;
  height: 36px;
  padding: 3px;
  border-radius: 999px;
  background: #e8eaed;
  vertical-align: middle;
}
.theme-switch-btn {
  width: 30px;
  height: 30px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: #5f6368;
  display: grid;
  place-items: center;
  line-height: 0;
  cursor: pointer;
  flex: none;
  appearance: none;
}
.theme-switch-btn svg { width: 18px; height: 18px; max-width: 18px; max-height: 18px; display: block; }
.theme-switch-btn[aria-pressed="true"] { background: #fff; color: #202124; }
html[data-theme="dark"] .theme-switch { background: #3c4043; }
html[data-theme="dark"] .theme-switch-btn { color: #bdc1c6; }
html[data-theme="dark"] .theme-switch-btn[aria-pressed="true"] { background: #202124; color: #fff; }
.foot-tools {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex: none;
}
.lang-switch {
  direction: ltr;
  display: inline-flex;
  align-items: center;
  gap: 2px;
  height: 36px;
  padding: 3px;
  border-radius: 999px;
  background: #e8eaed;
  vertical-align: middle;
}
.lang-switch-btn {
  height: 30px;
  margin: 0;
  padding: 0 10px;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: #5f6368;
  font: inherit;
  font-size: 12px;
  font-weight: 600;
  line-height: 30px;
  cursor: pointer;
  appearance: none;
  white-space: nowrap;
}
.lang-switch-btn[aria-pressed="true"] { background: #fff; color: #202124; }
html[data-theme="dark"] .lang-switch { background: #3c4043; }
html[data-theme="dark"] .lang-switch-btn { color: #bdc1c6; }
html[data-theme="dark"] .lang-switch-btn[aria-pressed="true"] { background: #202124; color: #fff; }
.site-foot {
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  min-height: 52px;
  padding: 8px 20px;
  border-top: 1px solid #e8eaed;
  background: #f8f9fa;
}
html[data-theme="dark"] .site-foot { background: #202124; border-top-color: #3c4043; }
.g-toplink {
  color: #202124;
  text-decoration: none;
  font-size: 13px;
  padding: 8px;
  border-radius: 4px;
}
.g-toplink:hover { text-decoration: underline; }
.home {
  min-height: calc(100vh - 128px);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 24px 28px 48px;
  background: #fff;
}
.g-foot {
  position: fixed;
  inset-inline: 0;
  bottom: 0;
  display: flex;
  gap: 24px;
  padding: 16px 28px;
  background: #f2f2f2;
  border-top: 1px solid #dadce0;
  color: #70757a;
  font-size: 14px;
}
.g-foot a { color: inherit; text-decoration: none; }
.g-foot a:hover { text-decoration: underline; }
.logo {
  margin: 0 0 28px;
  font-size: 92px;
  font-weight: 500;
  letter-spacing: -3px;
  line-height: 1;
  display: flex;
  align-items: baseline;
  user-select: none;
  direction: ltr;
}
.logo, .pager-logo { color: #c9694a; }
.logo-sm { margin: 0; font-size: 28px; letter-spacing: -1px; direction: ltr; padding-top: 4px; }
a.logo { flex: none; text-decoration: none; }

.form-home { width: 100%; max-width: 584px; }
.form-results { width: 100%; }
.combo { position: relative; min-width: 0; width: 100%; }
.box {
  display: flex;
  align-items: center;
  min-width: 0;
  height: 44px;
  padding: 0 8px 0 14px;
  border: 1px solid #dfe1e5;
  border-radius: 24px;
  background: #fff;
}
.box:hover, .box:focus-within {
  border-color: transparent;
  box-shadow: 0 1px 6px rgba(32, 33, 36, 0.28);
}
.combo.open .box {
  border-color: transparent;
  border-radius: 24px 24px 0 0;
  box-shadow: 0 1px 6px rgba(32, 33, 36, 0.28);
}
.box-icon, #clear {
  width: 40px;
  height: 40px;
  min-width: 40px;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: #9aa0a6;
  display: grid;
  place-items: center;
  cursor: pointer;
  flex: 0 0 40px;
  overflow: hidden;
}
#clear[hidden] { display: none; }
.box svg, .gtab svg, .chip svg, .suggest-item svg {
  width: 20px;
  height: 20px;
  max-width: 20px;
  max-height: 20px;
  display: block;
  flex: none;
}
#clear:hover, .box-icon:hover { background: #f1f3f4; }
.box input {
  flex: 1;
  min-width: 0;
  height: 100%;
  border: 0;
  outline: none;
  background: transparent;
  color: #202124;
  font-size: 16px;
}
.box input::placeholder { color: #9aa0a6; }
.suggest-item svg, .chip svg { width: 16px; height: 16px; color: #9aa0a6; flex: none; }
#suggest {
  position: absolute;
  inset-inline: 0;
  top: 100%;
  z-index: 30;
  margin: 0;
  padding: 6px 0 10px;
  max-height: min(50vh, 320px);
  overflow: auto;
  list-style: none;
  border-radius: 0 0 24px 24px;
  background: #fff;
  box-shadow: 0 4px 6px rgba(32, 33, 36, 0.28);
}
.suggest-item {
  display: flex;
  align-items: center;
  gap: 14px;
  width: 100%;
  padding: 6px 16px;
  border: 0;
  background: transparent;
  color: #202124;
  text-align: start;
  font-size: 16px;
  cursor: pointer;
}
.suggest-item.active, .suggest-item:hover { background: #f1f3f4; }
.match { font-weight: 500; }
.rest { color: #5f6368; font-weight: 400; }
.g-actions { display: flex; justify-content: center; gap: 12px; margin-top: 28px; }
.g-btn {
  height: 36px;
  padding: 0 16px;
  border: 1px solid transparent;
  border-radius: 4px;
  background: #f8f9fa;
  color: #3c4043;
  font-size: 14px;
  cursor: pointer;
}
.g-btn:hover { border-color: #dadce0; box-shadow: 0 1px 1px rgba(0,0,0,.1); }
.g-btn:active { border-color: #d2d3d4; }

body.serp {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  background: #fff;
  color: #202124;
}
.srh {
  position: sticky;
  top: 0;
  z-index: 20;
  background: #fff;
  border-bottom: 1px solid #e8eaed;
  font-family: ui-sans-serif, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}
.srh-row {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  column-gap: 8px;
  row-gap: 8px;
  padding: 10px 12px 0;
}
.srh-logo {
  grid-column: 2;
  grid-row: 1;
  justify-self: center;
  color: #202124;
  font-size: 28px;
  font-weight: 700;
  letter-spacing: -0.8px;
  line-height: 1;
  text-decoration: none;
}
.srh-tools {
  grid-column: 3;
  grid-row: 1;
  justify-self: end;
  display: flex;
  align-items: center;
  gap: 12px;
}
.srh-search {
  grid-column: 1 / -1;
  grid-row: 2;
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  height: 48px;
  margin: 0;
  padding: 0 4px;
  border-radius: 999px;
  background: #f1f3f4;
}
.srh-search input {
  flex: 1;
  min-width: 0;
  height: 100%;
  border: 0;
  outline: none;
  background: transparent;
  color: #202124;
  font: inherit;
  font-size: 16px;
}
.srh-tabs {
  display: flex;
  align-items: flex-end;
  gap: 22px;
  margin-top: 4px;
  padding: 0 16px;
  overflow-x: auto;
  scrollbar-width: none;
}
.srh-tabs::-webkit-scrollbar { display: none; }
a.srh-tab { cursor: pointer; }
.srh-tab {
  flex: none;
  padding: 10px 0 12px;
  border: 0;
  background: none;
  color: #9aa0a6;
  font: inherit;
  font-size: 14px;
  font-weight: 400;
  text-decoration: none;
  white-space: nowrap;
}
.srh-tab.on {
  color: #202124;
  font-weight: 600;
  box-shadow: inset 0 -3px 0 #202124;
}
html[data-theme="dark"] .srh { background: #202124; border-bottom-color: transparent; }
html[data-theme="dark"] .srh-logo { color: #fff; }
html[data-theme="dark"] .srh-search { background: #303134; }
html[data-theme="dark"] .srh-search input { color: #fff; }
html[data-theme="dark"] .srh-tab { color: #9aa0a6; }
html[data-theme="dark"] .srh-tab.on { color: #fff; box-shadow: inset 0 -3px 0 #fff; }
@media (min-width: 980px) {
  .srh-row {
    display: grid;
    grid-template-columns: 132px minmax(280px, 652px) minmax(72px, 1fr);
    align-items: center;
    column-gap: 28px;
    flex-wrap: nowrap;
    min-height: 76px;
    padding: 18px 20px 0;
  }
  .srh-logo {
    grid-column: auto;
    grid-row: auto;
    position: static;
    transform: none;
    justify-self: center;
    font-size: 30px;
    letter-spacing: -1px;
  }
  .srh-search {
    grid-column: auto;
    grid-row: auto;
    order: 0;
    flex: initial;
    width: 100%;
    height: 46px;
    margin: 0;
    background: #fff;
    border: 1px solid #dfe1e5;
    box-shadow: 0 1px 2px rgba(32, 33, 36, .06);
  }
  .srh-search:focus-within {
    border-color: transparent;
    box-shadow: 0 1px 6px rgba(32, 33, 36, .28);
  }
  .srh-tools { grid-column: auto; grid-row: auto; order: 0; justify-self: end; }
  .srh-tabs,
  .results {
    width: min(652px, calc(100% - 220px));
    margin: 0;
    margin-inline-start: 180px;
  }
  .srh-tabs {
    margin-top: 8px;
    padding: 0 4px;
  }
  .results { padding: 14px 0 64px; }
  .result-list { display: block; }
  .result-list > li {
    width: auto;
    max-width: none;
    margin: 0 0 28px;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
  }
  .related,
  .pagination {
    width: auto;
    max-width: none;
    margin-inline: 0;
  }
}
@media (min-width: 980px) {
  html[data-theme="dark"] .srh-search { background: #303134; border-color: #5f6368; }
  html[data-theme="dark"] .result-list > li { background: transparent; border: 0; }
}
.gtabs { display: flex; align-items: flex-end; height: 48px; }
.gtab {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 48px;
  padding: 0 12px;
  border-bottom: 3px solid #1a73e8;
  color: #1a73e8;
  font-size: 14px;
  text-decoration: none;
}
.gtab svg { width: 16px; height: 16px; }
.results {
  flex: 1;
  width: min(692px, calc(100% - 32px));
  margin: 0 auto;
  padding: 16px 0 48px;
}
.g-stats { margin: 0 0 20px; color: #70757a; font-size: 14px; }
.g-note { margin: -8px 0 18px; color: #70757a; font-size: 14px; line-height: 1.6; }
.error { color: #d93025; font-size: 14px; line-height: 1.7; }
.result-list { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 12px; }
.result-list > li {
  margin: 0;
  max-width: 600px;
  padding: 14px 16px 12px;
  border: 1px solid #f1f3f4;
  border-radius: 12px;
  background: #f8f9fa;
}
.result-meta { display: flex; align-items: center; gap: 12px; min-height: 26px; }
.favicon { width: 26px; height: 26px; padding: 3px; border: 1px solid #dadce0; border-radius: 999px; background: #fff; object-fit: contain; flex: none; }
.favicon.fallback {
  display: grid;
  place-items: center;
  color: #5f6368;
  font-size: 12px;
  font-weight: 500;
}
.meta-text { min-width: 0; line-height: 1.2; }
.host { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #202124; font-size: 14px; }
.url { margin-top: 2px; color: #4d5156; font-size: 12px; line-height: 1.3; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.result-list > li[dir="ltr"],
.result-list > li[dir="ltr"] .result-title,
.result-list > li[dir="ltr"] .snippet { text-align: left; }
.result-list > li[dir="rtl"],
.result-list > li[dir="rtl"] .result-title,
.result-list > li[dir="rtl"] .snippet { text-align: right; }
.result-title {
  display: block;
  margin-top: 4px;
  color: #1a0dab;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.3;
  text-decoration: none;
  overflow-wrap: anywhere;
}
.result-title b, .snippet b { font-weight: 700; }
.result-title:hover { text-decoration: underline; }
.result-title:visited { color: #681da8; }
.snippet { margin-top: 4px; color: #4d5156; font-size: 14px; line-height: 1.58; overflow-wrap: anywhere; }
.result-list > li.has-thumb { display: flex; align-items: flex-start; gap: 14px; }
.result-copy { min-width: 0; flex: 1; }
.news-thumb {
  width: 104px;
  height: 72px;
  object-fit: cover;
  object-position: center;
  border-radius: 16px;
  flex: none;
  display: block;
  background: #f1f3f4;
}
.related { max-width: 652px; margin-top: 28px; padding-top: 16px; }
.related h2 { margin-bottom: 12px; color: #202124; font-size: 20px; font-weight: 400; }
.related ul { margin: 0; padding: 0; list-style: none; display: grid; gap: 10px; }
.chip {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 44px;
  padding: 8px 14px;
  border: 1px solid #dfe1e5;
  border-radius: 8px;
  background: #fff;
  color: #202124;
  text-decoration: none;
  font-size: 14px;
}
.chip:hover { box-shadow: 0 1px 6px rgba(32,33,36,.28); border-color: transparent; }
.chip span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
@media (min-width: 640px) { .related ul { grid-template-columns: 1fr 1fr; } }
.pagination { max-width: 652px; margin-top: 28px; text-align: center; }
.pager-logo { display: flex; justify-content: center; margin: 0 0 8px; font-size: 36px; letter-spacing: -1px; }
.pager-row { display: flex; align-items: center; justify-content: center; gap: 16px; }
.page-num, .page-link { color: #1a0dab; font-size: 14px; text-decoration: none; }
.page-num.current { color: #202124; font-weight: 700; }
.page-link:hover, .page-num:hover { text-decoration: underline; }
@media (max-width: 720px) {
  .g-top { height: 56px; padding: 0 20px; }
  .home { padding: 12px 20px 32px; }
  .g-foot { padding: 14px 20px; }
  .logo { font-size: 52px; letter-spacing: -1px; margin-bottom: 22px; }
  .results { width: auto; margin: 0 20px; padding: 18px 0 48px; }
  .result-title { font-size: 18px; }
  .result-list > li { max-width: none; }
  .g-actions { flex-wrap: wrap; row-gap: 10px; }
}
@media (min-width: 980px) {
  .srh-tabs,
  .results {
    width: min(652px, calc(100% - 220px));
    margin: 0;
    margin-inline-start: 180px;
  }
  .srh-tabs { margin-top: 8px; padding: 0 4px; }
  .results { padding: 14px 0 64px; }
  .result-list { display: block; }
  .result-list > li {
    width: auto;
    max-width: none;
    margin: 0 0 28px;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
  }
  .related,
  .pagination {
    width: auto;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
  }
}
.gh {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  background: #fff;
  color: #202124;
  font-family: ui-sans-serif, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}
.gh-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-height: 56px;
  padding: 12px 20px 0;
}
.gh-tabs { display: flex; align-items: flex-end; }
.gh-tab {
  position: relative;
  padding: 10px 2px 12px;
  color: #5f6368;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-decoration: none;
}
.gh-tab.on { color: #202124; }
.gh-tab.on::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 3px;
  border-radius: 3px 3px 0 0;
  background: #1a73e8;
}
.gh-tools { display: flex; align-items: center; gap: 14px; }
.gh-icon {
  position: relative;
  width: 40px;
  height: 40px;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: #5f6368;
  display: grid;
  place-items: center;
  text-decoration: none;
  cursor: pointer;
  flex: none;
}
.gh-icon svg { width: 22px; height: 22px; max-width: 22px; max-height: 22px; display: block; }
.gh-dot {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: #ea4335;
}
.gh-avatar {
  width: 32px;
  height: 32px;
  border-radius: 999px;
  border: 1px solid #dadce0;
  background: #f1f3f4;
  color: #5f6368;
  display: grid;
  place-items: center;
  text-decoration: none;
  flex: none;
}
.gh-avatar svg { width: 18px; height: 18px; display: block; }
.gh-main {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: min(100% - 32px, 584px);
  margin: 12vh auto 0;
  padding: 0 0 32px;
}
.gh-logo {
  margin: 0 0 28px;
  color: #202124;
  font-size: 56px;
  font-weight: 700;
  letter-spacing: -1.5px;
  line-height: 1;
  text-align: center;
}
.gh-search {
  display: flex;
  align-items: center;
  width: 100%;
  height: 50px;
  padding: 0 6px 0 4px;
  border-radius: 999px;
  background: #f1f3f4;
}
.gh-search input {
  flex: 1;
  min-width: 0;
  height: 100%;
  border: 0;
  outline: none;
  background: transparent;
  color: #202124;
  font: inherit;
  font-size: 16px;
}
.gh-foot {
  margin-top: auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 22px;
  min-height: 48px;
  padding: 12px 20px;
  border-top: 1px solid #e8eaed;
  background: #f8f9fa;
  color: #5f6368;
  font-size: 13px;
}
.gh-foot a, .gh-foot-link {
  color: inherit;
  text-decoration: none;
  background: none;
  border: 0;
  padding: 0;
  font: inherit;
  cursor: pointer;
}
.gh-foot .when-dark { display: none; }
html[data-theme="dark"] .gh-foot .when-light { display: none; }
html[data-theme="dark"] .gh-foot .when-dark { display: inline; }
html[data-theme="dark"] body.home-page.gh { background: #202124; color: #fff; }
html[data-theme="dark"] .gh-tab { color: #bdc1c6; }
html[data-theme="dark"] .gh-tab.on { color: #fff; }
html[data-theme="dark"] .gh-tab.on::after { background: #8ab4f8; }
html[data-theme="dark"] .gh-icon { color: #bdc1c6; }
html[data-theme="dark"] .gh-avatar { background: #303134; border-color: #5f6368; color: #e8eaed; }
html[data-theme="dark"] .gh-logo { color: #fff; }
html[data-theme="dark"] .gh-search { background: #303134; }
html[data-theme="dark"] .gh-search input { color: #fff; }
html[data-theme="dark"] .gh-foot { background: #202124; border-top-color: #3c4043; color: #9aa0a6; }
html[lang="fa"] body.home-page.gh,
html[lang="fa"] .srh,
html[lang="fa"] body.serp { font-family: "AzarMehr", Vazirmatn, sans-serif; }
html[lang="fa"] .gh-tab { letter-spacing: 0; }
@media (min-width: 720px) {
  .gh-top { padding: 16px 28px 0; }
  .gh-logo { font-size: 88px; letter-spacing: -2px; }
  .gh-main { margin-top: 16vh; }
  .gh-foot { padding: 14px 28px; }
}
html[data-theme="dark"] body.home-page,
html[data-theme="dark"] body.serp { background: #202124; color: #e8eaed; }
html[data-theme="dark"] .g-top,
html[data-theme="dark"] .gbar,
html[data-theme="dark"] #suggest { background: #202124; }
html[data-theme="dark"] .gbar { border-bottom-color: #3c4043; }
html[data-theme="dark"] .g-toplink,
html[data-theme="dark"] .host,
html[data-theme="dark"] .suggest-item { color: #e8eaed; }
html[data-theme="dark"] .box,
html[data-theme="dark"] .theme-toggle,
html[data-theme="dark"] .g-btn,
html[data-theme="dark"] .chip,
html[data-theme="dark"] .result-list > li { background: #303134; color: #e8eaed; border-color: #3c4043; }
html[data-theme="dark"] .box input { color: #e8eaed; }
html[data-theme="dark"] .box input::placeholder,
html[data-theme="dark"] .url,
html[data-theme="dark"] .snippet,
html[data-theme="dark"] .g-stats,
html[data-theme="dark"] .g-note,
html[data-theme="dark"] .rest { color: #bdc1c6; }
html[data-theme="dark"] .result-title,
html[data-theme="dark"] .gtab,
html[data-theme="dark"] .page-num,
html[data-theme="dark"] .page-link { color: #8ab4f8; }
html[data-theme="dark"] .gtab { border-bottom-color: #8ab4f8; }
html[data-theme="dark"] .result-title:visited { color: #c58af9; }
html[data-theme="dark"] .page-num.current { color: #e8eaed; }
html[data-theme="dark"] .g-foot { background: #171717; border-top-color: #3c4043; color: #9aa0a6; }
html[data-theme="dark"] .favicon { background: #202124; border-color: #5f6368; }
@media (min-width: 980px) {
  html[data-theme="dark"] .result-list > li { background: transparent; border: 0; }
}
html[data-theme="dark"] .suggest-item.active,
html[data-theme="dark"] .suggest-item:hover,
html[data-theme="dark"] .box-icon:hover,
html[data-theme="dark"] #clear:hover { background: #3c4043; }
@media (max-height: 520px) {
  body.home-page .logo { font-size: 42px; margin-bottom: 12px; }
  body.home-page .home { min-height: auto; justify-content: flex-start; padding-top: 12px; }
  body.home-page .g-actions { margin-top: 14px; }
  body.home-page .g-foot { position: static; }
}

.brief-page { background: var(--bg); min-height: 100vh; color: var(--text); }
.brief { width: min(100%, 52rem); margin: 0 auto; padding: 28px 16px 64px; }
.brief-head h1 { font-size: 28px; font-weight: 400; }
.brief-head p { margin-top: 8px; color: var(--text-2); }
.brief-actions { display: flex; align-items: center; gap: 16px; margin-top: 16px; }
.brief-actions button, .brief-actions a {
  border: 0;
  border-radius: 4px;
  background: var(--blue);
  color: #FFFFFF;
  font: inherit;
  font-weight: 500;
  text-decoration: none;
  padding: 10px 16px;
  cursor: pointer;
}
.brief-actions a { background: var(--surface); color: var(--blue); border: 1px solid var(--line); }
.review { width: min(100%, 72rem); }
#review-text {
  margin-top: 20px;
  max-height: 70vh;
  overflow: auto;
  padding: 24px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface);
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  font-family: ui-monospace, monospace;
  font-size: 13px;
  line-height: 1.6;
  user-select: all;
}
#brief-text {
  margin-top: 20px;
  padding: 24px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface);
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  font: inherit;
  line-height: 1.85;
  user-select: all;
}

.gsc {
  --gsc-blue: #1a73e8;
  --gsc-blue-ink: #1967d2;
  --gsc-blue-soft: #e8f0fe;
  --gsc-purple: #9334e6;
  --gsc-orange: #e37400;
  --gsc-green: #188038;
  --gsc-indexed: #1e8e3e;
  --gsc-red: #d93025;
  --gsc-text: #202124;
  --gsc-text-2: #5f6368;
  --gsc-text-3: #80868b;
  --gsc-line: #dadce0;
  --gsc-line-soft: #e8eaed;
  --gsc-hover: #f1f3f4;
  --gsc-bg: #ffffff;
  background: var(--gsc-bg);
  color: var(--gsc-text);
  min-height: 100vh;
}
.gsc-banner {
  margin: 0;
  padding: 8px 16px;
  background: #fef7e0;
  color: #b06000;
  font-size: 13px;
  text-align: center;
}
.gsc-top {
  position: sticky;
  top: 0;
  z-index: 30;
  height: 64px;
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 0 12px 0 8px;
  background: #fff;
  border-bottom: 1px solid var(--gsc-line);
}
.gsc-brand {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 0 8px;
  color: var(--gsc-text-2);
  text-decoration: none;
  flex: none;
}
.gsc-g { width: 28px; height: 28px; flex: none; }
.gsc-product { font-size: 22px; font-weight: 400; letter-spacing: 0; line-height: 1; white-space: nowrap; }
.gsc-property {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
  margin-inline-start: 8px;
  padding: 6px 12px;
  border-inline-start: 1px solid var(--gsc-line);
  color: var(--gsc-text-2);
}
.gsc-property svg { width: 24px; height: 24px; flex: none; }
.gsc-property-text { display: flex; flex-direction: column; min-width: 0; line-height: 1.3; }
.gsc-property-text strong { color: var(--gsc-text); font-size: 14px; font-weight: 500; }
.gsc-property-text small { color: var(--gsc-text-2); font-size: 12px; }
.gsc-top-spacer { flex: 1; }
.gsc-icon {
  width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  color: var(--gsc-text-2);
  text-decoration: none;
  flex: none;
}
.gsc-icon svg { width: 24px; height: 24px; }
.gsc-icon:hover { background: var(--gsc-hover); }
.gsc-frame { display: flex; align-items: stretch; min-height: calc(100vh - 64px); }
.gsc-nav {
  position: sticky;
  top: 64px;
  align-self: flex-start;
  width: 256px;
  height: calc(100vh - 64px);
  padding: 8px 0;
  overflow: auto;
  background: #fff;
  border-inline-end: 1px solid var(--gsc-line);
  flex: none;
}
.gsc-nav a {
  display: flex;
  align-items: center;
  gap: 16px;
  height: 40px;
  margin-inline-end: 8px;
  padding: 0 16px;
  border-start-start-radius: 0;
  border-end-start-radius: 0;
  border-start-end-radius: 20px;
  border-end-end-radius: 20px;
  color: #3c4043;
  font-size: 14px;
  text-decoration: none;
}
.gsc-nav a svg { width: 20px; height: 20px; flex: none; color: var(--gsc-text-2); }
.gsc-nav a:hover { background: var(--gsc-hover); }
.gsc-nav a.current { background: var(--gsc-blue-soft); color: var(--gsc-blue-ink); font-weight: 500; }
.gsc-nav a.current svg { color: var(--gsc-blue-ink); }
.gsc-nav a.current:hover { background: var(--gsc-blue-soft); }
.gsc-main { flex: 1; min-width: 0; padding: 16px 24px 64px; }
.gsc-status {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  color: var(--gsc-text-2);
  font-size: 13px;
}
.gsc-note { max-width: 46rem; margin-top: 8px; color: var(--gsc-text-2); font-size: 13px; line-height: 1.7; }
.gsc-state { display: inline-flex; align-items: center; gap: 6px; font-weight: 500; }
.gsc-state i { width: 8px; height: 8px; border-radius: 999px; background: currentColor; flex: none; }
.gsc .tone-working, .gsc .tone-up { color: var(--gsc-green); }
.gsc .tone-idle, .gsc .tone-empty, .gsc .tone-limited { color: var(--gsc-orange); }
.gsc .tone-stopped, .gsc .tone-down, .gsc .tone-stalled { color: var(--gsc-red); }
.gsc .tone-off { color: var(--gsc-text-2); }
.gsc-crawlers { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; padding: 16px; }
.gsc-crawler { border: 1px solid var(--gsc-line); border-top: 3px solid var(--gsc-line); border-radius: 8px; padding: 12px 14px 10px; }
.gsc-crawler.tone-working { border-top-color: var(--gsc-green); }
.gsc-crawler.tone-idle { border-top-color: var(--gsc-orange); }
.gsc-crawler.tone-stalled, .gsc-crawler.tone-stopped { border-top-color: var(--gsc-red); }
.gsc-crawler header { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; }
.gsc-crawler h3 { margin: 0; font-size: 15px; font-weight: 500; }
.gsc-crawler header p { margin: 2px 0 0; color: var(--gsc-text-2); font-size: 12px; line-height: 1.6; }
.gsc-crawler .gsc-state { flex: none; white-space: nowrap; }
.gsc-crawler dl { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; margin: 12px 0 0; }
.gsc-crawler dt { color: var(--gsc-text-2); font-size: 11px; }
.gsc-crawler dd { margin: 2px 0 0; font-size: 18px; font-weight: 400; }
.gsc .tone-working i { animation: gsc-pulse 1.4s ease-in-out infinite; }
@keyframes gsc-pulse { 50% { opacity: 0.35; } }
.gsc-card {
  margin-top: 16px;
  border: 1px solid var(--gsc-line);
  border-radius: 8px;
  background: #fff;
  overflow: hidden;
  scroll-margin-top: 80px;
}
.gsc-status, #overview { scroll-margin-top: 80px; }
.gsc-card-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  padding: 16px 16px 0;
}
.gsc-card-head h2 { font-size: 16px; font-weight: 500; }
.gsc-card-head span { color: var(--gsc-text-2); font-size: 13px; text-align: end; }
.gsc-filters { display: flex; flex-wrap: wrap; gap: 8px; padding: 12px 16px 0; }
.gsc-chip {
  display: inline-flex;
  align-items: center;
  height: 32px;
  padding: 0 12px;
  border: 1px solid var(--gsc-line);
  border-radius: 8px;
  color: #3c4043;
  font-size: 14px;
  background: #fff;
}
.gsc-metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin: 16px 16px 0;
  border: 1px solid var(--gsc-line);
  border-radius: 8px;
  overflow: hidden;
}
.gsc-metric { min-width: 0; padding: 10px 16px 12px; border-top: 3px solid transparent; }
.gsc-metric + .gsc-metric { border-inline-start: 1px solid var(--gsc-line); }
.gsc-metric-name { display: flex; align-items: center; gap: 8px; color: var(--gsc-text-2); font-size: 12px; }
.gsc-check { width: 14px; height: 14px; border-radius: 2px; flex: none; }
.gsc-metric strong { display: block; margin-top: 4px; font-size: 28px; font-weight: 400; line-height: 1.2; letter-spacing: 0; }
.metric-clicks.on { border-top-color: var(--gsc-blue); }
.metric-clicks .gsc-check { background: var(--gsc-blue); }
.metric-impr.on { border-top-color: var(--gsc-purple); }
.metric-impr .gsc-check { background: var(--gsc-purple); }
.metric-ctr .gsc-check { border: 2px solid var(--gsc-line); }
.metric-pos .gsc-check { border: 2px solid var(--gsc-line); }
.gsc-metric.off strong { color: var(--gsc-text-3); }
.gsc-chart-wrap { padding: 8px 12px 16px; }
.gsc-chart { width: 100%; height: auto; display: block; }
.gsc-chart .grid { stroke: var(--gsc-line-soft); stroke-width: 1; }
.gsc-chart text { font-family: "AzarMehr", Vazirmatn, Roboto, sans-serif; font-size: 11px; fill: var(--gsc-text-2); }
.gsc-chart .area-impr { fill: var(--gsc-purple); opacity: 0.08; }
.gsc-chart .area-clicks { fill: var(--gsc-blue); opacity: 0.12; }
.gsc-chart .line-impr { fill: none; stroke: var(--gsc-purple); stroke-width: 2.5; stroke-linejoin: round; stroke-linecap: round; }
.gsc-chart .line-clicks { fill: none; stroke: var(--gsc-blue); stroke-width: 2.5; stroke-linejoin: round; stroke-linecap: round; }
.gsc-chart .hit { fill: transparent; }
.gsc-chart .hit:hover { fill: rgba(26, 115, 232, 0.08); }
.gsc-index { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; padding: 16px 16px 0; }
.gsc-index p { color: var(--gsc-text-2); font-size: 13px; }
.gsc-index strong { display: block; margin-top: 4px; font-size: 32px; font-weight: 400; line-height: 1.2; }
.gsc-index .good { color: var(--gsc-indexed); }
.gsc-index .bad { color: var(--gsc-red); }
.gsc-stack { display: flex; height: 8px; margin: 16px 16px 0; border-radius: 999px; overflow: hidden; background: var(--gsc-line-soft); }
.gsc-stack .ok { background: var(--gsc-indexed); }
.gsc-stack .bad { background: var(--gsc-red); }
.gsc-table { width: 100%; border-collapse: collapse; margin-top: 8px; }
.gsc-table th, .gsc-table td { padding: 12px 16px; text-align: start; vertical-align: middle; }
.gsc-table th { color: var(--gsc-text-2); font-size: 12px; font-weight: 500; border-bottom: 1px solid var(--gsc-line); }
.gsc-table td { font-size: 14px; border-bottom: 1px solid var(--gsc-hover); }
.gsc-table tbody tr:hover td { background: #f8f9fa; }
.gsc-table .num { text-align: end; white-space: nowrap; }
.gsc-table .ltr { font-weight: 500; }
.gsc-table .muted { color: var(--gsc-text-2); }
.gsc-table .sub { display: block; margin-top: 2px; color: var(--gsc-text-2); font-size: 12px; font-weight: 400; }
.gsc-table strong { font-weight: 500; }
.gsc-count { display: inline-block; min-width: 2.5rem; }
.gsc-mini { display: inline-block; width: 5rem; height: 8px; margin-inline-start: 8px; border-radius: 999px; background: var(--gsc-blue-soft); vertical-align: middle; overflow: hidden; }
.gsc-mini > span { display: block; height: 100%; background: var(--gsc-blue); }
.gsc-foot { margin: 0; padding: 12px 16px 16px; color: var(--gsc-text-3); font-size: 12px; line-height: 1.7; }
.gsc-lead { padding-bottom: 0; }
.gsc-empty { margin: 0; padding: 16px; color: var(--gsc-text-2); font-size: 14px; }
.gsc-split { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; padding: 16px; }
.gsc-label { color: var(--gsc-text-2); font-size: 12px; font-weight: 500; }
.gsc-big { margin-top: 6px; font-size: 28px; font-weight: 400; line-height: 1.2; }
.gsc-hint { margin-top: 8px; color: var(--gsc-text-2); font-size: 12px; line-height: 1.7; }
.gsc-meter { height: 4px; margin-top: 12px; border-radius: 999px; background: var(--gsc-line-soft); overflow: hidden; }
.gsc-meter > span { display: block; height: 100%; background: var(--gsc-blue); }
.gsc-meter.warn > span { background: var(--gsc-orange); }
.gsc-login { min-height: calc(100vh - 64px); display: grid; place-items: center; padding: 24px 16px 64px; background: #f8f9fa; }
.gsc-signin {
  width: min(100%, 28rem);
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 40px 36px 32px;
  border: 1px solid var(--gsc-line);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 1px 2px rgba(60, 64, 67, 0.3), 0 1px 3px 1px rgba(60, 64, 67, 0.15);
}
.gsc-signin h1 { font-size: 24px; font-weight: 400; }
.gsc-signin p { color: var(--gsc-text-2); font-size: 14px; line-height: 1.7; }
.gsc-signin label { display: flex; flex-direction: column; gap: 6px; color: var(--gsc-text-2); font-size: 14px; font-weight: 500; }
.gsc-signin input {
  width: 100%;
  padding: 12px 14px;
  border: 1px solid var(--gsc-line);
  border-radius: 4px;
  background: #fff;
  color: var(--gsc-text);
  font: inherit;
}
.gsc-signin input:focus { outline: none; border-color: var(--gsc-blue); box-shadow: 0 0 0 1px var(--gsc-blue); }
.gsc-signin button {
  align-self: flex-start;
  margin-top: 8px;
  padding: 10px 24px;
  border: 0;
  border-radius: 4px;
  background: var(--gsc-blue);
  color: #fff;
  font: inherit;
  font-weight: 500;
  cursor: pointer;
}
.gsc-signin button:hover { background: var(--gsc-blue-ink); box-shadow: 0 1px 2px rgba(60, 64, 67, 0.3); }
@media (max-width: 960px) {
  .gsc-frame { flex-direction: column; }
  .gsc-nav {
    position: sticky;
    top: 64px;
    z-index: 20;
    width: 100%;
    height: auto;
    display: flex;
    gap: 0;
    padding: 0;
    overflow-x: auto;
    border-bottom: 1px solid var(--gsc-line);
    border-inline-end: 0;
  }
  .gsc-nav a {
    height: 48px;
    margin: 0;
    border-radius: 0;
    white-space: nowrap;
  }
  .gsc-nav a.current { background: transparent; box-shadow: inset 0 -3px 0 var(--gsc-blue); }
  .gsc-main { padding: 12px 12px 48px; }
  .gsc-metrics { grid-template-columns: 1fr 1fr; }
  .gsc-metric:nth-child(odd) { border-inline-start: 0; }
  .gsc-metric:nth-child(n + 3) { border-top-width: 3px; border-top-color: transparent; border-top-style: solid; box-shadow: inset 0 1px 0 var(--gsc-line); }
  .gsc-split, .gsc-index, .gsc-crawlers { grid-template-columns: 1fr; }
  .gsc-product { font-size: 18px; }
  .gsc-property small { display: none; }
}
/* Gmail clone — pixel-close to Gmail, RTL-aware */
.gmail {
  --gm-bg: #f6f8fc;
  --gm-surface: #ffffff;
  --gm-border: #e1e3e1;
  --gm-border-strong: #dadce0;
  --gm-hover: #f2f6fc;
  --gm-active: #d3e3fd;
  --gm-active-text: #001d35;
  --gm-text: #202124;
  --gm-text-2: #5f6368;
  --gm-text-3: #80868b;
  --gm-blue: #0b57d0;
  --gm-blue-hover: #0b57d0;
  --gm-yellow: #fbbc04;
  --gm-unread-bg: #ffffff;
  --gm-read-bg: #f2f6fc;
  --gm-radius: 16px;
  --gm-sidebar-w: 256px;
  background: var(--gm-bg);
  color: var(--gm-text);
  min-height: 100vh;
}
.gmail-top {
  position: sticky;
  top: 0;
  z-index: 20;
  display: flex;
  align-items: center;
  gap: 12px;
  height: 64px;
  padding: 0 12px;
  background: var(--gm-bg);
}
.gmail-menu {
  width: 48px;
  height: 48px;
  border: 0;
  border-radius: 999px;
  background: transparent;
  font-size: 20px;
  cursor: pointer;
  display: grid;
  place-items: center;
}
.gmail-menu:hover { background: rgba(0,0,0,0.06); }
.gmail-logo {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 22px;
  font-weight: 400;
  color: var(--gm-text-2);
  text-decoration: none;
  flex: none;
}
.gmail-logo-g {
  width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
  border-radius: 8px;
  background: var(--gm-blue);
  color: #fff;
  font-weight: 700;
  font-size: 20px;
}
.gmail-search {
  flex: 1;
  max-width: 720px;
  display: flex;
  align-items: center;
  height: 48px;
  padding: 0 16px;
  border-radius: 999px;
  background: #eaf1fb;
  margin: 0 16px;
}
.gmail-search:focus-within { background: #fff; box-shadow: 0 1px 3px rgba(0,0,0,0.2); }
.gmail-search input {
  flex: 1;
  border: 0;
  outline: none;
  background: transparent;
  font: inherit;
  font-size: 16px;
}
.gmail-search button {
  border: 0;
  background: transparent;
  font-size: 20px;
  cursor: pointer;
  color: var(--gm-text-2);
}
.gmail-top-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: none;
}
.gmail-compose-top, .gmail-logout {
  padding: 8px 16px;
  border-radius: 999px;
  text-decoration: none;
  font-size: 14px;
  font-weight: 500;
}
.gmail-compose-top { background: #c2e7ff; color: #001d35; }
.gmail-compose-top:hover { box-shadow: 0 1px 3px rgba(0,0,0,0.2); }
.gmail-user { font-size: 13px; color: var(--gm-text-2); max-width: 160px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.gmail-logout { color: var(--gm-text-2); }
.gmail-frame { display: flex; align-items: stretch; min-height: calc(100vh - 64px); gap: 0; padding: 0 12px 12px 0; }
.gmail-sidebar {
  width: var(--gm-sidebar-w);
  flex: none;
  padding: 8px 0;
  overflow: auto;
}
.gmail-compose {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 56px;
  padding: 0 24px;
  margin: 8px 12px 16px 0;
  border-radius: 16px;
  background: #c2e7ff;
  color: #001d35;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  box-shadow: 0 1px 2px rgba(0,0,0,0.2);
}
.gmail-compose:hover { box-shadow: 0 1px 6px rgba(0,0,0,0.2); }
.gmail-nav { display: flex; flex-direction: column; gap: 2px; padding-inline-end: 12px; }
.gmail-nav a {
  display: flex;
  align-items: center;
  gap: 12px;
  height: 32px;
  padding: 0 16px;
  border-radius: 0 16px 16px 0;
  color: var(--gm-text);
  font-size: 14px;
  text-decoration: none;
}
.gmail-nav a:hover { background: rgba(0,0,0,0.06); }
.gmail-nav a.active { background: var(--gm-active); color: var(--gm-active-text); font-weight: 700; }
.gmail-nav a span { width: 20px; text-align: center; }
.gmail-main {
  flex: 1;
  min-width: 0;
  background: var(--gm-surface);
  border-radius: var(--gm-radius);
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.gmail-toolbar {
  display: flex;
  align-items: center;
  gap: 12px;
  height: 48px;
  padding: 0 16px;
  border-bottom: 1px solid var(--gm-border);
  color: var(--gm-text-2);
  font-size: 13px;
}
.gmail-toolbar-spacer { flex: 1; }
.gmail-list { list-style: none; margin: 0; padding: 0; }
.gmail-row {
  display: flex;
  align-items: center;
  gap: 4px;
  min-height: 40px;
  padding: 0 8px 0 16px;
  border-bottom: 1px solid #eceff1;
  background: var(--gm-read-bg);
  font-family: "AzarMehr", sans-serif;
}
.gmail-row.unread { background: var(--gm-unread-bg); }
.gmail-row.unread .gmail-row-sender, .gmail-row.unread .gmail-row-subject { font-weight: 700; }
.gmail-row:hover { box-shadow: inset 1px 0 0 #dadce0, inset -1px 0 0 #dadce0, 0 -1px 0 #dadce0, 0 1px 2px rgba(60,64,67,0.3); z-index: 1; position: relative; }
.gmail-row-check { width: 20px; height: 20px; border: 2px solid var(--gm-text-3); border-radius: 2px; background: transparent; cursor: pointer; flex: none; display: grid; place-items: center; }
.gmail-row-check span { display: none; }
.gmail-row-star { width: 32px; height: 32px; border: 0; border-radius: 999px; background: transparent; cursor: pointer; font-size: 18px; color: var(--gm-text-3); flex: none; display: grid; place-items: center; }
.gmail-row-star:hover { background: rgba(0,0,0,0.06); }
.gmail-row.starred .gmail-row-star { color: var(--gm-yellow); }
.gmail-row-link {
  flex: 1;
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 0;
  text-decoration: none;
  color: inherit;
  overflow: hidden;
}
.gmail-row-sender { flex: none; max-width: 18ch; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; color: var(--gm-text); }
.gmail-row-subject { flex: none; max-width: 32ch; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; color: var(--gm-text); }
.gmail-row-snippet { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--gm-text-2); font-size: 14px; font-weight: 400; }
.gmail-row-date { flex: none; color: var(--gm-text-2); font-size: 12px; white-space: nowrap; }
.gmail-row-count { flex: none; color: var(--gm-text-2); font-size: 12px; }
.gmail-pager { display: flex; align-items: center; justify-content: center; gap: 16px; padding: 16px; color: var(--gm-text-2); }
.gmail-pager a { color: var(--gm-blue); text-decoration: none; }
.gmail-empty { padding: 48px 24px; text-align: center; color: var(--gm-text-2); }
.gmail-thread-bar { display: flex; align-items: center; justify-content: space-between; padding: 8px 24px; border-bottom: 1px solid var(--gm-border); }
.gmail-thread-back { color: var(--gm-text-2); font-size: 13px; text-decoration: none; }
.gmail-thread-back:hover { color: var(--gm-text); }
.gmail-thread-bar-actions { display: flex; gap: 4px; }
.gmail-thread-bar-actions button { width: 36px; height: 36px; border: 0; border-radius: 999px; background: transparent; cursor: pointer; font-size: 16px; display: grid; place-items: center; }
.gmail-thread-bar-actions button:hover { background: rgba(0,0,0,0.06); }
.gmail-thread-subject { padding: 20px 24px 12px; font-size: 22px; font-weight: 400; line-height: 1.4; color: var(--gm-text); border-bottom: 1px solid var(--gm-border); font-family: "AzarMehr", sans-serif; }
.gmail-msg { border-bottom: 1px solid var(--gm-border); padding: 0; }
.gmail-msg.unread { background: #fef7e0; }
.gmail-msg-header { display: flex; align-items: flex-start; gap: 12px; padding: 16px 24px 0; }
.gmail-msg-avatar { width: 40px; height: 40px; border-radius: 999px; background: #e8eaed; color: var(--gm-text-2); font-size: 16px; font-weight: 500; display: grid; place-items: center; flex: none; }
.gmail-msg-sender { flex: 1; min-width: 0; }
.gmail-msg-from { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; font-size: 14px; line-height: 1.5; }
.gmail-msg-from strong { font-weight: 700; color: var(--gm-text); }
.gmail-msg-email { color: var(--gm-text-2); font-size: 13px; font-weight: 400; }
.gmail-msg-to-line { color: var(--gm-text-2); font-size: 12px; margin-top: 2px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.gmail-msg-meta { display: flex; align-items: center; gap: 8px; flex: none; }
.gmail-msg-date { color: var(--gm-text-2); font-size: 12px; white-space: nowrap; }
.gmail-msg-more { width: 32px; height: 32px; border: 0; border-radius: 999px; background: transparent; cursor: pointer; font-size: 18px; color: var(--gm-text-2); display: grid; place-items: center; }
.gmail-msg-more:hover { background: rgba(0,0,0,0.06); }
.gmail-star { border: 0; background: transparent; font-size: 18px; cursor: pointer; color: var(--gm-text-3); flex: none; }
.gmail-star-inline { font-size: 16px; }
.gmail-msg.starred .gmail-star { color: var(--gm-yellow); }
.gmail-msg-body { margin: 12px 24px 0; padding: 0 0 12px 52px; font-size: 14px; line-height: 1.8; color: var(--gm-text); overflow-wrap: anywhere; white-space: pre-wrap; font-family: "AzarMehr", sans-serif; }
.gmail-msg-body-html { white-space: normal; }
.gmail-msg-body-html p { margin: 0 0 12px; }
.gmail-msg-body-html a { color: var(--gm-blue); }
.gmail-msg-actions { display: flex; gap: 8px; padding: 12px 24px 16px 76px; flex-wrap: wrap; }
.gmail-msg-actions a, .gmail-msg-actions button { font-family: "AzarMehr", sans-serif; }
.gmail-thread-reply-bar { display: flex; gap: 12px; padding: 16px 24px; border-top: 1px solid var(--gm-border); }
.gmail-back { width: 40px; height: 40px; border-radius: 999px; display: grid; place-items: center; text-decoration: none; color: var(--gm-text-2); font-size: 20px; }
.gmail-back:hover { background: rgba(0,0,0,0.06); }
.gmail-compose-form { display: flex; flex-direction: column; gap: 12px; padding: 24px; }
.gmail-compose-form label { display: flex; flex-direction: column; gap: 6px; font-size: 13px; color: var(--gm-text-2); }
.gmail-compose-form input, .gmail-compose-form textarea {
  padding: 10px 12px;
  border: 1px solid var(--gm-border-strong);
  border-radius: 8px;
  font: inherit;
  font-size: 14px;
}
.gmail-compose-form input:focus, .gmail-compose-form textarea:focus { outline: none; border-color: var(--gm-blue); box-shadow: 0 0 0 1px var(--gm-blue); }
.gmail-compose-field { display: flex; align-items: center; gap: 12px; }
.gmail-compose-field label { flex: none; width: 80px; font-size: 13px; color: var(--gm-text-2); }
.gmail-compose-input-wrap { position: relative; flex: 1; min-width: 0; }
.gmail-compose-input-wrap input { width: 100%; }
.gmail-compose-suggest {
  position: absolute;
  inset-inline: 0;
  top: calc(100% + 4px);
  z-index: 20;
  margin: 0;
  padding: 4px 0;
  list-style: none;
  border: 1px solid var(--gm-border-strong);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
  max-height: 200px;
  overflow: auto;
}
.gmail-compose-suggest li { padding: 8px 12px; cursor: pointer; display: flex; justify-content: space-between; align-items: center; }
.gmail-compose-suggest li:hover, .gmail-compose-suggest li.active { background: var(--gm-hover); }
.gmail-compose-suggest li small { color: var(--gm-text-2); font-size: 12px; }
.gmail-editor-toolbar {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 8px;
  border: 1px solid var(--gm-border-strong);
  border-radius: 8px 8px 0 0;
  background: #f8f9fa;
  flex-wrap: wrap;
}
.gmail-editor-toolbar select, .gmail-editor-toolbar button {
  padding: 4px 8px;
  border: 1px solid var(--gm-border-strong);
  border-radius: 4px;
  background: #fff;
  font: inherit;
  font-size: 13px;
  cursor: pointer;
}
.gmail-editor-toolbar button { min-width: 32px; }
.gmail-toolbar-sep { width: 1px; height: 24px; background: var(--gm-border); margin: 0 4px; }
.gmail-editor {
  min-height: 200px;
  padding: 12px;
  border: 1px solid var(--gm-border-strong);
  border-top: 0;
  border-radius: 0 0 8px 8px;
  font-size: 14px;
  line-height: 1.7;
  outline: none;
  overflow-wrap: anywhere;
}
.gmail-editor:empty:before { content: attr(data-placeholder); color: var(--gm-text-3); }
.gmail-editor:focus { border-color: var(--gm-blue); box-shadow: 0 0 0 1px var(--gm-blue); }
.gmail-compose-actions { display: flex; gap: 12px; }
.gmail-btn-primary {
  padding: 10px 24px;
  border: 0;
  border-radius: 999px;
  background: var(--gm-blue);
  color: #fff;
  font: inherit;
  font-weight: 500;
  cursor: pointer;
}
.gmail-btn {
  padding: 10px 24px;
  border: 1px solid var(--gm-border-strong);
  border-radius: 999px;
  background: #fff;
  color: var(--gm-text);
  font: inherit;
  text-decoration: none;
  cursor: pointer;
}
.gmail-btn-sm { padding: 6px 12px; font-size: 12px; }
.gmail-row-action {
  flex: none;
  width: 32px;
  height: 32px;
  border: 0;
  border-radius: 999px;
  background: transparent;
  cursor: pointer;
  display: grid;
  place-items: center;
  color: var(--gm-text-2);
}
.gmail-row-action:hover { background: rgba(0,0,0,0.06); }
.gmail-row-delete:hover { color: #d93025; }
@media (max-width: 960px) {
  .gmail-frame { flex-direction: column; padding: 0 0 12px; }
  .gmail-sidebar {
    width: 100%;
    display: none;
  }
  .gmail-sidebar.open { display: block; }
  .gmail-search { margin: 0 8px; }
  .gmail-top-actions .gmail-user { display: none; }
  .gmail-main { border-radius: 0; }
}
@media (max-width: 640px) {
  .gsc-table .muted { display: none; }
  .gsc-nav a svg { display: none; }
  .gsc-crawler dl { grid-template-columns: 1fr 1fr; }
}