/* Gọi điện CSKH + Hồ sơ đối chiếu (31/10/2026). Dùng biến màu giao diện v2 → đúng cả nền sáng và nền tối. Chữ nhỏ nhất 12px. */

/* Nút "Chưa có SĐT" ở thanh lọc */
.se-dd.se-np.act{border-color:#8DB0D3;background:var(--se-navy-xl);color:var(--se-navy-tx);font-weight:600}

/* Ngăn Gọi điện */
.gd-panel{z-index:284}
.gd-panel .gd-content{max-width:1180px;background:var(--se-card);color:var(--se-tx)}
.gd-panel .settings-header{border-color:var(--se-line);gap:10px;flex-wrap:wrap}
.gd-panel .settings-header-title{color:var(--se-navy-tx)}
.gd-panel .settings-body{background:var(--se-card2)}
body.gd-open #modalBackdrop{z-index:290}
.gd-tabs{display:flex;gap:4px;margin-left:auto;margin-right:8px;flex-wrap:wrap}
.gd-tabs button{border:1px solid var(--se-line);background:var(--se-card);color:var(--se-tx2);border-radius:8px;padding:6px 12px;font-size:13.5px;cursor:pointer}
.gd-tabs button.on{background:var(--se-navy);border-color:var(--se-navy);color:#fff;font-weight:600}

.gd-top{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;background:var(--se-card);border:1px solid var(--se-line);border-radius:10px;padding:10px 14px;margin-bottom:12px}
.gd-who{font-size:14px;color:var(--se-tx2);display:flex;align-items:center;gap:8px}
.gd-who select{border:1px solid var(--se-line);border-radius:8px;background:var(--se-card);color:var(--se-tx);font-size:14px;padding:5px 8px}
.gd-kpis{display:flex;gap:6px;flex-wrap:wrap}
.gd-k{border:1px solid var(--se-line);border-radius:8px;padding:4px 10px;background:var(--se-card2);display:flex;flex-direction:column;min-width:86px}
.gd-k span{font-size:12px;color:var(--se-tx3)}
.gd-k b{font-size:16px;font-variant-numeric:tabular-nums;color:var(--se-tx)}
.gd-k b i{font-style:normal;font-weight:400;font-size:12px;color:var(--se-tx3)}
.gd-k.ok{border-color:var(--se-ok)}.gd-k.ok b{color:var(--se-ok)}

.gd-sec{margin-bottom:14px}
.gd-sec-h{font-size:13px;font-weight:600;color:var(--se-tx3);text-transform:uppercase;letter-spacing:.4px;margin:12px 2px 8px;display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}
.gd-sec-h span{background:var(--se-navy-l);color:var(--se-navy-tx);border-radius:20px;padding:0 8px;font-size:12px}
.gd-sec-h small{font-size:12px;font-weight:400;text-transform:none;letter-spacing:0;color:var(--se-tx3)}
.gd-sec.s-due .gd-sec-h{color:var(--se-due)}
.gd-none{color:var(--se-tx3);font-size:13px;padding:8px 12px}
.gd-more{margin:6px 0 0}

.gd-row{background:var(--se-card);border:1px solid var(--se-line);border-radius:10px;padding:10px 12px;margin-bottom:8px;display:flex;flex-direction:column;gap:5px;box-shadow:var(--se-sh)}
.gd-r1{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.gd-open{border:0;background:none;padding:0;color:var(--se-navy-tx);font-size:14.5px;cursor:pointer;text-align:left}
.gd-open:hover{text-decoration:underline}
.gd-name{font-size:14px;color:var(--se-tx);font-weight:500}
.gd-r2{font-size:13.5px;color:var(--se-tx2);font-variant-numeric:tabular-nums}
.gd-r3{font-size:13px;color:var(--se-tx3)}
.gd-r3.gd-due{color:var(--se-due);font-weight:600}
.gd-red{color:var(--se-g1)}
.gd-b,.gd-p{font-size:12px;font-weight:600;border-radius:20px;padding:1px 8px;white-space:nowrap;background:var(--se-gxb);color:var(--se-gx)}
.gd-b.b-p1{background:var(--se-g2bb);color:var(--se-g2b)}
.gd-b.b-p2{background:var(--se-g2ab);color:var(--se-g2a)}
.gd-b.b-p3{background:var(--se-g1b);color:var(--se-g1)}
.gd-b.b-x{background:var(--se-g3bb);color:var(--se-g3b)}
.gd-p.p-tt{background:var(--se-q359b);color:var(--se-q359t)}
.gd-p.p-bid{background:var(--se-bidb);color:var(--se-bidt)}
.gd-p.p-pl{background:var(--se-g3ab);color:var(--se-g3a)}

.gd-r4{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.gd-ph{display:inline-flex;border:1px solid var(--se-line);border-radius:8px;overflow:hidden;font-size:13.5px}
.gd-ph a{padding:5px 10px;text-decoration:none;color:var(--se-navy-tx);white-space:nowrap}
.gd-ph a.gd-zl{border-left:1px solid var(--se-line);color:#0068FF;font-weight:600}
[data-theme="dark"] .gd-ph a.gd-zl{color:#6FA8FF}
.gd-ph a:hover{background:var(--se-navy-xl)}
.gd-ph.bad{padding:5px 10px;color:var(--se-tx3);text-decoration:line-through}
.gd-noph{font-size:13.5px;color:var(--se-g1)}
.gd-lnk{border:0;background:none;color:var(--se-navy-tx);cursor:pointer;font-size:13px;padding:0 4px;text-decoration:underline}

.gd-r5{display:flex;flex-wrap:wrap;gap:6px}
.gd-kq{border:1px solid var(--se-line);background:var(--se-card);color:var(--se-tx);border-radius:8px;padding:7px 11px;font-size:13.5px;cursor:pointer;white-space:nowrap;min-height:36px}
.gd-kq:hover:not(:disabled){border-color:var(--se-navy);background:var(--se-navy-xl)}
.gd-kq:disabled{opacity:.45;cursor:not-allowed}
.gd-kq.k-hl{border-color:var(--se-ok);color:var(--se-ok);font-weight:600}
.gd-kq.k-tc{color:var(--se-g1)}
.gd-kq.k-ss{color:var(--se-tx3)}
.gd-kq.k-ev{background:var(--se-navy-xl);color:var(--se-navy-tx)}
.gd-kq.k-hs{background:var(--se-navy);border-color:var(--se-navy);color:#fff;font-weight:600}
.gd-kq.k-hs:hover{background:var(--se-navy-d)}
.gd-done{margin-top:6px}
.gd-done summary{cursor:pointer;font-size:13.5px;color:var(--se-tx2);padding:6px 2px}
@media (max-width:600px){
  .gd-kq{flex:1 1 calc(50% - 6px);text-align:center}
  .gd-panel .settings-header .modal-close{order:2;margin-left:auto}
  .gd-tabs{order:3;margin:0;width:100%}
  .gd-tabs button{flex:1;padding:6px 6px}
}

/* Báo cáo */
.gd-ranges{display:flex;gap:6px;flex-wrap:wrap}
.gd-qb{border:1px solid var(--se-line);background:var(--se-card);color:var(--se-tx2);border-radius:20px;padding:5px 12px;font-size:13px;cursor:pointer}
.gd-qb.on{background:var(--se-navy-l);border-color:var(--se-navy);color:var(--se-navy-tx);font-weight:600}
.gd-cust{font-size:13.5px;color:var(--se-tx2);display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.gd-cust input{border:1px solid var(--se-line);border-radius:8px;background:var(--se-card);color:var(--se-tx);padding:4px 6px;font-size:13.5px}
.gd-funnel{background:var(--se-card);border:1px solid var(--se-line);border-radius:10px;padding:8px 14px 12px;margin-bottom:12px}
.gd-fr{display:grid;grid-template-columns:150px 1fr 60px 120px;gap:10px;align-items:center;font-size:13.5px;padding:3px 0}
.gd-fr .l{color:var(--se-tx2)}
.gd-fr .bar{height:14px;background:var(--se-card2);border-radius:7px;overflow:hidden}
.gd-fr .bar i{display:block;height:100%;background:var(--se-navy);border-radius:7px}
.gd-fr b{font-variant-numeric:tabular-nums;text-align:right}
.gd-fr .r{font-size:12px;color:var(--se-tx3)}
.gd-fr .gd-money{grid-column:2 / 4;text-align:left}
.gd-tw{overflow-x:auto;background:var(--se-card);border:1px solid var(--se-line);border-radius:10px;margin-bottom:12px}
.gd-t{width:100%;border-collapse:collapse;font-size:13.5px}
.gd-t th,.gd-t td{padding:7px 10px;border-bottom:1px solid var(--se-line2);text-align:left;white-space:nowrap}
.gd-t th{background:var(--se-card2);color:var(--se-tx3);font-weight:600;font-size:12.5px}
.gd-t td.n{text-align:right;font-variant-numeric:tabular-nums}
.gd-t tr.tot td{font-weight:700;background:var(--se-navy-xl)}
.gd-foot{font-size:12.5px;color:var(--se-tx3);line-height:1.5;margin:8px 2px}
@media (max-width:600px){ .gd-fr{grid-template-columns:110px 1fr 44px} .gd-fr .r{display:none} }

/* Thông tin chung */
.gd-cfg{display:flex;flex-direction:column;gap:12px;max-width:760px}
.gd-cfg-sec{background:var(--se-card);border:1px solid var(--se-line);border-radius:10px;padding:10px 14px 14px;display:flex;flex-direction:column;gap:4px}
.gd-cfg label{font-size:13px;font-weight:600;color:var(--se-tx2);margin-top:6px}
.gd-cfg input{border:1px solid var(--se-line);border-radius:8px;background:var(--se-card);color:var(--se-tx);font-size:14px;padding:7px 10px;font-family:inherit}
.gd-cfg input[readonly]{background:var(--se-card2)}
.gd-cfg .se-btn{align-self:flex-start;margin-top:10px}

/* Hộp thoại ghi kết quả */
.gd-dlg .mut{font-weight:400;color:var(--se-tx3)}
.gd-quick{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 2px}
.gd-chk{display:flex;flex-direction:column;gap:4px;margin-top:4px}
.gd-chk label{display:flex;align-items:center;gap:8px;font-weight:500;color:var(--se-tx);margin:0}

/* Tab "Gọi điện" trong chi tiết căn */
.gd-tab{display:flex;flex-direction:column;gap:8px}
.gd-chips{display:flex;gap:6px;flex-wrap:wrap}
.gd-kv{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:6px}
.gd-kv>div{border:1px solid var(--se-line);border-radius:8px;padding:6px 10px;background:var(--se-card2);display:flex;flex-direction:column}
.gd-kv span{font-size:12px;color:var(--se-tx3)}
.gd-kv b{font-size:15px;font-variant-numeric:tabular-nums;color:var(--se-tx)}
.gd-lbl{font-size:12.5px;font-weight:600;text-transform:uppercase;letter-spacing:.4px;color:var(--se-tx3);margin-top:8px}
.gd-lbl small{text-transform:none;letter-spacing:0;font-weight:400;font-size:12px}
.gd-next{font-size:13.5px;color:var(--se-due);background:var(--se-g2ab);border-radius:8px;padding:6px 10px;line-height:1.5}
.gd-log{border:1px solid var(--se-line);border-radius:8px;padding:4px 10px;background:var(--se-card)}
.gd-log summary{cursor:pointer;font-size:13.5px;font-weight:600;color:var(--se-tx2);padding:4px 0}
.gd-log ul{list-style:none;margin:4px 0 6px;padding:0;display:flex;flex-direction:column;gap:4px}
.gd-log li{font-size:13px;color:var(--se-tx2);line-height:1.45}
.gd-log li .t{color:var(--se-tx3);font-variant-numeric:tabular-nums}
.gd-scr{border-left:4px solid var(--se-navy);background:var(--se-navy-xl);border-radius:0 8px 8px 0;padding:8px 12px}
.gd-scr-h{font-size:13px;font-weight:700;color:var(--se-navy-tx);margin-bottom:3px}
.gd-scr-b{font-size:14.5px;line-height:1.6;color:var(--se-tx)}
.gd-scr-b b{color:var(--se-navy-tx)}
.gd-miss{background:#FFF1A8;color:#5B4300;border-radius:3px;padding:0 3px}
[data-theme="dark"] .gd-miss{background:#5B4A10;color:#FFE9A0}
.gd-zt{border:1px solid var(--se-line);border-radius:8px;background:var(--se-card);overflow:hidden}
.gd-zt-h{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:13.5px;color:var(--se-tx2);padding:6px 10px;background:var(--se-card2);border-bottom:1px solid var(--se-line2)}
.gd-zt-h span{margin-left:auto;display:flex;gap:6px;flex-wrap:wrap}
.gd-zt-b{font-size:14px;line-height:1.55;padding:8px 12px;color:var(--se-tx)}

/* Hồ sơ đối chiếu: khung sửa + xem trước */
.hs-ov{position:fixed;inset:0;z-index:420;background:rgba(16,24,36,.55);display:flex;flex-direction:column}
.hs-bar{background:var(--se-card);color:var(--se-tx);border-bottom:1px solid var(--se-line);padding:10px 14px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.hs-bar .t{font-size:15px;font-weight:700;color:var(--se-navy-tx);margin-right:6px}
.hs-secs{display:flex;gap:4px 12px;flex-wrap:wrap;font-size:13.5px;color:var(--se-tx2)}
.hs-secs label{display:flex;align-items:center;gap:5px;cursor:pointer}
.hs-act{margin-left:auto;display:flex;gap:6px;flex-wrap:wrap}
.hs-hint{font-size:12.5px;color:var(--se-tx3);width:100%}
.hs-wrap{flex:1;overflow:auto;display:flex;justify-content:center;padding:16px}
.hs-frame{width:210mm;max-width:100%;min-height:calc(100% - 4px);background:#fff;border:0;box-shadow:0 6px 30px rgba(0,0,0,.35)}
.hs-load{color:#fff;font-size:15px;margin:auto}

/* Phân hồ sơ hàng loạt (phan-ho-so.js) */
.ph-panel{z-index:284}
.ph-panel .ph-content{max-width:1240px;background:var(--se-card);color:var(--se-tx)}
.ph-panel .settings-header{border-color:var(--se-line)}
.ph-panel .settings-header-title{color:var(--se-navy-tx)}
.ph-panel .settings-body{background:var(--se-card2)}
.ph-undo{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13.5px;color:var(--se-tx2);background:var(--se-navy-xl);border:1px solid var(--se-line);border-radius:10px;padding:8px 12px;margin-bottom:10px}
.ph-undo .se-btn{margin-left:auto}
.ph-load{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px;margin-bottom:6px}
.ph-lc{background:var(--se-card);border:1px solid var(--se-line);border-radius:10px;padding:8px 12px;display:flex;flex-direction:column;gap:2px;font-size:13px;color:var(--se-tx2)}
.ph-lc b{font-size:14.5px;color:var(--se-navy-tx)}
.ph-lc.free b{color:var(--se-due)}
.ph-quick{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-bottom:8px}
.ph-sum{margin-left:auto;font-size:13.5px;color:var(--se-tx2)}
.ph-tw{max-height:46vh;overflow:auto}
.ph-t th{position:sticky;top:0;z-index:1}
.ph-t tr[data-row]{cursor:pointer}
.ph-t tr[data-row]:hover td{background:var(--se-navy-xl)}
.ph-t tr.on td{background:var(--se-card2)}
.ph-t tr:not(.on) td{color:var(--se-tx3)}
.ph-t input[type=checkbox]{width:17px;height:17px;cursor:pointer}
.ph-t td:nth-child(3){max-width:240px;overflow:hidden;text-overflow:ellipsis}
.ph-mut{color:var(--se-tx3)}
.ph-to{color:var(--se-ok);font-weight:600;white-space:nowrap}
.ph-act{background:var(--se-card);border:1px solid var(--se-line);border-radius:10px;padding:10px 14px;display:flex;flex-direction:column;gap:10px}
.ph-modes,.ph-who,.ph-opts{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:14px;color:var(--se-tx)}
.ph-modes label{font-weight:600}
.ph-opts{flex-direction:column;gap:4px;font-size:13.5px;color:var(--se-tx2)}
.ph-modes label,.ph-who label,.ph-opts label{display:flex;align-items:center;gap:6px;cursor:pointer}
.ph-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.ph-row select{border:1px solid var(--se-line);border-radius:8px;background:var(--se-card);color:var(--se-tx);font-size:14px;padding:7px 10px;min-width:200px}
.ph-act .gd-tw{margin-bottom:0}
@media (max-width:600px){ .ph-sum{margin-left:0;width:100%} .ph-tw{max-height:52vh} }