/* =========================================================
   Ahmetli Mail — Responsive full-viewport
   Laptop / büyük / küçük: otomatik oturur, taşmaz, kota görünür
   ========================================================= */

:root {
  --c-bg: #f3f5f9;
  --c-surface: #ffffff;
  --c-line: #e3e7ee;
  --c-text: #111827;
  --c-muted: #6b7280;
  --c-accent: #2563eb;
  --c-accent-soft: #eff4ff;
  --c-accent-hover: #1d4ed8;
  --c-row-hover: #f5f7fb;
  --c-unread: #2563eb;
  --top-h: 52px;
  --app-h: 100dvh;
  --folder-w: 248px;
  --list-w: 360px;
  --read-w: minmax(0, 1fr);
  --font: "Segoe UI Variable", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;
  --radius-sm: 8px;
  --radius-md: 12px;
  --shadow-soft: 0 1px 2px rgba(15, 23, 42, 0.04);
}

html:has(body.task-mail) {
  height: 100% !important;
  width: 100% !important;
  overflow: hidden !important;
}

html body.task-mail {
  height: 100% !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  font-family: var(--font) !important;
  color: var(--c-text) !important;
  background: var(--c-surface) !important;
}

html body.task-mail,
html body.task-mail * {
  box-sizing: border-box !important;
}

/* Ana kabuk: gerçek pencere yüksekliği (--app-h JS ile set) */
html body.task-mail #layout {
  display: grid !important;
  grid-template-columns: var(--folder-w) var(--list-w) var(--read-w) !important;
  grid-template-rows: var(--top-h) minmax(0, 1fr) !important;
  width: 100% !important;
  height: var(--app-h) !important;
  max-width: 100% !important;
  max-height: var(--app-h) !important;
  margin: 0 !important;
  padding: 0 !important;
  gap: 0 !important;
  overflow: hidden !important;
  background: var(--c-surface) !important;
  position: relative !important;
}

/* Elastic absolute yerleşimi iptal (üst bar yüksekliğini ezme) */
html body.task-mail #layout > div {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  float: none !important;
  width: auto !important;
  height: auto !important;
  max-width: none !important;
  max-height: none !important;
}
html body.task-mail #layout > #am-topbar {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  float: none !important;
  width: auto !important;
  height: var(--top-h) !important;
  min-height: var(--top-h) !important;
  max-height: var(--top-h) !important;
  overflow: hidden !important;
}

html body.task-mail #layout .scroller {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  height: auto !important;
  max-height: none !important;
}

html body.task-mail #am-topbar {
  grid-column: 1 / -1 !important;
  grid-row: 1 !important;
  z-index: 50 !important;
  min-width: 0 !important;
}

html body.task-mail #layout-menu {
  display: none !important;
}

html body.task-mail #layout-sidebar,
html body.task-mail #layout-list,
html body.task-mail #layout-content {
  display: flex !important;
  flex-direction: column !important;
  min-width: 0 !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

html body.task-mail #layout-sidebar {
  grid-column: 1 !important;
  grid-row: 2 !important;
  width: var(--folder-w) !important;
  max-width: var(--folder-w) !important;
  min-width: var(--folder-w) !important;
  background: #f8f9fa !important;
  border-right: 1px solid var(--c-line) !important;
}

html body.task-mail #layout-list {
  grid-column: 2 !important;
  grid-row: 2 !important;
  width: var(--list-w) !important;
  max-width: var(--list-w) !important;
  min-width: var(--list-w) !important;
  background: var(--c-surface) !important;
  border-right: 1px solid var(--c-line) !important;
}

html body.task-mail #layout-content {
  grid-column: 3 !important;
  grid-row: 2 !important;
  background: var(--c-surface) !important;
}

html body.task-mail #layout > .popupmenu {
  position: absolute !important;
}

/* ========== ÜST BAR ========== */
#am-topbar {
  display: grid !important;
  grid-template-columns: var(--folder-w) var(--list-w) minmax(0, 1fr) !important;
  grid-template-rows: var(--top-h) !important;
  grid-auto-flow: column !important;
  align-items: stretch !important;
  gap: 0 !important;
  height: var(--top-h) !important;
  min-height: var(--top-h) !important;
  max-height: var(--top-h) !important;
  padding: 0 !important;
  background: var(--c-surface) !important;
  border-bottom: 1px solid var(--c-line) !important;
  overflow: hidden !important;
}

