:root{--p14-ink:#182139;--p14-muted:#68748b;--p14-border:#e3e8f0;--p14-surface:#f4f6fa}
[hidden]{display:none!important}
.p14-language{font:500 13px/1.3 system-ui,sans-serif;color:#33405b;background:#fff;border:1px solid #dce2ee;border-radius:10px;padding:9px 28px 9px 12px;min-width:112px;cursor:pointer;max-width:150px}
.p14-language:focus{outline:3px solid #d8d1ff;outline-offset:2px}
.p14-login{margin:0;background:#f7f8fc;color:var(--p14-ink);font-family:Inter,system-ui,-apple-system,'Segoe UI',sans-serif;min-height:100dvh;display:grid;grid-template-columns:minmax(420px,1.1fr) minmax(420px,1fr)}
.p14-login-story{background:#171e37;color:#fff;position:relative;padding:48px clamp(36px,5vw,86px);display:flex;flex-direction:column;overflow:hidden;min-height:100dvh;box-sizing:border-box}
.p14-login-story:after{content:'';width:640px;height:640px;position:absolute;left:28%;top:24%;border:1px solid #7367a846;border-radius:50%;box-shadow:0 0 0 100px #7160eb08,0 0 0 200px #7160eb06;pointer-events:none}
.p14-login-brand{display:flex;gap:14px;align-items:center;font-weight:650;letter-spacing:.01em;position:relative;z-index:1}.p14-mark{width:44px;height:44px;background:#8978ff;display:grid;place-items:center;border-radius:14px}.p14-mark svg{width:26px;fill:none;stroke:white;stroke-width:1.8}
.p14-story-copy{margin:auto 0;position:relative;z-index:1;padding:70px 0}.p14-eyebrow{color:#b8b0f9;letter-spacing:.16em;font-size:11px;font-weight:650}.p14-story-copy h1{font-size:clamp(32px,3.5vw,54px);letter-spacing:-.035em;line-height:1.25;max-width:620px;margin:24px 0}.p14-story-copy p{color:#b9c2d7;line-height:1.8;max-width:430px;font-size:15px}.p14-story-demo{margin-top:38px;max-width:410px;border:1px solid #ffffff20;border-radius:18px;background:#ffffff09;backdrop-filter:blur(5px);padding:22px}.p14-demo-line{display:flex;align-items:center;gap:10px;font-size:13px}.p14-demo-line i{width:8px;height:8px;border-radius:50%;background:#85e0bb}.p14-demo-bars{display:flex;gap:7px;align-items:flex-end;height:45px;margin-top:18px}.p14-demo-bars span{flex:1;border-radius:4px;background:#b9afff55}.p14-login-story footer{font-size:11px;color:#9ba6be;letter-spacing:.1em}
.p14-login-form{padding:36px clamp(28px,5vw,84px);display:flex;flex-direction:column;box-sizing:border-box}.p14-login-tools{display:flex;justify-content:flex-end}.p14-login-card{width:100%;max-width:410px;margin:auto; padding:50px 0}.p14-login-card h2{font-size:32px;letter-spacing:-.025em;margin:0 0 12px}.p14-login-card>p{color:var(--p14-muted);line-height:1.7;margin:0 0 34px;font-size:14px}.p14-login-field{display:block;margin-bottom:19px}.p14-login-field span{display:block;font-size:13px;font-weight:550;margin-bottom:8px}.p14-login-field input{box-sizing:border-box;width:100%;height:49px;border:1px solid #dce2ec;border-radius:10px;background:#fff;padding:0 14px;color:#182139;font-size:15px}.p14-login-field input:focus{outline:3px solid #7160eb20;border-color:#7160eb}.p14-login-card .auth-submit{width:100%;height:49px;border:0;border-radius:10px;background:#7160eb;color:white;font-size:15px;cursor:pointer;margin-top:8px;font-weight:600;box-shadow:0 6px 18px #7160eb20}.p14-login-note{border-top:1px solid #e2e6ef;margin-top:32px;padding-top:20px;color:var(--p14-muted);font-size:12px;line-height:1.8}.p14-login-note strong{display:block;color:#49556d}.p14-login .auth-error{color:#bb314f;margin-top:14px;min-height:20px;font-size:13px}.p14-login .auth-setup{z-index:30}
.p14-headset{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.msg-avatar{display:grid!important;place-items:center!important}.msg.bot .msg-avatar,.msg.agent .msg-avatar{background:#eeeaff;color:#7160eb}.p14-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 4px;border-radius:6px;background:#e4e7f0;color:#526078;font-size:11px;font-weight:700;margin-left:5px;font-variant-numeric:tabular-nums}.tab.active .p14-count{background:#7160eb;color:#fff}.p14-presence{display:inline-flex;gap:6px;align-items:center;font-size:11px;font-weight:500;white-space:nowrap;color:#8893a7}.p14-presence:before{content:'';height:6px;width:6px;border-radius:50%;background:#a1aabd}.p14-presence.online{color:#268565}.p14-presence.online:before{background:#30ad7b}.agent-chat-meta:before{display:none!important}.p14-player-presence{margin-top:5px}.p14-presence-line{display:flex;align-items:center;gap:8px;margin:3px 0 5px}.p14-assignee{font-size:11px;color:#8290a4}.agent-layout{grid-template-columns:310px minmax(350px,1fr) 340px!important;gap:0}.agent-workspace{padding:16px 20px!important;background:#f3f5fa}.agent-topbar{height:76px}.agent-col{border-color:#e3e8f0!important}.agent-col.left .pane-head{padding:18px 14px 14px}.agent-col.left .tabs{margin-top:14px;display:flex;gap:2px}.agent-col.left .tab{font-size:12px;padding:8px 5px;flex:1;white-space:nowrap}.agent-chat-head{min-height:78px;background:white}.conv-item{padding:15px 14px!important}.conv-item.active{background:#f0edff!important;border-left:3px solid #7160eb}.conv-last{font-size:12px;color:#8a94a6}.conv-uid{font-size:13px}.agent-user-actions{gap:12px}.p14-back{font-size:12px}.agent-col.right{background:#fafbfe!important}.profile-card{display:none}.case-panel .case-body{padding:14px}.p4-order-summary{background:white!important;border:1px solid #e3e8f0!important;border-radius:12px!important;margin-bottom:12px!important;padding:16px!important}.p4-order-summary h3{font-size:13px;color:#293752;margin:0 0 10px!important}.p14-summary-heading{margin:16px 0 3px;font-size:11px;letter-spacing:.02em;font-weight:600;color:#8c95a8;border-top:1px solid #eef0f5;padding-top:12px}.p4-info-row{display:grid!important;grid-template-columns:100px minmax(0,1fr);gap:12px;padding:9px 0!important;align-items:start;line-height:1.6}.p4-info-row>span{font-size:11px}.p4-info-row strong{font-size:12px;font-weight:550;word-break:break-word;text-align:left!important}.p4-warning{font-size:11px!important;line-height:1.7!important;border-radius:8px!important}.p4-caption{font-size:11px!important;line-height:1.7!important}.case-block{padding:14px!important;background:#fff;border:1px solid #e3e8f0;border-radius:12px;margin-bottom:12px}.p14-collapsible>summary{cursor:pointer;list-style:none;font-weight:600;color:#526078;font-size:12px;display:flex;justify-content:space-between;align-items:center}.p14-collapsible>summary:after{content:'+';font-size:18px;color:#a3aaba}.p14-collapsible[open]>summary:after{content:'−'}.p14-collapsible>summary+div{margin-top:14px}.p14-access-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}.p14-access-grid label{padding:12px;border:1px solid #e3e8f0;border-radius:9px;font-size:13px;display:flex;align-items:center;gap:9px}.p14-supervisor-card{padding:22px}.p14-inline-error{color:#bc3752;white-space:pre-wrap;font-size:13px}.p14-monitor-actions{display:flex;gap:8px;align-items:center}
.support-chat-header{gap:12px;flex-wrap:wrap}.support-chat-header .p14-language{border-color:#ffffff40;color:white;background:#ffffff18;min-width:104px}.support-chat-header .p14-language option{color:#182139;background:#fff}.support-identity{flex:1;min-width:160px}.support-start-title{font-size:28px!important;letter-spacing:-.025em}.support-start-sub{line-height:1.7!important}.issue-grid{gap:12px!important}.issue{cursor:pointer;transition:box-shadow .2s,border-color .2s,transform .2s}.issue:hover{border-color:#ad9fff;box-shadow:0 6px 18px #30215d0a;transform:translateY(-2px)}.issue:focus-visible{outline:3px solid #d9d2ff}.issue.active{border-color:#7160eb!important;background:#f6f3ff!important;box-shadow:0 0 0 1px #7160eb}.issue-icon{width:50px!important;height:50px!important;border-radius:14px!important;margin-bottom:15px!important;background:#f0edff!important;display:grid;place-items:center}.issue-icon svg{width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.issue[data-type=withdrawal] .issue-icon{background:#e7f5ee!important;color:#329a70}.issue[data-type=game] .issue-icon{background:#fff2df!important;color:#c38d36}.issue b{font-size:16px!important}.issue span{font-size:12px!important;line-height:1.6;display:block;margin-top:8px}.support-card .support-start-body{padding:30px!important}.p14-video-hint{font-size:11px;color:#8a94a6;display:block;line-height:1.5;margin-top:6px}.p14-footnote{font-size:11px;line-height:1.7;color:#919bad;margin:14px 0 0}.p14-tabbar{overflow-x:auto}
@media(min-width:1600px){.agent-layout{grid-template-columns:340px minmax(420px,1fr) 360px!important}}
@media(max-width:1150px){.agent-layout{grid-template-columns:285px minmax(300px,1fr)!important}.agent-col.right{display:none}.p4-info-open .agent-col.right{display:block!important;width:min(380px,95vw)!important;position:fixed;right:0;top:76px;bottom:0;z-index:40;box-shadow:-12px 0 50px #17203b20}.agent-user-actions{gap:7px}.agent-brand strong{font-size:15px}.p14-login{grid-template-columns:.85fr 1fr}.p14-login-story{padding:38px 30px}}
@media(max-width:760px){.p14-login{display:block}.p14-login-story{min-height:auto;padding:24px}.p14-story-copy,.p14-login-story footer{display:none}.p14-login-form{padding:20px 24px}.p14-login-card{padding:32px 0}.p14-login-card h2{font-size:28px}.p14-language{min-width:102px;font-size:12px}.agent-topbar{height:auto;min-height:78px;padding:12px;flex-wrap:wrap}.agent-workspace{padding:6px!important}.agent-layout{grid-template-columns:220px minmax(290px,1fr)!important;overflow-x:auto}.agent-chat-actions{flex-wrap:wrap}.p14-access-grid{grid-template-columns:1fr}.support-chat-header{padding:20px!important}.support-card .support-start-body{padding:24px 20px!important}.support-title{font-size:18px!important}.support-start-title{font-size:24px!important}.issue-grid{grid-template-columns:1fr!important}.issue{padding:16px!important;display:grid!important;grid-template-columns:52px 1fr;column-gap:14px}.issue-icon{grid-row:1/3;margin:0!important}.issue span{margin-top:3px}.support-new{font-size:12px;padding:9px 12px}.support-status{font-size:11px}.support-chat-header .p14-language{padding:8px;min-width:95px}.p14-footnote{font-size:10px}.support-enter{font-size:15px!important}}

/* Keep the supervisor's conversation columns inside the viewport. A grid row
   with its default min-content height would expand with all chat messages and
   then be clipped by the workbench, leaving no reachable chat scrollbar. */
.admin-console #conversations.active{display:flex;flex-direction:column;height:calc(100dvh - 128px);min-height:0}
.admin-console #conversations>.section-row{flex:0 0 auto}
.admin-console .monitor-workbench{flex:1;grid-template-rows:minmax(0,1fr);height:auto;min-height:0}
.admin-console .monitor-list-col,.admin-console .monitor-chat-col,.admin-console .monitor-info-col{min-height:0;overflow:hidden}
.admin-console .monitor-pane{flex:1;height:auto;min-height:0;overflow:hidden}
.admin-console .monitor-workbench .agent-chat-head,.admin-console .monitor-workbench .pane-head{flex-shrink:0}
.admin-console .monitor-chat-col .messages{min-height:0;overflow-y:auto;overscroll-behavior-y:contain;overflow-anchor:none}
.admin-console #monitorConvList,.admin-console #monitorInfo{min-height:0;overscroll-behavior-y:contain}
.admin-console #monitorMessages:focus-visible{outline:2px solid #9b90ef;outline-offset:-2px}
@media(max-width:1050px){.admin-console .monitor-workbench{grid-template-columns:220px minmax(0,1fr)}}
