/* Konum & Tapu Map Experience */
.location-layout {
  display: flex;
  flex-wrap: wrap;
  gap: 1.75rem;
  align-items: flex-start;
  margin-top: 1.5rem;
}

.location-layout__form {
  flex: 1 1 200px;
  max-width: none;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  margin-right: 0;
}



.location-addressField {
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.location-addressField__control {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  margin: 0;
}

.location-addressField__hint {
  margin: 0;
  font-size: 0.9rem;
  color: #6b7280;
}

.location-addressField__actions {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
}

.location-mapPreviewButton {
  font-weight: 600;
  color: #0b2a55;
  width: 100%;
  min-height: 52px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.link-button {
  border: none;
  background: none;
  color: #2563eb;
  font-weight: 600;
  cursor: pointer;
  padding: 0;
  margin: 0;
  font-size: 10px;
}

.link-button:hover,
.link-button:focus-visible {
  text-decoration: underline;
}

@media (min-width: 992px) {
  .location-addressField {
    display: grid;
    grid-template-columns: minmax(0, 9fr) minmax(0, 3fr);
    align-items: flex-end;
    gap: 1.25rem;
  }

  .location-addressField__actions {
    margin-top: 0;
    justify-content: flex-end;
  }
}

.location-fieldsGrid {
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
  width: 100%;
  max-width: 100%;
}

.location-fieldsGrid > label {
  margin: 0;
  width: 100%;
  min-width: 0;
}




.map-previewModal[hidden] {
  display: none;
}

body.map-preview-open {
  overflow: hidden;
}

body.title-deed-help-open {
  overflow: hidden;
}

.map-previewModal {
  position: fixed;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.5rem;
  background: rgba(15, 23, 42, 0.4);
  z-index: 1200;
}

.map-previewModal__backdrop {
  position: absolute;
  inset: 0;
}

.map-previewModal__panel {
  position: relative;
  width: min(720px, 95vw);
  background: #fff;
  border-radius: 24px;
  padding: 1.5rem;
  box-shadow: 0 30px 80px rgba(15, 23, 42, 0.25);
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.map-previewModal__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

.map-previewModal__close {
  border: none;
  background: rgba(15, 23, 42, 0.08);
  width: 36px;
  height: 36px;
  border-radius: 50%;
  font-size: 1.2rem;
  font-weight: 600;
  cursor: pointer;
}

.map-previewModal__frame {
  position: relative;
  border-radius: 18px;
  overflow: hidden;
  background: #0f172a;
}

.map-previewModal__frame iframe {
  border: 0;
  width: 100%;
  height: 420px;
  display: block;
}

.map-previewModal__overlay {
  position: absolute;
  left: 16px;
  right: 16px;
  bottom: 16px;
  padding: 0.65rem 0.9rem;
  border-radius: 12px;
  background: rgba(15, 23, 42, 0.75);
  color: #f8fafc;
  font-weight: 600;
}

.map-previewModal__overlay[hidden] {
  display: none;
}

.map-previewModal__note {
  margin: 0;
  font-size: 0.85rem;
  color: #475569;
}

.titleDeed-helpModal[hidden] {
  display: none;
}

.titleDeed-helpModal {
  position: fixed;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.5rem;
  background: rgba(15, 23, 42, 0.35);
  z-index: 1200;
}

.titleDeed-helpModal__backdrop {
  position: absolute;
  inset: 0;
}

.titleDeed-helpModal__panel {
  position: relative;
  max-width: 520px;
  width: 100%;
  background: #fff;
  border-radius: 20px;
  padding: 1.5rem;
  box-shadow: 0 25px 80px rgba(15, 23, 42, 0.18);
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.titleDeed-helpModal__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

.titleDeed-helpModal__close {
  border: none;
  background: rgba(15, 23, 42, 0.08);
  width: 36px;
  height: 36px;
  border-radius: 50%;
  font-size: 1.2rem;
  font-weight: 600;
  cursor: pointer;
}

.titleDeed-helpModal__body ol {
  margin: 0 0 0.5rem 1rem;
  padding-left: 1rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.titleDeed-helpModal__body p {
  margin: 0;
  color: #475569;
  font-size: 0.95rem;
}

#listingCreateMap {
  width: 100%;
  height: 360px;
  border-radius: 18px;
  overflow: hidden;
  background: linear-gradient(135deg, #0b2a55, #193d75);
}

@media (max-width: 575px) {
  #listingCreateMap {
    height: 280px;
  }
}

.location-hiddenFields {
  display: none;
}

.location-categoryFields {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.85rem;
  width: 100%;
}

.location-detailRow {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 1rem;
  grid-column: 1 / -1;
  align-items: flex-start;
  width: 100%;
}

.location-detailRow > label {
  margin: 0;
  width: 100%;
}

.location-detailRow--floors {
  grid-template-columns: 1fr;
}

@media (min-width: 1025px) {
  .location-fieldsGrid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
    align-items: stretch;
  }

  .location-categoryFields,
  .location-detailRow--floors {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .location-fieldsGrid .location-categoryFields,
  .location-fieldsGrid .location-detailRow,
  .location-fieldsGrid .location-detailRow--floors {
    display: contents;
    grid-template-columns: none;
    gap: 0;
    width: auto;
  }

  .location-fieldsGrid .location-detailRow > label {
    padding: 0;
    border: 0;
  }
}


.detail-numberGrid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.85rem;
  grid-column: 1 / -1;
  margin-bottom: 1.5rem;
}

.detail-numberGrid > label {
  margin: 0;
}

@media (max-width: 1024px) {
  .detail-numberGrid {
    grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
  }
}

.feature-transferBlock {
  display: flex;
  flex-direction: column;
  gap: 0.65rem;
}

.feature-transferBlock__hint {
  margin: 0;
  font-size: 0.85rem;
  color: #64748b;
}

.feature-transfer {
  display: none;
}

.feature-transfer--enhanced .feature-transfer {
  display: flex;
  flex-direction: column;
  gap: 0.875rem;
}

.feature-transfer__column {
  border: 1px solid #e2e8f0;
  border-radius: 16px;
  background: #fff;
  padding: 1rem;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.feature-transfer__column--single {
  max-height: 360px;
}

.feature-transfer__header {
  font-weight: 600;
  font-size: 0.95rem;
  color: #0f172a;
}

.feature-transfer__list {
  flex: 1;
  min-height: 220px;
  max-height: 320px;
  overflow-y: auto;
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 0.55rem;
  padding-right: 0.35rem;
}

@media (min-width: 600px) {
  .feature-transfer__list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 768px) {
  .feature-transfer__list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1024px) {
  .feature-transfer__list {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    min-height: 165px;
    max-height: 240px;
  }
}

.feature-transfer__list.is-empty::before {
  content: "Özellik listesi boş";
  font-size: 0.85rem;
  color: #94a3b8;
}

.feature-transfer__item {
  border: 1px solid #d4d4d8;
  border-radius: 999px;
  padding: 0.45rem 0.9rem;
  background: #f8fafc;
  color: #0f172a;
  font-weight: 600;
  font-size: 0.9rem;
  text-align: left;
  width: 100%;
  cursor: pointer;
  transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.feature-transfer__item:hover,
.feature-transfer__item:focus-visible {
  border-color: #2563eb;
}

.feature-transfer__item.is-active {
  background: #dcfce7;
  border-color: #16a34a;
  color: #065f46;
}

.feature-transfer__inputs {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 0.6rem;
  padding: 0.75rem;
  border: 1px dashed #e2e8f0;
  border-radius: 16px;
  background: #f8fafc;
}

.feature-transfer--enhanced .feature-transfer__inputs {
  display: none;
}

@media (max-width: 1024px) {
  .location-detailRow--floors {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 1024px) {
  .location-detailRow {
    grid-template-columns: 1fr;
    gap: 0;
  }

  .location-detailRow > label {
    margin: 0;
    padding: 0.85rem 0;
    border-top: 1px solid rgba(15, 23, 42, 0.08);
  }

  .location-detailRow > label:first-child {
    border-top: 0;
  }
}

.location-detailHeading {
  display: block;
  margin-bottom: 0.85rem;
  font-size: 1rem;
  font-weight: 600;
}

.location-featureGroup {
  margin-top: 1.25rem;
  padding-top: 1.25rem;
  border-top: 1px solid rgba(15, 23, 42, 0.12);
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.location-featureGroup strong {
  font-weight: 600;
  font-size: 0.95rem;
}

.location-featureGrid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 0.5rem;
}

@media (max-width: 1024px) {
  .location-layout {
    flex-direction: column;
    flex-wrap: wrap;
  }

  .location-layout__form {
    margin-right: 0;
    width: 100%;
    max-width: 100%;
  }

}

@media (max-width: 640px) {
}
.emlak-metricGrid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 1.5rem;
  margin-bottom: 2rem;
}

.metric-card {
  background: var(--card-bg, #fff);
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: 16px;
  padding: 1.5rem;
  box-shadow: 0 12px 30px rgba(15, 23, 42, 0.08);
}

.metric-card header h3 {
  margin: 0;
  font-size: 1rem;
  font-weight: 600;
}

.metric-card-body {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  margin-top: 1rem;
}

.metric-stat {
  background: rgba(15, 23, 42, 0.04);
  border-radius: 12px;
  padding: 1.25rem 1.5rem;
  flex-direction: column;
}

.metric-stat strong {
  font-size: 1.4rem;
  font-weight: 700;
  justify-content: space-between;
  align-items: center;
  gap: 0.75rem;
  flex-wrap: wrap;
}

.emlak-searchPanel {
  padding: 1.5rem;
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: 18px;
  background: linear-gradient(120deg, rgba(11, 42, 85, 0.08), rgba(19, 64, 107, 0.05));
  gap: 0.75rem;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
}

.wizard-panel__actions .btn,
.wizard-panel__actions .wizard-panel__clear {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;

.listing-filterForm .filter-search {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 1rem;
}
  display: flex;
  align-items: center;
  gap: 0.5rem;
  background: #fff;
  border: 1px solid rgba(15, 23, 42, 0.12);
  border-radius: 999px;
  padding: 0.35rem 0.5rem;
}

.search-field input {
  flex: 1;
  border: none;
  outline: none;
  font-size: 0.95rem;
}

.search-field button {
  border-radius: 999px;
}

.search-field--compact {
  padding: 0.15rem 0.45rem;
  min-height: 32px;
}

.search-field--compact input {
  font-size: 0.82rem;
}

.search-field--compact .btn {
  padding: 0.25rem 0.9rem;
  font-size: 0.82rem;
}

.search-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(15, 23, 42, 0.5);
}

.search-icon svg {
  width: 18px;
  height: 18px;
}

.btn-toggleFilters {
  align-self: flex-start;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.listing-toolbar {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1px 0 1.25rem;
  border-bottom: 1px solid rgba(15, 23, 42, 0.08);
  margin-bottom: 1.25rem;
}

.filter-toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  align-items: center;
}

.filter-toolbar__search {
  flex: 1;
  min-width: 240px;
}

.filter-toolbar__actions {
  display: flex;
  gap: 0.5rem;
}

.listing-filterForm--compact .filter-details {
  margin: 0;
  border-radius: 18px;
  border: 1px solid rgba(15, 23, 42, 0.08);
  padding: 1rem;
  box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.02);
}

.listing-filterForm--compact .form-grid {
  margin-bottom: 0.75rem;
}

.listing-filterForm--compact .form-actions {
  margin-top: 0.5rem;
  justify-content: flex-end;
}

.filter-details {
  background: #fff;
  border-radius: 16px;
  padding: 1.25rem;
  border: 1px solid rgba(15, 23, 42, 0.05);
  box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.03);
}

.filter-details.is-collapsed {
  display: none;
}

.filter-details .form-actions {
  display: flex;
  gap: 0.5rem;
  justify-content: flex-end;
}

.listing-table .listing-title {
  font-weight: 600;
  color: #0f172a;
}



.listing-table .muted {
  display: block;
  margin-top: 0.35rem;
  font-size: 0.82rem;
}

.table-actions {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}

.listing-modal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: stretch;
  z-index: 999;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.25s ease;
}

.listing-modal--offcanvas {
  justify-content: flex-end;
}

.listing-modal.is-visible {
  opacity: 1;
  pointer-events: auto;
}

.listing-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(15, 23, 42, 0.75);
}

.listing-modal__dialog {
  position: relative;
  z-index: 1;
  width: 100vw;
  height: 100vh;
  background: #f8fafc;
  display: flex;
  flex-direction: column;
  border-radius: 0;
}

.listing-modal--offcanvas .listing-modal__dialog {
  width: 100vw;
  margin-left: 0;
  padding: 0;
  background: transparent;
}

.listing-modal__content {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.listing-offcanvas__form {
  background: #fff;
  border-radius: 0;
  box-shadow: none;
  overflow: hidden;
  height: 100%;
}

.listing-modal__header,
.listing-modal__footer {
  padding: 1rem 1.25rem;
  background: #fff;
  border-bottom: 1px solid rgba(15, 23, 42, 0.08);
}

.listing-modal__header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  position: relative;
  gap: 1rem;
}

.listing-modal__header--minimal {
  min-height: 52px;
}

.modal-titleGroup {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
  color: #0f172a;
  max-width: calc(100% - 64px);
}

.modal-titleGroup h3 {
  margin: 0;
  font-size: 1.35rem;
  font-weight: 700;
}

.modal-eyebrow {
  font-size: 0.78rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #94a3b8;
}

.modal-helper {
  margin: 0;
  font-size: 0.92rem;
  color: #475569;
}

.listing-offcanvas__form .canvas-header {
  padding: 1.75rem 2rem;
  border-bottom: 1px solid rgba(15, 23, 42, 0.08);
  background: linear-gradient(135deg, rgba(15, 23, 42, 0.95), rgba(11, 56, 102, 0.9));
  color: #fff;
  display: flex;
  justify-content: space-between;
  gap: 1.5rem;
}

.canvas-title h2 {
  margin: 0;
  font-size: 2rem;
  font-weight: 700;
}

.canvas-header__actions {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
}

.btn-sm {
  padding: 0.4rem 0.9rem;
  font-size: 0.85rem;
}

.canvas-close {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.4);
  background: transparent;
  color: #fff;
  font-size: 1.5rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.2s ease, transform 0.2s ease;
}