/* Sabit kolonlar: ekstra çocuk (mobil menü vb.) sağ aksiyonları alta itmesin */
#am-topbar > .am-brand,
#am-topbar > .am-brand-slot {
  grid-column: 1 !important;
  grid-row: 1 !important;
}
#am-topbar > .am-search-host {
  grid-column: 2 !important;
  grid-row: 1 !important;
}
#am-topbar > .am-top-actions {
  grid-column: 3 !important;
  grid-row: 1 !important;
}
.am-brand-slot {
  display: flex !important;
  align-items: center !important;
  min-width: 0 !important;
  width: 100% !important;
  height: 100% !important;
  border-right: 1px solid var(--c-line) !important;
  box-sizing: border-box !important;
  padding-left: 6px !important;
}
.am-brand-slot > .am-brand {
  border-right: 0 !important;
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
}

.am-brand {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  flex: none !important;
  min-width: 0 !important;
  max-width: none !important;
  width: 100% !important;
  padding: 0 14px !important;
  border-right: 1px solid var(--c-line) !important;
  box-sizing: border-box !important;
  text-decoration: none !important;
  color: inherit !important;
  cursor: pointer !important;
}
.am-brand:hover {
  background: rgba(0, 0, 0, 0.03) !important;
}
.am-brand:focus-visible {
  outline: 2px solid var(--c-accent, #1967d2) !important;
  outline-offset: -2px !important;
}
.am-brand-logo {
  flex: 0 0 auto !important;
  width: 28px !important;
  height: 28px !important;
  object-fit: contain !important;
  display: block !important;
}
.am-user-email,
.am-brand-name {
  font-size: 14px !important;
  font-weight: 700 !important;
  color: var(--c-text) !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  letter-spacing: -0.02em !important;
}
.am-brand-name {
  font-size: 15px !important;
  font-weight: 750 !important;
}
.am-brand-mark,
.am-brand-text {
  display: none !important;
}

.am-search-host {
  flex: none !important;
  max-width: none !important;
  min-width: 0 !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 10px !important;
  display: flex !important;
  align-items: center !important;
  border-right: 1px solid var(--c-line) !important;
  box-sizing: border-box !important;
}

html body.task-mail #am-topbar .searchbar,
html body.task-mail #am-topbar .searchbar.menu {
  display: flex !important;
  align-items: center !important;
  height: 36px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 10px 0 12px !important;
  background: var(--c-bg) !important;
  border: 1px solid transparent !important;
  border-radius: var(--radius-md) !important;
  box-shadow: var(--shadow-soft) !important;
}
html body.task-mail #am-topbar .searchbar:focus-within {
  background: var(--c-surface) !important;
  border-color: #93c5fd !important;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.14) !important;
}
html body.task-mail #am-topbar .searchbar::before {
  content: "" !important;
  width: 16px !important;
  height: 16px !important;
  flex: 0 0 16px !important;
  margin-right: 8px !important;
  background: no-repeat center / 16px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-3-3'/%3E%3C/svg%3E") !important;
}
html body.task-mail #am-topbar .searchbar form::before,
html body.task-mail #am-topbar .searchbar form::after,
html body.task-mail #am-topbar .searchbar input::before,
html body.task-mail #am-topbar .searchbar input::after {
  content: none !important;
  display: none !important;
}
html body.task-mail #am-topbar .searchbar form {
  flex: 1 !important;
  margin: 0 !important;
  min-width: 0 !important;
  display: flex !important;
  align-items: center !important;
  height: 100% !important;
}
html body.task-mail #am-topbar .searchbar input[type="text"],
html body.task-mail #am-topbar #mailsearchform {
  width: 100% !important;
  height: 32px !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  font-size: 13px !important;
  font-family: var(--font) !important;
  color: var(--c-text) !important;
  padding: 0 !important;
}
html body.task-mail #am-topbar .searchbar input::placeholder {
  color: var(--c-muted) !important;
}
html body.task-mail #am-topbar .searchbar > a.button,
html body.task-mail #am-topbar .searchbar > a,
html body.task-mail #am-topbar .searchbar .search-button,
html body.task-mail #am-topbar .searchbar button {
  display: none !important;
}

.am-top-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex-wrap: nowrap !important;
  gap: 4px !important;
  margin-left: 0 !important;
  flex: none !important;
  width: 100% !important;
  min-width: 0 !important;
  padding: 0 12px 0 8px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}
