/* Dashboard shell styles (used with Tailwind CDN) — agent/supplier/customer portals. */
body { font-family: 'Inter', system-ui, sans-serif; background-color: #f1f5f9; }

.sidebar-link {
  display: flex; align-items: center; padding: 0.75rem 1.5rem; color: #d1d5db;
  transition: all 0.2s; font-weight: 500; cursor: pointer;
}
.sidebar-link:hover { background-color: #374151; color: #ffffff; }
.sidebar-link.active { background-color: #1d4ed8; color: #ffffff; font-weight: 600; border-right: 4px solid #f97316; }

.sidebar-submenu { background-color: #1f2937; max-height: 0; overflow: hidden; transition: max-height 0.3s ease-in-out; }
.sidebar-submenu.open { max-height: 500px; }
.sidebar-submenu .sidebar-link { padding-left: 3.5rem; font-size: 0.875rem; }
.sidebar-submenu .sidebar-link.active { color: #f97316; font-weight: 700; background-color: transparent; border: none; }

.sidebar-link .chevron-icon { transition: transform 0.3s; }
.sidebar-link.open .chevron-icon { transform: rotate(90deg); }

.custom-scrollbar::-webkit-scrollbar { width: 6px; }
.custom-scrollbar::-webkit-scrollbar-track { background: #1f2937; }
.custom-scrollbar::-webkit-scrollbar-thumb { background: #4b5563; border-radius: 3px; }
.custom-scrollbar::-webkit-scrollbar-thumb:hover { background: #6b7280; }

/* autosuggest dropdown (reuses widget from airports.js) */
.ac-list { position: absolute; top: 100%; left: 0; right: 0; z-index: 60; background: #fff;
  border: 1px solid #e5e7eb; border-radius: 8px; box-shadow: 0 12px 30px rgba(0,0,0,.15);
  margin-top: 4px; min-width: 240px; overflow: visible; }
.ac-item { display: grid; grid-template-columns: 44px 1fr; gap: 2px 10px; padding: 8px 12px; cursor: pointer; }
.ac-item:hover, .ac-item.active { background: #eff6ff; }
.ac-code { grid-row: span 2; font-weight: 800; color: #1d4ed8; align-self: center; }
.ac-city { font-weight: 600; font-size: 14px; }
.ac-name { grid-column: 2; font-size: 12px; color: #6b7280; }