/* =========================================================================
   PROPERTY ARCHIVE — dimuat HANYA di archive property (conditional).
   ========================================================================= */

.rep-archive-toolbar {
	display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;
	gap: var(--rep-space-2); margin-bottom: var(--rep-space-4);
	padding-bottom: var(--rep-space-3); border-bottom: 1px solid var(--rep-color-border);
}
.rep-status-tabs { display: flex; gap: 4px; flex-wrap: wrap; }
.rep-status-tabs__item {
	padding: 8px 16px; border-radius: 999px; font-size: .875rem; font-weight: 500;
	color: var(--rep-color-muted); border: 1px solid transparent;
}
.rep-status-tabs__item:hover { color: var(--rep-color-primary); }
.rep-status-tabs__item.is-active { background: var(--rep-color-primary); color: #fff; }

.rep-archive-toolbar__right { display: flex; align-items: center; gap: var(--rep-space-2); }
.rep-sort-form select { padding: .6em 1em; border: 1px solid var(--rep-color-border); border-radius: var(--rep-radius-input); font-family: inherit; }

.rep-view-toggle { display: flex; border: 1px solid var(--rep-color-border); border-radius: var(--rep-radius-input); overflow: hidden; }
.rep-view-toggle__btn { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; }
.rep-view-toggle__btn.is-active { background: var(--rep-color-surface-alt); }

/* List View: card jadi horizontal. */
.rep-property-grid--list { grid-template-columns: 1fr; }
.rep-property-grid--list .rep-property-card { display: flex; flex-direction: row; }
.rep-property-grid--list .rep-property-card__media { width: 280px; flex-shrink: 0; aspect-ratio: auto; }
.rep-property-grid--list .rep-property-card__body { flex: 1; display: flex; flex-direction: column; }

/* BARU Prompt 09 — Advanced Filter panel */
.rep-advanced-filter { margin-bottom: var(--rep-space-3); }
.rep-advanced-filter__panel {
	margin-top: var(--rep-space-2); padding: var(--rep-space-3); background: var(--rep-color-surface-alt);
	border-radius: var(--rep-radius-card);
}
.rep-advanced-filter__row { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: var(--rep-space-2); margin-bottom: var(--rep-space-2); }
.rep-advanced-filter__row label { display: flex; flex-direction: column; gap: 4px; font-size: .8125rem; color: var(--rep-color-muted); }
.rep-advanced-filter__row input, .rep-advanced-filter__row select {
	padding: .6em .8em; border: 1px solid var(--rep-color-border); border-radius: var(--rep-radius-input); font-family: inherit; font-size: .875rem;
}
.rep-advanced-filter__checkbox { flex-direction: row !important; align-items: center; gap: 6px !important; }
.rep-advanced-filter__actions { display: flex; gap: 8px; justify-content: flex-end; }

@media (max-width: 720px) {
	.rep-property-grid--list .rep-property-card { flex-direction: column; }
	.rep-property-grid--list .rep-property-card__media { width: 100%; aspect-ratio: 4/3; }
}