/* ─────────────────────────── Kamu arazi satışları (Milli Emlak) ─────────────────────────── */

/* harita kartı */
.auc-pop { min-width: 250px; max-width: 310px; }
.auc-pop .pop__table td:first-child { width: 40%; }
.auc-pop__acts { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; }
.auc-pop__acts .btn { flex: 1 1 auto; justify-content: center; }
.auc-pop__note { display: block; margin-top: 8px; font-size: 10.5px; line-height: 1.4; color: var(--text-3); }

/* liste penceresi */
.auc-modal .modal__body { display: flex; flex-direction: column; min-height: 0; }
.auc { display: flex; flex-direction: column; gap: 10px; min-height: 0; }
.auc-bar { display: flex; flex-wrap: wrap; gap: 8px; }
.auc-f { display: flex; flex-direction: column; gap: 3px; font-size: 11px; font-weight: 600; color: var(--text-3); min-width: 120px; flex: 1 1 120px; }
.auc-list { max-height: 58vh; overflow-y: auto; }
.auc-items { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }
.auc-item { display: flex; gap: 12px; align-items: flex-start; padding: 10px 12px; border: 1px solid var(--line); border-radius: var(--r-md); background: var(--surface); }
.auc-item__main { flex: 1; min-width: 0; }
.auc-item__main b { display: block; font-size: var(--fs-sm); line-height: 1.35; }
.auc-item__main small { display: block; font-size: var(--fs-xs); color: var(--text-3); margin-top: 2px; line-height: 1.4; }
.auc-item__tags { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 5px; }
.auc-item__tags:empty { display: none; }
.auc-item__side { flex: none; display: flex; flex-direction: column; align-items: flex-end; gap: 4px; text-align: right; }
.auc-item__side b { font-family: var(--display); font-size: var(--fs-md); letter-spacing: -.01em; white-space: nowrap; }
.auc-item__side small { font-size: var(--fs-xs); color: var(--text-3); white-space: nowrap; }
.auc-empty { padding: 18px 4px; text-align: center; }
.auc-foot { display: flex; flex-direction: column; gap: 6px; padding-top: 8px; border-top: 1px solid var(--line); }
.auc-foot__row { display: flex; align-items: center; justify-content: space-between; gap: 8px; flex-wrap: wrap; }
.auc-links { display: flex; flex-wrap: wrap; gap: 4px 14px; align-items: baseline; font-size: var(--fs-xs); }

/* bölge bildirimi */
.auc-add { display: grid; grid-template-columns: 1fr 1fr auto; gap: 6px; margin-top: 10px; }
.auc-notices { list-style: none; margin: 8px 0 0; padding: 0; display: flex; flex-direction: column; gap: 4px; }
.auc-notices li { display: flex; flex-direction: column; gap: 1px; padding: 6px 8px; border-radius: var(--r-sm, 8px); }
.auc-notices li.is-new { background: var(--accent-soft); }
.auc-notices .link { text-align: left; font-size: var(--fs-sm); }
.auc-notices small { font-size: var(--fs-xs); color: var(--text-3); }

@media (max-width: 560px) {
  /* telefonda: sabit yükseklikli alt pencere, süzgeçler tek satırda kayar, liste kalan alanı doldurur */
  .auc-modal .modal { height: 94vh; }
  .auc-modal .modal__sub { display: none; }
  .auc { flex: 1; }
  .auc-bar { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; margin: 0 -16px; padding: 0 16px 2px; }
  .auc-bar::-webkit-scrollbar { display: none; }
  .auc-f { flex: 0 0 128px; min-width: 0; }
  .auc-f:first-child { flex-basis: 156px; }
  .auc-list { flex: 1; min-height: 0; max-height: none; }
  .auc-item { flex-direction: column; gap: 6px; }
  .auc-item__side { flex-direction: row; align-items: center; gap: 8px; text-align: left; width: 100%; }
  .auc-item__side .row { margin-left: auto; }
  .auc-links { flex-wrap: nowrap; overflow-x: auto; white-space: nowrap; scrollbar-width: none; }
  .auc-links small { display: none; }
  .auc-add { grid-template-columns: 1fr; }
}

/* parsel sonucu: bu parsel satış ilanında */
.auc-match { display: flex; gap: 10px; align-items: flex-start; margin-top: 12px; padding: 10px 12px; border-radius: var(--r-md);
  background: color-mix(in srgb, #D6336C 12%, transparent); box-shadow: inset 0 0 0 1px color-mix(in srgb, #D6336C 30%, transparent); }
.auc-match__icon { flex: none; width: 30px; height: 30px; border-radius: 10px; display: grid; place-items: center; background: #D6336C; color: #fff; }
.auc-match__icon .i { width: 16px; height: 16px; }
.auc-match__txt { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.auc-match__txt b { font-size: var(--fs-sm); }
.auc-match__txt small { font-size: var(--fs-xs); color: var(--text-2); line-height: 1.4; }
.auc-match__acts { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 6px; }