.travel-planner-container{background:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 100%);min-height:100vh;padding:2rem}.travel-content{flex-direction:column;gap:1rem;max-width:1200px;margin:0 auto;padding:0 1rem;display:flex}.itinerary-strip{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;padding:1rem;box-shadow:0 1px 3px #0000001a}.itinerary-label{color:#6b7280;margin-bottom:.5rem;font-size:.875rem;font-weight:600}.itinerary-items{flex-wrap:wrap;gap:1rem;display:flex}.itinerary-item{background:#f9fafb;border-radius:.375rem;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.875rem;display:flex}.item-icon{font-size:1rem}.agent-status{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;padding:1rem;box-shadow:0 1px 3px #0000001a}.status-label{color:#6b7280;margin-bottom:.5rem;font-size:.875rem;font-weight:600}.agent-indicators{gap:.75rem;display:flex}.agent-indicator{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.375rem;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.875rem;transition:all .2s;display:flex}.agent-indicator.active{color:#1d4ed8;background:#dbeafe;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.travel-details{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;gap:1rem;padding:1rem;display:grid;box-shadow:0 1px 3px #0000001a}.details-section h4{color:#1f2937;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:1rem;font-weight:600;display:flex}.detail-items{flex-direction:column;gap:.5rem;display:flex}.detail-item{background:#f9fafb;border-radius:.25rem;justify-content:space-between;padding:.5rem;font-size:.875rem;display:flex}.detail-item strong{color:#6b7280;font-weight:500}.detail-tips{color:#1d4ed8;background:#eff6ff;border-radius:.25rem;padding:.5rem;font-size:.75rem}.activity-item{background:#f0f9ff;border-left:2px solid #0ea5e9;border-radius:.25rem;padding:.75rem}.activity-name{color:#1f2937;margin-bottom:.25rem;font-size:.875rem;font-weight:600}.activity-category{color:#0ea5e9;margin-bottom:.25rem;font-size:.75rem}.activity-description{color:#4b5563;margin-bottom:.25rem;font-size:.75rem}.activity-meta{color:#6b7280;font-size:.75rem}.no-activities{text-align:center;color:#9ca3af;padding:1rem;font-size:.875rem;font-style:italic}.interrupt-container{flex-direction:column;gap:1rem;max-width:100%;padding-top:34px;display:flex}.interrupt-header{margin-bottom:.5rem}.agent-name{color:#1f2937;margin:0 0 .25rem;font-size:.875rem;font-weight:600}.agent-message{color:#6b7280;margin:0;font-size:.75rem;line-height:1.4}.interrupt-options{flex-direction:column;gap:.5rem;max-height:300px;padding:.75rem;display:flex;overflow-y:auto}.option-card{cursor:pointer;text-align:left;background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;flex-direction:column;gap:.25rem;min-height:auto;padding:.75rem;transition:all .2s;display:flex;position:relative}.option-card:hover{background:#f3f4f6;border-color:#d1d5db}.option-card:active{background:#e5e7eb}.option-card.recommended{background:#eff6ff;border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f61a}.option-card.recommended:hover{background:#dbeafe}.recommendation-badge{color:#fff;background:#3b82f6;border-radius:.75rem;padding:.125rem .375rem;font-size:.625rem;font-weight:500;position:absolute;top:-2px;right:-2px}.option-header{justify-content:space-between;align-items:center;margin-bottom:.125rem;display:flex}.airline-name,.hotel-name{color:#1f2937;font-size:.8rem;font-weight:600}.price,.rating{color:#059669;font-size:.75rem;font-weight:600}.route-info,.location-info{color:#6b7280;margin-bottom:.125rem;font-size:.7rem}.duration-info,.price-info{color:#9ca3af;font-size:.7rem}@media (max-width:768px){.travel-planner-container{padding:.5rem .5rem 120px}.travel-content{gap:.75rem;padding:0}.itinerary-items,.agent-indicators{flex-direction:column;gap:.5rem}.agent-indicator,.travel-details{padding:.75rem}.interrupt-container{padding:.5rem}.option-card{padding:.625rem}.interrupt-options{max-height:250px}}