.animal-search-layout{min-height:760px}.search-languages{display:flex;align-items:center;gap:5px}.search-languages a{font-size:11px;color:#9eacd0;padding:9px 10px;border-radius:8px}.search-languages a:hover{color:#fff;background:rgba(255,255,255,.06)}.search-languages a.active{color:#fff;background:rgba(58,155,244,.14)}.search-workbody{border-radius:0 0 24px 24px;border-bottom:1px solid var(--line);padding-bottom:40px}.search-rail .rail-heading h1 span{color:#fff}.search-rail .record-outline{margin-top:38px}.search-rail .outline-row{cursor:pointer}.search-rail .outline-row strong{max-width:190px}.search-block{padding:8px 0 34px;border-bottom:1px solid rgba(255,255,255,.09);margin-bottom:28px}.search-block:last-of-type{margin-bottom:0}.search-block .group-head{margin:0 0 24px;align-items:flex-end}.search-block .group-head>div{display:flex;align-items:center;gap:12px}.search-block .group-head>span{font-size:12px;color:#91a4cd;max-width:360px;text-align:right;line-height:1.55}.search-index{display:inline-grid;place-items:center;width:29px;height:29px;border-radius:8px;background:rgba(58,155,244,.12);border:1px solid rgba(111,185,255,.22);color:#8dcaff;font-size:10px;font-variant-numeric:tabular-nums}.country-search-group{margin:0 0 28px}.country-search-group legend{font-size:14px;color:#b8c7e8;margin-bottom:13px}.country-search-choices{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.compact-choice{min-height:78px;padding:16px 15px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.11);box-shadow:none;border-radius:11px;align-items:center}.compact-choice:hover{background:rgba(255,255,255,.075)}.compact-choice:has(input:checked){background:rgba(58,155,244,.12);border-color:rgba(111,185,255,.48);box-shadow:inset 0 -2px #3a9bf4}.compact-choice small{margin-top:3px;font-size:10px;letter-spacing:.8px}.animal-search-form .field{margin-bottom:20px}.animal-search-form .field>span:first-child{display:flex;align-items:center;min-height:22px;font-size:13px;color:#c4d0ec}.animal-search-form .field input{min-height:56px;border-radius:11px;background:rgba(255,255,255,.065);font-size:15px;padding:15px 16px;color:#f5f7ff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.045)}.animal-search-form .field input:hover{background:rgba(255,255,255,.085)}.animal-search-form .field input:focus{background:rgba(58,155,244,.09);box-shadow:inset 0 0 0 1px rgba(111,185,255,.52),0 0 0 3px rgba(58,155,244,.08)}.animal-search-form .field input::placeholder{color:#8495bd}.animal-search-form .hint{color:#8294bd;font-size:11px;margin:8px 2px 0}.appearance-fields{grid-template-columns:1fr 1fr}.appearance-fields .wide{grid-column:1/-1}.chip-field{position:relative;max-width:none}.chip-field input{font-size:20px!important;letter-spacing:2.4px;font-variant-numeric:tabular-nums;padding-right:145px!important}.chip-mark{position:absolute!important;right:15px;bottom:17px;min-height:0!important;font-size:9px!important;letter-spacing:1.1px;color:#78bdf8!important;border:1px solid rgba(116,191,255,.27);background:rgba(58,155,244,.08);padding:6px 8px;border-radius:7px;pointer-events:none}.search-suggest-field{z-index:4}.place-suggestions{position:absolute;top:92px;left:0;right:0;z-index:20;padding:8px;border:1px solid rgba(151,189,240,.22);border-radius:13px;background:#14245b;box-shadow:0 25px 60px rgba(0,0,0,.34);max-height:290px;overflow:auto}.place-suggestion{display:flex;width:100%;align-items:center;justify-content:space-between;text-align:left;padding:13px 14px;border-radius:9px;background:transparent;color:#eaf2ff}.place-suggestion:hover,.place-suggestion:focus-visible{background:rgba(94,163,239,.13)}.place-suggestion strong{font-size:13px;font-weight:550}.place-suggestion small{display:block;color:#91a6cf;font-size:10px;margin-top:5px}.place-suggestion>span:last-child{font-size:13px;color:#75bfff}.search-actions{display:flex;align-items:center;gap:20px;padding:28px 0 4px}.search-actions .text-button{padding:14px 0}.search-action-copy{margin-left:auto;font-size:11px;color:#8395bd}.search-submit{min-width:180px;border-radius:11px;justify-content:space-between;padding:17px 21px}.search-results-section{margin-top:44px;padding-top:33px;border-top:1px solid rgba(255,255,255,.12)}.results-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:22px}.results-head .eyebrow{display:block;font-size:9px;margin-bottom:7px}.results-head h2{font-size:27px;letter-spacing:-.8px;margin:0;font-weight:600}.results-head>span{font-size:11px;color:#8fa3cc;padding:7px 10px;border:1px solid rgba(255,255,255,.1);border-radius:8px}.search-status{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:28px 25px;border:1px dashed rgba(150,178,225,.22);border-radius:15px;background:rgba(255,255,255,.025)}.search-status strong{font-size:14px;font-weight:560}.search-status span{font-size:12px;line-height:1.65;color:#95a6cb}.search-status.loading{border-style:solid;background:rgba(58,155,244,.055)}.animal-results{display:grid;grid-template-columns:1fr 1fr;gap:12px}.animal-result{position:relative;padding:22px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:rgba(255,255,255,.04);min-height:205px;overflow:hidden}.animal-result:hover{background:rgba(255,255,255,.065);border-color:rgba(123,184,246,.34)}.animal-result::after{content:'';position:absolute;width:130px;height:130px;border-radius:50%;right:-65px;top:-70px;background:rgba(58,155,244,.08);pointer-events:none}.result-top{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.result-id{font-size:9px;letter-spacing:1px;color:#7f92bd}.result-country{font-size:10px;color:#7ec3ff;border:1px solid rgba(126,195,255,.22);border-radius:7px;padding:5px 7px}.animal-result h3{font-size:22px;letter-spacing:-.5px;margin:17px 0 8px}.result-place{font-size:12px;color:#a6b6d8;margin-bottom:17px}.result-tags{display:flex;gap:6px;flex-wrap:wrap}.result-tag{font-size:10px;line-height:1.3;color:#bdc9e6;background:rgba(255,255,255,.055);border-radius:7px;padding:7px 8px}.result-chip{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:18px;margin-top:18px;border-top:1px solid rgba(255,255,255,.08);font-size:11px}.result-chip span:first-child{color:#8294bc}.result-chip code{font-family:inherit;color:#e6efff;font-size:11px;letter-spacing:.6px}.result-matches{display:flex;gap:5px;flex-wrap:wrap;margin-top:12px}.match-pill{font-size:9px;color:#73bbf8;background:rgba(58,155,244,.08);border-radius:6px;padding:5px 7px}.own-record{position:absolute;right:18px;bottom:18px;font-size:9px;color:#9bd1ff}.search-error{color:#ffc5d0}.search-highlight{color:#83c7ff!important}.search-highlight.has-value{color:#fff!important}
@media(max-width:1050px){.country-search-choices{grid-template-columns:1fr 1fr}.animal-results{grid-template-columns:1fr}.search-languages{display:none}}
@media(max-width:850px){.animal-search-layout{display:block!important;padding-top:5px!important}.search-rail{position:static!important;display:block!important;padding-bottom:20px!important}.search-rail .record-outline,.search-rail .rail-foot{display:none}.search-rail .rail-heading p{display:block;max-width:none}.search-rail .rail-heading h1{font-size:34px;margin:14px 0 13px}.animal-search-layout .worktop{border-radius:20px 20px 0 0}.animal-search-layout .worktop,.animal-search-layout .workbody{width:100%}.header-right{gap:12px}.header-right .user-trigger span:last-child{display:none}}
@media(max-width:640px){.masthead{height:82px;padding:0 20px}.shell{padding:0 15px 20px}.brand-caption{display:none}.search-workbody{padding:24px 18px 28px}.animal-search-layout .worktop{padding:18px 18px 0}.section-heading h2{font-size:28px}.section-heading p{font-size:13px}.country-search-choices{grid-template-columns:1fr}.compact-choice{min-height:64px}.fields,.appearance-fields{grid-template-columns:1fr}.search-block .group-head{align-items:flex-start;flex-direction:column}.search-block .group-head>span{text-align:left;max-width:none}.chip-field input{font-size:16px!important;letter-spacing:1.4px;padding-right:16px!important}.chip-mark{display:none!important}.search-actions{align-items:stretch;flex-wrap:wrap}.search-action-copy{order:-1;width:100%;margin:0}.search-actions .text-button{flex:1}.search-submit{flex:1;min-width:150px}.animal-result{padding:19px}.animal-result h3{font-size:20px}.place-suggestions{top:88px}}

.animal-search-warning{float:right;margin:-2px 0 8px 10px}.animal-list-warning{display:inline-grid;place-items:center;width:22px;height:22px;min-width:22px;border-radius:50%;background:#c93445;color:#fff;font-size:14px;font-weight:800;line-height:1;box-shadow:none}

/* Deceased animals remain searchable and openable, but appear archived. */
.animal-result.is-archive{
  background:linear-gradient(135deg,rgba(145,152,164,.11),rgba(93,102,117,.06));
  border-color:rgba(180,187,198,.25);
}
.animal-result.is-archive:hover{background:linear-gradient(135deg,rgba(153,160,172,.15),rgba(100,109,123,.08));border-color:rgba(196,202,211,.35)}
.animal-result.is-archive::after{background:rgba(153,160,172,.07)}
.animal-result.is-archive .result-country,.animal-result.is-archive .match-pill{color:#b8c0cc;border-color:rgba(184,192,204,.2);background:rgba(184,192,204,.06)}


/* Archived/deceased search cards remain openable but are fully neutral-grey. */
.animal-result.is-archive{filter:saturate(.12);box-shadow:none!important}

/* Missing state is shown as a compact tag on the standalone search result.
   It stays in the existing tag flow, so the card remains fully responsive. */
.animal-result.is-missing{border-color:rgba(216,112,83,.25)}
.missing-result-tag{
  display:inline-flex;
  align-items:center;
  gap:5px;
  border:1px solid rgba(232,136,109,.25);
  background:rgba(190,72,49,.13);
  color:#ffc8b8;
}
.missing-result-tag svg{
  width:12px;
  height:12px;
  flex:0 0 12px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.search-page-intro{max-width:820px;margin-bottom:30px;padding-bottom:26px;border-bottom:1px solid rgba(255,255,255,.075)}
.search-page-intro p{max-width:720px;line-height:1.65}
/* Clean UEAD form layout: no rounded parent card around the search form. */
.animal-search-form{border:0;border-radius:0;background:transparent;overflow:visible}
.search-block{margin:0;padding:0 0 30px;border-bottom:1px solid rgba(255,255,255,.075)}
.search-block+.search-block{padding-top:30px}
.search-block:last-of-type{margin-bottom:0}
.search-block .group-head{display:grid;grid-template-columns:1fr;gap:6px;align-items:start;margin:0 0 20px}
.search-block .group-head>div{display:flex;align-items:center;gap:12px}
.search-block .group-head>span{max-width:680px;margin-left:41px;color:#8fa3c8;font-size:10px;line-height:1.55;text-align:left}
.search-index{width:28px;height:28px;border-radius:8px}
.animal-search-form .field{display:grid;gap:7px;margin-bottom:18px}
.animal-search-form .field>span:first-child{min-height:auto;margin:0;color:#c6d2e8;font-size:10px;font-weight:700}
.animal-search-form .field input{min-height:54px;margin:0;padding:14px 15px;border:1px solid rgba(255,255,255,.075);border-radius:11px;background:rgba(255,255,255,.045);box-shadow:none}
.animal-search-form .field input:hover{border-color:rgba(255,255,255,.12);background:rgba(255,255,255,.06)}
.animal-search-form .field input:focus{border-color:rgba(111,185,255,.48);background:rgba(58,155,244,.075);box-shadow:0 0 0 3px rgba(58,155,244,.075)}
.animal-search-form .field .field-intro{order:0;margin:0 0 2px;color:#8598bc;font-size:9px;line-height:1.5}
.country-search-group{margin:0 0 24px}
.country-search-group legend{margin-bottom:10px;color:#b8c7df;font-size:10px;font-weight:700}
.compact-choice{min-height:68px;padding:13px 14px;border-color:rgba(255,255,255,.085);border-radius:11px;background:rgba(255,255,255,.025)}
.compact-choice:has(input:checked){border-color:rgba(111,185,255,.42);background:rgba(58,155,244,.09);box-shadow:none}
.guest-chip-search{padding-bottom:30px}
/* The public-search explanation is helper copy, not another card. */
.guest-search-note{display:grid;gap:5px;margin:0 0 18px 41px;padding:0;border:0;border-radius:0;background:transparent}
.guest-search-note strong{color:#d8e8fb;font-size:10px;font-weight:750}
.guest-search-note p{margin:0;max-width:690px;color:#8fa5ca;font-size:10px;line-height:1.6}
.guest-chip-search .chip-field{max-width:760px;margin-left:41px}
/* Actions stay visually open, matching the other clean settings/forms. */
.search-actions{margin:0;padding:24px 0 0;border:0;border-radius:0;background:transparent}
.search-action-copy{max-width:430px;line-height:1.45}
.search-results-section{margin-top:34px;padding-top:30px}
.search-status{border-color:rgba(150,178,225,.18);border-radius:13px;background:rgba(255,255,255,.018)}
@media(max-width:640px){.search-page-intro{margin-bottom:24px;padding-bottom:22px}.search-block{padding:0 0 24px}.search-block+.search-block{padding-top:24px}.search-block .group-head>span{margin-left:0}.guest-search-note,.guest-chip-search .chip-field{margin-left:0}.search-actions{padding:20px 0 0}}/*
 * Public registry search — open-form treatment.
 * Keep the left editorial rail, but remove the large rounded "card around a card"
 * treatment from the working area. Inputs/results remain the only interactive surfaces.
 */
.animal-search-layout .worktop{
  min-height:0!important;
  margin:0!important;
  padding:7px 0 17px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.animal-search-layout .worktop>span:first-child{
  display:block!important;
  margin-right:auto;
  color:#7790bd;
  font-size:9px;
  font-weight:700;
  letter-spacing:1.55px;
}
.animal-search-layout .worktop>span:last-child{
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#9eafd1!important;
  font-size:10px!important;
  font-weight:600;
}
.search-workbody{
  padding:14px 0 48px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.search-workbody::before,
.search-workbody::after{display:none!important}
.search-workbody .question-workspace{
  width:100%;
  max-width:960px;
}
.search-page-intro{
  max-width:900px;
  margin:0 0 34px;
  padding:0 0 27px;
  border-bottom:1px solid rgba(255,255,255,.075);
}
.search-page-intro .eyebrow{
  margin-bottom:12px;
  color:#70baff;
  font-size:9px;
  font-weight:750;
  letter-spacing:1.7px;
}
.search-page-intro h2{
  max-width:860px;
  margin:0 0 12px;
  font-size:36px;
  line-height:1.08;
  letter-spacing:-1.15px;
}
.search-page-intro p{
  max-width:760px;
  color:#9fb0d1;
  font-size:14px;
  line-height:1.7;
}

/* Search sections are layout groups, not visual containers. */
.animal-search-form{
  width:100%;
  max-width:920px;
}
.search-block{
  width:100%;
  margin:0!important;
  padding:0 0 31px!important;
  border:0!important;
  border-bottom:1px solid rgba(255,255,255,.075)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.search-block+.search-block{padding-top:31px!important}
.search-block .group-head{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:7px;
  margin:0 0 21px;
}
.search-block .group-head>div{
  display:flex;
  align-items:center;
  gap:11px;
}
.search-block .group-head h3{
  color:#eef4ff;
  font-size:18px;
  font-weight:620;
  letter-spacing:-.25px;
}
.search-block .group-head>span{
  max-width:760px;
  margin:0 0 0 39px;
  color:#8498be;
  font-size:10px;
  line-height:1.55;
  text-align:left;
}
.search-index{
  width:28px;
  height:28px;
  border:1px solid rgba(106,184,255,.20);
  border-radius:8px;
  background:rgba(58,155,244,.10);
  color:#83c9ff;
  box-shadow:none;
}

/* Public-search explanation: light editorial callout, never another rounded box. */
.guest-search-note{
  position:relative;
  display:grid;
  gap:4px;
  max-width:760px;
  margin:0 0 20px!important;
  padding:0 0 0 15px!important;
  border:0!important;
  border-left:2px solid rgba(92,177,255,.45)!important;
  border-radius:0!important;
  background:transparent!important;
}
.guest-search-note strong{
  color:#d7e6fb;
  font-size:10px;
  font-weight:700;
}
.guest-search-note p{
  max-width:720px;
  margin:0;
  color:#8da1c7;
  font-size:10px;
  line-height:1.65;
}
.guest-chip-search .chip-field{
  width:100%;
  max-width:820px;
  margin:0!important;
}
.animal-search-form .field{
  gap:8px;
  margin-bottom:18px;
}
.animal-search-form .field>span:first-child{
  color:#c4d1e8;
  font-size:10px;
  font-weight:700;
  letter-spacing:.05px;
}
.animal-search-form .field input{
  min-height:58px;
  padding:15px 17px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:11px;
  background:rgba(255,255,255,.05);
  color:#f4f8ff;
  box-shadow:none;
  transition:border-color .16s ease,background .16s ease,box-shadow .16s ease;
}
.animal-search-form .field input:hover{
  border-color:rgba(255,255,255,.14);
  background:rgba(255,255,255,.065);
}
.animal-search-form .field input:focus{
  border-color:rgba(112,190,255,.58);
  background:rgba(56,131,218,.09);
  box-shadow:0 0 0 3px rgba(70,156,240,.08);
}
.chip-field input{
  min-height:62px!important;
  padding-right:128px!important;
  font-size:18px!important;
  font-weight:520;
  letter-spacing:1.35px!important;
}
.chip-field input::placeholder{
  color:#778bb3!important;
  font-weight:450;
  letter-spacing:1px;
}
.chip-mark{
  right:14px!important;
  bottom:17px!important;
  padding:5px 8px!important;
  border-color:rgba(119,194,255,.22)!important;
  border-radius:7px!important;
  background:rgba(58,155,244,.07)!important;
  color:#78bdf8!important;
  font-size:8px!important;
  letter-spacing:1px!important;
}

/* Keep the action row airy; it is a footer line, not a footer card. */
.search-actions{
  width:100%;
  max-width:920px;
  margin:0;
  padding:22px 0 4px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  gap:18px;
}
.search-actions .text-button{
  padding:12px 0;
  color:#9fb0cf;
  font-size:11px;
}
.search-actions .text-button:hover{color:#e9f2ff}
.search-action-copy{
  max-width:390px;
  margin-left:auto;
  color:#8094bb;
  font-size:10px;
  line-height:1.55;
  text-align:right;
}
.search-submit{
  min-width:158px;
  min-height:52px;
  padding:14px 18px;
  border-radius:10px;
  box-shadow:none;
}

/* Results continue in the same open document flow. */
.search-results-section{
  width:100%;
  max-width:920px;
  margin-top:34px!important;
  padding-top:30px!important;
  border-top:1px solid rgba(255,255,255,.09)!important;
}
.results-head{margin-bottom:18px}
.results-head .eyebrow{
  color:#6db9ff;
  font-size:8px;
  letter-spacing:1.55px;
}
.results-head h2{
  font-size:25px;
  font-weight:620;
  letter-spacing:-.6px;
}
.results-head>span{
  min-width:28px;
  padding:5px 8px;
  border-color:rgba(255,255,255,.08);
  border-radius:7px;
  background:transparent;
  color:#8599bf;
  text-align:center;
}
.search-status{
  display:grid;
  gap:5px;
  min-height:0;
  padding:4px 0 2px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.search-status strong{
  color:#dbe6f8;
  font-size:12px;
  font-weight:620;
}
.search-status span{
  color:#8498bd;
  font-size:10px;
  line-height:1.6;
}
.search-status.loading{
  padding-left:15px!important;
  border-left:2px solid rgba(95,184,255,.45)!important;
}

/* Tidy up the left rail so it reads as navigation/meta, not another form card. */
.search-rail .record-outline{
  margin-top:34px;
  padding-top:20px;
  border-top-color:rgba(255,255,255,.09);
}
.search-rail .outline-title{
  flex-direction:row;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:12px;
}
.search-rail .outline-title>span:first-child{
  color:#8799bd;
  font-size:9px;
  letter-spacing:1.35px;
}
.search-rail #filterState{
  display:inline-grid;
  min-width:24px;
  height:24px;
  place-items:center;
  padding:0 6px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:7px;
  color:#90a8cf;
  font-size:9px;
}
.search-rail .outline-row{
  gap:6px;
  padding:14px 24px 15px 0;
  border-bottom-color:rgba(255,255,255,.075);
}
.search-rail .outline-row>span:first-child{
  color:#8194ba;
  font-size:10px;
}
.search-rail .outline-row strong{
  color:#c7d4ea;
  font-size:12px;
  font-weight:520;
}
.search-rail .outline-edit{color:#73baff}
.search-rail .outline-attachments{
  padding-top:16px;
  color:#7f93ba;
  font-size:10px;
}

@media(max-width:850px){
  .animal-search-layout .worktop{padding:4px 0 16px!important}
  .search-workbody{padding:12px 0 36px!important}
  .search-workbody .question-workspace,
  .animal-search-form,
  .search-results-section{max-width:none}
}
@media(max-width:640px){
  .search-page-intro{margin-bottom:27px;padding-bottom:23px}
  .search-page-intro h2{font-size:29px}
  .search-page-intro p{font-size:12px}
  .search-block .group-head>span{margin-left:39px}
  .guest-search-note{padding-left:12px!important}
  .chip-field input{min-height:58px!important;padding-right:16px!important;font-size:16px!important;letter-spacing:.8px!important}
  .chip-mark{display:none!important}
  .search-actions{align-items:stretch;gap:12px;padding-top:20px!important}
  .search-action-copy{order:-1;width:100%;max-width:none;margin:0;text-align:left}
  .search-actions .text-button{flex:1}
  .search-submit{flex:1;min-width:145px}
  .search-results-section{margin-top:26px!important;padding-top:26px!important}
}/* Public identifier search modes — deliberately open, no container-within-container look. */
.guest-search-shell{display:block;width:100%;max-width:920px}
.search-mode-tabs{display:inline-flex;align-items:center;gap:4px;margin:0 0 28px;padding:4px;border:1px solid rgba(255,255,255,.08);border-radius:13px;background:rgba(9,20,58,.38)}
.search-mode-tab{appearance:none;display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 17px;border:0;border-radius:9px;background:transparent;color:#8fa3c9;font:inherit;font-size:11px;font-weight:700;cursor:pointer;transition:background .16s ease,color .16s ease,box-shadow .16s ease}
.search-mode-tab:hover{color:#e8f2ff;background:rgba(255,255,255,.045)}
.search-mode-tab.is-active{color:#fff;background:rgba(58,155,244,.13);box-shadow:inset 0 0 0 1px rgba(111,185,255,.3)}
.search-tab-panel{margin:0!important;padding:0 0 30px!important;border-bottom:1px solid rgba(255,255,255,.075)!important}
.search-tab-panel[hidden]{display:none!important}
.search-tab-panel .group-head{margin-bottom:22px}
.search-tab-panel .chip-field,.search-tab-panel .ueid-field{max-width:760px;margin-left:41px}
.ueid-field{position:relative}
.ueid-field input{padding-right:92px!important;letter-spacing:.25px!important;font-size:15px!important}
.guest-search-note{margin-top:8px!important;margin-bottom:0!important}
.scanner-panel{max-width:760px;margin:24px 0 0 41px;padding-top:22px;border-top:1px solid rgba(255,255,255,.065)}
.scanner-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:14px}
.scanner-heading strong{display:block;color:#eef6ff;font-size:12px;font-weight:750}
.scanner-heading p{max-width:560px;margin:6px 0 0;color:#8fa3c8;font-size:10px;line-height:1.6}
.scanner-badge{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border:1px solid rgba(111,185,255,.22);border-radius:10px;background:rgba(58,155,244,.075);color:#79c0ff;font-size:9px;font-weight:800;letter-spacing:.9px}
.scanner-surface{position:relative;display:grid;place-items:center;min-height:300px;overflow:hidden;border:1px solid rgba(255,255,255,.075);border-radius:15px;background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(2,10,37,.18))}
.scanner-idle{display:flex;max-width:340px;flex-direction:column;align-items:center;gap:7px;padding:28px;text-align:center}
.scanner-idle-icon{position:relative;width:68px;height:68px;margin-bottom:5px;border:1px solid rgba(111,185,255,.22);border-radius:20px;background:rgba(58,155,244,.075)}
.scanner-idle-icon::before,.scanner-idle-icon::after{content:'';position:absolute;inset:18px;border:2px solid #75bcf8;border-radius:5px}
.scanner-idle-icon::after{inset:28px;border-width:1px;border-color:rgba(117,188,248,.55)}
.scanner-idle strong{color:#eef6ff;font-size:13px;font-weight:700}
.scanner-idle span{color:#8fa3c8;font-size:10px;line-height:1.6}
.qr-scanner-video{display:block;width:100%;height:100%;min-height:300px;object-fit:cover;background:#050b1b}
.scanner-frame{position:absolute;inset:0;pointer-events:none}
.scanner-frame::before{content:'';position:absolute;left:50%;top:50%;width:min(58%,300px);aspect-ratio:1;transform:translate(-50%,-50%);border:1px solid rgba(143,211,255,.68);border-radius:20px;box-shadow:0 0 0 999px rgba(3,10,29,.25)}
.scanner-frame::after{content:'';position:absolute;left:50%;top:50%;width:min(42%,220px);height:1px;transform:translate(-50%,-50%);background:rgba(111,196,255,.85);box-shadow:0 0 14px rgba(111,196,255,.55)}
.scanner-actions{display:flex;align-items:center;gap:12px;margin-top:14px}
.scanner-actions .secondary{min-height:44px;padding:0 16px}
.scanner-status{margin-top:10px;color:#8297bd;font-size:10px;line-height:1.55}
.search-tab-panel.is-scanning .scanner-status{color:#98cfff}
@media(max-width:640px){
  .search-mode-tabs{display:grid;grid-template-columns:1fr 1fr;width:100%;margin-bottom:22px}
  .search-mode-tab{width:100%;padding:0 10px}
  .search-tab-panel .chip-field,.search-tab-panel .ueid-field,.scanner-panel{margin-left:0;max-width:none}
  .scanner-surface,.qr-scanner-video{min-height:230px}
  .scanner-heading{display:block}
  .scanner-badge{margin-top:12px}
  .scanner-actions{align-items:stretch;flex-direction:column}
  .scanner-actions button{width:100%}
}.qr-only-panel{padding-bottom:0!important;border-bottom:0!important}
.qr-only-panel .scanner-panel{max-width:760px;margin:0;padding:0;border:0}
.qr-only-panel .scanner-surface{min-height:360px;background:radial-gradient(circle at 50% 26%,rgba(58,155,244,.10),rgba(3,10,29,.96) 62%)}
.qr-only-panel .scanner-idle{gap:10px}
.qr-only-panel .scanner-idle strong{font-size:15px}
.qr-only-panel .scanner-idle span{max-width:300px;font-size:11px}
.scanner-start{margin-top:10px;min-height:46px;padding:0 18px}
.scanner-stop{position:absolute;z-index:5;right:14px;top:14px;display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(255,255,255,.16);border-radius:50%;background:rgba(4,11,27,.72);backdrop-filter:blur(12px);color:#fff;font-size:23px;line-height:1;cursor:pointer}
.scanner-status-overlay{position:absolute;z-index:4;left:16px;right:16px;bottom:14px;margin:0;padding:10px 12px;border-radius:10px;background:rgba(4,11,27,.68);backdrop-filter:blur(10px);color:#a9bbda;text-align:center}
.animal-search-form.is-ueid-mode>.search-actions{display:none!important}
@media(max-width:850px){
  .animal-search-layout .search-rail{display:none!important}
  .animal-search-layout .worktop{display:none!important}
  .animal-search-layout{padding-top:0!important}
  .search-workbody{padding-top:0!important}
  .search-workbody .section-heading{margin-top:0!important}
  .search-workbody .section-heading>.eyebrow{display:none!important}
  .search-workbody .section-heading h2{margin-top:0!important}
}
@media(max-width:640px){
  .qr-only-panel .scanner-surface,.qr-only-panel .qr-scanner-video{min-height:310px}
  .search-mode-tabs{margin-top:4px}
}
/* @uead-segment:10-style.qr-ios-parser-mobile-button-fix */
.qr-scanner-video[hidden],
.scanner-frame[hidden],
.scanner-stop[hidden],
.scanner-idle[hidden]{display:none!important}

/* Reserve a real safe area for the status overlay so it can never cover
   the camera button on narrow iPhone/Safari viewports. */
.qr-only-panel .scanner-idle{
  width:100%;
  box-sizing:border-box;
  padding-bottom:88px;
}

@media(max-width:640px){
  .qr-only-panel .scanner-surface{
    min-height:360px;
  }
  .qr-only-panel .scanner-idle{
    max-width:none;
    min-height:360px;
    justify-content:center;
    padding:24px 18px 92px;
  }
  .qr-only-panel .scanner-start{
    display:flex;
    align-items:center;
    justify-content:center;
    width:min(100%,320px);
    min-height:48px;
    height:auto;
    flex:0 0 auto;
    padding:12px 18px;
    line-height:1.2;
    box-sizing:border-box;
  }
  .qr-only-panel .scanner-status-overlay{
    left:12px;
    right:12px;
    bottom:12px;
  }
}
/* @uead-end:10-style.qr-ios-parser-mobile-button-fix */

/* @uead-segment:11-style.qr-mobile-square-live-camera */
/* Keep the live camera viewport compact and square on phones. The rule is
   scanning-state only, so the idle/open-camera layout keeps its safe space. */
@media(max-width:640px){
  .qr-only-panel.is-scanning .scanner-surface{
    width:100%;
    min-height:0!important;
    height:auto!important;
    aspect-ratio:1 / 1;
  }
  .qr-only-panel.is-scanning .qr-scanner-video{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    min-height:0!important;
    object-fit:cover;
  }
  .qr-only-panel.is-scanning .scanner-frame{
    inset:0;
  }
  .qr-only-panel.is-scanning .scanner-frame::before{
    width:min(68%,240px);
  }
  .qr-only-panel.is-scanning .scanner-frame::after{
    width:min(48%,180px);
  }
}
/* @uead-end:11-style.qr-mobile-square-live-camera */

/* @uead-segment:12-style.public-search-input-left-alignment */
/* Search inputs align with the main content edge instead of the numbered heading text. */
.search-tab-panel .chip-field,
.search-tab-panel .ueid-field{
  margin-left:0!important;
}
/* @uead-end:12-style.public-search-input-left-alignment */