/* Bank/SaaS style overlay - safeui */
:root{
  --safeui-primary:#2F6BFF;
  --safeui-bg:#F6F8FB;
  --safeui-text:#1F2937;
  --safeui-muted:#6B7280;
  --safeui-card:#FFFFFF;
  --safeui-border:rgba(15,23,42,.08);
}
html,body{background:var(--safeui-bg)!important;color:var(--safeui-text)!important;}
a{color:var(--safeui-primary);}
.safeui-wrap{padding:12px 12px 18px;}
.safeui-card{
  background:var(--safeui-card);
  border:1px solid var(--safeui-border);
  border-radius:16px;
  box-shadow:0 6px 20px rgba(15,23,42,.06);
  padding:14px 14px;
  margin:12px 0;
}
.safeui-title{font-size:15px;font-weight:700;letter-spacing:.2px;margin:0 0 8px;}
.safeui-sub{font-size:12px;color:var(--safeui-muted);line-height:1.55;margin:0 0 10px;}
.safeui-list{margin:8px 0 0;padding-left:16px;color:var(--safeui-text);line-height:1.65;font-size:13px;}
.safeui-tag{
  display:inline-flex;align-items:center;gap:6px;
  padding:4px 10px;border-radius:999px;
  background:rgba(47,107,255,.08);color:var(--safeui-primary);
  font-size:12px;font-weight:600;
}
.safeui-tag.warn{background:rgba(245,158,11,.12);color:#B45309;}
.safeui-tag.ok{background:rgba(17,124,60,.10);color:#166534;}
.safeui-btn{
  display:inline-flex;align-items:center;justify-content:center;
  background:var(--safeui-primary);
  color:#fff!important;border-radius:24px;
  height:48px;min-width:160px;padding:0 18px;
  font-weight:700;letter-spacing:.2px;
  box-shadow:0 10px 22px rgba(47,107,255,.22);
}
.safeui-btn.secondary{
  background:transparent;color:var(--safeui-primary)!important;
  border:1px solid rgba(47,107,255,.25);
  box-shadow:none;
}
.safeui-divider{height:1px;background:var(--safeui-border);margin:12px 0;}
/* Avatar circle */
.safeui-avatar{
  width:44px;height:44px;border-radius:50%;
  overflow:hidden;display:inline-flex;align-items:center;justify-content:center;
  background:rgba(47,107,255,.08);border:1px solid var(--safeui-border);
}
.safeui-avatar svg{width:44px;height:44px;display:block;}