.tkz-unified-search {
  --tkz-search-surface: #fff;
  --tkz-search-field: #f0f2f5;
  --tkz-search-text: #172b35;
  --tkz-search-muted: #667781;
  --tkz-search-line: #e8edef;
  --tkz-search-hover: #f4f7f7;
  --tkz-search-accent: #128c7e;
  position: relative;
  z-index: 8;
  width: 100%;
  min-width: 0;
  padding: 10px 12px;
  color: var(--tkz-search-text);
  background: var(--tkz-search-surface);
  font: inherit;
  flex: 0 0 auto;
  isolation: isolate;
}
.tkz-unified-search.tkz-search-dark {
  --tkz-search-field: #2a3942;
  --tkz-search-text: #e9edef;
  --tkz-search-muted: #aebac1;
  --tkz-search-line: #35454e;
  --tkz-search-hover: #2a3942;
  --tkz-search-accent: #40c9b1;
}
.tkz-unified-search *, .tkz-unified-search *::before, .tkz-unified-search *::after { box-sizing: border-box; }
.tkz-unified-search [hidden] { display: none !important; }
.tkz-unified-search .tkz-search-field {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 42px;
  padding: 0 10px 0 14px;
  border: 1px solid transparent;
  border-radius: 12px;
  background: var(--tkz-search-field);
  transition: border-color .15s, box-shadow .15s;
}
.tkz-unified-search .tkz-search-field:focus-within { border-color: var(--tkz-search-accent); box-shadow: 0 0 0 2px color-mix(in srgb, var(--tkz-search-accent) 13%, transparent); }
.tkz-unified-search .tkz-search-icon { width: 20px; height: 20px; flex: 0 0 20px; color: var(--tkz-search-muted); }
.tkz-unified-search .tkz-search-icon svg, .tkz-unified-search .tkz-search-clear svg { display: block; width: 100%; height: 100%; }
.tkz-unified-search .tkz-search-field:focus-within .tkz-search-icon { color: var(--tkz-search-accent); }
.tkz-unified-search .tkz-search-input {
  width: 100%;
  min-width: 0;
  height: 40px;
  padding: 0;
  border: 0;
  outline: none;
  background: transparent;
  color: var(--tkz-search-text);
  font: inherit;
  font-size: 14px;
  text-overflow: ellipsis;
  appearance: none;
}
.tkz-unified-search .tkz-search-input::placeholder { color: var(--tkz-search-muted); opacity: 1; }
.tkz-unified-search .tkz-search-input::-webkit-search-cancel-button { appearance: none; }
.tkz-unified-search .tkz-search-clear {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  padding: 6px;
  flex: 0 0 30px;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: var(--tkz-search-muted);
  cursor: pointer;
}
.tkz-unified-search .tkz-search-clear:hover { background: color-mix(in srgb, var(--tkz-search-muted) 14%, transparent); color: var(--tkz-search-text); }
.tkz-unified-search .tkz-search-clear:focus-visible, .tkz-unified-search .tkz-search-retry:focus-visible { outline: 2px solid var(--tkz-search-accent); outline-offset: 2px; }
.tkz-unified-search .tkz-search-panel {
  position: absolute;
  top: calc(100% - 3px);
  left: 12px;
  right: 12px;
  max-height: min(58vh, 500px);
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--tkz-search-line);
  border-radius: 12px;
  background: var(--tkz-search-surface);
  box-shadow: 0 12px 35px rgba(10, 25, 32, .2);
  scrollbar-width: thin;
  scrollbar-color: var(--tkz-search-muted) transparent;
}
.tkz-unified-search.tkz-search-dark .tkz-search-panel { box-shadow: 0 12px 35px rgba(0, 0, 0, .38); }
.tkz-unified-search .tkz-search-heading { padding: 14px 14px 9px; color: var(--tkz-search-accent); font-size: 12px; font-weight: 600; letter-spacing: .02em; }
.tkz-unified-search .tkz-search-result {
  display: flex;
  align-items: center;
  gap: 11px;
  width: 100%;
  min-width: 0;
  min-height: 72px;
  padding: 10px 12px;
  border: 0;
  border-bottom: 1px solid var(--tkz-search-line);
  background: transparent;
  color: inherit;
  font: inherit;
  text-align: left;
  cursor: pointer;
  transition: background .12s;
}
.tkz-unified-search .tkz-search-result:last-child { border-bottom: 0; }
.tkz-unified-search .tkz-search-result:hover, .tkz-unified-search .tkz-search-result.is-active { background: var(--tkz-search-hover); }
.tkz-unified-search .tkz-search-avatar {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  flex: 0 0 44px;
  overflow: hidden;
  border-radius: 50%;
  background: #d5e8e2;
  color: #326b5e;
  font-size: 15px;
  font-weight: 500;
  user-select: none;
}
.tkz-unified-search.tkz-search-dark .tkz-search-avatar { background: #33534e; color: #cae9df; }
.tkz-unified-search .tkz-search-avatar img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.tkz-unified-search .tkz-search-result-body { display: flex; flex: 1 1 auto; flex-direction: column; gap: 6px; min-width: 0; }
.tkz-unified-search .tkz-search-result-top { display: flex; align-items: center; gap: 8px; min-width: 0; }
.tkz-unified-search .tkz-search-name { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; font-weight: 500; }
.tkz-unified-search .tkz-search-details { display: block; overflow: hidden; color: var(--tkz-search-muted); font-size: 12px; line-height: 1.4; text-overflow: ellipsis; white-space: nowrap; }
.tkz-unified-search .tkz-search-badge { margin-left: auto; padding: 3px 6px; flex: 0 0 auto; border-radius: 5px; background: #eef1f3; color: #667781; font-size: 10px; font-weight: 500; line-height: 1.35; white-space: nowrap; }
.tkz-unified-search .tkz-search-badge-open { background: #def5e8; color: #24794b; }
.tkz-unified-search .tkz-search-badge-pending { background: #fff2d7; color: #8a641b; }
.tkz-unified-search .tkz-search-badge-contact { background: #e5f1fb; color: #3776a0; }
.tkz-unified-search.tkz-search-dark .tkz-search-badge { background: #34454e; color: #b6c4ca; }
.tkz-unified-search.tkz-search-dark .tkz-search-badge-open { background: #224d3a; color: #9cdeb8; }
.tkz-unified-search.tkz-search-dark .tkz-search-badge-pending { background: #53472b; color: #ead190; }
.tkz-unified-search.tkz-search-dark .tkz-search-badge-contact { background: #27465b; color: #afd9f6; }
.tkz-unified-search .tkz-search-message { padding: 20px 18px; color: var(--tkz-search-muted); font-size: 13px; line-height: 1.6; text-align: center; }
.tkz-unified-search .tkz-search-hint-secondary { display: block; margin-top: 5px; font-size: 12px; opacity: .85; }
.tkz-unified-search .tkz-search-message.is-error { padding-bottom: 8px; color: #b54747; }
.tkz-unified-search.tkz-search-dark .tkz-search-message.is-error { color: #eea1a1; }
.tkz-unified-search .tkz-search-retry { display: block; margin: 0 auto 16px; padding: 7px 12px; border: 1px solid var(--tkz-search-line); border-radius: 7px; background: transparent; color: var(--tkz-search-accent); font: inherit; font-size: 12px; font-weight: 500; cursor: pointer; }
.tkz-unified-search .tkz-search-retry:hover { background: var(--tkz-search-hover); }
.tkz-unified-search .tkz-search-footer { padding: 10px 14px; border-top: 1px solid var(--tkz-search-line); color: var(--tkz-search-muted); font-size: 11px; line-height: 1.5; text-align: center; }
@media (max-width: 420px) {
  .tkz-unified-search { padding: 8px; }
  .tkz-unified-search .tkz-search-panel { left: 8px; right: 8px; max-height: 55vh; }
  .tkz-unified-search .tkz-search-result { gap: 8px; padding: 10px; }
  .tkz-unified-search .tkz-search-avatar { width: 38px; height: 38px; flex-basis: 38px; font-size: 13px; }
  .tkz-unified-search .tkz-search-result-top { flex-wrap: wrap; gap: 4px 7px; }
  .tkz-unified-search .tkz-search-name { flex-basis: 100%; }
  .tkz-unified-search .tkz-search-badge { margin-left: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .tkz-unified-search *, .tkz-unified-search *::before, .tkz-unified-search *::after { transition: none !important; }
}