body { font-family: -apple-system, system-ui, sans-serif; }

.tab-btn { color: #6b7280; transition: all 0.2s; }
.tab-btn.active { color: #2563eb; background: #eff6ff; }

#routeScreen.active { display: flex !important; }
#modal.active { display: flex !important; }

/* Sortable drag */
.sortable-ghost { opacity: 0.4; }
.sortable-chosen { background: #dbeafe !important; }

.delivery-item { touch-action: none; }

/* Status badges */
.badge-pending { background: #fef3c7; color: #92400e; }
.badge-progress { background: #dbeafe; color: #1e40af; }
.badge-completed { background: #d1fae5; color: #065f46; }
.badge-skipped { background: #fee2e2; color: #991b1b; }

/* Input autocomplete */
.autocomplete-box {
  position: absolute; background: white; border: 1px solid #ddd;
  border-radius: 8px; max-height: 200px; overflow-y: auto;
  width: 100%; z-index: 100; box-shadow: 0 4px 6px rgba(0,0,0,0.1);
}
.autocomplete-item { padding: 10px; cursor: pointer; border-bottom: 1px solid #f3f4f6; }
.autocomplete-item:hover { background: #f3f4f6; }

#liveMap { min-height: 300px; }