.route-readiness { margin: 24px 0; padding: 20px; border: 1px solid #dbe5f2; border-radius: 12px; background: #f7faff; color: #26354c; }
.route-readiness h4 { margin: 0 0 12px; font-size: 17px; }
.route-readiness h4 small { margin-left: 8px; color: #45607e; font-size: 12px; font-weight: normal; }
.route-readiness p { font-size: 13px; line-height: 1.65; margin: 10px 0; }
.readiness-sample { display: flex; flex-wrap: wrap; gap: 12px; margin: 16px 0; }
.readiness-sample label { flex: 1 1 100px; font-size: 12px; }
.readiness-sample input, .readiness-sample select { box-sizing: border-box; display: block; width: 100%; margin-top: 6px; padding: 8px; border: 1px solid #bdcde0; border-radius: 6px; background: #fff; color: #26354c; }
#check-route-readiness { border: 1px solid #1452d3; border-radius: 6px; padding: 10px 16px; background: #fff; color: #1452d3; cursor: pointer; }
#check-route-readiness:disabled { opacity: .55; cursor: wait; }
#route-readiness-result { white-space: pre-wrap; overflow-wrap: anywhere; margin: 14px 0; padding: 12px; border-radius: 6px; background: #edf1f7; color: #33445c; font: 13px/1.7 system-ui, sans-serif; }
#route-readiness-result[data-state="ready"] { background: #e7f5ed; color: #195b37; }
#route-readiness-result[data-state="blocked"] { background: #fff1e3; color: #854500; }