:root {
  --emlak: #4D7C0F;
  --emlak-primary: #4D7C0F;
  --emlak-dark: #3F6212;
  --emlak-soft: #ecfccb;
  --emlak-sidebar-w: 15rem;
  /* Ortak ticari ekranlar (commerce.css) — marka → primary → product-color */
  --product-color: var(--emlak-primary, var(--emlak));
  --product-color-dark: var(--emlak-dark);
  --product-color-soft: var(--emlak-soft);
  --product-surface: #fff;
  --product-surface-alt: #f7f8f4;
  --product-line: #e5e7eb;
  --product-muted: #6b7280;
  --product-ink: #1c2422;
  --product-danger: #b91c1c;
}
body { margin: 0; font-family: "Segoe UI", system-ui, sans-serif; background: #f7f8f4; color: #1c2422; }

.eml-shell { display: flex; min-height: 100vh; }
.eml-side {
  width: var(--emlak-sidebar-w);
  background: var(--emlak-dark);
  color: #f8fafc;
  flex-shrink: 0;
  position: fixed;
  top: 0; left: 0; bottom: 0;
  overflow-x: hidden;
  overflow-y: auto;
  box-sizing: border-box;
  z-index: 200;
  transition: transform 0.2s ease;
}
.eml-shell.is-closed .eml-side { transform: translateX(calc(-1 * var(--emlak-sidebar-w))); }
.eml-sidebar-backdrop { display: none; }

.eml-sidebar-nav {
  display: flex;
  flex-direction: column;
  padding: 1rem 0.75rem;
  gap: 0.15rem;
  min-height: 100%;
}
.eml-sidebar-brand {
  display: inline-flex;
  align-items: center;
  background: #fff;
  padding: 6px 10px;
  border-radius: 8px;
  margin: 0 0.35rem 1rem;
  text-decoration: none;
}
.eml-sidebar-brand img {
  height: 36px;
  width: auto;
  max-width: 168px;
  object-fit: contain;
  display: block;
}

.eml-menu-search { margin: 0 0.35rem 0.75rem; }
.eml-menu-search-input {
  width: 100%;
  box-sizing: border-box;
  border-radius: 8px;
  border: 1px solid rgba(255,255,255,.2);
  background: rgba(255,255,255,.1);
  color: #fff;
  padding: 0.35rem 0.55rem;
  font-size: 0.85rem;
  min-height: 2.2rem;
}
.eml-menu-search-input::placeholder { color: rgba(236,252,203,.55); }

.eml-menu-group { margin-bottom: 0.25rem; }
.eml-menu-group-header {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: transparent;
  border: 0;
  color: #d9f99d;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: none;
  padding: 0.45rem 0.55rem;
  cursor: pointer;
  border-radius: 8px;
  margin: 0;
}
.eml-menu-group-header:hover { background: rgba(255,255,255,.08); color: #fff; }

.eml-nav-link {
  display: block;
  padding: 0.4rem 0.65rem;
  border-radius: 6px;
  color: #ecfccb;
  text-decoration: none;
  font-weight: 600;
  font-size: 0.9rem;
}
.eml-nav-link:hover { background: rgba(255,255,255,.08); color: #fff; }
.eml-nav-link.active { background: var(--product-color, var(--emlak)); color: #fff; }
.eml-nav-spacer { flex: 1; }

.eml-main-wrap {
  flex: 1;
  margin-left: var(--emlak-sidebar-w);
  transition: margin-left 0.2s ease;
  min-width: 0;
}
.eml-shell.is-closed .eml-main-wrap { margin-left: 0; }

.eml-topbar {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.65rem 1.25rem;
  background: #fff;
  border-bottom: 3px solid var(--product-color, var(--emlak));
}
.eml-topbar-title { display: flex; align-items: baseline; gap: 0.75rem; min-width: 0; }
.eml-topbar-product { font-weight: 800; color: var(--product-color-dark, var(--emlak-dark)); }
.eml-topbar-user { font-size: 0.85rem; color: #6b7280; }
.eml-topbar-actions { margin-left: auto; display: flex; align-items: center; gap: 0.5rem; }
.eml-icon-btn, .eml-btn {
  border: 1px solid #d1d5db;
  background: #fff;
  border-radius: 6px;
  padding: 0.3rem 0.65rem;
  cursor: pointer;
  color: #1c2422;
  margin-top: 0;
}
.eml-main { padding: 1.25rem 1.5rem 2rem; }

.eml-user-menu { position: relative; }
.eml-user-menu > summary { list-style: none; cursor: pointer; }
.eml-user-menu > summary::-webkit-details-marker { display: none; }
.eml-user-dropdown {
  position: absolute; right: 0; top: calc(100% + .35rem);
  min-width: 12rem; background: #fff; border: 1px solid #e7e5e4;
  border-radius: 10px; box-shadow: 0 8px 24px rgba(15, 23, 42, .12);
  z-index: 20; padding: .35rem 0;
}
.eml-user-dropdown a { display: block; padding: .45rem .85rem; color: #1c1917 !important; text-decoration: none; }

.eml-page h1 { margin: 0 0 1rem; font-size: 1.45rem; color: var(--product-color-dark, var(--emlak-dark)); }
.eml-page h2 { margin: 0 0 0.75rem; font-size: 1.05rem; }
.eml-note { color: var(--product-color-dark, #3f6212); font-weight: 600; }
.eml-page a:not(.eml-nav-link):not(.cm-btn):not(.cm-row-menu-item) {
  color: var(--product-color, var(--emlak));
  font-weight: 600;
}
.eml-card {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  padding: 1rem 1.1rem;
  margin: 0 0 1rem;
  min-width: 0;
}
.eml-card h2 { margin: 0 0 0.6rem; font-size: 1.05rem; }
.eml-check,
.eml-page label.eml-check,
.eml-page label:has(> input[type="checkbox"]),
.eml-page label:has(> input[type="radio"]) {
  display: inline-flex !important;
  align-items: center;
  gap: 0.45rem;
  font-size: 0.9rem !important;
  font-weight: 600 !important;
  width: auto;
  line-height: 1.25;
  cursor: pointer;
}
.eml-check input[type="checkbox"],
.eml-check input[type="radio"],
.eml-page label:has(> input[type="checkbox"]) > input,
.eml-page label:has(> input[type="radio"]) > input {
  width: 1.1rem;
  height: 1.1rem;
  min-height: 0;
  padding: 0;
  margin: 0;
  border: 0;
  flex-shrink: 0;
  align-self: center;
}

/* Yalnızca Emlak sayfa formları — ortak .cm ticaret ekranlarına taşıma */
.eml-page label:not(.eml-check):not(.cm-check) {
  display: block; margin-top: 0.6rem; font-size: 0.78rem; font-weight: 700;
}
.eml-page input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="hidden"]),
.eml-page select,
.eml-page textarea {
  width: 100%; box-sizing: border-box; padding: 0.4rem; min-height: 2.45rem;
  border: 1px solid #d1d5db; border-radius: 6px; font: inherit; background: #fff; color: #1c2422;
}
.eml-page input[type="checkbox"],
.eml-page input[type="radio"] {
  width: 1.1rem; height: 1.1rem; min-width: 1.1rem; min-height: 1.1rem; max-width: 1.1rem;
  padding: 0; margin: 0; accent-color: var(--product-color, var(--emlak));
}
.eml-page button:not(.eml-icon-btn):not(.eml-btn):not(.cm-btn):not(.cm-btn-o):not(.cm-btn-s):not(.cm-row-menu-item):not(.asya-lang-btn),
.eml-btn-primary,
.btn-primary {
  margin-top: 0.8rem;
  background: var(--product-color, var(--emlak));
  color: #fff;
  border: 0;
  padding: 0.45rem 0.8rem;
  border-radius: 8px;
  cursor: pointer;
  font: inherit;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.eml-page button:not(.eml-icon-btn):not(.eml-btn):not(.cm-btn):not(.cm-btn-o):not(.cm-btn-s):not(.cm-row-menu-item):not(.asya-lang-btn):hover,
.eml-btn-primary:hover,
.btn-primary:hover {
  background: var(--product-color-dark, var(--emlak-dark));
}
.eml-page table { width: 100%; border-collapse: collapse; background: #fff; }
.eml-page th, .eml-page td { text-align: left; padding: 0.4rem 0.5rem; border-bottom: 1px solid #e5e7eb; }
.warn { color: #9a3412; }
.asya-edit-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.75rem 1rem;
  max-width: 720px;
  align-items: end;
  margin: 0.75rem 0 1rem;
}
.asya-edit-grid label { margin-top: 0; }
.asya-edit-grid button { grid-column: 1 / -1; justify-self: start; width: auto; margin-top: 0.25rem; }

/* Ticaret (.cm) ekranları: ürün CSS’i checkbox / düğme şişirmesin */
.cm input[type="checkbox"],
.cm input[type="radio"] {
  width: 1.1rem !important;
  height: 1.1rem !important;
  min-width: 1.1rem !important;
  min-height: 1.1rem !important;
  max-width: 1.1rem !important;
  padding: 0 !important;
  margin: 0;
  flex-shrink: 0;
  accent-color: var(--product-color, var(--emlak));
}
.cm label.cm-check {
  display: inline-flex !important;
  align-items: center;
  gap: 0.4rem;
  width: auto !important;
  max-width: 100%;
  margin-top: 0.6rem;
  font-size: 0.9rem;
  font-weight: 600;
}
.cm .cm-actions { align-items: center; }
.cm .cm-actions .cm-btn { margin-top: 0; }
.cm a.cm-btn { text-decoration: none; }

@media (max-width: 720px) { .asya-edit-grid { grid-template-columns: 1fr; } }
@media (max-width: 800px) {
  .eml-side { transform: translateX(calc(-1 * var(--emlak-sidebar-w))); }
  .eml-shell.is-open .eml-side { transform: translateX(0); }
  .eml-shell.is-open .eml-sidebar-backdrop {
    display: block; position: fixed; inset: 0;
    background: rgba(0,0,0,.35); z-index: 150;
  }
  .eml-main-wrap { margin-left: 0; }
}