/* Estilos del componente compartido GeoPicker (IntegraIA.Shared).
   Se sirve como static asset: <link href="_content/IntegraIA.Shared/geopicker.css" />.
   Auto-contenido (clases geo-*, colores fijos) para verse igual en todos los productos,
   sin depender del app.css de cada uno. Usa form-control/form-select de Bootstrap para los inputs. */

.geo { position: relative; }
.geo-box { position: relative; }
.geo-search-icon { position: absolute; left: 10px; top: 50%; transform: translateY(-50%); color: #94a3b8; font-size: .85rem; pointer-events: none; }
.geo-input { padding-left: 30px; }

.geo-dropdown { position: absolute; z-index: 1200; top: calc(100% + 2px); left: 0; right: 0; background: #fff; border: 1px solid #e2e8f0; border-radius: 10px; box-shadow: 0 12px 32px rgba(2,6,23,.18); max-height: 280px; overflow-y: auto; }
.geo-item { display: flex; align-items: center; gap: 8px; width: 100%; text-align: left; border: 0; background: transparent; padding: 7px 12px; cursor: pointer; flex-wrap: wrap; }
.geo-item:hover { background: #f1f5f9; }
.geo-item-text { font-size: .9rem; color: #0f172a; font-weight: 500; }
.geo-item-path { font-size: .76rem; color: #64748b; margin-left: 4px; min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.geo-item-cp { font-size: .72rem; color: #64748b; margin-left: auto; font-variant-numeric: tabular-nums; }
.geo-empty { padding: 10px 12px; color: #64748b; font-size: .85rem; }

.geo-chip { flex: 0 0 auto; font-size: .62rem; font-weight: 700; letter-spacing: .04em; padding: 2px 6px; border-radius: 5px; color: #fff; }
.geo-chip.prov { background: #7c3aed; }
.geo-chip.part { background: #0891b2; }
.geo-chip.loc  { background: #2563eb; }

.geo-divider { display: flex; align-items: center; text-align: center; color: #64748b; font-size: .68rem; text-transform: uppercase; letter-spacing: .08em; margin: 12px 0 10px; }
.geo-divider::before, .geo-divider::after { content: ""; flex: 1; border-top: 1px solid #e2e8f0; }
.geo-divider span { padding: 0 10px; }