/* MAWJ AI video state UI */
.mawj-video-card{box-sizing:border-box!important;width:min(100%,470px)!important;max-width:470px!important;border:1px solid #d8e8e4!important;border-radius:20px!important;background:#fff!important;box-shadow:0 10px 32px rgba(10,63,55,.07)!important;padding:19px!important;color:#173f3a!important;direction:rtl;}
.mawj-video-head{display:flex;align-items:center;gap:13px;}.mawj-video-head strong{font-size:16px;font-weight:750;display:block}.mawj-video-symbol{width:46px;height:46px;flex:none;border-radius:14px;background:#087f75;color:#fff;display:grid;place-items:center;font-size:22px;box-shadow:0 6px 18px rgba(8,127,117,.19)}.mawj-video-sub{color:#667e79;font-size:13px;margin-top:4px;line-height:1.7}.mawj-video-track{height:8px;border-radius:30px;background:#e8f4f1;overflow:hidden;margin:18px 0 14px;position:relative}.mawj-video-moving{height:100%;width:35%;background:linear-gradient(90deg,#0c8e82,#57d5bf);border-radius:inherit;animation:mawj-video-loading 1.7s ease-in-out infinite alternate}.mawj-video-steps{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mawj-video-steps span{padding:8px 10px;border:1px solid #e8efed;background:#f7faf9;border-radius:9px;font-size:12px;color:#68817c}.mawj-video-steps .current{background:#e5f6f1;border-color:#b6e4d7;color:#08796e;font-weight:700}.mawj-video-note{font-size:12px;color:#7c918d;margin:13px 0 0}.mawj-video-player{display:block;width:100%;max-height:420px;aspect-ratio:16/10;object-fit:contain;background:#101a1a;border-radius:12px;margin:14px 0}.mawj-video-download{display:inline-flex;padding:10px 15px;border-radius:10px;background:#0a8579;color:#fff!important;text-decoration:none;font-size:13px;font-weight:700}.mawj-video-download:hover{background:#086f66}@keyframes mawj-video-loading{from{transform:translateX(190%)}to{transform:translateX(-195%)}}@media(max-width:560px){.mawj-video-card{padding:14px!important}.mawj-video-steps{gap:6px}}
@media(prefers-reduced-motion:reduce){.mawj-video-moving{animation:none;width:100%}}

/* Keep videos inside the chat content lane and keep input visible. */
.messages>.mawj-video-message{width:100%!important;max-width:860px!important;margin:12px auto 17px!important;box-sizing:border-box!important;padding:0!important;display:flex!important}.messages>.mawj-video-message .mawj-video-card{max-width:min(100%,470px)!important;min-width:0!important}.app.mawj-video-chat-active{grid-template-rows:0 minmax(0,1fr) auto!important}.app.mawj-video-chat-active>.messages{min-height:0!important;overflow-y:auto!important}.app.mawj-video-chat-active>.composer-wrap{display:block!important;grid-row:3!important;grid-column:2!important;position:relative!important;visibility:visible!important;opacity:1!important;min-height:unset!important;z-index:5!important;background:var(--bg)!important}.app.mawj-video-chat-active>.composer-wrap #chatForm{display:flex!important;visibility:visible!important}@media(max-width:950px){.app.mawj-video-chat-active>.composer-wrap{grid-column:1!important}}
.mawj-video-percent{display:block;text-align:center;font-size:18px;font-weight:800;color:#0f8f79;margin-top:6px}.mawj-video-track .mawj-video-moving{height:100%;max-width:100%;background:linear-gradient(90deg,#0eaa89,#3cd3af);transition:width .6s ease}