.am-btn-primary {
  display: none !important;
}
.am-icon-btn {
  width: 34px !important;
  height: 34px !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: transparent !important;
  color: var(--c-muted) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-decoration: none !important;
  cursor: pointer !important;
  padding: 0 !important;
  flex: 0 0 34px !important;
  transition: background .15s ease, color .15s ease, transform .2s ease !important;
}
.am-icon-btn:hover {
  background: var(--c-bg) !important;
  color: var(--c-text) !important;
}
.am-icon-btn svg { width: 18px !important; height: 18px !important; }
#am-refresh-btn.is-spinning svg {
  animation: am-spin .7s linear infinite !important;
}
@keyframes am-spin {
  to { transform: rotate(360deg); }
}

#am-theme-btn .am-ico-sun { display: none !important; }
#am-theme-btn .am-ico-moon { display: block !important; }
html.am-dark #am-theme-btn .am-ico-sun { display: block !important; }
html.am-dark #am-theme-btn .am-ico-moon { display: none !important; }

.am-profile {
  position: relative !important;
  margin-left: 4px !important;
}
.am-avatar {
  width: 32px !important;
  height: 32px !important;
  border-radius: 50% !important;
  background: linear-gradient(145deg, #3b82f6, #1d4ed8) !important;
  color: #fff !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 0 !important;
  cursor: pointer !important;
  padding: 0 !important;
  box-shadow: 0 0 0 2px var(--c-surface), 0 0 0 3px rgba(37,99,235,.35) !important;
  transition: transform .15s ease, box-shadow .15s ease !important;
}
.am-avatar:hover,
.am-profile.is-open .am-avatar {
  transform: scale(1.04) !important;
  box-shadow: 0 0 0 2px var(--c-surface), 0 0 0 3px rgba(37,99,235,.55) !important;
}

.am-profile-menu {
  position: absolute !important;
  top: calc(100% + 8px) !important;
  right: 0 !important;
  width: 280px !important;
  background: var(--c-surface) !important;
  border: 1px solid var(--c-line) !important;
  border-radius: 14px !important;
  box-shadow: 0 12px 40px rgba(15, 23, 42, 0.16), 0 2px 8px rgba(15, 23, 42, 0.06) !important;
  z-index: 200 !important;
  overflow: hidden !important;
  padding: 0 !important;
}
.am-profile-menu[hidden] { display: none !important; }
.am-profile-head {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 16px 16px 14px !important;
  background: linear-gradient(180deg, var(--c-bg), var(--c-surface)) !important;
  border-bottom: 1px solid var(--c-line) !important;
}
.am-profile-av {
  width: 42px !important;
  height: 42px !important;
  border-radius: 50% !important;
  background: linear-gradient(145deg, #3b82f6, #1d4ed8) !important;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 42px !important;
}
.am-profile-meta { min-width: 0 !important; }
.am-profile-name {
  font-size: 14px !important;
  font-weight: 700 !important;
  color: var(--c-text) !important;
  line-height: 1.25 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.am-profile-mail {
  font-size: 12px !important;
  color: var(--c-muted) !important;
  margin-top: 2px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.am-profile-list {
  display: flex !important;
  flex-direction: column !important;
  padding: 8px !important;
  gap: 2px !important;
}
.am-profile-list a,
.am-profile-logout {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  width: 100% !important;
  padding: 10px 12px !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: transparent !important;
  color: var(--c-text) !important;
  font-size: 13px !important;
  font-weight: 550 !important;
  font-family: inherit !important;
  text-decoration: none !important;
  cursor: pointer !important;
  text-align: left !important;
}
.am-profile-list a svg,
.am-profile-logout svg {
  width: 17px !important;
  height: 17px !important;
  color: var(--c-muted) !important;
  flex: 0 0 17px !important;
}
.am-profile-list a:hover,
.am-profile-logout:hover {
  background: var(--c-bg) !important;
  color: var(--c-text) !important;
}
.am-profile-foot {
  padding: 8px !important;
  border-top: 1px solid var(--c-line) !important;
}
.am-profile-logout { color: #dc2626 !important; }
.am-profile-logout:hover { background: #fef2f2 !important; color: #b91c1c !important; }
.am-profile-logout svg { color: currentColor !important; }

#ol-topbar { display: none !important; }

/* ========== DARK MODE ========== */
html.am-dark {
  color-scheme: dark;
  --c-bg: #0f1419;
  --c-surface: #171c22;
  --c-line: #2a313a;
  --c-text: #e8eaed;
  --c-muted: #9aa0a6;
  --c-accent: #3b82f6;
  --c-accent-soft: #1e293b;
  --c-accent-hover: #60a5fa;
  --c-row-hover: #1f2630;
  --c-unread: #60a5fa;
}
html.am-dark body.task-mail,
html.am-dark body.task-mail #layout,
html.am-dark .ahb-ma-reader,
html.am-dark .ahb-ma-readcard,
html.am-dark .ahb-ma-editor {
  background: var(--c-surface) !important;
  color: var(--c-text) !important;
}
html.am-dark .ahb-ma-fmtbar {
  background: transparent !important;
  border-bottom-color: transparent !important;
}
html.am-dark .ahb-ma-readchrome {
  background: #12171d !important;
  border-bottom-color: var(--c-line) !important;
}
html.am-dark .ahb-ma-listbar {
  background: var(--c-surface) !important;
  border-bottom-color: var(--c-line) !important;
}
html.am-dark .ahb-ma-tab:hover { background: #1f2630 !important; }
html.am-dark .ahb-ma-tab.is-active { background: #1e293b !important; color: #93c5fd !important; }
html.am-dark .ahb-ma-fmtbar button,
html.am-dark .ahb-ma-fmtbar select {
  background: #1c232b !important;
  border-color: #303843 !important;
  color: var(--c-text) !important;
}
html.am-dark .am-profile-logout:hover { background: #3f1d1d !important; }
html.am-dark #am-topbar .searchbar:focus-within {
  background: #1c232b !important;
  border-color: #3b82f6 !important;
}

/* ========== KLASÖR ========== */
.am-compose-side {
  flex: 0 0 auto !important;
  padding: 10px 10px 6px !important;
}
.am-compose-side a,
.am-compose-side button.am-compose-new {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  width: 100% !important;
  height: 36px !important;
  border: 0 !important;
  border-radius: 6px !important;
  background: var(--c-accent) !important;
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  text-decoration: none !important;
  box-shadow: none !important;
  cursor: pointer !important;
  font-family: inherit !important;
  transition: background .12s ease !important;
}
.am-compose-side a:hover,
.am-compose-side button.am-compose-new:hover {
  background: var(--c-accent-hover) !important;
  color: #fff !important;
  transform: none !important;
  box-shadow: none !important;
}
.am-compose-side a svg,
.am-compose-side button.am-compose-new svg {
  width: 15px !important;
  height: 15px !important;
  stroke: #fff !important;
}

html body.task-mail #layout-sidebar > .header,
html body.task-mail #layout-sidebar .button.back-list-button,
html body.task-mail #layout-list > .header {
  display: none !important;
}

/* Mobil menü: masaüstünde asla gösterme */
html body.task-mail #ahb-ma-mob-toggle,
html body.task-mail .ahb-ma-mob-toggle,
html body.task-mail #ahb-ma-nav-backdrop,
html body.task-mail .ahb-ma-nav-backdrop,
#ahb-ma-mob-toggle,
.ahb-ma-mob-toggle,
.ahb-ma-nav-backdrop {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
}

.am-folder-label {
  flex: 0 0 auto !important;
  padding: 8px 14px 6px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  color: var(--c-muted) !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
}

html body.task-mail #folderlist-content,
html body.task-mail #folderlist-content.scroller {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  padding: 0 8px 8px !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  height: auto !important;
}
html body.task-mail #mailboxlist {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}
html body.task-mail #mailboxlist li {
  margin: 0 !important;
  padding: 0 !important;
}
html body.task-mail #mailboxlist li > a,
html body.task-mail #mailboxlist li > div > a {
  border-radius: 6px !important;
  margin: 0 0 2px !important;
  padding: 6px 10px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  color: var(--c-text) !important;
  border: 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}
html body.task-mail #mailboxlist li.selected > a,
html body.task-mail #mailboxlist li.selected > div > a {
  background: var(--c-accent-soft) !important;
  color: var(--c-accent) !important;
  font-weight: 650 !important;
}
html body.task-mail #mailboxlist li > a:hover {
  background: rgba(0,0,0,.04) !important;
}
html body.task-mail #mailboxlist .unreadcount,
html body.task-mail #mailboxlist span.unread {
  background: transparent !important;
  color: var(--c-accent) !important;
  font-weight: 700 !important;
  font-size: 11px !important;
  margin-left: auto !important;
}

/* ========== HESAPLAR (çoklu, listede kalır) ========== */
.am-accounts {
  flex: 0 0 auto !important;
  padding: 4px 8px 8px !important;
  border-bottom: 1px solid var(--c-line) !important;
  margin-bottom: 2px !important;
}
.am-accounts-label {
  padding: 6px 8px 4px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  color: var(--c-muted) !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
}
.am-account-list {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
.am-account-item {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin: 0 0 2px !important;
  padding: 6px 8px !important;
  border-radius: 6px !important;
  cursor: pointer !important;
  font-size: 12px !important;
  color: var(--c-text) !important;
  line-height: 1.25 !important;
}
.am-account-item:hover {
  background: rgba(0,0,0,.04) !important;
}
.am-account-item.is-active {
  background: var(--c-accent-soft) !important;
  color: var(--c-accent) !important;
  font-weight: 650 !important;
  cursor: default !important;
}
.am-account-dot {
  width: 8px !important;
  height: 8px !important;
  border-radius: 50% !important;
  background: #c4c7cc !important;
  flex: 0 0 8px !important;
}
.am-account-item.is-active .am-account-dot {
  background: var(--c-accent) !important;
}
.am-account-email {
  flex: 1 !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.am-account-remove {
  border: 0 !important;
  background: transparent !important;
  color: var(--c-muted) !important;
  cursor: pointer !important;
  font-size: 14px !important;
  line-height: 1 !important;
  padding: 2px 4px !important;
  border-radius: 4px !important;
  opacity: 0.55 !important;
}
.am-account-item:hover .am-account-remove,
.am-account-item.is-active .am-account-remove {
  opacity: 1 !important;
}
.am-account-remove:hover {
  background: rgba(0,0,0,.06) !important;
  color: #b91c1c !important;
}
.am-account-add {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  width: 100% !important;
  margin-top: 4px !important;
  padding: 6px 8px !important;
  border: 0 !important;
  border-radius: 6px !important;
  background: transparent !important;
  color: var(--c-accent) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  text-align: left !important;
  font-family: var(--font) !important;
}
.am-account-add:hover {
  background: var(--c-accent-soft) !important;
}

.am-acc-modal {
  position: fixed !important;
  inset: 0 !important;
  z-index: 9999 !important;
  display: none !important;
  align-items: center !important;
  justify-content: center !important;
  background: rgba(15, 23, 42, 0.35) !important;
  padding: 16px !important;
}
.am-acc-modal.is-open {
  display: flex !important;
}
.am-acc-card {
  width: min(380px, 100%) !important;
  background: #fff !important;
  border-radius: 12px !important;
  box-shadow: 0 12px 40px rgba(0,0,0,.18) !important;
  padding: 18px 18px 14px !important;
  font-family: var(--font) !important;
}
.am-acc-card h3 {
  margin: 0 0 6px !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  color: var(--c-text) !important;
}
.am-acc-card p {
  margin: 0 0 14px !important;
  font-size: 12px !important;
  color: var(--c-muted) !important;
  line-height: 1.4 !important;
}
.am-acc-card label {
  display: block !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: var(--c-muted) !important;
  margin: 0 0 4px !important;
}
.am-acc-card input {
  width: 100% !important;
  height: 38px !important;
  margin: 0 0 10px !important;
  padding: 0 10px !important;
  border: 1px solid var(--c-line) !important;
  border-radius: 8px !important;
  font-size: 13px !important;
  font-family: var(--font) !important;
  color: var(--c-text) !important;
  background: #fff !important;
}
.am-acc-card input:focus {
  outline: none !important;
  border-color: var(--c-accent) !important;
  box-shadow: 0 0 0 3px rgba(37,99,235,.12) !important;
}
.am-acc-card input[readonly] {
  background: var(--c-bg) !important;
  color: var(--c-muted) !important;
}
.am-acc-err {
  display: none !important;
  margin: 0 0 10px !important;
  font-size: 12px !important;
  color: #b91c1c !important;
}
.am-acc-err.is-on { display: block !important; }
.am-acc-actions {
  display: flex !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  margin-top: 4px !important;
}
.am-acc-actions button {
  height: 34px !important;
  padding: 0 14px !important;
  border-radius: 8px !important;
  border: 0 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  font-family: var(--font) !important;
}
.am-acc-cancel {
  background: var(--c-bg) !important;
  color: var(--c-text) !important;
}
.am-acc-submit {
  background: var(--c-accent) !important;
  color: #fff !important;
}
.am-acc-submit:disabled {
  opacity: .6 !important;
  cursor: wait !important;
}

/* Kota her zaman panel altında görünür — compact, taşmasın */
html body.task-mail #layout-sidebar > .footer {
  flex: 0 0 auto !important;
  display: flex !important;
  align-items: center !important;
  border-top: 1px solid var(--c-line) !important;
  background: var(--c-bg) !important;
  padding: 8px 10px !important;
  margin-top: auto !important;
  min-height: 36px !important;
  max-height: 44px !important;
  overflow: hidden !important;
}
html body.task-mail #layout-sidebar > .footer .button,
html body.task-mail #layout-sidebar a[href="#sidebar"] {
  display: none !important;
}
html body.task-mail #quotadisplay,
html body.task-mail #quotadisplay.hidden,
html body.task-mail .quota-widget {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: relative !important;
  width: 100% !important;
  height: auto !important;
  max-height: 28px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  font-size: 11px !important;
  color: var(--c-muted) !important;
  line-height: 1.2 !important;
}
html body.task-mail #quotadisplay .voice {
  display: none !important;
}
html body.task-mail #quotadisplay .count,
html body.task-mail #quotadisplay .value,
html body.task-mail #rcmquotadisplay {
  display: inline !important;
  font-size: 11px !important;
  color: var(--c-muted) !important;
}
html body.task-mail #quotadisplay .bar,
html body.task-mail .quota-widget .bar {
  display: block !important;
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  width: 100% !important;
  height: 4px !important;
  max-height: 4px !important;
  margin: 4px 0 0 !important;
  padding: 0 !important;
  border-radius: 2px !important;
  background: #e5e7eb !important;
  overflow: hidden !important;
}
html body.task-mail #quotadisplay .bar .value,
html body.task-mail .quota-widget .bar .value {
  display: block !important;
  height: 100% !important;
  background: var(--c-accent) !important;
  border-radius: 2px !important;
}
.am-account { display: none !important; }

