/* Goku CRM V4.9 · Trò chuyện nội bộ + Hồ sơ cá nhân (màu nổi bật hơn phần còn lại của CRM) */
:root{--c49-a:#4f46e5;--c49-a2:#7c3aed;--c49-a3:#db2777;--c49-ink:#18203a;--c49-mut:#6b7491;--c49-line:#e6e9f5;--c49-soft:#f4f5ff;--c49-bg:#f6f7fe;--c49-red:#ef4444;--c49-grad:linear-gradient(135deg,#4f46e5 0%,#7c3aed 55%,#c026d3 100%)}

/* ---------- ảnh đại diện dùng chung ---------- */
.g49-av{position:relative;display:inline-grid;place-items:center;border-radius:50%;flex-shrink:0;overflow:visible;font-weight:800;letter-spacing:-.3px;line-height:1;vertical-align:middle;user-select:none}
.g49-av img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:50%;z-index:1}
.g49-av b{font-weight:800}
.g49-dot{position:absolute;right:-1px;bottom:-1px;width:28%;height:28%;min-width:8px;min-height:8px;border-radius:50%;background:#c3c8d6;border:2px solid #fff;z-index:2;display:none}
.g49-dot.on{display:block;background:#22c55e}
.pm47-av.g49-hasimg{position:relative;overflow:hidden}.pm47-av.g49-hasimg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.topRight .avatar.g49-topav{overflow:hidden;padding:0}.topRight .avatar.g49-topav img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.g49-foot{display:flex;align-items:center;gap:10px;width:100%;background:transparent;border:0;color:#fff;text-align:left;padding:0;cursor:pointer}
.g49-foot>span:last-child{display:flex;flex-direction:column;min-width:0}.g49-foot b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.g49-foot small{color:#9fb3cf;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0!important;letter-spacing:0!important;text-transform:none!important;font-weight:400!important}
.g49-menu-av{display:flex;justify-content:center;margin-bottom:6px}
.g49-btn-prof{background:var(--c49-grad)!important;border-color:transparent!important}
.g49-prof-head{display:flex;gap:18px;align-items:center;padding:14px;border-radius:16px;background:linear-gradient(135deg,#eef2ff,#fdf4ff);margin:8px 0 14px}
.g49-prof-head>div{display:flex;flex-direction:column;gap:4px;min-width:0}.g49-prof-head b{font-size:18px}.g49-prof-head span{color:var(--c49-mut);font-size:13px}
.g49-prof-btns{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}
.g49-prof-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.g49-prof-grid label{display:flex;flex-direction:column;gap:5px;font-size:12px;font-weight:700;color:#5b6582}
.g49-crop{position:relative;width:260px;height:260px;margin:10px auto;border-radius:14px;overflow:hidden;touch-action:none;background:#f1f3f9}
.g49-crop canvas{display:block;cursor:grab}.g49-crop canvas:active{cursor:grabbing}
.g49-crop-ring{position:absolute;inset:0;pointer-events:none;border-radius:50%;box-shadow:0 0 0 999px rgba(15,20,45,.45);outline:2px solid #fff;outline-offset:-2px}.g49-crop-ring.sq{border-radius:22%}
.g49-zoom{display:flex;align-items:center;gap:10px;justify-content:center;font-size:13px;color:var(--c49-mut)}.g49-zoom input{width:180px;accent-color:var(--c49-a)}

/* ---------- menu ---------- */
.c49-nav .navBadge.c49-navbadge{background:var(--c49-red)!important;color:#fff;font-weight:800}
.c49-nav .navBadge.c49-navbadge.at{background:linear-gradient(135deg,#f59e0b,#ef4444)!important}
.c49-nav .navicon{color:#a5b4fc}
.c49-nav.active{background:var(--c49-grad)!important}.c49-nav.active .navicon{color:#fff}
.mobileBottomNav .c49-bot span{position:relative}.mobileBottomNav .c49-bot em{position:absolute;top:-6px;right:-12px;background:var(--c49-red);color:#fff;font-style:normal;font-size:10px;font-weight:800;border-radius:9px;padding:1px 5px;line-height:13px}

/* ---------- bố cục trang ---------- */
body.c49-on .content{padding:0!important;max-width:none!important;margin:0!important}
/* trợ lý Goku AI: không che khung soạn tin */
body.c49-on .v30-notice{display:none!important}
body.c49-on.c49-cur .v30-robot,body.c49-on.c49-cur .v29-assistant{display:none!important} /* đang mở hội thoại: ẩn robot để không che tin nhắn / khung soạn */
.c49{--lw:340px;display:grid;grid-template-columns:var(--lw) minmax(0,1fr);height:calc(100vh - 72px);height:calc(100dvh - 72px);background:var(--c49-bg);overflow:hidden;color:var(--c49-ink);position:relative}
.c49.has-panel{grid-template-columns:var(--lw) minmax(0,1fr) 384px}
.c49.drop::after{content:'Thả tệp vào đây để gửi';position:absolute;inset:12px;border:3px dashed var(--c49-a);border-radius:18px;background:rgba(238,242,255,.85);display:grid;place-items:center;font-size:20px;font-weight:800;color:var(--c49-a);z-index:30;pointer-events:none}
.c49-load{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--c49-mut)}
.c49-spin{width:28px;height:28px;border-radius:50%;border:3px solid #e0e7ff;border-top-color:var(--c49-a);animation:c49spin .8s linear infinite;margin:24px auto}
@keyframes c49spin{to{transform:rotate(360deg)}}
.c49 button{font:inherit;color:inherit}
.c49 .c49-ref{color:#3730a3}.c49 .c49-ref.hidden{color:#8a91aa}
.c49-ib{width:36px;height:36px;border-radius:11px;border:0;background:transparent;display:inline-grid;place-items:center;color:#56607e;cursor:pointer;flex-shrink:0;font-size:16px}
.c49-ib:hover{background:#eef0ff;color:var(--c49-a)}
.c49-empty{text-align:center;color:var(--c49-mut);padding:26px 16px;line-height:1.6}.c49-empty svg{width:34px;height:34px;opacity:.5}
.c49-muted{color:var(--c49-mut);font-size:13px}
.c49-link{border:0;background:none;color:var(--c49-a);font-weight:700;cursor:pointer;padding:2px 4px}
.c49-small{padding:6px 10px!important;font-size:12px!important}
.c49-danger{color:#dc2626!important;border-color:#fecaca!important}

/* ---------- cột 1: danh sách ---------- */
.c49-list{display:flex;flex-direction:column;min-height:0;min-width:0;background:#fff;border-right:1px solid var(--c49-line)}
.c49-list-head{background:var(--c49-grad);color:#fff;padding:16px 14px 12px;position:relative;overflow:hidden}
.c49-list-head::before{content:'';position:absolute;right:-60px;top:-80px;width:200px;height:200px;border-radius:50%;background:rgba(255,255,255,.12)}
.c49-lh-top{display:flex;align-items:center;justify-content:space-between;position:relative}
.c49-lh-top h2{margin:0;font-size:20px;display:flex;align-items:center;gap:8px;letter-spacing:-.4px}.c49-lh-top h2 svg{width:22px;height:22px}
.c49-lh-top .c49-ib{color:#fff;background:rgba(255,255,255,.14)}.c49-lh-top .c49-ib:hover{background:rgba(255,255,255,.28);color:#fff}
.c49-lh-top>span{display:flex;gap:6px}
.c49-search{display:flex;align-items:center;gap:8px;margin-top:12px;background:rgba(255,255,255,.18);border-radius:12px;padding:0 12px;position:relative;border:1px solid rgba(255,255,255,.25)}
.c49-search input{flex:1;border:0;background:transparent;padding:10px 0;color:#fff;outline:none;font-size:14px;min-width:0}.c49-search input::placeholder{color:rgba(255,255,255,.75)}
.c49-search svg{opacity:.85}
.c49-search.light{background:#f4f5fb;border-color:var(--c49-line);margin:0 0 10px}.c49-search.light input{color:var(--c49-ink)}.c49-search.light input::placeholder{color:#99a0b8}
.c49-pins{display:flex;gap:6px;overflow-x:auto;margin:12px -14px -4px;padding:2px 14px 6px;scrollbar-width:none;position:relative}.c49-pins::-webkit-scrollbar{display:none}
.c49-pins button{border:0;background:transparent;display:flex;flex-direction:column;align-items:center;gap:5px;width:62px;flex-shrink:0;cursor:pointer;position:relative;color:#fff;padding:2px}
.c49-pins button span:last-child{font-size:11px;max-width:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;opacity:.95}
.c49-pins button i{position:absolute;top:0;right:4px;background:var(--c49-red);color:#fff;font-style:normal;font-size:10px;font-weight:800;border-radius:10px;padding:1px 5px;border:2px solid #fff;z-index:3}
.c49-pins button.on .c49-cav,.c49-pins button.on .g49-av{box-shadow:0 0 0 3px #fff}
.c49-filters{display:flex;gap:6px;overflow-x:auto;padding:10px 12px;border-bottom:1px solid var(--c49-line);scrollbar-width:none;flex-shrink:0}.c49-filters::-webkit-scrollbar{display:none}
.c49-filters button{border:1px solid var(--c49-line);background:#fff;border-radius:20px;padding:6px 11px;font-size:12px;font-weight:700;color:#5b6582;white-space:nowrap;cursor:pointer}
.c49-filters button.on{background:var(--c49-ink);border-color:var(--c49-ink);color:#fff}
.c49-filters button b{background:var(--c49-red);color:#fff;border-radius:9px;padding:0 5px;font-size:10px;margin-left:2px}
.c49-rows{flex:1;overflow-y:auto;padding:6px}
.c49-sec{font-size:11px;font-weight:800;color:var(--c49-mut);text-transform:uppercase;letter-spacing:.8px;padding:12px 10px 6px;display:flex;justify-content:space-between;align-items:center}
.c49-row{display:flex;align-items:center;gap:11px;width:100%;border:0;background:transparent;text-align:left;padding:10px;border-radius:14px;cursor:pointer;position:relative;margin-bottom:1px}
.c49-row:hover{background:var(--c49-soft)}
.c49-row.on{background:linear-gradient(90deg,#eef2ff,#f5f3ff);box-shadow:inset 3px 0 0 var(--c49-a)}
.c49-row.arch{opacity:.6}
.c49-row-b{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.c49-row-t{display:flex;align-items:center;gap:6px;min-width:0}
.c49-row-t b{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:0 1 auto;min-width:0}
.c49-row.unread .c49-row-t b{font-weight:800}
.c49-row-t time{margin-left:auto;font-size:11px;color:#9aa1b9;flex-shrink:0;padding-left:4px}
.c49-row.unread .c49-row-t time{color:var(--c49-a);font-weight:700}
.c49-row-p{font-size:12.5px;color:var(--c49-mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:30px}
.c49-row-p.small{font-size:11px;color:var(--c49-a);font-weight:700}
.c49-row.unread .c49-row-p{color:#2e3654}
.c49-sysprev{color:#7c83a0}
.c49-mute svg{width:13px;height:13px;opacity:.5}
.c49-badge{position:absolute;right:12px;bottom:12px;min-width:20px;height:20px;border-radius:10px;background:var(--c49-red);color:#fff;font-size:11px;font-weight:800;display:grid;place-items:center;padding:0 6px;box-shadow:0 2px 6px rgba(239,68,68,.35)}
.c49-badge.muted{background:#b6bccd;box-shadow:none}
.c49-at-badge{position:absolute;right:38px;bottom:12px;width:20px;height:20px;border-radius:50%;background:#f59e0b;color:#fff;font-size:12px;font-weight:800;display:grid;place-items:center}
.c49-kind{font-style:normal;font-size:10px;font-weight:800;padding:2px 6px;border-radius:6px;flex-shrink:0;letter-spacing:.2px}
.c49-kind.k-company{background:#fef3c7;color:#b45309}.c49-kind.k-dept{background:#ffedd5;color:#c2410c}.c49-kind.k-project{background:#dbeafe;color:#1d4ed8}
/* ảnh nhóm */
.c49-cav{position:relative;display:inline-grid;place-items:center;border-radius:30%;background:var(--c);background-image:linear-gradient(145deg,rgba(255,255,255,.28),rgba(0,0,0,.12));color:#fff;flex-shrink:0;font-weight:800;line-height:1;box-shadow:0 3px 10px color-mix(in srgb,var(--c) 35%,transparent);overflow:hidden;text-align:center;letter-spacing:-.3px}
.c49-cav img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}
.c49-cav b{font-weight:800;display:grid;place-items:center;padding:0 2px;word-break:break-all;width:100%;height:100%;box-sizing:border-box}.c49-cav b svg{width:52%;height:52%}
.c49-cav.k-company{border-radius:50%}

/* ---------- cột 2: khung chat ---------- */
.c49-main{display:flex;flex-direction:column;min-width:0;min-height:0;background:#fff;position:relative}
.c49-welcome{margin:auto;text-align:center;max-width:420px;padding:30px;color:var(--c49-mut)}
.c49-wel-art{width:96px;height:96px;border-radius:30px;margin:0 auto 18px;background:var(--c49-grad);display:grid;place-items:center;color:#fff;box-shadow:0 18px 40px rgba(99,102,241,.35);transform:rotate(-6deg)}.c49-wel-art svg{width:48px;height:48px}
.c49-welcome h2{color:var(--c49-ink);margin:0 0 8px}.c49-welcome p{line-height:1.7}
.c49-head{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:0 12px;padding:12px 18px 0;border-bottom:1px solid var(--c49-line);background:#fff;flex-shrink:0;z-index:2}
.c49-back{display:none}
.c49-head-t{min-width:0}.c49-head-t h3{margin:0;font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.3px}
.c49-head-t p{margin:3px 0 0;font-size:12px;color:var(--c49-mut);display:flex;align-items:center;gap:4px;white-space:nowrap;overflow:hidden}.c49-head-t p svg{width:14px;height:14px;vertical-align:-2px}
.c49-on{color:#16a34a;font-weight:700}.c49-arch{color:#b45309}
.c49-typing{color:var(--c49-a);font-weight:600;font-style:italic}
.c49-head-a{display:flex;gap:2px}
.c49-aib{color:#a21caf!important}.c49-aib:hover{background:#fdf4ff!important}
.c49-tabs{grid-column:1/-1;display:flex;gap:4px;overflow-x:auto;padding:10px 0 8px;scrollbar-width:none}.c49-tabs::-webkit-scrollbar{display:none}
.c49-tabs button,.c49-tabs a{display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;padding:7px 11px;border-radius:10px;font-size:13px;font-weight:600;color:#56607e;white-space:nowrap;cursor:pointer;text-decoration:none}
.c49-tabs button svg,.c49-tabs a svg{width:15px;height:15px}
.c49-tabs button:hover,.c49-tabs a:hover{background:var(--c49-soft);color:var(--c49-a)}
.c49-tabs button.on{background:#eef2ff;color:var(--c49-a);box-shadow:inset 0 0 0 1px #c7d2fe}
.c49-tabs .c49-tabadd{color:#99a0b8;font-size:16px}
.c49-tabwrap{flex:1;display:flex;flex-direction:column;min-height:0;position:relative;background:var(--c49-bg);background-image:radial-gradient(circle at 12% 8%,rgba(129,140,248,.10),transparent 38%),radial-gradient(circle at 92% 88%,rgba(236,72,153,.07),transparent 40%)}
.c49-msgs{flex:1;overflow-y:auto;padding:10px 22px 16px;overscroll-behavior:contain}
.c49-pane{flex:1;overflow-y:auto;padding:18px 22px}
.c49-start{text-align:center;padding:28px 10px 18px}.c49-start h3{margin:12px 0 4px}.c49-start p{margin:0;color:var(--c49-mut);font-size:13px}
.c49-more{text-align:center;padding:8px}.c49-more button{border:1px solid var(--c49-line);background:#fff;border-radius:20px;padding:6px 14px;font-size:12px;cursor:pointer;color:var(--c49-a);font-weight:700}
.c49-day{display:flex;justify-content:center;margin:16px 0 8px;position:sticky;top:4px;z-index:1}
.c49-day span{background:rgba(255,255,255,.92);border:1px solid var(--c49-line);border-radius:20px;padding:4px 12px;font-size:11.5px;font-weight:700;color:#5b6582;box-shadow:0 2px 8px rgba(30,40,90,.05)}
.c49-new{display:flex;align-items:center;gap:10px;margin:10px 0;color:var(--c49-a);font-size:12px;font-weight:800}
.c49-new::before,.c49-new::after{content:'';flex:1;height:1.5px;background:linear-gradient(90deg,transparent,var(--c49-a))}.c49-new::after{background:linear-gradient(90deg,var(--c49-a),transparent)}
.c49-msg{display:grid;grid-template-columns:46px minmax(0,1fr);gap:0 4px;padding:6px 8px;border-radius:14px;position:relative;margin-top:6px}
.c49-msg.compact{margin-top:0;padding-top:1px;padding-bottom:2px}
.c49-msg:hover{background:rgba(99,102,241,.045)}
.c49-msg.hl{animation:c49hl 2.2s ease}@keyframes c49hl{0%,40%{background:#fef3c7}}
.c49-msg.tome{background:linear-gradient(90deg,rgba(254,243,199,.55),transparent 60%)}
.c49-gut{display:flex;justify-content:flex-start;padding-top:2px}
.c49-gut time{font-size:10px;color:transparent;padding-top:6px;width:38px;text-align:center}.c49-msg:hover .c49-gut time{color:#a3a9bf}
.c49-avbtn{border:0;background:none;padding:0;cursor:pointer}
.c49-mb{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:4px}
.c49-meta{display:flex;align-items:baseline;gap:8px;font-size:13px;min-width:0;max-width:100%}
.c49-meta b{font-weight:700;color:#2e3654;cursor:pointer;white-space:nowrap}.c49-meta b:hover{color:var(--c49-a)}
.c49-st{color:#9aa1b9;font-size:12px;border-left:1px solid var(--c49-line);padding-left:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.c49-meta time{color:#a3a9bf;font-size:11px;flex-shrink:0}
.c49-pinmark{color:#d97706;font-size:11px;font-weight:700;display:inline-flex;align-items:center;gap:3px}.c49-pinmark svg{width:12px;height:12px}
.c49-bub{background:#fff;border:1px solid var(--c49-line);border-radius:4px 16px 16px 16px;padding:9px 13px;font-size:14.5px;line-height:1.55;max-width:min(680px,100%);word-wrap:break-word;overflow-wrap:anywhere;box-shadow:0 1px 2px rgba(20,30,80,.04);color:#1f2744}
.c49-msg.compact .c49-bub{border-radius:16px}
.c49-bub.mine{background:linear-gradient(135deg,#4f46e5,#6d5cf0);border-color:transparent;color:#fff;box-shadow:0 4px 14px rgba(79,70,229,.22)}
.c49-bub.mine a{color:#e0e7ff}
.c49-bub a{color:var(--c49-a);text-decoration:underline;text-underline-offset:2px;word-break:break-all}
.c49-bub code{background:rgba(99,102,241,.1);padding:1px 5px;border-radius:5px;font-size:13px}
.c49-bub.big{font-size:38px;background:transparent!important;border:0;box-shadow:none;padding:0 4px;line-height:1.2}
.c49-bub.del{background:transparent;border-style:dashed;color:#9aa1b9;box-shadow:none}
.c49-edited{opacity:.65;font-size:11px}
.c49-at{color:var(--c49-a);font-weight:700;background:#eef2ff;border-radius:6px;padding:0 4px;cursor:pointer}
.c49-at.me{background:#fde68a;color:#92400e}
.c49-bub.mine .c49-at{background:rgba(255,255,255,.2);color:#fff}.c49-bub.mine .c49-at.me{background:#fde68a;color:#92400e}
.c49-quote{border:0;border-left:3px solid #c7d2fe;background:#f4f5ff;color:#5b6582;font-size:12px;padding:5px 10px;border-radius:0 8px 8px 0;cursor:pointer;text-align:left;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* #tag dự án / task */
.c49-ref{white-space:nowrap;display:inline-flex;align-items:center;gap:5px;border:1px solid #c7d2fe;background:#fff;color:#3730a3;border-radius:8px;padding:1px 7px 1px 4px;font-size:13px;font-weight:700;cursor:pointer;vertical-align:baseline;max-width:100%;line-height:1.5}
.c49-ref:hover{border-color:var(--c49-a);box-shadow:0 2px 8px rgba(79,70,229,.15)}
.c49-ref-ic{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:5px;background:#eef2ff;color:var(--c49-a);flex-shrink:0}.c49-ref-ic svg{width:12px;height:12px}
.c49-ref-t{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:280px;min-width:0}
.c49-ref-st,.c49-ref-who{white-space:nowrap;flex-shrink:0}.c49-side .c49-ref-who,.c49-sys .c49-ref-who{display:none}
.c49-ref-st{font-size:10.5px;padding:0 6px;border-radius:5px;background:#f1f3f9;color:#5b6582;font-weight:800}
.c49-ref-who{font-size:11px;color:#8a91aa;font-weight:600}
.c49-ref.st-done .c49-ref-st{background:#dcfce7;color:#15803d}.c49-ref.st-inprogress .c49-ref-st{background:#dbeafe;color:#1d4ed8}.c49-ref.st-notstarted .c49-ref-st{background:#fef3c7;color:#a16207}.c49-ref.st-uat .c49-ref-st{background:#f3e8ff;color:#7e22ce}
.c49-ref.st-done .c49-ref-t{text-decoration:line-through;text-decoration-color:rgba(21,128,61,.5)}
.c49-ref.hidden{border-style:dashed;color:#8a91aa;background:#f8f9fc}.c49-ref.missing{opacity:.6;text-decoration:line-through}.c49-ref.pending{opacity:.8}
.c49-bub.mine .c49-ref{background:rgba(255,255,255,.95)}
/* ảnh, tệp, thẻ link */
.c49-imgs{display:grid;gap:4px;max-width:min(460px,100%);border-radius:14px;overflow:hidden}
.c49-imgs.n1{grid-template-columns:1fr}.c49-imgs.n2{grid-template-columns:1fr 1fr}.c49-imgs.n3,.c49-imgs.n4{grid-template-columns:1fr 1fr}
.c49-imgs button{border:0;padding:0;background:#e8ebf5;cursor:zoom-in;display:block;aspect-ratio:4/3;overflow:hidden}
.c49-imgs.n1 button{aspect-ratio:auto;max-height:360px}
.c49-imgs img{width:100%;height:100%;object-fit:cover;display:block}.c49-imgs.n1 img{object-fit:contain;max-height:360px;background:#f4f5fa}
.c49-file,.c49-card{display:flex;align-items:center;gap:11px;background:#fff;border:1px solid var(--c49-line);border-radius:14px;padding:10px 12px;max-width:min(420px,100%);text-decoration:none;color:inherit;box-shadow:0 1px 3px rgba(20,30,80,.04)}
.c49-file:hover,.c49-card:hover{border-color:#c7d2fe;box-shadow:0 4px 14px rgba(79,70,229,.1)}
.c49-file>span:nth-child(2),.c49-card>span:nth-child(2){display:flex;flex-direction:column;min-width:0;flex:1}
.c49-file b,.c49-card b{font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.c49-file small,.c49-card small{color:var(--c49-mut);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.c49-file em,.c49-card em{color:#a3a9bf}
.c49-file-ic{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;font-size:10px;font-weight:800;color:#fff;background:#64748b;flex-shrink:0}
.c49-file-ic.e-pdf{background:#ef4444}.c49-file-ic.e-doc,.c49-file-ic.e-docx{background:#2563eb}.c49-file-ic.e-xls,.c49-file-ic.e-xlsx,.c49-file-ic.e-csv{background:#16a34a}.c49-file-ic.e-ppt,.c49-file-ic.e-pptx{background:#ea580c}.c49-file-ic.e-zip{background:#7c3aed}
.c49-card-ic{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;color:#fff;font-weight:800;font-size:16px;flex-shrink:0}
/* cảm xúc, chủ đề */
.c49-reacts{display:flex;flex-wrap:wrap;gap:5px}
.c49-reacts button{border:1px solid var(--c49-line);background:#fff;border-radius:20px;padding:2px 9px;font-size:13px;cursor:pointer;display:inline-flex;align-items:center;gap:4px}
.c49-reacts button b{font-size:11.5px;color:#5b6582}
.c49-reacts button.mine{background:#eef2ff;border-color:#a5b4fc}.c49-reacts button.mine b{color:var(--c49-a)}
.c49-reacts .add{opacity:0;color:#99a0b8}.c49-msg:hover .c49-reacts .add{opacity:1}.c49-reacts .add svg{width:14px;height:14px}
.c49-thr{display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;color:var(--c49-a);padding:3px 6px 3px 2px;border-radius:9px;cursor:pointer;font-size:13px}
.c49-thr:hover{background:#eef2ff}.c49-thr .g49-av{margin-right:-10px;border:2px solid #fff;box-sizing:content-box}.c49-thr b{margin-left:12px}.c49-thr span{color:#9aa1b9;font-size:11.5px}
.c49-seen{font-size:11px;color:#16a34a;font-weight:700}
/* công cụ khi rê chuột */
.c49-tools{position:absolute;top:-14px;right:12px;display:none;background:#fff;border:1px solid var(--c49-line);border-radius:12px;box-shadow:0 6px 20px rgba(30,40,90,.12);padding:3px;gap:1px;z-index:3}
.c49-msg:hover>.c49-tools{display:flex}
.c49-tools button{border:0;background:transparent;width:32px;height:30px;border-radius:9px;cursor:pointer;display:grid;place-items:center;color:#56607e;font-size:15px}
.c49-tools button:hover{background:#eef2ff;color:var(--c49-a)}
.c49-tools.mini{position:static;display:inline-flex;box-shadow:none;border:0;background:transparent;margin-left:auto}
/* tin hệ thống & chúc mừng */
.c49-sys{display:flex;justify-content:center;align-items:center;gap:8px;margin:10px 0;flex-wrap:wrap}
.c49-sys>span{display:inline-block;background:linear-gradient(135deg,#eef2ff,#f5f3ff);color:#3f3d8f;border:1px solid #dfe3ff;border-radius:20px;padding:6px 14px;font-size:12.5px;line-height:1.5;max-width:min(620px,92%);text-align:center}
.c49-sys>span>svg{width:15px;height:15px;color:var(--c49-a);vertical-align:-3px;margin-right:5px}
.c49-sys time{font-size:10.5px;color:#a3a9bf}
.c49-sys .c49-ref{font-size:12px}
.c49-cele{display:flex;justify-content:center;margin:16px 0}
.c49-cele-in{position:relative;max-width:min(560px,96%);width:100%;background:linear-gradient(135deg,#fff7ed 0%,#fef3c7 50%,#fce7f3 100%);border:1.5px solid #fcd34d;border-radius:20px;padding:18px 20px 12px 74px;box-shadow:0 10px 30px rgba(245,158,11,.18);overflow:hidden}
.c49-cele-in::before{content:'🎊';position:absolute;right:14px;top:8px;font-size:30px;opacity:.55;transform:rotate(14deg)}
.c49-cele-ic{position:absolute;left:16px;top:16px;width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg,#f59e0b,#ef4444);display:grid;place-items:center;font-size:24px;box-shadow:0 6px 16px rgba(239,68,68,.3)}
.c49-cele-t{font-size:14.5px;line-height:1.6;color:#422006}.c49-cele-t b{color:#9a3412}
.c49-cele .c49-at{background:#fff;color:#c2410c}
.c49-cele .c49-imgs{margin-top:8px}
.c49-cele-f{display:flex;align-items:center;margin-top:6px}.c49-cele-f time{font-size:11px;color:#a16207}
.c49-cele.mini{margin:8px 0}.c49-cele.mini .c49-cele-in{padding:12px 14px 12px 64px}.c49-cele.mini .c49-cele-ic{width:38px;height:38px;font-size:20px}
.c49-edit{width:100%;max-width:680px}.c49-edit textarea{width:100%;min-height:70px;border:1.5px solid var(--c49-a);border-radius:12px;padding:9px 12px;font:inherit;resize:vertical;outline:none;box-sizing:border-box}.c49-edit div{display:flex;gap:6px;justify-content:flex-end;margin-top:5px}
.c49-jump{position:absolute;right:22px;bottom:120px;border:0;background:#fff;color:var(--c49-a);border-radius:20px;padding:8px 14px;font-weight:800;font-size:13px;box-shadow:0 8px 22px rgba(30,40,90,.18);cursor:pointer;z-index:4}
/* khung soạn tin */
.c49-comp{margin:0 18px 16px;background:#fff;border:1.5px solid #dfe3f5;border-radius:18px;position:relative;box-shadow:0 6px 24px rgba(30,40,90,.06);flex-shrink:0;transition:border-color .15s,box-shadow .15s}
.c49-comp:focus-within{border-color:#a5b4fc;box-shadow:0 0 0 4px rgba(165,180,252,.25),0 6px 24px rgba(30,40,90,.06)}
.c49-comp textarea{display:block;width:100%;border:0;outline:none;resize:none;padding:13px 16px 4px;font:inherit;font-size:14.5px;line-height:1.5;background:transparent;max-height:200px;box-sizing:border-box;color:var(--c49-ink)}
.c49-cbar{display:flex;align-items:center;gap:2px;padding:4px 8px 8px}
.c49-cbar>button:not(.c49-send){width:34px;height:34px;border:0;background:transparent;border-radius:10px;color:#6b7491;cursor:pointer;display:grid;place-items:center;font-size:15px}
.c49-cbar>button:not(.c49-send):hover{background:#eef2ff;color:var(--c49-a)}
.c49-hint{margin-left:auto;font-size:11px;color:#b0b6c9;padding-right:8px}
.c49-also{margin-left:auto;font-size:12px;color:#5b6582;display:flex;align-items:center;gap:5px;padding-right:6px;cursor:pointer}
.c49-send{margin-left:auto;width:40px;height:40px;border-radius:13px;border:0;background:var(--c49-grad);color:#fff;display:grid;place-items:center;cursor:pointer;box-shadow:0 6px 16px rgba(124,58,237,.35);flex-shrink:0}
.c49-send:hover{filter:brightness(1.08)}.c49-send svg{width:18px;height:18px}
.c49-atts{display:flex;gap:6px;flex-wrap:wrap;padding:10px 12px 0}
.c49-att{display:inline-flex;align-items:center;gap:6px;background:#f4f5ff;border:1px solid #e0e4fb;border-radius:10px;padding:4px 6px 4px 4px;font-size:12px;max-width:220px}
.c49-att img{width:30px;height:30px;object-fit:cover;border-radius:7px}.c49-att b{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.c49-att button{border:0;background:transparent;color:#99a0b8;cursor:pointer}.c49-att i{color:var(--c49-a);font-size:11px}.c49-att.busy{opacity:.7}
.c49-locked{margin:0 18px 16px;padding:14px;border-radius:14px;background:#fff7ed;border:1px dashed #fdba74;color:#9a3412;font-size:13px;text-align:center}
.c49-suggest{position:absolute;left:10px;right:10px;bottom:calc(100% + 6px);background:#fff;border:1px solid var(--c49-line);border-radius:14px;box-shadow:0 16px 40px rgba(30,40,90,.18);max-height:280px;overflow-y:auto;display:none;padding:5px;z-index:20}
.c49-suggest.on{display:block}
.c49-suggest button{display:flex;align-items:center;gap:9px;width:100%;border:0;background:transparent;padding:7px 9px;border-radius:10px;text-align:left;cursor:pointer}
.c49-suggest button.on,.c49-suggest button:hover{background:#eef2ff}
.c49-suggest b{font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.c49-suggest small{color:var(--c49-mut);font-size:12px;margin-left:auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:45%}
.c49-suggest p{margin:8px;color:var(--c49-mut);font-size:13px}

/* ---------- cột 3 ---------- */
.c49-side{display:none;flex-direction:column;min-height:0;background:#fff;border-left:1px solid var(--c49-line)}
.c49.has-panel .c49-side{display:flex}
.c49-sh{display:flex;align-items:center;justify-content:space-between;padding:14px 14px 12px 18px;border-bottom:1px solid var(--c49-line);flex-shrink:0}
.c49-sh h3{margin:0;font-size:16px}.c49-sh>span{display:flex;gap:2px}
.c49-thbox{flex:1;overflow-y:auto;padding:12px 10px;background:var(--c49-bg)}
.c49-throot{background:#fff;border-radius:16px;border:1px solid var(--c49-line);padding:4px}
.c49-throot .c49-msg:hover{background:transparent}
.c49-thsep{display:flex;align-items:center;gap:10px;color:var(--c49-mut);font-size:12px;font-weight:700;margin:14px 6px 6px}.c49-thsep::after{content:'';flex:1;height:1px;background:var(--c49-line)}
.c49-ttyping{font-size:12px;color:var(--c49-a);font-style:italic;padding:4px 12px;min-height:18px}
.c49-side .c49-comp{margin:10px 12px 12px}
.c49-side .c49-msg{grid-template-columns:40px minmax(0,1fr)}.c49-side .c49-gut .g49-av{width:32px!important;height:32px!important}
.c49-info-h{text-align:center;padding:4px 0 10px;display:flex;flex-direction:column;align-items:center;gap:6px}.c49-info-h h3{margin:4px 0 0}.c49-info-h p{margin:0;color:var(--c49-mut);font-size:13px}
.c49-autonote{background:#f0f9ff;border:1px solid #bae6fd;color:#075985!important;border-radius:12px;padding:8px 10px;font-size:12px!important;display:flex;gap:6px;align-items:flex-start;text-align:left}.c49-autonote svg{width:14px;height:14px;flex-shrink:0;margin-top:2px}
.c49-info-a{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin:8px 0}.c49-info-a .ghost{font-size:12px;padding:7px 10px}
.c49-info-b{display:flex;gap:8px;justify-content:center;margin-top:18px}
.c49-mem{display:flex;align-items:center;gap:10px;padding:7px 4px;border-radius:12px}.c49-mem:hover{background:var(--c49-soft)}
.c49-mem>span:nth-child(2){flex:1;min-width:0;display:flex;flex-direction:column}.c49-mem b{font-size:13.5px}.c49-mem small{color:var(--c49-mut);font-size:12px}
.c49-mem em{font-style:normal;font-size:10px;background:#e0f2fe;color:#0369a1;border-radius:5px;padding:0 5px;font-weight:700}
.c49-all{display:flex;align-items:center;gap:6px;font-size:13px;color:#5b6582;margin-bottom:10px}
.c49-sr{display:flex;gap:10px;width:100%;border:0;background:transparent;text-align:left;padding:10px 8px;border-radius:12px;cursor:pointer;border-bottom:1px solid #f1f2f8}
.c49-sr:hover{background:var(--c49-soft)}.c49-sr>span{min-width:0;font-size:13px}.c49-sr time{color:#a3a9bf;font-size:11px}.c49-sr small{display:block;color:#4a5272;margin-top:3px;line-height:1.45}
.c49-ai p{line-height:1.6}.c49-ai h4{margin:14px 0 6px;font-size:13px;color:#7e22ce;text-transform:uppercase;letter-spacing:.6px}.c49-ai ul{margin:0;padding-left:18px;line-height:1.6}
.c49-todo li{display:flex;justify-content:space-between;gap:8px;align-items:baseline}.c49-todo em{color:var(--c49-mut);font-style:normal}
/* tab Ghim / Tệp / Dự án / Task */
.c49-pinlist{display:flex;flex-direction:column;gap:8px;max-width:760px}
.c49-pinitem{background:#fff;border:1px solid var(--c49-line);border-left:4px solid #f59e0b;border-radius:14px;padding:4px;cursor:pointer}
.c49-pinitem .c49-tools{display:none!important}
.c49-h4{margin:14px 0 8px;font-size:13px;color:#5b6582;display:flex;align-items:center;gap:6px}.c49-h4 span{background:#eef0f7;border-radius:8px;padding:0 7px;font-size:11px}
.c49-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:6px}
.c49-gallery button{border:0;padding:0;aspect-ratio:1;border-radius:12px;overflow:hidden;cursor:zoom-in;background:#e8ebf5}.c49-gallery img{width:100%;height:100%;object-fit:cover}
.c49-frow{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:8px}.c49-frow>span{font-size:12px;color:var(--c49-mut)}
.c49-proj{max-width:720px}
.c49-proj-h{background:var(--c);background-image:linear-gradient(135deg,rgba(255,255,255,.18),rgba(0,0,0,.18));color:#fff;border-radius:20px;padding:20px 22px;position:relative;box-shadow:0 12px 30px color-mix(in srgb,var(--c) 30%,transparent)}
.c49-proj-h small{opacity:.85;font-weight:700;letter-spacing:.6px}.c49-proj-h h3{margin:6px 0 10px;font-size:20px}
.c49-stage{background:rgba(255,255,255,.22);border-radius:20px;padding:4px 12px;font-size:12px;font-weight:700}
.c49-prog{margin:16px 0;background:#fff;border:1px solid var(--c49-line);border-radius:16px;padding:14px 16px}.c49-prog em{color:#dc2626;font-style:normal;font-weight:700}
.c49-prog i{display:block;height:10px;border-radius:10px;background:#eef0f7;margin-top:10px;overflow:hidden}.c49-prog s{display:block;height:100%;background:linear-gradient(90deg,#22c55e,#4ade80);border-radius:10px;text-decoration:none}
.c49-kv{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;margin-bottom:14px}.c49-kv>div{background:#fff;border:1px solid var(--c49-line);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:3px}.c49-kv span{font-size:11px;color:var(--c49-mut);font-weight:700;text-transform:uppercase;letter-spacing:.4px}.c49-kv b{font-size:14px}
.c49-tasks-h{display:flex;justify-content:space-between;align-items:center;max-width:760px}
.c49-task{display:flex;align-items:center;gap:10px;width:100%;max-width:760px;border:1px solid var(--c49-line);background:#fff;border-radius:12px;padding:9px 12px;margin-bottom:5px;cursor:pointer;text-align:left}
.c49-task:hover{border-color:#c7d2fe;box-shadow:0 4px 12px rgba(79,70,229,.08)}
.c49-task>span:nth-child(2){flex:1;min-width:0;display:flex;flex-direction:column}.c49-task b{font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.c49-task small{font-size:11.5px;color:var(--c49-mut)}
.c49-task time{font-size:12px;color:#5b6582;font-weight:700}.c49-task time.late{color:#dc2626}
.c49-tdot{width:10px;height:10px;border-radius:50%;background:#cbd5e1;flex-shrink:0}.c49-tdot.st-inprogress{background:#3b82f6}.c49-tdot.st-done{background:#22c55e}.c49-tdot.st-notstarted{background:#f59e0b}.c49-tdot.st-uat{background:#a855f7}
.c49-h4.st-inprogress{color:#1d4ed8}.c49-h4.st-done{color:#15803d}.c49-h4.st-notstarted{color:#a16207}

/* ---------- hộp nổi ---------- */
.c49-pop{position:fixed;z-index:1000;background:#fff;border:1px solid var(--c49-line);border-radius:14px;box-shadow:0 18px 50px rgba(20,30,80,.22);padding:5px;animation:c49pop .12s ease}
@keyframes c49pop{from{opacity:0;transform:translateY(4px) scale(.98)}}
.c49-pop.react{display:flex;gap:2px}.c49-pop.react button{border:0;background:transparent;font-size:22px;width:40px;height:40px;border-radius:10px;cursor:pointer;transition:transform .1s}.c49-pop.react button:hover{background:#f4f5ff;transform:scale(1.2)}
.c49-pop.menu{min-width:220px;display:flex;flex-direction:column}.c49-pop.menu button{border:0;background:transparent;text-align:left;padding:9px 12px;border-radius:9px;cursor:pointer;font-size:13.5px;color:var(--c49-ink)}.c49-pop.menu button:hover{background:#eef2ff}.c49-pop.menu .danger{color:#dc2626}
.c49-emogrid{display:grid;grid-template-columns:repeat(8,36px);gap:2px;max-width:300px}.c49-emogrid button{border:0;background:transparent;font-size:20px;height:36px;border-radius:9px;cursor:pointer}.c49-emogrid button:hover{background:#f4f5ff}
.c49-pcard{display:flex;flex-direction:column;align-items:center;gap:5px;padding:14px 18px;min-width:220px;text-align:center}.c49-pcard small{color:var(--c49-mut)}.c49-pcard em{font-size:12.5px;color:#5b6582}.c49-pres{font-size:11px;background:#fef3c7;color:#a16207;border-radius:10px;padding:2px 8px;font-weight:700}.c49-pcard .btn{margin-top:8px;background:var(--c49-grad);border:0}
.c49-toast{position:fixed;right:22px;bottom:90px;z-index:900;display:flex;align-items:center;gap:10px;max-width:360px;background:#fff;border:1px solid var(--c49-line);border-left:4px solid var(--c49-a);border-radius:16px;padding:10px 14px;box-shadow:0 18px 50px rgba(20,30,80,.25);cursor:pointer;text-align:left;animation:c49in .25s ease;transition:opacity .4s,transform .4s}
.c49-toast>span:last-child{display:flex;flex-direction:column;min-width:0}.c49-toast b{font-size:13.5px}.c49-toast small{font-size:12.5px;color:#5b6582;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.c49-toast.out{opacity:0;transform:translateX(30px)}@keyframes c49in{from{opacity:0;transform:translateX(30px)}}
.c49-lb{position:fixed;inset:0;z-index:2000;background:rgba(10,14,30,.88);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;gap:12px}
.c49-lb img{max-width:100%;max-height:calc(100vh - 110px);border-radius:10px;box-shadow:0 20px 60px rgba(0,0,0,.5)}
.c49-lb-bar{display:flex;gap:10px;align-items:center;color:#fff;font-size:13px}.c49-lb-bar .ghost{background:rgba(255,255,255,.12);color:#fff;border-color:rgba(255,255,255,.2);text-decoration:none}

/* ---------- hộp thoại tạo nhóm / cài đặt ---------- */
.c49-form{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:12px 0}
.c49-form label{display:flex;flex-direction:column;gap:5px;font-size:12px;font-weight:700;color:#5b6582}.c49-form .full{grid-column:1/-1}
.c49-lab{font-size:12px;font-weight:700;color:#5b6582;display:block;margin-bottom:6px}
.c49-chk{flex-direction:row!important;align-items:flex-start;gap:8px!important;font-weight:500!important;color:var(--c49-ink)!important;font-size:13.5px!important;cursor:pointer}
.c49-chk input{margin-top:3px;accent-color:var(--c49-a);width:16px;height:16px;flex-shrink:0}.c49-chk small{display:block;color:var(--c49-mut);font-size:12px;margin-top:2px}
.c49-sw{display:flex;gap:8px}.c49-sw label{cursor:pointer}.c49-sw input{display:none}.c49-sw i{display:block;width:28px;height:28px;border-radius:9px;background:var(--c);box-shadow:0 2px 6px rgba(0,0,0,.15)}.c49-sw input:checked+i{outline:3px solid var(--c);outline-offset:2px}
.c49-depts{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px}.c49-depts .ghost{font-size:12px;padding:5px 10px;border-radius:20px}
.c49-plist{max-height:300px;overflow-y:auto;border:1px solid var(--c49-line);border-radius:14px;padding:4px}
.c49-plist label,.c49-plist button{display:flex;align-items:center;gap:10px;padding:7px 8px;border-radius:10px;cursor:pointer;width:100%;border:0;background:transparent;text-align:left}
.c49-plist label:hover,.c49-plist button:hover{background:var(--c49-soft)}
.c49-plist input{accent-color:var(--c49-a);width:17px;height:17px}
.c49-plist label>span:last-child,.c49-plist button>span:last-child{display:flex;flex-direction:column;min-width:0}.c49-plist b{font-size:13.5px;color:var(--c49-ink)}.c49-plist small{color:var(--c49-mut);font-size:12px}
.c49-plist.one{max-height:420px;margin-top:4px}
.c49-picked{color:var(--c49-a);font-weight:700;font-size:13px;margin:6px 0 0;min-height:18px}
.c49-tabrow{display:grid;grid-template-columns:140px 1fr auto;gap:6px;margin-bottom:6px}
.g32-modal.c49-setmodal{max-width:980px!important;width:min(980px,96vw)!important}
.c49-set{display:grid;grid-template-columns:1fr 1fr;gap:14px;max-height:calc(100vh - 200px);overflow-y:auto;padding:4px 2px}
.c49-set section{background:#f8f9fe;border:1px solid var(--c49-line);border-radius:16px;padding:14px 16px;display:flex;flex-direction:column;gap:10px}
.c49-set section.wide{grid-column:1/-1}
.c49-set h4{margin:0 0 2px;font-size:14px;color:var(--c49-a)}
.c49-set label:not(.c49-chk){display:flex;flex-direction:column;gap:5px;font-size:12px;font-weight:700;color:#5b6582}
.c49-row2{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.c49-row2 small{color:var(--c49-mut);font-size:12px}
.c49-vars{display:flex;flex-wrap:wrap;gap:5px;align-items:center;font-size:12px;color:var(--c49-mut)}.c49-vars button{border:1px solid #c7d2fe;background:#fff;color:var(--c49-a);border-radius:8px;padding:3px 7px;font-size:12px;font-family:ui-monospace,monospace;cursor:pointer}
.c49-tpl{background:#fff;border:1px solid var(--c49-line);border-radius:14px;padding:10px;display:flex;flex-direction:column;gap:8px}.c49-tpl textarea{width:100%;box-sizing:border-box;font-size:13.5px;line-height:1.5;resize:vertical}
.c49-tpl>div{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.c49-tpl label{flex-direction:row!important;align-items:center;font-weight:500!important}.c49-tpl input[type=number]{width:150px}
.c49-adminlist>div{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;background:#fff;border:1px solid var(--c49-line);margin-bottom:5px;font-size:13px}
.c49-adminlist>div.del{opacity:.6}.c49-adminlist>div.arch{opacity:.8}.c49-adminlist em{font-style:normal;font-size:11px;color:var(--c49-mut)}.c49-adminlist span:not(.c49-dotc){margin-left:auto;color:var(--c49-mut);font-size:12px}
.c49-dotc{width:10px;height:10px;border-radius:3px;flex-shrink:0}
.v24-subnav .c49-adm{color:var(--c49-a)!important}

/* ---------- máy tính bảng ---------- */
@media (max-width:1280px){.c49{--lw:300px}.c49.has-panel{grid-template-columns:var(--lw) minmax(0,1fr)}.c49-side{position:absolute;right:0;top:0;bottom:0;width:min(400px,92%);z-index:20;box-shadow:-20px 0 50px rgba(20,30,80,.18)}}
@media (max-width:1024px){.c49{--lw:280px}.c49-msgs{padding:8px 12px 14px}.c49-comp{margin:0 10px 10px}.c49-hint{display:none}.c49-st{display:none}}
/* ---------- điện thoại: 1 cột như ứng dụng chat ---------- */
@media (max-width:730px){
  .c49,.c49.has-panel{grid-template-columns:minmax(0,1fr);height:calc(100dvh - 72px - 66px)}
  body.c49-on.c49-cur .c49{height:calc(100dvh - 72px)}
  body.c49-on.c49-cur .mobileBottomNav{display:none!important}
  body.c49-on.c49-cur .content{padding-bottom:0!important}
  .c49-main{display:none}.c49.has-cur .c49-list{display:none}.c49.has-cur .c49-main{display:flex}
  .c49-side{position:fixed;inset:0;width:auto;z-index:1150;box-shadow:none;padding-top:env(safe-area-inset-top)}
  .c49-back{display:inline-grid}
  .c49-head{padding:8px 8px 0;gap:0 8px}.c49-head .c49-cav,.c49-head .g49-av{width:38px!important;height:38px!important}
  .c49-head-a .c49-ib:first-child{display:none}
  .c49-msg{grid-template-columns:38px minmax(0,1fr);padding:5px 4px}.c49-gut .g49-av{width:32px!important;height:32px!important}
  .c49-bub{font-size:15px}
  .c49-tools{display:none!important}
  .c49-comp{margin:0 8px 8px;border-radius:16px}.c49-comp textarea{font-size:16px}
  .c49-jump{bottom:100px;right:12px}
  .c49-toast{left:12px;right:12px;bottom:80px;max-width:none}
  .c49-form,.c49-set,.g49-prof-grid{grid-template-columns:1fr}
  .c49-tabrow{grid-template-columns:1fr 1.6fr auto}
  .c49-row{padding:9px 8px}.c49-badge{right:10px}
  .c49-ref-who{display:none}.c49-ref-t{max-width:52vw}
  .c49-kind,.c49-pins button i,.c49-filters button b,.c49-sys time,.c49-gut time,.c49-ref-st,.c49-mem em,.c49-row-t time,.c49-meta time,.c49-edited,.c49-ref-who{font-size:11px}
}
@media (prefers-reduced-motion:reduce){.c49-msg.hl,.c49-pop,.c49-toast,.c49-spin{animation:none}}

/* ---------- V5.0 · kiểm tra cấu hình sau nâng cấp ---------- */
.g50-bar{background:#fef2f2;border:1px solid #fecaca;color:#991b1b;border-radius:14px;padding:12px 16px;margin:0 0 16px;display:flex;flex-direction:column;gap:4px;font-size:13.5px;line-height:1.5}
.g50-bar code{background:#fff;border:1px solid #fecaca;border-radius:6px;padding:1px 6px;font-size:12.5px}
body.c49-on .g50-bar{margin:10px;position:relative;z-index:5}
.g50-list{list-style:none;padding:0;margin:8px 0 12px;display:flex;flex-direction:column;gap:6px}.g50-list li{padding:9px 12px;border-radius:10px;background:#f4f6fb;font-size:14px}.g50-list li.ok{background:#ecfdf5;color:#065f46}

/* ---------- V5.0 · đầu danh sách kiểu Zalo, thẻ phân loại, thông tin nhóm ---------- */
.c49-list-head{padding:14px 14px 10px}
.c49-lh-top{min-height:36px}
.c49-lh-row{display:flex;align-items:center;gap:6px;margin-top:10px;position:relative}
.c49-lh-row .c49-search{flex:1;margin-top:0;min-width:0}
.c49-ib2{width:40px;height:40px;border-radius:12px;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.16);color:#fff;display:grid;place-items:center;cursor:pointer;flex-shrink:0}
.c49-ib2:hover{background:rgba(255,255,255,.3)}.c49-ib2 svg{width:21px;height:21px}
.c49-tabsbar{display:flex;align-items:center;gap:2px;padding:6px 10px 0 12px;border-bottom:1px solid var(--c49-line);flex-shrink:0}
.c49-tabsbar>button:not(.c49-ib):not(.c49-cls){border:0;background:none;padding:9px 8px 10px;font-weight:700;font-size:14px;color:#6b7491;cursor:pointer;border-bottom:2.5px solid transparent;margin-bottom:-1px;white-space:nowrap}
.c49-tabsbar>button.on:not(.c49-cls){color:var(--c49-a);border-bottom-color:var(--c49-a)}
.c49-tabsbar b{background:var(--c49-red);color:#fff;border-radius:9px;padding:0 6px;font-size:11px;margin-left:2px}
.c49-sp{flex:1}
.c49-cls{display:inline-flex;align-items:center;gap:4px;border:0;background:#eef2ff;color:var(--c49-a);border-radius:20px;padding:6px 10px 6px 12px;font-weight:700;font-size:13px;cursor:pointer;margin-bottom:4px;white-space:nowrap}
.c49-cls svg{width:15px;height:15px}.c49-cls.on{background:var(--c49-a);color:#fff}
.c49-tabsbar .c49-ib{position:relative;margin-bottom:4px;width:32px;height:32px}
.c49-dotred{position:absolute;top:5px;right:5px;width:8px;height:8px;border-radius:50%;background:var(--c49-red)}
.c49-chips{display:flex;gap:6px;flex-wrap:wrap;padding:8px 12px 0}
.c49-chip{display:inline-flex;align-items:center;gap:5px;border:1px solid #c7d2fe;background:#fff;color:#3730a3;border-radius:16px;padding:3px 10px;font-size:12px;font-weight:700;cursor:pointer}
.c49-lbl{display:inline-block;width:9px;height:9px;border-radius:2px 50% 50% 2px;background:var(--c);flex-shrink:0;margin-right:2px}
.c49-row-t .c49-lbl{margin-right:0}
.c49-tagshape{display:inline-block;width:22px;height:13px;background:var(--c);clip-path:polygon(0 0,75% 0,100% 50%,75% 100%,0 100%);border-radius:2px;flex-shrink:0}
.c49-tagbtn{border:0;background:none;color:#8a91aa;cursor:pointer;display:inline-flex;align-items:center;gap:4px;padding:0 4px;margin-left:6px;border-left:1px solid var(--c49-line);font-size:12px;font-weight:600}
.c49-tagbtn svg{width:15px;height:15px}.c49-tagbtn:hover{color:var(--c49-a)}
.c49-pop.lmenu{min-width:260px;padding:8px}
.c49-lmenu h5{margin:6px 8px 8px;font-size:13px;color:#5b6582}
.c49-lmenu label{display:flex;align-items:center;gap:12px;padding:8px;border-radius:9px;cursor:pointer;font-size:14px}
.c49-lmenu label:hover{background:#f4f5ff}.c49-lmenu input{width:17px;height:17px;accent-color:var(--c49-a)}
.c49-lmenu label span{flex:1}.c49-lmenu label em{font-style:normal;font-size:12px;color:#99a0b8}
.c49-lmenu hr,.c49-pop.menu hr{border:0;border-top:1px solid var(--c49-line);margin:6px 0}
.c49-lmenu>button{width:100%;text-align:center!important;font-weight:700;color:var(--c49-a)!important}
.c49-lmenu small{display:block;text-align:center;color:#99a0b8;font-size:11.5px;margin-top:2px}
.c49-pop.menu button.on{background:#eef2ff;color:var(--c49-a)}
.c49-lrowedit{display:grid;grid-template-columns:120px auto 1fr auto;gap:8px;align-items:center;margin-bottom:8px}
.c49-lrowedit select{padding:8px}
/* thanh tin ghim */
.c49-pinbar{display:flex;align-items:center;gap:8px;margin:10px 18px 0;background:#fff;border:1px solid var(--c49-line);border-radius:14px;padding:6px 8px;box-shadow:0 4px 14px rgba(30,40,90,.06);flex-shrink:0}
.c49-pinmain{flex:1;min-width:0;display:flex;align-items:center;gap:10px;border:0;background:none;text-align:left;cursor:pointer;padding:2px 4px}
.c49-pinmain>span:last-child{display:flex;flex-direction:column;min-width:0}.c49-pinmain b{font-size:13px}.c49-pinmain small{font-size:12.5px;color:#5b6582;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.c49-pinic{width:32px;height:32px;border-radius:10px;background:#eef2ff;color:var(--c49-a);display:grid;place-items:center;flex-shrink:0}
.c49-pinmore{border:1px solid var(--c49-line);background:#fff;border-radius:10px;padding:6px 10px;font-size:12.5px;font-weight:700;color:#3f4a66;cursor:pointer;display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.c49-pinmore svg{width:14px;height:14px}
.c49-pinpop{max-width:380px;max-height:360px;overflow-y:auto}.c49-pinpop h5{margin:6px 8px;font-size:13px;color:#5b6582}
.c49-pinpop button{display:flex!important;flex-direction:column;gap:2px;border-left:3px solid #f59e0b!important;margin-bottom:4px;border-radius:0 9px 9px 0!important}.c49-pinpop span{font-size:12.5px;color:#5b6582}
/* thông tin nhóm */
.c49-ib.on{background:#eef2ff;color:var(--c49-a)}
.c49-sh.center{justify-content:center;position:relative}.c49-sh.center .c49-ib{position:absolute;right:10px}
.c49-infopane{padding:0!important;background:#f1f3f9}
.c49-infopane .c49-info-h{background:#fff;padding:18px 16px 6px;position:relative}
.c49-avedit{position:absolute;top:70px;left:calc(50% + 18px);width:30px;height:30px;border-radius:50%;border:2px solid #fff;background:#eef0f7;display:grid;place-items:center;cursor:pointer;color:#56607e}.c49-avedit svg{width:15px;height:15px}
.c49-info-h h3{display:flex;align-items:center;gap:4px;justify-content:center}
.c49-qa{display:flex;justify-content:center;gap:4px;background:#fff;padding:6px 10px 16px;flex-wrap:wrap}
.c49-qa button{border:0;background:none;display:flex;flex-direction:column;align-items:center;gap:6px;width:74px;font-size:11.5px;color:#3f4a66;cursor:pointer;line-height:1.3}
.c49-qa span{width:38px;height:38px;border-radius:50%;background:#eef0f7;display:grid;place-items:center;color:#3f4a66}.c49-qa button:hover span{background:#e0e7ff;color:var(--c49-a)}
.c49-infopane .c49-autonote{margin:0;border-radius:0;border-left:0;border-right:0}
.c49-isec{background:#fff;margin-top:8px}
.c49-isec-h{display:flex;align-items:center;justify-content:space-between;width:100%;border:0;background:none;padding:14px 16px;cursor:pointer;font-size:15px}
.c49-isec-h b span{color:#99a0b8;font-weight:600;font-size:13px}.c49-isec-h svg{transition:transform .15s;color:#6b7491}.c49-isec:not(.open) .c49-isec-h svg{transform:rotate(-90deg)}
.c49-isec-b{padding:0 14px 14px}
.c49-brow{display:flex;align-items:center;gap:12px;width:100%;border:0;background:none;padding:10px 4px;border-radius:10px;cursor:pointer;text-decoration:none;color:var(--c49-ink);font-size:14px;text-align:left}
.c49-brow:hover{background:#f4f5ff}.c49-brow>span{color:#56607e;display:grid}.c49-brow b{flex:1;font-weight:500}.c49-brow em{font-style:normal;color:#99a0b8;font-size:13px}.c49-brow em svg{transform:rotate(-90deg);width:14px;height:14px}
.c49-igrid{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}
.c49-igrid button{border:0;padding:0;aspect-ratio:1;border-radius:8px;overflow:hidden;cursor:zoom-in;background:#e8ebf5}.c49-igrid img{width:100%;height:100%;object-fit:cover;display:block}
.c49-none{color:#99a0b8;font-size:13px;margin:2px 4px 6px}
.c49-seeall{width:100%;margin-top:10px;border:0;background:#eef0f7;border-radius:10px;padding:9px;font-weight:700;color:#3f4a66;cursor:pointer}.c49-seeall:hover{background:#e0e7ff;color:var(--c49-a)}
.c49-frow2,.c49-lrow{display:flex;align-items:center;gap:10px;padding:8px 4px;border-radius:10px;text-decoration:none;color:inherit;min-width:0}
.c49-frow2:hover,.c49-lrow:hover{background:#f4f5ff}
.c49-frow2>span:nth-child(2),.c49-lrow>span:nth-child(2){flex:1;min-width:0;display:flex;flex-direction:column}
.c49-frow2 b,.c49-lrow b{font-size:13.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.c49-frow2 small,.c49-lrow small{font-size:12px;color:#8a91aa;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.c49-frow2 time,.c49-lrow time{font-size:11.5px;color:#99a0b8;flex-shrink:0}
.c49-lrow .c49-card-ic{width:36px;height:36px}.c49-lrow .c49-card-ic svg{width:17px;height:17px}
.c49-infopane .c49-info-b{padding:16px}
.c49-fwrap{max-width:860px}
.c49-ftabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:6px}
.c49-ftabs button{border:1px solid var(--c49-line);background:#fff;border-radius:20px;padding:6px 12px;font-size:13px;font-weight:700;color:#5b6582;cursor:pointer}.c49-ftabs button.on{background:var(--c49-ink);color:#fff;border-color:var(--c49-ink)}
.c49-fline{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--c49-line);border-radius:12px;padding:2px 10px 2px 6px;margin-bottom:6px}
.c49-fline>a{flex:1}
@media (max-width:730px){.c49-pinbar{margin:8px 8px 0}.c49-lrowedit{grid-template-columns:90px auto 1fr auto}}
.c49-head{grid-template-columns:auto minmax(0,1fr) auto}
.c49-head-a{flex-wrap:nowrap}
.c49-pop{color:var(--c49-ink)}.c49-pop label,.c49-pop b,.c49-pop span{color:inherit}
.c49-lmenu label span{color:var(--c49-ink)!important;font-weight:500}
@media (max-width:730px){.c49-head{grid-template-columns:auto auto minmax(0,1fr) auto}}