/* r21 security banner (task bdecd776) */
.ysec{margin:10px 0 12px;border-radius:14px;padding:14px 16px;border:1px solid;font-size:14px;line-height:1.65}
.ysec-d{background:#fff1f1;border-color:#f3b4b4;color:#5b1111;box-shadow:inset 4px 0 0 #c62828}
[dir=rtl] .ysec-d{box-shadow:inset -4px 0 0 #c62828}
.ysec-c{background:#fff8e6;border-color:#f1d48a;color:#5a4108}
.ysec-h{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.ysec-h b{font-size:16px}
.ysec-d .ysec-h svg{color:#c62828}.ysec-c .ysec-h svg{color:#a26a00}
.ysec-s{margin-inline-start:auto;font-size:12px;font-weight:600;background:#c62828;color:#fff;border-radius:99px;padding:2px 10px;white-space:nowrap}
.ysec-lead{margin:8px 0 4px;font-weight:600}
.ysec ul{margin:4px 0 8px;padding-inline-start:20px}
.ysec li{margin:2px 0}
.ysec-ai{display:flex;gap:8px;align-items:flex-start;background:#fff;border:1px solid #ecd3f7;border-radius:10px;padding:8px 10px;color:#3b1c55;margin:6px 0 8px}
.ysec-ai svg{flex:0 0 auto;margin-top:4px;color:#7b3fbf}
.ysec-ai.wait{color:#6b5b7d;font-style:normal}
.ysec-ai .ysec-tips{margin:4px 0 0}
.ysec-act{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.ysec-act .btn{min-height:40px}
.ysec .btn.danger,.ysec-card .btn.danger{background:#c62828;color:#fff;border-color:#c62828}
.ysec-unl{font-size:12px;color:#8a1c1c;align-self:center}
.ysec-att{background:#fff4e5;border:1px solid #f0c98d;border-radius:10px;padding:6px 10px;margin:8px 0;font-size:13px;color:#5a3a06}
.ysec-att.in{background:#fff}
.ysec-att p{margin:2px 0}
.ysec-chip{background:#fde2e2!important;color:#9b1c1c!important;border-color:#f5b5b5!important;font-weight:600}
.ysec-chip.c{background:#fff3d6!important;color:#7a5200!important;border-color:#f0d391!important}
.ysec-chip.p{background:#eef2ff!important;color:#3730a3!important;border-color:#c7d2fe!important;font-weight:500}
.atts a.ysec-risk{border-color:#e9a0a0!important;background:#fff5f5}
.atts a.ysec-risk[data-risk=block]::after{content:"⚠";margin-inline-start:4px;color:#c62828}
.ysec-un{margin:2px 0 8px}
.ysec-modal{position:fixed;inset:0;background:rgba(20,10,30,.45);display:flex;align-items:center;justify-content:center;z-index:9999;padding:16px}
.ysec-card{background:#fff;border-radius:16px;max-width:440px;width:100%;padding:18px 18px 14px;box-shadow:0 20px 60px rgba(0,0,0,.25);color:#2a1a3a}
.ysec-card h3{display:flex;align-items:center;gap:8px;margin:0 0 6px;color:#9b1c1c}
.ysec-card ul{padding-inline-start:20px;margin:6px 0}
.ysec-aip{background:#f7f0fd;border-radius:10px;padding:8px 10px}
.ysec-toast{position:fixed;bottom:24px;inset-inline-start:50%;transform:translateX(-50%);background:#2a1a3a;color:#fff;padding:10px 16px;border-radius:12px;z-index:10000;max-width:90vw}
@media (max-width:600px){.ysec{padding:12px;font-size:13.5px}.ysec-act .btn{flex:1 1 auto}.ysec-s{margin-inline-start:0}}
html.dark .ysec-d,[data-theme=dark] .ysec-d{background:#3a1416;color:#ffd9d9;border-color:#7a2b2f}
html.dark .ysec-c,[data-theme=dark] .ysec-c{background:#3a2c0e;color:#ffe9b8;border-color:#7a5c1a}
html.dark .ysec-ai,[data-theme=dark] .ysec-ai{background:#24182f;color:#eadcf7;border-color:#4a3460}

.tri-danger h3{color:#c62828}.tri-danger .tri-it{border-color:#f3b4b4;background:#fff6f6}
.r3 .ysec-chip{flex:0 0 auto!important;white-space:nowrap!important;max-width:none!important;overflow:visible!important;text-overflow:clip!important}

/* r22 (nov8r22): grey zone «قد تكون رسالة مشبوهة» — orange, not alarm red */
.ysec-d.ysec-g{background:#fff4e8;border-color:#f2c48d;color:#5a2d00;box-shadow:inset 4px 0 0 #c25e00}
[dir=rtl] .ysec-d.ysec-g{box-shadow:inset -4px 0 0 #c25e00}
.ysec-d.ysec-g .ysec-h svg{color:#b45309}
html.dark .ysec-d.ysec-g{background:#3a2412;border-color:#7a4a1c;color:#ffe4c7}