/* ========== LİSTE ========== */
html body.task-mail #layout-list > .searchbar { display: none !important; }

/* Native liste başlığı: ahb listbar kullanılıyor */
html body.task-mail #messagelist-header {
  display: none !important;
}

html body.task-mail #messagelist-content,
html body.task-mail #messagelist-content.scroller {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow: auto !important;
  background: var(--c-surface) !important;
}

html body.task-mail #messagelist { border: 0 !important; width: 100% !important; }
html body.task-mail #messagelist thead { display: none !important; }
html body.task-mail #messagelist tbody tr {
  cursor: pointer !important;
  border-bottom: 1px solid #f0f1f3 !important;
}
html body.task-mail #messagelist tbody tr td {
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  vertical-align: middle !important;
}
html body.task-mail #messagelist td.selection,
html body.task-mail #messagelist td.threads {
  width: 32px !important;
  padding-left: 8px !important;
}
html body.task-mail #messagelist td.flags {
  width: 24px !important;
  padding-right: 6px !important;
}
html body.task-mail #messagelist td.subject {
  display: flex !important;
  align-items: center !important;
  padding: 10px 10px 10px 4px !important;
}
html body.task-mail #messagelist tr:hover td { background: var(--c-row-hover) !important; }
html body.task-mail #messagelist tr.selected td,
html body.task-mail #messagelist tr.selected:hover td {
  background: var(--c-accent-soft) !important;
}
html body.task-mail #messagelist tr.unread td.subject {
  box-shadow: inset 3px 0 0 var(--c-unread) !important;
}

