/* AFP v0.8.2 — Demo/preview mode (Renovio-style try-before-signup) */
.afp-demo-btn {
  display: inline-flex; align-items: center; gap: 8px;
  margin: 2px 0 14px; padding: 10px 18px;
  background: rgba(255,255,255,.10); color: #fff;
  border: 1.5px dashed rgba(255,255,255,.55); border-radius: 12px;
  font-weight: 700; font-size: 14.5px; text-decoration: none;
  transition: background .15s ease;
}
.afp-demo-btn:hover { background: rgba(255,255,255,.18); color: #fff; }

.afp-demo-banner {
  display: flex; gap: 14px; align-items: center; justify-content: space-between; flex-wrap: wrap;
  background: #FFF8E8; border: 1.5px solid #F2D89A; border-radius: 14px;
  padding: 12px 18px; margin: 14px 0 4px;
}
.afp-demo-banner p { margin: 0; color: #6B5312; font-size: 14px; line-height: 1.6; }
.afp-demo-banner__tag {
  background: #F7B733; color: #3D2E00; font-weight: 800; font-size: 12.5px;
  border-radius: 8px; padding: 4px 10px; white-space: nowrap;
}
.afp-demo-banner__actions { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }
.afp-demo-banner__cta {
  background: #0F766E; color: #fff; font-weight: 700; font-size: 13.5px;
  padding: 8px 16px; border-radius: 10px; text-decoration: none; white-space: nowrap;
}
.afp-demo-banner__cta:hover { background: #0B5D57; color: #fff; }
.afp-demo-banner__exit { color: #8a6d1f; font-size: 13px; text-decoration: underline; }
@media (max-width: 640px) {
  .afp-demo-banner { flex-direction: column; align-items: stretch; text-align: center; }
  .afp-demo-banner__actions { justify-content: center; }
  .afp-demo-banner__cta { width: 100%; }
}

/* v0.8.2.1 — demo mode: hide locked add/edit controls */
body.afp-demo-readonly .afp-btn-add,
body.afp-demo-readonly a[href$="/platform/assets/add/"],
body.afp-demo-readonly .afp-inst-add,
body.afp-demo-readonly button[data-afp-remove] { display: none !important; }

/* v0.9.0 — appbar language switch */
.afp-appbar__lang:hover{border-color:#2d6f6f!important}