/* مساعد مونكيز — ستايل مستقل، بيشتغل على كل الصفحات */
.ma-root{--ma-c:#FFB020;--ma-ink:#0E0D0C;--ma-card:#1C1B1A;--ma-card2:#2A2826;--ma-line:rgba(255,255,255,.16);--ma-cream:#F6F1E7;--ma-muted:#D2CABD;--ma-banana:#FFD43B;
  font-family:'IBM Plex Sans Arabic','Outfit',Tahoma,sans-serif;line-height:1.55;color:var(--ma-cream);color-scheme:dark}
.ma-root *,.ma-root *::before,.ma-root *::after{box-sizing:border-box;margin:0}
.ma-root [hidden]{display:none!important}
.ma-root button,.ma-root input{font:inherit;color:inherit}
.ma-root button{cursor:pointer}
.ma-root :focus-visible{outline:3px solid var(--ma-banana);outline-offset:2px}

/* الزر العائم */
.ma-fab{position:fixed;bottom:calc(20px + env(safe-area-inset-bottom,0px));inset-inline-end:20px;z-index:950;width:64px;height:64px;padding:0;border-radius:50%;border:3px solid var(--ma-c);background:var(--ma-card2);overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.5);transition:transform .25s,border-color .3s}
.ma-fab:hover{transform:scale(1.07)}
.ma-fab img{display:block;width:100%;height:100%;object-fit:cover}

/* اللوحة */
.ma-panel{position:fixed;z-index:1100;bottom:calc(16px + env(safe-area-inset-bottom,0px));inset-inline-end:16px;width:min(400px,calc(100vw - 32px));height:min(680px,calc(100dvh - 32px));display:flex;flex-direction:column;background:var(--ma-ink);border:1px solid var(--ma-line);border-radius:22px;overflow:hidden;box-shadow:0 24px 70px rgba(0,0,0,.6)}
@media (max-width:520px){.ma-panel{inset:auto 0 0 0;width:100%;height:92dvh;border-radius:22px 22px 0 0;border-width:1px 0 0}}

/* مسرح الشخصية */
.ma-stage{position:relative;flex:none;height:172px;overflow:hidden;background:#000;perspective:800px;border-bottom:2px solid var(--ma-c);transition:border-color .3s}
.ma-door{position:absolute;inset:0;background:linear-gradient(rgba(8,6,5,.4),rgba(8,6,5,.4)),url('Assets/textures/bricks.webp') center top/320px auto repeat}
.ma-figure{position:absolute;inset:0;display:flex;justify-content:center;align-items:flex-start;overflow:hidden}
.ma-avatar{display:block;height:400px;width:auto;max-width:none;margin-top:8px;filter:drop-shadow(0 10px 14px rgba(0,0,0,.55))}
.ma-chalk{position:absolute;inset-inline:0;margin:auto;top:0;height:100%;aspect-ratio:.7;background:url('Assets/characters/trio-chalk.webp') 0 0/300% auto no-repeat;opacity:0;pointer-events:none}
.ma-band{position:absolute;inset:0 auto 0 0;width:45%;z-index:2;opacity:0;pointer-events:none;background:linear-gradient(90deg,transparent,var(--ma-c),transparent);mix-blend-mode:screen}
.ma-flash{position:absolute;inset:0;z-index:4;background:#fff;opacity:0;pointer-events:none}
.ma-fx{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden}
.ma-fx i{position:absolute;border-radius:50%;background:#fff}
.ma-cup{position:absolute;bottom:8px;left:50%;width:34px;height:34px;margin-left:-17px;z-index:3;opacity:0;pointer-events:none}
.ma-close{position:absolute;top:8px;inset-inline-end:8px;z-index:5;width:40px;height:40px;border-radius:50%;border:0;background:rgba(0,0,0,.65);font-size:22px;line-height:1}
.ma-chars{position:absolute;top:8px;bottom:8px;inset-inline-start:8px;z-index:5;display:flex;flex-direction:column;gap:6px;justify-content:center}
.ma-char{width:44px;height:44px;padding:0;border-radius:50%;border:2px solid var(--ma-line);background:var(--ma-card2);overflow:hidden;opacity:.75;transition:opacity .2s,border-color .2s}
.ma-char img{display:block;width:100%;height:100%;object-fit:cover}
.ma-char[aria-pressed=true]{opacity:1;border-color:var(--k)}
.ma-name{position:absolute;bottom:8px;inset-inline-end:10px;z-index:3;background:rgba(0,0,0,.72);border-radius:999px;padding:1px 12px;font-weight:700;font-size:.9rem;color:var(--ma-c)}

/* المحادثة */
.ma-log{flex:1;min-height:0;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:8px;overscroll-behavior:contain}
.ma-msg{max-width:88%;padding:8px 12px;border-radius:14px;font-size:.96rem;white-space:pre-wrap;overflow-wrap:anywhere}
.ma-msg b{display:block;font-size:.78rem;color:var(--k,var(--ma-c))}
.ma-bot{align-self:flex-start;background:var(--ma-card);border:1px solid var(--ma-line);border-start-start-radius:4px}
.ma-me{align-self:flex-end;background:var(--ma-banana);color:#111;border-end-end-radius:4px}
.ma-err{align-self:center;max-width:100%;background:rgba(255,107,91,.14);color:#FFB3A8;font-size:.88rem;text-align:center}
.ma-typing{display:inline-flex;gap:4px;padding:6px 2px}
.ma-typing i{width:7px;height:7px;border-radius:50%;background:var(--ma-muted);animation:ma-dot 1s infinite}
.ma-typing i:nth-child(2){animation-delay:.15s}.ma-typing i:nth-child(3){animation-delay:.3s}
@keyframes ma-dot{0%,100%{opacity:.3}50%{opacity:1}}
.ma-recs{align-self:stretch;display:flex;flex-direction:column;gap:6px}
.ma-rec{display:flex;gap:10px;align-items:center;min-height:60px;padding:8px;border-radius:14px;background:var(--ma-card);border:1.5px solid var(--ma-c);color:inherit;text-decoration:none}
.ma-rec img{flex:none;width:52px;height:52px;border-radius:10px;object-fit:cover;background:var(--ma-card2)}
.ma-rec strong{display:block;font-size:.98rem}
.ma-rec span{display:block;font-size:.84rem;color:var(--ma-muted)}
.ma-quick{flex:none;display:flex;flex-wrap:wrap;gap:6px;padding:0 12px 8px}
.ma-quick button{min-height:40px;padding:4px 14px;border-radius:999px;border:1.5px solid var(--ma-c);background:transparent;font-size:.9rem;font-weight:600}
.ma-quick button:hover{background:var(--ma-c);color:#111}
.ma-form{flex:none;display:flex;gap:8px;padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--ma-line)}
.ma-form input{flex:1;min-width:0;min-height:44px;padding:0 14px;border-radius:999px;border:1.5px solid var(--ma-line);background:var(--ma-card);font-size:16px}
.ma-form button{flex:none;min-height:44px;padding:0 18px;border-radius:999px;border:0;background:var(--ma-banana);color:#111;font-weight:700}
.ma-form button:disabled{opacity:.45;cursor:not-allowed}