.am-row-avatar {
  width: 36px !important;
  height: 36px !important;
  border-radius: 50% !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 13px !important;
  font-weight: 650 !important;
  color: #fff !important;
  flex: 0 0 36px !important;
  margin-right: 10px !important;
}
.am-row-body { flex: 1 !important; min-width: 0 !important; line-height: 1.3 !important; }
html body.task-mail #messagelist .fromto {
  display: block !important;
  font-size: 13px !important;
  font-weight: 650 !important;
  color: var(--c-text) !important;
}
html body.task-mail #messagelist .subject .subject {
  display: block !important;
  font-size: 12.5px !important;
  color: var(--c-muted) !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
html body.task-mail #messagelist tr.unread .fromto,
html body.task-mail #messagelist tr.unread .subject .subject {
  color: var(--c-text) !important;
  font-weight: 650 !important;
}
html body.task-mail #messagelist .date {
  float: right !important;
  font-size: 11px !important;
  color: var(--c-muted) !important;
}
html body.task-mail #messagelist .size,
html body.task-mail #messagelist .msgicon,
html body.task-mail #messagelist span.status {
  display: none !important;
}

html body.task-mail #layout-list > .footer,
html body.task-mail .pagenav,
html body.task-mail #countcontrols,
html body.task-mail #listbottomspacetoolbar {
  display: none !important;
}

