/* assets/css/itinerary.css */

/* --- Estilos Gerais --- */
#itinerary-modal.hidden #itinerary-panel {
    transform: translateY(-100vh);
}

#itinerary-modal:not(.hidden) #itinerary-panel {
    transform: translateY(0);
}

/* --- Estilos do Tema Padrão (Portal) --- */
.itinerary-scrollbar::-webkit-scrollbar { width: 8px; }
.itinerary-scrollbar::-webkit-scrollbar-track { background: #f1f5f9; } /* gray-100 */
.itinerary-scrollbar::-webkit-scrollbar-thumb { background-color: #cbd5e1; border-radius: 4px; } /* gray-300 */

.visited-map-icon {
    filter: hue-rotate(80deg) brightness(1.1);
}

/* --- Estilos do Tema Modo Viagem --- */
.context-travel-mode #itinerary-panel {
    background-color: #1f2937; /* gray-800 */
    color: #f9fafb; /* gray-50 */
}
.context-travel-mode header,
.context-travel-mode footer {
    border-color: #374151; /* gray-700 */
}
.context-travel-mode #itinerary-close-button {
    color: #9ca3af; /* gray-400 */
}
.context-travel-mode #itinerary-close-button:hover {
    color: #f9fafb; /* gray-50 */
}
.context-travel-mode #itinerary-map {
    background-color: #374151; /* gray-700 */
}
.context-travel-mode #itinerary-visited-count {
    background-color: #166534; /* green-800 */
    color: #dcfce7; /* green-100 */
}
.context-travel-mode #itinerary-total-count {
    background-color: #1e40af; /* blue-800 */
    color: #dbeafe; /* blue-100 */
}
.context-travel-mode .itinerary-scrollbar::-webkit-scrollbar-track {
    background: #1f2937; /* gray-800 */
}
.context-travel-mode .itinerary-scrollbar::-webkit-scrollbar-thumb {
    background-color: #4b5563; /* gray-600 */
}
.context-travel-mode .itinerary-item {
    background-color: #374151; /* gray-700 */
}
.context-travel-mode .itinerary-item p:last-child {
    color: #9ca3af; /* gray-400 */
}
.context-travel-mode .itinerary-item-checkbox {
    background-color: #4b5563; /* gray-600 */
    border-color: #6b7280; /* gray-500 */
}
.context-travel-mode .itinerary-item-remove {
    color: #9ca3af; /* gray-400 */
}
.context-travel-mode .itinerary-item-remove:hover {
    color: #ef4444; /* red-500 */
}
.context-travel-mode footer button#generate-guide-button {
    background-color: #4b5563; /* gray-600 */
}
.context-travel-mode footer button#generate-guide-button:hover {
    background-color: #6b7280; /* gray-500 */
}
.context-travel-mode #user-name-prompt > div {
    background-color: #1f2937; /* gray-800 */
}
.context-travel-mode #user-name-prompt h3 {
    color: #f9fafb; /* gray-50 */
}
.context-travel-mode #user-name-prompt p {
    color: #9ca3af; /* gray-400 */
}
.context-travel-mode #user-name-prompt input {
    background-color: #374151; /* gray-700 */
    border-color: #4b5563; /* gray-600 */
}