/* 주소로 바로 조회 · 등기 요약 화면 */
.search-box { display: flex; gap: var(--space-2); align-items: center; padding: 6px 6px 6px 0; border-radius: var(--r); background: var(--surface-2); }
.search-box .input { flex: 1 1 auto; min-width: 0; background: transparent; min-height: var(--control-h-lg); font-size: var(--text-lg); }
.search-box .input:focus { background: transparent; box-shadow: none; border-color: transparent; }
.search-box:focus-within { outline: 2px solid var(--primary); box-shadow: 0 0 0 3px var(--primary-soft); }

.ho-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(76px, 1fr)); gap: var(--space-2); max-height: 360px; overflow-y: auto; padding: 2px; overscroll-behavior: contain; }
.ho { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; border-radius: var(--r-sm); background: var(--surface-2); color: var(--text); text-decoration: none; font-size: var(--text-sm); font-weight: var(--weight-bold); font-variant-numeric: tabular-nums; }
.ho:hover { background: var(--surface-3); color: var(--text); }
.ho.is-on { background: var(--primary); color: var(--on-primary); }

.paid-card { border-color: var(--primary); }

/* 등기 요약 */
.risk-card { display: grid; gap: var(--space-4); }
.risk-card.is-safe { border-color: var(--success); }
.risk-card.is-caution { border-color: var(--warn-strong); }
.risk-card.is-danger { border-color: var(--danger); }
.risk-head { display: flex; align-items: center; gap: var(--space-4); flex-wrap: wrap; }
.risk-mark { display: grid; place-items: center; width: 64px; height: 64px; border-radius: var(--r-lg); font-size: var(--text-xl); font-weight: var(--weight-heavy); flex: none; }
.is-safe .risk-mark { background: var(--success-soft); color: var(--success); }
.is-caution .risk-mark { background: var(--warn-soft); color: var(--warn); }
.is-danger .risk-mark { background: var(--danger-soft); color: var(--danger); }
.risk-reason { font-weight: var(--weight-bold); }
.is-safe .risk-head .em { color: var(--success); }   /* 제목 글자도 위험도 색(주황 강조색은 「안전」에 안 맞음) */
.is-caution .risk-head .em { color: var(--warn); }
.is-danger .risk-head .em { color: var(--danger); }
.sum-grid { display: grid; gap: var(--space-3); grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (min-width: 960px) { .sum-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.sum-cell { padding: var(--space-4); border-radius: var(--r); background: var(--surface-2); display: grid; gap: var(--space-1); }
.sum-cell .k { font-size: var(--text-xs); color: var(--text-2); font-weight: var(--weight-bold); }
.sum-cell .v { font-size: var(--text-lg); font-weight: var(--weight-heavy); font-variant-numeric: tabular-nums; }
.sum-cell.is-bad .v { color: var(--danger); }
.sum-cell.is-warn .v { color: var(--warn); }
.reg-table td, .reg-table th { font-size: var(--text-sm); }
.reg-table .cancelled td { color: var(--text-3); text-decoration: line-through; }