/* ========== OKUMA ========== */
html body.task-mail #layout-content > .header {
  display: none !important;
}
html body.task-mail #layout-content .iframe-wrapper {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  position: relative !important;
  background: var(--c-surface) !important;
}
html body.task-mail #layout-content #messagecontframe {
  width: 100% !important;
  height: 100% !important;
  border: 0 !important;
}
html body.task-mail #layout-content.am-empty .iframe-wrapper::before {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  width: min(320px, 52%) !important;
  height: min(320px, 52%) !important;
  transform: translate(-50%, -50%) !important;
  background: url("/mail/static.php/images/ahmetli-logo-mark.png") center / contain no-repeat !important;
  opacity: 0.20 !important;
  z-index: 2 !important;
  pointer-events: none !important;
}
html.brand-ahbel body.task-mail #layout-content.am-empty .iframe-wrapper::before {
  background-image: url("/mail/static.php/images/ahbel-logo.png") !important;
}
html body.task-mail #layout-content.am-empty .iframe-wrapper::after {
  content: none !important;
  display: none !important;
}
html body.task-mail #layout-content.am-empty #messagecontframe {
  opacity: 0 !important;
}

html body.task-mail .button.mainaction,
html body.task-mail a.button.send,
html body.task-mail .btn.btn-primary {
  background: var(--c-accent) !important;
  border-color: var(--c-accent) !important;
  color: #fff !important;
  border-radius: 999px !important;
  font-weight: 600 !important;
}

