/* FLEXILOU V640 — INVITE RATES */

.flexilou-v636-invite-rates{
  margin:14px 0 12px;
  padding:12px;
  border:1px solid #ddd6fe;
  border-radius:18px;
  background:
    linear-gradient(
      145deg,
      #faf7ff,
      #ffffff
    );
  box-shadow:
    0 12px 34px
    rgba(109,40,217,.08);
  font-family:inherit;
}

.v636-rate-title{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  margin-bottom:9px;
}

.v636-rate-title strong{
  font-size:12px;
  font-weight:950;
  color:#2e1065;
}

.v636-rate-title small{
  font-size:10px;
  font-weight:900;
  color:#7c3aed;
  background:#f3e8ff;
  border-radius:999px;
  padding:4px 8px;
}

.v636-rate-grid{
  display:grid;
  grid-template-columns:
    repeat(4,minmax(0,1fr));
  gap:6px;
}

.v636-rate-item{
  min-width:0;
  display:grid;
  place-items:center;
  gap:4px;
  padding:8px 3px;
  border:1px solid #ede9fe;
  border-radius:13px;
  background:#fff;
}

.v636-rate-item img{
  width:34px;
  height:22px;
  max-width:100%;
  object-fit:contain;
}

.v636-rate-item span{
  font-size:8px;
  font-weight:950;
  color:#475569;
  direction:ltr;
  white-space:nowrap;
}

.v636-rate-item b{
  font-size:16px;
  font-weight:1000;
  color:#6d28d9;
  direction:ltr;
  line-height:1;
}

.v636-rate-accept{
  margin-top:10px;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:8px;
  padding:10px 11px;
  border:1px solid #e9d5ff;
  border-radius:12px;
  background:#fff;
  cursor:pointer;
}

.v636-rate-accept input{
  width:19px;
  height:19px;
  flex:0 0 19px;
  accent-color:#7c3aed;
}

.v636-rate-accept span{
  font-size:11px;
  font-weight:950;
  color:#312e81;
}

.v636-rate-error{
  margin:7px 2px 0;
  font-size:10px;
  font-weight:900;
  color:#dc2626;
}

.flexilou-v636-invite-rates.needs-accept{
  border-color:#fca5a5;
  box-shadow:
    0 0 0 3px
    rgba(239,68,68,.07);
}

.flexilou-v636-security-index{margin:12px auto 18px;max-width:1180px;padding:14px;border:1px solid #e5e7eb;border-radius:20px;background:#fff;box-shadow:0 12px 36px rgba(15,23,42,.06);display:grid;gap:10px}.flexilou-v636-security-index>div:first-child{display:grid;gap:2px}.flexilou-v636-security-index strong{font-size:14px;color:#111827}.flexilou-v636-security-index small{font-size:10px;color:#64748b;font-weight:750}.v636-security-links{display:flex;gap:7px;overflow:auto;padding-bottom:2px;scrollbar-width:thin}.v636-security-links a{flex:0 0 auto;text-decoration:none;padding:8px 11px;border:1px solid #e9d5ff;border-radius:999px;background:#faf5ff;color:#6b21a8;font-size:10px;font-weight:900}.flexilou-v636-security-section{scroll-margin-top:90px}
@media(max-width:640px){.flexilou-v636-security-index{margin:8px 10px 14px;border-radius:17px}}

/* Native app only — normal web/PWA is intentionally unchanged. */
html.flexilou-native-app body{padding-bottom:env(safe-area-inset-bottom)}
html.flexilou-native-app .fixed.inset-x-0.bottom-0.z-\[999\].md\:hidden{left:10px!important;right:10px!important;bottom:calc(8px + env(safe-area-inset-bottom))!important;border:1px solid rgba(226,232,240,.9)!important;border-radius:24px!important;overflow:hidden!important;box-shadow:0 18px 50px rgba(15,23,42,.18)!important;background:rgba(255,255,255,.96)!important;backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important}
html.flexilou-native-app .fixed.inset-x-0.bottom-0.z-\[999\].md\:hidden a,html.flexilou-native-app .fixed.inset-x-0.bottom-0.z-\[999\].md\:hidden button{border-radius:18px!important;margin:4px!important;transition:transform .14s ease,background .14s ease!important}
html.flexilou-native-app .fixed.inset-x-0.bottom-0.z-\[999\].md\:hidden a:active,html.flexilou-native-app .fixed.inset-x-0.bottom-0.z-\[999\].md\:hidden button:active{transform:scale(.94)!important}
html.flexilou-native-app body:has(form input[type="password"]) form input[type="text"],html.flexilou-native-app body:has(form input[type="password"]) form input[type="password"],html.flexilou-native-app body:has(form input[type="password"]) form input[type="tel"]{min-height:56px!important;border-radius:18px!important;border:1px solid #e2e8f0!important;background:#fff!important;box-shadow:0 7px 22px rgba(15,23,42,.05)!important;font-size:15px!important;padding-inline:16px!important;transition:border-color .18s ease,box-shadow .18s ease!important}
html.flexilou-native-app body:has(form input[type="password"]) form input:focus{border-color:#8b5cf6!important;box-shadow:0 0 0 4px rgba(139,92,246,.10),0 10px 28px rgba(15,23,42,.06)!important;outline:none!important}
html.flexilou-native-app body:has(form input[type="password"]) form button[type="submit"]{min-height:56px!important;border-radius:18px!important;box-shadow:0 14px 34px rgba(109,40,217,.20)!important;font-size:15px!important;font-weight:950!important}