.canvas-close:hover {
  background: rgba(255, 255, 255, 0.12);
  transform: translateY(-1px);
}

.modal-closeButton {
  width: 44px;
  height: 44px;
  border-radius: 999px;
  border: none;
  background: rgba(15, 23, 42, 0.08);
  color: #0f172a;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  cursor: pointer;
  transition: background 0.2s ease, transform 0.2s ease;
  position: absolute;
  top: 0.75rem;
  right: 1rem;
}

.modal-closeButton:hover {
  background: rgba(15, 23, 42, 0.16);
}

.modal-closeButton:focus-visible {
  outline: 2px solid #0b2a55;
  outline-offset: 3px;
}

.listing-modal__footer {
  border-top: 1px solid rgba(15, 23, 42, 0.08);
  border-bottom: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.listing-modal__body {
  flex: 1;
  padding: 0;
  display: flex;
}

.canvas-body {
  display: grid;
  grid-template-columns: 320px minmax(0, 1fr);
  gap: 1.5rem;
  padding: 1.5rem 2rem 2rem;
  flex: 1;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}

.emlak-app--create .canvas-body {
  height: auto;
  min-height: 100%;
  overflow-y: visible;
}

.listing-createLayout--wizard {
  grid-template-columns: minmax(0, 1fr);
  overflow: visible;
  padding: 0.4rem 0 2rem;
  height: auto;
  min-height: 100vh;
}

.listing-createCard {
  width: 100%;
  max-width: 100%;
  border-radius: 36px;
  padding: 0;
  background: transparent;
  border: none;
  box-shadow: none;
}

.listing-headBack {
  border-radius: 999px;
  font-weight: 600;
  padding: 0.65rem 1.5rem;
  box-shadow: 0 10px 20px rgba(15, 23, 42, 0.08);
}

.listing-headBack:hover,
.listing-headBack:focus-visible {
  box-shadow: 0 12px 26px rgba(15, 23, 42, 0.12);
}

.listing-createLayout--wizard .canvas-main {
  background: transparent;
  padding: 0;
  max-height: none;
  overflow: visible;
}

.wizard-steps {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

.wizard-step {
  display: none;
  flex-direction: column;
  gap: 1rem;
}

.wizard-step.is-active {
  display: flex;
}

.wizard-stepActions {
  display: flex;
  gap: 0.75rem;
  justify-content: flex-end;
  flex-wrap: wrap;
}
.wizard-stepActions__finalGroup {
  display: flex;
  gap: 0.75rem;
  align-items: center;
}

.listing-exitLink {
  font-weight: 600;
  margin-right: auto;
}

.wizard-status {
  min-height: 20px;
  font-size: 0.92rem;
  color: rgba(15, 23, 42, 0.7);
}

.canvas-meta {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  max-height: 100%;
  overflow-y: auto;
  padding-right: 0.5rem;
}

.canvas-main {
  background: #f8fafc;
  border-radius: 24px;
  padding: 1.25rem;
  max-height: 100%;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

.form-section {
  background: #fff;
  border: 1px solid rgba(15, 23, 42, 0.06);
  border-radius: 16px;
  padding: 1.25rem;
}

.form-section--panel {
  border-radius: 20px;
  border-color: rgba(15, 23, 42, 0.08);
  box-shadow: 0 20px 40px rgba(15, 23, 42, 0.08);
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.97), rgba(248, 250, 252, 0.97));
  position: relative;
  padding-top: 1.5rem;
}

.form-section--panel::before {
  content: "";
  position: absolute;
  left: 1.25rem;
  right: 1.25rem;
  top: 0.85rem;
  height: 3px;
  border-radius: 999px;
  background: linear-gradient(90deg, #0b2a55, #13406b, #1d5e96);
  opacity: 0.6;
}

.form-section h4 {
  margin: 0 0 0.75rem;
  font-size: 1rem;
  font-weight: 600;
}

.canvas-card {
  background: #fff;
  border-radius: 24px;
  padding: 1.5rem;
  border: 1px solid rgba(15, 23, 42, 0.05);
  box-shadow: 0 15px 30px rgba(15, 23, 42, 0.08);
}

.wizard-panel {
  background: rgba(255, 255, 255, 0.9);
  border-radius: 20px;
  padding: 1.25rem 1.5rem;
  border: none;
  box-shadow: 0 10px 25px rgba(15, 23, 42, 0.06);
}

.wizard-panel__actions {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 0.75rem;
  flex-wrap: nowrap;
  width: 100%;
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid rgba(15, 23, 42, 0.08);
}

.wizard-panel__actionsPrimary {
  display: flex;
  gap: 0.75rem;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  margin-left: auto;
}

.wizard-panel__actions .btn,
.wizard-panel__actions .wizard-panel__clear {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.wizard-panel__actions .btn {
  border-radius: 12px;
  padding: 0.65rem 1.5rem;
}

.wizard-panel__actions .wizard-panel__clear {
  flex: 0 0 auto;
  max-width: 240px;
  margin-right: auto;
}

.wizard-panel__actionsPrimary .btn {
  flex: 0 0 auto;
  min-width: 140px;
}

.listing-createLayout--wizard button[data-step-next],
.listing-createLayout--wizard button[data-step-prev] {
  background: var(--emlak-accent, #0b2a55) !important;
  color: #fff !important;
  border-color: var(--emlak-accent, #0b2a55) !important;
  box-shadow: 0 10px 30px rgba(11, 42, 85, 0.3);
}

.listing-createLayout--wizard button[data-step-next]:hover,
.listing-createLayout--wizard button[data-step-prev]:hover {
  box-shadow: 0 14px 34px rgba(11, 42, 85, 0.4);
}

.canvas-card header,
.wizard-panel header {
  margin-bottom: 1.25rem;
}

.wizard-panel__head {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.wizard-panel__head--with-action {
  justify-content: space-between;
  gap: 1rem;
  padding-bottom: 4px;
}

.wizard-panel__titleGroup {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
}

.wizard-panel__headAction {
  margin-left: auto;
}

.wizard-panel__clear {
  font-size: 0.9rem;
  padding: 0.55rem 1.35rem;
  background: #dc2626;
  color: #fff;
  border: 1px solid #b91c1c;
  border-radius: 12px;
  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.wizard-panel__clear:hover,
.wizard-panel__clear:focus-visible {
  background: #b91c1c;
  border-color: #7f1d1d;
  color: #fff;
}

.wizard-panel__head h3 {
  margin: 0;
}

.card-label {
  display: inline-flex;
  width: 36px;
  height: 36px;
  border-radius: 12px;
  background: var(--emlak-accent, #0b2a55);
  color: #fff;
  font-size: 0.9rem;
  align-items: center;
  justify-content: center;
  font-weight: 600;
}

.card-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 1rem;
}

.listing-createForm textarea[name="summary"] {
  min-height: 80px;
}

.card-grid--overview {
  grid-template-columns: repeat(12, minmax(0, 1fr));
}

.card-grid--overview > * {
  grid-column: span 6;
}

.card-grid--overview > .grid-span-3 {
  grid-column: span 3;
}

.card-grid--overview > .grid-span-6 {
  grid-column: span 6;
}

.card-grid--overview > .card-span {
  grid-column: 1 / -1;
}

.card-span {
  grid-column: 1 / -1;
}

@media (max-width: 1024px) {
  .card-grid {
    grid-template-columns: 1fr;
  }

  .card-grid--overview {
    grid-template-columns: 1fr;
  }

  .card-grid--overview > *,
  .card-grid--overview > .grid-span-3,
  .card-grid--overview > .grid-span-6,
  .card-grid--overview > .card-span {
    grid-column: 1 / -1;
  }
}

.toggle-line {
  display: inline-flex;
  gap: 0.5rem;
  align-items: center;
  padding: 0.65rem 0.85rem;
  border: 1px solid rgba(15, 23, 42, 0.12);
  border-radius: 999px;
  font-size: 0.9rem;
  background: #fff;
}

.toggle-line input {
  width: auto;
}

.canvas-card--accordion .card-accordion,
.wizard-panel--accordion .card-accordion {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.canvas-meta .meta-card {
  border-radius: 18px;
  padding: 1.1rem 1.2rem;
  background: #fff;
  border: 1px solid rgba(15, 23, 42, 0.06);
  box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.02);
}

.meta-card--primary {
  background: radial-gradient(circle at top left, rgba(11, 56, 102, 0.4), rgba(15, 23, 42, 0.95));
  color: #fff;
}

.meta-card--primary .meta-label {
  color: rgba(255, 255, 255, 0.7);
}

.meta-card--primary .meta-stats div span {
  color: rgba(255, 255, 255, 0.75);
}

.meta-label {
  font-size: 0.78rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #94a3b8;
}

.meta-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.5rem;
  margin: 0.85rem 0;
}

.meta-stats div {
  background: rgba(255, 255, 255, 0.15);
  border-radius: 14px;
  padding: 0.45rem 0.65rem;
}

.meta-stats div span {
  display: block;
  font-size: 0.75rem;
  color: #475569;
}

.meta-stats strong {
  font-size: 1.1rem;
  font-weight: 700;
  color: #0f172a;
}

.meta-card--primary .meta-stats strong {
  color: #fff;
}

.canvas-steps {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}

.canvas-steps span {
  margin-bottom: 0.3rem;
}

.canvas-steps a {
  text-decoration: none;
  color: #0f172a;
  padding: 0.45rem 0.6rem;
  border-radius: 10px;
  transition: background 0.2s ease;
  font-weight: 500;
}

.canvas-steps a:hover {
  background: rgba(11, 42, 85, 0.12);
  color: #0b2a55;
}

.canvas-footer {
  border-top: 1px solid rgba(15, 23, 42, 0.08);
  padding: 1rem 2rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
}

.canvas-footer .actions {
  display: flex;
  gap: 0.75rem;
}

.canvas-footer .btn-lg {
  padding: 0.85rem 1.6rem;
  font-size: 1rem;
}

.form-accordion--panel {
  border-radius: 20px;
  border-color: rgba(15, 23, 42, 0.12);
  box-shadow: 0 15px 35px rgba(15, 23, 42, 0.08);
}

.form-accordion--panel summary {
  font-size: 1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}

.form-accordion--panel summary::after {
  content: "";
  width: 10px;
  height: 10px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(-45deg);
  transition: transform 0.2s ease;
}

.form-accordion--panel[open] summary::after {
  transform: rotate(45deg);
}

@media (max-width: 720px) {
  .listing-modal__dialog {
    height: 100vh;
    width: 100vw;
  }

  .listing-modal--offcanvas .listing-modal__dialog {
    padding: 0;
  }

  .listing-offcanvas__form {
    border-radius: 0;
  }

  .canvas-header {
    flex-direction: column;
  }

  .canvas-body {
    grid-template-columns: 1fr;
    padding: 1.25rem;
  }

  .listing-createLayout--wizard {
    padding: 0.5rem 0 1.25rem;
  }

  .canvas-meta,
  .canvas-main {
    max-height: none;
    overflow: visible;
  }

  .listing-createCard {
    padding: 0;
    border-radius: 24px;
  }

  .listing-filterForm--compact .form-grid,
  .listing-filterForm--compact .form-grid--compact {
    display: flex;
    flex-direction: column;
    gap: 0;
  }

  .listing-filterForm--compact .form-grid label,
  .listing-filterForm--compact .form-grid--compact label {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    width: 100%;
    padding-bottom: 0.65rem;
  }

  .listing-filterForm--compact .form-grid label + label,
  .listing-filterForm--compact .form-grid--compact label + label {
    border-top: 1px solid rgba(15, 23, 42, 0.18);
    margin-top: 0;
    padding-top: 0.65rem;
  }

  .listing-filterForm--compact .form-grid label:last-child,
  .listing-filterForm--compact .form-grid--compact label:last-child {
    padding-bottom: 0;
  }

  .listing-toolbar {
    padding-bottom: 0.75rem;
    margin-bottom: 1rem;
  }

  .filter-toolbar {
    flex-direction: column;
    align-items: stretch;
  }

  .filter-toolbar__search,
  .filter-toolbar__actions {
    width: 100%;
  }

  .filter-toolbar__actions {
    justify-content: space-between;
  }

  .search-field--compact {
    padding: 0.35rem 0.65rem;
  }

  .canvas-card,
  .wizard-panel {
    padding: 1.1rem;
    border-radius: 20px;
  }

  .card-grid {
    grid-template-columns: 1fr;
  }

  .card-grid--overview {
    grid-template-columns: 1fr;
  }

  .card-grid--overview > * {
    grid-column: 1 / -1;
  }

  .emlak-app--create .card-grid {
    gap: 0;
  }

  .emlak-app--create .card-grid > * {
    padding-bottom: 3px;
  }

  .emlak-app--create .card-grid > * + * {
    border-top: 1px solid rgba(15, 23, 42, 0.18);
    margin-top: 0.35rem;
    padding-top: 0.35rem;
  }

  .emlak-app--create .card-grid > *:last-child {
    padding-bottom: 0;
  }

  .emlak-app--create .card-grid label,
  .emlak-app--create .card-grid .card-span {
    display: flex;
    flex-direction: column;
    gap: 2px;
  }

  .toggle-line {
    width: 100%;
  }

  .wizard-stepActions {
    width: 100%;
    flex-direction: column;
    align-items: stretch;
    gap: 0.5rem;
  }

  .wizard-stepActions__finalGroup {
    width: 100%;
    flex-direction: column;
    gap: 0.5rem;
  }

  .wizard-stepActions .btn {
    width: 100%;
  }

  .wizard-panel__head--with-action {
    flex-direction: column;
    align-items: stretch;
    gap: 0.65rem;
  }

  .wizard-panel__actions {
    flex-direction: column;
    align-items: stretch;
    gap: 0.65rem;
  }

  .wizard-panel__actionsPrimary {
    width: 100%;
    flex: 1 1 auto;
    flex-wrap: nowrap;
    justify-content: space-between;
    gap: 0.5rem;
  }

  .wizard-panel__actions .wizard-panel__clear,
  .wizard-panel__actionsPrimary .btn {
    flex: 1 1 auto;
    max-width: none;
  }

  .wizard-panel__actionsPrimary .btn {
    min-width: 0;
  }
}

.form-accordion {
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: 14px;
  overflow: hidden;
  background: #fff;
}

.form-accordion summary {
  padding: 1rem 1.25rem;
  cursor: pointer;
  font-weight: 600;
}

.form-accordion[open] summary {
  background: rgba(11, 42, 85, 0.1);
}

.form-accordion > *:not(summary) {
  padding: 0 1.25rem 1.25rem;
}

.listing-modal__body label {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  font-size: 0.9rem;
}

.listing-modal__body input,
.listing-modal__body select,
.listing-modal__body textarea {
  border: 1px solid rgba(15, 23, 42, 0.15);
  border-radius: 10px;
  padding: 0.6rem 0.75rem;
  font-size: 0.95rem;
  background: #fff;
}

.listing-modal__body textarea {
  min-height: 100px;
  resize: vertical;
}

input.is-invalid,
select.is-invalid,
textarea.is-invalid {
  border-color: #dc2626 !important;
  box-shadow: 0 0 0 1px rgba(220, 38, 38, 0.25);
}

.listing-modal__footer .actions {
  display: flex;
  gap: 0.75rem;
}

body.modal-open {
  overflow: hidden;
}

.checkbox-inline {
  flex-direction: row;
  align-items: center;
  gap: 0.4rem;
}

.checkbox-inline input {
  width: auto;
  height: auto;
}
/* Modern dashboard look */
.dash-body{
  background:
    radial-gradient(1000px 600px at -10% -10%, rgba(47,128,255,.18), transparent 60%),
    radial-gradient(900px 520px at 110% -20%, rgba(11,42,85,.14), transparent 55%),
    #f7f9fc;
}

.dash-shell{
  min-height:100vh;
  display:flex;
}

.dash-sidebar{
  width: 290px;
  flex: 0 0 290px;
  padding: 18px;
  position: sticky;
  top: 0;
  overflow: auto;

  background: rgba(255,255,255,.78);
  backdrop-filter: saturate(180%) blur(14px);
  border-right: 1px solid rgba(230,235,242,.9);
}

@media (min-width: 981px){
  .dash-sidebar{
    position: fixed;
    left: 0;
    top: 0;
    height: 100vh;
    overflow-y: auto;
  }
  .dash-main{
    margin-left: 290px;
  }
}

.dash-main{
  flex:1;
  padding: 8px;
  padding-bottom: 96px;
}

.dash-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 12px;
  margin-bottom: 16px;
}

.dash-title{
  font-size: 18px;
  font-weight: 850;
  color: var(--navy);
  letter-spacing: -.01em;
}

.dash-burger{
  border: 1px solid var(--border);
  background: rgba(255,255,255,.9);
  border-radius: 14px;
  padding: 10px 12px;
  font-size: 18px;
  box-shadow: var(--shadow-soft);
}

/* Brand */
.dash-brand{
  display:flex;
  align-items:center;
  gap: 12px;
  padding: 10px 10px 14px;
  border-radius: 18px;

  background: linear-gradient(135deg, rgba(47,128,255,.10), rgba(255,255,255,.9));
  border: 1px solid rgba(230,235,242,.9);
  box-shadow: var(--shadow-soft);
}

.dash-brandLink{ display:inline-flex; align-items:center; justify-content:center; }
.dash-brandLogo{
  width: 44px;
  height: 44px;
  object-fit: contain;
  border-radius: 14px;
  background:#fff;
  border: 1px solid var(--border);
  padding: 6px;
}
.dash-brandTitle{
  font-weight: 900;
  color: var(--navy);
  line-height: 1.1;
}
.dash-brandSub{
  color: var(--muted);
  font-size: 12px;
  margin-top: 2px;
}

/* Nav */
.dash-nav{
  display:grid;
  gap: 10px;
  margin-top: 14px;
}

.dash-link{
  display:flex;
  align-items:center;
  gap: 10px;
  padding: 12px 12px;
  border-radius: 16px;
  background: rgba(255,255,255,.9);
  border: 1px solid rgba(230,235,242,.95);
  box-shadow: 0 6px 16px rgba(11,18,32,.04);

  transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease, background .15s ease;
}
.dash-link:hover{
  transform: translateY(-1px);
  border-color: rgba(47,128,255,.25);
  box-shadow: 0 10px 24px rgba(11,18,32,.08);
}
.dash-link.active{
  border-color: rgba(47,128,255,.35);
  background: linear-gradient(135deg, rgba(47,128,255,.14), rgba(255,255,255,.95));
}
.dash-ico{
  width: 36px;
  height: 36px;
  border-radius: 14px;
  display:grid;
  place-items:center;
  background: #f6f8fc;
  border: 1px solid var(--border);
  font-size: 16px;
}
.dash-link.active .dash-ico{
  background: rgba(11,42,85,.92);
  border-color: rgba(11,42,85,.92);
  color:#fff;
}
.dash-label{
  font-weight: 800;
  color: var(--navy);
}

/* Content cards */
.card{
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(230,235,242,.95);
  border-radius: 20px;
  box-shadow: 0 12px 30px rgba(11,18,32,.06);
  padding: 18px;
}

.muted{ color: var(--muted); }

/* Panel stats */
.stats{
  display:grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 12px;
  margin-bottom: 14px;
}
.stat{
  padding: 14px;
  border-radius: 18px;
  border: 1px solid rgba(230,235,242,.95);
  background: linear-gradient(135deg, rgba(47,128,255,.10), rgba(255,255,255,.92));
  box-shadow: 0 10px 24px rgba(11,18,32,.05);
}
.stat b{ display:block; font-size: 18px; letter-spacing: -.01em; color: var(--navy); }
.stat small{ color: var(--muted); font-weight: 700; }

/* Products grid */
.grid{
  display:grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 12px;
  margin-top: 12px;
}
.productCard{
  border: 1px solid rgba(230,235,242,.95);
  border-radius: 18px;
  padding: 14px;
  background: rgba(255,255,255,.92);
  box-shadow: 0 10px 24px rgba(11,18,32,.05);
  display:grid;
  gap: 10px;

  transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}
.productCard:hover{
  transform: translateY(-1px);
  border-color: rgba(47,128,255,.28);
  box-shadow: 0 14px 34px rgba(11,18,32,.08);
}
.productCard.expired{ opacity:.72; }

.pc-title{ font-weight: 900; color: var(--navy); letter-spacing: -.01em; }
.pc-meta{ display:flex; justify-content:space-between; gap: 10px; align-items:center; flex-wrap:wrap; }
.pc-badge{
  font-size: 12px;
  padding: 7px 10px;
  border-radius: 999px;
  border: 1px solid rgba(230,235,242,.95);
  font-weight: 800;
}
.pc-badge.ok{ background:#ecf7ee; border-color:#c8ead0; }
.pc-badge.bad{ background:#fff1f1; border-color:#ffd0d0; }

/* Mobile bottom nav (bn-* like pages bottomMenu) */
.dash-bottomNav{ display:none; }

@media (max-width: 980px){
  .dash-sidebar{ display:none; }
  .dash-content::after{
    content:"";
    display:block;
    height:30px;
    flex:0 0 30px;
  }
  .dash-bottomNav{
    position:fixed;
    left:0; right:0; bottom:0;
    z-index:2000;
    display:grid;
    grid-template-columns: repeat(6, 1fr);
    gap:6px;
    padding: 4px 8px calc(8px + env(safe-area-inset-bottom));
    background: rgba(255,255,255,.92);
    backdrop-filter: saturate(180%) blur(12px);
    border-top: 1px solid rgba(230,235,242,.95);
  }

  .dash-bottomNav.dash-bottomNav--scroll{
    display:flex;
    align-items:stretch;
    justify-content:flex-start;
    gap:2px;
    overflow-x:auto;
    overflow-y:hidden;
    scroll-behavior:smooth;
    scroll-snap-type:x proximity;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
  }

  .dash-bottomNav.dash-bottomNav--solo{
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap:4px;
    padding-inline:6px;
  }

  .dash-bottomNav.dash-bottomNav--scroll::-webkit-scrollbar{
    display:none;
  }

  .bn-item{
    border:1px solid transparent;
    background:transparent;
    border-radius:14px;
    padding: 4px 2px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:3px;
    font:inherit;
    color:var(--text);
    cursor:pointer;
    position:relative;
    min-height:58px;
  }

  .dash-bottomNav .bn-item{
    --bn-accent:#2563eb;
    --bn-accent-2:#1d4ed8;
    --bn-soft:#eff6ff;
    --bn-border:#bfdbfe;
  }

  .dash-bottomNav .bn-item[data-module-slug="akilli-gorevler"]{
    --bn-accent:#2563eb;
    --bn-accent-2:#1e40af;
    --bn-soft:#eff6ff;
    --bn-border:#bfdbfe;
  }

  .dash-bottomNav .bn-item[data-module-slug="emlak-portfoy-crm"],
  .dash-bottomNav .bn-item[data-module-slug="salon-musteri-kartlari"]{
    --bn-accent:#16a34a;
    --bn-accent-2:#15803d;
    --bn-soft:#ecfdf5;
    --bn-border:#bbf7d0;
  }

  .dash-bottomNav .bn-item[data-module-slug="emlak-ilan-yayini"],
  .dash-bottomNav .bn-item[data-module-slug="salon-randevu-yonetimi"]{
    --bn-accent:#f97316;
    --bn-accent-2:#ea580c;
    --bn-soft:#fff7ed;
    --bn-border:#fed7aa;
  }

  .dash-bottomNav .bn-item[data-module-slug="emlak-evrak-eimza"]{
    --bn-accent:#d97706;
    --bn-accent-2:#b45309;
    --bn-soft:#fffbeb;
    --bn-border:#fde68a;
  }

  .dash-bottomNav .bn-item[data-module-slug="emlak-finans-komisyon"]{
    --bn-accent:#0d9488;
    --bn-accent-2:#0f766e;
    --bn-soft:#f0fdfa;
    --bn-border:#99f6e4;
  }

  .dash-bottomNav .bn-item[data-module-slug="veri-tasima"],
  .dash-bottomNav .bn-item[data-module-slug="emlak-web-portal"]{
    --bn-accent:#0891b2;
    --bn-accent-2:#0e7490;
    --bn-soft:#ecfeff;
    --bn-border:#a5f3fc;
  }

  .dash-bottomNav .bn-item[data-module-slug="uye-danisman-yonetimi"],
  .dash-bottomNav .bn-item[data-module-slug="kullanici-yonetimi"]{
    --bn-accent:#7c3aed;
    --bn-accent-2:#6d28d9;
    --bn-soft:#f5f3ff;
    --bn-border:#ddd6fe;
  }

  .dash-bottomNav .bn-item[data-dash-quick-open]{
    --bn-accent:#db2777;
    --bn-accent-2:#be185d;
    --bn-soft:#fdf2f8;
    --bn-border:#fbcfe8;
  }

  .dash-bottomNav.dash-bottomNav--scroll .bn-item{
    flex:0 0 auto;
    width: calc((100% - 24px) / 6.5);
    min-width: calc((100% - 24px) / 6.5);
    padding: 4px 1px;
    scroll-snap-align:center;
  }

  .dash-bottomNav.dash-bottomNav--solo .bn-item{
    min-width:0;
    padding:4px 1px;
  }

  .bn-item:hover{ background: var(--blue-2); border-color:#d7e6ff; }

  .bn-ico{
    width: 30px; height: 30px;
    border-radius: 11px;
    background:
      linear-gradient(135deg, var(--bn-soft), rgba(255,255,255,.98));
    border: 1px solid var(--bn-border);
    color: var(--bn-accent);
    display:grid;
    place-items:center;
    font-size: 14px;
    line-height:1;
    box-shadow: 0 8px 18px rgba(15,23,42,.06);
  }

  .bn-ico i{
    display:block;
    font-size:14px;
    line-height:1;
  }

  .bn-text{
    display:block;
    width:100%;
    min-height:1.1em;
    font-size: 8.5px;
    font-weight: 850;
    color: var(--navy);
    line-height: 1.05;
    text-align:center;
  }

  .bn-badge{
    position:absolute;
    top:3px;
    right:max(8px, calc(50% - 22px));
    min-width:17px;
    height:17px;
    padding:0 4px;
    border:2px solid #fff;
    border-radius:999px;
    background:#ef4444;
    color:#fff;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-size:.58rem;
    line-height:1;
    font-weight:900;
    box-sizing:border-box;
  }

  .bn-primary .bn-ico{
    background: rgba(11,42,85,.92);
    border-color: rgba(11,42,85,.92);
    color:#fff;
  }

  .bn-item.active{
    background: linear-gradient(180deg, rgba(255,255,255,.94), var(--bn-soft));
    border-color: var(--bn-border);
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.74);
  }

  .bn-item.active .bn-ico{
    background: linear-gradient(135deg, var(--bn-accent), var(--bn-accent-2));
    border-color: transparent;
    color:#fff;
    box-shadow: 0 10px 24px color-mix(in srgb, var(--bn-accent) 28%, transparent);
  }
}

/* Offcanvas (fullscreen) */
.dash-oc[hidden]{ display:none; }
.dash-oc{
  position:fixed;
  inset:0;
  z-index:9999;
}
.dash-oc-backdrop{
  position:absolute;
  inset:0;
  background: rgba(11,18,32,.58);
}
.dash-oc-panel{
  position:absolute;
  inset: 0;
  background:
    radial-gradient(1000px 600px at 0% -10%, rgba(47,128,255,.18), transparent 55%),
    #fff;
  display:grid;
  grid-template-rows: auto 1fr;
}
.dash-oc-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding: 8px 16px;
  border-bottom: 1px solid rgba(230,235,242,.95);
  background: rgba(255,255,255,.82);
  backdrop-filter: blur(10px);
}
.dash-oc-title{ font-weight: 950; color: var(--navy); letter-spacing: -.01em; }
.dash-oc-close{
  border: 1px solid rgba(230,235,242,.95);
  background: rgba(255,255,255,.95);
  border-radius: 14px;
  padding: 10px 12px;
  font-size: 16px;
  box-shadow: var(--shadow-soft);
}
.dash-oc-body{ padding: 16px; overflow:auto; }

.dash-oc-grid{
  display:grid;
  grid-template-columns: 1fr;
  gap: 10px;
}
.dash-oc-card{
  display:flex;
  align-items:center;
  gap: 12px;
  padding: 14px;
  border-radius: 18px;
  border: 1px solid rgba(230,235,242,.95);
  background: rgba(255,255,255,.92);
  box-shadow: 0 10px 24px rgba(11,18,32,.06);
}
.dash-oc-card span{
  width: 42px;
  height: 42px;
  border-radius: 16px;
  display:grid;
  place-items:center;
  background: #f6f8fc;
  border: 1px solid rgba(230,235,242,.95);
  font-size: 18px;
}
.dash-oc-card b{ display:block; color: var(--navy); }
.dash-oc-card small{ display:block; color: var(--muted); font-weight: 700; margin-top: 2px; }

.dash-oc-foot{
  margin-top: 28px;
  padding-top: 18px;
  border-top: 1px dashed rgba(230,235,242,.95);
}

.dash-oc-footText{
  font-size: 11px;
  font-weight: 700;
  color: var(--muted);
  text-align: center;
}

.dash-oc-site{
  display:inline-flex;
  padding: 10px 12px;
  border-radius: 14px;
  border: 1px solid rgba(230,235,242,.95);
  background: rgba(255,255,255,.92);
  font-weight: 850;
  color: var(--navy);
}

@media (max-width: 900px){
  .grid{ grid-template-columns: 1fr; }
  .stats{ grid-template-columns: 1fr; }
}

:root{
  --dash-header-h: 68px;
}

/* Modern header */
.dash-header{
  position: relative;
  top: auto;
  z-index: 3000;
  height: var(--dash-header-h);

  margin-bottom: 14px;

  background: rgba(255,255,255,.78);
  border: 1px solid rgba(230,235,242,.95);
  border-radius: 20px;
  backdrop-filter: saturate(180%) blur(14px);
  box-shadow: 0 14px 34px rgba(11,18,32,.08);
}

body.emlak-app--create .dash-header {
  margin-bottom: 8px;
}

.dash-hwrap{
  height: 100%;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
}

.dash-hleft, .dash-hright{
  display: flex;
  align-items: center;
  gap: 10px;
}
.dash-hright{
  justify-content: flex-end;
}

.dash-hbrand{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 8px 10px;
  border-radius: 16px;
  border: 1px solid rgba(230,235,242,.95);
  background: rgba(255,255,255,.92);
}
.dash-hbrandLogo{
  width: 28px;
  height: 28px;
  object-fit: contain;
  border-radius: 10px;
  border: 1px solid rgba(230,235,242,.95);
  padding: 4px;
  background: #fff;
}
.dash-hbrandText{
  font-weight: 950;
  color: var(--navy);
  letter-spacing: -.01em;
}

body.emlak-app .dash-hbrand--workspace{
  position: relative;
  min-width: 0;
  max-width: min(100%, 220px);
  gap: 9px;
  padding: 6px 12px 6px 8px;
  min-height: 44px;
  border-radius: 16px;
  border: 1px solid rgba(191,219,254,.92);
  background:
    linear-gradient(135deg, rgba(239,246,255,.96), rgba(255,255,255,.96) 55%, rgba(248,250,252,.96));
  box-shadow: 0 10px 24px rgba(11,18,32,.06);
  overflow: hidden;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
body.emlak-app .dash-hbrand--workspace::before{
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 4px;
  background: linear-gradient(180deg, #2f80ff 0%, #60a5fa 100%);
}
body.emlak-app .dash-hbrand--workspace:hover{
  transform: translateY(-1px);
  border-color: rgba(96,165,250,.96);
  box-shadow: 0 22px 42px rgba(11,18,32,.11);
}
body.emlak-app .dash-hbrand--workspace:focus-visible{
  outline: 2px solid rgba(47,128,255,.28);
  outline-offset: 3px;
}
body.emlak-app .dash-hbrandMark{
  position: relative;
  z-index: 1;
  flex: 0 0 auto;
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  border-radius: 10px;
  border: 1px solid rgba(191,219,254,.96);
  background: linear-gradient(145deg, #ffffff, #eaf2ff);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.95);
}
body.emlak-app .dash-hbrand--workspace .dash-hbrandLogo{
  width: 18px;
  height: 18px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  object-fit: contain;
}
body.emlak-app .dash-hbrandCopy{
  position: relative;
  z-index: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
body.emlak-app .dash-hbrand--workspace .dash-hbrandText{
  min-width: 0;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
  font-weight: 950;
  color: var(--navy);
}

/* Title */
.dash-hcenter{ display: grid; place-items: center; }
.dash-htitle{ text-align: center; line-height: 1.05; }
.dash-htitleMain{
  font-weight: 950;
  color: var(--navy);
  letter-spacing: -.01em;
}
.dash-htitleMeta{
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 6px 10px;
  margin-top: 4px;
}
.dash-htitleSub{
  display: block;
  margin-top: 4px;
  font-size: 12px;
  color: var(--muted);
  font-weight: 800;
}
.dash-htitleBeta{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 3px 9px;
  border: 1px solid rgba(49, 91, 148, .18);
  border-radius: 999px;
  background: rgba(239, 246, 255, .92);
  color: #315b94;
  font-size: 11px;
  font-weight: 900;
  line-height: 1.15;
  white-space: nowrap;
}
.dash-htitleMeta .dash-htitleSub{
  display: inline;
  margin-top: 0;
}
.dash-htitleCode{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 4px 10px;
  border-radius: 999px;
  border: 1px solid rgba(15,23,42,.10);
  background: rgba(15,23,42,.04);
  color: var(--navy);
  font-size: 12px;
  font-weight: 900;
  line-height: 1.2;
  word-break: break-all;
}
.dash-htitleMainShort,
.dash-htitleMobileTag{
  display: none;
}
.dash-htitleMobileTag{
  align-items: center;
  justify-content: center;
  max-width: min(58vw, 260px);
  padding: 4px 10px;
  border-radius: 999px;
  background: rgba(15, 23, 42, .05);
  color: var(--muted);
  font-size: 11px;
  font-weight: 900;
  line-height: 1.1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Buttons */
.dash-hbtn{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 16px;
  border: 1px solid rgba(230,235,242,.95);
  background: rgba(255,255,255,.92);
  box-shadow: 0 10px 24px rgba(11,18,32,.06);
  cursor: pointer;
  color: var(--navy);
  font-weight: 900;
  transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease, background .15s ease;
}
.dash-hbtn:hover{
  transform: translateY(-1px);
  border-color: rgba(47,128,255,.25);
  box-shadow: 0 14px 34px rgba(11,18,32,.10);
}
.dash-hbtn--icon{
  width: 44px;
  height: 44px;
  padding: 0;
  justify-content: center;
}
.dash-hbtn--headerIcon{
  width: 44px;
  min-width: 44px;
  height: 44px;
  min-height: 44px;
  padding: 0;
  justify-content: center;
  gap: 0;
}
body.emlak-app .dash-header .dash-hbtn--assistant.dash-hbtn--headerIcon{
  border-color: rgba(226,235,246,.98);
  background: rgba(255,255,255,.98);
  color: #0b2a55;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.96);
}
body.emlak-app .dash-header .dash-hbtn--assistant.dash-hbtn--headerIcon:hover{
  border-color: rgba(191,219,254,.98);
  box-shadow: 0 12px 24px rgba(15,38,77,.08), inset 0 1px 0 rgba(255,255,255,.96);
}
body.emlak-app .dash-header .dash-hbtn--headerIcon .dash-hbtnIco{
  width: 20px;
  height: 20px;
  font-size: 18px;
  line-height: 1;
  color: inherit;
}
body.emlak-app .dash-header .dash-hbtn--headerIcon .dash-hbtnIco > i{
  font-size: 18px;
  line-height: 1;
}
body.emlak-app .dash-header .dash-hbtn--headerIcon .ico{
  width: 18px;
  height: 18px;
}
.dash-hbtn--mobileOnly{
  display: none;
}
.dash-hbtnIco{
  width: 22px;
  height: 22px;
  display: grid;
  place-items: center;
}
.dash-hbtnText{ font-weight: 950; }
.dash-hcart{
  position: relative;
}
.dash-hdesktopAction{
  display: inline-flex;
}

.dash-hbtn--primary{
  border-color: rgba(11,42,85,.9);
  background: rgba(11,42,85,.92);
  color: #fff;
}
.dash-hbtn--assistant,
.dash-hbtn--academy{
  color: #fff;
  border-color: transparent;
}
.dash-hbtn--assistant{
  background: linear-gradient(135deg, rgba(24,47,87,.98), rgba(37,99,235,.94));
  box-shadow: 0 14px 30px rgba(24,47,87,.18);
}
.dash-hbtn--assistant:hover{
  border-color: transparent;
  box-shadow: 0 18px 36px rgba(24,47,87,.24);
}
.dash-hbtn--academy{
  background: linear-gradient(135deg, rgba(4,120,87,.98), rgba(20,184,166,.94));
  box-shadow: 0 12px 26px rgba(4,120,87,.18);
}
.dash-hbtn--academy:hover{
  border-color: transparent;
  box-shadow: 0 16px 32px rgba(4,120,87,.24);
}
.dash-hbtn--assistant .dash-hbtnIco,
.dash-hbtn--academy .dash-hbtnIco{
  color: inherit;
  font-size: 18px;
  line-height: 1;
}
/* Icon sizing */
.dash-header .ico{
  width: 22px;
  height: 22px;
}

@media (min-width: 981px){
  body.emlak-app .dash-header{
    height: 68px;
    background: rgba(255,255,255,.96);
    border-color: rgba(226,235,246,.98);
    box-shadow: 0 12px 28px rgba(11,18,32,.07);
  }

  body.emlak-app .dash-hwrap{
    grid-template-columns: minmax(190px,1fr) auto minmax(260px,1fr);
    gap: 16px;
    padding: 10px 12px;
  }

  body.emlak-app .dash-hbrand--workspace{
    min-height: 44px;
    max-width: 220px;
    padding: 6px 14px 6px 10px;
    border-radius: 16px;
    border-color: rgba(191,219,254,.96);
    background: rgba(255,255,255,.98);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.95);
  }

  body.emlak-app .dash-hbrand--workspace::before{
    display: none;
  }

  body.emlak-app .dash-hbrandMark{
    width: 32px;
    height: 32px;
    border-radius: 11px;
    border-color: rgba(147,197,253,.98);
    background: linear-gradient(145deg, #ffffff, #eef6ff);
  }

  body.emlak-app .dash-hbrand--workspace .dash-hbrandText{
    font-size: 13px;
    line-height: 1.1;
    letter-spacing: 0;
  }

  body.emlak-app .dash-htitle{
    line-height: 1.08;
  }

  body.emlak-app .dash-htitleMainFull{
    display: block;
    font-size: 14px;
    font-weight: 950;
    letter-spacing: 0;
  }

  body.emlak-app .dash-htitleMeta{
    margin-top: 2px;
  }

  body.emlak-app .dash-htitleSub{
    font-size: 12px;
    line-height: 1.05;
    color: #0b2a55;
    font-weight: 850;
  }

  body.emlak-app .dash-hbtn{
    height: 44px;
    min-height: 44px;
    padding: 0 16px;
    border-radius: 16px;
    gap: 10px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.96);
  }

  body.emlak-app .dash-hbtn--wallet,
  body.emlak-app .dash-hbtn--support,
  body.emlak-app .dash-hbtn--cartAction{
    border-color: rgba(226,235,246,.98);
    background: rgba(255,255,255,.98);
    color: #0b2a55;
  }

  body.emlak-app .dash-hbtn--wallet:hover,
  body.emlak-app .dash-hbtn--support:hover,
  body.emlak-app .dash-hbtn--cartAction:hover{
    border-color: rgba(191,219,254,.98);
    box-shadow: 0 12px 24px rgba(15,38,77,.08), inset 0 1px 0 rgba(255,255,255,.96);
  }

  body.emlak-app .dash-hbtn--cartAction{
    min-width: 108px;
    justify-content: center;
  }

  body.emlak-app .dash-hbtn--headerIcon{
    width: 44px;
    min-width: 44px;
    padding: 0;
    justify-content: center;
  }

  body.emlak-app .dash-hbtn--wallet .dash-hbtnIco,
  body.emlak-app .dash-hbtn--support .dash-hbtnIco,
  body.emlak-app .dash-hbtn--assistant .dash-hbtnIco,
  body.emlak-app .dash-hbtn--cartAction .dash-hbtnIco{
    width: 20px;
    height: 20px;
    font-size: 17px;
    line-height: 1;
  }
}

/* Mobile tweaks */
@media (max-width: 980px){
  :root{ --dash-header-h: 58px; }

  .dash-header{
    position: sticky;
    top: max(8px, env(safe-area-inset-top));
    height: var(--dash-header-h);
    margin: 8px 4px 10px;
    border: 1px solid rgba(218, 228, 245, .96);
    border-radius: 17px;
    background: rgba(249, 252, 255, .98);
    box-shadow: 0 9px 22px rgba(15, 38, 77, .09);
    backdrop-filter: saturate(170%) blur(16px);
  }

  .dash-hwrap{
    height: 100%;
    grid-template-columns: 48px minmax(0, 1fr) auto;
    gap: 6px;
    padding: 7px 9px;
  }

  .dash-hleft,
  .dash-hright{
    min-width: 0;
    gap: 6px;
  }

  .dash-hleft{
    justify-content: flex-start;
  }

  .dash-hright{
    justify-content: flex-end;
  }

  .dash-htitleMain{
    color: #071f48;
    font-size: 14px;
    font-weight: 950;
    letter-spacing: 0;
  }
  .dash-htitleMainFull{ display: none !important; }
  .dash-htitleMainShort{
    display: block !important;
    font-size: 14px;
    line-height: 1.05;
    letter-spacing: 0;
  }
  .dash-htitleMeta{
    gap: 3px 6px;
    margin-top: 2px;
  }
  .dash-htitleBeta{
    padding: 2px 7px;
    font-size: 10px;
    line-height: 1.1;
  }
  .dash-htitleMobileTag{ display: inline-flex !important; }
  .dash-htitleCode{
    max-width: 100%;
    padding: 3px 8px;
    font-size: 11px;
  }
  .dash-header .dash-hbtn,
  .dash-header .dash-hbtn--icon{
    width: 42px;
    min-width: 42px;
    height: 42px;
    min-height: 42px;
    padding: 0;
    justify-content: center;
    border-radius: 14px;
    border-color: rgba(214, 226, 242, .98);
    background: #fff;
    color: #0b2a55;
    box-shadow: 0 6px 14px rgba(15, 38, 77, .075), inset 0 1px 0 rgba(255, 255, 255, .96);
  }

  .dash-header .ico{
    width: 20px;
    height: 20px;
  }

  .dash-header .dash-hbtn:hover{
    border-color: rgba(191, 219, 254, .98);
    box-shadow: 0 8px 18px rgba(15, 38, 77, .1), inset 0 1px 0 rgba(255, 255, 255, .96);
  }

  /* Mobilde sağ aksiyonlar ikon-only gibi dursun */
  .dash-hbtn .dash-hbtnText{ display:none; }
  .dash-hbtn{ gap: 0; }

  .dash-hbtn--assistant,
  .dash-hbtn--academy{
    border-color: rgba(214, 226, 242, .98);
    background: #fff;
    color: #0b2a55;
    box-shadow: 0 8px 18px rgba(15, 38, 77, .08), inset 0 1px 0 rgba(255, 255, 255, .96);
  }

  body.emlak-app .dash-hbrand--workspace{
    display: none !important;
  }

  body.emlak-app .dash-header{
    position: sticky;
    top: max(8px, env(safe-area-inset-top));
    width: calc(100vw - 14px);
    max-width: calc(100vw - 14px);
    height: var(--dash-header-h);
    margin: 8px 0 10px calc(50% - 50vw + 7px);
    padding-top: 0;
    border: 1px solid rgba(218, 228, 245, .96);
    border-radius: 17px;
    background: rgba(249, 252, 255, .98);
    box-shadow: 0 9px 22px rgba(15, 38, 77, .09);
    backdrop-filter: saturate(170%) blur(16px);
  }

  body.emlak-app .dash-hwrap{
    height: 100%;
    grid-template-columns: 48px minmax(0, 1fr) 48px;
    gap: 6px;
    padding: 7px 9px;
  }

  body.emlak-app .dash-hleft,
  body.emlak-app .dash-hright{
    min-width: 0;
  }

  body.emlak-app .dash-hleft{
    justify-content: flex-start;
  }

  body.emlak-app .dash-hright{
    justify-content: flex-end;
  }

  body.emlak-app .dash-hdesktopAction{
    display: none !important;
  }

  body.emlak-app .dash-hbtn--desktopOnly{
    display: none !important;
  }

  body.emlak-app .dash-hbtn--mobileOnly{
    display: inline-flex;
  }

  body.emlak-app .dash-hbtn--academy,
  body.emlak-app .dash-hbtn--assistant,
  body.emlak-app .dash-hbtn--mobileAction{
    width: 42px;
    min-width: 42px;
    height: 42px;
    min-height: 42px;
    padding: 0;
    justify-content: center;
    border-radius: 14px;
    border-color: rgba(214, 226, 242, .98);
    background: #fff;
    color: #0b2a55;
    box-shadow: 0 6px 14px rgba(15, 38, 77, .075), inset 0 1px 0 rgba(255, 255, 255, .96);
  }

  body.emlak-app .dash-hbtn--academy:active,
  body.emlak-app .dash-hbtn--assistant:active,
  body.emlak-app .dash-hbtn--mobileAction:active{
    transform: scale(.96);
  }

  body.emlak-app .dash-htitle{
    min-width: 0;
    width: 100%;
  }

  body.emlak-app .dash-htitleMainShort{
    max-width: calc(100vw - 132px);
    margin: 0 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  body.emlak-app .dash-htitleMobileTag{
    max-width: calc(100vw - 160px);
  }
}

.bulk-mobileSteps{
  display: none;
}

body.emlak-app .dash-content :is(.listing-bulkPage, .crm-bulkSection) [hidden]{
  display: none !important;
}

.bulk-validationAdvice{
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 12px;
  align-items: flex-start;
  padding: 13px 14px;
  border: 1px solid rgba(191, 219, 254, .9);
  border-radius: 16px;
  background: linear-gradient(180deg, #eff6ff 0%, #f8fbff 100%);
  color: #1e3a8a;
}

.bulk-validationAdvice[data-tone="mismatch"]{
  border-color: rgba(251, 191, 36, .72);
  background: linear-gradient(180deg, #fffbeb 0%, #fff7ed 100%);
  color: #92400e;
}

.bulk-validationAdviceIcon{
  width: 42px;
  height: 42px;
  border-radius: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(37, 99, 235, .1);
  color: #1d4ed8;
  font-size: 16px;
}

.bulk-validationAdvice[data-tone="mismatch"] .bulk-validationAdviceIcon{
  background: rgba(245, 158, 11, .13);
  color: #b45309;
}

.bulk-validationAdviceBody{
  min-width: 0;
  display: grid;
  gap: 5px;
}

.bulk-validationAdviceBody strong{
  margin: 0;
  color: inherit;
  font-size: 14px;
  font-weight: 900;
  line-height: 1.25;
}

.bulk-validationAdviceBody p{
  margin: 0;
  color: #475569;
  font-size: 13px;
  font-weight: 650;
  line-height: 1.42;
}

.bulk-validationAdviceActions{
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

.bulk-validationAdviceAction{
  width: fit-content;
  min-height: 36px;
  margin-top: 3px;
  padding: 9px 12px;
  border-radius: 12px;
  background: #fff;
  color: #1d4ed8;
  border: 1px solid rgba(147, 197, 253, .9);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  font-size: 12.5px;
  font-family: inherit;
  font-weight: 900;
  cursor: pointer;
}

.bulk-validationAdvice[data-tone="mismatch"] .bulk-validationAdviceAction{
  color: #92400e;
  border-color: rgba(251, 191, 36, .76);
}

.bulk-validationAdviceSecondary{
  background: #eef6ff;
}

.bulk-validationAdvice[data-tone="mismatch"] .bulk-validationAdviceSecondary{
  background: #fffbeb;
}

.bulk-validationTechToggle{
  width: fit-content;
  min-height: 30px;
  margin: 2px 0 0;
  padding: 5px 0;
  border: 0;
  background: transparent;
  color: #64748b;
  font-family: inherit;
  font-size: 12px;
  font-weight: 850;
  line-height: 1.2;
  text-align: left;
  text-decoration: underline;
  text-underline-offset: 3px;
  cursor: pointer;
}

.bulk-validationMore{
  margin-top: 8px;
  padding: 10px 12px;
  border-radius: 13px;
  border: 1px dashed rgba(245, 158, 11, .45);
  background: #fff7ed;
  color: #92400e;
  font-size: 12.5px;
  font-weight: 800;
  line-height: 1.35;
}

@media (max-width: 840px){
  body.emlak-app .dash-content .bulk-mobileSteps{
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
    margin: 0 0 10px;
    padding: 0;
    list-style: none;
  }

  body.emlak-app .dash-content .bulk-mobileSteps li{
    min-height: 44px;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    border-radius: 14px;
    border: 1px solid rgba(148, 163, 184, .24);
    background: rgba(255, 255, 255, .94);
    color: #0f172a;
    font-size: 13px;
    font-weight: 900;
    line-height: 1.2;
  }

  body.emlak-app .dash-content .bulk-mobileSteps span{
    width: 24px;
    height: 24px;
    flex: 0 0 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: #0f172a;
    color: #fff;
    font-size: 12px;
    font-weight: 950;
  }

  body.emlak-app .dash-content .bulk-mobileSteps strong{
    font: inherit;
  }

  body.emlak-app .dash-content .listing-bulkPage :is(a.btn, button.btn, label.btn, a.btn-soft, button.btn-soft, label.btn-soft, a.btn-primary, button.btn-primary, label.btn-primary),
  body.emlak-app .dash-content .crm-bulkSection :is(a.btn, button.btn, label.btn, a.btn-soft, button.btn-soft, label.btn-soft, a.btn-primary, button.btn-primary, label.btn-primary),
  body.emlak-app .dash-content .crm-bulkModal :is(a.btn, button.btn, label.btn, a.btn-soft, button.btn-soft, label.btn-soft, a.btn-primary, button.btn-primary, label.btn-primary),
  body.emlak-app .dash-content .listing-bulkModal :is(a.btn, button.btn, label.btn, a.btn-soft, button.btn-soft, label.btn-soft, a.btn-primary, button.btn-primary, label.btn-primary){
    min-height: 46px !important;
    height: auto !important;
    padding: 12px 14px !important;
    border-radius: 14px !important;
    line-height: 1.15 !important;
    font-size: 14px !important;
    white-space: normal !important;
    text-align: center !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 8px !important;
  }

  body.emlak-app .dash-content :is(.listing-bulkFileRow, .crm-bulkFileRow){
    gap: 10px !important;
  }

  body.emlak-app .dash-content :is(.listing-bulkFileRow, .crm-bulkFileRow, .listing-bulkUploadGuide, .crm-bulkUploadGuide, .listing-bulkActions, .crm-bulkActions, .listing-bulkImportActions, .crm-bulkImportActions) > :is(.btn, a.btn, button.btn, label.btn, .btn-soft, a.btn-soft, button.btn-soft, label.btn-soft, .btn-primary, a.btn-primary, button.btn-primary, label.btn-primary){
    width: 100% !important;
    flex: 1 1 100% !important;
  }

  body.emlak-app .dash-content .bulk-mobileCheckBtn{
    width: 100% !important;
    flex: 1 1 100% !important;
  }

  body.emlak-app .dash-content :is(.listing-bulkFileMeta, .crm-bulkFileMeta){
    width: 100% !important;
    flex: 1 1 100% !important;
    min-height: 46px !important;
  }

  body.emlak-app .dash-content :is(.listing-bulkFormGrid, .crm-bulkFormGrid) :is(input, select, textarea){
    min-height: 46px !important;
  }
}

@media (max-width: 840px){
  body.emlak-app.yonsa-bulk-data-screen{
    background: #f5f7fb;
  }

  body.emlak-app.yonsa-bulk-data-screen .dash-main{
    background:
      linear-gradient(180deg, #eef4ff 0, #f6f8fb 148px, #f6f8fb 100%) !important;
  }

  body.emlak-app.yonsa-bulk-data-screen .dash-content.emlak-content--wide{
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 0 max(104px, calc(env(safe-area-inset-bottom) + 92px)) !important;
    background: transparent !important;
  }

  body.emlak-app.yonsa-bulk-data-screen .dash-content > :is(.listing-bulkPage, .crm-bulkPage),
  body.emlak-app.yonsa-bulk-data-screen .dash-content :is(.listing-bulkPage, .crm-bulkPage){
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 max(14px, calc(env(safe-area-inset-right) + 12px)) 24px max(14px, calc(env(safe-area-inset-left) + 12px)) !important;
    display: grid !important;
    gap: 12px !important;
  }

  body.emlak-app.yonsa-bulk-data-screen .dash-content :is(.listing-bulkLayout, .crm-bulkLayout),
  body.emlak-app.yonsa-bulk-data-screen .dash-content .crm-bulkPage .crm-bulkLayout{
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 12px !important;
  }

  body.emlak-app.yonsa-bulk-data-screen .dash-content :is(.listing-bulkSection, .crm-bulkSection),
  body.emlak-app.yonsa-bulk-data-screen .dash-content .crm-bulkPage .crm-bulkSection{
    counter-reset: bulk-mobile-card;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    gap: 12px !important;
  }

  body.emlak-app.yonsa-bulk-data-screen .dash-content :is(.listing-bulkSectionIntro, .crm-bulkSectionIntro){
    padding: 0 2px 2px !important;
    gap: 4px !important;
  }

  body.emlak-app.yonsa-bulk-data-screen .dash-content :is(.listing-bulkSectionIntro h2, .crm-bulkSectionIntro h2){
    display: none !important;
  }

  body.emlak-app.yonsa-bulk-data-screen .dash-content :is(.listing-bulkSectionIntro p, .crm-bulkSectionIntro p){
    max-width: none !important;
    margin: 0 !important;
    color: #53647a !important;
    font-size: 13px !important;
    font-weight: 650 !important;
    line-height: 1.42 !important;
  }

  body.emlak-app.yonsa-bulk-data-screen .dash-content :is(.listing-bulkSectionDivider, .crm-bulkSectionDivider){
    display: none !important;
  }

  body.emlak-app.yonsa-bulk-data-screen .dash-content :is(.listing-bulkAlert, .crm-bulkAlert){
    border-radius: 18px !important;
    border-color: rgba(191, 219, 254, .82) !important;
    background: rgba(255, 255, 255, .88) !important;
    box-shadow: 0 10px 22px rgba(15, 23, 42, .06) !important;
  }

  body.emlak-app.yonsa-bulk-data-screen .dash-content :is(.listing-bulkBlock, .crm-bulkBlock),
  body.emlak-app.yonsa-bulk-data-screen .dash-content .crm-bulkPage .crm-bulkBlock{
    counter-increment: bulk-mobile-card;
    position: relative !important;
    overflow: hidden !important;
    padding: 14px !important;
    border: 1px solid rgba(203, 213, 225, .78) !important;
    border-radius: 22px !important;
    background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%) !important;
    box-shadow: 0 14px 34px rgba(15, 23, 42, .08) !important;
    display: grid !important;
    gap: 12px !important;
  }

  body.emlak-app.yonsa-bulk-data-screen .dash-content :is(.listing-bulkBlock.is-collapsed, .crm-bulkBlock.is-collapsed){
    min-height: 82px !important;
    gap: 0 !important;
  }

  body.emlak-app.yonsa-bulk-data-screen .dash-content :is(.listing-bulkBlock.is-collapsed, .crm-bulkBlock.is-collapsed) > :not(.listing-bulkBlockHead):not(.crm-bulkBlockHead){
    display: none !important;
  }

  body.emlak-app.yonsa-bulk-data-screen .dash-content :is(.listing-bulkBlockHead, .crm-bulkBlockHead){
    display: grid !important;
    grid-template-columns: 44px minmax(0, 1fr) auto !important;
    align-items: center !important;
    justify-content: initial !important;
    gap: 12px !important;
    min-height: 54px !important;
    padding: 0 !important;
    cursor: pointer !important;
  }

  body.emlak-app.yonsa-bulk-data-screen .dash-content :is(.listing-bulkBlockHead, .crm-bulkBlockHead)::before{
    content: counter(bulk-mobile-card, decimal-leading-zero);
    width: 44px;
    height: 44px;
    border-radius: 15px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background:
      linear-gradient(135deg, rgba(37, 99, 235, .14), rgba(20, 184, 166, .15)),
      #eef6ff;
    color: #1d4ed8;
    font-size: 12px;
    font-weight: 950;
    line-height: 1;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .95), 0 8px 18px rgba(37, 99, 235, .08);
  }

  body.emlak-app.yonsa-bulk-data-screen .dash-content :is(.listing-bulkBlock, .crm-bulkBlock):has(:is(.listing-bulkTag[data-tone="danger"], .crm-bulkTag[data-tone="danger"])) :is(.listing-bulkBlockHead, .crm-bulkBlockHead)::before{
    background:
      linear-gradient(135deg, rgba(244, 63, 94, .16), rgba(251, 113, 133, .1)),
      #fff1f2;
    color: #be123c;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .96), 0 8px 18px rgba(225, 29, 72, .08);
  }

  body.emlak-app.yonsa-bulk-data-screen .dash-content :is(.listing-bulkBlockHead, .crm-bulkBlockHead) > div:not(.listing-bulkBlockTools):not(.crm-bulkBlockTools){
    min-width: 0 !important;
  }

  body.emlak-app.yonsa-bulk-data-screen .dash-content :is(.listing-bulkBlockHead h4, .crm-bulkBlockHead h4){
    margin: 0 !important;
    color: #111827 !important;
    font-size: 15px !important;
    font-weight: 900 !important;
    line-height: 1.18 !important;
    letter-spacing: 0 !important;
  }

  body.emlak-app.yonsa-bulk-data-screen .dash-content :is(.listing-bulkBlockHead p, .crm-bulkBlockHead p){
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden !important;
    margin: 4px 0 0 !important;
    color: #64748b !important;
    font-size: 12.5px !important;
    font-weight: 600 !important;
    line-height: 1.36 !important;
  }

  body.emlak-app.yonsa-bulk-data-screen .dash-content :is(.listing-bulkBlockTools, .crm-bulkBlockTools){
    grid-column: 3 !important;
    justify-self: end !important;
    justify-content: end !important;
    gap: 6px !important;
    min-width: 0 !important;
  }

  body.emlak-app.yonsa-bulk-data-screen .dash-content :is(.listing-bulkTag, .crm-bulkTag){
    min-height: 32px !important;
    padding: 7px 10px !important;
    border-radius: 999px !important;
    font-size: 11.5px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  body.emlak-app.yonsa-bulk-data-screen .dash-content :is(.listing-bulkCollapseBtn, .crm-bulkCollapseBtn){
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    border: 0 !important;
    border-radius: 14px !important;
    background: rgba(37, 99, 235, .09) !important;
    color: #1d4ed8 !important;
    box-shadow: none !important;
    transform: none !important;
  }

  body.emlak-app.yonsa-bulk-data-screen .dash-content :is(.listing-bulkBlock, .crm-bulkBlock):has(:is(.listing-bulkTag[data-tone="danger"], .crm-bulkTag[data-tone="danger"])) :is(.listing-bulkCollapseBtn, .crm-bulkCollapseBtn){
    background: rgba(225, 29, 72, .09) !important;
    color: #be123c !important;
  }

  body.emlak-app.yonsa-bulk-data-screen .dash-content :is(.listing-bulkCollapseBtn i, .crm-bulkCollapseBtn i){
    font-size: 13px !important;
  }

  body.emlak-app.yonsa-bulk-data-screen .dash-content :is(.listing-bulkBlockBody, .crm-bulkBlockBody, .listing-bulkStack, .crm-bulkStack){
    gap: 10px !important;
  }

  body.emlak-app.yonsa-bulk-data-screen .dash-content :is(.bulk-validationAdvice){
    grid-template-columns: 38px minmax(0, 1fr) !important;
    gap: 10px !important;
    padding: 12px !important;
    border-radius: 18px !important;
    box-shadow: 0 10px 22px rgba(15, 23, 42, .06) !important;
  }

  body.emlak-app.yonsa-bulk-data-screen .dash-content .bulk-validationAdviceIcon{
    width: 38px !important;
    height: 38px !important;
    border-radius: 14px !important;
  }

  body.emlak-app.yonsa-bulk-data-screen .dash-content .bulk-validationAdviceBody{
    gap: 6px !important;
  }

  body.emlak-app.yonsa-bulk-data-screen .dash-content .bulk-validationAdviceBody strong{
    font-size: 14px !important;
    line-height: 1.18 !important;
  }

  body.emlak-app.yonsa-bulk-data-screen .dash-content .bulk-validationAdviceBody p{
    font-size: 12.5px !important;
    line-height: 1.32 !important;
    font-weight: 700 !important;
  }

  body.emlak-app.yonsa-bulk-data-screen .dash-content .bulk-validationAdviceActions{
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 7px !important;
  }

  body.emlak-app.yonsa-bulk-data-screen .dash-content .bulk-validationAdviceAction{
    width: 100% !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 11px 12px !important;
    border-radius: 14px !important;
    font-size: 13px !important;
    line-height: 1.15 !important;
  }

  body.emlak-app.yonsa-bulk-data-screen .dash-content .bulk-validationTechToggle{
    min-height: 34px !important;
    padding: 5px 0 0 !important;
    font-size: 12px !important;
  }

  body.emlak-app.yonsa-bulk-data-screen .dash-content [data-bulk-validation-managed="true"]:not([data-bulk-technical-open="true"]) :is([id$="StructuralIssuesWrap"], [id$="RowErrorsWrap"], .listing-bulkMappingWarnings, .crm-bulkMappingWarnings, .bulk-validationMore){
    display: none !important;
  }

  body.emlak-app.yonsa-bulk-data-screen .dash-content [data-bulk-validation-managed="true"]:not([data-bulk-mapping-open="true"]) :is(.listing-bulkMappingPanel, .crm-bulkMappingPanel){
    display: none !important;
  }

  body.emlak-app.yonsa-bulk-data-screen .dash-content [data-bulk-validation-managed="true"] :is(.listing-bulkBlockHead p, .crm-bulkBlockHead p){
    display: none !important;
  }

  body.emlak-app.yonsa-bulk-data-screen .dash-content [data-bulk-validation-managed="true"] :is(.listing-bulkSummary, .crm-bulkSummary){
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 7px !important;
  }

  body.emlak-app.yonsa-bulk-data-screen .dash-content [data-bulk-validation-managed="true"] :is(.listing-bulkSummaryCard, .crm-bulkSummaryCard){
    min-height: 58px !important;
    padding: 9px 6px !important;
    border-radius: 14px !important;
    align-items: center !important;
    text-align: center !important;
  }

  body.emlak-app.yonsa-bulk-data-screen .dash-content [data-bulk-validation-managed="true"] :is(.listing-bulkSummaryCard strong, .crm-bulkSummaryCard strong){
    font-size: 18px !important;
    line-height: 1 !important;
  }

  body.emlak-app.yonsa-bulk-data-screen .dash-content [data-bulk-validation-managed="true"] :is(.listing-bulkSummaryCard span, .crm-bulkSummaryCard span){
    font-size: 10.5px !important;
    line-height: 1.12 !important;
    font-weight: 800 !important;
  }

  body.emlak-app.yonsa-bulk-data-screen .dash-content [data-bulk-validation-managed="true"] :is(.listing-bulkImportActions, .crm-bulkImportActions){
    margin-top: -2px !important;
  }

  body.emlak-app.yonsa-bulk-data-screen .dash-content [data-bulk-validation-managed="true"] :is(.listing-bulkImportActions, .crm-bulkImportActions):has(.btn:disabled){
    display: none !important;
  }

  body.emlak-app.yonsa-bulk-data-screen .dash-content [data-bulk-validation-managed="true"] :is(.listing-bulkMappingPanel, .crm-bulkMappingPanel){
    padding: 10px !important;
    border-radius: 16px !important;
  }

  body.emlak-app.yonsa-bulk-data-screen .dash-content [data-bulk-validation-managed="true"] :is(.listing-bulkMappingPanel.is-guided, .crm-bulkMappingPanel.is-guided){
    outline: 2px solid rgba(37, 99, 235, .42) !important;
    outline-offset: 2px !important;
  }

  body.emlak-app.yonsa-bulk-data-screen .dash-content [data-bulk-validation-managed="true"] :is(.listing-bulkMappingHead, .crm-bulkMappingHead){
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 8px !important;
  }

  body.emlak-app.yonsa-bulk-data-screen .dash-content [data-bulk-validation-managed="true"] :is(.listing-bulkMappingHead span, .crm-bulkMappingHead span){
    display: none !important;
  }

  body.emlak-app.yonsa-bulk-data-screen .dash-content .bulk-mobileSteps{
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 6px !important;
    margin: 0 !important;
    padding: 8px !important;
    border: 1px solid rgba(203, 213, 225, .72) !important;
    border-radius: 18px !important;
    background: #f8fafc !important;
  }

  body.emlak-app.yonsa-bulk-data-screen .dash-content .bulk-mobileSteps li{
    min-height: 58px !important;
    padding: 8px 4px !important;
    display: grid !important;
    place-items: center !important;
    align-content: center !important;
    gap: 5px !important;
    border: 0 !important;
    border-radius: 14px !important;
    background: #ffffff !important;
    box-shadow: inset 0 0 0 1px rgba(226, 232, 240, .76) !important;
    color: #334155 !important;
    text-align: center !important;
  }

  body.emlak-app.yonsa-bulk-data-screen .dash-content .bulk-mobileSteps span{
    width: 24px !important;
    height: 24px !important;
    border-radius: 10px !important;
    background: #111827 !important;
    color: #ffffff !important;
    font-size: 11px !important;
    font-weight: 950 !important;
  }

  body.emlak-app.yonsa-bulk-data-screen .dash-content .bulk-mobileSteps strong{
    display: block !important;
    max-width: 100% !important;
    overflow-wrap: anywhere !important;
    color: #334155 !important;
    font-size: 10.5px !important;
    font-weight: 850 !important;
    line-height: 1.08 !important;
  }

  body.emlak-app.yonsa-bulk-data-screen .dash-content :is(.listing-bulkFileRow, .crm-bulkFileRow){
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    align-items: stretch !important;
    gap: 8px !important;
  }

  body.emlak-app.yonsa-bulk-data-screen .dash-content :is(.listing-bulkFileMeta, .crm-bulkFileMeta){
    min-height: 44px !important;
    padding: 11px 12px !important;
    border: 1px solid rgba(203, 213, 225, .88) !important;
    border-radius: 14px !important;
    background: #f8fafc !important;
    color: #53647a !important;
    font-size: 13px !important;
    font-weight: 650 !important;
    line-height: 1.25 !important;
    display: flex !important;
    align-items: center !important;
  }

  body.emlak-app.yonsa-bulk-data-screen .dash-content :is(.listing-bulkUploadGuide, .crm-bulkUploadGuide){
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    align-items: stretch !important;
    gap: 8px !important;
    padding: 12px !important;
    border: 1px solid rgba(191, 219, 254, .88) !important;
    border-radius: 16px !important;
    background: linear-gradient(180deg, #eff6ff 0%, #f8fbff 100%) !important;
  }

  body.emlak-app.yonsa-bulk-data-screen .dash-content :is(.listing-bulkUploadGuide p, .crm-bulkUploadGuide p, .listing-bulkHelpText, .crm-bulkHelpText){
    color: #526276 !important;
    font-size: 12.5px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
    display: none !important;
  }

  body.emlak-app.yonsa-bulk-data-screen .dash-content :is(.listing-bulkActions, .crm-bulkActions, .listing-bulkImportActions, .crm-bulkImportActions){
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 8px !important;
    justify-content: stretch !important;
  }

  body.emlak-app.yonsa-bulk-data-screen .dash-content :is(.listing-bulkFormGrid, .crm-bulkFormGrid){
    gap: 9px !important;
  }
}