/* LOAN contract address badge, shared by the landing page and the app. Reads ./deployments/latest.json. */
.ca-pill {
  position: fixed; left: 6%; bottom: 84px; z-index: 20;
  display: inline-flex; align-items: center; gap: 10px; height: 50px; padding: 0 8px 0 18px; border-radius: 12px;
  background: rgba(0, 0, 0, 0.72); border: 1px solid rgba(255, 255, 255, 0.18); backdrop-filter: blur(10px);
  color: #fff; text-decoration: none; opacity: 0; pointer-events: none;
  transition: opacity 0.5s 0.5s, transform 0.15s ease, border-color 0.3s;
}
.ca-pill[data-visible="true"] { opacity: 1; pointer-events: auto; }
.ca-pill:hover { border-color: rgba(183, 245, 22, 0.7); transform: translateY(-2px); }
.ca-pill-label { font-family: "Jura", sans-serif; font-size: 10px; letter-spacing: 0.35em; color: #b7f516; }
.ca-pill-addr { font-family: "Roboto", monospace; font-size: 12px; letter-spacing: 0.06em; color: #fff; }
.ca-pill-addr .full { display: none; }
.ca-pill-copy {
  display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; border-radius: 9px; border: 0; cursor: pointer;
  background: #b7f516; color: #073b21; font-family: "Comfortaa", cursive; font-size: 11px; font-weight: 700;
  box-shadow: inset 0 0 0 1px #dbff77, inset 0 -3px 0 #79ca1c, 0 3px 0 #168d52; transition: transform 0.15s ease, box-shadow 0.15s ease;
}
.ca-pill-copy:active { transform: translateY(2px); box-shadow: inset 0 0 0 1px #dbff77, inset 0 -2px 0 #79ca1c, 0 1px 0 #168d52; }
.ca-pill[data-copied="true"] .ca-pill-copy { background: #fff; }
.ca-pill[data-copied="true"] .ca-pill-label::after { content: " · COPIED"; color: #fff; }
@media only screen and (min-width: 1100px) {
  .ca-pill-addr .short { display: none; }
  .ca-pill-addr .full { display: inline; }
}
@media only screen and (max-width: 800px) {
  .ca-pill { left: 5%; bottom: 68px; height: 44px; padding: 0 6px 0 12px; gap: 8px; }
  .ca-pill-label { font-size: 9px; letter-spacing: 0.25em; }
  .ca-pill-addr { font-size: 11px; }
  .ca-pill-copy { width: 30px; height: 30px; }
}
@media only screen and (max-width: 480px) {
  .ca-pill { bottom: 124px; }
}

/* app page: inline bar under the hero copy */
.ca-bar {
  display: inline-flex; align-items: center; gap: 12px; margin-top: 22px; padding: 10px 10px 10px 16px; border-radius: 12px;
  border: 1px solid var(--line, rgba(255, 255, 255, 0.12)); background: rgba(255, 255, 255, 0.03); max-width: 100%;
}
.ca-bar[hidden] { display: none; }
.ca-bar .ca-pill-addr { overflow-wrap: anywhere; }
.ca-bar .ca-pill-addr .full { display: inline; }
.ca-bar .ca-pill-addr .short { display: none; }
.ca-bar a { color: var(--muted, #8a8f98); font-family: "Jura", sans-serif; font-size: 10px; letter-spacing: 0.25em; text-decoration: none; white-space: nowrap; }
.ca-bar a:hover { color: #fff; }
.ca-bar[data-copied="true"] .ca-pill-copy { background: #fff; }
.ca-bar[data-copied="true"] .ca-pill-label::after { content: " · COPIED"; color: #fff; }
@media (max-width: 520px) {
  .ca-bar .ca-pill-addr .full { display: none; }
  .ca-bar .ca-pill-addr .short { display: inline; }
}