:root {
  --bg:#0b1220; --card:#121a2b; --ink:#ffffff; --muted:#b9c7e6; --accent:#7bdcff; --accent-2:#a3ff9e; --glow: rgba(123,220,255,.35);
  --icon-dog: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNCAyNCc+CjxwYXRoIGZpbGw9J3doaXRlJyBkPSdNNyA5YTIgMiAwIDEgMSAwLTQgMiAyIDAgMCAxIDAgNFptMTAgMGEyIDIgMCAxIDEgMC00IDIgMiAwIDAgMSAwIDRaTTYgMTNjMC0xLjEuOS0yIDItMmg4YTIgMiAwIDAgMSAyIDJ2NGMwIDEuNjYtMS43OSAzLTQgM2gtNGMtMi4yMSAwLTQtMS4zNC00LTN2LTRaJy8+PC9zdmc+");
  --icon-cat: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNCAyNCc+CjxwYXRoIGZpbGw9J3doaXRlJyBkPSdNNCA2IDcgNGwyIDNoNmwyLTMgMyAydjVjMCAzLjMxLTIuNjkgNi02IDZoLTJjLTMuMzEgMC02LTIuNjktNi02VjZabTYgMTBoNHYzSDEwdi0zWicvPjwvc3ZnPg==");
}
.pac-wrap{max-width:1100px;margin:auto;padding:24px;color:var(--ink);}
.pac-card{background:var(--card);border:1px solid #1f2940;border-radius:16px;padding:20px;box-shadow:0 8px 30px rgba(0,0,0,.25);}
.pac-inner{margin-top:18px;background:#0c1426;border-color:#1a2741;}
.pac-title{color:#ffffff;margin:0 0 8px}
.pac-title-small{color:#ffffff;margin:0}
.pac-sub{color:var(--muted);margin:0 0 16px}
.pac-grid{display:grid;gap:14px;grid-template-columns:1fr}
@media(min-width:780px){.pac-grid{grid-template-columns:1fr 1fr}}
.pac-compare-toggle{display:block;margin:10px 0 0;font-size:14px;color:var(--muted)}
.pac-result{font-size:22px;margin-top:8px}
.pac-result-grid{display:grid;gap:18px;margin-top:14px}
@media(min-width:980px){.pac-result-grid{grid-template-columns:1fr 1fr}}
.pac-result-card{min-width:0}
.pac-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.pac-between{justify-content:space-between}
label{display:block;font-weight:700;margin:6px 0 6px;color:#eaf3ff}
select,input,button,textarea{width:100%;padding:12px 14px;border-radius:12px;border:1px solid #27324c;background:#0e1628;color:var(--ink);font-size:16px}
textarea{resize:vertical}
button{cursor:pointer;background:linear-gradient(90deg,#35b3ff,#6ef3ff);color:#001325;border:none;font-weight:800}
.pac-ghost{background:transparent;border:1px solid #2b3b5c;color:#a8b3cf}
.pac-muted{color:var(--muted);font-size:14px}
.pac-badge{background:#0b172b;border:1px solid #263657;border-radius:999px;padding:6px 10px;color:#a8b3cf;font-size:12px}
.pac-link{color:var(--accent);text-decoration:none}
.pac-ads{display:block;min-height:90px;background:#0d1526;border:1px dashed #25324a;border-radius:12px;color:#6a789a;display:flex;align-items:center;justify-content:center;margin:12px 0}
.pac-ads-placeholder{padding:10px 0}
.pac-mt{margin-top:14px}
.pac-mt-6{margin-top:6px}
.pac-tabs{display:flex;gap:8px;margin:12px 0}
.pac-tab{background:#091226;border:1px solid #1f2a44;color:#a8b3cf;border-radius:10px;padding:8px 12px;cursor:pointer}
.pac-tab-active{border-color:#3aa8ff;color:#e9f0ff}
.pac-history-text{background:#0d1526;border:1px solid #1c2741;border-radius:12px;padding:12px;min-height:72px}
.pac-photo-wrap{margin-top:10px;display:flex;align-items:center;justify-content:flex-start}
.pac-photo-wrap img{max-width:240px;border-radius:12px;border:1px solid #1f2a44;display:block}
/* SEARCH BOX: light background + black text + strong blue focus */
.pac-search{
  margin-bottom:8px;width:100%;
  background:#ffffff !important;
  color:#111111 !important;
  border:2px solid #c7d2e5 !important;
  border-radius:12px;
  padding:12px 14px;
}
.pac-search::placeholder{ color:#55657d; opacity:1; }
.pac-search:focus{
  border-color:#35b3ff !important;
  box-shadow:0 0 0 4px rgba(53,179,255,0.4);
  outline:none;
}
/* Emphasized inputs: breed selects + years fields */
.pac-emph{
  border: 2px solid transparent;
  background:
    linear-gradient(#0e1628, #0e1628) padding-box,
    linear-gradient(90deg, var(--accent), var(--accent-2)) border-box;
  box-shadow: 0 0 0 0 rgba(0,0,0,0);
  transition: box-shadow .2s ease;
}
.pac-emph:focus{
  outline: none;
  box-shadow: 0 0 0 6px var(--glow);
}
/* Bright inputs elsewhere */
.pac-bright{ color:#ffffff; }
.pac-bright::placeholder{ color:#cfe3ff; opacity:1; }
/* Icons in selects */
.pac-icon{
  background-repeat:no-repeat;
  background-position:10px center;
  background-size:18px 18px;
  padding-left:38px;
}
.pac-icon-dog{ background-image: var(--icon-dog); }
.pac-icon-cat{ background-image: var(--icon-cat); }