/* UMIMG mobile stability layer 20260713-ui2. It never removes or inserts nodes inside Vue's #app tree. */
:root{--eni-mobile-composer:156px;--eni-accent:#2563eb}
html,body,#app{width:100%;max-width:100%;min-width:0;overflow-x:hidden;-webkit-text-size-adjust:100%;text-size-adjust:100%}
*,*::before,*::after{box-sizing:border-box}
img,video,canvas,svg{max-width:100%}
.el-message,.el-popper,.el-drawer,.el-dialog{max-width:calc(100vw - 16px)!important}
.el-overlay,.el-overlay-dialog{max-width:100vw!important;overflow-x:hidden!important}
.el-dialog__body,.el-card__body{max-width:100%;overflow:auto}
.el-form,.el-form-item,.el-form-item__content,.el-input,.el-select,.el-textarea,.el-date-editor,.el-tabs,.el-tabs__content,.el-tab-pane{min-width:0!important;max-width:100%!important}
.el-table__body-wrapper,.el-table__header-wrapper{overflow-x:auto!important;-webkit-overflow-scrolling:touch}

/* Admin tables keep their own horizontal scroll lane instead of widening the page. */
.el-table{max-width:100%!important}
.el-table__inner-wrapper,.el-table__body-wrapper,.el-table__header-wrapper{max-width:100%!important}
.el-scrollbar__wrap,.layout-main-scrollbar>.el-scrollbar__wrap{max-width:100%!important}

.ig-chat,.ig-chat__main,.ig-thread,.ig-msg,.ig-msg__body,.ig-round,.ig-bubble,.ig-card,.ig-composer,.ig-codebox{min-width:0!important;max-width:100%!important}
.ig-chat{width:100%!important;max-width:100vw!important;overflow:hidden!important}
.ig-chat__main{position:relative!important;display:flex!important;flex-direction:column!important;flex:1 1 0!important;overflow:hidden!important}
.ig-thread{width:100%!important;flex:1 1 0!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y}
.ig-msg__text,.ig-bubble--chat,.ig-bubble__prompt,.ig-card__text,.ig-card__err,.ig-card__name,.ig-card__meta-line,.ig-card__prompt{white-space:pre-wrap!important;overflow-wrap:anywhere!important;word-break:break-word!important}
.ig-bubble__thumbs,.ig-composer__attachments{width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch}
.ig-attach{flex:0 0 auto!important}
.ig-attach__tag{min-width:0!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.ig-card__ops,.ig-bubble__actions,.ig-round__foot,.ig-composer__toolbar,.ig-adjust__opts{flex-wrap:wrap!important}
.ig-codebox{width:100%!important;max-width:100%!important;overflow:hidden!important;contain:none!important}
.ig-codebox__head{display:flex!important;align-items:center!important;gap:8px!important;min-width:0!important}
.ig-codebox__head>span{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.ig-codebox pre{display:block!important;width:100%!important;max-width:100%!important;max-height:min(56vh,560px)!important;overflow:auto!important;-webkit-overflow-scrolling:touch;white-space:pre!important}
.ig-codebox code{display:block!important;width:max-content!important;min-width:100%!important;max-width:none!important;white-space:pre!important;overflow-wrap:normal!important;word-break:normal!important}

.layout-main,.layout-main-scrollbar,.layout-container,.content-wrapper,.ba-table,.ba-table-box,.ba-main,.default-main,.main-container,.app-main{min-width:0!important;max-width:100%!important}
.ba-table,.ba-table-box,.default-main,.main-container{overflow:auto!important;-webkit-overflow-scrolling:touch}
.table-header,.table-header-operate,.ba-table-header,.ba-operate,.ba-table-alert{max-width:100%!important;flex-wrap:wrap!important;gap:8px!important}
.el-button-group{display:inline-flex;max-width:100%;flex-wrap:wrap}

.eni-conv-trigger,.eni-conv-mask,.eni-video-actions{display:none}
/* Onboarding is useful on desktop, but the centered 520px panel blocks touch layouts. */
@media(max-width:900px){body:has(.layout-container) .el-tour{display:none!important}}
.eni-prompt-collapsible{position:relative;cursor:pointer;padding-bottom:24px!important}
.eni-prompt-collapsible:not(.eni-prompt-expanded){display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:4;line-clamp:4;max-height:7.4em;overflow:hidden!important}
.eni-prompt-collapsible::after{content:attr(data-eni-prompt-hint);position:absolute;right:4px;bottom:1px;border-radius:999px;background:#eef2ff;color:#3730a3;padding:3px 8px;font:700 12px/1.4 system-ui,sans-serif}
.eni-prompt-expanded{display:block!important;max-height:none!important;overflow:visible!important}
.ig-video-page,.igv-panel,.igv-list,.igv-card,.igv-card>div{min-width:0!important;max-width:100%!important}
.igv-video,.igv-card video,video.igv-video{width:100%!important;height:auto!important;object-fit:contain!important;background:#020617!important}
.eni-prompt-tags{position:relative;max-height:112px;overflow:hidden;padding-bottom:42px!important}
.eni-prompt-tags::after{content:'';position:absolute;left:0;right:0;bottom:34px;height:30px;pointer-events:none;background:linear-gradient(transparent,var(--el-bg-color,#fff))}
.eni-prompt-tags.eni-tags-expanded{max-height:none;overflow:visible}
.eni-prompt-tags.eni-tags-expanded::after{display:none}
.eni-tag-toggle{position:absolute!important;right:0;bottom:0;z-index:2;border:1px solid #dbeafe!important;border-radius:999px!important;background:#eff6ff!important;color:#2563eb!important;padding:7px 12px!important;font-weight:700!important;cursor:pointer}

@media(max-width:768px){
  .eni-prompt-tags{max-height:82px;padding-bottom:39px!important}.eni-tag-toggle{left:0;right:auto;font-size:12px!important;padding:6px 10px!important}
  .el-dialog{width:calc(100vw - 16px)!important;margin-top:8px!important}.el-dialog__body{max-height:78dvh!important}
  .el-tour{display:none!important}
  .layout-container,.layout-main,.default-main,.main-container{width:100%!important;max-width:100vw!important}
  .ba-table-box{padding:8px!important}.ba-table-header,.table-header{align-items:flex-start!important}.el-pagination{max-width:100%!important;overflow-x:auto!important;justify-content:flex-start!important}

  .layout-main-scrollbar>.el-scrollbar__wrap{overflow-x:hidden!important}.layout-main-scrollbar>.el-scrollbar__wrap>.el-scrollbar__view{width:100%!important;min-width:0!important}
  .default-main,.ba-table-box,.dashboard-page{margin-left:8px!important;margin-right:8px!important;width:calc(100% - 16px)!important;max-width:calc(100vw - 16px)!important}
  .dashboard-page .el-row,.dashboard-page .hero-card,.dashboard-page .stat-grid{width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important}
  .aside-footer-toolbar-wrap{max-width:100vw!important;overflow:hidden!important}
  .el-tour__content,.el-tour__panel{max-width:calc(100vw - 16px)!important}
  .ig-conv{position:fixed!important;z-index:2147483002!important;left:0!important;top:0!important;bottom:0!important;width:min(86vw,340px)!important;max-width:340px!important;transform:translateX(-105%)!important;transition:transform .2s ease!important;box-shadow:14px 0 40px rgba(15,23,42,.22)!important}
  html.eni-conv-open .ig-conv{transform:translateX(0)!important}
  .eni-conv-trigger{display:flex;position:fixed;z-index:2147483004;left:10px;top:max(10px,env(safe-area-inset-top));width:38px;height:38px;align-items:center;justify-content:center;border:1px solid rgba(15,23,42,.12);border-radius:11px;background:rgba(255,255,255,.94);color:#0f172a;box-shadow:0 8px 24px rgba(15,23,42,.13);font-size:21px;cursor:pointer}
  .eni-conv-mask{display:none;position:fixed;z-index:2147483001;inset:0;width:100%;height:100%;border:0;background:rgba(15,23,42,.42)}
  html.eni-conv-open .eni-conv-mask{display:block}
  .ig-thread{padding-bottom:calc(var(--eni-mobile-composer) + env(safe-area-inset-bottom))!important}
  .ig-composer{position:fixed!important;z-index:1200!important;left:0!important;right:0!important;bottom:0!important;width:100vw!important;max-width:100vw!important;margin:0!important;padding:9px 9px calc(9px + env(safe-area-inset-bottom))!important;border-top:1px solid rgba(15,23,42,.1)!important;box-shadow:0 -9px 28px rgba(15,23,42,.08)!important}
  .ig-composer__input{min-height:42px!important;max-height:118px!important;overflow-y:auto!important;font-size:16px!important}
  .ig-composer__toolbar{gap:6px!important;margin-top:6px!important}.ig-tool{height:32px!important;padding:0 9px!important;font-size:12px!important}.ig-submit{width:36px!important;height:36px!important;flex:0 0 36px!important}
  .ig-adjust{max-height:35dvh!important;overflow:auto!important;padding:9px!important}.ig-adjust__row{display:block!important}.ig-adjust__label{display:block!important;margin-bottom:7px!important}.ig-adjust__opts{overflow-x:auto!important;flex-wrap:nowrap!important;padding-bottom:4px!important}.ig-adjust__opts--wrap{flex-wrap:wrap!important;overflow-x:hidden!important}
  .ig-back-bottom{right:12px!important;bottom:calc(var(--eni-mobile-composer) + 10px + env(safe-area-inset-bottom))!important}
  .ig-code-preview-mask{padding:7px!important}.ig-code-preview-panel{width:100vw!important;height:92dvh!important;border-radius:13px!important}
  .igv-grid,.igv-card{grid-template-columns:1fr!important}.igv-card{gap:9px!important}.igv-card video,.igv-video,video.igv-video{aspect-ratio:16/9!important;max-height:62dvh!important;border-radius:14px!important}
  .eni-video-actions{display:flex;position:fixed;z-index:2147482500;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));gap:7px;align-items:center;padding:7px;border-radius:14px;background:rgba(255,255,255,.94);box-shadow:0 10px 30px rgba(15,23,42,.18);backdrop-filter:blur(10px)}
  .eni-video-download{display:inline-flex;align-items:center;justify-content:center;min-height:34px;border-radius:999px;background:var(--eni-accent);color:#fff!important;text-decoration:none!important;font:800 12px/1 system-ui,sans-serif;padding:8px 11px}.eni-video-open{background:#eef2ff;color:#3730a3!important}
}

@media(max-width:480px){
  .el-message{left:8px!important;right:8px!important;transform:none!important;width:auto!important}.el-table{min-width:720px!important}.ig-thread{padding-left:7px!important;padding-right:7px!important}.ig-tool span{max-width:78px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pay_qr img,.pay_qr canvas{max-width:72vw!important}
}

@media(prefers-reduced-motion:reduce){.ig-conv{transition:none!important}}
.eni-tag-api-more{border:1px dashed #93c5fd!important;border-radius:999px!important;background:#eff6ff!important;color:#1d4ed8!important;padding:7px 12px!important;font-weight:700!important;cursor:pointer}.eni-tag-api-more:disabled{opacity:.65;cursor:wait}