/* ========== RESPONSIVE BREAKPOINTS ========== */
@media (max-width: 1280px) {
  :root {
    --folder-w: 228px;
    --list-w: 340px;
    --read-w: minmax(0, 1fr);
  }
}

@media (max-width: 1024px) {
  :root {
    --folder-w: 210px;
    --list-w: 310px;
    --read-w: minmax(0, 1fr);
  }
  .am-search-host { max-width: min(420px, 40vw) !important; }
}

@media (max-width: 860px) {
  html body.task-mail #layout {
    grid-template-columns: 1fr !important;
  }
  html body.task-mail #layout-sidebar {
    display: none !important;
    position: fixed !important;
    left: 0;
    top: 0;
    bottom: 0;
    width: min(86vw, 300px) !important;
    z-index: 80 !important;
    background: #fff !important;
    box-shadow: 8px 0 24px rgba(15, 23, 42, 0.18);
    overflow: auto !important;
  }
  html body.task-mail.ahb-ma-nav-open #layout-sidebar {
    display: block !important;
  }
  html body.task-mail #layout-list,
  html body.task-mail #layout-content {
    grid-column: 1 !important;
    grid-row: 2 !important;
  }
  .ahb-ma-mob-toggle,
  html body.task-mail #ahb-ma-mob-toggle,
  html body.task-mail .ahb-ma-mob-toggle {
    display: inline-flex !important;
    visibility: visible !important;
    pointer-events: auto !important;
    align-items: center;
    justify-content: center;
    width: 36px !important;
    height: 36px !important;
    margin-right: 6px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 8px;
    background: transparent;
    color: #334155;
    cursor: pointer;
    flex: 0 0 36px;
    overflow: visible !important;
  }
  .ahb-ma-nav-backdrop,
  html body.task-mail .ahb-ma-nav-backdrop {
    display: none !important;
    visibility: visible !important;
    pointer-events: auto !important;
    width: auto !important;
    height: auto !important;
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.35);
    z-index: 70;
    overflow: visible !important;
  }
  html body.task-mail.ahb-ma-nav-open .ahb-ma-nav-backdrop {
    display: block !important;
  }
  /* Mobilde liste / okuma birbirini örter — RC selected sınıfına bırak */
  .am-btn-primary span { display: none !important; }
  .am-btn-primary {
    width: 34px !important;
    padding: 0 !important;
    justify-content: center !important;
  }
  .am-user-email { max-width: 28vw !important; }
}

