.cx-zalochat-page .card,.cx-zaloauthtoken-page .card{border-radius:8px}
.cx-zalochat-page .card-header,.cx-zaloauthtoken-page .card-header{background:#fff}
.cx-zalochat-page .gap-2>*,.cx-zaloauthtoken-page .gap-2>*{margin-right:8px}
.cx-zalochat-page .gap-2>:last-child,.cx-zaloauthtoken-page .gap-2>:last-child{margin-right:0}
.cx-zalochat-page .cx-zalochat-left-card,.cx-zalochat-page .cx-zalochat-right-card{min-height:760px}
.cx-zalochat-page .cx-zalochat-summary-list{overflow:auto;max-height:760px;background:#f6f8fb}
.cx-zalochat-page .cx-zalochat-summary-item{padding:12px 14px;border-bottom:1px solid #e7ebf1;cursor:pointer;transition:all .12s ease-in-out}
.cx-zalochat-page .cx-zalochat-summary-item:hover{filter:brightness(.985)}
.cx-zalochat-page .cx-zalochat-summary-item.active{outline:2px solid #17a2b8;position:relative;z-index:2}
.cx-zalochat-page .cx-zalochat-summary-item.group-open{background:#eaf8ff}
.cx-zalochat-page .cx-zalochat-summary-item.group-unread{background:#fff7dd}
.cx-zalochat-page .cx-zalochat-summary-item.group-queue{background:#eef0ff}
.cx-zalochat-page .cx-zalochat-summary-item.group-closed{background:#f1f3f5}
.cx-zalochat-page .cx-zalochat-summary-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:6px}
.cx-zalochat-page .cx-zalochat-summary-title{font-weight:600;line-height:1.2}
.cx-zalochat-page .cx-zalochat-summary-time{font-size:12px;color:#777;white-space:nowrap}
.cx-zalochat-page .cx-zalochat-summary-snippet{font-size:13px;color:#666;line-height:1.35;height:36px;overflow:hidden}
.cx-zalochat-page .cx-zalochat-summary-meta{margin-top:8px;font-size:12px;color:#777}
.cx-zalochat-page .cx-zalochat-summary-meta .badge{font-weight:400}
.cx-zalochat-page .cx-zalochat-main-body{height:760px}
.cx-ais-shell{display:flex;flex-direction:column}
.cx-ais-shell > .row{flex:1;min-height:0}
.cx-ais-shell .col-lg-8,.cx-ais-shell .col-md-7{display:flex;flex-direction:column}
.cx-ais-shell .card-info .card-body{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column;padding-bottom:0}
.cx-ais-list-wrap{max-height:calc(100vh - 260px);overflow-y:auto}
.cx-ais-msg-wrap{flex:1;min-height:200px;overflow-y:auto}
.cx-ais-msg-user{background:#f0f4ff;border-left:3px solid #4a90d9}
.cx-ais-msg-assistant{background:#f6fff0;border-left:3px solid #3aaf5c}
.cx-ais-msg-box{border-radius:4px;padding:8px 12px;margin-bottom:6px;white-space:pre-wrap;word-break:break-word;font-size:13px}
.cx-ais-badge-user{background:#4a90d9;color:#fff}
.cx-ais-badge-assistant{background:#3aaf5c;color:#fff}
.cx-ais-ask-wrap{border-top:1px solid #e0e0e0;padding-top:10px;margin-top:8px}
.cx-ais-unread{font-weight:700;border-left:3px solid #f39c12!important}
.cx-ais-unread-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#f39c12;flex-shrink:0;align-self:center;vertical-align:middle}
.cx-ais-job-card{border-left:3px solid #f39c12;padding-left:4px;margin-bottom:8px}
.cx-ais-job-body{white-space:pre-wrap;word-break:break-word;font-size:13px}
.cx-ais-item-body{min-width:0}
.cx-ais-item-head{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}
.cx-ais-item-head-main{display:flex;align-items:center;gap:4px;min-width:0;flex:1 1 auto}
.cx-ais-item-title{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1 1 auto;min-width:0;max-width:none}
.cx-ais-item-title--unread{font-weight:700;color:#1a1a1a}
.cx-ais-item-rename{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;padding:2px 6px;line-height:1.1}
.cx-ais-item-rename .fas{font-size:11px}
.cx-ais-ask-status{min-height:22px;font-size:12px}
.cx-ais-result-box{background:#f9f9f9;border:1px solid #ddd;border-radius:4px;padding:10px;font-size:13px;white-space:pre-wrap;word-break:break-word;max-height:240px;overflow-y:auto;display:none}
.nav-sidebar .nav-link.active,.nav-pills .nav-link.active{background-color:#28a745!important;color:#fff!important;font-weight:700;border-left:4px solid #155724;box-shadow:0 2px 8px #28a74522}
.cx-zalochat-page .cx-zalochat-thread-wrap{min-height:0;border:1px solid #e5e5e5;border-radius:6px;background:#f8fafc}
.cx-zalochat-page .cx-zalochat-thread{padding:15px;overflow:auto}
.cx-zalochat-page .cx-zalochat-thread-empty{padding:24px;text-align:center;color:#888}
.cx-zalochat-page .cx-zalochat-head-title{font-size:18px;font-weight:600;line-height:1.2}
.cx-zalochat-page .cx-zalochat-head-sub{margin-top:4px}
.cx-zalochat-page .direct-chat-text{white-space:pre-wrap;word-break:break-word}
.cx-zalochat-page .direct-chat-msg{margin-bottom:12px}
.cx-zalochat-page .direct-chat-messages{height:100%}
.cx-zalochat-page .cx-zalochat-compose{border-top:1px solid #ececec;padding-top:12px}
.cx-zalochat-page .cx-zalochat-compose-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.cx-zalochat-page .cx-zalochat-inline-queue{display:flex;align-items:center;gap:8px}
.cx-zalochat-page .cx-zalochat-inline-queue .form-control{width:220px}
.cx-zalochat-page .cx-zalochat-compose textarea{resize:vertical;min-height:76px}
.cx-zalochat-page .cx-zalochat-compose .input-group-append .btn{display:flex;align-items:center}
.cx-zalochat-page .cx-zalochat-compose-meta{padding-top:4px}
.cx-zalochat-page .cx-zalochat-file-picked{margin-top:8px}
.cx-zalochat-page .cx-zalochat-file-chip{display:inline-flex;align-items:center;background:#eef5ff;border:1px solid #d5e6ff;border-radius:20px;padding:6px 12px;font-size:13px;color:#37517e}
.cx-zalochat-page .modal .card{box-shadow:none}
.cx-zalochat-page .cx-zalochat-lookup-result{min-height:120px}
.cx-zalochat-page .cx-zalochat-zns-box textarea{font-family:Consolas,'Courier New',monospace}
.cx-zaloauthtoken-page pre{font-size:12px}
.cx-oc-prompt-queue-item{background:#e8f4fd;border-color:#bee3f8}
.cx-oc-prompt-queue-item .fas{color:#3182ce}
#lichsuchat .cx-oc-history-list{max-height:calc(100vh - 286px);overflow-y:auto}
/* #lichsuchat .cx-oc-history-messages{height:calc(100vh - 478px);min-height:360px;overflow-y:auto} */
#lichsuchat .list-group-item.active{background-color:#17a2b8;border-color:#17a2b8}
#lichsuchat .cx-oc-history-filter-wrap{display:none;border-bottom:1px solid #00000014}
#lichsuchat .cx-oc-history-filter-wrap.visible{display:block}
#lichsuchat .cx-oc-page-compose textarea{resize:vertical;min-height:100px;max-height:350px}
#lichsuchat .cx-oc-detail-title-btn,#lichsuchat .cx-oc-history-title-btn{display:inline-block;padding:0;border:0;background:transparent;color:inherit;font-weight:600;text-align:left;text-decoration:none}
#lichsuchat .cx-oc-detail-title-btn{color:#fff}
#lichsuchat .cx-oc-detail-title-btn:hover,#lichsuchat .cx-oc-history-title-btn:hover{text-decoration:underline}
#lichsuchat .cx-oc-history-preview{font-size:12px;color:#6c757d}
#lichsuchat .cx-oc-history-meta{font-size:11px;color:#6c757d}

/* Mobile overlay scroll fix for CRM modal/fancybox content */
@media (max-width: 767.98px){
  .cx-ais-shell{
    min-height:calc(100vh - 57px - 52px);
    min-height:calc(100dvh - 57px - 52px);
  }
  .cx-ais-shell>.row{
    min-height:calc(100vh - 160px);
    min-height:calc(100dvh - 160px);
  }
  .cx-ais-list-wrap{
    max-height:calc(100vh - 360px);
    max-height:calc(100dvh - 360px);
  }
  .cx-ais-msg-wrap{
    min-height:280px;
    max-height:calc(100vh - 430px);
    max-height:calc(100dvh - 430px);
  }
  #lichsuchat .cx-oc-history-list{
    max-height:calc(100vh - 320px);
    max-height:calc(100dvh - 320px);
  }
  #lichsuchat .cx-oc-history-messages{
    height:calc(100vh - 470px);
    height:calc(100dvh - 470px);
    min-height:280px;
  }
  body.modal-open{
    position:relative;
    overflow:hidden;
    touch-action:auto;
  }
  .modal,
  .modal.show,
  .fancybox-container,
  .fancybox-stage,
  .fancybox-slide,
  .fancybox-slide>div,
  .fancybox-slide>.fancybox-content,
  .fancybox-outer{
    -webkit-overflow-scrolling:touch;
  }
  .modal{
    overflow-x:hidden;
    overflow-y:auto;
    overscroll-behavior:contain;
  }
  .modal-dialog{
    margin:.5rem;
    min-height:calc(100dvh - 1rem);
    display:flex;
    align-items:flex-start;
  }
  .modal-content{
    max-height:calc(100dvh - 1rem);
    overflow:hidden;
  }
  .modal-body{
    overflow-y:auto;
    overscroll-behavior:contain;
  }
  .fancybox-slide{
    overscroll-behavior:contain;
  }
  .fancybox-slide--html .fancybox-content,
  .fancybox-slide--iframe .fancybox-content,
  .fancybox-slide--ajax .fancybox-content,
  .fancybox-slide--inline .fancybox-content{
    max-height:calc(100dvh - 24px);
    overflow-y:auto;
    overscroll-behavior:contain;
  }
}
#lichsuchat .active .cx-oc-history-preview{color:#fefefe}
#lichsuchat .active .cx-oc-history-meta{color:#fefefe}
#lichsuchat .cx-oc-history-list .cx-oc-history-item{cursor:pointer}
#lichsuchat .cx-oc-history-item:focus{outline:none;box-shadow:inset 0 0 0 2px #17a2b8}
#lichsuchat .cx-oc-page-compose .input-group{align-items:stretch}
#chatdock{position:fixed;right:18px;bottom:18px;left:auto;top:auto;width:380px;max-width:calc(100vw - 24px);z-index:1065;display:none}
#chatdock.visible{display:block}
#chatdock .card{margin-bottom:0;border-radius:14px;overflow:hidden;border:1px solid #00000014;height:100%;display:flex;flex-direction:column}
#chatdock .card-header{cursor:move;background:#1493a5;color:#fff;padding:.65rem .85rem}
#chatdock .card-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#chatdock .card-tools{display:flex;align-items:center;gap:2px;flex-shrink:0}
#chatdock .card-header .btn-tool,#chatdock .card-header a{color:#fff}
#chatdock .card-header .btn-tool{padding:.2rem .35rem}
#chatdock .cx-oc-agent-label{font-size:12px;opacity:.9;margin-left:6px}
#chatdock .card-body{flex:1;min-height:0}
#chatdock .direct-chat-messages{height:100%;min-height:220px;padding:12px;background:#f4f6f9}
#chatdock .direct-chat-text,#lichsuchat .direct-chat-text{white-space:pre-wrap;word-break:break-word}
#chatdock textarea,#lichsuchat textarea{resize:none;min-height:58px;max-height:160px}
#chatdock .cx-oc-meta,#lichsuchat .cx-oc-page-meta{font-size:11px;opacity:.8}
#chatdock .cx-oc-empty,#lichsuchat .cx-oc-detail-empty{color:#6c757d;padding:12px 14px}
#chatdock.minimized .card-body,#chatdock.minimized .card-footer{display:none}
#chatdock.minimized .card-header{border-bottom:0;padding:.55rem .8rem}
#chatdock.cx-oc-widget-unread .card-header{background:#dc3545}
#chatdock .cx-oc-message-status{display:block;margin-top:4px;font-size:11px;opacity:.72}
#chatdock .cx-oc-pending .direct-chat-text,#lichsuchat .cx-oc-pending .direct-chat-text{opacity:.78;font-style:italic}
#chatdock .cx-oc-error .direct-chat-text,#lichsuchat .cx-oc-error .direct-chat-text{border-color:#dc3545;background:#fff5f5}
#chatdock .card-footer{padding-top:0;padding-bottom:0}
#chatdock .cx-oc-send.disabled,#lichsuchat .cx-oc-page-send.disabled,#cxOpenClawConfigModal .cx-oc-config-save.disabled{pointer-events:none;opacity:.65}
#chatdock .cx-oc-form,#lichsuchat .cx-oc-form{position:relative}
#chatdock .cx-oc-attach-menu,#lichsuchat .cx-oc-attach-menu{position:absolute;left:0;bottom:calc(100% + 6px);min-width:220px;background:#fff;border:1px solid #00000021;border-radius:8px;box-shadow:0 8px 20px #00000021;display:none;overflow:hidden;z-index:15}
#chatdock .cx-oc-attach-menu.open,#lichsuchat .cx-oc-attach-menu.open{display:block}
#lichsuchat.cx-ais-mode-other .cx-oc-attach-menu{bottom:auto;top:calc(100% + 6px)}
#chatdock .cx-oc-attach-menu .cx-oc-attach-action,#lichsuchat .cx-oc-attach-menu .cx-oc-attach-action{display:block;padding:8px 10px;color:#495057;text-decoration:none;font-size:13px}
#chatdock .cx-oc-attach-menu .cx-oc-attach-action:hover,#lichsuchat .cx-oc-attach-menu .cx-oc-attach-action:hover{background:#f4f6f9;color:#0d6efd}
.cxactionmenu{display:block;padding:8px 10px;color:#495057;text-decoration:none;font-size:13px}
.cxactionmenu:hover{background:#f4f6f9;color:#0d6efd}
.cx-oc-prompt-groups{display:flex;gap:5px;margin-left:5px}
#chatdock .cx-oc-queue-list,#lichsuchat .cx-oc-queue-list{display:flex;flex-direction:column;gap:6px}
#chatdock .cx-oc-queue-item,#lichsuchat .cx-oc-queue-item{display:flex;align-items:center;gap:8px;padding:6px 8px;border:1px solid #0000001a;border-radius:8px;background:#f8f9fa}
#chatdock .cx-oc-queue-main,#lichsuchat .cx-oc-queue-main{display:flex;min-width:0;flex:1}
#chatdock .cx-oc-queue-name,#lichsuchat .cx-oc-queue-name{font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#chatdock .cx-oc-queue-meta,#lichsuchat .cx-oc-queue-meta{font-size:11px;color:#6c757d;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#chatdock .cx-oc-save-lib-wrap,#lichsuchat .cx-oc-save-lib-wrap{display:flex;align-items:center;gap:4px;font-size:11px;color:#495057;white-space:nowrap;margin:0}
#chatdock .cx-oc-save-lib-wrap input,#lichsuchat .cx-oc-save-lib-wrap input{margin:0}
#chatdock .cx-oc-queue-remove,#lichsuchat .cx-oc-queue-remove{color:#dc3545;text-decoration:none;padding:0 4px}
#chatdock .cx-oc-message-attachments,#lichsuchat .cx-oc-message-attachments{margin-top:6px;display:flex;flex-direction:column;gap:4px}
#chatdock .cx-oc-message-attachment,#lichsuchat .cx-oc-message-attachment{display:flex;align-items:center;gap:6px;padding:4px 6px;border:1px solid #00000024;border-radius:6px;background:#ffffffbf;color:#2f4154;text-decoration:none}
#chatdock .cx-oc-message-attachment span,#lichsuchat .cx-oc-message-attachment span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#chatdock .cx-oc-message-attachment small,#lichsuchat .cx-oc-message-attachment small{font-size:10px;color:#6c757d}
#chatdock.cx-oc-drop-active .card,#chatdock .card.cx-oc-drop-active,#lichsuchat.cx-oc-drop-active .card,#lichsuchat .card.cx-oc-drop-active{box-shadow:0 0 0 2px #0d6efd66 inset}
#chatdock .cx-oc-resize-se{position:absolute;right:0;bottom:0;width:16px;height:16px;cursor:nwse-resize;z-index:22}
#chatdock .cx-oc-resize-se:before{content:'';position:absolute;right:2px;bottom:2px;width:10px;height:10px;border-right:2px solid #00000040;border-bottom:2px solid #00000040}
#chatdock.minimized .cx-oc-resize-top,#chatdock.minimized .cx-oc-resize-left,#chatdock.minimized .cx-oc-resize-topleft,#chatdock.minimized .cx-oc-resize-se{display:none}
body.cx-oc-resizing{user-select:none}
.nav-chat .nav-link{display:flex;align-items:center;gap:6px}
.cx-mail-app{--cxm-green:#1a7a4a;--cxm-green-dk:#155f39;--cxm-green-lt:#e8f5ee;--cxm-accent:#0f62fe;--cxm-accent-lt:#eaf0ff;--cxm-warn:#da1e28;--cxm-warn-lt:#fff1f1;--cxm-gold:#e6a817;--cxm-surface:#f4f6f8;--cxm-card:#fff;--cxm-border:#dde2e8;--cxm-text:#1c2026;--cxm-text2:#4a5568;--cxm-text3:#8a96a8;--cxm-radius:6px;--cxm-font:'IBM Plex Sans','Helvetica Neue',sans-serif;--cxm-mono:'IBM Plex Mono',monospace;--cxm-hdr:52px}
.cx-mail-app *,.cx-mail-app ::before,.cx-mail-app ::after{box-sizing:border-box}
.cx-mail-app ::-webkit-scrollbar{width:4px;height:4px}
.cx-mail-app ::-webkit-scrollbar-track{background:transparent}
.cx-mail-app ::-webkit-scrollbar-thumb{background:#c8d0db;border-radius:4px}
.cx-mail-app{font-family:var(--cxm-font);font-size:13.5px;line-height:1.55;color:var(--cxm-text);background:var(--cxm-surface);height:calc(100vh - var(--cxm-hdr) - 36px);display:flex;overflow:hidden;border-radius:var(--cxm-radius);border:1px solid var(--cxm-border);box-shadow:0 2px 8px #0000000f}
.cxm-sidebar{width:220px;flex-shrink:0;background:var(--cxm-card);border-right:1px solid var(--cxm-border);display:flex;flex-direction:column;overflow-y:auto;padding-bottom:12px}
.cxm-compose-btn{margin:12px 12px 6px;padding:8px 12px;background:var(--cxm-green);color:#fff;border:none;border-radius:var(--cxm-radius);font-family:var(--cxm-font);font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:7px;transition:background .15s;width:calc(100% - 24px)}
.cxm-compose-btn:hover{background:var(--cxm-green-dk)}
.cxm-sync-btn{margin:0 12px 12px;padding:6px 12px;background:transparent;color:var(--cxm-green);border:1px solid var(--cxm-green);border-radius:var(--cxm-radius);font-family:var(--cxm-font);font-size:12px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .15s;width:calc(100% - 24px)}
.cxm-sync-btn:hover{background:var(--cxm-green-lt)}
.cxm-sync-btn:disabled{opacity:.6;cursor:not-allowed}
.cxm-sync-btn.spinning .cxm-sync-icon{animation:cxmSpin .7s linear infinite}
@keyframes cxmSpin {
to{transform:rotate(360deg)}
}
.cxm-nav-sec-lbl{padding:8px 12px 3px;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--cxm-text3)}
.cxm-nav-item{display:flex;align-items:center;padding:7px 12px;gap:8px;cursor:pointer;font-size:13px;color:var(--cxm-text2);border-left:2px solid transparent;transition:background .1s;user-select:none}
.cxm-nav-item:hover{background:var(--cxm-surface);color:var(--cxm-text)}
.cxm-nav-item.active{background:var(--cxm-green-lt);color:var(--cxm-green-dk);font-weight:600;border-left-color:var(--cxm-green)}
.cxm-nav-item .ni-icon{width:16px;text-align:center;flex-shrink:0;font-size:13px}
.cxm-badge{margin-left:auto;padding:1px 6px;border-radius:10px;font-size:10px;font-weight:700;font-family:var(--cxm-mono)}
.cxm-badge.g{background:var(--cxm-green);color:#fff}
.cxm-badge.gr{background:var(--cxm-border);color:var(--cxm-text2)}
.cxm-badge.r{background:var(--cxm-warn);color:#fff}
.cxm-badge:empty{display:none}
.cxm-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}
.cxm-hr{border:none;border-top:1px solid var(--cxm-border);margin:6px 0}
.cxm-inbox{flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden}
.cxm-toolbar{display:flex;align-items:center;gap:8px;padding:9px 14px;background:var(--cxm-card);border-bottom:1px solid var(--cxm-border);flex-shrink:0}
.cxm-toolbar-title{font-size:14px;font-weight:700;color:var(--cxm-text);white-space:nowrap}
.cxm-search{flex:1;max-width:320px;position:relative}
.cxm-search input{width:100%;padding:6px 10px 6px 30px;border:1px solid var(--cxm-border);border-radius:var(--cxm-radius);font-family:var(--cxm-font);font-size:12.5px;background:var(--cxm-surface);outline:none;color:var(--cxm-text);transition:border .15s}
.cxm-search input:focus{border-color:var(--cxm-green);background:#fff}
.cxm-search-ico{position:absolute;left:9px;top:50%;transform:translateY(-50%);color:var(--cxm-text3);font-size:11px;pointer-events:none}
.cxm-tb-acts{margin-left:auto;display:flex;gap:4px}
.cxm-ico-btn{width:28px;height:28px;border:1px solid var(--cxm-border);background:var(--cxm-card);border-radius:var(--cxm-radius);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--cxm-text2);font-size:12px;transition:all .12s}
.cxm-ico-btn:hover{background:var(--cxm-surface)}
.cxm-tabs{display:flex;padding:0 14px;background:var(--cxm-card);border-bottom:1px solid var(--cxm-border);overflow-x:auto;flex-shrink:0}
.cxm-tab{padding:7px 12px;font-size:12px;font-weight:500;color:var(--cxm-text2);cursor:pointer;border-bottom:2px solid transparent;white-space:nowrap;transition:all .12s}
.cxm-tab:hover{color:var(--cxm-text)}
.cxm-tab.active{color:var(--cxm-green-dk);border-bottom-color:var(--cxm-green);font-weight:600}
.cxm-list{flex:1;overflow-y:auto}
.cxm-row{display:flex;align-items:center;padding:9px 14px;gap:9px;border-bottom:1px solid #f0f3f6;cursor:pointer;transition:background .1s;position:relative}
.cxm-row:hover{background:var(--cxm-surface)}
.cxm-row.unread{background:#fafcff}
.cxm-row.unread .cxm-subject{font-weight:600;color:var(--cxm-text)}
.cxm-row.unread::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--cxm-green);border-radius:0 2px 2px 0}
.cxm-row.selected{background:var(--cxm-accent-lt,#eaf0ff)}
.cxm-chk{width:15px;height:15px;border-radius:3px;border:1.5px solid var(--cxm-border);flex-shrink:0;cursor:pointer;appearance:none;-webkit-appearance:none;transition:all .12s;position:relative}
.cxm-chk:checked{background:var(--cxm-green);border-color:var(--cxm-green)}
.cxm-chk:checked::after{content:'✓';position:absolute;top:-1px;left:1px;font-size:10px;color:#fff}
.cxm-star{font-size:13px;cursor:pointer;color:var(--cxm-border);flex-shrink:0;transition:color .12s;line-height:1}
.cxm-star.on{color:var(--cxm-gold)}
.cxm-star:hover{color:var(--cxm-gold)}
.cxm-av{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff;flex-shrink:0;font-family:var(--cxm-mono)}
.cxm-body{flex:1;min-width:0}
.cxm-from{font-size:12px;font-weight:500;color:var(--cxm-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cxm-subject{font-size:13px;font-weight:400;color:var(--cxm-text2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cxm-preview{font-size:11.5px;color:var(--cxm-text3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cxm-meta{flex-shrink:0;text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:3px}
.cxm-time{font-size:10.5px;color:var(--cxm-text3);font-family:var(--cxm-mono)}
.cxm-pills{display:flex;gap:3px;align-items:center}
.cxm-pill{font-size:9px;font-weight:700;padding:1px 5px;border-radius:8px;text-transform:uppercase;letter-spacing:.04em}
.pill-INBOX{background:var(--cxm-green-lt);color:var(--cxm-green-dk)}
.pill-SENT{background:#f0fff4;color:#1a7a4a}
.pill-DRAFT{background:#f8f8f8;color:#888;border:1px solid #ddd}
.pill-SPAM{background:var(--cxm-warn-lt);color:var(--cxm-warn)}
.pill-SYSTEM{background:#f0f4ff;color:#3051b0}
.pill-PROMO{background:#fff8e6;color:#a06010}
.pill-TRASH{background:#f5f5f5;color:#999}
.cxm-pager{display:flex;align-items:center;justify-content:flex-end;gap:5px;padding:7px 14px;border-top:1px solid var(--cxm-border);background:var(--cxm-card);flex-shrink:0;font-size:11.5px;color:var(--cxm-text2)}
.cxm-pager .cxm-page-btn{width:26px;height:26px;border:1px solid var(--cxm-border);background:var(--cxm-card);border-radius:var(--cxm-radius);cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:center;transition:all .12s;color:var(--cxm-text);text-decoration:none;user-select:none}
.cxm-pager .cxm-page-btn:hover{background:var(--cxm-surface)}
.cxm-pager .cxm-page-btn.disabled{opacity:.35;cursor:not-allowed;pointer-events:none}
.cxm-detail{width:400px;flex-shrink:0;background:var(--cxm-card);border-left:1px solid var(--cxm-border);display:flex;flex-direction:column;overflow:hidden;transition:width .2s}
.cxm-detail.hidden{width:0;border:none;overflow:hidden}
.cxm-det-hdr{padding:13px 14px 9px;border-bottom:1px solid var(--cxm-border);flex-shrink:0}
.cxm-det-subject{font-size:14px;font-weight:700;color:var(--cxm-text);margin-bottom:8px;line-height:1.35}
.cxm-det-meta{display:flex;flex-direction:column;gap:3px}
.cxm-det-row{display:flex;font-size:12px;gap:5px}
.cxm-det-row .l{color:var(--cxm-text3);width:26px;flex-shrink:0;font-weight:600}
.cxm-det-row .v{color:var(--cxm-text2);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cxm-det-acts{display:flex;gap:6px;padding:9px 14px;border-bottom:1px solid var(--cxm-border);flex-shrink:0;flex-wrap:wrap}
.cxm-btn{padding:5px 11px;border-radius:var(--cxm-radius);font-family:var(--cxm-font);font-size:12px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:5px;border:1px solid transparent;transition:all .12s}
.cxm-btn.primary{background:var(--cxm-green);color:#fff;border-color:var(--cxm-green)}
.cxm-btn.primary:hover{background:var(--cxm-green-dk)}
.cxm-btn.outline{background:#fff;color:var(--cxm-text2);border-color:var(--cxm-border)}
.cxm-btn.outline:hover{background:var(--cxm-surface)}
.cxm-btn.danger{background:#fff;color:var(--cxm-warn);border-color:var(--cxm-warn)}
.cxm-btn.danger:hover{background:var(--cxm-warn-lt)}
.cxm-det-body{flex:1;overflow-y:auto;padding:14px;font-size:13px;line-height:1.65;color:var(--cxm-text)}
.cxm-det-loading{text-align:center;padding:40px 0;color:var(--cxm-text3);font-size:13px}
.cxm-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px 20px;color:var(--cxm-text3);gap:8px}
.cxm-empty .ei{font-size:38px}
.cxm-empty p{font-size:13px;text-align:center}
.av0{background:#0f62fe}
.av1{background:#da1e28}
.av2{background:#6929c4}
.av3{background:#9f1853}
.av4{background:#005d5d}
.av5{background:#1192e8}
.av6{background:#b28600}
.av7{background:#198038}
.cxm-overlay{position:fixed;inset:0;background:#0000004d;z-index:9999;display:flex;align-items:flex-end;justify-content:flex-end;padding-right:24px;pointer-events:none;opacity:0;transition:opacity .2s}
.cxm-overlay.open{pointer-events:all;opacity:1}
.cxm-modal{width:540px;background:var(--cxm-card);border-radius:10px 10px 0 0;box-shadow:0 -4px 32px #00000029;display:flex;flex-direction:column;max-height:78vh;transform:translateY(100%);overflow:hidden;transition:transform .25s cubic-bezier(.22,.61,.36,1)}
.cxm-overlay.open .cxm-modal{transform:translateY(0)}
.cxm-modal.minimized .cxm-modal-body{display:none}
.cxm-modal-hdr{display:flex;align-items:center;padding:10px 14px;background:var(--cxm-green-dk);color:#fff;border-radius:10px 10px 0 0;flex-shrink:0}
.cxm-modal-hdr span{flex:1;font-size:13px;font-weight:600}
.cxm-hdr-btns{display:flex;gap:4px}
.cxm-hdr-btn{width:24px;height:24px;border-radius:4px;border:none;background:#ffffff26;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;transition:background .12s}
.cxm-hdr-btn:hover{background:#ffffff47}
.cxm-modal-body{display:flex;flex-direction:column;flex:1;overflow:hidden;min-height:0}
.cxm-progress{height:2px;background:var(--cxm-green-lt);display:none;position:relative;overflow:hidden;flex-shrink:0}
.cxm-progress.active{display:block}
.cxm-progress::after{content:'';position:absolute;left:-60%;top:0;height:100%;width:60%;background:var(--cxm-green);animation:cxmProg 1.2s ease-in-out infinite}
@keyframes cxmProg {
0%{left:-60%}
100%{left:120%}
}
.cxm-fields{border-bottom:1px solid var(--cxm-border)}
.cxm-field{display:flex;align-items:center;border-bottom:1px solid #f0f3f6;padding:0 12px}
.cxm-field:last-child{border-bottom:none}
.cxm-field-lbl{font-size:11.5px;font-weight:700;color:var(--cxm-text3);width:34px;flex-shrink:0}
.cxm-field input{flex:1;border:none;outline:none;font-family:var(--cxm-font);font-size:13px;padding:8px 0;color:var(--cxm-text);background:transparent}
.cxm-field input::placeholder{color:var(--cxm-text3)}
.cxm-field-cc{display:flex;gap:8px;font-size:11px;color:var(--cxm-text3);font-weight:600}
.cxm-field-cc span{cursor:pointer;transition:color .12s}
.cxm-field-cc span:hover{color:var(--cxm-accent)}
.cxm-tb{display:flex;align-items:center;gap:2px;padding:4px 10px;border-bottom:1px solid var(--cxm-border);flex-wrap:wrap;flex-shrink:0}
.cxm-tb-btn{width:24px;height:24px;border:none;background:transparent;border-radius:3px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--cxm-text2);font-size:11.5px;transition:all .1s;position:relative}
.cxm-tb-btn:hover{background:var(--cxm-surface)}
.cxm-tb-sep{width:1px;height:14px;background:var(--cxm-border);margin:0 2px}
.cxm-tb-color-bar{position:absolute;bottom:2px;left:3px;right:3px;height:2px;background:var(--cxm-green)}
.cxm-editor{flex:1;min-height:160px;padding:10px 14px;font-size:13px;line-height:1.65;color:var(--cxm-text);outline:none;overflow-y:auto;font-family:var(--cxm-font);border:none}
.cxm-editor:empty::before{content:attr(data-ph);color:var(--cxm-text3)}
.cxm-attach-list{padding:4px 14px 6px;display:flex;flex-wrap:wrap;gap:5px;flex-shrink:0}
.cxm-att-item{display:flex;align-items:center;gap:4px;background:var(--cxm-surface);border:1px solid var(--cxm-border);border-radius:4px;padding:2px 7px;font-size:11px;color:var(--cxm-text2);max-width:180px}
.cxm-att-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}
.cxm-att-rm{cursor:pointer;color:var(--cxm-text3);flex-shrink:0;font-size:12px;transition:color .12s}
.cxm-att-rm:hover{color:var(--cxm-warn)}
.cxm-modal-ft{display:flex;align-items:center;padding:7px 12px;gap:7px;border-top:1px solid var(--cxm-border);background:var(--cxm-surface);flex-shrink:0}
.cxm-send-btn{padding:6px 16px;background:var(--cxm-green);color:#fff;border:none;border-radius:var(--cxm-radius);font-family:var(--cxm-font);font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;transition:background .15s}
.cxm-send-btn:hover{background:var(--cxm-green-dk)}
.cxm-send-btn:disabled{opacity:.55;cursor:not-allowed}
.cxm-ft-acts{display:flex;gap:3px;margin-left:auto}
.cxm-ft-btn{width:28px;height:28px;border:none;background:transparent;border-radius:var(--cxm-radius);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--cxm-text2);font-size:14px;transition:all .12s}
.cxm-ft-btn:hover{background:var(--cxm-border)}
.cxm-ft-btn.att{color:var(--cxm-green)}
.cxm-toast-wrap{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);z-index:19999;display:flex;flex-direction:column;gap:7px;align-items:center;pointer-events:none}
.cxm-toast{background:#1c2026;color:#fff;padding:7px 18px;border-radius:20px;font-size:12.5px;font-family:var(--cxm-font);box-shadow:0 4px 14px #0003;animation:cxmToastIn .2s ease;pointer-events:all}
.cxm-toast.ok{background:var(--cxm-green-dk)}
.cxm-toast.er{background:var(--cxm-warn)}
@keyframes cxmToastIn {
from{opacity:0;transform:translateY(10px)}
to{opacity:1;transform:translateY(0)}
}
.cxm-compose-box{position:fixed;bottom:0;right:24px;width:480px;height:520px;min-width:340px;min-height:280px;background:#fff;border-radius:10px 10px 0 0;box-shadow:0 8px 40px #00000038 0 2px 8px #0000001f;display:flex;flex-direction:column;z-index:9999;font-family:var(--cxm-font);transform:translateY(100%);opacity:0;transition:transform .22s cubic-bezier(.4,0,.2,1),opacity .18s ease;overflow:hidden}
.cxm-cb-resize-top{position:absolute;top:-3px;left:6px;right:6px;height:8px;cursor:n-resize;z-index:20}
.cxm-cb-resize-left{position:absolute;top:6px;left:0;bottom:0;width:5px;cursor:w-resize;z-index:10}
.cxm-cb-resize-topleft{position:absolute;top:-3px;left:-3px;width:12px;height:12px;cursor:nw-resize;z-index:21}
.cxm-cb-resize-top::after{content:'';position:absolute;top:1px;left:50%;transform:translateX(-50%);width:32px;height:3px;border-radius:2px;background:#00000021;transition:background .15s}
.cxm-cb-resize-top:hover::after{background:#00000047}
.cxm-compose-box.resizing{transition:none!important;user-select:none}
.cxm-compose-box.visible{transform:translateY(0);opacity:1}
.cxm-compose-box.minimized{height:42px!important;overflow:hidden;min-height:42px!important}
.cxm-compose-box.minimized #cxmCbBody,.cxm-compose-box.minimized .cxm-cb-footer{display:none}
.cxm-compose-box.maximized{right:16px;width:calc(100vw - 340px);height:calc(100vh - 48px);bottom:0}
.cxm-cb-header{position:relative;z-index:5;background:#404040;color:#fff;padding:0 10px;height:42px;display:flex;align-items:center;border-radius:10px 10px 0 0;cursor:default;user-select:none;flex-shrink:0}
.cxm-cb-title{flex:1;font-size:13px;font-weight:600;letter-spacing:.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cxm-cb-header-acts{display:flex;gap:2px}
.cxm-cb-hbtn{color:#ffffffbf!important;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:12px;transition:background .15s,color .15s;text-decoration:none!important}
.cxm-cb-hbtn:hover{background:#ffffff26;color:#fff!important}
.cxm-cb-hbtn.cxm-cb-close:hover{background:#d32f2f}
.cxm-cb-body{flex:1;display:flex;flex-direction:column;overflow:hidden}
.cxm-cb-field{display:flex;align-items:center;border-bottom:1px solid #f0f0f0;min-height:36px;padding:0 12px;gap:8px}
.cxm-cb-lbl{font-size:11.5px;color:#888;width:34px;flex-shrink:0}
.cxm-cb-input{flex:1;border:none;outline:none;font-size:13px;background:transparent;font-family:var(--cxm-font);color:#222;padding:4px 0}
.cxm-cb-input::placeholder{color:#bbb}
.cxm-cb-subject{font-weight:500}
.cxm-cb-subj-wrap{position:relative}
.cxm-cb-ccbtn{font-size:11px;color:#888!important;background:#f4f4f4;border-radius:4px;padding:2px 7px;text-decoration:none!important;flex-shrink:0;transition:background .15s}
.cxm-cb-ccbtn:hover{background:#e8e8e8;color:#333!important}
.cxm-cb-bodyarea{flex:1;overflow-y:auto;min-height:180px}
.cxm-cb-editor{min-height:180px;padding:10px 14px;font-size:13.5px;line-height:1.6;color:#222;outline:none;font-family:var(--cxm-font)}
.cxm-cb-editor:empty:before{content:attr(placeholder);color:#bbb;pointer-events:none}
.cxm-cb-bodyarea::-webkit-scrollbar{width:5px}
.cxm-cb-bodyarea::-webkit-scrollbar-thumb{background:#ddd;border-radius:3px}
.cxm-cb-footer{display:flex;align-items:center;padding:8px 12px;border-top:1px solid #f0f0f0;gap:8px;background:#fafafa;flex-shrink:0}
.cxm-cb-send-btn{background:var(--cxm-green);color:#fff!important;border:none;border-radius:20px;padding:6px 20px;font-size:13px;font-weight:600;cursor:pointer;text-decoration:none!important;transition:background .15s,opacity .15s;display:inline-flex;align-items:center;gap:6px}
.cxm-cb-send-btn:hover{background:var(--cxm-green-dk)}
.cxm-cb-send-btn.sending{opacity:.75;pointer-events:none}
.cxm-cb-footer-tools{margin-left:auto;display:flex;gap:4px}
.cxm-cb-tool-btn{color:#888!important;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:13px;text-decoration:none!important;transition:background .15s,color .15s}
.cxm-cb-tool-btn:hover{background:#f0f0f0;color:#d32f2f!important}
.cxm-compose-box:nth-child(2){right:524px}
.cxm-compose-box:nth-child(3){right:1024px}
.cxm-cb-form-wrap{flex:1;overflow:auto;min-height:0}
.nav-tabs .nav-link{padding-left:10px;padding-right:10px}
.card-header-tabs{padding-left:10px}
.form-group{position:relative}
.select2-container--open{z-index:999999!important}
:root{--cx-fc-border:#ced4da;--cx-fc-radius:4px;--cx-fc-bg:#fff;--cx-fc-color:#212529;--cx-fc-h:34px;--cx-fc-py:6px;--cx-fc-px:12px;--cx-fc-focus-border:#66afe9;--cx-fc-focus-shadow:0 0 0 .2rem #0d6efd40}
@supports (color:var(--bs-border-color)) {
:root{--cx-fc-border:var(--bs-border-color);--cx-fc-radius:var(--bs-border-radius);--cx-fc-bg:var(--bs-body-bg);--cx-fc-color:var(--bs-body-color);--cx-fc-h:calc(2.25rem + 2px);--cx-fc-py:.375rem;--cx-fc-px:.75rem;--cx-fc-focus-border:#86b7fe}
}
.row>.select2-container--default{width:auto!important;padding:0}
.select2-selection__rendered{width:100%!important}
.select2-container .select2-selection{box-sizing:border-box}
.select2-container--default .select2-selection--single{height:var(--cx-fc-h);border:1px solid var(--cx-fc-border);border-radius:var(--cx-fc-radius);background:var(--cx-fc-bg);display:flex;align-items:center;padding:0}
.select2-container--default .select2-selection--single .select2-selection__rendered{color:var(--cx-fc-color);line-height:1.5;padding:var(--cx-fc-py);margin:0}
.select2-container--default .select2-selection--single .select2-selection__arrow{height:100%;right:8px;width:18px;display:flex;align-items:center;justify-content:center}
.select2-container--open .select2-selection--single{border-bottom-left-radius:0;border-bottom-right-radius:0}
.select2-container--default.select2-container--focus .select2-selection--single{border-color:var(--cx-fc-focus-border);outline:0;box-shadow:var(--cx-fc-focus-shadow)}
.select2-container--default.select2-container--disabled .select2-selection--single{background:#e9ecef;cursor:not-allowed}
.select2-dropdown{border:1px solid var(--cx-fc-border);border-top:none;border-bottom-left-radius:var(--cx-fc-radius);border-bottom-right-radius:var(--cx-fc-radius);box-shadow:none}
.select2-container--open .select2-dropdown{margin-top:0}
.select2-search--dropdown{padding:6px}
.select2-search--dropdown .select2-search__field{height:var(--cx-fc-h);padding:var(--cx-fc-py) var(--cx-fc-px);border:1px solid var(--cx-fc-border);border-radius:var(--cx-fc-radius);box-sizing:border-box;outline:0}
.select2-search--dropdown .select2-search__field:focus{border-color:var(--cx-fc-focus-border);box-shadow:var(--cx-fc-focus-shadow)}
.select2-results__options{max-height:260px}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{background:#0d6efd}
#offcanvasSettings .offcanvas-header{padding:14px 16px}
#offcanvasSettings .offcanvas-title{display:flex;align-items:center;gap:8px;font-weight:700}
#offcanvasSettings .offcanvas-body{padding:14px 16px 18px;background:#f8fafc}
#offcanvasSettings .cx-settings-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:14px;box-shadow:0 4px 14px #0f172a0d}
#offcanvasSettings .cx-settings-title{display:flex;align-items:center;font-size:1.12rem;font-weight:700;margin:0 0 12px}
#offcanvasSettings .cx-settings-section .alert{border-radius:10px;margin-bottom:12px!important}
#offcanvasSettings .cx-settings-item{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:11px 12px;margin-bottom:8px;border:1px solid #d8e2ef;border-radius:10px;background:#fff;color:#0d6efd;font-weight:600;text-decoration:none;line-height:1.35;transition:all .18s ease}
#offcanvasSettings .cx-settings-item:hover{background:#f7fbff;border-color:#9dc3f8}
#offcanvasSettings .cx-settings-item.active{border-color:#1f9d55;background:#e8f8ee;color:#1c7c45}
#offcanvasSettings .cx-settings-item:last-child{margin-bottom:0}
#offcanvasSettings .custom-control.custom-switch{padding:10px 12px;border:1px dashed #cbd5e1;border-radius:10px;background:#f8fbff;margin-top:14px}
#offcanvasSettings .custom-control.custom-switch .custom-control-label{font-size:1.02rem;font-weight:700;color:#1f2937}
#offcanvasSettings .cx-vp-reset{margin-top:4px;padding:.56rem .7rem;font-weight:600}
#offcanvasSettings .cx-settings-topbar-hidden-list .cx-settings-item{color:#1e40af}
@media (max-width:991.98px){
#offcanvasSettings{width:min(94vw,430px)}
#offcanvasSettings .offcanvas-header{padding:15px 16px}
#offcanvasSettings .offcanvas-body{padding:16px 14px 20px}
#offcanvasSettings .cx-settings-section{padding:16px;border-radius:14px}
#offcanvasSettings .cx-settings-item{padding:13px 12px;font-size:1.03rem}
#offcanvasSettings .custom-control.custom-switch{padding:12px}
}
.cx-layout-radios{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.cx-layout-radio{margin:0;cursor:pointer}
.cx-layout-radio input[type="radio"]{display:none}
.cx-layout-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px 8px;border:2px solid #dee2e6;border-radius:8px;background:#fff;transition:all .2s ease;text-align:center}
.cx-layout-card i{font-size:1.5rem;color:#6c757d;margin-bottom:6px;transition:all .2s ease}
.cx-layout-card span{font-size:.75rem;font-weight:600;color:#6c757d;transition:all .2s ease}
.cx-layout-radio:hover .cx-layout-card{border-color:#28a745;background:#f8f9fa}
.cx-layout-radio.active .cx-layout-card,.cx-layout-radio input:checked + .cx-layout-card{border-color:#28a745;background:#d4edda}
.cx-layout-radio.active .cx-layout-card i,.cx-layout-radio input:checked + .cx-layout-card i{color:#28a745}
.cx-layout-radio.active .cx-layout-card span,.cx-layout-radio input:checked + .cx-layout-card span{color:#28a745}
.cx-apply-scope-radios{display:flex;flex-direction:column;gap:10px}
.cx-scope-radio{margin:0;cursor:pointer}
.cx-scope-radio input[type="radio"]{display:none}
.cx-scope-card{display:flex;align-items:center;padding:14px 16px;border:2px solid #e0e0e0;border-radius:10px;background:#fff;transition:all .25s ease;position:relative}
.cx-scope-card i{font-size:1.4rem;flex-shrink:0;margin-right:14px;transition:all .25s ease;color:#95a5a6}
.cx-scope-card i.fa-globe{color:#3498db}
.cx-scope-card > div{flex:1}
.cx-scope-card strong{display:block;font-size:.95rem;color:#2c3e50;font-weight:600;margin-bottom:3px;transition:color .25s ease}
.cx-scope-card small{display:block;font-size:.8rem;color:#7f8c8d;line-height:1.4}
.cx-scope-radio:hover .cx-scope-card{border-color:#3498db;background:#f0f8ff;transform:translateX(4px);box-shadow:0 3px 10px #3498db1f}
.cx-scope-radio:hover .cx-scope-card i{transform:scale(1.08)}
.cx-scope-radio.active .cx-scope-card,.cx-scope-radio input:checked + .cx-scope-card{border-color:#3498db;background:linear-gradient(135deg,#e3f2fd 0%,#f0f8ff 100%);box-shadow:0 4px 14px #3498db33}
.cx-scope-radio.active .cx-scope-card::before,.cx-scope-radio input:checked + .cx-scope-card::before{content:'\f00c';font-family:'Font Awesome 5 Free';font-weight:900;position:absolute;right:16px;top:50%;transform:translateY(-50%);color:#27ae60;font-size:1.2rem;animation:checkPop .3s ease}
@keyframes checkPop {
0%{transform:translateY(-50%) scale(0)}
50%{transform:translateY(-50%) scale(1.2)}
100%{transform:translateY(-50%) scale(1)}
}
.cx-scope-radio.active .cx-scope-card strong,.cx-scope-radio input:checked + .cx-scope-card strong{color:#2980b9}
.cx-scope-radio.active .cx-scope-card i,.cx-scope-radio input:checked + .cx-scope-card i{transform:scale(1.15)}
.cx-scope-radio.active .cx-scope-card .fa-file,.cx-scope-radio input:checked + .cx-scope-card .fa-file{color:#3498db}
.cx-scope-radio.active .cx-scope-card .fa-globe,.cx-scope-radio input:checked + .cx-scope-card .fa-globe{color:#2980b9}
img,#cx-ajax-main,.fancybox-slide>*{max-width:100%!important}
.none,.grouplinkalias .inline-error{display:none!important}
.grouplinkalias label{width:100%}
.content-header .breadcrumb li{margin-right:10px}
.content-header .breadcrumb li:not(:first-child)::before{float:left;padding-right:var(--bs-breadcrumb-item-padding-x);color:var(--bs-breadcrumb-divider-color);content:var(--bs-breadcrumb-divider, "/")}
.pull-right{float:right!important;margin-left:auto!important}
.app-content-header,.app-content{display:block!important;width:100%!important;float:none!important;clear:both!important;flex:0 0 100%!important;min-width:100%!important;grid-column:1 / -1!important;margin-bottom:15px;overflow:hidden}
.fancybox-active.modal-open .modal{z-index:199991!important}
.cx-dtr-wrap{position:relative}
.cx-dtr-wrap input.cx-dtr-hasclear{padding-right:34px}
.cx-dtr-wrap .cx-dtr-clearbtn{position:absolute;right:10px;top:50%;transform:translateY(-50%);z-index:50;display:none;width:22px;height:22px;line-height:22px;text-align:center;border-radius:50%;background:#f3f3f3;color:#777;text-decoration:none}
.cx-dtr-wrap .cx-dtr-clearbtn:hover{background:#e9e9e9;color:#333}
#notification{max-height:300px;max-width:300px;overflow-y:scroll}
.form-check{padding-left:1.5rem}
.cx-item{user-select:none;-webkit-user-drag:none;touch-action:manipulation;background:var(--bs-white)}
.stagepage .renderajaxjson{min-height:44px;border:1px dashed transparent;border-radius:8px;padding:4px;-webkit-overflow-scrolling:touch}
.cx-drop-active{border-color:var(--bs-success)!important;background:rgba(var(--bs-success-rgb),.06)!important}
.cx-drop-block{border-color:var(--bs-danger)!important;background:rgba(var(--bs-danger-rgb),.06)!important}
tbody tr td.sticky-radio{position:sticky;left:0;background:#fff;z-index:2;width:48px;min-width:48px;max-width:48px}
tbody tr td.sticky-radio .wrap-radio{height:100%;display:flex;align-items:center;justify-content:center}
.readonlycontent input,.readonlycontent textarea,.readonlycontent select{pointer-events:none!important;background:#f7f7f7!important;color:#333!important;border-color:#e0e0e0!important}
.readonlycontent .cke_top,.readonlycontent .cke_bottom,.readonlycontent .cke_toolbox,.readonlycontent .cke_button{display:none!important}
.readonlycontent .cke_inner{border:none!important}
.readonlycontent .cke_wysiwyg_frame{pointer-events:none!important}
.cke{z-index:99995!important}
.cke_dialog,.cke_toolgroup,.cke_combopanel,.cke_panel{z-index:99996!important}
.cx-row-picked{background:#fff3cd!important}
.cx-uv-ctrl{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px}
.cx-uv-ctrl .btn{white-space:nowrap}
.drop-area{min-height:400px!important}
._cx_ajax_toolbar{display:none!important}
@media screen and (min-width:768px) {
#cx-ajax-main{width:100%}
.fancybox-custom-ajax .fancybox-content,.fancybox-slide>*{width:90%!important;height:90%!important;max-width:none}
}
@media screen and (max-width:767px) {
#cx-ajax-main,.fancybox-slide>*{width:90%;padding:0 5%}
.linkalias .grouplinkalias{border:solid 1px #eee;border-radius:5px;margin:0}
}
.pointer{cursor:pointer}
#result-binhluan{display:table;width:100%}
#result-binhluan .thongbao{padding:5px 15px;color:#090;position:relative;top:0;left:0;border:solid 1px #39F;margin:10px}
#result-binhluan .error{padding:0 15px;color:red}
#result-binhluan li{margin-bottom:5px!important;overflow:hidden}
#result-binhluan .top{border-bottom:solid 2px #f2f2f2;margin:0 0 10px;padding:0 0 2px;height:52px}
#result-binhluan .top>*{height:40px;line-height:40px}
#result-binhluan .top .tenp{float:left;width:50%;margin:0;padding:0!important;background:0;color:#222;font-weight:400;font-size:14px}
#result-binhluan .top .tenp span,#result-binhluan .top .tenp a{background:none!important;color:#222!important;padding:0!important;opacity:1!important;font-weight:700!important;float:left}
#result-binhluan .top .sapxep{background:0;border:medium none;clear:none;color:#222;display:inline-table;margin:0;padding:0;text-align:right;width:50%}
#result-binhluan .sapxep p,#result-binhluan .sapxep div{display:inline-block;padding-right:20px;text-align:right}
#result-binhluan .avatar,#result-binhluan .my-avatar,#result-binhluan .txtNoiDung{float:left}
#result-binhluan .tieudebl{font-weight:700;text-transform:capitalize}
#result-binhluan .noidungchitietbinhluan:first-letter{text-transform:uppercase}
#result-binhluan .top .tenp:after{content:"";height:1px;width:1px;border-style:solid;border-width:0;position:inherit;right:0;border-color:none;top:0}
#result-binhluan .sapxep div select{background:#c00;color:#FFF;border:0;padding:7px 20px;box-shadow:0 2px 2px #000;height:34px}
#result-binhluan .NewComment,#result-binhluan .cmtBox{clear:both;overflow:hidden}
#result-binhluan .kvbl,#result-binhluan .kvtlbl{margin-bottom:10px!important;overflow:hidden}
#result-binhluan .submit-bl .ten input,#result-binhluan .submit-bl .mail input,#result-binhluan .submit-bl .td input,#result-binhluan .submit-bl .dt input{padding:5px 10px;margin:0}
#result-binhluan .kvbl .likethis,#result-binhluan .kvtlbl .likethis{color:#999}
#result-binhluan .kvbl .rateit,#result-binhluan .kvbl .pointer,#result-binhluan .kvbl .thoigianbinhluan,#result-binhluan .kvtlbl .rateit,#result-binhluan .kvtlbl .pointer,#result-binhluan .kvtlbl .thoigianbinhluan{padding-right:10px;border-top:none!important;background:none}
#result-binhluan .kvtlbl .wr,#result-binhluan .kvbl .wr{border:solid 1px #999;border-radius:3px}
#result-binhluan .txtNoiDung{width:100%;border:0;padding:10px;min-height:50px}
#result-binhluan .submit-bl{padding:10px 0;margin:0;overflow:hidden;border-top:solid 1px #999;background:#f7f7f7;clear:both}
#result-binhluan .submit-bl .ten input,#result-binhluan .submit-bl .mail input,#result-binhluan .submit-bl .td input,#result-binhluan .submit-bl .dt input{width:90%;padding:10px;margin:1%}
#result-binhluan .submit-bl .submit{padding:5px 10px}
#result-binhluan .submit-bl .submit .dg{float:left;width:50%}
#result-binhluan .submit-bl .submit .newcmt,#result-binhluan .submit-bl .submit .newcml,#result-binhluan .submit-bl .submit .hoac,#result-binhluan .submit-bl .submit .fb{float:right}
#result-binhluan .submit-bl .submit .hoac{display:block;margin:5px 10px;line-height:30px}
#result-binhluan #btnNewBinhLuan,#result-binhluan #btnBinhLuan,#result-binhluan .newcmt,#result-binhluan .newcml,#result-binhluan .fb{background:orange;color:#FFF;border:0;padding:7px 10px;box-shadow:0 2px 2px #000;float:right;height:40px;line-height:26px}
#result-binhluan #btnNewBinhLuan,#result-binhluan #btnBinhLuan{width:100px;margin-right:20px;font-size:14px}
#result-binhluan .fb{background:#3c5a99}
#result-binhluan .fb img{height:20px}
#result-binhluan .menutext2,#result-binhluan .ndtraloi{margin:0 0 15px 44px !important;overflow:hidden;border-left:dotted 1px #ccc;padding-left:6px!important}
#result-binhluan .avatar,#result-binhluan .my-avatar{min-width:48px;max-width:63px;height:48px;border-radius:50%;padding:5px;font-size:24px;font-weight:700;text-align:center;margin-right:5px;margin-top:3px}
#result-binhluan .kvtlbl,#result-binhluan .kvbl{width:calc(100% - 68px)}
.ndbl.sai{opacity:.5}
.rateit{display:-moz-inline-box;display:inline-block;position:relative;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none}
.rateit .rateit-range{position:relative;display:-moz-inline-box;display:inline-block;background:url(/dist/images/star.gif);height:16px;outline:none}
.rateit .rateit-range *{display:block}
* html .rateit,* html .rateit .rateit-range{display:inline}
* + html .rateit,* + html .rateit .rateit-range{display:inline}
.rateit .rateit-hover,.rateit .rateit-selected{position:absolute;left:0}
.rateit .rateit-hover-rtl,.rateit .rateit-selected-rtl{left:auto;right:0}
.rateit .rateit-hover{background:url(/dist/images/star.gif) left -32px}
.rateit .rateit-hover-rtl{background-position:right -32px}
.rateit .rateit-selected{background:url(/dist/images/star.gif) left -16px}
.rateit .rateit-selected-rtl{background-position:right -16px}
.rateit .rateit-preset{background:url(/dist/images/star.gif) left -48px}
.rateit .rateit-preset-rtl{background:url(/dist/images/star.gif) left -48px}
.rateit button.rateit-reset{background:red;width:16px;height:16px;display:-moz-inline-box;display:inline-block;float:left;outline:none;border:none;padding:0}
.rateit button.rateit-reset:hover,.rateit button.rateit-reset:focus{background-position:0 -16px}
#thongbaoHeThongModal .modal-dialog{max-width:85vw;width:85vw}
.cx-hd-stepper{display:flex;align-items:center;flex-wrap:wrap;gap:4px;margin-bottom:20px}
.cx-hd-step{display:flex;align-items:center;gap:6px;font-size:13px;padding:6px 14px;border-radius:20px;background:#f0f0f0;color:#666;white-space:nowrap;transition:all .2s}
.cx-hd-step.active{background:#0d6efd;color:#fff;font-weight:600}
.cx-hd-step span{width:22px;height:22px;border-radius:50%;background:#00000026;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:12px}
.cx-hd-step-line{flex:1;height:2px;background:#ddd;min-width:20px}
.cx-hd-buoc{animation:fadeInUp .2s ease}
@keyframes fadeInUp {
from{opacity:0;transform:translateY(8px)}
to{opacity:1;transform:translateY(0)}
}
#cx-hd-preview-content table{border-collapse:collapse;width:100%}
#cx-hd-preview-content td,#cx-hd-preview-content th{border:1px solid #ccc;padding:4px 8px}
.cx-oc-toolbar-group{position:relative}
.cx-oc-compose-wrap textarea{resize:none}
.cx-oc-multi-dock{position:fixed;bottom:0;right:6px;width:360px;max-width:calc(100vw - 12px);z-index:1065;display:block;transition:width .18s ease,right .22s ease,bottom .18s ease}
.cx-oc-multi-dock .card{margin-bottom:0;border-radius:12px 12px 0 0;border:1px solid #0000001f;border-bottom:0;height:100%;display:flex;flex-direction:column;box-shadow:0 -2px 12px #0000001a;overflow:visible!important}
.cx-oc-multi-dock .card-header,.cx-oc-multi-dock .card-body,.cx-oc-multi-dock .card-footer,.cx-oc-multi-dock .cx-oc-form,.cx-oc-multi-dock .cx-oc-toolbar,.cx-oc-multi-dock .cx-oc-toolbar-group{overflow:visible}
.cx-oc-multi-dock .card-header{cursor:pointer;background:#1493a5;color:#fff;padding:.42rem .58rem;user-select:none}
.cx-oc-multi-dock .card-title{font-size:12px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:4px}
.cx-oc-multi-dock .card-tools{display:flex;align-items:center;gap:1px;flex-shrink:0}
.cx-oc-multi-dock .card-header .btn-tool,.cx-oc-multi-dock .card-header a{color:#fff}
.cx-oc-multi-dock .card-header .btn-tool{padding:.12rem .22rem;font-size:11px}
.cx-oc-multi-dock .cx-oc-agent-label{font-size:10px;opacity:.82;margin-left:4px}
.cx-oc-multi-dock .cx-chat-dock-body{flex:1;min-height:0}
.cx-oc-multi-dock .cx-chat-dock-footer{padding:5px 7px 7px}
.cx-oc-multi-dock .direct-chat-messages{height:300px;min-height:180px;overflow-y:auto;padding:8px;background:#f4f6f9}
.cx-oc-multi-dock textarea{min-height:40px;max-height:100px;font-size:12px}
.cx-oc-multi-dock .input-group .btn{padding:.375rem .55rem}
.cx-oc-multi-dock .cx-oc-toolbar{gap:4px;margin-bottom:4px!important}
.cx-oc-multi-dock .cx-oc-tb-label{font-size:11px}
.cx-oc-multi-dock .cx-oc-attach-menu{position:absolute;left:0;bottom:calc(100% + 4px);min-width:200px;max-width:280px;background:#fff;border:1px solid #0000001f;border-radius:8px;box-shadow:0 8px 20px #0000002b;display:none;overflow:hidden;z-index:3000}
.cx-oc-multi-dock .cx-oc-attach-menu.open{display:block}
.cx-oc-multi-dock .cx-oc-attach-menu .cx-oc-attach-action,.cx-oc-multi-dock .cx-oc-attach-menu .cx-oc-quick-prompt{display:block;padding:7px 10px;color:#495057;text-decoration:none;font-size:12px;white-space:normal;background:transparent}
.cx-oc-multi-dock .cx-oc-attach-menu .cx-oc-attach-action:hover,.cx-oc-multi-dock .cx-oc-attach-menu .cx-oc-quick-prompt:hover{background:#f4f6f9;color:#0d6efd}
.cx-oc-multi-dock .direct-chat-text{white-space:pre-wrap;word-break:break-word}
.cx-oc-multi-dock .cx-oc-empty{color:#6c757d;padding:10px 12px}
.cx-oc-multi-dock .cx-oc-send.disabled{pointer-events:none;opacity:.65}
.cx-oc-multi-dock .cx-oc-message-status{display:block;margin-top:4px;font-size:11px;opacity:.72}
.cx-oc-multi-dock .cx-oc-pending .direct-chat-text{opacity:.78;font-style:italic}
.cx-oc-multi-dock .cx-oc-error .direct-chat-text{border-color:#dc3545;background:#fff5f5}
.cx-oc-multi-dock.cx-oc-md-minimized{width:180px}
.cx-oc-multi-dock.cx-oc-md-minimized .cx-chat-dock-body,.cx-oc-multi-dock.cx-oc-md-minimized .cx-chat-dock-footer{display:none}
.cx-oc-multi-dock.cx-oc-md-minimized .card{border-radius:10px 10px 0 0}
.cx-oc-multi-dock.cx-oc-md-minimized .card-header{padding:.34rem .5rem}
.cx-oc-multi-dock.cx-oc-md-minimized .card-title{font-size:12px;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cx-oc-multi-dock.cx-chat-dock--unread.cx-oc-md-minimized .card-header{background:#fff5f5;border-color:#f1b0b7}
.cx-oc-multi-dock.cx-chat-dock--unread.cx-oc-md-minimized .card-title,.cx-oc-multi-dock.cx-chat-dock--unread.cx-oc-md-minimized .card-header .btn-tool,.cx-oc-multi-dock.cx-chat-dock--unread.cx-oc-md-minimized .cx-oc-agent-label{color:#dc3545;opacity:1}
.cx-oc-multi-dock.cx-chat-dock--unread.cx-oc-md-minimized .card-header::after{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;background:#dc3545;margin-left:6px;vertical-align:middle}
.cx-oc-multi-dock.cx-chat-dock--pinned-right{right:0;bottom:0;border-left:1px solid #00000014;box-shadow:-8px 0 24px #00000014;z-index:1080}
.cx-oc-multi-dock.cx-chat-dock--pinned-right .card{height:100%;display:flex;flex-direction:column;border-radius:0}
.cx-oc-multi-dock.cx-chat-dock--pinned-right .cx-chat-dock-body{flex:1 1 auto;min-height:0}
.cx-oc-multi-dock.cx-chat-dock--pinned-right .cx-chat-dock-footer{flex:0 0 auto}
.cx-oc-multi-dock.cx-chat-dock--pinned-right .cx-chat-dock-messages{height:100%}
.cx-oc-multi-dock .cx-chat-dock-resize-handle{display:none;position:absolute;left:0;top:0;width:8px;height:100%;cursor:col-resize;z-index:3001}
.cx-oc-multi-dock.cx-chat-dock--pinned-right .cx-chat-dock-resize-handle{display:block}
.cx-oc-multi-dock.cx-oc-md-flash .card{animation:cxOcDockFlash .7s ease}
#cx-dock-tray{position:fixed;bottom:0;right:0;left:0;top:auto;pointer-events:none;z-index:1040}
#cx-dock-tray .cx-chat-dock,#cx-dock-tray .cx-oc-multi-dock{pointer-events:all}
.cx-dock-tray-toggle{opacity:.8;transition:opacity .15s}
.cx-dock-tray-toggle:hover{opacity:1}
.cx-aivs-shell{padding:4px 0}
.cx-aivs-shell .row{margin-left:-8px;margin-right:-8px}
.cx-aivs-list-col,.cx-aivs-detail-col{padding-left:8px;padding-right:8px}
.cx-aivs-card{background:#fff;border:1px solid #dfe3e8;border-radius:6px;padding:10px;margin-bottom:12px;box-shadow:0 1px 2px #00000008}
.cx-aivs-card-title{font-size:14px;font-weight:700;color:#1f2d3d;margin-bottom:8px}
.cx-aivs-filter{display:flex;flex-wrap:wrap;align-items:center;margin:-4px}
.cx-aivs-filter-status{min-width:170px;max-width:220px;margin:4px}
.cx-aivs-filter-keyword{flex:1 1 160px;min-width:150px;margin:4px}
.cx-aivs-btn-row{display:flex;align-items:center;margin:4px}
.cx-aivs-btn-row .btn{margin-right:6px}
.cx-aivs-btn-row .btn:last-child{margin-right:0}
.cx-aivs-list-wrap{border:1px solid #eceff3;border-radius:4px;max-height:320px;overflow-y:auto;background:#fff}
.cx-aivs-list-col .list-group-item{padding:8px 10px;font-size:12px;border-left:0;border-right:0}
.cx-aivs-list-col .list-group-item:first-child{border-top:0}
.cx-aivs-list-col .list-group-item.active{background:#1e73d8;border-color:#1e73d8}
.cx-aivs-list-col .list-group-item.active .text-muted{color:#e9f2ff!important}
.cx-aivs-list-item-inner{display:flex;justify-content:space-between;align-items:flex-start}
.cx-aivs-list-item-main{flex:1 1 auto;padding-right:8px}
.cx-aivs-list-item-side{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex-shrink:0}
.cx-aivs-list-repair.disabled{pointer-events:none;opacity:.65}
.cx-aivs-list-status{margin-top:6px}
.cx-aivs-create-section{margin-top:0}
.cx-aivs-runtime-defaults{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 10px}
.cx-aivs-runtime-chip{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;background:#eef6ff;border:1px solid #cfe2ff;color:#174ea6;font-size:12px;line-height:1.2}
.cx-aivs-runtime-chip b{margin-right:4px}
.cx-aivs-field{margin-bottom:8px}
.cx-aivs-field label{display:block;font-size:12px;font-weight:600;color:#374151;margin-bottom:4px}
.cx-aivs-form-actions{margin-bottom:4px}
.cx-aivs-form-actions .btn{margin-right:6px}
.cx-aivs-form-actions .btn:last-child{margin-right:0}
.cx-aivs-card-detail{padding:12px}
.cx-aivs-detail-head{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;padding-bottom:8px;border-bottom:1px solid #eceff3;margin-bottom:10px}
.cx-aivs-detail-title-wrap{padding-right:10px}
.cx-aivs-job-title{font-size:22px;font-weight:700;margin:0 0 4px;color:#1f2d3d}
.cx-aivs-head-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;margin:-3px}
.cx-aivs-head-actions .btn,.cx-aivs-head-actions .badge{margin:3px}
.cx-aivs-status{font-size:12px;padding:5px 8px}
.cx-aivs-block{margin-bottom:10px}
.cx-aivs-block:last-child{margin-bottom:0}
.cx-aivs-block-title{font-size:13px;font-weight:700;margin-bottom:6px;color:#1f2d3d}
.cx-aivs-pre{white-space:pre-wrap;word-break:break-word;max-height:210px;overflow:auto;background:#f8fafc;border:1px solid #e7ebf0;border-radius:4px;padding:10px;margin:0}
.cx-aivs-meta dt{font-weight:700;color:#1f2d3d}
.cx-aivs-meta dd{margin-bottom:4px}
.cx-ai-node-page{padding:4px 0}
.cx-ai-node-page .card{border-radius:10px;overflow:hidden}
.cx-ai-node-page .card-header{padding:10px 12px;background:#f8fafc;border-bottom:1px solid #e7edf4}
.cx-ai-node-page .card-title{font-size:15px;font-weight:700;color:#1f2d3d}
.cx-ai-node-page .form-group label{display:block;font-size:12px;font-weight:700;color:#334155;margin-bottom:5px}
.cx-ai-node-page .form-control,.cx-ai-node-page select.form-control,.cx-ai-node-page textarea.form-control{border-radius:8px;border:1px solid #d8e1ea;min-height:38px;background:#fbfdff;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease}
.cx-ai-node-page textarea.form-control{min-height:120px}
.cx-ai-node-page .form-control::placeholder{color:#94a3b8}
.cx-ai-node-page .form-control:focus,.cx-ai-node-page select.form-control:focus,.cx-ai-node-page textarea.form-control:focus{background:#fff;border-color:#1e73d8;box-shadow:0 0 0 .15rem #1e73d81f}
.cx-ai-node-page .input-group .btn{border-top-right-radius:8px;border-bottom-right-radius:8px}
.cx-ai-node-page #cxAiNodeList{border:1px solid #e7edf4;border-radius:10px;padding:8px;background:#fbfdff}
.cx-ai-node-page .cx-ai-node-item{border-radius:10px!important;padding:12px 14px!important}
.cx-ai-node-page .cx-ai-node-item.btn-outline-primary{background:#fff}
.cx-ai-node-page .cx-ai-node-item.btn-primary .small{color:#eff6ff!important}
.cx-ai-node-page details{border:1px dashed #d7e3f1;border-radius:8px;padding:10px 12px;background:#fbfdff}
.cx-ai-node-page details>summary{cursor:pointer;outline:none}
.cx-ai-node-page #cxAiNodeSnippet{font-family:Consolas,'Courier New',monospace;font-size:12px;line-height:1.55;background:#0f172a;color:#e2e8f0;border-color:#1e293b}
.cx-ai-node-page #cxAiNodeSnippet::selection{background:#334155;color:#f8fafc}
.cx-ai-node-page #cxAiNodePreviewResult .alert{border-radius:8px}
.cx-ais-list-wrap{max-height:calc(100vh - 500px);overflow-y:auto}
.cx-ais-msg-wrap{max-height:calc(100vh - 576px);overflow-y:auto}
.cx-ais-msg-user{margin-left:5%!important;background:#f0f4ff;border-left:3px solid #4a90d9}
.cx-ais-msg-assistant{width:95%;background:#f6fff0;border-left:3px solid #3aaf5c}
.cx-ais-msg-box{border-radius:4px;padding:8px 12px;margin-bottom:6px;white-space:pre-wrap;word-break:break-word;font-size:13px}
.cx-ais-badge-user{background:#4a90d9;color:#fff}
.cx-ais-badge-assistant{background:#3aaf5c;color:#fff}
.cx-ais-ask-wrap{border-top:1px solid #e0e0e0;padding-top:10px;margin-top:8px}
.cx-ais-result-box{background:#f9f9f9;border:1px solid #ddd;border-radius:4px;padding:10px;font-size:13px;white-space:pre-wrap;word-break:break-word;max-height:240px;overflow-y:auto;display:none}
.cx-ais-badge-provider{font-size:12px;padding:2px 5px;border-radius:3px;font-weight:600;letter-spacing:.02em;vertical-align:middle;flex-shrink:0}
.cx-ais-badge-claude{background:#f4e6d8;color:#8a3b12}
.cx-ais-badge-copilot{background:#ddf4e4;color:#116329}
.cx-ais-badge-codex{background:#dcfce7;color:#166534}
.cx-ais-badge-gemini{background:#dbeafe;color:#1d4ed8}
.cx-ais-unread{font-weight:700;border-left:3px solid #f39c12!important}
.cx-ais-unread-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#f39c12;flex-shrink:0;align-self:center;vertical-align:middle}
.cx-ais-item-body{min-width:0}
.cx-ais-item-head{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}
.cx-ais-item-head-main{display:flex;align-items:center;gap:4px;min-width:0;flex:1 1 auto}
.cx-ais-item-title{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1 1 auto;min-width:0;max-width:none}
.cx-ais-item-title--unread{font-weight:700;color:#1a1a1a}
.cx-ais-item-rename{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;padding:2px 6px;line-height:1.1}
.cx-ais-item-rename .fas{font-size:11px}
.cx-yc-detail-page{--cx-yc-accent:#23925d;--cx-yc-accent-deep:#176540;--cx-yc-border:#dbe8df;--cx-yc-surface:#fff;padding:0 8px 24px}
.cx-yc-2col{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:12px;align-items:start;width:100%}
.cx-yc-col-main,.cx-yc-col-side{display:flex;flex-direction:column;gap:12px}
.cx-yc-detail-page .box{margin-bottom:0;border:1px solid var(--cx-yc-border);border-radius:0;background:var(--cx-yc-surface);box-shadow:none}
.cx-yc-detail-page .box-header{padding:11px 16px;border-bottom:1px solid var(--cx-yc-border);background:#f8faf8}
.cx-yc-detail-page .box-title{font-size:14px;font-weight:700;color:#21332a}
.cx-yc-detail-page .box-body{padding:14px 16px}
.cx-yc-detail-page .box-footer{padding:12px 16px;border-top:1px solid var(--cx-yc-border);background:#fafcfb}
.cx-yc-detail-page .nav-tabs{padding:0 14px;background:#f8faf8;border-bottom:1px solid var(--cx-yc-border)}
.cx-yc-detail-page .nav-tabs .nav-link{border:0;border-radius:0;color:#607168;font-weight:600;padding:.65rem 1rem}
.cx-yc-detail-page .nav-tabs .nav-link.active{background:#fff;color:var(--cx-yc-accent-deep);border-bottom:2px solid var(--cx-yc-accent)}
.cx-yc-history-panels{max-height:260px;overflow-y:auto;padding:0 16px 16px;background:#fff}
.cx-yc-info-shell{min-height:180px}
.cx-yc-detail-page .cx-yc-traloi-thread,.cx-yc-detail-page .cx-yc-tinnhan-thread{background:#f8faf8;padding:14px 16px}
.cx-yc-detail-page .cx-yc-tinhtrang-label{padding:5px 10px;border-radius:0;font-size:12px;font-weight:700;letter-spacing:.02em}
.cx-yc-detail-page .list-group-item{border-color:#edf3ef;padding:10px 14px}
.cx-yc-detail-page .list-group-item-warning{background:#fff4ce;border-left:4px solid #f1bc3b;padding-left:10px}
.cx-yc-detail-page .cx-yc-summary-title{font-size:20px;line-height:1.35;font-weight:700;color:#1f3429;margin-bottom:12px}
.cx-yc-detail-page .cx-yc-meta-card,.cx-yc-detail-page .cx-yc-desc-card{height:100%;border:1px solid #e3ece6;border-radius:0;background:#fff;padding:12px 14px}
.cx-yc-detail-page .cx-yc-meta-label{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#6d7f76;margin-bottom:5px}
.cx-yc-detail-page .cx-yc-meta-value{font-size:15px;font-weight:600;color:#23362d;line-height:1.5;word-break:break-word}
.cx-yc-detail-page .cx-yc-desc-body{font-size:14px;line-height:1.75;color:#30443a}
.cx-yc-detail-page .cx-yc-empty{padding:16px 0;color:#77877f;text-align:center}
.cx-yc-detail-page .cx-yc-chat-item{display:flex;flex-direction:column;margin-bottom:12px}
.cx-yc-detail-page .cx-yc-chat-item.is-kh{align-items:flex-start}
.cx-yc-detail-page .cx-yc-chat-item.is-staff{align-items:flex-end}
.cx-yc-detail-page .cx-yc-chat-meta{font-size:12px;color:#75847d;margin-bottom:5px}
.cx-yc-detail-page .cx-yc-chat-bubble{max-width:92%;padding:10px 13px;border-radius:0;word-break:break-word}
.cx-yc-detail-page .cx-yc-chat-bubble-html{white-space:normal}
.cx-yc-detail-page .cx-yc-chat-bubble-html p{margin-bottom:4px}
.cx-yc-detail-page .cx-yc-chat-bubble-html p:last-child{margin-bottom:0}
.cx-yc-detail-page .cx-yc-chat-item.is-kh .cx-yc-chat-bubble{background:#fff;border:1px solid #dde9e1;color:#263830}
.cx-yc-detail-page .cx-yc-chat-item.is-staff .cx-yc-chat-bubble{background:#248a59;color:#fff}
.cx-yc-detail-page .cx-yc-chat-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;flex-shrink:0;border:1px solid #dde9e1}
.cx-yc-detail-page .cx-yc-chat-item--staff .cx-yc-chat-bubble{background:#f0f4f2;border:1px solid #d6e4dd;color:#263830}
.cx-yc-detail-page .cx-yc-field-label{display:block;margin-bottom:7px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#667a71}
.cx-yc-detail-page .cx-yc-reply-card textarea,.cx-yc-detail-page .cx-yc-reply-card input[type=file]{border-radius:0;border:1px solid #d7e5db;background:#fff;box-shadow:none}
.cx-yc-detail-page .cx-yc-reply-card textarea{min-height:130px;padding:10px 12px;resize:vertical}
.cx-yc-detail-page .cx-yc-reply-note,.cx-yc-detail-page .cx-yc-reply-filemeta{font-size:12px;line-height:1.6;color:#5f7269;margin-top:7px}
.cx-yc-detail-page .cx-yc-reply-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:14px}
.cx-yc-detail-page .cx-yc-reply-lock{padding:10px 12px;border-radius:0;background:#f1f4f2;color:#687771;font-size:13px;line-height:1.6}
.cx-yc-detail-page .cx-yc-note-footer .input-group .form-control,.cx-yc-detail-page .cx-yc-note-footer .input-group .btn{border-radius:0}
.cx-yc-tiendo-host .cx-yc-meta-label{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#6d7f76;margin-bottom:6px}
.cx-yc-td-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px;margin-bottom:10px}
.cx-yc-td-row{display:flex;align-items:center;gap:8px;margin-bottom:2px}
.cx-yc-td-label{margin-bottom:0!important;white-space:nowrap;flex-shrink:0}
.cx-yc-tiendo-input{border-radius:0!important;border:1px solid #c8d9ce!important;background:#fff!important;font-size:13px;flex:1;min-width:0}
.cx-yc-tiendo-input:focus{border-color:#23925d!important;box-shadow:none!important}
.cx-yc-tiendo-hint{font-size:11px;color:#7a8f82;margin-top:3px}
.cx-yc-tiendo-text{font-size:14px;color:#2e4338;line-height:1.5}
.cx-yc-luong-val{font-size:15px;font-weight:700;color:#1a6e3f;padding:2px 0}
.cx-yc-dt-giaoviec tbody tr{cursor:pointer}
.cx-yc-dt-giaoviec tbody tr:hover td{background-color:#f0f7f2!important}
.cx-yc-file-card{display:inline-flex;align-items:center;gap:6px;margin:4px 0;padding:5px 8px;background:#f0f7f2;border:1px solid #d0e8d9;border-radius:4px;max-width:100%;vertical-align:middle}
.cx-yc-file-img{max-height:52px;max-width:80px;border-radius:3px;object-fit:cover;display:block}
.cx-yc-file-video{max-height:90px;max-width:160px}
.cx-yc-file-audio{height:32px}
.cx-yc-file-docicon{font-size:20px;line-height:1;flex-shrink:0}
.cx-yc-file-linktext{font-size:11px;color:#1a6e3f;word-break:break-all;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}
.cx-yc-file-x{background:transparent;border:none;color:#aaa;font-size:13px;line-height:1;cursor:pointer;padding:0 2px;flex-shrink:0}
.cx-yc-file-x:hover{color:#c00}
.cx-yc-side-card{border-radius:0;margin-bottom:0}
.cx-yc-side-card>.card-header{padding:0;background:transparent;border-bottom:none}
.cx-yc-side-card>.card-header .nav-tabs{border-bottom:none}
.cx-yc-side-card>.card-header .nav-tabs .nav-link{border-radius:0;border:none;border-bottom:2px solid transparent;font-size:13px;font-weight:600;color:#5a7364;padding:.5rem .9rem}
.cx-yc-side-card>.card-header .nav-tabs .nav-link.active{color:#23925d;border-bottom-color:#23925d;background:transparent}
.cx-yc-side-card>.card-header .nav-tabs .nav-link:hover{color:#176540}
.cx-yc-side-card>.card-body{padding:0}
.cx-yc-side-card .tab-content>.tab-pane{display:none}
.cx-yc-side-card .tab-content>.active{display:block}

/* vm.monitor.js extracted styles */
.cx-vm-card{border:1px solid #e9ecef;border-radius:10px;background:#fff;padding:14px;height:100%}
.cx-vm-title{font-size:13px;color:#6c757d;margin-bottom:6px;text-transform:uppercase;letter-spacing:.04em}
.cx-vm-value{font-size:20px;font-weight:700;line-height:1.2}
.cx-vm-muted{font-size:12px;color:#6c757d}
.cx-vm-usage{font-size:12px;font-weight:600}
.cx-vm-progress{height:7px;background:#edf1f4;border-radius:6px;overflow:hidden}
.cx-vm-progress>span{display:block;height:100%}
.cx-vm-progress.ok>span{background:#28a745}
.cx-vm-progress.warn>span{background:#f39c12}
.cx-vm-progress.danger>span{background:#dc3545}
.cx-vm-table td,.cx-vm-table th{vertical-align:middle}
.cx-vm-chip{display:inline-block;padding:2px 8px;border-radius:99px;font-size:11px;font-weight:600}
.cx-vm-chip.success{background:#e8f7ee;color:#1f7a3b}
.cx-vm-chip.warning{background:#fff4df;color:#9d5b00}
.cx-vm-chip.danger{background:#fde8ea;color:#9f1d2a}
.cx-vm-chip.secondary{background:#eceff3;color:#4f5965}
.cx-vm-toolbar .form-control,.cx-vm-toolbar .form-select{height:34px;padding-top:4px;padding-bottom:4px}
.cx-vm-canvas-wrap{background:#fff;border:1px solid #e9ecef;border-radius:10px;padding:12px}
.cx-vm-legend{display:flex;gap:14px;flex-wrap:wrap;font-size:12px;margin-top:8px}
.cx-vm-legend i{display:inline-block;width:12px;height:12px;border-radius:2px;margin-right:4px;vertical-align:-1px}
.cx-vm-status-track{display:flex;gap:6px;flex-wrap:wrap;font-size:12px;margin-top:8px}
.cx-vm-status-track .item{display:inline-flex;align-items:center;gap:6px}
.cx-vm-status-track .dot{width:10px;height:10px;border-radius:50%;display:inline-block}
.cx-vm-node-list{max-height:360px;overflow:auto}
.cx-vm-node-item{border:1px solid #e8edf2;border-radius:8px;padding:10px;margin-bottom:8px}
.cx-vm-node-item .name{font-weight:600}
.cx-vm-node-item .meta{font-size:12px;color:#6c757d}

@media (max-width: 767.98px) {
  .cx-vm-card{padding:10px;border-radius:8px}
  .cx-vm-toolbar .d-flex{flex-wrap:wrap}
  .cx-vm-actions{display:flex;flex-wrap:wrap}
  .cx-vm-actions .btn{padding:.22rem .45rem;min-width:34px}
  .cx-vm-table td,.cx-vm-table th{padding:.45rem .35rem}
  .cx-vm-chip{padding:2px 6px;font-size:10px}
  .cx-vm-muted{font-size:11px}
}

/* >= 1200px */
@media screen and (min-width: 1200px) {
  /* Add CSS here */
}

/* 992px - 1199.98px */
@media screen and (min-width: 992px) and (max-width: 1199.98px) {
  /* Add CSS here */
}

/* >= 992px */
@media screen and (min-width: 992px) {
  #result-binhluan .avatar,
  #result-binhluan .my-avatar {
    width: 58px;
    height: 58px;
    border-radius: 50%;
    padding: 5px;
    font-size: 30px;
    font-weight: 700;
    text-align: center;
    margin-right: 8px;
    margin-top: 8px;
  }

  #result-binhluan .kvtlbl,
  #result-binhluan .kvbl {
    width: calc(100% - 66px);
  }

  #result-binhluan .submit-bl .ten,
  #result-binhluan .submit-bl .mail,
  #result-binhluan .submit-bl .td,
  #result-binhluan .submit-bl .dt {
    float: left;
    width: 50%;
  }

  #result-binhluan .btn-sm {
    float: right;
    width: 50%;
  }
}

/* <= 991.98px */
@media screen and (max-width: 991.98px) {
  .cx-zalochat-page .cx-zalochat-left-card,
  .cx-zalochat-page .cx-zalochat-right-card {
    min-height: auto;
  }

  .cx-zalochat-page .cx-zalochat-summary-list {
    max-height: 320px;
  }

  .cx-zalochat-page .cx-zalochat-main-body {
    height: auto;
  }

  .cx-zalochat-page .cx-zalochat-thread-wrap {
    height: 420px;
  }

  #result-binhluan .btn-sm {
    float: none;
    width: auto;
    clear: both;
  }

  #result-binhluan .sapxep p,
  #result-binhluan .sapxep div {
    padding-right: 5px;
  }

  .cx-aivs-list-wrap {
    max-height: 260px;
  }

  .cx-aivs-job-title {
    font-size: 18px;
  }

  .cx-aivs-head-actions {
    justify-content: flex-start;
  }

  .cx-yc-2col {
    grid-template-columns: 1fr;
  }

  .cx-yc-detail-page .cx-yc-reply-grid {
    grid-template-columns: 1fr;
  }


}

/* 768px - 991.98px */
@media screen and (min-width: 768px) and (max-width: 991.98px) {
  #result-binhluan .submit-bl .ten,
  #result-binhluan .submit-bl .mail,
  #result-binhluan .submit-bl .td,
  #result-binhluan .submit-bl .dt {
    float: left;
    width: 50%;
  }
}

/* 576px - 771px */
@media screen and (min-width: 576px) and (max-width: 771px) {
  /* Add CSS here */
}

/* >= 576px */
@media screen and (min-width: 576px) {
  /* Add CSS here */
}

/* <= 767.98px */
@media screen and (max-width: 767.98px) {
  .cx-zalochat-page .cx-zalochat-summary-title-row {
    display: block;
  }

  .cx-zalochat-page .cx-zalochat-summary-time {
    display: block;
    margin-top: 4px;
  }

  .cx-zalochat-page .cx-zalochat-inline-queue {
    width: 100%;
  }

  .cx-zalochat-page .cx-zalochat-inline-queue .form-control {
    width: 100%;
  }

  .cx-zalochat-page .cx-zalochat-compose-toolbar {
    align-items: stretch;
  }

  .cx-ai-node-page .card-header .btn-group {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
  }

  .cx-ai-node-page .card-header .btn-group > .btn {
    margin: 0;
  }

  .cx-ai-node-page #cxAiNodeSnippet {
    min-height: 220px;
  }
}

/* <= 575.98px */
@media screen and (max-width: 575.98px) {
  #result-binhluan .sapxep p,
  #result-binhluan .submit-bl .submit .hoac,
  #result-binhluan .top .tenp .sobinhluan {
    display: none;
  }
}

/* 350px - 767.98px */
@media screen and (min-width: 350px) and (max-width: 767.98px) {
  #result-binhluan .submit-bl .submit .hoac {
    display: none;
  }
}

/* <= 350px */
@media screen and (max-width: 350px) {
  #result-binhluan .top .tenp .bl {
    display: none;
  }
}

/* sidebar full-height fix: calc(100vh / --cx-zoom-ratio) bu tru CSS zoom tren <html> do BuildViewportScaleHeadScript apply */
.main-sidebar { height: calc(100vh / var(--cx-zoom-ratio, 1)) !important; }
.layout-fixed .wrapper .sidebar { height: calc(100vh / var(--cx-zoom-ratio, 1) - (3.5rem + 1px)) !important; }

/* ======================== Mail Marketing Campaign ======================== */
#mmCampaignPage .mm-grid{width:100%;border:1px solid #cfd7df;background:#fff}
#mmCampaignPage .mm-grid th{background:#2e86de;color:#fff;padding:8px;border-right:1px solid #fff;font-weight:600}
#mmCampaignPage .mm-grid td{padding:6px;border-top:1px solid #e1e5ea;vertical-align:middle}
#mmCampaignPage .mm-grid tr.mm-row:hover{background:#f3f9ff}
#mmCampaignPage .mm-grid tr.mm-active{background:#eef6ff}
#mmCampaignPage .mm-name-link{color:#2b73b8;cursor:pointer;text-decoration:none}
#mmCampaignPage .mm-start-input{max-width:220px}
#mmCampaignPage .mm-actions .btn{margin-right:4px;margin-bottom:3px}
#mmCampaignPage .mm-actions .btn:last-child{margin-right:0}
#mmCampaignPage .mm-chip{display:inline-block;padding:2px 7px;border-radius:10px;font-size:11px;margin-left:6px}
#mmCampaignPage .mm-chip-run{background:#29a744;color:#fff}
#mmCampaignPage .mm-side-box{border:1px solid #d9dfe6;background:#fff;margin-bottom:10px}
#mmCampaignPage .mm-side-head{padding:8px 10px;font-weight:600;border-bottom:1px solid #e6ebf0;background:#f8fafc}
#mmCampaignPage .mm-side-body{padding:10px}
#mmCampaignPage .mm-selected{font-size:12px;color:#666;margin-bottom:8px}
#mmCampaignPage .mm-campaign-meta{margin:4px 0 8px 0}
#mmCampaignPage .mm-result-action{display:none;margin-bottom:8px}
#mmCampaignPage .mm-source-hidden{display:none}
#mmCampaignPage #nhaplieuchiendichmail.mm-import-disabled{opacity:.55}
#mmCampaignPage #nhaplieuchiendichmail.mm-import-disabled .mm-import-source-list{pointer-events:none}
#mmCampaignPage .mm-import-option{margin-bottom:3px}
#mmCampaignPage .mm-import-option-label{cursor:pointer;margin-bottom:0;transition:all .15s ease}
#mmCampaignPage .mm-import-option-radio{position:absolute;opacity:0;width:0;height:0;pointer-events:none}
#mmCampaignPage .mm-import-option.mm-import-option-active{border:1px solid #3c8dbc;border-radius:4px;margin-bottom:6px}
#mmCampaignPage .mm-import-option-label.mm-import-option-label-active{border:none;border-bottom:1px solid #3c8dbc;background:#d9edf7;font-weight:600;border-radius:3px 3px 0 0}
#mmCampaignPage .mm-upload-drop{height:auto;min-height:76px;display:flex;align-items:center;justify-content:center;text-align:center;cursor:pointer}
#mmCampaignPage .mm-search-actions{padding-top:6px}
#mmCampaignPage .mm-catalog-list{max-height:220px;overflow:auto;margin-top:8px;border:1px solid #ddd;padding:6px}
#mmCampaignPage .mm-modal-hint{font-size:12px;color:#6b7280}
/* ====================== End Mail Marketing Campaign ====================== */

/* ====================== Chat nội bộ (cx-chat-page--noibo) ====================== */
/* Full-height layout — override AdminLTE height cứng 250px */
.cx-chat-page--noibo { display:flex; flex-direction:column; }
.cx-chat-page--noibo .row { flex:1 1 auto; }
.cx-chat-page--noibo .cx-chat-history-card,
.cx-chat-page--noibo .cx-chat-detail-card {
    display:flex; flex-direction:column;
    height:calc(100vh - 140px); min-height:400px;
}
.cx-chat-page--noibo .cx-chat-history-card > .card-body,
.cx-chat-page--noibo .cx-chat-detail-card > .card-body {
    flex:1 1 auto; display:flex; flex-direction:column;
    min-height:0; overflow:hidden;
}
#cxChatInbox { flex:1 1 auto; overflow-y:auto; min-height:100px; }
.cx-chat-page--noibo .direct-chat-messages {
    flex:1 1 auto; height:auto !important; min-height:150px; overflow-y:auto;
}
/* Dấu tin mới chưa đọc — nền đỏ nhạt + viền trái */
#cxChatInbox .cx-oc-history-item.cx-noib-unread {
    background-color:#fff0f0 !important; border-left:3px solid #dc3545 !important;
}
#cxChatInbox .cx-oc-history-item.cx-noib-unread .cx-oc-history-title-text,
#cxChatInbox .cx-oc-history-item.cx-noib-unread strong { color:#c0392b; }
/* Nút sửa tiêu đề trong list item — ẩn, hiện khi hover */
.cx-noib-item-rename { opacity:0; transition:opacity .15s ease; pointer-events:none; }
.cx-oc-history-item:hover .cx-noib-item-rename { opacity:1; pointer-events:auto; }
/* ====================== End Chat nội bộ ====================== */