/* Jednotný telefonní vstup: flag dropdown + národní část. */
.pi-input { display: flex; align-items: stretch; gap: .5rem; }
.pi-select { position: relative; flex: 0 0 auto; }
.pi-trigger {
  display: inline-flex; align-items: center; gap: .4rem;
  height: 100%; padding: .375rem .6rem;
  border: 1px solid #cdd5e0; border-radius: 8px; background: #fff;
  cursor: pointer; font: inherit;
}
.pi-flag { width: 20px; height: 14px; object-fit: cover; border-radius: 2px;
  box-shadow: 0 0 0 1px rgba(13,22,38,.12); flex: 0 0 auto; }
.pi-dial { font-variant-numeric: tabular-nums; }
.pi-caret { font-size: .7rem; color: #6b7280; }
.pi-national {
  flex: 1 1 auto; padding: .375rem .75rem;
  border: 1px solid #cdd5e0; border-radius: 8px; font: inherit;
  letter-spacing: .02em;
}
.pi-national.pi-invalid { border-color: #dc3545; }
.pi-panel {
  position: absolute; z-index: 1050; top: calc(100% + 2px); left: 0;
  min-width: 280px; background: #fff; border: 1px solid #cdd5e0;
  border-radius: 8px; box-shadow: 0 8px 24px rgba(13,22,38,.16);
  padding: .375rem; max-height: 300px; display: flex; flex-direction: column;
}
.pi-search { margin-bottom: .375rem; padding: .35rem .5rem;
  border: 1px solid #cdd5e0; border-radius: 6px; font: inherit; }
.pi-list { list-style: none; margin: 0; padding: 0; overflow-y: auto; }
.pi-option {
  display: flex; align-items: center; gap: .5rem; width: 100%;
  border: 0; background: transparent; text-align: left;
  padding: .4rem .5rem; border-radius: 6px; cursor: pointer; font: inherit;
}
.pi-option:hover, .pi-option.active { background: #eaf0f8; }
.pi-option-name { flex: 1 1 auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pi-option-code { font-size: .75rem; color: #6b7280; font-variant-numeric: tabular-nums; }
.pi-empty { padding: .5rem; color: #6b7280; font-size: .85rem; }