@media (min-width: 861px) {
  html body.task-mail #ahb-ma-mob-toggle,
  html body.task-mail .ahb-ma-mob-toggle,
  html body.task-mail #ahb-ma-nav-backdrop,
  html body.task-mail .ahb-ma-nav-backdrop {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
    width: 0 !important;
    height: 0 !important;
  }
  /* Roundcube native menü ikonu da masaüstünde gereksiz */
  html body.task-mail #am-topbar a.toolbar-menu-button,
  html body.task-mail #am-topbar .toolbar-menu-button {
    display: none !important;
  }
}

@media (max-width: 640px) {
  :root { --top-h: 44px; }
  #am-topbar {
    grid-template-columns: 1fr auto !important;
  }
  .am-brand { display: none !important; }
  .am-search-host { border-right: 0 !important; }
}

/* Compose: sadece yerleşim — Outlook gibi kart/animasyon yok, native form bozulmasın */
html body.task-mail.action-compose #layout {
  grid-template-columns: minmax(0, 1fr) 260px !important;
}
html body.task-mail.action-compose #layout-list,
html body.task-mail.action-compose #ahb-ma-listbar,
html body.task-mail.action-compose #ahb-ma-unified-host,
html body.task-mail.action-compose #ahb-ma-root,
html body.task-mail.action-compose .am-compose-side,
html body.task-mail.action-compose #ahb-ma-ribbon {
  display: none !important;
}
html body.task-mail.action-compose #layout-content {
  grid-column: 1 !important;
  grid-row: 2 !important;
}
html body.task-mail.action-compose #layout-sidebar {
  grid-column: 2 !important;
  grid-row: 2 !important;
  width: 260px !important;
  max-width: 260px !important;
  min-width: 220px !important;
  border-right: 0 !important;
  border-left: 1px solid var(--c-line) !important;
}
html body.task-mail.action-compose #layout-content > .header {
  display: flex !important;
  min-height: 44px !important;
  align-items: center !important;
}
@media (max-width: 960px) {
  html body.task-mail.action-compose #layout { grid-template-columns: 1fr !important; }
  html body.task-mail.action-compose #layout-sidebar { display: none !important; }
}

/* Outlook ribbon: Sil / Arşiv / Taşı üstte */
#ahb-ma-ribbon {
  display: flex !important;
  align-items: center !important;
  gap: 2px !important;
  margin-right: auto !important;
  margin-left: 0 !important;
  padding-right: 8px !important;
  border-right: 1px solid var(--c-line) !important;
  height: 34px !important;
}
#ahb-ma-ribbon .ahb-ma-opbtn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  border: 0 !important;
  background: transparent !important;
  color: var(--c-text) !important;
  font-size: 12.5px !important;
  font-weight: 600 !important;
  font-family: inherit !important;
  padding: 0 10px !important;
  height: 32px !important;
  border-radius: 8px !important;
  cursor: pointer !important;
  white-space: nowrap !important;
}
#ahb-ma-ribbon .ahb-ma-opbtn:hover:not(:disabled) {
  background: var(--c-bg) !important;
}
#ahb-ma-ribbon .ahb-ma-opbtn:disabled {
  opacity: 0.35 !important;
  cursor: default !important;
}
#ahb-ma-ribbon .ahb-ma-move-wrap { position: relative !important; }
#ahb-ma-ribbon .ahb-ma-move-menu {
  position: absolute !important;
  top: 36px !important;
  left: 0 !important;
  min-width: 160px !important;
  padding: 6px !important;
  background: var(--c-surface) !important;
  border: 1px solid var(--c-line) !important;
  border-radius: 12px !important;
  box-shadow: 0 12px 32px rgba(15,23,42,.14) !important;
  z-index: 80 !important;
}
#ahb-ma-ribbon .ahb-ma-move-menu button {
  display: block !important;
  width: 100% !important;
  border: 0 !important;
  background: transparent !important;
  text-align: left !important;
  padding: 9px 12px !important;
  font-size: 13px !important;
  border-radius: 8px !important;
  color: var(--c-text) !important;
  cursor: pointer !important;
}
#ahb-ma-ribbon .ahb-ma-move-menu button:hover { background: var(--c-bg) !important; }
#ahb-ma-ribbon #ahb-ma-selcount {
  font-size: 11px !important;
  color: var(--c-muted) !important;
  margin-left: 4px !important;
  min-width: 48px !important;
}

/* Roundcube sağ-alt toast her zaman üstte kalsın */
html body #messagestack {
  z-index: 10050 !important;
}