#contact-modal .ct-dirwrap { padding:12px 14px 16px; display:flex; flex-direction:column; gap:10px; }
  #contact-modal .ct-co { border:1px solid #e5e9f0; border-radius:12px; background:#fff; overflow:hidden; }
  #contact-modal .ct-coh { display:flex; align-items:center; gap:10px; padding:10px 14px; background:#f8fafc; cursor:pointer; white-space:nowrap; }
  #contact-modal .ct-co:not(.open) .ct-coh { background:#fff; }
  #contact-modal .ct-coh .car { width:12px; color:#64748b; font-size:12px; }
  #contact-modal .ct-coh b { font:800 14px var(--tsp-ff, Inter, sans-serif); color:#0f172a; }
  #contact-modal .ct-tag { font:800 11px var(--tsp-ff, Inter, sans-serif); background:#f1f5f9; color:#475569; border-radius:6px; padding:2px 7px; }
  #contact-modal .ct-cnt { font:600 12px var(--tsp-ff, Inter, sans-serif); color:#64748b; }
  #contact-modal .ct-dep { padding:6px 14px 10px 30px; border-top:1px solid #eef1f5; }
  #contact-modal .ct-deph { display:flex; align-items:center; gap:8px; margin:6px 0 2px; font:800 11px var(--tsp-ff, Inter, sans-serif); letter-spacing:.06em; text-transform:uppercase; color:#475569; white-space:nowrap; }
  #contact-modal .ct-pr { display:grid; grid-template-columns:minmax(120px,1.1fr) minmax(160px,1.5fr) minmax(120px,1fr) 56px 56px 80px; gap:8px; align-items:center; padding:7px 0; border-bottom:1px dashed #eef1f5; font:500 13px var(--tsp-ff, Inter, sans-serif); color:#1e293b; white-space:nowrap; }
  #contact-modal .ct-pr:last-child { border-bottom:0; }
  #contact-modal .ct-pr.hd { font:800 10px var(--tsp-ff, Inter, sans-serif); color:#94a3b8; letter-spacing:.06em; text-transform:uppercase; border-bottom:0; padding:2px 0; }
  #contact-modal .ct-pr b { font-weight:800; overflow:hidden; text-overflow:ellipsis; }
  #contact-modal .ct-pr .em, #contact-modal .ct-pr .ph { overflow:hidden; text-overflow:ellipsis; }
  #contact-modal .ct-pr a { color:inherit; text-decoration:none; } #contact-modal .ct-pr a:hover { color:#1d4ed8; text-decoration:underline; }
  #contact-modal .ct-pr i { color:#cbd5e1; font-style:normal; }
  #contact-modal .ct-pr .c { text-align:center; } #contact-modal .ct-pr .a { display:flex; gap:4px; justify-content:flex-end; }
  #contact-modal .ct-sw { position:relative; width:34px; height:20px; border-radius:999px; border:0; background:#cbd5e1; cursor:pointer; padding:0; vertical-align:middle; }
  #contact-modal .ct-sw::after { content:''; position:absolute; top:2px; left:2px; width:16px; height:16px; border-radius:50%; background:#fff; box-shadow:0 1px 2px rgba(0,0,0,.25); transition:left .15s; }
  #contact-modal .ct-sw.on { background:#2563eb; } #contact-modal .ct-sw.on::after { left:16px; }
  #contact-modal .ct-sw:disabled { cursor:default; opacity:.45; }
  #contact-modal .ct-b2 { height:30px; padding:0 11px; border:1px solid #dfe5ec; border-radius:9px; background:#fff; color:#1e293b; font:700 12px var(--tsp-ff, Inter, sans-serif); cursor:pointer; white-space:nowrap; }
  #contact-modal .ct-b2:hover { background:#f1f5f9; } #contact-modal .ct-b2.sm { height:26px; padding:0 9px; font-size:11.5px; } #contact-modal .ct-b2.ic { width:28px; padding:0; }
  #contact-modal .ct-b2.pri { background:#0f172a; border-color:#0f172a; color:#fff; } #contact-modal .ct-b2.pri:hover { background:#1e293b; }
  #contact-modal .ct-b2.del { color:#dc2626; border-color:#fecaca; }
  #contact-modal .ct-add { height:34px; padding:0 14px; border:0; border-radius:9px; background:#0f172a; color:#fff; font:800 12.5px var(--tsp-ff, Inter, sans-serif); cursor:pointer; white-space:nowrap; margin-right:6px; }
  #contact-modal .ct-form2 { margin:8px 0; border:1px solid #bfdbfe; background:#f8fbff; border-radius:12px; padding:12px 14px; }
  #contact-modal .ct-f2h { font:800 13px var(--tsp-ff, Inter, sans-serif); color:#0f172a; margin-bottom:8px; }
  #contact-modal .ct-f2g { display:grid; grid-template-columns:repeat(5, minmax(0,1fr)); gap:8px; }
  #contact-modal .ct-f2g label { display:flex; flex-direction:column; gap:4px; font:800 10px var(--tsp-ff, Inter, sans-serif); letter-spacing:.06em; text-transform:uppercase; color:#64748b; }
  #contact-modal .ct-f2g input { height:34px; border:1px solid #d6dde6; border-radius:8px; padding:0 10px; font:500 13px var(--tsp-ff, Inter, sans-serif); color:#0f172a; background:#fff; min-width:0; }
  #contact-modal .ct-f2a { display:flex; gap:8px; margin-top:10px; align-items:center; }
  #contact-modal .ct-f2m { font:600 12px var(--tsp-ff, Inter, sans-serif); color:#dc2626; margin-top:6px; min-height:0; }
  #contact-modal .ct3 { display:flex; height:100%; min-height:0; }
  #contact-modal .ct3-top { padding:12px 14px 0; }
  #contact-modal .ct3-side { flex:0 0 250px; overflow:auto; border-right:1px solid #e2e8f0; background:#fff; padding:6px 6px 10px; }
  #contact-modal .ct3-sh { padding:8px 8px 6px; font:800 10px Inter, sans-serif; letter-spacing:.8px; text-transform:uppercase; color:#64748b; }
  #contact-modal .ct3-co { display:flex; align-items:center; gap:8px; width:100%; padding:8px 10px; border:0; border-radius:7px; background:transparent; font:500 12.5px Inter, sans-serif; color:#1e293b; text-align:left; cursor:pointer; }
  #contact-modal .ct3-co:nth-child(odd):not(.on) { background:#eef2f7; }
  #contact-modal .ct3-co:hover:not(.on) { background:#e0e7ff; }
  #contact-modal .ct3-co span { flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
  #contact-modal .ct3-co b { font:700 11px Inter, sans-serif; color:#64748b; }
  #contact-modal .ct3-co.on { background:#1e2a44; color:#fff; font-weight:600; } #contact-modal .ct3-co.on b { color:#cbd5e1; }
  #contact-modal .ct3-main { flex:1; min-width:0; overflow:auto; background:#f4f8fa; }
  #contact-modal .ct3-hd { display:flex; align-items:center; gap:10px; padding:12px 14px 10px; white-space:nowrap; }
  #contact-modal .ct3-hd b { font:800 15px Inter, sans-serif; color:#0f172a; } #contact-modal .ct3-n { font:600 11px Inter, sans-serif; color:#94a3b8; }
  #contact-modal .ct3-tw { margin:0 14px 14px; background:#fff; border:1px solid #e2e8f0; border-radius:10px; overflow:hidden; }
  #contact-modal .ct3-tr { display:grid; grid-template-columns:minmax(130px,1.1fr) minmax(170px,1.6fr) minmax(120px,1fr) 56px 56px 80px; align-items:center; min-height:33px; padding:0 10px; border-bottom:1px solid #f1f5f9; font:400 11.5px/20px Inter, sans-serif; color:#1e293b; background:#fff; }
  #contact-modal .ct3-tr.alt { background:#eef2f7; } #contact-modal .ct3-tr:not(.ct3-th):hover { background:#e0e7ff; }
  #contact-modal .ct3-tr > * { padding:0 7px; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
  #contact-modal .ct3-tr b { font-weight:700; color:#1e2a44; } #contact-modal .ct3-tr a { color:inherit; text-decoration:none; } #contact-modal .ct3-tr a:hover { color:#1d4ed8; text-decoration:underline; }
  #contact-modal .ct3-tr i { font-style:normal; color:#cbd5e1; } #contact-modal .ct3-tr .c { text-align:center; } #contact-modal .ct3-tr .a { display:flex; gap:4px; justify-content:flex-end; }
  #contact-modal .ct3-th { min-height:26px; background:#f8fafc; border-bottom:1px solid #e2e8f0; font:800 9.75px Inter, sans-serif; letter-spacing:.45px; text-transform:uppercase; color:#475569; }
  #contact-modal .ct3-th > span:nth-child(4), #contact-modal .ct3-th > span:nth-child(5) { text-align:center; }
  #contact-modal .ct3-sep { display:flex; align-items:center; gap:8px; padding:14px 12px 6px; background:#f4f8fa; border-bottom:2px solid #f59e0b; white-space:nowrap; }
  #contact-modal .ct3-sep span:first-child { font:800 11px Inter, sans-serif; letter-spacing:.88px; text-transform:uppercase; color:#b45309; } #contact-modal .ct3-sep em { font:700 11px Inter, sans-serif; font-style:normal; color:#94a3b8; }
  @media (max-width:760px) {
    #contact-modal .ct-dep { padding-left:14px; }
    #contact-modal .ct-pr { grid-template-columns:1fr auto auto; grid-template-areas:"n to cc" "e e a" "p p a"; row-gap:3px; }
    #contact-modal .ct-pr.hd { display:none; }
    #contact-modal .ct-pr b { grid-area:n; } #contact-modal .ct-pr .em { grid-area:e; font-size:12px; color:#475569; } #contact-modal .ct-pr .ph { grid-area:p; font-size:12px; }
    #contact-modal .ct-pr .c:nth-of-type(3) { grid-area:to; } #contact-modal .ct-pr .c:nth-of-type(4) { grid-area:cc; } #contact-modal .ct-pr .a { grid-area:a; }
    #contact-modal .ct-pr .c::before { font:800 9px var(--tsp-ff, Inter, sans-serif); color:#94a3b8; display:block; }
    #contact-modal .ct-pr .c:nth-of-type(3)::before { content:'TO'; } #contact-modal .ct-pr .c:nth-of-type(4)::before { content:'CC'; }
    #contact-modal .ct-f2g { grid-template-columns:1fr 1fr; }
    #contact-modal .ct-cnt { display:none; }
  }
  #contact-modal .ct-box { background:#f4f8fa; }
  #contact-modal .ct-head { display:flex; align-items:center; flex-wrap:wrap; gap:8px 10px; background:transparent; border-bottom:0; padding:12px 16px 10px; }
  #contact-modal .ct-head h2 { display:flex; align-items:center; gap:7px; margin:0 4px 0 0; color:#0f172a; font-size:17.5px; white-space:nowrap; }
  #contact-modal .ct-head h2 svg { width:19px; height:19px; fill:#1e2a44; }
  #contact-modal .ct-head .sub { display:none; }
  #contact-modal .ct-head #ct-sort { gap:5px; flex-wrap:nowrap; }
  #contact-modal .ct-head #ct-sort .ct-chip { height:30px; padding:0 11px; }
  #contact-modal .ct-qwrap { position:relative; flex:1 1 200px; min-width:170px; max-width:360px; }
  #contact-modal .ct-qwrap > svg { position:absolute; left:10px; top:50%; transform:translateY(-50%); width:14px; height:14px; fill:#94a3b8; pointer-events:none; }
  #contact-modal .ct-qwrap .ct-search { display:block; width:100%; min-width:0; height:30px; padding:0 12px 0 30px; background:#fff; font-size:12px; }
  #contact-modal .ct-qwrap .ct-search:focus { border-color:#1e2a44; box-shadow:0 0 0 3px rgba(30,42,68,.12); }
  #contact-modal .ct-acts { display:flex; gap:6px; margin-left:auto; }
  #contact-modal .ct-acts .ct-refresh, #contact-modal .ct-acts .ct-add { display:inline-flex; align-items:center; gap:6px; height:30px; padding:0 10px; border:1px solid #cbd5e1; border-radius:15px; background:#fff; color:#1e2a44; font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.02em; cursor:pointer; white-space:nowrap; }
  #contact-modal .ct-acts .ct-refresh:hover, #contact-modal .ct-acts .ct-add:hover { background:#f8fafc; }
  #contact-modal .ct-acts .ct-refresh svg { width:14px; height:14px; }
  #contact-modal .ct-bar { padding:0 16px 10px; border-bottom:0; }
  #contact-modal .ct-g { display:inline-flex; align-items:center; gap:2px; height:36px; padding:0 4px; border:1px solid #e2e8f0; border-radius:10px; background:#fff; }
  #contact-modal .ct-g .ct-chips { gap:2px; flex-wrap:nowrap; }
  #contact-modal .ct-g .ct-chip { height:28px; padding:0 9px; border:0; border-radius:7px; background:transparent; color:#334155; font-size:12.5px; font-weight:600; gap:7px; }
  #contact-modal .ct-g .ct-chip:hover { background:#f8fafc; }
  #contact-modal .ct-g .ct-chip.on, #contact-modal .ct-g .ct-chip.on:hover { background:#1e2a44; color:#fff; }
  #contact-modal .ct-g .ct-chip .n { min-width:20px; height:18px; padding:0 6px; border-radius:9px; background:#f1f5f9; color:#334155; font-size:11px; font-weight:700; }
  #contact-modal .ct-g .ct-chip.on .n { background:rgba(255,255,255,.18); color:#fff; }
  #contact-modal .ct-main { margin:0 16px 0; border:1px solid #e2e8f0; border-radius:10px; background:#fff; overflow:hidden; }
  #contact-modal .ct-list { padding:0; }
  #contact-modal .ct-foot { border-top:0; padding:6px 18px 8px; }
  #contact-modal table.ct-t th { font-size:9.75px; letter-spacing:.45px; padding:7px 7px; }
  #contact-modal table.ct-t td { font-size:11.5px; padding:5px 7px; height:31px; }
  @media (max-width:760px) { #contact-modal .ct-head #ct-sort { order:6; } #contact-modal .ct-qwrap { order:5; flex:1 1 100%; max-width:none; } #contact-modal .ct-acts .ct-refresh span { display:none; } #contact-modal .ct-main { margin:0 8px; } }