/* Banana Trust: ختم التوثيق. الظهور بالـCSS وحده، والجافاسكربت للحركة والبطاقة فقط. */
.bp-seal { position: fixed !important; bottom: 18px !important; right: 18px !important; left: auto !important; z-index: 2147483000 !important; font-family: 'Tajawal', -apple-system, sans-serif; direction: rtl; text-align: right; line-height: 1.4; animation: bp-seal-in .6s cubic-bezier(.2,.8,.2,1) .35s both; }
@keyframes bp-seal-in { from { opacity: 0; transform: translateY(18px) scale(.96); } to { opacity: 1; transform: none; } }

.bp-seal-pill { display: inline-flex !important; align-items: center; gap: 10px; padding: 6px 16px 6px 6px; margin: 0; background: #0B0B0B; color: #fff !important; border: 1px solid rgba(255,255,255,.14); border-radius: 999px; font-family: inherit; font-weight: 800; font-size: 14px; line-height: 1; text-decoration: none !important; cursor: pointer; box-shadow: 0 10px 30px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.08); transition: transform .18s cubic-bezier(.2,.8,.2,1), box-shadow .18s; -webkit-tap-highlight-color: transparent; }
.bp-seal-pill:hover, .bp-seal-pill:focus-visible { transform: translateY(-2px); box-shadow: 0 16px 36px rgba(0,0,0,.4), inset 0 1px 0 rgba(255,255,255,.1); outline: none; color: #fff; }
.bp-seal-pill:focus-visible { box-shadow: 0 0 0 3px #F5D74E, 0 16px 36px rgba(0,0,0,.4); }
.bp-seal-ico { position: relative; width: 34px; height: 34px; border-radius: 50%; background: #F5D74E; color: #0B0B0B; display: grid; place-items: center; overflow: hidden; flex: 0 0 34px; }
.bp-seal-ico svg { width: 20px; height: 20px; position: relative; z-index: 1; display: block; }
.bp-seal-ico::after { content: ''; position: absolute; inset: -40% -60%; background: linear-gradient(115deg, transparent 40%, rgba(255,255,255,.75) 50%, transparent 60%); transform: translateX(-120%); animation: bp-sheen 3.8s cubic-bezier(.4,0,.2,1) 1.2s infinite; }
@keyframes bp-sheen { 0% { transform: translateX(-120%); } 35%, 100% { transform: translateX(120%); } }
.bp-seal-lbl { display: inline-block; min-width: 5.6em; text-align: center; font-variant-numeric: tabular-nums; }

.bp-seal-card { position: absolute; bottom: calc(100% + 12px); right: 0; width: min(322px, calc(100vw - 36px)); padding: 16px 18px 16px; margin: 0; background: #0E0E12; color: #fff; border: 1px solid rgba(255,255,255,.12); border-radius: 18px; box-shadow: 0 24px 60px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.06); background-image: linear-gradient(rgba(255,255,255,.055) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.055) 1px, transparent 1px); background-size: 100% 28px, 28px 100%; background-position: 0 6px, 6px 0; overflow: hidden; transform-origin: bottom right; opacity: 0; transform: translateY(10px) scale(.94); transition: opacity .32s cubic-bezier(.22,1,.36,1), transform .32s cubic-bezier(.22,1,.36,1); }
.bp-seal-card[hidden] { display: none !important; }
.bp-seal-card.is-on { opacity: 1; transform: none; }
.bp-seal-c { position: absolute; width: 12px; height: 12px; color: #F5D74E; pointer-events: none; }
.bp-seal-c::before, .bp-seal-c::after { content: ''; position: absolute; background: currentColor; }
.bp-seal-c::before { left: 0; top: 5px; width: 12px; height: 2px; }
.bp-seal-c::after { left: 5px; top: 0; width: 2px; height: 12px; }
.bp-seal-c.tl { top: 8px; left: 8px; } .bp-seal-c.tr { top: 8px; right: 8px; } .bp-seal-c.bl { bottom: 8px; left: 8px; } .bp-seal-c.br { bottom: 8px; right: 8px; }
.bp-seal-head { display: flex; justify-content: space-between; align-items: center; gap: 8px; margin: 2px 8px 10px; }
.bp-mono { font-family: ui-monospace, 'SFMono-Regular', Menlo, Consolas, monospace; font-size: 10.5px; letter-spacing: .08em; color: rgba(255,255,255,.55); direction: ltr; unicode-bidi: isolate; white-space: nowrap; }
.bp-seal-h { font-size: 15px; font-weight: 900; line-height: 1.55; margin: 0 8px 12px; color: #fff; }
.bp-seal-rows { display: grid; grid-template-columns: 66px 1fr; gap: 7px 10px; align-items: center; margin: 0 8px; font-size: 13.5px; }
.bp-seal-rows b { font-weight: 800; min-height: 1.2em; color: #fff; }
.bp-seal-rows b[dir=ltr] { text-align: right; }
.bp-seal-ok { display: inline-flex; align-items: center; gap: 8px; }
.bp-seal-dot { width: 8px; height: 8px; border-radius: 50%; background: #F5D74E; box-shadow: 0 0 0 0 rgba(245,215,78,.6); animation: bp-pulse 1.8s ease-out infinite; }
@keyframes bp-pulse { 0% { box-shadow: 0 0 0 0 rgba(245,215,78,.6); } 100% { box-shadow: 0 0 0 9px rgba(245,215,78,0); } }
.bp-seal-link { display: flex; align-items: center; justify-content: center; gap: 8px; margin: 14px 8px 0; padding: 11px 14px; background: #F5D74E; color: #0B0B0B !important; border-radius: 12px; font-weight: 900; font-size: 14px; text-decoration: none !important; transition: transform .15s, box-shadow .15s; }
.bp-seal-link:hover { transform: translateY(-1px); box-shadow: 0 8px 20px rgba(245,215,78,.25); }
.bp-seal-link svg { width: 15px; height: 15px; stroke: currentColor; stroke-width: 2.2; fill: none; }
.bp-seal-note { margin: 10px 8px 0; font-size: 11.5px; line-height: 1.7; color: rgba(255,255,255,.55); }

@media (max-width: 600px) { .bp-seal { bottom: 12px !important; right: 12px !important; } .bp-seal-pill { font-size: 13px; padding: 5px 13px 5px 5px; } .bp-seal-ico { width: 30px; height: 30px; flex-basis: 30px; } }
@media (prefers-reduced-motion: reduce) { .bp-seal, .bp-seal-card, .bp-seal-pill, .bp-seal-link { animation: none; transition: none; } .bp-seal-ico::after, .bp-seal-dot { animation: none; } }
@media print { .bp-seal { display: none !important; } }