:root{
  --npx-bg:#f4f6f9;--npx-panel:#fff;--npx-text:#172033;--npx-muted:#697586;--npx-line:#e4e9f0;
  --npx-brand:#4f6df5;--npx-brand-2:#3d86f7;--npx-brand-soft:#eef2ff;--npx-danger:#ef4d4d;
  --npx-success:#0aa88b;--npx-radius:10px;--npx-shadow:0 1px 2px rgba(15,23,42,.035);
  --npx-sidebar:224px;
}
*{box-sizing:border-box}
html{background:var(--npx-bg)!important}
body:not(.npx-login-page){padding-left:var(--npx-sidebar)!important;background:var(--npx-bg)!important;color:var(--npx-text)!important}
body,button,input,select,textarea{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei","Noto Sans SC",Arial,sans-serif!important}
body:not(.npx-login-page) .admin-topbar{display:none!important}

/* Direct manipulation feedback; native buttons, links and forms keep their handlers. */
:is(button,a,input[type=submit],select){touch-action:manipulation;-webkit-tap-highlight-color:transparent}
:is(button,.btn,.npx-nav a):active:not(:disabled){opacity:.78}
/* sidebar */
.npx-sidebar{position:fixed;inset:0 auto 0 0;width:var(--npx-sidebar);height:100vh;background:#fff;border-right:1px solid var(--npx-line);z-index:99999;padding:14px 12px;display:flex;flex-direction:column;overflow:auto;overscroll-behavior:contain}
.npx-brand-row{display:flex;align-items:center;justify-content:space-between;min-height:52px;padding:2px 4px 12px;border-bottom:1px solid #eef1f5;margin-bottom:8px}
.npx-brand-link{display:flex;align-items:center}.npx-brand-logo{display:block;width:154px;height:auto;max-height:39px;object-fit:contain;object-position:left center}
.npx-menu-toggle{display:none!important;width:38px;height:38px;border:1px solid var(--npx-line)!important;border-radius:9px!important;background:#fff!important;padding:9px!important}
.npx-menu-toggle span{display:block;height:2px;background:#334155;margin:4px 0;border-radius:2px}
.npx-nav{display:flex!important;flex-direction:column!important;gap:0!important;min-height:0;flex:1;overflow:auto;padding:0 1px 4px!important;background:transparent!important;border:0!important;box-shadow:none!important;position:static!important;max-height:none!important}
.npx-nav-section{padding:6px 0}.npx-nav-title{font-size:11px;font-weight:700;color:#9aa5b4;padding:5px 9px 4px;letter-spacing:.2px}
.npx-nav a{display:flex!important;align-items:center!important;gap:9px!important;min-height:36px!important;padding:7px 9px!important;border-radius:8px!important;color:#3b4658!important;font-size:13px!important;font-weight:650!important;text-decoration:none!important;background:transparent!important;border:0!important;white-space:nowrap!important}
.npx-nav a:hover{background:#f6f8fb!important;color:#1f2937!important}.npx-nav a.npx-active{background:var(--npx-brand-soft)!important;color:var(--npx-brand)!important}
.npx-nav-dot{width:7px;height:7px;border-radius:50%;background:#cbd3df;flex:0 0 7px}.npx-active .npx-nav-dot{background:var(--npx-brand)}
.npx-nav-grow{flex:1;min-height:12px}.npx-service-block{border-top:1px solid #eef1f5;padding-top:9px}.npx-service-card{display:flex;gap:9px;align-items:center;padding:9px;border:1px solid var(--npx-line);background:#fafbfe;border-radius:9px}.npx-service-icon{width:30px;height:30px;border-radius:8px;background:linear-gradient(135deg,#6b63ff,#3e8bff);color:#fff;display:grid;place-items:center;font-weight:800}.npx-service-card strong{display:block;font-size:12.5px}.npx-service-card small{display:block;color:#8a94a6;font-size:10.5px;margin-top:2px}.npx-add-channel{width:100%;border:0;background:transparent;color:var(--npx-brand);font-size:12px;font-weight:700;text-align:left;padding:8px 8px 5px;cursor:pointer}.npx-lang-wrap{padding:8px 0}.npx-language{width:100%;height:35px;border:1px solid var(--npx-line);border-radius:8px;background:#fff;color:#334155;padding:0 8px;font-size:12px}.npx-user-block{display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:8px;padding:9px 6px 2px;border-top:1px solid #eef1f5}.npx-user-avatar{width:30px;height:30px;border-radius:9px;background:#eef2ff;color:var(--npx-brand);display:grid;place-items:center;font-weight:800}.npx-user-name{font-size:12px;font-weight:700;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.npx-logout{color:var(--npx-danger)!important;font-size:11px!important;min-height:auto!important;padding:5px!important}.npx-mobile-overlay{display:none}.npx-ui-toast{position:fixed;left:calc(var(--npx-sidebar) + 20px);bottom:20px;background:#172033;color:#fff;padding:10px 13px;border-radius:9px;font-size:12px;z-index:100000;opacity:0;transform:translateY(8px);pointer-events:none;transition:.18s}.npx-ui-toast.show{opacity:1;transform:none}

/* base content */
body:not(.npx-login-page)>main:not(.internal-shell),body:not(.npx-login-page)>.container,body:not(.npx-login-page)>.staff-console{position:relative}
body:not(.npx-login-page)>.container:not(.yzg-chat-page .container){max-width:1180px!important;margin:0 auto!important;padding:26px 28px 36px!important}
body:not(.npx-login-page) h1,body:not(.npx-login-page) h2,body:not(.npx-login-page) h3{color:var(--npx-text)!important;letter-spacing:-.2px}
body:not(.npx-login-page) input,body:not(.npx-login-page) select,body:not(.npx-login-page) textarea{border-color:#dce3ec!important;border-radius:8px!important;box-shadow:none!important}
body:not(.npx-login-page) input:focus,body:not(.npx-login-page) select:focus,body:not(.npx-login-page) textarea:focus{outline:none!important;border-color:#8fa3ff!important;box-shadow:0 0 0 3px rgba(79,109,245,.09)!important}
/* Administration actions share geometry; their original form handlers remain. */
body:not(.npx-login-page) .btn,body:not(.npx-login-page) button.btn { display:inline-flex; align-items:center; justify-content:center; gap:6px; min-height:38px!important; border-radius:8px!important; font-weight:600!important; box-shadow:none!important; line-height:1.3; box-sizing:border-box; }
body:not(.npx-login-page) .btn.secondary,body:not(.npx-login-page) button.secondary { background:#eef2f6!important; color:#465b6c!important; border-color:#d9e2ea!important; }
body:not(.npx-login-page) :is(.btn.danger,.btn-danger,button.danger) { background:#fff0f0!important; color:#cf3b3b!important; border-color:#f1c5c5!important; }
body:not(.npx-login-page) .btn.iku-action-warning { background:#fff4e3!important; color:#9a620b!important; border-color:#ecd1a5!important; }
body:not(.npx-login-page) .btn.iku-action-enable { background:#e8f6ec!important; color:#237a45!important; border-color:#bddfc8!important; }
body:not(.npx-login-page) button[name=action][value=bot_test] { background:#e7f2ff!important; color:#2369ad!important; border-color:#bed7ed!important; }
body:not(.npx-login-page) :is(.btn,button):focus-visible { outline:3px solid #3390ec66; outline-offset:2px; }
body:not(.npx-login-page) button:disabled { opacity:.5; cursor:default; }
.bot-page .quick-actions { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
.bot-page .quick-actions :is(.btn,form) { width:100%; margin:0; }
.bot-page .sort-control { display:flex; justify-content:center; align-items:center; width:100%; height:38px; gap:10px; }
.bot-page .dialog-shell { padding:20px; }
.bot-page .dialog-form { margin:0; padding:0; background:transparent; border:0; border-radius:0; box-shadow:none; gap:16px; }
.bot-page .manage-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin-top:20px; padding-top:16px; }
.bot-page :is(.manage-actions,.danger-zone) form { margin:0!important; padding:0!important; background:transparent!important; border:0!important; border-radius:0!important; box-shadow:none!important; }
.bot-page .manage-actions .btn { width:100%; }
.bot-page .danger-zone { display:grid; grid-template-columns:1fr auto; align-items:center; gap:16px; margin-top:16px; padding-top:16px; }
.bot-page .danger-zone .btn { min-width:112px; }
@media(max-width:560px) {
 .bot-page .quick-actions { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .bot-page .dialog-shell { padding:16px; }
 .bot-page .danger-zone { grid-template-columns:1fr; }
 .bot-page .danger-zone .btn { width:100%; }
}

body:not(.npx-login-page) .btn-primary,body:not(.npx-login-page) .btn.primary,body:not(.npx-login-page) button.primary{background:var(--npx-brand)!important;border-color:var(--npx-brand)!important;color:#fff!important}
body:not(.npx-login-page) .notice,body:not(.npx-login-page) .flash{border-radius:9px!important}

/* staff pages: preserve user's strong structure, only polish */
.staff-console{max-width:1180px!important;margin:0 auto!important;padding:28px 30px 40px!important;background:transparent!important}
.page-heading{margin-bottom:12px!important}.page-heading h1{font-size:25px!important;margin-bottom:7px!important}.page-heading p,.section-toolbar p,.panel-heading p{color:var(--npx-muted)!important}
.staff-tabs{border-bottom:1px solid var(--npx-line)!important;margin-bottom:24px!important}.staff-tabs a{color:#667085!important;padding-bottom:11px!important}.staff-tabs a.active{color:var(--npx-brand)!important;border-color:var(--npx-brand)!important}
.summary-bar,.content-panel,.role-sidebar,.role-content,.monitor-filter-panel{border:1px solid var(--npx-line)!important;border-radius:10px!important;box-shadow:var(--npx-shadow)!important;background:#fff!important}
.company-table th{background:#fafbfc!important;color:#657084!important}.company-table td,.company-table th{border-color:#edf0f4!important}.company-table tr:hover td{background:#fbfcfe!important}
.role-layout{gap:14px!important}.role-list-item{border-color:#eef1f5!important}.role-list-item.active{background:#eef5ff!important;border-left-color:var(--npx-brand)!important}.role-list-item.active strong{color:#234ad8!important}.role-content-header,.permission-row,.role-delete-area{border-color:#edf0f4!important}.permission-section header{background:#fbfcfe!important}.switch input:checked+i{background:var(--npx-success)!important}.drawer{border-radius:14px 0 0 14px!important}.drawer-backdrop{backdrop-filter:blur(2px)}
.monitor-quick-ranges a.active{background:var(--npx-brand-soft)!important;border-color:#a8b7ff!important;color:#3451d1!important}
.monitor-datetime24:focus-within{border-color:#8fa3ff!important;box-shadow:0 0 0 3px rgba(79,109,245,.09)!important}

/* chat */
body.yzg-chat-page{overflow:hidden!important}
body.yzg-chat-page .container{width:calc(100vw - var(--npx-sidebar))!important;max-width:none!important;height:100vh!important;min-height:100vh!important;margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:#fff!important}
body.yzg-chat-page .left-panel{width:282px!important;min-width:282px!important;border-right:1px solid var(--npx-line)!important;background:#fff!important}
body.yzg-chat-page .left-header{height:50px!important;padding:0 14px!important;border-bottom:1px solid var(--npx-line)!important}.left-header .title{font-size:14px!important;font-weight:800!important}
body.yzg-chat-page .chat-search{padding:10px 11px!important}.chat-search input{height:38px!important;background:#f8f9fb!important}
body.yzg-chat-page .notify-line{min-height:38px!important;padding:7px 12px!important;border-color:#edf0f4!important}
body.yzg-chat-page .chat-list .chat-item,body.yzg-chat-page .chat-list-item{border-color:#eff2f5!important}
body.yzg-chat-page .right-header{min-height:72px!important;padding:10px 16px!important;border-bottom:1px solid var(--npx-line)!important;background:#fff!important}
body.yzg-chat-page #chat-body{background:#f5f7fa!important;padding:20px 20px 12px!important}
body.yzg-chat-page #chat-body .bubble-row{margin-bottom:23px!important}
body.yzg-chat-page #chat-body .bubble-row .bubble{max-width:min(48%,440px)!important;padding:7px 10px!important;border-radius:9px!important}
body.yzg-chat-page #chat-body .bubble-row.in .bubble{background:#fff!important;border-color:#dfe5ed!important;border-bottom-left-radius:4px!important}
body.yzg-chat-page #chat-body .bubble-row.out .bubble{background:linear-gradient(135deg,#5969f6,#4a8af5)!important;border-color:#536ff5!important;border-bottom-right-radius:4px!important}
body.yzg-chat-page #chat-body .bubble .msg-text{font-size:13px!important;line-height:1.42!important}
body.yzg-chat-page #chat-body .bubble .meta{font-size:10px!important;bottom:-15px!important}
body.yzg-chat-page .composer{padding:10px 14px!important;border-top:1px solid var(--npx-line)!important;background:#fff!important;min-height:112px!important}.composer textarea{min-height:54px!important;max-height:112px!important;border-radius:9px!important;padding:10px 11px!important}.composer-actions{margin-top:7px!important}.composer-tool-btn{min-height:32px!important;padding:0 9px!important;border-radius:7px!important}.btn-send-confirm{min-height:34px!important;padding:0 14px!important;background:var(--npx-brand)!important;border-color:var(--npx-brand)!important}
body.yzg-chat-page .btn-sm{border-radius:7px!important;min-height:30px!important}.chat-pin-btn{border-radius:7px!important}.right-actions{gap:7px!important}

/* generic settings pages */
body:not(.npx-login-page)>.container>h2{font-size:24px!important;margin:4px 0 8px!important}.container>.sub{color:var(--npx-muted)!important;margin-bottom:18px!important}
body:not(.npx-login-page)>.container form,body:not(.npx-login-page)>.container .status,body:not(.npx-login-page)>.container .bot-card,body:not(.npx-login-page)>.container .card{box-shadow:none!important}
.webhook-monitor,.status,.bot-card,.block,.card{border-color:var(--npx-line)!important;border-radius:10px!important}.webhook-monitor{box-shadow:var(--npx-shadow)!important}.webhook-item{border-color:#edf0f4!important}
#refresh-btn{background:var(--npx-brand)!important;border-color:var(--npx-brand)!important;border-radius:8px!important}

/* help file selector */
.btn-file{background:#fff!important;color:#334155!important;border:1px solid #dce3ec!important}.file-tip{color:#8a94a6!important;font-size:12px!important}

/* hide legacy mobile UI now replaced by unified sidebar */
.yzg-tabbar,.yzg-sheet-backdrop,.yzg-top-brand{display:none!important}

/* login */
body.npx-login-page{margin:0!important;min-height:100vh!important;background:radial-gradient(circle at 20% 10%,rgba(79,109,245,.11),transparent 34%),linear-gradient(145deg,#f6f8fc,#eef2f8)!important;color:var(--npx-text)!important;padding:0!important}
body.npx-login-page .top-bar{display:none!important}.npx-login-page .wrapper{min-height:100vh!important;display:grid!important;place-items:center!important;padding:24px!important}.npx-login-page .login-card{width:min(430px,100%)!important;background:#fff!important;border:1px solid #e1e7ef!important;border-radius:16px!important;box-shadow:0 20px 60px rgba(29,43,76,.11)!important;padding:34px 34px 30px!important}.npx-login-page .brand-logo-wrap{text-align:left!important;margin:0 0 24px!important}.npx-login-page .brand-logo{width:178px!important;max-height:50px!important;object-fit:contain!important;object-position:left center!important}.npx-login-page .login-title{text-align:left!important;font-size:23px!important;font-weight:800!important;margin-bottom:22px!important;color:#172033!important}.npx-login-page .form-group{margin-bottom:15px!important}.npx-login-page label{font-size:12px!important;font-weight:700!important;color:#556174!important;margin-bottom:7px!important}.npx-login-page input{height:44px!important;border:1px solid #dce3ec!important;border-radius:9px!important;background:#fff!important;padding:0 12px!important}.npx-login-page input:focus{border-color:#8fa3ff!important;box-shadow:0 0 0 3px rgba(79,109,245,.09)!important}.npx-login-page .btn-login{height:44px!important;border-radius:9px!important;background:linear-gradient(135deg,#5969f6,#4287f5)!important;border:0!important;box-shadow:none!important;font-weight:800!important;margin-top:4px!important}.npx-login-page:before{content:attr(data-npx-footer);position:fixed;left:28px;bottom:24px;color:#98a2b3;font-size:11px;letter-spacing:.2px}

@media(max-width:900px){
  :root{--npx-sidebar:0px}
  body:not(.npx-login-page){padding-left:0!important;padding-top:58px!important;overflow-x:hidden}
  .npx-sidebar{width:100%;height:58px;bottom:auto;padding:7px 10px;overflow:visible;border-right:0;border-bottom:1px solid var(--npx-line)}
  .npx-brand-row{height:44px;min-height:44px;padding:0;border:0;margin:0}.npx-brand-logo{width:135px;max-height:36px}.npx-menu-toggle{display:block!important}
  .npx-nav{display:none!important;position:fixed!important;left:0!important;right:0!important;top:58px!important;bottom:0!important;background:#fff!important;padding:10px 12px 18px!important;overflow:auto!important;box-shadow:0 18px 36px rgba(15,23,42,.12)!important}
  body.npx-menu-open .npx-nav{display:flex!important}.npx-mobile-overlay{position:fixed;inset:58px 0 0;background:rgba(15,23,42,.2);z-index:99990}body.npx-menu-open .npx-mobile-overlay{display:block}
  .npx-nav-grow{display:none}.npx-service-block{margin-top:10px}.npx-user-block{margin-top:8px}.npx-ui-toast{left:12px;right:12px;bottom:12px;text-align:center}
  body.yzg-chat-page{padding-top:58px!important;overflow:hidden!important}.yzg-chat-page .npx-sidebar{z-index:100001}.yzg-chat-page .npx-mobile-overlay{z-index:100000}
  body.yzg-chat-page .container{width:100vw!important;height:calc(100dvh - 58px)!important;min-height:calc(100dvh - 58px)!important}
  body.yzg-chat-page .left-panel{width:100%!important;min-width:0!important}
  body.yzg-chat-page #chat-body .bubble-row .bubble{max-width:82%!important;padding:7px 9px!important}
  .staff-console{padding:18px 14px 30px!important}.page-heading h1{font-size:22px!important}.role-layout{grid-template-columns:1fr!important}.role-sidebar{max-height:250px;overflow:auto}.role-content-header{flex-direction:column!important}.role-header-actions{width:100%;justify-content:flex-end}.monitor-filter-grid{grid-template-columns:1fr!important}
  body:not(.npx-login-page)>.container:not(.yzg-chat-page .container){padding:18px 14px 30px!important}
}
@media(max-width:520px){.npx-login-page .login-card{padding:26px 20px 24px!important;border-radius:13px!important}.npx-login-page:before{display:none}.staff-tabs{overflow-x:auto;white-space:nowrap}.permission-row{padding-left:13px!important;padding-right:13px!important}.right-actions{flex-wrap:wrap!important}}



/* ===== V17 login background refinement ===== */
body.npx-login-page{
    background:
        radial-gradient(900px 620px at 4% -6%, rgba(202,220,248,.88) 0%, rgba(202,220,248,.58) 34%, rgba(202,220,248,.16) 56%, rgba(202,220,248,0) 57%),
        radial-gradient(1120px 860px at 96% 100%, rgba(203,216,239,.72) 0%, rgba(203,216,239,.38) 30%, rgba(203,216,239,.12) 52%, rgba(203,216,239,0) 53%),
        linear-gradient(135deg, #eef3fb 0%, #f4f7fb 38%, #eef2f8 100%) !important;
    position: relative;
    overflow: hidden;
}

body.npx-login-page:after{
    content:"";
    position:fixed;
    inset:0;
    pointer-events:none;
    z-index:0;
    background:
        radial-gradient(1400px 640px at 58% 52%, rgba(255,255,255,.78) 0%, rgba(255,255,255,.28) 30%, rgba(255,255,255,0) 62%),
        linear-gradient(150deg, transparent 0 32%, rgba(255,255,255,.55) 32.4%, transparent 33.1%, transparent 52%, rgba(255,255,255,.42) 52.5%, transparent 53.2%, transparent 69%, rgba(255,255,255,.32) 69.5%, transparent 70.1%);
}

body.npx-login-page .login-shell,
body.npx-login-page .login-wrap,
body.npx-login-page .login-page,
body.npx-login-page .login-center{
    position: relative;
    z-index: 1;
}

body.npx-login-page .login-card{
    background: rgba(255,255,255,.92) !important;
    border: 1px solid rgba(227,234,243,.92) !important;
    box-shadow:
        0 22px 60px rgba(43,78,145,.12),
        0 6px 18px rgba(15,23,42,.05) !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

body.npx-login-page .login-language-switcher{
    background: rgba(255,255,255,.84) !important;
    border-color: rgba(225,232,242,.95) !important;
    box-shadow: 0 8px 24px rgba(24,45,89,.08) !important;
}

body.npx-login-page .brand-lockup{
    filter: drop-shadow(0 6px 16px rgba(82,108,180,.08));
}

@media (max-width: 700px){
    body.npx-login-page{
        background:
            radial-gradient(460px 320px at 4% -2%, rgba(202,220,248,.82) 0%, rgba(202,220,248,.44) 38%, rgba(202,220,248,0) 58%),
            radial-gradient(560px 420px at 98% 100%, rgba(203,216,239,.58) 0%, rgba(203,216,239,.26) 38%, rgba(203,216,239,0) 60%),
            linear-gradient(145deg, #eef3fb 0%, #f5f7fb 100%) !important;
    }

    body.npx-login-page:after{
        background:
            radial-gradient(820px 360px at 58% 54%, rgba(255,255,255,.66) 0%, rgba(255,255,255,.18) 35%, rgba(255,255,255,0) 64%),
            linear-gradient(150deg, transparent 0 38%, rgba(255,255,255,.42) 38.4%, transparent 39.1%, transparent 60%, rgba(255,255,255,.28) 60.5%, transparent 61.2%);
    }
}



/* ===== V18 iKu Chat sidebar brand sync ===== */
.npx-brand-link{
  gap:9px!important;
  min-width:0!important;
}
.npx-brand-mascot{
  width:38px!important;
  height:38px!important;
  object-fit:contain!important;
  flex:0 0 38px!important;
  display:block!important;
}
.npx-brand-name{
  display:block!important;
  min-width:0!important;
  color:#173568!important;
  font-size:18px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:-.3px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.npx-service-logo{
  overflow:hidden!important;
  background:#f3f6ff!important;
  padding:2px!important;
}
.npx-service-logo img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
}



/* ===== V19 all-pages brand consistency ===== */
.npx-brand-link{gap:9px!important;min-width:0!important}
.npx-brand-mascot{width:38px!important;height:38px!important;object-fit:contain!important;flex:0 0 38px!important;display:block!important}
.npx-brand-name{display:block!important;min-width:0!important;color:#173568!important;font-size:18px!important;line-height:1!important;font-weight:900!important;letter-spacing:-.3px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.npx-service-logo{overflow:hidden!important;background:#f3f6ff!important;padding:2px!important}
.npx-service-logo img{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important}



/* ===== iKu Chat official UI-only refinement 2026-10-15 ===== */
.npx-sidebar{box-shadow:1px 0 0 rgba(15,23,42,.015)}
.npx-brand-row{min-height:50px}.npx-brand-mascot{filter:none!important}
.npx-service-card{box-shadow:none!important}.npx-service-icon{background:#f3f6ff!important}
.npx-language{font-weight:650;color:#3b4658;background:#fbfcfe}
body:not(.npx-login-page) table{font-variant-numeric:tabular-nums}
body:not(.npx-login-page) .modal,body:not(.npx-login-page) [role="dialog"]{max-width:calc(100vw - 28px)}
body:not(.npx-login-page) .drawer{max-width:min(520px,calc(100vw - 14px))!important}
body.yzg-chat-page #chat-body .day-message-divider span{font-size:11px!important;color:#7a8595!important;background:#e9edf3!important;border-radius:999px!important;padding:4px 9px!important}
body.yzg-chat-page .composer,body.yzg-chat-page .reply-box{border-color:#e6eaf0!important;box-shadow:none!important}
.npx-login-page .brand-lockup{display:flex!important;align-items:center!important;gap:14px!important;margin-bottom:18px!important}
.npx-login-page .brand-mascot{width:96px!important;height:58px!important;object-fit:contain!important}
.npx-login-page .brand-texts{min-width:0!important}.npx-login-page .brand-cn{font-size:24px!important;line-height:1.05!important;font-weight:900!important;color:#173568!important}.npx-login-page .brand-en{font-size:13px!important;font-weight:800!important;color:#52657f!important;margin-top:4px!important}.npx-login-page .brand-th{font-size:11px!important;font-weight:650!important;color:#8793a5!important;margin-top:2px!important}
.npx-login-page .login-language-switcher{position:fixed!important;top:18px!important;right:20px!important;z-index:20!important;display:flex!important;gap:3px!important;padding:4px!important;border:1px solid #dfe6ef!important;border-radius:10px!important;background:rgba(255,255,255,.9)!important}
.npx-login-page .login-language-switcher button{height:30px!important;padding:0 10px!important;border:0!important;border-radius:7px!important;background:transparent!important;color:#667085!important;font-size:11px!important;font-weight:750!important;cursor:pointer!important}.npx-login-page .login-language-switcher button.active{background:#eef2ff!important;color:#4057d6!important}
@media(max-width:900px){
  .npx-sidebar{padding-left:max(10px,env(safe-area-inset-left));padding-right:max(10px,env(safe-area-inset-right))}
  .npx-nav{padding-bottom:max(18px,env(safe-area-inset-bottom))!important}
  body:not(.npx-login-page) .drawer{width:min(94vw,460px)!important;max-width:94vw!important}
  body:not(.npx-login-page) .table-scroll,body:not(.npx-login-page) .staff-table-wrap{overflow-x:auto!important;-webkit-overflow-scrolling:touch}
  body.yzg-chat-page #chat-body{padding:14px 11px 10px!important}
  body.yzg-chat-page #chat-body .bubble-row .bubble{max-width:86%!important}
}
@media(max-width:520px){
  .npx-login-page .wrapper{padding:78px 14px 18px!important;align-items:start!important}
  .npx-login-page .login-card{width:100%!important;max-width:430px!important;padding:24px 18px 22px!important}
  .npx-login-page .login-language-switcher{top:12px!important;right:12px!important;left:12px!important;justify-content:flex-end!important}
  .npx-login-page .brand-mascot{width:82px!important;height:50px!important}.npx-login-page .brand-cn{font-size:21px!important}
  body:not(.npx-login-page) button,body:not(.npx-login-page) .btn{touch-action:manipulation}
}

/* iKu Chat Multi-Bot source label */
.iku-bot-source{display:inline-flex;align-items:center;max-width:100%;padding:2px 6px;border-radius:999px;background:#eef8f6;color:#087f6c;font-size:10px;font-weight:700;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* iKu Chat Multi-Bot v2: active Bot context */
.npx-current-bot-card{align-items:center}
.npx-current-bot-copy{min-width:0;display:flex;flex-direction:column;gap:2px}
.npx-current-bot-copy strong,.npx-current-bot-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:150px}
.npx-bot-context-select{width:100%;min-height:36px;margin-top:8px;border:1px solid #dbe3ec;border-radius:9px;background:#fff;color:#203047;padding:0 30px 0 10px;font:inherit;font-size:12px;font-weight:700;outline:none}
.npx-bot-context-select:focus{border-color:#6682ff;box-shadow:0 0 0 3px rgba(81,101,255,.10)}

/* ===== iKu Chat v2.6 · iOS / Android safe-area hardening ===== */
@media (max-width:900px){
  :root{--iku-mobile-header-h:58px;--iku-safe-top:env(safe-area-inset-top);}
  body:not(.npx-login-page){
    padding-top:calc(var(--iku-mobile-header-h) + env(safe-area-inset-top))!important;
  }
  .npx-sidebar{
    width:100%!important;
    height:calc(var(--iku-mobile-header-h) + env(safe-area-inset-top))!important;
    min-height:calc(var(--iku-mobile-header-h) + env(safe-area-inset-top))!important;
    padding:
      calc(7px + env(safe-area-inset-top))
      max(10px,env(safe-area-inset-right))
      7px
      max(10px,env(safe-area-inset-left))!important;
  }
  .npx-brand-row{
    height:44px!important;
    min-height:44px!important;
    width:100%!important;
    gap:10px!important;
  }
  .npx-brand-link{min-width:0!important;max-width:calc(100% - 52px)!important;overflow:hidden!important;}
  .npx-brand-name{font-size:17px!important;max-width:130px!important;}
  .npx-menu-toggle{flex:0 0 42px!important;width:42px!important;height:42px!important;margin-left:auto!important;}
  .npx-nav{
    top:calc(var(--iku-mobile-header-h) + env(safe-area-inset-top))!important;
    padding-bottom:calc(18px + env(safe-area-inset-bottom))!important;
  }
  .npx-mobile-overlay{
    inset:calc(var(--iku-mobile-header-h) + env(safe-area-inset-top)) 0 0!important;
  }
  body.yzg-chat-page{
    padding-top:calc(var(--iku-mobile-header-h) + env(safe-area-inset-top))!important;
  }
  body.yzg-chat-page .container{
    height:calc(100dvh - var(--iku-mobile-header-h) - env(safe-area-inset-top))!important;
    min-height:calc(100dvh - var(--iku-mobile-header-h) - env(safe-area-inset-top))!important;
  }
}

@media (max-width:520px){
  body.npx-login-page{
    min-height:100dvh!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
  }
  .npx-login-page .login-language-switcher{
    top:calc(env(safe-area-inset-top) + 10px)!important;
    left:max(12px,env(safe-area-inset-left))!important;
    right:max(12px,env(safe-area-inset-right))!important;
    width:auto!important;
    min-height:44px!important;
    justify-content:center!important;
    z-index:100002!important;
  }
  .npx-login-page .login-language-switcher button{
    flex:1 1 0!important;
    min-width:0!important;
    max-width:132px!important;
    height:36px!important;
    padding:0 7px!important;
    font-size:11px!important;
  }
  .npx-login-page .wrapper{
    min-height:100dvh!important;
    padding:
      calc(env(safe-area-inset-top) + 72px)
      max(14px,env(safe-area-inset-right))
      calc(env(safe-area-inset-bottom) + 18px)
      max(14px,env(safe-area-inset-left))!important;
    align-items:start!important;
  }
  .npx-login-page .login-card{
    margin:0 auto!important;
  }
}
/* ===== end v2.6 safe-area hardening ===== */

/* ===== iKu Chat v2.8 · mobile conversation + unread badge UX ===== */
.iku-mobile-cur-break{display:none}
@media (max-width:900px){
  /* Restore the proven 云掌柜-style Message / More bottom navigation. */
  body.yzg-chat-page .yzg-tabbar{
    display:flex!important;
    left:14px!important;
    right:14px!important;
    width:auto!important;
    height:72px!important;
    min-height:72px!important;
    bottom:calc(8px + env(safe-area-inset-bottom))!important;
    z-index:100020!important;
  }
  body.yzg-chat-page .yzg-sheet-backdrop{display:none!important}
  body.yzg-chat-page .yzg-sheet-backdrop.open{display:flex!important}

  /* Keep the actual customer name as the primary mobile chat title. */
  body.yzg-chat-page.mobile-chat-open .right-header{
    flex:0 0 auto!important;
    padding:10px 12px 8px!important;
    gap:6px!important;
    overflow:visible!important;
  }
  body.yzg-chat-page.mobile-chat-open .right-header .cur{
    display:flex!important;
    flex-wrap:wrap!important;
    align-items:center!important;
    gap:7px!important;
    width:100%!important;
    min-width:0!important;
    white-space:normal!important;
  }
  body.yzg-chat-page.mobile-chat-open .right-header .cur > span[data-i18n="当前选择："]{
    display:none!important;
  }
  body.yzg-chat-page.mobile-chat-open #current-chat-name{
    order:1!important;
    display:block!important;
    flex:1 1 150px!important;
    min-width:0!important;
    max-width:none!important;
    color:#172033!important;
    font-size:18px!important;
    line-height:1.2!important;
    font-weight:850!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  body.yzg-chat-page.mobile-chat-open #current-bot-badge{
    order:2!important;
    flex:0 1 auto!important;
    max-width:48%!important;
    margin-left:auto!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  body.yzg-chat-page.mobile-chat-open .iku-mobile-cur-break{
    order:3!important;
    display:block!important;
    flex:0 0 100%!important;
    width:100%!important;
    height:0!important;
    margin:0!important;
    padding:0!important;
  }
  body.yzg-chat-page.mobile-chat-open #btn-edit-note,
  body.yzg-chat-page.mobile-chat-open .auto-reply-menu-wrap,
  body.yzg-chat-page.mobile-chat-open #btn-block-delete,
  body.yzg-chat-page.mobile-chat-open #btn-chat-pin{
    order:4!important;
  }
  body.yzg-chat-page.mobile-chat-open #btn-edit-note,
  body.yzg-chat-page.mobile-chat-open #btn-chat-auto-reply,
  body.yzg-chat-page.mobile-chat-open #btn-block-delete{
    min-height:36px!important;
    height:36px!important;
    padding:0 12px!important;
    border-radius:10px!important;
    font-size:13px!important;
    line-height:34px!important;
    margin:0!important;
  }
  body.yzg-chat-page.mobile-chat-open #btn-chat-pin{
    width:38px!important;
    min-width:38px!important;
    height:36px!important;
    min-height:36px!important;
    margin-left:0!important;
    border-radius:10px!important;
    flex:0 0 38px!important;
  }
  body.yzg-chat-page.mobile-chat-open #current-chat-id{
    display:block!important;
    margin-top:5px!important;
    color:#7a8699!important;
    font-size:12px!important;
    line-height:1.35!important;
    min-height:16px!important;
    max-height:34px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }

  /* Keep the familiar bulk-delete and delete-conversation controls compact. */
  body.yzg-chat-page.mobile-chat-open .right-actions{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
    width:100%!important;
    margin-top:7px!important;
  }
  body.yzg-chat-page.mobile-chat-open #btn-mobile-back{display:none!important}
  body.yzg-chat-page.mobile-chat-open #btn-bulk-toggle,
  body.yzg-chat-page.mobile-chat-open #btn-delete-chat{
    display:flex!important;
    width:100%!important;
    height:38px!important;
    min-height:38px!important;
    margin:0!important;
    align-items:center!important;
    justify-content:center!important;
    font-size:12px!important;
  }
  body.yzg-chat-page.mobile-chat-open #btn-bulk-toggle{grid-column:1!important;grid-row:1!important}
  body.yzg-chat-page.mobile-chat-open #btn-delete-chat{grid-column:2!important;grid-row:1!important}
  body.yzg-chat-page.mobile-chat-open #btn-delete-selected{grid-column:1 / -1!important}
  body.yzg-chat-page.mobile-chat-open #send-status{grid-column:1 / -1!important}

  /* Let messages use the remaining screen and remove the old oversized blank composer area. */
  body.yzg-chat-page.mobile-chat-open .right-panel{
    display:flex!important;
    flex-direction:column!important;
    height:100%!important;
    min-height:0!important;
    overflow:hidden!important;
  }
  body.yzg-chat-page.mobile-chat-open #chat-body,
  body.yzg-chat-page.mobile-chat-open .chat-body{
    flex:1 1 0!important;
    min-height:0!important;
    overflow-y:auto!important;
    padding:10px 10px 8px!important;
  }
  body.yzg-chat-page.mobile-chat-open .composer{
    flex:0 0 auto!important;
    min-height:0!important;
    height:auto!important;
    margin:0!important;
    gap:6px!important;
    padding:
      8px
      max(10px,env(safe-area-inset-right))
      calc(88px + env(safe-area-inset-bottom))
      max(10px,env(safe-area-inset-left))!important;
    box-sizing:border-box!important;
  }
  body.yzg-chat-page.mobile-chat-open #reply-text{
    min-height:44px!important;
    height:44px!important;
    max-height:88px!important;
    padding:10px 12px!important;
  }
  body.yzg-chat-page.mobile-chat-open .composer-actions{
    margin-top:0!important;
    gap:8px!important;
  }
  body.yzg-chat-page.mobile-chat-open .composer-tool-btn,
  body.yzg-chat-page.mobile-chat-open #btn-send-message{
    min-height:40px!important;
    height:40px!important;
  }
  body.yzg-chat-page.mobile-chat-open #media-file-name{
    margin:0!important;
    line-height:1.2!important;
    font-size:11px!important;
  }

  /* When the keyboard is open, the floating tabbar is intentionally hidden. */
  html.yzg-keyboard-open body.yzg-chat-page .yzg-tabbar,
  html.yzg-ios-editing body.yzg-chat-page .yzg-tabbar,
  body.yzg-keyboard-open.yzg-chat-page .yzg-tabbar{
    display:none!important;
  }
  html.yzg-keyboard-open body.yzg-chat-page.mobile-chat-open .composer,
  html.yzg-ios-editing body.yzg-chat-page.mobile-chat-open .composer,
  body.yzg-keyboard-open.yzg-chat-page.mobile-chat-open .composer{
    padding-bottom:calc(8px + env(safe-area-inset-bottom))!important;
  }
}
/* ===== end v2.8 mobile conversation ===== */


/* ===== iKu Chat v2.8.1 · Login card + globe language dropdown ===== */
body.npx-login-page .wrapper{
  position:relative!important;
  z-index:1!important;
  padding-top:88px!important;
}
body.npx-login-page .login-card{
  width:min(520px,calc(100vw - 32px))!important;
  max-width:520px!important;
  padding:42px 44px 38px!important;
  border-radius:18px!important;
  border:1px solid rgba(220,228,240,.96)!important;
  box-shadow:0 24px 70px rgba(43,78,145,.14),0 7px 20px rgba(15,23,42,.055)!important;
}
body.npx-login-page .brand-lockup{
  gap:18px!important;
  margin-bottom:26px!important;
  min-height:86px!important;
}
body.npx-login-page .brand-mascot{
  width:118px!important;
  height:72px!important;
  flex:0 0 118px!important;
}
body.npx-login-page .brand-cn{font-size:29px!important;line-height:1.08!important}
body.npx-login-page .brand-en{font-size:17px!important;margin-top:5px!important}
body.npx-login-page .brand-th{font-size:13px!important;margin-top:4px!important}
body.npx-login-page .login-title{
  font-size:27px!important;
  line-height:1.2!important;
  margin-bottom:28px!important;
}
body.npx-login-page .form-group{margin-bottom:20px!important}
body.npx-login-page label{
  font-size:13.5px!important;
  margin-bottom:8px!important;
}
body.npx-login-page input[type="text"],
body.npx-login-page input[type="password"]{
  height:50px!important;
  padding:0 14px!important;
  border-radius:11px!important;
  font-size:16px!important;
}
body.npx-login-page .btn-login{
  height:52px!important;
  border-radius:11px!important;
  font-size:17px!important;
  margin-top:7px!important;
}
body.npx-login-page .login-language-switcher{
  position:fixed!important;
  top:18px!important;
  right:22px!important;
  left:auto!important;
  width:auto!important;
  min-width:176px!important;
  height:44px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:8px!important;
  padding:5px 8px 5px 11px!important;
  border:1px solid rgba(218,226,238,.98)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.92)!important;
  box-shadow:0 8px 26px rgba(24,45,89,.09)!important;
  backdrop-filter:blur(12px)!important;
  -webkit-backdrop-filter:blur(12px)!important;
  z-index:100002!important;
}
body.npx-login-page .login-language-icon{
  width:22px!important;
  height:22px!important;
  flex:0 0 22px!important;
  color:#4f6df5!important;
  display:grid!important;
  place-items:center!important;
}
body.npx-login-page .login-language-icon svg{
  width:22px!important;
  height:22px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.8!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
body.npx-login-page .login-language-select{
  appearance:auto!important;
  -webkit-appearance:menulist!important;
  width:136px!important;
  height:34px!important;
  min-height:34px!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  background:transparent!important;
  color:#334155!important;
  font-size:13px!important;
  font-weight:750!important;
  padding:0 4px!important;
  cursor:pointer!important;
}
body.npx-login-page .login-language-select:focus{
  outline:none!important;
  box-shadow:none!important;
}

@media (max-width:520px){
  body.npx-login-page .wrapper{
    min-height:100dvh!important;
    padding:
      calc(env(safe-area-inset-top) + 74px)
      max(10px,env(safe-area-inset-right))
      calc(env(safe-area-inset-bottom) + 20px)
      max(10px,env(safe-area-inset-left))!important;
    align-items:flex-start!important;
  }
  body.npx-login-page .login-card{
    width:100%!important;
    max-width:none!important;
    margin:0 auto!important;
    padding:32px 28px 30px!important;
    border-radius:17px!important;
  }
  body.npx-login-page .brand-lockup{
    gap:15px!important;
    min-height:78px!important;
    margin-bottom:24px!important;
  }
  body.npx-login-page .brand-mascot{
    width:104px!important;
    height:64px!important;
    flex-basis:104px!important;
  }
  body.npx-login-page .brand-cn{font-size:27px!important}
  body.npx-login-page .brand-en{font-size:16px!important}
  body.npx-login-page .brand-th{font-size:12.5px!important}
  body.npx-login-page .login-title{font-size:26px!important;margin-bottom:26px!important}
  body.npx-login-page label{font-size:13.5px!important}
  body.npx-login-page input[type="text"],
  body.npx-login-page input[type="password"]{height:50px!important;font-size:16px!important}
  body.npx-login-page .btn-login{height:52px!important;font-size:17px!important}
  body.npx-login-page .login-language-switcher{
    top:calc(env(safe-area-inset-top) + 10px)!important;
    right:max(12px,env(safe-area-inset-right))!important;
    left:auto!important;
    width:auto!important;
    min-width:172px!important;
    height:46px!important;
    justify-content:flex-start!important;
  }
}

@media (max-width:390px){
  body.npx-login-page .login-card{padding:28px 22px 27px!important}
  body.npx-login-page .brand-mascot{width:96px!important;height:59px!important;flex-basis:96px!important}
  body.npx-login-page .brand-cn{font-size:25px!important}
  body.npx-login-page .login-title{font-size:24px!important}
}
/* ===== end v2.8.1 login refinement ===== */

/* ===== iKu Chat v2.8.2 · mobile login position / no-scroll ===== */
@media (max-width:520px){
  body.npx-login-page{
    height:100dvh!important;
    min-height:100dvh!important;
    max-height:100dvh!important;
    overflow-x:hidden!important;
    overflow-y:hidden!important;
    overscroll-behavior:none!important;
  }

  body.npx-login-page .wrapper{
    margin-top:0!important;
    height:100dvh!important;
    min-height:100dvh!important;
    max-height:100dvh!important;
    overflow:hidden!important;
  }

  /* 输入键盘开启时仍允许既有 iOS 键盘适配逻辑工作 */
  html.yzg-ios-device body.npx-login-page.yzg-login-editing{
    overflow:hidden!important;
  }

  html.yzg-ios-device body.npx-login-page.yzg-login-editing .wrapper{
    margin-top:0!important;
  }
}
/* ===== end v2.8.2 ===== */

/* IKU_GLOBAL_SIDEBAR_FINAL_BEGIN
   ==========================================================
   iKu Chat 全后台左侧导航最终修复

   解决：
   1. 旧 .admin-topbar-nav 的 justify-content:flex-end 冲突
   2. 工作台 / 会话中心被卷到顶部之外
   3. 左侧菜单无法完整往上 / 往下滚
   4. 隐藏滚动条但保留鼠标滚轮
   ========================================================== */

@media (min-width:901px){

  html body #npx-sidebar.npx-sidebar{
    position:fixed!important;
    inset:0 auto 0 0!important;

    width:var(--npx-sidebar)!important;

    height:100vh!important;
    height:100dvh!important;
    min-height:0!important;
    max-height:100dvh!important;

    display:flex!important;
    flex-direction:column!important;

    overflow:hidden!important;
  }

  /* 顶部爱酷聊 Logo 固定 */
  html body #npx-sidebar .npx-brand-row{
    flex:0 0 auto!important;

    position:relative!important;
    top:auto!important;

    margin-bottom:8px!important;
    transform:none!important;
  }

  /*
   * Logo 以下才是唯一滚动区
   */
  html body #npx-sidebar #admin-topbar-nav.admin-topbar-nav.npx-nav{
    position:static!important;

    display:flex!important;
    flex-direction:column!important;

    flex:1 1 auto!important;

    min-height:0!important;
    height:auto!important;
    max-height:none!important;

    /*
     * 覆盖旧版顶部导航的关键冲突
     */
    justify-content:flex-start!important;
    align-items:stretch!important;
    flex-wrap:nowrap!important;
    gap:0!important;

    margin:0!important;
    padding:0 1px 8px!important;

    overflow-y:auto!important;
    overflow-x:hidden!important;

    transform:none!important;

    overscroll-behavior-y:contain!important;
    -webkit-overflow-scrolling:touch;

    scrollbar-width:none!important;
    -ms-overflow-style:none!important;

    overflow-anchor:none!important;
  }

  html body #npx-sidebar #admin-topbar-nav::-webkit-scrollbar{
    width:0!important;
    height:0!important;
    display:none!important;
  }

  /* 侧栏链接恢复左对齐 */
  html body #npx-sidebar #admin-topbar-nav.npx-nav a{
    justify-content:flex-start!important;
  }

  /* 第一组：工作台 / 会话中心 */
  html body #npx-sidebar #admin-topbar-nav > .npx-nav-section:first-child{
    position:relative!important;

    margin-top:0!important;
    padding-top:6px!important;

    transform:none!important;
  }

  /* 中间弹性区域 */
  html body #npx-sidebar #admin-topbar-nav .npx-nav-grow{
    flex:1 0 12px!important;
    min-height:12px!important;
  }
}

/* IKU_GLOBAL_SIDEBAR_FINAL_END */

/* IKU_SIDEBAR_REFINE_V1_BEGIN */
/* =========================================================
   iKu Chat · Sidebar Refine V1
   UI-only / Desktop sidebar only
   不改变后台 DOM、权限、路由、Bot、Webhook、业务 JS
   ========================================================= */

@media (min-width: 901px) {
  :root{
    --iku-side-w:224px;
    --iku-side-pad-x:12px;
    --iku-side-line:#edf1f5;
    --iku-side-text:#344054;
    --iku-side-muted:#98a2b3;
    --iku-side-active:#eef3ff;
    --iku-side-blue:#4f6df5;
    --iku-side-card:#fbfcfe;
  }

  html body #npx-sidebar.npx-sidebar{
    width:var(--iku-side-w)!important;
    padding:14px var(--iku-side-pad-x) 12px!important;
    background:#fff!important;
    border-right:1px solid #e8edf3!important;
    box-shadow:none!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    scrollbar-width:none!important;
    overscroll-behavior:contain!important;
  }

  html body #npx-sidebar.npx-sidebar::-webkit-scrollbar{
    display:none!important;
    width:0!important;
    height:0!important;
  }

  #npx-sidebar .npx-brand-row{
    min-height:50px!important;
    height:auto!important;
    padding:2px 7px 12px!important;
    margin:0 0 8px!important;
    border-bottom:1px solid var(--iku-side-line)!important;
    background:#fff!important;
  }

  #npx-sidebar .npx-brand-link{
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    min-width:0!important;
    text-decoration:none!important;
  }

  #npx-sidebar .npx-brand-mascot{
    width:28px!important;
    height:28px!important;
    max-width:28px!important;
    max-height:28px!important;
    object-fit:contain!important;
    flex:0 0 28px!important;
  }

  #npx-sidebar .npx-brand-name{
    font-size:17px!important;
    line-height:1.1!important;
    font-weight:850!important;
    letter-spacing:-.25px!important;
    color:#173568!important;
  }

  #npx-sidebar .npx-menu-toggle{display:none!important;}

  html body #npx-sidebar #admin-topbar-nav.npx-nav{
    position:static!important;
    display:flex!important;
    flex-direction:column!important;
    gap:0!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    padding:1px 0 2px!important;
    margin:0!important;
    overflow:visible!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    transform:none!important;
  }

  #admin-topbar-nav .npx-nav-section{
    padding:5px 0 4px!important;
    margin:0!important;
  }

  #admin-topbar-nav .npx-nav-title{
    padding:5px 9px 4px!important;
    color:var(--iku-side-muted)!important;
    font-size:11px!important;
    line-height:1.25!important;
    font-weight:750!important;
    letter-spacing:.15px!important;
  }

  #admin-topbar-nav a{
    display:flex!important;
    align-items:center!important;
    gap:9px!important;
    min-height:35px!important;
    margin:1px 0!important;
    padding:7px 9px!important;
    border:0!important;
    border-radius:8px!important;
    background:transparent!important;
    color:var(--iku-side-text)!important;
    font-size:13px!important;
    line-height:1.2!important;
    font-weight:700!important;
    text-decoration:none!important;
    transition:background-color .12s ease,color .12s ease!important;
  }

  #admin-topbar-nav a:hover{
    background:#f7f9fc!important;
    color:#1d2939!important;
  }

  #admin-topbar-nav a.npx-active{
    background:var(--iku-side-active)!important;
    color:var(--iku-side-blue)!important;
    font-weight:800!important;
  }

  #admin-topbar-nav .npx-nav-dot{
    width:6px!important;
    height:6px!important;
    flex:0 0 6px!important;
    border-radius:999px!important;
    background:#d0d7e2!important;
  }

  #admin-topbar-nav .npx-active .npx-nav-dot{
    background:var(--iku-side-blue)!important;
    box-shadow:0 0 0 2px rgba(79,109,245,.08)!important;
  }

  #admin-topbar-nav .npx-nav-grow{
    flex:none!important;
    height:8px!important;
    min-height:8px!important;
  }

  #admin-topbar-nav .npx-service-block{
    margin-top:0!important;
    padding-top:10px!important;
    border-top:1px solid var(--iku-side-line)!important;
  }

  #admin-topbar-nav .npx-service-block > .npx-nav-title{
    padding-left:9px!important;
    padding-bottom:5px!important;
  }

  #admin-topbar-nav .npx-service-card{
    display:flex!important;
    align-items:center!important;
    gap:9px!important;
    min-height:58px!important;
    padding:8px 9px!important;
    border:1px solid #dde5ee!important;
    border-radius:9px!important;
    background:var(--iku-side-card)!important;
    box-shadow:none!important;
  }

  #admin-topbar-nav .npx-service-icon{
    width:30px!important;
    height:30px!important;
    flex:0 0 30px!important;
    border-radius:8px!important;
  }

  #admin-topbar-nav .npx-service-logo img{
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
  }

  #admin-topbar-nav .npx-current-bot-copy{
    min-width:0!important;
    display:flex!important;
    flex-direction:column!important;
    gap:2px!important;
  }

  #admin-topbar-nav .npx-current-bot-copy strong{
    max-width:145px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    color:#1d2939!important;
    font-size:12px!important;
    line-height:1.25!important;
    font-weight:800!important;
  }

  #admin-topbar-nav .npx-current-bot-copy small{
    max-width:145px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    color:#7c8898!important;
    font-size:10px!important;
    line-height:1.2!important;
    font-weight:600!important;
  }

  #admin-topbar-nav .npx-bot-context-select,
  #admin-topbar-nav #iku-current-bot{
    width:100%!important;
    height:38px!important;
    min-height:38px!important;
    margin:7px 0 0!important;
    padding:0 31px 0 10px!important;
    border:1px solid #dce4ee!important;
    border-radius:8px!important;
    background-color:#fff!important;
    color:#26364d!important;
    font-size:12px!important;
    font-weight:750!important;
    outline:none!important;
    box-shadow:none!important;
  }

  #admin-topbar-nav .npx-bot-context-select:focus,
  #admin-topbar-nav #iku-current-bot:focus,
  #admin-topbar-nav .npx-language:focus{
    border-color:#9db0ff!important;
    box-shadow:0 0 0 3px rgba(79,109,245,.08)!important;
  }

  #admin-topbar-nav .npx-add-channel{
    min-height:30px!important;
    height:auto!important;
    margin-top:6px!important;
    padding:4px 6px!important;
    border:0!important;
    border-radius:6px!important;
    background:transparent!important;
    color:#4f6df5!important;
    font-size:11px!important;
    line-height:1.25!important;
    font-weight:750!important;
    text-align:left!important;
    box-shadow:none!important;
  }

  #admin-topbar-nav .npx-add-channel:hover{background:#f5f7ff!important;}

  #admin-topbar-nav .npx-push-wrap{
    margin-top:1px!important;
    padding:0!important;
  }

  #admin-topbar-nav .npx-push-status-btn{
    display:flex!important;
    align-items:center!important;
    gap:4px!important;
    width:auto!important;
  }

  #admin-topbar-nav .npx-push-status-btn small{
    color:#8a95a5!important;
    font-size:10px!important;
    font-weight:600!important;
  }

  #admin-topbar-nav .npx-lang-wrap{
    margin-top:8px!important;
    padding-top:8px!important;
    border-top:1px solid var(--iku-side-line)!important;
  }

  #admin-topbar-nav .npx-language{
    width:100%!important;
    height:38px!important;
    min-height:38px!important;
    padding:0 31px 0 10px!important;
    border:1px solid #dce4ee!important;
    border-radius:8px!important;
    background:#fff!important;
    color:#26364d!important;
    font-size:12px!important;
    font-weight:700!important;
    outline:none!important;
  }

  #admin-topbar-nav .npx-user-block{
    display:grid!important;
    grid-template-columns:28px minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:7px!important;
    margin-top:8px!important;
    padding:8px 7px 3px!important;
    border-top:1px solid var(--iku-side-line)!important;
  }

  #admin-topbar-nav .npx-user-avatar{
    width:28px!important;
    height:28px!important;
    display:grid!important;
    place-items:center!important;
    border-radius:999px!important;
    background:#eef3ff!important;
    color:#4f6df5!important;
    font-size:12px!important;
    font-weight:800!important;
  }

  #admin-topbar-nav .npx-user-name{
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    color:#475467!important;
    font-size:11px!important;
    font-weight:700!important;
  }

  #admin-topbar-nav .npx-logout{
    min-height:auto!important;
    margin:0!important;
    padding:4px 5px!important;
    color:#98a2b3!important;
    font-size:10px!important;
    background:transparent!important;
  }

  #admin-topbar-nav .npx-logout:hover{
    color:#d92d20!important;
    background:#fff3f2!important;
  }
}

@media (max-width: 900px) {
  /* 手机端不改，保留现有 Telegram mobile / 后台 mobile 结构 */
}
/* IKU_SIDEBAR_REFINE_V1_END */