.replacement-dialog { width: min(1180px, calc(100vw - 24px)); max-width: calc(100vw - 24px); max-height: calc(100dvh - 24px); }
.replacement-dialog .dialog-card { width: 100%; max-width: none; }
.replacement-dialog .dialog-body { max-height: 66dvh; overflow: auto; }
.replacement-dialog .dialog-footer { flex-wrap: wrap; }
.replacement-dialog .button { min-height: 44px; }
.replacement-table-wrap { overflow-x: auto; }
.replacement-dialog table { width: 100%; min-width: 0; table-layout: fixed; border-collapse: collapse; }
.replacement-dialog th:nth-child(n+2), .replacement-dialog td:nth-child(n+2) { width: 84px; }
.replacement-dialog td { white-space: normal; overflow-wrap: anywhere; }
.replacement-facts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px 16px; margin-top: 8px; }
.replacement-loading { color: #526571; font-size: 13px; }
.replacement-dialog th, .replacement-dialog td { text-align: left; padding: 12px 10px; border-bottom: 1px solid #dce4e8; }
.replacement-dialog th { font-size: 13px; color: #526571; }
.replacement-dialog td strong, .replacement-dialog td small, .replacement-pair strong, .replacement-pair small, .replacement-archive strong, .replacement-archive small { display: block; overflow-wrap: anywhere; }
.replacement-dialog small { margin-top: 4px; color: #526571; font-size: 12px; }
.replacement-dialog label { display: flex; align-items: center; gap: 6px; min-height: 44px; cursor: pointer; white-space: nowrap; }
.replacement-dialog input[type=radio] { width: 22px; height: 22px; flex: 0 0 22px; margin: 0; padding: 0; accent-color: #226f87; }
.replacement-dialog tr:has(input:checked) { background: #edf6f7; }
.replacement-pair { display: grid; grid-template-columns: minmax(0,1fr) 24px minmax(0,1fr); align-items: center; gap: 12px; }
.replacement-pair article { padding: 16px; border: 1px solid #d6e3e8; border-radius: 12px; background: #f3f8f9; }
.replacement-pair article > span { display: block; margin-bottom: 12px; font-size: 13px; font-weight: 750; color: #345868; }
.replacement-arrow { font-size: 22px; }
.replacement-archive { margin-top: 24px; padding-top: 16px; border-top: 1px solid #dce4e8; }
.replacement-archive summary { min-height: 44px; font-weight: 750; cursor: pointer; }
.replacement-archive article { padding: 14px; margin: 10px 0; background: #f3f5f6; border-radius: 10px; }
.replacement-error { color: #842f32; background: #f9e9e9; padding: 12px; border-radius: 8px; }
.replacement-success { color: #245b46; background: #e8f5ed; padding: 14px; border-radius: 8px; }
@media(max-width:560px) { .replacement-pair, .replacement-facts { grid-template-columns: 1fr; } .replacement-arrow { transform: rotate(90deg); text-align: center; } .replacement-dialog th, .replacement-dialog td { padding: 10px 5px; } .replacement-dialog th:nth-child(n+2), .replacement-dialog td:nth-child(n+2) { width: 56px; } .replacement-dialog label { flex-direction: column; justify-content: center; gap: 4px; } }