:root{
        	  
  --brand:#4f6bf6; --brand-d:#3f55d8; --brand-050:#eef2ff; --brand-100:#dfe5fe;
  --violet:#7a5af5; --grad:linear-gradient(135deg,#4f6bf6 0%,#7a5af5 100%);
  --ink:#0f172a; --ink-2:#334155; --muted:#64748b; --muted-2:#94a3b8;
  --line:#eaeef5; --line-2:#f1f4f9; --bg:#f5f7fc; --card:#ffffff; --panel:#ffffff;
  --ok:#15803d; --ok-bg:#dcfce7; --ok-dot:#22c55e;
  --warn:#92400e; --warn-bg:#fef3c7; --warn-dot:#f59e0b;
  --no:#b91c1c; --no-bg:#fee2e2; --no-dot:#ef4444;
  --off:#475569; --off-bg:#eef2f7; --off-dot:#94a3b8;
   		 		 	

  --nav:#ffffff; --nav-2:#ffffff; --nav-ink:#334155; --nav-ink-2:#94a3b8; --nav-active:#eef2ff;
     	  	  
  --f-sans:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --fs-11:11px; --fs-12:12px; --fs-13:13px; --fs-14:14px; --fs-15:15px; --fs-16:16px; --fs-18:18px; --fs-22:22px; --fs-28:28px;
   	 	  		 
  --s-1:4px; --s-2:8px; --s-3:12px; --s-4:16px; --s-5:20px; --s-6:24px; --s-8:32px;
      	   	
  --r-sm:9px; --r:14px; --r-lg:18px; --r-pill:999px;
  --sh-1:0 1px 2px rgba(16,24,40,.04);
  --sh-2:0 4px 16px rgba(16,24,40,.06); --sh-3:0 16px 44px rgba(16,24,40,.12);
  --gutter:24px; --content-max:1120px; --sidebar-w:252px;
   	  				 
  --nav-3:#f4f6fb;                        	 				 	
  --accent:#dc2626; --accent-bg:#fef2f2;  	   		 	
  	 	  			


  --topbar-h:67px;
  --list-w:345px; --aside-w:330px;        	 	 		  
  --bub-in:#ffffff;                          		   
  --bub-out:#e9ecfb;                       	   			
  --bub-r:16px;
  --ring:0 0 0 3px rgba(79,107,246,.16);   		 	   
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;max-width:100%;overflow-x:hidden}
body{font:var(--fs-15)/1.55 var(--f-sans);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}
a{color:var(--brand);text-decoration:none}
a:hover{text-decoration:underline}
h1,h2,h3{line-height:1.25;color:var(--ink)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}
.skip{position:absolute;left:-999px;top:0;background:#fff;padding:8px 12px;border-radius:8px;z-index:100}
.skip:focus{left:8px;top:8px}
:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:6px}
.muted{color:var(--muted)}
.small{font-size:var(--fs-12)}
svg.ic{width:18px;height:18px;flex:0 0 auto;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}
svg.ic.sm{width:15px;height:15px}

   		  	 
body.bare{display:flex;align-items:center;justify-content:center;min-height:100vh;background:radial-gradient(1200px 500px at 50% -10%,var(--brand-050),var(--bg))}
.card-center{background:var(--card);padding:32px;border-radius:var(--r-lg);box-shadow:var(--sh-3);width:min(410px,92vw)}
.card-center h1{margin:.2em 0 .6em;font-size:var(--fs-22)}
.brand{font-weight:800;letter-spacing:.2px;display:flex;align-items:center;gap:8px}
.brand .logo{width:26px;height:26px;border-radius:7px;background:linear-gradient(135deg,var(--brand),#7c3aed);display:inline-flex;align-items:center;justify-content:center;color:#fff}
.brand span{color:var(--brand)}
.brand.big{font-size:var(--fs-18);margin-bottom:8px}

   	 		  
.app{display:grid;grid-template-columns:var(--sidebar-w) 1fr;min-height:100vh}
.sidebar{background:linear-gradient(180deg,var(--nav),var(--nav-2));color:var(--nav-ink);padding:16px 12px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:6px;overflow:auto}
.sidebar .brand{color:#fff;font-size:var(--fs-16);padding:6px 8px 14px;border-bottom:1px solid rgba(255,255,255,.06);margin-bottom:6px}
.sidebar .brand span{color:#c7b8ff}
.sidebar nav ul{list-style:none;margin:0;padding:0}
.sidebar nav a{display:flex;align-items:center;gap:10px;color:var(--nav-ink);padding:9px 11px;border-radius:9px;margin:2px 0;font-size:var(--fs-14);font-weight:500}
.sidebar nav a:hover{background:rgba(255,255,255,.06);text-decoration:none;color:#fff}
.sidebar nav a.active{background:var(--nav-active);color:#fff;box-shadow:var(--sh-1)}
.sidebar nav a .ic{color:inherit;opacity:.9}
  	     

.sidebar nav .nav-toggle{display:flex;align-items:center;gap:10px;width:100%;color:var(--nav-ink);background:none;border:0;padding:9px 11px;border-radius:9px;margin:2px 0;font-size:var(--fs-14);font-weight:500;font-family:inherit;text-align:left;cursor:pointer}
.sidebar nav .nav-toggle:hover{background:rgba(255,255,255,.06);color:#fff}
.sidebar nav .nav-toggle .nav-caret{margin-left:auto;transition:transform .15s ease;opacity:.7}
.sidebar nav .nav-parent.open>.nav-toggle .nav-caret{transform:rotate(180deg)}
.sidebar nav .nav-parent.open>.nav-toggle{color:#fff}
.sidebar nav .nav-sub{margin:0 0 4px;padding:0 0 0 34px}
.sidebar nav .nav-sub a{padding:7px 11px;font-weight:400;font-size:var(--fs-13,13px)}

.nav-group{padding:14px 11px 4px;font-size:var(--fs-11);font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--nav-ink-2)}
.nav-group:first-of-type{padding-top:4px}
.side-foot{margin-top:auto;padding:10px 8px 4px;color:var(--nav-ink-2);font-size:var(--fs-11);border-top:1px solid rgba(255,255,255,.06)}

.main-wrap{display:flex;flex-direction:column;min-width:0}
      	 


.topbar{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#fff;border-bottom:1px solid var(--line);padding:12px 24px;position:sticky;top:0;z-index:15}
.crumb h1{font-size:var(--fs-18);margin:0}
.crumb .ws{display:flex;align-items:center;gap:6px;font-size:var(--fs-12);color:var(--muted);font-weight:500;margin-top:1px}
.user{display:flex;align-items:center;gap:10px}
.user .who{display:flex;flex-direction:column;align-items:flex-end;line-height:1.2}
.user .who .email{font-size:var(--fs-13);color:var(--ink-2);font-weight:600}
.user .who .role{font-size:var(--fs-11);color:var(--muted)}
.avatar{width:34px;height:34px;border-radius:50%;background:var(--brand-100);color:var(--brand-d);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--fs-14)}
 		 	 	 


.avatar-neutral{overflow:hidden}
.avatar-fig{display:block;width:100%;height:100%;line-height:0}
.avatar-fig svg{width:100%;height:100%;display:block;transform:translateY(2px) scale(1.06)}
.tenant-switch select{padding:7px 10px;border:1px solid var(--line);border-radius:9px;background:#fff;font:inherit;color:var(--ink-2)}
.content{padding:var(--gutter);max-width:var(--content-max);width:100%;margin:0 auto;min-width:0;overflow-x:clip}
.main-wrap{max-width:100%}
.cards>*,.card{min-width:0}
.nav-toggle{display:none}
.scrim{display:none}

 		 					
.page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin:2px 0 18px;flex-wrap:wrap}
.page-head .lead{font-size:var(--fs-13);color:var(--muted);margin:4px 0 0}
.page-head h2{margin:0;font-size:var(--fs-22)}

 				 	  
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-bottom:18px}
.card,.card-link .card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:16px 18px;box-shadow:var(--sh-1)}
.card-link{display:block}
.card-link:hover{text-decoration:none}
.card-link:hover .card{border-color:var(--brand-100);box-shadow:var(--sh-2);transform:translateY(-1px)}
.card{transition:.15s ease}
.card-ico{width:36px;height:36px;border-radius:9px;background:var(--brand-050);color:var(--brand-d);display:flex;align-items:center;justify-content:center;margin-bottom:10px}
.card-t{font-size:var(--fs-13);color:var(--muted);font-weight:500}
.card-v{font-size:var(--fs-28);font-weight:800;margin:4px 0;letter-spacing:-.5px}
.card-v.sm{font-size:var(--fs-18)}
.card-s{font-size:var(--fs-12);color:var(--muted)}
.card.card-err{border-style:dashed;border-color:#fca5a5}
.card.card-err .card-v{color:var(--muted)}

  				 		
.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:20px;margin-bottom:16px;box-shadow:var(--sh-1)}
.panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;flex-wrap:wrap}
.panel h2{font-size:var(--fs-16);margin:0 0 12px;display:flex;align-items:center;gap:8px}
.panel-head h2{margin:0}
.panel-head-actions{display:flex;align-items:center;gap:8px}
 		  			 
.opp-form .opp-sec{border:1px solid var(--line);border-radius:var(--r-sm);padding:12px 14px;margin:0 0 12px}
.opp-form .opp-sec legend{font-size:var(--fs-12);font-weight:650;color:var(--brand-d);padding:0 6px}
.opp-form .opp-unmapped{margin-top:8px}
.cw-modal-foot{position:sticky;bottom:0;display:flex;justify-content:flex-end;gap:10px;padding:12px 0 2px;background:var(--card);border-top:1px solid var(--line-2);margin-top:4px}
.cw-modal-foot .btn.primary{min-width:96px}
.setup-banner{background:linear-gradient(180deg,var(--brand-050),#fff);border-color:var(--brand-100)}
.setup-row{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}

         
.table-wrap{overflow-x:auto;border-radius:var(--r-sm)}
.table{width:100%;border-collapse:collapse;font-size:var(--fs-14)}
.table th,.table td{text-align:left;padding:11px 10px;border-bottom:1px solid var(--line-2);vertical-align:middle}
.table thead th{color:var(--muted);font-weight:600;font-size:var(--fs-12);text-transform:uppercase;letter-spacing:.04em;background:var(--line-2)}
.table tbody tr:hover{background:var(--brand-050)}
.table tbody tr:last-child td{border-bottom:0}
code{background:var(--line-2);padding:1px 6px;border-radius:6px;font-size:var(--fs-13);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}

 		 		  	
.form label{display:block;font-weight:600;margin:12px 0 5px;font-size:var(--fs-14)}
.form input,.form textarea,.form select{width:100%;padding:10px 12px;border:1px solid #cbd5e1;border-radius:9px;font:inherit;background:#fff;transition:.12s}
.form input:focus,.form textarea:focus,.form select:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-050);outline:none}
.form .hint{font-size:var(--fs-12);color:var(--muted);margin:4px 0 0}
.form.grid2{display:grid;grid-template-columns:1fr 1fr;gap:2px 18px}
.form.grid2 .col2{grid-column:1/3}
.form.grid2 .actions{margin-top:14px}
.check{margin:12px 0}
.check label{display:flex;align-items:center;gap:9px;font-weight:500}
.check input{width:auto}
.check.disabled{opacity:.55}

 	 		 	  
					 		





.btn[hidden]{display:none}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 15px;min-height:40px;border:1px solid var(--line);border-radius:9px;background:#fff;cursor:pointer;font:inherit;font-weight:600;color:var(--ink-2);transition:.12s;line-height:1.25;white-space:normal;text-align:center;max-width:100%}
.btn:hover{text-decoration:none;background:var(--line-2);border-color:#d7deea}
.btn.primary{background:var(--brand);border-color:var(--brand);color:#fff}
.btn.primary:hover{background:var(--brand-d);border-color:var(--brand-d)}
.btn.ghost{background:transparent;border-color:transparent;color:var(--brand-d)}
.btn.ghost:hover{background:var(--brand-050)}
.btn.danger-btn{color:var(--no);border-color:#fecaca;background:#fff}
.btn.danger-btn:hover{background:var(--no-bg)}
.btn.sm{min-height:32px;padding:6px 11px;font-size:var(--fs-13)}
.btn.disabled,.btn[aria-disabled=true]{opacity:.5;pointer-events:none}
.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:9px;border:1px solid var(--line);background:#fff;cursor:pointer;color:var(--ink-2)}
.icon-btn:hover{background:var(--line-2)}
.inline{display:inline-flex;margin-right:8px}
.actions{display:flex;gap:8px;flex-wrap:wrap}

 		  			 
.badge{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:var(--r-pill);font-size:var(--fs-12);font-weight:600;line-height:1.6}
.badge::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;opacity:.9}
.badge.ok{background:var(--ok-bg);color:var(--ok)}
.badge.no{background:var(--no-bg);color:var(--no)}
.badge.warn{background:var(--warn-bg);color:var(--warn)}
.badge.off{background:var(--off-bg);color:var(--off)}
.badge.muted{background:var(--line-2);color:var(--muted)}
.badge.plain::before{display:none}

 		   	  
.alert{display:flex;gap:9px;padding:11px 14px;border-radius:var(--r-sm);margin:10px 0;font-size:var(--fs-14);border:1px solid transparent}
.alert .ic{margin-top:1px}
.alert.error{background:var(--no-bg);color:var(--no);border-color:#fecaca}
.alert.ok{background:var(--ok-bg);color:var(--ok);border-color:#bbf7d0}
.alert.warn{background:var(--warn-bg);color:var(--warn);border-color:#fde68a}
.empty{text-align:center;padding:34px 20px;color:var(--muted)}
.empty .ic{width:34px;height:34px;color:var(--muted-2);margin-bottom:8px}
.empty p{margin:0 0 12px}

   		  	 
.menu{position:relative;display:inline-block}
.menu>summary{list-style:none;cursor:pointer}
.menu>summary::-webkit-details-marker{display:none}
.menu[open]>.menu-pop{display:block}
.menu-pop{display:none;position:absolute;right:0;top:calc(100% + 6px);background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:var(--sh-2);min-width:190px;padding:6px;z-index:20}
.menu-pop a,.menu-pop button{display:flex;align-items:center;gap:9px;width:100%;text-align:left;padding:9px 10px;border-radius:8px;border:0;background:none;font:inherit;color:var(--ink-2);cursor:pointer}
.menu-pop a:hover,.menu-pop button:hover{background:var(--line-2);text-decoration:none}
.menu-pop .danger{color:var(--no)}

   	  	 	
.pager{display:flex;justify-content:space-between;align-items:center;margin-top:14px;gap:12px}

     	 	 
.progress{height:9px;background:#e2e8f0;border-radius:var(--r-pill);overflow:hidden;margin-bottom:10px}
.progress .bar{height:100%;background:linear-gradient(90deg,var(--brand),#7c3aed)}
.onb{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.onb-item{border:1px solid var(--line);border-radius:11px;padding:13px 15px}
.onb-h{display:flex;align-items:center;gap:10px;font-weight:600}

  	     	
.channel-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}
.channel-card{border:1px solid var(--line);border-radius:var(--r);padding:16px;background:#fff;box-shadow:var(--sh-1);display:flex;flex-direction:column;gap:10px}
.channel-top{display:flex;align-items:center;gap:12px}
.channel-ico{width:42px;height:42px;border-radius:11px;display:flex;align-items:center;justify-content:center;color:#fff;flex:0 0 auto}
.channel-ico.website{background:linear-gradient(135deg,#4f46e5,#7c3aed)}
.channel-ico.facebook{background:linear-gradient(135deg,#1877f2,#0a5fd0)}
.channel-ico.zalo{background:linear-gradient(135deg,#0068ff,#0047b3)}
.channel-ico.telegram{background:linear-gradient(135deg,#2aabee,#1c93d1)}
.channel-name{font-weight:700}
.channel-acc{font-size:var(--fs-12);color:var(--muted)}
.channel-note{font-size:var(--fs-13);color:var(--ink-2)}
.channel-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:auto;border-top:1px solid var(--line-2);padding-top:10px}

      	  
.filter-bar{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-end;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:14px 16px;margin-bottom:14px;box-shadow:var(--sh-1)}
.filter-bar label{display:block;font-size:var(--fs-12);color:var(--muted);margin-bottom:4px}
.filter-bar select,.filter-bar input{padding:9px 10px;border:1px solid #cbd5e1;border-radius:9px;font:inherit;background:#fff}
.filter-bar .filter-actions{margin-left:auto;display:flex;gap:8px}
.table.conversations td{vertical-align:middle}
.conv-cell{display:flex;align-items:flex-start;gap:11px;min-width:0}
.conv-cell>span:not(.conv-avatar){min-width:0;flex:1}
.conv-avatar{width:34px;height:34px;border-radius:50%;background:var(--brand-050);color:var(--brand-d);display:flex;align-items:center;justify-content:center;flex:0 0 auto}
 		 		 	



.conv-avatar{position:relative;overflow:hidden;font-weight:600;font-size:14px;line-height:1}
.conv-avatar.has-img>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:50%}
  	  	  





.q-avatar,.ov-avatar,.cw-ava{position:relative;overflow:hidden}
.q-avatar.has-img>img,.ov-avatar.has-img>img,.cw-ava.has-img>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:50%}
 	 	  		 
.cw-ava{flex:0 0 auto;width:36px;height:36px;border-radius:50%;background:var(--brand-050);color:var(--brand-d);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;line-height:1;text-transform:uppercase}
@media (max-width:640px){.cw-ava{width:32px;height:32px;font-size:13px}}
.conv-link{display:block;color:inherit;min-width:0}
.conv-link:hover{text-decoration:none}
.conv-who{font-weight:600;color:var(--ink)}
.conv-prev{margin-top:2px;max-width:58ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.table.responsive td{overflow:hidden}
.conv-link:hover .conv-who{color:var(--brand-d)}
.chan-tag{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:var(--fs-13)}

    	   	
.conv-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.conv-head h2{margin:0 0 3px}
.transcript{display:flex;flex-direction:column;gap:2px;padding:4px 0}
	  				 





 	 				 	
.spc-demo-note{margin:0 0 12px;padding:10px 14px;border:1px solid #f59e0b;border-radius:10px;background:#fffbeb;color:#92400e;font-size:13px;line-height:1.5}

	   		 	







.msg{position:relative;max-width:68%;padding:6px 10px;border-radius:12px;border:1px solid var(--line);box-shadow:var(--sh-1)}
	 	  			














.msg[data-direction="inbound"]+.msg[data-direction="outbound"],
.msg[data-direction="outbound"]+.msg[data-direction="inbound"]{margin-top:12px}
 	 	 		  
.msg.in+.msg.in{border-top-left-radius:6px}
.msg.out+.msg.out{border-top-right-radius:6px}
.msg .msg-meta{margin-bottom:3px;display:flex;align-items:center;gap:6px}
    		   
.msg .msg-foot{display:flex;align-items:center;gap:6px;justify-content:flex-end;min-height:0;margin-top:0}
 	   			




.msg .msg-time{position:absolute;top:100%;right:10px;margin-top:1px;z-index:4;font-size:11px;line-height:1.4;
  color:var(--muted,#6b7280);background:var(--card,#fff);padding:0 4px;border-radius:6px;
  opacity:0;transition:opacity .12s ease;pointer-events:none}
.msg.in .msg-time{right:auto;left:10px}
.msg:hover .msg-time,.msg:focus-within .msg-time{opacity:.75}
.msg .msg-state{font-size:11px}
.msg .msg-state:empty{display:none}
  		 	   
.snd-toggle{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line-2,#e5e7eb);background:#fff;border-radius:999px;padding:4px 10px;font-size:12px;cursor:pointer;color:var(--ink,#111)}
  		  	 



.snd-toggle[hidden]{display:none}

  	 		  



.pwa-banner{display:flex;align-items:center;gap:10px;flex-wrap:wrap;
  margin:0;padding:10px 16px;border-bottom:1px solid var(--line-2,#eef2f7);
  background:var(--brand-050,#eef2ff);color:var(--ink,#111827);font-size:var(--fs-13,13px)}
.pwa-banner[hidden]{display:none}
.pwa-banner-ic{display:inline-flex;color:var(--brand-d,#1d4ed8);flex:0 0 auto}
.pwa-banner-txt{flex:1 1 220px;min-width:0;font-weight:600}
.pwa-banner .btn{flex:0 0 auto}
.pwa-banner-x{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;
  width:28px;height:28px;padding:0;border:0;border-radius:999px;background:transparent;
  color:var(--muted,#6b7280);cursor:pointer}
.pwa-banner-x:hover{background:#fff;color:var(--ink,#111827)}
   	     
.pwa-banner-note{flex:1 1 100%;color:var(--ink-2,#4b5563);font-weight:500;line-height:1.5}
.pwa-banner-note[hidden]{display:none}

      	 









.mnav{display:none}
@media (max-width:767px){
  .mnav{
    display:flex;position:fixed;left:0;right:0;bottom:0;z-index:55;
     		 	 	 


    padding-bottom:0;
    padding-bottom:env(safe-area-inset-bottom,0);
    background:#fff;border-top:1px solid var(--line-2,#eef2f7);
    box-shadow:0 -2px 12px rgba(16,24,40,.06)}
  .mnav-i{
    flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;
    gap:2px;padding:7px 4px 6px;border:0;background:transparent;cursor:pointer;
    color:var(--muted,#6b7280);font:inherit;font-size:11px;font-weight:600;text-decoration:none;
     		 					
    min-height:52px}
  .mnav-i.is-on{color:var(--brand-d,#1d4ed8)}
  .mnav-ic{position:relative;display:inline-flex;align-items:center;justify-content:center}
  .mnav-i .ic{width:21px;height:21px}
  .mnav-l{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
   				 	  
  .mnav-ic .count-badge{position:absolute;top:-5px;left:11px;margin:0;min-width:16px;height:16px;
    padding:0 4px;font-size:10px}


   				 		



  html[data-cw-fixed] .mnav{display:none}
}
		  			 












@media (max-width:380px){
  .mnav-i{font-size:10px;padding-left:2px;padding-right:2px}
  .mnav-i .ic{width:19px;height:19px}
}
@media (max-width:640px){
  .pwa-banner{padding:10px 12px;gap:8px}
  .pwa-banner-txt{flex:1 1 100%}
}
.snd-toggle.is-off{color:var(--muted,#9ca3af)}
.snd-toggle .snd-ic{width:15px;height:15px}
.q-bar{display:flex;justify-content:flex-end;padding:4px 6px}
         
.cw-tabs{display:flex;flex-direction:column}
.cw-tabbar{display:flex;gap:2px;border-bottom:1px solid var(--line-2,#e5e7eb);margin-bottom:10px;position:sticky;top:0;background:#fff;z-index:1}
.cw-tab{appearance:none;border:0;background:none;padding:8px 10px;font:inherit;font-size:13px;color:var(--muted,#6b7280);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px}
.cw-tab.is-active{color:var(--brand,#2563eb);border-bottom-color:var(--brand,#2563eb);font-weight:600}
.cw-tab:focus-visible{outline:2px solid var(--brand,#2563eb);outline-offset:-2px}
.cw-tabpanel>.panel{border:0;padding:0;margin:0 0 10px;box-shadow:none}
 		 		  	
.cw-tabpanel[hidden]{display:none}
	 		 	  


.cw-modal[hidden]{display:none}
.cw-modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px}
.cw-modal-scrim{position:absolute;inset:0;background:rgba(15,23,42,.45)}
.cw-modal-panel{position:relative;z-index:1;background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-3);width:min(560px,96vw);max-height:90vh;display:flex;flex-direction:column;overflow:hidden}
.cw-modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-bottom:1px solid var(--line-2)}
.cw-modal-title{margin:0;font-size:var(--fs-16);font-weight:600;color:var(--ink)}
.cw-modal-x{border:0;background:transparent;font-size:22px;line-height:1;color:var(--muted);cursor:pointer;padding:2px 6px;border-radius:var(--r-sm)}
.cw-modal-x:hover{background:var(--line-2);color:var(--ink)}
.cw-modal-body{padding:16px 18px;overflow:auto}
html.cw-modal-open{overflow:hidden}
.cw-prod-soon{margin-top:8px;line-height:1.5}
					 		












.msg-body{white-space:normal;word-break:break-word;overflow-wrap:anywhere;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",inherit;font-variant-emoji:emoji}
		  			 


.msg-body a.msg-link{color:var(--brand);text-decoration:underline;text-underline-offset:2px}
.msg-body a.msg-tel{color:inherit;text-decoration:underline;text-underline-offset:2px;white-space:nowrap}
		   	  




.msg.native:has(+ .msg.native) .msg-native{display:none}
.msg.in{align-self:flex-start;background:#fff;border-bottom-left-radius:4px}
.msg.out{align-self:flex-end;background:var(--brand-050);border-color:var(--brand-100);border-bottom-right-radius:4px}

   		  	 
.profile{display:flex;align-items:center;gap:14px}
.profile .avatar{width:52px;height:52px;font-size:var(--fs-18)}
.kv{display:grid;grid-template-columns:auto 1fr;gap:6px 16px;font-size:var(--fs-14)}
.kv dt{color:var(--muted)}
.facts{line-height:1.9;margin:8px 0 0;padding-left:18px}

   	  	 	
.preview-banner{display:flex;align-items:center;gap:8px;background:#fff7ed;border:1px solid #fed7aa;color:#9a3412;padding:9px 13px;border-radius:9px;font-weight:600;margin-bottom:12px}
.preview-frames{display:flex;gap:18px;flex-wrap:wrap}
.pf{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff;box-shadow:var(--sh-1)}
.pf-tag{display:block;background:var(--line-2);padding:6px 10px;font-size:var(--fs-12);color:var(--muted);border-bottom:1px solid var(--line)}
.pf iframe{border:0;display:block;background:#fff}
.pf.desktop iframe{width:520px;height:420px}
.pf.mobile iframe{width:320px;height:520px}
.embed pre{background:#0b1220;color:#e2e8f0;padding:14px;border-radius:10px;overflow:auto}
     	 	 
.embed-code{position:relative;margin:6px 0}
.embed-code pre{margin:0;background:#0f172a;color:#f1f5f9;border-radius:10px;padding:12px 14px;padding-right:104px;overflow-x:auto;max-height:160px;font:13px/1.6 ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;white-space:pre}
.embed-code pre code{background:none;color:inherit;white-space:pre;font:inherit}
.embed-copy{position:absolute;top:8px;right:8px;background:#f8fafc}
@media (max-width:560px){.embed-code pre{padding-right:14px}.embed-copy{position:static;margin-top:8px}}
.preview-host{padding:24px;background:var(--bg);min-height:100vh}
.preview-note{color:var(--muted);font-size:var(--fs-13)}
.danger{border-top:1px solid var(--line);margin-top:18px;padding-top:14px}

  	     	
.form .col2 label{margin-top:12px}
.lead-opts{display:flex;flex-wrap:wrap;gap:14px;margin-top:4px}
.lead-opt{display:inline-flex;align-items:center;gap:6px;font-weight:500}
.lead-opt input{width:auto}
.guard-row{display:flex;flex-wrap:wrap;gap:8px}
.src-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--line-2)}
.src-row:last-child{border-bottom:0}
.panel h3{font-size:var(--fs-15);margin:0 0 10px;display:flex;align-items:center;gap:8px}

      	  
@media (max-width:960px){
  .app{grid-template-columns:1fr}
  .sidebar{position:fixed;left:-280px;top:0;width:264px;transition:left .22s ease;z-index:40;box-shadow:var(--sh-3)}
  .app.nav-open .sidebar{left:0}
  .app.nav-open .scrim{display:block;position:fixed;inset:0;background:rgba(15,23,42,.45);z-index:35}
  .nav-toggle{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:9px;cursor:pointer}
  .topbar{padding:10px 14px}
  .content{padding:16px}
  .form.grid2{grid-template-columns:1fr}
  .form.grid2 .col2{grid-column:1}
  .user .who{display:none}
}
@media (max-width:640px){
  .filter-bar{flex-direction:column;align-items:stretch}
  .filter-bar .filter-actions{margin-left:0}
  .table-wrap{overflow-x:visible}
  .table.responsive,.table.responsive tbody,.table.responsive tr,.table.responsive td{display:block;width:auto;max-width:100%}
  .table.responsive thead{position:absolute;left:-9999px}
  .table.responsive tr{border:1px solid var(--line);border-radius:11px;margin:0 0 10px;padding:10px 12px;box-shadow:var(--sh-1)}
  .table.responsive td{border:0;padding:4px 0;text-align:left}
  .table.responsive td::before{content:attr(data-th) "";display:block;color:var(--muted);font-size:var(--fs-11);font-weight:600;text-transform:uppercase;letter-spacing:.03em;margin-bottom:1px}
  .table.responsive td.cell-main::before{display:none}
  .table.responsive td:empty{display:none}
  .conv-prev{max-width:100%;white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;word-break:break-word}
   		 		 	

  .msg{max-width:88%}
  .page-head{flex-direction:column}
  .setup-row{flex-direction:column;align-items:stretch}
  .setup-row>div{min-width:0}
  .setup-row .btn{width:100%}
  .cards{grid-template-columns:1fr}
  .content{padding:14px}
  .panel{padding:16px}
  .channel-grid{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}

   	  	  
.badge-stack{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.action-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:8px}
.inline-form{display:inline-flex;flex-wrap:wrap;gap:6px;align-items:center;margin:0}
.reason-inp{min-width:180px;max-width:100%}
.check-inline{display:flex;align-items:flex-end}
.check-inline label{display:inline-flex;gap:6px;align-items:center;font-size:var(--fs-14)}
.src-list{margin:6px 0 0;padding-left:18px}
.src-list li{margin:2px 0}
 	 	  		 
.badge.sky{background:var(--brand-050,#e0f2fe);color:#0369a1}
.badge.red{background:#fee2e2;color:#b91c1c}
.channel-switcher{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}
    	   	
.chan-tab{display:inline-flex;align-items:center;gap:7px;padding:8px 13px;border:1px solid var(--line-2,#e5e7eb);border-radius:var(--r-pill,999px);color:var(--ink-2);text-decoration:none;font-size:var(--fs-14);font-weight:600;background:#fff;transition:background .16s ease,color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .1s ease}
.chan-tab .ic{opacity:.85}
.chan-tab:hover{background:var(--brand-050);border-color:var(--brand-100);color:var(--brand-d)}
.chan-tab:active{transform:translateY(1px)}
.chan-tab:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
.chan-tab[aria-current="page"]{background:var(--brand,#4f46e5);color:#fff;border-color:var(--brand,#4f46e5);box-shadow:0 1px 6px rgba(79,70,229,.28)}
.chan-tab[aria-current="page"] .ic{opacity:1}
 	  				 
@media (min-width:561px) and (max-width:1279px){.channel-switcher{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;padding-bottom:2px}.chan-tab{flex:0 0 auto}}
	 				 	

	   		 	

.chan-strip{display:flex;align-items:center;gap:6px;min-width:0;margin-bottom:12px}
.chan-strip .chan-nav{flex:1 1 auto;min-width:0;margin-bottom:0}
.chan-nav{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;padding-bottom:2px}
.chan-nav::-webkit-scrollbar{height:6px}
.chan-nav::-webkit-scrollbar-thumb{background:var(--line-2,#e5e7eb);border-radius:3px}
.chan-nav .chan-tab{flex:0 0 auto;gap:8px;padding:5px 13px 5px 5px}
.ct-ic{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--line-2,#eef0f3);color:var(--ink-2);flex:0 0 auto}
.ct-ic .ic{width:16px;height:16px;opacity:1}
.ct-label{white-space:nowrap}
.ct-count{margin-left:2px}
.chan-tab[data-ch="all"] .ct-ic{background:#eef2ff;color:#4f46e5}
.chan-tab[data-ch="website"] .ct-ic{background:#e0f2fe;color:#0369a1}
.chan-tab[data-ch="facebook"] .ct-ic{background:#e7f0ff;color:#1877f2}
.chan-tab[data-ch="zalo"] .ct-ic{background:#e6f2ff;color:#0068ff}
.chan-tab[data-ch="zalo_personal"] .ct-ic{background:#e6f2ff;color:#0068ff}
.chan-tab[data-ch="tiktok"] .ct-ic{background:#f1f1f2;color:#111}
.chan-tab[data-ch="instagram"] .ct-ic{background:#fce7f3;color:#c13584}
.chan-tab[aria-current="page"] .ct-ic{background:rgba(255,255,255,.22);color:#fff}
@media (min-width:1280px){.chan-nav{flex-wrap:nowrap}}
	 	  			


@media (max-width:760px){
  .chan-nav .chan-tab[data-ch="all"]{order:-2}
  .chan-nav .chan-tab[aria-current="page"]{order:-1}
}
.omni-detail{display:grid;grid-template-columns:1fr 320px;gap:16px;align-items:start}
.omni-main{min-width:0}
.omni-aside{min-width:0}
.kv{display:flex;justify-content:space-between;gap:10px;padding:4px 0;border-bottom:1px solid var(--line-2,#eef2f7)}
.kv:last-child{border-bottom:0}
.kv .k{color:var(--muted);font-size:var(--fs-13)}
.btn.xs{padding:2px 8px;font-size:var(--fs-12);min-height:0}
 	 	 		  
.count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;margin-left:6px;border-radius:9px;background:#dc2626;color:#fff;font-size:11px;font-weight:700;line-height:1}
.nav-badge{margin-left:auto}
.bell-menu{position:relative}
.bell-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;cursor:pointer;color:var(--muted)}
.bell-btn:hover{background:var(--brand-050);color:var(--brand-d)}
.bell-btn .count-badge{position:absolute;top:2px;right:2px;margin:0}
   		   

.bell-pop{right:0;min-width:260px;max-width:320px;padding:0}
  	   			
.bell-head{display:flex;align-items:center;justify-content:space-between;padding:9px 12px;font-weight:700;border-bottom:1px solid var(--line-2,#eef2f7)}
.bell-list{padding:2px 0;max-height:44vh;overflow:auto}
.bell-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 12px;text-decoration:none;color:inherit}
.bell-row .bell-ch{display:inline-flex;align-items:center;gap:8px;min-width:0}
.bell-row .bell-ch>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bell-row .bell-ch .ic{flex:0 0 auto;color:var(--muted,#6b7280)}
.bell-row .count-badge{margin:0;flex:0 0 auto}
.bell-row:hover{background:var(--brand-050)}
.bell-empty{padding:12px 14px}
.bell-foot{border-top:1px solid var(--line-2,#eef2f7);padding:8px 12px}
.bell-foot .snd-toggle{width:100%;justify-content:space-between;border:0;padding:6px 4px}
.bell-empty{padding:14px}
  		 	   
  		  	 


.qr-box{width:200px;height:200px;border:2px dashed var(--line-2,#cbd5e1);border-radius:12px;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--muted);background:#fff;font-weight:700;padding:8px;flex:0 0 auto}
.qr-box .qr-img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated;display:block}
.qr-box .qr-wait{display:flex;flex-direction:column;align-items:center;gap:8px;font-weight:600;font-size:13px}
  	 		  



.qr-box .qr-wait[hidden]{display:none}
.qr-box .qr-img[hidden]{display:none}
.action-row .inline-form[hidden],.inline-form[hidden]{display:none}
.qr-box .spinner{width:22px;height:22px;border:3px solid var(--line-2,#cbd5e1);border-top-color:var(--brand,#2563eb);border-radius:50%;animation:cc-spin .8s linear infinite}
@keyframes cc-spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.qr-box .spinner{animation:none}}
.qr-wrap{display:flex;gap:18px;align-items:flex-start;flex-wrap:wrap;margin:12px 0}
[data-zp-error]{color:var(--danger,#b91c1c)}
.notice-list{margin:8px 0;padding-left:18px}
.notice-list li{margin:6px 0}
.notice-panel{border-left:3px solid var(--warn,#d97706)}
.check-line{display:flex;gap:8px;align-items:center;padding:4px 0;font-size:var(--fs-14)}
.scope-fs{border:1px solid var(--line-2,#e5e7eb);border-radius:10px;padding:10px 12px;margin:6px 0}
.scope-fs legend{padding:0 6px;font-size:var(--fs-13);color:var(--muted)}
@media (max-width:900px){.omni-detail{grid-template-columns:1fr}}

   	     
.interaction-switcher,.zalo-account-switcher{margin-top:-4px}
.conv-post{display:flex;align-items:center;gap:4px;margin:2px 0}
.post-thumb{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:4px;background:var(--line-2,#eef1f5)}
.reply-from{margin-bottom:6px}
.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.post-context .post-context-row{display:flex;gap:14px;align-items:flex-start}
.post-context .post-thumb-lg{flex:0 0 auto;width:56px;height:56px;border-radius:10px;background:var(--line-2,#eef1f5);display:flex;align-items:center;justify-content:center}
.post-context .post-title{font-weight:600;margin:4px 0}
.post-context-body{min-width:0}
@media (max-width:480px){.post-context .post-context-row{flex-direction:column}.channel-switcher{overflow-x:auto;-webkit-overflow-scrolling:touch}}

       	 
.cw{display:flex;flex-direction:column;height:calc(100dvh - 108px);min-height:520px;background:#fff;border:1px solid var(--line-2,#e5e7eb);border-radius:12px;overflow:hidden}
.cw-head{flex:0 0 auto;display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--line-2,#e5e7eb);background:#fff}
.cw-back{flex:0 0 auto}
.cw-who{flex:1;min-width:0}
.cw-who h2{margin:0;font-size:16px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cw-sub{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-top:2px}
.cw-head-badges{flex:0 0 auto;display:flex;gap:4px;align-items:center}
.cw-head-actions{flex:0 0 auto;display:flex;gap:6px;align-items:center}
.cw-body{flex:1;display:flex;min-height:0}
.cw-main{position:relative;flex:1;display:flex;flex-direction:column;min-width:0;min-height:0}
.cw-timeline{flex:1;overflow-y:auto;padding:14px 16px;background:#f6f8fa;scroll-behavior:smooth}
.cw-postctx{display:flex;gap:8px;align-items:center;background:#fff;border:1px solid var(--line-2,#e5e7eb);border-radius:10px;padding:8px 10px;margin-bottom:10px}
.cw-postctx .post-thumb{flex:0 0 auto}
.cw-newmsg{position:absolute;left:50%;transform:translateX(-50%);bottom:172px;z-index:6;background:var(--brand,#4f46e5);color:#fff;border:none;border-radius:20px;padding:6px 14px;font:600 13px system-ui;cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,.18)}
.cw-composer{flex:0 0 auto;border-top:1px solid var(--line-2,#e5e7eb);padding:10px 14px;background:#fff}
.cw-composer-hint{padding:14px}
.cw-draft{margin-bottom:8px}
  		 	 	 
.cw-input{width:100%;box-sizing:border-box;min-height:46px;max-height:160px;resize:none;border:1px solid #cfd6dd;border-radius:10px;padding:10px 12px;font:15px/1.5 system-ui,sans-serif}
.cw-input:focus{outline:2px solid var(--brand,#4f46e5);outline-offset:1px;border-color:var(--brand,#4f46e5)}
 		 					
.cw-toolbar{display:flex;align-items:center;gap:8px;margin-top:8px}
.cw-tools{display:flex;align-items:center;gap:4px}
.cw-emoji-wrap{position:relative;display:inline-flex}
.cw-subhint{display:flex;align-items:center;gap:10px;margin-top:6px;flex-wrap:wrap}
.cw-composer-bar{display:flex;align-items:center;gap:10px;margin-top:8px;flex-wrap:wrap}
.cw-hint{flex:1;min-width:120px}
.cw-actions-r{display:flex;gap:8px;align-items:center;margin-left:auto}
.cw-send{min-width:92px}
.cw-menu{position:relative}
.cw-menu .menu-pop{right:0;min-width:240px}
.cw-menu .menu-item{padding:6px 8px;border-bottom:1px solid var(--line-2,#eef1f5)}
.cw-menu .menu-item:last-child{border-bottom:none}
.cw-detail{flex:0 0 300px;border-left:1px solid var(--line-2,#e5e7eb);overflow-y:auto;padding:12px;background:#fff}
.cw-detail .panel{border:1px solid var(--line-2,#eef1f5);margin-bottom:10px}
.cw-detail-close{display:none}
.cw-detail-toggle{display:none}
.cw-testtool{border-left:3px solid var(--warn,#d97706)}
 				 	  
.cw-crm .cw-crm-name{font-weight:650;font-size:15px;line-height:1.3;overflow-wrap:anywhere}
.cw-crm .cw-crm-v{overflow-wrap:anywhere;text-align:right}
.cw-crm .cw-crm-empty{margin:6px 0 8px}
.cw-crm-actions{display:flex;flex-direction:column;gap:6px;margin-top:8px}
.cw-crm-drawer{margin-top:6px}
.cw-crm-drawer>summary{display:inline-flex;align-items:center;gap:6px;cursor:pointer;list-style:none}
.cw-crm-drawer>summary::-webkit-details-marker{display:none}
.cw-crm-pop{margin-top:8px;padding:10px;border:1px solid var(--line-2,#eef1f5);border-radius:10px;background:#fbfcfe}
  				 		
.cw-crm-grid{display:flex;flex-direction:column;gap:10px}
.cw-fld{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--muted,#6b7280);min-width:0}
.cw-in{width:100%;box-sizing:border-box;padding:7px 8px;border:1px solid var(--line-2,#d7dde5);border-radius:8px;font:inherit;font-size:13px;color:#111}
.cw-in:focus{outline:2px solid var(--brand,#2563eb);outline-offset:-1px;border-color:transparent}
textarea.cw-in{resize:vertical;min-height:38px}
.cw-crm-search{display:flex;gap:6px;margin-bottom:8px}
.cw-crm-search .cw-in{flex:1}
.cw-crm-hits{display:flex;flex-direction:column;gap:6px}
.cw-crm-hit{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 8px;border:1px solid var(--line-2,#eef1f5);border-radius:8px}
.cw-crm-hit>div{min-width:0;overflow-wrap:anywhere}
@media (max-width:1100px){.cw-head-badges{display:none}}
@media (max-width:900px){
  .cw{height:calc(100dvh - 84px)}
  .cw-detail-toggle{display:inline-flex}
  		  			 

  .cw-detail{position:fixed;top:0;right:0;bottom:0;width:min(340px,88vw);max-width:100vw;transform:translateX(100%);transition:transform .18s ease;z-index:60;box-shadow:-8px 0 24px rgba(0,0,0,.18);overscroll-behavior:contain}
  .cw[data-detail-open] .cw-detail{transform:translateX(0)}
  .cw-detail-close{display:block;margin-left:auto}
  .cw-scrim{position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:55}
  .cw-scrim[hidden]{display:none;pointer-events:none}            
  .cw-back-label{display:inline}
  .cw-newmsg{bottom:188px}
}
 		 		  	
.cw-back-label{display:none;margin-left:4px}
 	 		 	  
@media (max-width:760px){
  					 		

  .cw-head{padding:8px 10px;gap:8px;flex-wrap:wrap}
  		  			 

  .cw-back{position:relative;z-index:3;pointer-events:auto;min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}
  .cw-who{flex:1;min-width:0}
  .cw-who h2{font-size:15px;line-height:1.25}
  .cw-sub{flex-wrap:nowrap;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
  .cw-sub .chan-tag{min-width:0;overflow:hidden;text-overflow:ellipsis}
  .cw-sub .chan-lbl{display:none}                  		   	  
  .cw-head-actions{flex:0 0 auto}
}
   		  	 
.qc-chan-sum.btn{max-width:52vw;overflow:hidden}
.qc-chan-item.is-active{background:var(--brand-050,#eff6ff);color:var(--brand-d,#1d4ed8);font-weight:600}
.qc-chan-item.is-active .ct-ic{color:var(--brand,#2563eb)}
   	  	 	
    	 	 


.cw-head-actions{position:relative}
@media (max-width:480px){
  .cw-composer{padding:8px 10px}
  .cw-send{min-width:76px}
  .msg{max-width:90%}
}

  	     	
.cw{max-width:100%;overflow-x:hidden}
.cw-main{overflow-x:hidden}
.cw-head{flex-wrap:wrap}
     	  


.cw-msg{max-width:100%}
.cw-msg,.msg{box-sizing:border-box}
.msg-meta{flex-wrap:wrap;word-break:break-word}
.cw-composer-bar{max-width:100%}

  		 		 	
@media (max-width:900px){ html,body{overflow-x:hidden} .main-wrap{overflow-x:hidden;max-width:100vw} }

   	  	  
@media (max-width:560px){
  .cw-timeline{padding:12px 12px}
  .msg{max-width:88%}
  .cw-hint{display:none}
  .cw-composer{padding:8px 10px}
  .cw-actions-r{margin-left:auto}
  .cw-send{min-width:72px}
  .cw-head-actions .cw-detail-toggle span{display:none}
}

 	 	  		 
.brand{display:flex;align-items:center;gap:8px}
   	   	


.brand-logo{display:block;object-fit:cover;object-position:center;width:var(--brand-logo-w,132px);height:calc(var(--brand-logo-w,132px) / 3);max-width:100%}
.brand .brand-name{font-weight:700;font-size:15px;color:#fff;letter-spacing:.2px}
.brand.big{flex-direction:column;gap:10px;margin-bottom:12px}
.brand.big .brand-logo{--brand-logo-w:210px}  	  				 
.brand.big .brand-name{color:var(--ink,#111);font-size:20px}
.widget-poweredby{font:11px system-ui;color:#8a94a3;text-align:center;padding:4px 0}
.widget-poweredby a{color:#8a94a3;text-decoration:none}

 	 				 	
.filter-bar-modern{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:8px 0 4px}
.fb-search{flex:1;min-width:200px}
.fb-search input{width:100%;box-sizing:border-box;border:1px solid #cfd6dd;border-radius:10px;padding:9px 12px;font:14px system-ui}
.fb-quick{display:flex;gap:6px;flex-wrap:wrap}
.fb-chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line-2,#e5e7eb);border-radius:20px;padding:6px 12px;font-size:13px;cursor:pointer;background:#fff;user-select:none}
.fb-chip.on{background:var(--brand-050,#eef2ff);border-color:var(--brand,#4f46e5);color:var(--brand,#4f46e5);font-weight:600}
.fb-chip input{position:absolute;opacity:0;width:0;height:0}
	   		 	

.fb-chip-n{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:18px;padding:0 6px;
  border-radius:999px;background:var(--surface-2,#f1f5f9);color:var(--ink-2,#475569);font-size:11px;font-weight:700;
  font-variant-numeric:tabular-nums;line-height:1}
.fb-chip-n.is-zero{opacity:.55}
.fb-chip.on .fb-chip-n{background:var(--brand,#4f46e5);color:#fff;opacity:1}
.fb-advanced .menu-pop.fb-adv-pop{min-width:280px;max-width:320px;display:none;flex-direction:column;gap:8px;padding:12px}
.fb-advanced[open] .menu-pop.fb-adv-pop{display:flex}
.fb-adv-pop label{display:block;font-size:12px;color:var(--muted);margin-bottom:2px}
.fb-adv-pop select{width:100%;box-sizing:border-box}
.filter-actions{display:flex;gap:6px;align-items:center;margin-left:auto}
 	 	  			
.fb-source{display:inline-flex;align-items:center;gap:6px}
.fb-source-lbl{font-size:13px;color:var(--muted);white-space:nowrap;margin:0}
.fb-source select{max-width:220px;padding:8px 10px;border:1px solid #cfd6dd;border-radius:10px;font:inherit;background:#fff}
 	 	 		  
.fb-time{display:inline-flex;align-items:center;gap:6px}
.fb-time>label,.fb-time-lbl{display:inline-flex;align-items:center;color:var(--muted);margin:0}
.fb-time select{padding:8px 10px;border:1px solid #cfd6dd;border-radius:10px;font:inherit;background:#fff;max-width:150px}
.fb-time-custom{display:inline-flex;align-items:center;gap:4px}
.fb-time-custom.is-hidden{display:none}
.fb-time-custom input[type=date]{padding:6px 8px;border:1px solid #cfd6dd;border-radius:10px;font:inherit;background:#fff;max-width:150px}
.fb-time-dash{color:var(--muted)}
   		   

@media (min-width:1280px){
  .filter-bar-modern{flex-wrap:nowrap}
  .filter-bar-modern .fb-search{flex:1 1 auto;min-width:160px}
  .filter-bar-modern .fb-source,.filter-bar-modern .fb-time,.filter-bar-modern .fb-quick,.filter-bar-modern .fb-advanced{flex:0 0 auto}
  .filter-bar-modern .fb-quick{flex-wrap:nowrap}
}
.fb-adv-pop .fb-clear{align-self:flex-start}
  	   			
.chan-tag .src-name{display:inline-block;max-width:22ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom}
.src-surface{margin-left:6px;padding:1px 7px;border-radius:var(--r-pill);background:var(--line-2,#eef0f3);color:var(--muted);font-size:var(--fs-12)}
@media (max-width:560px){.fb-search{min-width:140px;flex-basis:100%}.filter-actions{margin-left:0}.fb-source{flex-basis:100%}.fb-source select{flex:1;max-width:none}.chan-tag .src-name{max-width:16ch}}
  		 	   
.fb-chip:focus-within{outline:2px solid var(--brand,#4f46e5);outline-offset:1px}

   		  	 
#inbox-live{position:relative}
#inbox-live.is-loading{opacity:.6;transition:opacity .12s ease}
#inbox-live.is-loading *{cursor:progress}
.fb-loading{width:14px;height:14px;border-radius:50%;border:2px solid var(--line-2,#e5e7eb);border-top-color:var(--brand,#4f46e5);display:none}
#inbox-live.is-loading .fb-loading{display:inline-block;animation:fb-spin .6s linear infinite}
@keyframes fb-spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){#inbox-live.is-loading .fb-loading{animation:none}}

   	 		  
.conv-row.conv-needs{background:var(--warn-bg,#fffbeb)}
.conv-row.conv-needs td.cell-main{box-shadow:inset 3px 0 0 var(--warn,#d97706)}
.conv-row.conv-needs .conv-who{font-weight:700}
.conv-row.conv-needs .conv-prev{color:var(--ink)}

   	     
.lbl-manage .menu-pop{min-width:300px;max-width:340px;display:flex;flex-direction:column;gap:8px;padding:12px}
.lbl-manage-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding-bottom:6px;border-bottom:1px solid var(--line-2,#eef0f3)}
.lbl-manage-row:last-child{border-bottom:0;padding-bottom:0}
.lbl-manage-row input[type="text"]{flex:1;min-width:90px;padding:5px 8px;border:1px solid #cbd5e1;border-radius:8px;font:inherit}
.lbl-manage-row select{padding:5px 6px;border:1px solid #cbd5e1;border-radius:8px}
.lbl-manage-row .inline-form{display:inline-flex;gap:5px;align-items:center;margin:0}

       	 
.cw-attach{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid var(--line-2,#e5e7eb);border-radius:9px;background:#fff;color:var(--ink);cursor:pointer}
.cw-attach:hover{background:var(--line-2,#f1f5f9)}
  		 	 	 
.cw-attach.is-off,.cw-attach[disabled]{opacity:.55;cursor:not-allowed;background:var(--line-2,#f5f6f8)}
 		 					
.cw-emoji-pop{position:absolute;bottom:calc(100% + 8px);left:0;z-index:1200;display:flex;flex-wrap:wrap;gap:2px;width:264px;max-width:80vw;padding:8px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 10px 30px rgba(15,23,42,.16)}
				 	  


.cw-emoji-pop[hidden]{display:none}
  				 		
.cw-tray{display:flex;flex-direction:column;gap:6px;margin:6px 0}
.cw-tray[hidden]{display:none}
.cw-tray-item{display:flex;align-items:center;gap:8px;padding:6px 10px;border:1px solid var(--line);border-radius:9px;background:#fafbfc;font-size:var(--fs-13)}
.cw-tray-item .ti-name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:180px}
.cw-tray-item .ti-status{margin-left:auto;font-size:var(--fs-12);color:var(--muted)}
.cw-tray-item.is-ready .ti-status{color:var(--ok,#16a34a)}
.cw-tray-item.is-uploading .ti-status{color:var(--brand-d)}
.cw-tray-item.is-error{border-color:#fca5a5;background:#fef2f2}
.cw-tray-item.is-error .ti-status{color:#dc2626}
 		  			 
.cw-tray-item.is-error{flex-wrap:wrap}
.cw-tray-item.is-error .ti-status{white-space:normal;flex:1 1 220px}
.cw-tray-item .ti-link{flex:1 1 100%;display:flex;gap:6px;align-items:center}
.cw-tray-item .ti-link-in{flex:1 1 auto;min-width:0;padding:5px 8px;border:1px solid var(--line);border-radius:7px;font-size:var(--fs-13)}
.cw-tray-item .ti-remove{border:0;background:none;cursor:pointer;font-size:16px;line-height:1;color:var(--muted);padding:0 4px}
.cw-tray-item .ti-remove:hover{color:#dc2626}
         
.msg-atts{display:flex;flex-direction:column;gap:4px;margin-top:4px}
.msg-att-img img{max-width:260px;max-height:260px;border-radius:10px;display:block;border:1px solid var(--line)}
.msg-att-video{max-width:320px;border-radius:10px}
.msg-att-audio{width:260px;max-width:100%}
.msg-att-file{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:#fff;text-decoration:none;color:var(--ink);max-width:280px}
.msg-att-file:hover{background:var(--brand-050)}
.msg-att-file .att-name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 		 		  	
.msg-att-expired{border-style:dashed;background:transparent;color:var(--muted,#6b7280);cursor:default}
.msg-att-expired:hover{background:transparent}
.msg-att-expired .att-name{font-weight:500}
.msg-att-expired .att-size{white-space:nowrap;flex-shrink:0}
 	 		 	  
.msg-att-img{cursor:zoom-in;display:inline-block}
.msg-atts-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.msg-atts-grid .msg-att-img img{width:100%;height:120px;object-fit:cover;max-width:none;max-height:none}
.msg-att-img.att-broken{display:inline-flex;align-items:center;justify-content:center;min-width:140px;min-height:88px;border:1px dashed var(--line);border-radius:10px;background:var(--bg,#f6f8fa);cursor:default}
.msg-att-img.att-broken img{display:none}
.msg-att-img.att-broken::after{content:"Không tải được ảnh";color:var(--muted);font-size:12px}
.cw-lightbox{position:fixed;inset:0;z-index:200;background:rgba(0,0,0,.82);display:flex;align-items:center;justify-content:center;padding:24px}
.cw-lightbox img{max-width:96vw;max-height:92vh;border-radius:8px;box-shadow:0 8px 40px rgba(0,0,0,.5)}
.cw-lightbox-close{position:absolute;top:14px;right:18px;width:40px;height:40px;border:none;border-radius:50%;background:rgba(255,255,255,.14);color:#fff;font-size:24px;line-height:1;cursor:pointer}
.cw-lightbox-close:hover{background:rgba(255,255,255,.28)}
 					 		
@supports(padding:max(0px)){@media (max-width:900px){.cw-composer{padding-bottom:max(10px,env(safe-area-inset-bottom))}}}
 		  			 
.fb-ava{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--brand-050);color:var(--brand-d);font-weight:700;position:relative;overflow:hidden;flex:0 0 auto;font-size:14px}
.fb-ava img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:50%}
.fb-conn{max-width:720px}
.fb-conn-head,.fb-brand{display:flex;align-items:center;gap:8px;font-weight:700}
.fb-account{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--brand-050,#f5f7ff);margin:0 0 14px}
.fb-account-body{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
.fb-account-name{font-weight:700;font-size:var(--fs-15,15px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fb-account-sub{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:var(--fs-12)}
.fb-account-actions{display:flex;gap:6px;flex:0 0 auto}
.fb-dot{width:8px;height:8px;border-radius:50%;display:inline-block;background:var(--muted-2,#9aa4b2)}
.fb-dot.ok{background:var(--ok,#16a34a)}
.fb-dot.off{background:var(--warn,#d97706)}
.fb-pages-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin:6px 0 2px}
.fb-pages-head h3{margin:0;font-size:var(--fs-14)}
.fb-count{color:var(--muted);font-weight:600;font-size:var(--fs-13)}
.fb-pages{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column;gap:4px}
.fb-page-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--line-2,#eef1f5);border-radius:10px;background:#fff}
.fb-page-body{min-width:0;flex:1;display:flex;flex-direction:column;gap:1px}
.fb-page-name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fb-page-status{display:inline-flex;align-items:center;gap:5px;font-size:var(--fs-12);color:var(--muted)}
.fb-page-status.ok{color:var(--ok,#16a34a)}
.fb-page-act{display:flex;gap:6px;flex:0 0 auto}
.fb-pick{display:flex;align-items:center;gap:10px;flex:1;min-width:0;cursor:pointer}
		   	  

  		  	 

.fb-oneshot{display:none}
.fb-grant-banner{flex-direction:column;align-items:flex-start;gap:4px}
.fb-grant-banner p{margin:2px 0 0}
.fb-grant-banner strong{line-height:1.35}
.fb-addpages{margin-top:14px;border-top:1px solid var(--line);padding-top:12px}
.fb-addpages-head{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.fb-addpages-head h3{margin:0;font-size:var(--fs-14)}
.fb-addpages-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.fb-pages-pick{max-height:min(46vh,340px);overflow:auto}
.fb-addpages-foot{margin-top:10px}
   	  	 	
.src-pop{min-width:280px;max-width:min(92vw,360px);padding:6px;display:flex;flex-direction:column;gap:4px}
.src-search{width:100%;box-sizing:border-box;padding:7px 9px;border:1px solid #cfd6dd;border-radius:9px;font:inherit;margin-bottom:2px}
.src-list{max-height:min(52vh,320px);overflow:auto;display:flex;flex-direction:column;gap:1px}
.src-item{display:flex;align-items:center;gap:8px;padding:7px 8px;border-radius:9px;color:var(--ink-2);text-decoration:none}
.src-item:hover{background:var(--brand-050)}
.src-item.is-active{background:var(--brand-050);color:var(--brand-d);font-weight:650}
.src-item .fb-ava{width:22px;height:22px;font-size:11px}
.src-item .src-nm{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.src-item.is-hidden{display:none}
.src-empty{padding:8px;color:var(--muted);font-size:var(--fs-12)}
    	 	 





@media (max-width:560px){.fb-account-actions{display:none}.fb-page-act .btn:first-child:not(:last-child){display:none}}
.cw-emoji{width:32px;height:32px;border:0;background:none;font-size:18px;line-height:1;cursor:pointer;border-radius:8px}
.cw-emoji:hover{background:var(--line-2,#f1f5f9)}
  	     	
.cw-audio-pane{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:8px;padding:8px 10px;border:1px solid var(--line-2,#e5e7eb);border-radius:10px;background:#fafbfc}
.cw-audio-pane[hidden]{display:none}
.cw-audio-pane audio,.cw-audio-pane .cw-rec-audio{height:34px;max-width:min(240px,60vw)}
.cw-rec-status{font-size:var(--fs-13);color:#dc2626}
.cw-rec-time{font-variant-numeric:tabular-nums;font-weight:600;font-size:var(--fs-13);color:var(--ink,#111);min-width:44px}
.cw-rec-dot{width:10px;height:10px;border-radius:50%;background:#dc2626;display:inline-block;animation:cwRecPulse 1s ease-in-out infinite}
@keyframes cwRecPulse{0%,100%{opacity:1}50%{opacity:.25}}
.cw-rec-err{flex-basis:100%;color:#dc2626}
.cw-mic-btn{color:var(--brand-d,#1d4ed8)}
@media (max-width:760px){.cw-audio-pane audio,.cw-audio-pane .cw-rec-audio{max-width:100%;flex:1 1 140px}}

      	  
.cw-comment-actions{display:flex;gap:6px;margin-top:6px}
.cw-comment-act[data-comment-on]{background:var(--brand-050);border-color:var(--brand-100);color:var(--brand-d);font-weight:600}
.cw-comment-err{flex:1 1 100%;color:var(--no)}
.cw-comment-act{font-size:var(--fs-12);padding:2px 10px;border:1px solid var(--line-2,#e5e7eb);border-radius:var(--r-pill);background:#fff;color:var(--ink);cursor:pointer}
.cw-comment-act.is-off,.cw-comment-act[disabled]{opacity:.5;cursor:not-allowed}

  		 		 	
.lbl-pick-pop{min-width:260px;max-width:320px;display:flex;flex-direction:column;gap:8px;padding:10px}
.lbl-search{width:100%;box-sizing:border-box;padding:7px 9px;border:1px solid #cbd5e1;border-radius:8px;font:inherit}
.lbl-pick-list{display:flex;flex-direction:column;gap:5px;max-height:240px;overflow-y:auto}
.lbl-pick-row{display:flex;align-items:center;gap:6px;justify-content:space-between}
.lbl-pick-row .lbl-on{margin-left:auto}

   	  	  
.color-field{display:flex;gap:8px;align-items:center}
.color-field input[type="color"]{width:44px;height:38px;padding:2px;border:1px solid #cfd6dd;border-radius:8px;cursor:pointer;background:#fff}
.color-field input[data-hex]{flex:1}
.embed-help{margin:8px 0}
.embed-help summary{cursor:pointer}
.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}

 	 	  		 
    	   	
.sidebar{background:#fff;color:var(--ink-2);border-right:1px solid var(--line);box-shadow:none}
.sidebar .brand{color:var(--ink);border-bottom:1px solid var(--line)}
.sidebar .brand .brand-name{color:var(--ink)}
.sidebar .brand span{color:var(--brand)}
.sidebar nav a{color:var(--ink-2);font-weight:500}
.sidebar nav a:hover{background:var(--brand-050);color:var(--brand-d)}
.sidebar nav a.active{background:var(--brand-050);color:var(--brand-d);box-shadow:none;font-weight:650}
.sidebar nav a.active .ic{color:var(--brand);opacity:1}
.sidebar nav a .ic{opacity:.75}
.nav-group{color:var(--muted-2)}
.side-foot{color:var(--muted-2);border-top:1px solid var(--line)}
 	  				 
.side-head{display:flex;align-items:center;justify-content:space-between;gap:6px}
.sidebar-collapse{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--muted);cursor:pointer}
.sidebar-collapse:hover{background:var(--brand-050);color:var(--brand-d)}
@media (min-width:901px){
  .app.sidebar-collapsed{grid-template-columns:64px 1fr}
  .app.sidebar-collapsed .sidebar{padding:14px 8px;align-items:stretch}
  .app.sidebar-collapsed .sidebar .brand-name,
  .app.sidebar-collapsed .sidebar nav a span,
  .app.sidebar-collapsed .nav-group,
  .app.sidebar-collapsed .side-foot,
  .app.sidebar-collapsed .sidebar .count-badge,
  .app.sidebar-collapsed .tenant-switch{display:none}
  .app.sidebar-collapsed .sidebar nav a{justify-content:center;padding:10px 0}
  	 				 	

  .app.sidebar-collapsed .side-head{justify-content:center;flex-direction:column;gap:8px}
  .app.sidebar-collapsed .sidebar .brand{justify-content:center;padding:2px 0 10px}
  .app.sidebar-collapsed .sidebar .brand-logo{width:44px;height:44px;object-position:left center;border-radius:8px}
}
@media (max-width:900px){ .sidebar-collapse{display:none} }

 	   		 	
.dash-timefilter{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-left:auto}
.dash-timefilter select,.dash-timefilter input[type="date"]{padding:7px 9px;border:1px solid #cfd6dd;border-radius:9px;font:inherit;background:#fff}
.dash-h{margin:18px 0 8px;font-size:var(--fs-14);color:var(--muted);font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.cards-compact{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.conn-card .card-v{font-size:var(--fs-22)}
.card-nodata{opacity:.85}
.card-nodata .card-v{color:var(--muted-2)}
.chart{display:flex;flex-direction:column;gap:8px}
.chart-row{display:flex;align-items:center;gap:10px}
.chart-lbl{display:inline-flex;align-items:center;gap:6px;min-width:150px;font-size:var(--fs-13);color:var(--ink-2)}
.chart-bar{flex:1;height:12px;background:var(--line-2,#eef2f7);border-radius:999px;overflow:hidden}
.chart-fill{display:block;height:100%;background:linear-gradient(90deg,var(--brand),#7c3aed);border-radius:999px}
.chart-val{min-width:36px;text-align:right;font-weight:700;font-size:var(--fs-13)}

 	 	  			
 	 	 		  
.content-inbox{max-width:none;padding:0}
.inbox-ws{display:grid;grid-template-columns:340px minmax(0,1fr);gap:0;height:calc(100vh - 56px);min-height:480px}
   		   






.cc-toast{position:fixed;top:68px;left:50%;transform:translateX(-50%);z-index:60;pointer-events:none;
  width:max-content;max-width:min(560px,calc(100vw - 32px));
  animation:cc-toast-out .45s ease-in 3.8s forwards}
.cc-toast>.alert{margin:0;box-shadow:0 10px 30px rgba(2,6,23,.18)}
@keyframes cc-toast-out{to{opacity:0;visibility:hidden}}
@media (prefers-reduced-motion:reduce){.cc-toast{animation-duration:1ms}}
.inbox-queue{border-right:1px solid var(--line);overflow:auto;background:#fff;padding:12px 12px 8px}
.inbox-thread{overflow:hidden;display:flex;flex-direction:column;min-width:0;background:var(--bg)}
.inbox-thread .cw{height:100%}
.inbox-thread-empty{margin:auto;text-align:center;color:var(--muted);padding:40px;display:flex;flex-direction:column;align-items:center;gap:10px}
.inbox-thread-empty .ic{width:40px;height:40px;opacity:.5}
  	   			
.q-panel{padding:0;border:0;box-shadow:none;background:transparent}
.q-list{display:flex;flex-direction:column}
.q-row{display:flex;gap:10px;align-items:flex-start;padding:9px 10px;border-radius:10px;color:inherit;border:1px solid transparent;transition:background .12s ease,border-color .12s ease}
.q-row:hover{background:var(--brand-050);text-decoration:none}
.q-row.is-active{background:var(--brand-050);border-color:var(--brand-100)}
.q-row.conv-needs{box-shadow:inset 3px 0 0 var(--warn,#d97706)}
.q-avatar{flex:0 0 auto;width:34px;height:34px;border-radius:50%;background:var(--brand-050);color:var(--brand-d);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:13px;text-transform:uppercase}
.q-body{min-width:0;flex:1;display:flex;flex-direction:column;gap:2px}
.q-line1{display:flex;align-items:baseline;gap:8px}
.q-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;color:var(--ink)}
.q-row.conv-needs .q-name{font-weight:750}
.q-time{flex:0 0 auto;font-size:var(--fs-11)}
.q-prev{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.q-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:2px}
.q-meta .chan-tag{font-size:var(--fs-12)}
.q-meta .src-name{max-width:14ch}
  		 	   
.q-line2{display:flex;align-items:center;gap:8px;justify-content:space-between;min-width:0}
.q-line2 .q-prev{flex:1;display:flex;align-items:center;gap:6px}
.q-chan{flex:0 0 auto;display:inline-flex;color:var(--muted,#6b7280)}
.q-chan .ic{width:14px;height:14px}
.q-sig{flex:0 0 auto;display:flex;align-items:center;gap:6px}
.q-sig .badge.red{padding:0 6px;font-size:var(--fs-11);min-width:16px;text-align:center}
.q-needs{display:inline-flex;align-items:center;gap:4px;font-size:var(--fs-11);color:var(--warn,#b45309);white-space:nowrap;font-weight:600}
.q-needs .q-dot{width:6px;height:6px;border-radius:50%;background:var(--warn,#d97706);flex:0 0 auto}
.q-labels{font-size:var(--fs-11)}
.q-assignee{display:inline-flex;color:var(--muted)}
.q-assignee .ic{width:14px;height:14px}
   		  	 
.cc-js .inbox-queue .pager{display:none}
.q-more{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;color:var(--muted);font-size:var(--fs-12)}
.q-more[hidden]{display:none}
.q-more-spin{width:14px;height:14px;border:2px solid var(--line-2,#e5e7eb);border-top-color:var(--brand,#4f46e5);border-radius:50%;animation:q-spin .7s linear infinite}
@keyframes q-spin{to{transform:rotate(360deg)}}
.q-row.is-leaving{opacity:0;transform:translateX(8px);transition:opacity .18s ease,transform .18s ease}
   	 		  
.inbox-thread.is-loading{position:relative}
.inbox-thread.is-loading::after{content:"";position:absolute;inset:0;background:rgba(255,255,255,.35)}
@media (prefers-reduced-motion:reduce){.q-more-spin{animation:none}.q-row.is-leaving{transition:none}}
   	     
.inbox-queue .channel-switcher{flex-wrap:nowrap;overflow-x:auto}
.inbox-queue .filter-bar-modern{gap:6px}
       	 
.qc-bar{display:flex;flex-direction:column;align-items:stretch;gap:8px;margin:0 0 10px}
.qc-search{width:100%}
.qc-search input{width:100%;box-sizing:border-box}
.qc-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.qc-row>.qc-chan{flex:1 1 auto;min-width:0}
.qc-row>.qc-adv{flex:0 0 auto}
.qc-chan-sum{width:100%;justify-content:flex-start;gap:7px;overflow:hidden}
.qc-chan-sum .ct-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1 1 auto;text-align:left}
.qc-chan-sum .ic:last-child{opacity:.6;flex:0 0 auto}
.qc-chan-pop{min-width:220px;padding:6px;display:flex;flex-direction:column;gap:2px}
.qc-chan-item{display:flex;align-items:center;gap:8px;padding:7px 9px;border-radius:9px;color:var(--ink-2);text-decoration:none}
.qc-chan-item:hover{background:var(--brand-050)}
.qc-chan-item.is-active{background:var(--brand-050);color:var(--brand-d);font-weight:650}
.qc-chan-item .ct-count{margin-left:auto}
  		 	 	 
.qc-adv-pop{min-width:250px;display:flex;flex-direction:column;gap:8px;padding:10px}
.qc-adv-pop>div{display:flex;flex-direction:column;gap:3px}
.qc-adv-pop label{font-size:var(--fs-12);color:var(--muted)}
.qc-adv-pop select,.qc-adv-pop input[type=date]{width:100%;padding:7px 9px;border:1px solid #cfd6dd;border-radius:9px;font:inherit;background:#fff}
.qc-adv-pop .fb-time,.qc-adv-pop .fb-source{flex-direction:row;flex-wrap:wrap;align-items:center}
.qc-adv-pop .fb-source select,.qc-adv-pop .fb-time select{max-width:none}
.qc-chips{flex-direction:row!important;flex-wrap:wrap;gap:6px}
.qc-summary{padding:0 2px}
@media (min-width:1280px){.qc-row{flex-wrap:nowrap}}
@media (max-width:1100px){
   		 					
  .inbox-ws{grid-template-columns:300px minmax(0,1fr)}
}
@media (max-width:760px){
   				 	  
  .inbox-ws{grid-template-columns:1fr;height:auto}
  .inbox-ws[data-has-thread] .inbox-queue{display:none}
   				 		




  .inbox-ws[data-has-thread][data-zp-mode] .inbox-queue{display:block;height:auto;overflow:visible;
    border-right:0;padding:0 12px}
  .inbox-ws[data-has-thread][data-zp-mode] .inbox-queue>:not(.zp-nav){display:none}
  .inbox-ws[data-zp-mode]{grid-template-rows:auto minmax(0,1fr)}
  .inbox-queue{border-right:0}
  		  			 




  .inbox-ws[data-has-thread]{min-height:0}
  .cw[data-cw]{position:fixed;left:0;right:0;top:0;width:100%;height:100dvh;max-height:100dvh;min-height:0;border:0;border-radius:0;z-index:30}
  .cw-body,.cw-main,.cw-timeline{min-height:0}
          

  .cw-composer{padding:8px 10px}
  .cw-toolbar{gap:6px}
  .cw-tools{flex:1 1 0;min-width:0;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .cw-tools::-webkit-scrollbar{display:none}
  .cw-tools .cw-attach{flex:0 0 auto}
  .cw-actions-r{flex:0 0 auto;gap:6px;margin-left:6px}
}
		 		  	

html[data-cw-fixed]{overflow:hidden}
 	 		 	  
.ro-field{padding:9px 12px;border:1px dashed var(--line,#e5e7eb);border-radius:8px;background:var(--bg,#f6f8fa);color:var(--ink,#0f172a);min-height:20px}
 					 		
.ai-status{margin:2px 0 8px}
.ai-safety{margin:0 0 14px;padding:8px 12px;border:1px solid var(--brand-100,#e0e7ff);border-radius:8px;background:var(--brand-050,#eff6ff);color:var(--ink-2,#334155);font-size:13px;line-height:1.5}
.ai-safety strong{color:var(--ink,#0f172a)}
@media (max-width:420px){
   		  			 
  .cw-ai .cw-ai-label{display:none}
  .cw-ai{padding-left:9px;padding-right:9px}
}
 		   	  
.inbox-list-mode{padding:14px 20px 8px}
.ov-panel{padding:0;border:0;box-shadow:none;background:transparent}
.ov-head{display:grid;grid-template-columns:minmax(0,2.4fr) 1.3fr 1.1fr 1.1fr 96px;gap:14px;padding:6px 12px;color:var(--muted);font-size:var(--fs-12);font-weight:600;border-bottom:1px solid var(--line)}
.ov-scroll{max-height:calc(100vh - 208px);overflow:auto}
.ov-list{display:flex;flex-direction:column}
.ov-row{display:grid;grid-template-columns:minmax(0,2.4fr) 1.3fr 1.1fr 1.1fr 96px;gap:14px;align-items:center;padding:9px 12px;border-bottom:1px solid var(--line);color:inherit;transition:background .12s ease}
.ov-row:hover{background:var(--brand-050);text-decoration:none}
.ov-row.is-active{background:var(--brand-050)}
.ov-row.conv-needs{box-shadow:inset 3px 0 0 var(--warn,#d97706)}
.ov-cust{display:flex;gap:10px;align-items:center;min-width:0}
.ov-avatar{flex:0 0 auto;width:34px;height:34px;border-radius:50%;background:var(--brand-050);color:var(--brand-d);display:flex;align-items:center;justify-content:center}
.ov-cust-body{min-width:0;display:flex;flex-direction:column;gap:2px}
.ov-line1{display:flex;align-items:center;gap:8px;min-width:0}
.ov-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;color:var(--ink)}
.ov-row.conv-needs .ov-name{font-weight:750}
.ov-prev{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ov-source,.ov-assign,.ov-status{min-width:0;overflow:hidden}
.ov-source .chan-tag{font-size:var(--fs-12)}
.ov-source .src-name{max-width:18ch}
.ov-time{text-align:right;white-space:nowrap}
.inbox-return{display:inline-flex;align-items:center;gap:6px;margin:0 0 10px;padding:6px 11px;border:1px solid var(--line);border-radius:var(--r-pill,999px);background:#fff;color:var(--ink-2);text-decoration:none;font-size:var(--fs-13);font-weight:600}
.inbox-return:hover{background:var(--brand-050);border-color:var(--brand-100);color:var(--brand-d)}
.inbox-return .ic{width:15px;height:15px}
@media (max-width:1100px){
  .ov-head{grid-template-columns:minmax(0,2.4fr) 1.2fr 1fr 84px}
  .ov-row{grid-template-columns:minmax(0,2.4fr) 1.2fr 1fr 84px}
  .ov-head span:nth-child(3),.ov-assign{display:none}
}
@media (max-width:720px){
  .ov-head{display:none}
  .ov-row{grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:10px 12px}
  .ov-source,.ov-status{display:none}
  .inbox-list-mode{padding:10px 12px}
}

   		  	 
.cc-denied{max-width:440px;margin:0 auto;text-align:center;padding:8px}
.cc-denied .brand.big{justify-content:center;margin-bottom:8px}
.cc-denied-ico{font-size:44px;line-height:1;margin:6px 0}
.cc-denied h1{font-size:20px;margin:6px 0}
.cc-denied-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:16px}
.cc-denied-actions .btn{min-width:120px;justify-content:center}
@media (max-width:480px){.cc-denied-actions{flex-direction:column}.cc-denied-actions .btn{width:100%}}

   	  	 	
.acl-all{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid var(--line-2,#e5e7eb);border-radius:10px;background:#fafbfc;font-weight:600;margin-bottom:10px}
.acl-chan{border:1px solid var(--line-2,#e5e7eb);border-radius:10px;margin-bottom:8px;overflow:hidden}
    	 	 


.acl-chan-head{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#fff;cursor:pointer;list-style:none}
.acl-chan-head::-webkit-details-marker{display:none}
.acl-chan-head:hover{background:var(--brand-050,#eff6ff)}
.acl-chan-head .acl-chan-name{font-weight:600;flex:1 1 auto;min-width:0}
.acl-chan-head .acl-count{font-size:12px;color:var(--muted,#6b7280)}
.acl-chan-caret{width:0;height:0;flex:none;border-left:5px solid currentColor;border-top:4px solid transparent;border-bottom:4px solid transparent;color:var(--muted,#6b7280);transition:transform .12s}
.acl-chan[open]>.acl-chan-head .acl-chan-caret{transform:rotate(90deg)}
  	     	
.acl-chan-state{font-size:12px;font-weight:600;color:var(--brand-d,#1d4ed8);background:var(--brand-050,#eff6ff);border-radius:999px;padding:2px 9px;white-space:nowrap}
.acl-chan-state.is-off{color:var(--muted,#6b7280);background:var(--line-2,#eef2f7);font-weight:500}
.acl-chan-body{padding:6px 12px 12px;border-top:1px solid var(--line-2,#eef2f7);background:#fafbfc}
.acl-mode{display:flex;gap:14px;flex-wrap:wrap;margin:6px 0 8px}
.acl-mode label{display:inline-flex;align-items:center;gap:6px}
.acl-accounts{display:none;flex-direction:column;gap:2px;max-height:280px;overflow-y:auto}
.acl-chan[data-acl-mode="pick"] .acl-accounts{display:flex}
.acl-search{width:100%;box-sizing:border-box;margin:4px 0 8px;padding:8px 10px;border:1px solid var(--line-2,#e5e7eb);border-radius:8px}
.acl-acc{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:8px}
.acl-acc:hover{background:var(--brand-050,#eff6ff)}
.acl-acc .acl-acc-name{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.acl-acc.is-off{opacity:.55}
.acl-acc-tools{display:flex;gap:8px;margin:4px 0}
.acl-acc-tools .btn.xs{font-size:12px}
.acl-selcount{font-size:12px;color:var(--brand-d,#1d4ed8);margin-left:auto}
@media (max-width:600px){.acl-accounts{max-height:220px}}
.acl-pick{display:none}
.acl-chan[data-acl-mode="pick"] .acl-pick{display:block}
.acl-channels[hidden]{display:none}

     	  



.pg-tabs{display:flex;flex-wrap:wrap;gap:6px}
.pg-tabin{position:absolute;opacity:0;width:0;height:0;pointer-events:none}
.pg-tab{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border:1px solid var(--line-2,#e5e7eb);
  border-radius:999px;cursor:pointer;font-weight:600;font-size:var(--fs-13);background:#fff;white-space:nowrap}
.pg-tab:hover{background:var(--brand-050,#eff6ff)}
.pg-tab-n{font-weight:500;font-size:12px;color:var(--muted,#6b7280)}
  		 		 	
.pg-tabin:checked+.pg-tab{background:var(--brand,#2563eb);border-color:var(--brand,#2563eb);color:#fff}
.pg-tabin:checked+.pg-tab .pg-tab-n{color:rgba(255,255,255,.85)}
   	  	  
.pg-tabin:focus-visible+.pg-tab{outline:2px solid var(--brand-d,#1d4ed8);outline-offset:2px}
.pg-panels{flex:1 1 100%;margin-top:12px}
.pg-panel{display:none}
.pg-tabin:nth-of-type(1):checked~.pg-panels .pg-panel-1,
.pg-tabin:nth-of-type(2):checked~.pg-panels .pg-panel-2,
.pg-tabin:nth-of-type(3):checked~.pg-panels .pg-panel-3,
.pg-tabin:nth-of-type(4):checked~.pg-panels .pg-panel-4,
.pg-tabin:nth-of-type(5):checked~.pg-panels .pg-panel-5,
.pg-tabin:nth-of-type(6):checked~.pg-panels .pg-panel-6{display:grid;grid-template-columns:1fr;gap:10px}
.pg-item{border:1px solid var(--line-2,#e5e7eb);border-radius:10px;overflow:hidden;background:#fff}
.pg-item-head{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#fafbfc;
  border-bottom:1px solid var(--line-2,#eef2f7)}
.pg-item-name{font-weight:600;flex:1 1 auto;min-width:0}
.pg-perms{display:grid;grid-template-columns:1fr;gap:2px;padding:8px 12px}
.pg-perm{display:flex;align-items:center;gap:8px;padding:5px 6px;border-radius:8px}
.pg-perm:hover{background:var(--brand-050,#eff6ff)}
@media (min-width:760px){.pg-perms{grid-template-columns:1fr 1fr}}
@media (min-width:1180px){
  .pg-tabin:nth-of-type(1):checked~.pg-panels .pg-panel-1,
  .pg-tabin:nth-of-type(2):checked~.pg-panels .pg-panel-2,
  .pg-tabin:nth-of-type(3):checked~.pg-panels .pg-panel-3,
  .pg-tabin:nth-of-type(4):checked~.pg-panels .pg-panel-4,
  .pg-tabin:nth-of-type(5):checked~.pg-panels .pg-panel-5,
  .pg-tabin:nth-of-type(6):checked~.pg-panels .pg-panel-6{grid-template-columns:1fr 1fr}
  .pg-perms{grid-template-columns:1fr}
}

	 	  		 



.sf-grp{border:1px solid var(--line-2,#e5e7eb);border-radius:10px;padding:4px 14px 14px;margin:0 0 12px}
.sf-grp>legend{padding:0 6px;font-size:var(--fs-13);font-weight:600;color:var(--muted)}
.sf-grid{display:grid;grid-template-columns:1fr;gap:12px 16px}
.sf-f{min-width:0}
.sf-f>label{display:block;margin-bottom:4px}
.sf-f>input,.sf-f>select{width:100%;box-sizing:border-box}
@media (min-width:760px){
  .sf-grid{grid-template-columns:1fr 1fr}
  .sf-f-wide{grid-column:1 / -1}
}

    	   	
.wtpl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;margin:6px 0}
.wtpl-card{position:relative;display:flex;flex-direction:column;gap:6px;align-items:center;padding:10px;border:2px solid var(--line-2,#e5e7eb);border-radius:12px;cursor:pointer;background:#fff;transition:border-color .12s,box-shadow .12s}
.wtpl-card:hover{border-color:var(--wc,#4f46e5)}
.wtpl-card.is-on{border-color:var(--wc,#4f46e5);box-shadow:0 0 0 3px color-mix(in srgb,var(--wc,#4f46e5) 20%,transparent)}
.wtpl-card input{position:absolute;opacity:0;pointer-events:none}
.wtpl-name{font-size:12px;font-weight:600;color:var(--ink-2,#374151)}
.wtpl-sample{display:flex;align-items:center;justify-content:center;width:100%;height:52px}
 	  				 
.wtpl-btn{gap:6px;color:#fff;font:600 12px system-ui}
.wtpl-btn .wtpl-ic{width:16px;height:16px;border-radius:50%;background:currentColor;opacity:.9;flex:0 0 auto}
.wtpl-btn--round,.wtpl-btn--round_badge{background:var(--wc);border-radius:50%;width:40px;height:40px;color:#fff}
.wtpl-btn--round .wtpl-tx,.wtpl-btn--round_badge .wtpl-tx{display:none}
.wtpl-btn--round .wtpl-ic,.wtpl-btn--round_badge .wtpl-ic{background:#fff}
.wtpl-btn--round_badge::after{content:"3";position:absolute;top:14px;right:44px;background:#e11d48;color:#fff;font:700 9px/14px system-ui;min-width:14px;height:14px;border-radius:7px;text-align:center}
.wtpl-btn--pill{background:var(--wc);border-radius:16px;padding:8px 12px}
.wtpl-btn--pill .wtpl-ic{background:#fff}
.wtpl-btn--pill_light{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:7px 12px;color:#111}
.wtpl-btn--pill_light .wtpl-ic{background:var(--wc)}
.wtpl-btn--assistant{background:#fff;border:2px solid var(--wc);border-radius:12px;padding:6px 12px;color:#111}
.wtpl-btn--assistant .wtpl-ic{background:var(--wc)}
.wtpl-btn--support{background:var(--wc);border-radius:12px;padding:8px 12px}
.wtpl-btn--support .wtpl-ic{background:#fff}
 	 				 	
.wtpl-chat{flex-direction:column;width:64px;height:52px;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;background:#f6f8fa}
.wtpl-chat-head{height:14px;background:var(--wc)}
.wtpl-chat-body{flex:1;padding:4px;display:flex;flex-direction:column;gap:3px}
.wtpl-b{height:6px;border-radius:4px}
.wtpl-b.a{width:70%;background:#fff;border:1px solid #e5e7eb}
.wtpl-b.u{width:55%;align-self:flex-end;background:var(--wc)}
.wtpl-chat--modern{border-radius:12px}
.wtpl-chat--modern .wtpl-b{border-radius:6px}
.wtpl-chat--compact{width:54px;height:46px}
.wtpl-chat--assistant .wtpl-chat-head{background:linear-gradient(135deg,var(--wc),rgba(0,0,0,.2))}
 	   		 	
.wgt-created{border:1px solid var(--ok,#16a34a);background:#f0fdf4;border-radius:12px;padding:12px 14px;margin-bottom:12px;display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.wgt-created strong{font-size:15px}
tr.is-created{background:#f0fdf4}
tr.is-created td:first-child{box-shadow:inset 3px 0 0 var(--ok,#16a34a)}

 	 	  			
.kv-counters{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 10px}
.kv-counter{display:inline-flex;flex-direction:column;align-items:flex-start;min-width:96px;padding:8px 12px;border:1px solid var(--line,#e5e7eb);border-radius:10px;background:#fff;text-decoration:none;color:inherit;transition:border-color .12s,box-shadow .12s}
.kv-counter:hover{border-color:#c7cdd6}
.kv-counter.is-active{border-color:var(--brand,#2563eb);box-shadow:inset 0 -2px 0 var(--brand,#2563eb)}
.kv-counter .kv-c-n{font-size:20px;font-weight:700;line-height:1.1}
.kv-counter .kv-c-l{font-size:12px;color:#64748b}
.kv-counter.ok .kv-c-n{color:var(--ok,#16a34a)}
.kv-counter.warn .kv-c-n{color:var(--warn,#d97706)}
.kv-src{margin:-4px 0 10px}
.kv-allbar{margin-bottom:10px}
.kv-selcount{margin-left:6px}
.kv-group{padding:0;overflow:hidden}
.kv-group-head{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;padding:12px 14px;border-bottom:1px solid var(--line,#e5e7eb);background:#f8fafc}
.kv-group-title{display:flex;align-items:center;gap:8px;font-size:15px}
.kv-group-meta{flex:1 1 auto}
.kv-group-actions{display:flex;gap:6px;flex-shrink:0}
.kv-cards{display:flex;flex-direction:column}
 	 	 		  
.kv-card{display:grid;grid-template-columns:1fr minmax(210px,300px);align-items:start;gap:12px;padding:12px 14px;border-top:1px solid #f1f5f9}
.kv-card:first-child{border-top:0}
.kv-card:hover{background:#fafbfc}
.kv-card-pick{display:grid;grid-template-columns:28px 1fr;align-items:start;gap:10px;min-width:0;cursor:pointer}
.kv-card-check{padding-top:2px}
.kv-card-main{display:flex;flex-direction:column;gap:3px;min-width:0}
.kv-card-title{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.kv-card-excerpt{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.kv-card-src{word-break:break-all}
.kv-card-target{text-align:right;white-space:normal}
.kv-card-conflict{margin-top:4px}
    		   
.kv-card-dest{display:flex;flex-direction:column;gap:6px;min-width:0}
.kv-dest-field{display:flex;flex-direction:column;gap:2px;margin:0}
.kv-dest-lbl{font-size:11px;color:#64748b;font-weight:600}
.kv-card-dest select,.kv-card-dest input,.kv-group-bulk select,.kv-group-bulk input{width:100%;max-width:100%;font-size:13px;padding:5px 8px;box-sizing:border-box}
.kv-dest-ai{font-style:italic}
.is-hidden{display:none!important}
.kv-group-bulk{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 14px;border-bottom:1px solid var(--line,#e5e7eb);background:#fbfdff}
.kv-group-bulk select{width:auto;min-width:150px}
.kv-group-bulk input{width:auto;min-width:150px}
@media(max-width:640px){
  .kv-card{grid-template-columns:1fr;gap:10px}
  .kv-card-dest{border-top:1px dashed #e5e7eb;padding-top:8px}
  .kv-counter{min-width:78px;padding:6px 10px}
  .kv-counter .kv-c-n{font-size:17px}
  .kv-group-bulk select,.kv-group-bulk input{width:100%;min-width:0}
}

  	   			
.cat-sec{margin:18px 0 6px;font-size:14px;font-weight:700;border-top:1px solid var(--line,#e5e7eb);padding-top:12px}
.cat-radios{display:flex;gap:16px;margin-bottom:8px}
.cat-radio{display:inline-flex;align-items:center;gap:6px;font-weight:500}
.cat-2col{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.cat-3col{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}
.cat-row{display:grid;grid-template-columns:1fr 1fr 1fr 1fr auto;gap:8px;align-items:center;margin-bottom:8px}
.cat-row input{margin:0}
.cat-row .btn.xs{padding:4px 8px}
[data-cat-repeat="attr"] .cat-row{grid-template-columns:1fr 1fr auto}
@media(max-width:640px){ .cat-2col,.cat-3col,.cat-row{grid-template-columns:1fr} .cat-row .btn.xs{justify-self:start} }

  		 	   
.cat-modal{position:fixed;inset:0;z-index:60;display:flex;align-items:center;justify-content:center}
.cat-modal[hidden]{display:none}
.cat-modal-backdrop{position:absolute;inset:0;background:rgba(15,23,42,.42)}
.cat-modal-box{position:relative;background:#fff;border-radius:12px;padding:16px;width:min(440px,92vw);max-height:85vh;overflow:auto;box-shadow:0 12px 44px rgba(0,0,0,.22)}
.cat-modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
   		  	 
.cat-modal-box label{display:block;font-weight:600;font-size:13px;color:#334155;margin:12px 0 5px}
.cat-modal-box label:first-of-type{margin-top:2px}
[data-cat-modal="newcat"] input[type=text],[data-cat-modal="newcat"] select,.cat-create-row input,.cat-create-row select{box-sizing:border-box;padding:9px 11px;border:1px solid #d7dde5;border-radius:8px;font-size:14px;background:#fff}
[data-cat-modal="newcat"] input[type=text],[data-cat-modal="newcat"] select{width:100%;display:block}
.cat-create-row{display:flex;gap:8px;margin-bottom:6px}
.cat-create-row input{flex:1;min-width:0}
.cat-modal-msg{min-height:16px;margin:2px 0 4px}
.cat-mlist{list-style:none;margin:8px 0 0;padding:0}
.cat-mi{display:flex;align-items:center;gap:8px;padding:8px 0;border-top:1px solid #f1f5f9}
.cat-mi-name{flex:1;min-width:0;display:flex;gap:6px;align-items:center}
.cat-mi-name input{flex:1;min-width:0}
.cat-mi.is-inactive .cat-mi-name{color:#94a3b8;text-decoration:line-through}
.cat-mi.is-child{padding-left:22px;position:relative}
.cat-mi.is-child::before{content:"└";position:absolute;left:6px;color:#cbd5e1}
.cat-create-row select{max-width:44%;min-width:0}
.cat-mi-actions{display:flex;gap:6px;flex-shrink:0}
.cat-inline-add{margin-left:6px;vertical-align:middle;font-weight:500}
   	 		  
.cat-rowform{display:inline}
.cat-row-actions{white-space:nowrap}
.cat-row-actions .btn{margin-left:4px}
@media(max-width:640px){ .cat-modal-box{width:94vw;padding:12px} .cat-mi{flex-wrap:wrap} .cat-mi-actions{width:100%} }

   	     
.trk{display:flex;flex-direction:column;gap:16px}
.trk-counters{display:flex;flex-wrap:wrap;gap:12px;padding:16px}
.trk-counter{flex:1 1 120px;min-width:110px;display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:12px 14px;background:var(--brand-050);border:1px solid var(--line);border-radius:var(--r-sm)}
.trk-c-num{font-size:var(--fs-28);font-weight:800;line-height:1;color:var(--ink)}
.trk-c-lbl{font-size:var(--fs-12);color:var(--muted);font-weight:600}
.trk-filter-panel{padding:14px 16px}
.trk-filters{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end}
.trk-fl{display:flex;flex-direction:column;gap:4px;font-size:var(--fs-11);color:var(--muted);font-weight:600}
.trk-fl select{font:var(--fs-13)/1.3 var(--f-sans);padding:7px 10px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--card);color:var(--ink);min-width:150px}
.trk-live{display:inline-flex;align-items:center;gap:6px;margin-left:auto;font-size:var(--fs-12);color:var(--ok);font-weight:600}
.trk-live-dot{width:8px;height:8px;border-radius:50%;background:var(--ok-dot);animation:trkpulse 1.6s ease-in-out infinite}
@keyframes trkpulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}
.trk-layout{display:grid;grid-template-columns:minmax(280px,380px) 1fr;gap:16px;align-items:start}
.trk-list{padding:8px;max-height:calc(100dvh - 260px);overflow-y:auto}
.trk-rows{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}
.trk-row{width:100%;display:flex;gap:10px;align-items:flex-start;text-align:left;background:none;border:1px solid transparent;border-radius:var(--r-sm);padding:10px;cursor:pointer;font:inherit;color:var(--ink)}
.trk-row:hover{background:var(--brand-050)}
.trk-row.is-active{background:var(--brand-050);border-color:var(--brand-100)}
.trk-dot{width:9px;height:9px;border-radius:50%;flex:0 0 auto;margin-top:5px;background:var(--off-dot)}
.trk-dot.is-online{background:var(--ok-dot);box-shadow:0 0 0 3px var(--ok-bg)}
.trk-dot.is-off{background:var(--off-dot)}
.trk-row-main{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
.trk-row-top{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.trk-row-cur{font-size:var(--fs-13);color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.trk-row-meta{font-size:var(--fs-12)}
.trk-chip{display:inline-block;font-size:var(--fs-11);font-weight:600;padding:2px 8px;border-radius:var(--r-pill);background:var(--brand-050);color:var(--brand-d);border:1px solid var(--brand-100)}
.trk-chip.is-chat{background:var(--ok-bg);color:var(--ok);border-color:transparent}
.trk-chip.is-muted{background:var(--off-bg);color:var(--off);border-color:transparent}
.trk-chip.is-cat{background:var(--warn-bg);color:var(--warn);border-color:transparent}
a.trk-chip{text-decoration:none}
.trk-detail{padding:18px;min-height:280px}
.trk-detail-empty{padding:48px 20px}
.trk-detail-head{display:flex;align-items:center;gap:10px;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid var(--line)}
.trk-back{display:none;background:none;border:1px solid var(--line);border-radius:var(--r-sm);padding:6px 10px;font:inherit;font-size:var(--fs-13);color:var(--ink-2);cursor:pointer}
.trk-dh-title{display:flex;flex-direction:column;gap:2px}
.trk-dh-title b{font-size:var(--fs-16)}
.trk-dh-status{font-size:var(--fs-12);color:var(--muted);display:inline-flex;align-items:center;gap:6px}
.trk-kvs{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px;margin-bottom:14px}
.trk-kv{display:flex;flex-direction:column;gap:1px;min-width:0}
.trk-k{font-size:var(--fs-11);color:var(--muted);font-weight:600}
.trk-v{font-size:var(--fs-13);color:var(--ink);word-break:break-word}
.trk-sec{margin-top:14px}
.trk-sec h4{margin:0 0 8px;font-size:var(--fs-13);color:var(--ink-2)}
.trk-interest{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;font-size:var(--fs-13)}
.trk-journey{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0;position:relative}
.trk-jv{display:flex;gap:12px;padding:7px 0;border-left:2px solid var(--line);padding-left:14px;margin-left:6px;position:relative}
.trk-jv::before{content:"";position:absolute;left:-5px;top:12px;width:8px;height:8px;border-radius:50%;background:var(--brand);border:2px solid var(--card)}
.trk-jv.is-evt::before{background:var(--ok-dot)}
.trk-jt{font-size:var(--fs-12);color:var(--muted);flex:0 0 42px;font-variant-numeric:tabular-nums}
.trk-jl{font-size:var(--fs-13);color:var(--ink);min-width:0}
.trk-cur-note{margin-top:8px}
@media(max-width:900px){
  .trk-layout{grid-template-columns:1fr}
  .trk-list{max-height:none}
  .trk-detail{display:none}
  .trk.trk-show-detail .trk-list{display:none}
  .trk.trk-show-detail .trk-detail{display:block}
  .trk-back{display:inline-block}
  .trk-kvs{grid-template-columns:1fr}
  .trk-fl select{min-width:0;width:100%}
  .trk-fl{flex:1 1 140px}
  .trk-live{width:100%;margin-left:0;justify-content:flex-start}
}
@media(max-width:420px){ .trk-counter{flex:1 1 45%} .trk-c-num{font-size:var(--fs-22)} }

       	 
.cw-wc{margin:0 0 12px;padding:12px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--brand-050)}
.cw-wc h4{margin:0 0 8px;font-size:var(--fs-13);color:var(--ink-2)}
.cw-wc-row{display:flex;justify-content:space-between;gap:10px;font-size:var(--fs-12);padding:3px 0;align-items:baseline}
.cw-wc-row>span{color:var(--muted);flex:0 0 auto}
.cw-wc-row>b{text-align:right;min-width:0;word-break:break-word;font-weight:600;color:var(--ink)}
.cw-wc-link{margin-top:8px}

  		 	 	 
.trk-pro{margin:0 0 14px}
.trk-pro-view,.trk-pro-start{display:inline-flex;align-items:center;gap:6px}
.trk-pro-box{margin-top:10px;padding:12px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--brand-050)}
.trk-pro-box p{margin:0 0 8px}
.trk-pro-msg{width:100%;box-sizing:border-box;border:1px solid var(--line);border-radius:var(--r-sm);padding:8px 10px;font:var(--fs-13)/1.5 var(--f-sans);resize:vertical;min-height:60px;background:var(--card);color:var(--ink)}
.trk-pro-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}
.trk-pro-status{margin-top:8px;font-size:var(--fs-12);color:var(--ok);min-height:16px}
.trk-pro-blocked{display:inline-block}

 		 					
.trk-tabs{display:flex;gap:4px;margin:0 0 16px;border-bottom:1px solid var(--line)}
.trk-tab{appearance:none;background:none;border:none;border-bottom:2px solid transparent;padding:10px 14px;font:600 var(--fs-14)/1.2 var(--f-sans);color:var(--muted);cursor:pointer}
.trk-tab:hover{color:var(--ink)}
.trk-tab.is-active{color:var(--brand-d);border-bottom-color:var(--brand-d)}
.dash-counters{display:flex;flex-wrap:wrap;gap:12px;padding:16px;margin-bottom:16px}
.dash-counter{flex:1 1 110px;display:flex;flex-direction:column;gap:2px;position:relative}
.dash-c-num{font-size:var(--fs-26);font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums}
.dash-c-lbl{font-size:var(--fs-12);color:var(--muted)}
.dash-c-big{font-size:var(--fs-18);font-weight:700;color:var(--ink)}
.dash-c-dot{position:absolute;top:6px;right:6px;width:8px;height:8px;border-radius:50%;background:var(--ok-dot);animation:trkpulse 1.6s ease-in-out infinite}
.dash-grid{display:grid;grid-template-columns:1fr 340px;gap:16px;align-items:start}
.dash-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.dash-col-main{display:flex;flex-direction:column;gap:16px;min-width:0}
.dash-card{padding:16px;min-width:0}
.dash-card h3{margin:0 0 12px;font-size:var(--fs-14);color:var(--ink-2)}
.dash-card h4{margin:12px 0 6px}
.dash-empty{padding:14px 4px}
.dash-spark{width:100%;height:120px;display:block}
.dash-spark-area{fill:var(--brand-050)}
.dash-spark-line{stroke:var(--brand-d);stroke-width:2;vector-effect:non-scaling-stroke}
.dash-spark-meta{margin-top:6px}
.dash-bars{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.dash-bars li{display:grid;grid-template-columns:96px 1fr auto;align-items:center;gap:10px}
.dash-bar-lbl{font-size:var(--fs-13);color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dash-bar-track{height:8px;background:var(--off-bg);border-radius:var(--r-pill);overflow:hidden}
.dash-bar-fill{display:block;height:100%;background:var(--brand-d);border-radius:var(--r-pill)}
.dash-bar-val{font-size:var(--fs-12);color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap}
.dash-geo-vn .dash-bar-lbl{width:auto}
 				 	  
.dash-geo-grp{margin-top:12px}
.dash-geo-grp:first-child{margin-top:0}
.dash-geo-grp+.dash-geo-grp{border-top:1px dashed var(--line);padding-top:10px}
.dash-geo-grp h4{margin:0 0 6px}
.dash-taglist{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.dash-taglist li{font-size:var(--fs-12);padding:3px 8px;border-radius:var(--r-pill);background:var(--brand-050);color:var(--brand-d)}
.dash-taglist li.is-unknown{background:var(--off-bg);color:var(--muted)}
.dash-taglist li.is-vn-unknown{background:#eef4ea;color:#3d6b3d}
.dash-geo-note{margin:6px 2px 0;line-height:1.45}
.dash-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.dash-list li{display:flex;justify-content:space-between;gap:10px;align-items:baseline}
.dash-list-main{min-width:0;display:flex;flex-direction:column}
.dash-list-main b{font-size:var(--fs-13);color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dash-list-sub{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dash-list-num{font-size:var(--fs-12);color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap}
.dash-stream{max-height:640px;overflow:auto;position:sticky;top:16px}
.dash-stream-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}
.dash-stream-row{width:100%;text-align:left;appearance:none;background:none;border:none;border-radius:var(--r-sm);padding:10px;display:flex;gap:10px;cursor:pointer}
.dash-stream-row:hover{background:var(--brand-050)}
.dash-stream-main{min-width:0;display:flex;flex-direction:column;gap:3px}
.dash-stream-top{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px}
.dash-stream-cur,.dash-stream-meta{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dash-stream-cur{font-size:var(--fs-13);color:var(--ink-2)}
@media(max-width:900px){
  .dash-grid{grid-template-columns:1fr}
  .dash-row{grid-template-columns:1fr}
  .dash-stream{position:static;max-height:none}
}
@media(max-width:420px){ .dash-counter{flex:1 1 45%} .dash-bars li{grid-template-columns:80px 1fr auto} }

  				 		
 		  			 
.dash-status .trk-live-dot{background:var(--ok-dot)}
.dash-status.is-live{color:var(--ok)}
.dash-status.is-stale{color:var(--warn)}
.dash-status.is-stale .trk-live-dot{background:var(--warn);animation:none}
         
.dash-counters{gap:10px;background:linear-gradient(180deg,var(--brand-050),var(--card));border:1px solid var(--line)}
.dash-counter{padding:6px 12px;border-radius:var(--r-sm);justify-content:center}
.dash-counter--live{background:var(--card);border:1px solid var(--brand-100);box-shadow:0 1px 0 var(--brand-100)}
.dash-counter--live .dash-c-num{color:var(--brand-d);font-size:var(--fs-28)}
.dash-counter--live .dash-c-lbl{color:var(--brand-d);font-weight:600}
 		 		  	
.dash-map .dash-map-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:10px}
.dash-map .dash-map-head h3{margin:0}
.dash-map-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,300px);gap:18px;align-items:start}
.dash-map-visual{background:radial-gradient(130% 100% at 50% 4%,#f2f7ff,var(--card));border:1px solid var(--line);border-radius:var(--r-md,12px);padding:12px;min-height:380px;display:flex;align-items:center;justify-content:center}
.dash-map-wrap{width:100%;max-width:360px}
.dash-map-svg{width:100%;height:auto;display:block;max-height:600px;filter:drop-shadow(0 2px 4px rgba(37,74,139,.10))}
 	 		 	  
.dash-map-land{opacity:1}
.dash-prov-area{stroke:#ffffff;stroke-width:.6;stroke-linejoin:round;transition:fill .25s ease}
.dash-region-north{fill:#dbe6fa}
.dash-region-central{fill:#dfeaef}
.dash-region-south{fill:#dcefe4}
 					 		
.dash-prov-area.dash-prov-l1{fill:#a9c4f2}
.dash-prov-area.dash-prov-l2{fill:#6f92e8}
.dash-prov-area.dash-prov-l3{fill:var(--brand)}
.dash-prov.is-active .dash-prov-area,.dash-prov-area.is-active{stroke:var(--brand-d);stroke-width:1.4}
.dash-prov:hover .dash-prov-area,.dash-prov:focus .dash-prov-area{stroke:var(--brand-d);stroke-width:1.1}
.dash-map-island circle{fill:#9db8e6}
.dash-map-island-lbl{fill:#8aa0c4;font-size:9px;font-style:italic}
.dash-prov{cursor:pointer}
.dash-prov-marker{pointer-events:none}
.dash-prov-halo{fill:var(--brand-d);opacity:.12}
.dash-prov-dot{fill:var(--brand-d);stroke:#fff;stroke-width:1.5}
.dash-prov-num{fill:#fff;font-size:11px;font-weight:700;pointer-events:none}
.dash-prov-marker.dash-prov-l1 .dash-prov-dot{fill:#5f83dd}
.dash-prov-marker.dash-prov-l2 .dash-prov-dot{fill:var(--brand)}
.dash-prov-marker.dash-prov-l3 .dash-prov-dot{fill:var(--brand-d)}
.dash-prov-marker.dash-prov-l3 .dash-prov-halo{opacity:.18;animation:dashpulse 2.4s ease-in-out infinite}
.dash-prov:focus{outline:none}
@keyframes dashpulse{0%,100%{opacity:.10}50%{opacity:.24}}
.dash-map-side{min-width:0}
.dash-prov-list{max-height:300px;overflow:auto}
.dash-prov-row{width:100%;display:grid;grid-template-columns:96px 1fr auto;align-items:center;gap:10px;appearance:none;background:none;border:none;border-radius:var(--r-sm);padding:5px 6px;cursor:pointer;text-align:left}
.dash-prov-row:hover{background:var(--brand-050)}
.dash-prov-row.is-active{background:var(--brand-050);box-shadow:inset 2px 0 0 var(--brand-d)}
.dash-map-focus{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 10px;padding:8px 10px;background:var(--brand-050);border:1px solid var(--brand-100);border-radius:var(--r-sm);font-size:var(--fs-13)}
.dash-map-clear{appearance:none;border:1px solid var(--brand-100);background:var(--card);color:var(--brand-d);border-radius:var(--r-pill);padding:2px 10px;font-size:var(--fs-12);cursor:pointer;font-weight:600}
.dash-map-clear:hover{background:var(--brand-050)}
.dash-map-attr{margin:10px 2px 0;padding-top:8px;border-top:1px solid var(--line);font-size:var(--fs-12);line-height:1.5}
.dash-map-attr a{color:var(--brand-d);text-decoration:none}
.dash-map-attr a:hover{text-decoration:underline}
.dash-map-wrap{display:flex;flex-direction:column;align-items:center;gap:8px}
.dash-map-empty{margin:0;text-align:center}
@media(max-width:900px){
  .dash-map-grid{grid-template-columns:1fr}
  .dash-map-visual{min-height:0}
  .dash-map-wrap{max-width:260px}
  .dash-prov-list{max-height:none}
}
@media(max-width:420px){
  .dash-counter--live{flex-basis:100%}
  .dash-map-wrap{max-width:220px}
  .dash-prov-row{grid-template-columns:80px 1fr auto}
}

 		  			 
.page-actions{display:flex;gap:8px;align-items:center}
.lead-counters{display:flex;flex-wrap:wrap;gap:8px;padding:12px}
.lead-counter{display:flex;flex-direction:column;gap:2px;padding:8px 14px;border:1px solid var(--line);border-radius:var(--r-sm);text-decoration:none;color:var(--ink);min-width:84px}
.lead-counter:hover{background:var(--brand-050)}
.lead-counter.is-active{border-color:var(--brand-d);background:var(--brand-050)}
.lead-c-num{font-size:var(--fs-22);font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums}
.lead-c-lbl{font-size:var(--fs-12);color:var(--muted)}
.lead-filter-panel{padding:12px}
.lead-filters{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.lead-filters .lead-search{flex:1 1 220px;min-width:180px}
.lead-filters input,.lead-filters select{border:1px solid var(--line);border-radius:var(--r-sm);padding:7px 10px;font:var(--fs-13)/1.4 var(--f-sans);background:var(--card);color:var(--ink)}
.lead-list{padding:0}
.lead-table tbody tr{cursor:pointer}
.lead-table tbody tr:hover{background:var(--brand-050)}
.lead-chip{display:inline-block;font-size:var(--fs-11);font-weight:600;padding:2px 9px;border-radius:var(--r-pill);background:var(--off-bg);color:var(--ink-2)}
.lead-chip-ok,.lead-chip-won{background:var(--ok-bg);color:var(--ok)}
.lead-chip-new{background:var(--brand-050);color:var(--brand-d)}
.lead-chip-consulting{background:#dbeafe;color:#1e40af}
.lead-chip-considering{background:var(--warn-bg);color:var(--warn)}
.lead-chip-waiting{background:#fef9c3;color:#854d0e}
.lead-chip-lost{background:var(--off-bg);color:var(--muted)}
 		   	  
.lead-modal{position:fixed;inset:0;z-index:60;display:flex;align-items:flex-start;justify-content:center;padding:24px}
.lead-modal-scrim{position:absolute;inset:0;background:rgba(15,23,42,.45)}
.lead-modal-panel{position:relative;background:var(--card);border-radius:var(--r-md,12px);box-shadow:0 20px 60px rgba(2,6,23,.35);width:min(720px,100%);max-height:calc(100vh - 48px);overflow:auto}
.lead-modal-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--card);z-index:1}
.lead-modal-head h3{margin:0}
.lead-modal-x{appearance:none;border:none;background:none;font-size:24px;line-height:1;color:var(--muted);cursor:pointer;padding:0 4px}
.lead-mode{display:flex;gap:4px;padding:12px 18px 0}
.lead-mode-tab{appearance:none;background:none;border:none;border-bottom:2px solid transparent;padding:8px 12px;font:600 var(--fs-14)/1.2 var(--f-sans);color:var(--muted);cursor:pointer}
.lead-mode-tab.is-active{color:var(--brand-d);border-bottom-color:var(--brand-d)}
.lead-ai{padding:12px 18px;border-bottom:1px dashed var(--line)}
.lead-ai-text{width:100%;box-sizing:border-box;border:1px solid var(--line);border-radius:var(--r-sm);padding:10px;font:var(--fs-13)/1.5 var(--f-sans);resize:vertical;min-height:70px;background:var(--card);color:var(--ink)}
.lead-ai-actions{display:flex;align-items:center;gap:8px;margin-top:8px;flex-wrap:wrap}
.lead-ai-status{font-size:var(--fs-12);color:var(--muted)}
.lead-voice-btn.is-rec{background:var(--no-bg,#fee2e2);color:var(--no,#b91c1c);border-color:transparent}
.lead-form{padding:14px 18px 18px}
.lead-identity{margin:0 0 12px;padding:10px 12px;border-radius:var(--r-sm);font-size:var(--fs-13);background:var(--warn-bg);color:var(--warn);border:1px solid transparent}
.lead-identity.is-conflict{background:var(--no-bg,#fee2e2);color:var(--no,#b91c1c)}
.lead-identity.is-existing{background:var(--brand-050);color:var(--brand-d)}
.lead-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.lead-fl{display:flex;flex-direction:column;gap:4px;font-size:var(--fs-13)}
.lead-fl>span{color:var(--muted);font-size:var(--fs-12)}
.lead-fl input,.lead-fl select,.lead-fl textarea{border:1px solid var(--line);border-radius:var(--r-sm);padding:8px 10px;font:var(--fs-13)/1.4 var(--f-sans);background:var(--card);color:var(--ink);box-sizing:border-box;width:100%}
.lead-col2{grid-column:1 / -1}
   		  	 
.lead-address-group{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.lead-address-group .lead-addr-line{grid-column:1 / -1}
.lead-address-group .cw-fld{font-size:var(--fs-13)}
.lead-address-group .cw-fld>span{color:var(--muted);font-size:var(--fs-12)}
.lead-address-group .cw-in{border:1px solid var(--line);border-radius:var(--r-sm);padding:8px 10px;font:var(--fs-13)/1.4 var(--f-sans);background:var(--card);color:var(--ink);box-sizing:border-box;width:100%}
@media (max-width:560px){.lead-address-group{grid-template-columns:1fr}}
.lead-budget{display:flex;gap:8px}
.lead-interest-picker{position:relative}
.lead-interest-results{position:absolute;z-index:2;left:0;right:0;background:var(--card);border:1px solid var(--line);border-radius:var(--r-sm);box-shadow:var(--sh-2,0 4px 12px rgba(2,6,23,.12));max-height:200px;overflow:auto}
.lead-int-opt{display:block;width:100%;text-align:left;appearance:none;border:none;background:none;padding:8px 10px;font:var(--fs-13)/1.4 var(--f-sans);color:var(--ink);cursor:pointer}
.lead-int-opt:hover{background:var(--brand-050)}
.lead-interest-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.lead-int-chip{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-12);padding:4px 10px;border-radius:var(--r-pill);background:var(--off-bg);color:var(--ink-2)}
.lead-int-chip.is-matched{background:var(--ok-bg);color:var(--ok)}
.lead-int-x{appearance:none;border:none;background:none;cursor:pointer;color:inherit;font-size:15px;line-height:1}
.lead-form-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px}
.lead-form-status{font-size:var(--fs-12);color:var(--muted)}
   	  	 	
.lead-back{font-size:var(--fs-13);color:var(--brand-d);text-decoration:none}
.lead-detail-grid{display:grid;grid-template-columns:1fr 340px;gap:16px;align-items:start}
.lead-detail-main,.lead-detail-side{display:flex;flex-direction:column;gap:16px;min-width:0}
.lead-card{padding:16px}
.lead-card h3{margin:0 0 12px;font-size:var(--fs-14);color:var(--ink-2)}
.lead-kvs{display:grid;grid-template-columns:1fr;gap:6px}
.lead-kv{display:flex;justify-content:space-between;gap:12px;align-items:baseline;padding:3px 0}
.lead-k{color:var(--muted);font-size:var(--fs-12);flex:0 0 auto}
.lead-v{text-align:right;min-width:0;word-break:break-word;font-size:var(--fs-13);color:var(--ink)}
.lead-need{margin-top:10px;padding-top:10px;border-top:1px dashed var(--line);font-size:var(--fs-13)}
.lead-inline{display:inline-flex;gap:6px;align-items:center}
.lead-inline select{border:1px solid var(--line);border-radius:var(--r-sm);padding:4px 8px;font-size:var(--fs-12)}
.lead-interest-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.lead-interest-list li{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:var(--fs-13)}
.lead-links{display:flex;flex-wrap:wrap;gap:8px}
.lead-note-form{display:flex;gap:8px;margin-bottom:10px}
.lead-note-form input{flex:1;border:1px solid var(--line);border-radius:var(--r-sm);padding:7px 10px;font-size:var(--fs-13)}
.lead-timeline{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.lead-timeline li{display:flex;gap:10px;font-size:var(--fs-13)}
.lead-tl-t{color:var(--muted);font-size:var(--fs-12);flex:0 0 96px;font-variant-numeric:tabular-nums}
     	 	 
.cw-lead{margin-top:10px;padding-top:10px;border-top:1px dashed var(--line)}
.cw-lead .btn{width:100%}
@media(max-width:900px){
  .lead-detail-grid{grid-template-columns:1fr}
  .lead-form-grid{grid-template-columns:1fr}
  .lead-modal{padding:0}
   	     	


  .lead-modal-panel{width:100%;max-height:100vh;max-height:100dvh;border-radius:0}
  .lead-form-foot{position:sticky;bottom:0;background:var(--card);border-top:1px solid var(--line);margin:14px -18px -18px;padding:12px 18px;padding-bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:2}
}

      	  
.lead-modal[hidden]{display:none}
.lead-ai[hidden]{display:none}
.lead-identity[hidden]{display:none}
.lead-interest-results[hidden]{display:none}

 		 		 	





   	  	  
.lead-views{display:inline-flex;gap:2px;padding:3px;background:var(--line-2);border:1px solid var(--line);border-radius:var(--r-pill)}
.lead-view-tab{display:inline-flex;align-items:center;gap:6px;padding:7px 16px;border-radius:var(--r-pill);font-size:var(--fs-13);font-weight:600;color:var(--muted);white-space:nowrap;transition:background .12s,color .12s}
.lead-view-tab:hover{color:var(--ink-2)}
.lead-view-tab.is-active{background:var(--card);color:var(--brand-d);box-shadow:var(--sh-1)}

 	 	  		 
.lead-quick{display:flex;flex-wrap:wrap;gap:8px;padding:12px 14px;margin-bottom:12px}
.lead-qf{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border:1px solid var(--line);border-radius:var(--r-pill);background:var(--card);font-size:var(--fs-13);font-weight:600;color:var(--ink-2);transition:border-color .12s,background .12s,color .12s}
.lead-qf:hover{border-color:var(--brand-100);color:var(--brand-d)}
.lead-qf.is-active{background:var(--brand-050);border-color:var(--brand-100);color:var(--brand-d)}
.lead-qf-n{min-width:18px;height:18px;padding:0 5px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--r-pill);background:var(--line);color:var(--muted);font-size:var(--fs-11);font-weight:700}
.lead-qf.is-active .lead-qf-n{background:var(--brand);color:#fff}

    	   	
.lead-ava{--ava-h:250;flex:0 0 auto;width:34px;height:34px;border-radius:var(--r-pill);display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--fs-13);color:hsl(var(--ava-h) 62% 34%);background:hsl(var(--ava-h) 72% 94%);border:1px solid hsl(var(--ava-h) 60% 88%)}

 	  				 
.lead-src{display:inline-flex;align-items:center;padding:2px 9px;border-radius:var(--r-pill);font-size:var(--fs-11);font-weight:700;letter-spacing:.01em;background:var(--line-2);color:var(--ink-2);border:1px solid var(--line)}
.lead-src-website{background:#eff6ff;color:#1d4ed8;border-color:#dbeafe}
.lead-src-facebook{background:#eef2ff;color:#1e40af;border-color:#e0e7ff}
.lead-src-zalo{background:#e0f2fe;color:#0369a1;border-color:#bae6fd}
.lead-src-tiktok{background:#f1f5f9;color:#0f172a;border-color:#e2e8f0}
.lead-src-instagram{background:#fdf2f8;color:#be185d;border-color:#fce7f3}
.lead-src-phone{background:#ecfdf5;color:#047857;border-color:#d1fae5}
.lead-src-walk_in{background:#fefce8;color:#854d0e;border-color:#fef9c3}
.lead-src-referral{background:#f5f3ff;color:#6d28d9;border-color:#ede9fe}
.lead-src-manual,.lead-src-other{background:var(--line-2);color:var(--muted);border-color:var(--line)}

 	 				 	
.lead-table{width:100%;border-collapse:separate;border-spacing:0;background:var(--card);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.lead-table thead th{position:sticky;top:0;z-index:1;background:var(--line-2);text-align:left;font-size:var(--fs-11);font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);padding:10px 14px;border-bottom:1px solid var(--line);white-space:nowrap}
.lead-table tbody td{padding:11px 14px;border-bottom:1px solid var(--line-2);vertical-align:middle;font-size:var(--fs-13)}
.lead-table tbody tr:last-child td{border-bottom:0}
.lead-table tbody tr:hover{background:var(--brand-050)}
.lead-th-chk,.lead-td-chk{width:36px;text-align:center;padding-left:10px;padding-right:0}
.lead-th-act,.lead-td-act{width:1%;white-space:nowrap;text-align:right}
.lead-td-main a.lead-open,.lead-td-main .lead-nm{display:flex;align-items:center;gap:10px;color:inherit}
 	   		 	
.lead-nm{min-width:0;flex-direction:column;align-items:flex-start;gap:1px}
.lead-nm strong,.lead-nm b{display:block;font-weight:650;color:var(--ink);line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;min-width:0}
.lead-need{display:block;font-size:var(--fs-12);color:var(--muted);overflow:hidden;text-overflow:ellipsis;max-width:26ch;white-space:nowrap}
.lead-td-ct{color:var(--ink-2)}
.lead-td-ct span{display:block;font-size:var(--fs-12);color:var(--muted)}
.lead-plus{margin-left:6px;font-size:var(--fs-11);font-weight:700;color:var(--muted)}
.lead-int-chips{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.lead-int-chip{display:inline-flex;padding:2px 8px;border-radius:var(--r-pill);background:var(--brand-050);color:var(--brand-d);font-size:var(--fs-11);font-weight:600;max-width:16ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lead-overdue{display:inline-flex;align-items:center;gap:4px;margin-left:6px;color:var(--warn);font-size:var(--fs-11);font-weight:700}
.lead-overdue svg{width:12px;height:12px}

 	 	  			
.lead-acts{display:inline-flex;align-items:center;gap:4px;justify-content:flex-end}
.lead-ico{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--card);color:var(--ink-2);transition:border-color .12s,color .12s,background .12s}
.lead-ico:hover{border-color:var(--brand-100);color:var(--brand-d);background:var(--brand-050)}
.lead-ico[aria-disabled="true"],.lead-ico:disabled{opacity:.4;pointer-events:none}
.lead-ico svg{width:15px;height:15px}
.lead-menu{position:relative;display:inline-flex}
	 	 		  

.lead-menu-list{position:absolute;right:0;top:calc(100% + 4px);z-index:60;min-width:180px;max-width:calc(100vw - 16px);padding:5px;background:var(--card);border:1px solid var(--line);border-radius:var(--r-sm);box-shadow:var(--sh-2);list-style:none;margin:0}
.lead-menu-list[hidden]{display:none}
   		   

.lead-menu-list a,.lead-menu-list button,.lead-menu-list li>*{display:flex;align-items:center;gap:9px;width:100%;padding:8px 10px;border-radius:6px;font-size:var(--fs-13);color:var(--ink-2);text-align:left;background:none;border:0;text-decoration:none;cursor:pointer}
.lead-menu-list a .ic,.lead-menu-list button .ic,.lead-menu-list li>* .ic{flex:none;color:var(--muted)}
.lead-menu-list a:hover,.lead-menu-list a:focus,.lead-menu-list button:hover,.lead-menu-list button:focus,.lead-menu-list li>*:hover,.lead-menu-list li>*:focus{background:var(--brand-050);color:var(--brand-d);outline:none}
.lead-menu-list a:hover .ic,.lead-menu-list a:focus .ic{color:var(--brand-d)}
  	   			
.lead-zalo{position:relative;display:inline-block}
.lead-zalo-pop{position:fixed;z-index:1000;min-width:230px;max-width:calc(100vw - 16px);padding:12px;background:var(--card);border:1px solid var(--line);border-radius:var(--r-sm);box-shadow:var(--sh-3)}
.lead-zalo-pop[hidden]{display:none}
.lead-zalo-head{font-weight:650;font-size:var(--fs-13);color:var(--ink);margin-bottom:6px}
.lead-zalo-phone{font-size:var(--fs-16);font-weight:700;color:var(--brand-d);letter-spacing:.5px;margin-bottom:10px}
.lead-zalo-actions{display:flex;gap:8px;margin-bottom:8px;flex-wrap:wrap}

  		 	   
.lead-bulk{position:sticky;bottom:12px;z-index:15;display:flex;align-items:center;gap:12px;margin-top:12px;padding:10px 14px;background:var(--ink);color:#fff;border-radius:var(--r);box-shadow:var(--sh-3)}
.lead-bulk[hidden]{display:none}
.lead-bulk .lead-bulk-n{font-weight:700}
.lead-bulk select,.lead-bulk button{font-size:var(--fs-13)}
.lead-bulk button[data-bulk-apply]{padding:6px 12px;border-radius:var(--r-sm);border:0;background:var(--brand);color:#fff;font-weight:600;cursor:pointer}
.lead-bulk button[data-bulk-apply]:hover{background:var(--brand-d)}
.lead-bulk [data-bulk-clear]{margin-left:auto;color:var(--muted-2);background:none;border:0;cursor:pointer}

   		  	 
.lead-ws{display:grid;grid-template-columns:24% minmax(0,1fr) 25%;gap:14px;align-items:start;min-height:calc(100dvh - 160px)}
  	 		  

.lead-ws>*{min-width:0}
.lead-ws-queue,.lead-ws-timeline{position:sticky;top:14px;max-height:calc(100dvh - 90px);overflow:auto}
.lead-ws-queue{display:flex;flex-direction:column;gap:10px}
.lead-wsq-filter{display:flex;gap:8px;flex-wrap:wrap}
.lead-ws-list{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}
.lead-ws-center.is-loading{opacity:.5;pointer-events:none;transition:opacity .1s}

   	     
       	 
.lead-qcard{display:block;padding:8px 10px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--card);transition:border-color .12s,box-shadow .12s,background .12s;cursor:pointer}
.lead-qcard:hover{border-color:var(--brand-100);box-shadow:var(--sh-1)}
.lead-qcard.is-active{border-color:var(--brand);background:var(--brand-050);box-shadow:inset 3px 0 0 var(--brand)}
.lead-qcard-top{display:flex;align-items:center;gap:7px;min-width:0}
.lead-qcard-top b{font-size:var(--fs-13);font-weight:650;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}
.lead-qcard-meta{display:flex;align-items:center;gap:6px;margin-top:4px;min-width:0;overflow:hidden;white-space:nowrap}
.lead-qcard-int{font-size:var(--fs-12);color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1}
.lead-qcard-time{flex:none;margin-left:auto}

  		 	 	 
.lead-wc{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden}
		 					

.lead-wc-head{display:flex;flex-direction:column;gap:10px;padding:12px 16px;border-bottom:1px solid var(--line)}
.lead-wc-head .lead-ava{width:40px;height:40px;font-size:var(--fs-14);flex:none}
.lead-wc-id{min-width:0;display:flex;align-items:center;gap:12px}
.lead-wc-id h3{font-size:var(--fs-18);font-weight:700;margin:0;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lead-wc-sub{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:3px;font-size:var(--fs-12);color:var(--muted)}
.lead-wc-actions{display:flex;flex-wrap:wrap;gap:8px;padding:0}
.lead-wc-actions .btn{font-size:var(--fs-13)}
.lead-wc-actions .btn[disabled],.lead-wc-actions .btn[aria-disabled="true"]{opacity:.5;pointer-events:none}
.lead-wc-tabs{display:flex;gap:2px;padding:0 12px;border-bottom:1px solid var(--line);overflow-x:auto}
.lead-wc-tab{padding:12px 14px;font-size:var(--fs-13);font-weight:600;color:var(--muted);border-bottom:2px solid transparent;white-space:nowrap;background:none;border-top:0;border-left:0;border-right:0;cursor:pointer}
.lead-wc-tab:hover{color:var(--ink-2)}
.lead-wc-tab.is-active{color:var(--brand-d);border-bottom-color:var(--brand)}
.lead-wc-panel{padding:18px}
.lead-wc-panel:not(.is-active){display:none}

 				 	  
.lead-wc-idmeta{min-width:0;flex:1}
.lead-wc-nameline{display:flex;align-items:center;gap:10px;min-width:0}
  				 		
.lead-wc-nameline h3{font-size:var(--fs-18);font-weight:700;margin:0;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.lead-wc-nameline .chip,.lead-wc-nameline .badge{flex:none}
		  			 

.lead-wc-meta{display:flex;gap:6px 22px;flex-wrap:wrap;margin-top:5px;font-size:var(--fs-13);color:var(--muted)}
.lead-wc-meta span{white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.lead-wc-meta b{color:var(--ink-2);font-weight:600}
         
.lead-info-stack{display:flex;flex-direction:column;gap:14px}
.lead-info-stack .lead-card{width:auto}
.lead-kv-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 24px}
.lead-kv-grid .kv{display:flex;align-items:baseline;gap:10px;min-width:0;padding:3px 0}
.lead-kv-grid .kv .k{flex:none;width:120px;font-size:var(--fs-12);color:var(--muted)}
.lead-kv-grid .kv .v{min-width:0;font-size:var(--fs-13);color:var(--ink);overflow-wrap:anywhere}
.lead-kv-block{margin-top:10px}
.lead-kv-block .k{display:block;font-size:var(--fs-12);color:var(--muted);margin-bottom:3px}
.lead-kv-block .v{font-size:var(--fs-13);color:var(--ink);line-height:1.5}
 		 		  	
.cw-email-to{display:flex;flex-direction:column;gap:1px;padding:8px 10px;background:var(--line-2);border-radius:var(--r-sm);margin-bottom:10px}
.cw-email-to b{font-size:var(--fs-13);color:var(--ink)}
.cw-email-to span{font-size:var(--fs-12);color:var(--muted)}
.cw-email-empty{text-align:center;padding:8px 0}
.cw-email-empty p{margin:0 0 10px;color:var(--ink-2)}
 	 		 	  
.email-cfg-wrap{display:flex;flex-direction:column;gap:14px;max-width:820px}
.cw-check{flex-direction:row;align-items:center;gap:8px}
.cw-check input{width:auto}
 					 		
.lead-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 22px}
.lead-info-grid>div{min-width:0}
.lead-info-grid dt,.lead-kv .lead-c-lbl{font-size:var(--fs-11);font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--muted-2);margin-bottom:3px}
.lead-info-grid dd{margin:0;font-size:var(--fs-14);color:var(--ink)}
.lead-ef{display:flex;flex-direction:column;gap:12px}
.lead-ef-row{display:flex;flex-direction:column;gap:5px}
.lead-ef-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.lead-ef label{font-size:var(--fs-12);font-weight:600;color:var(--ink-2)}
.lead-ef input,.lead-ef select,.lead-ef textarea{width:100%}

 		  			 
.lead-ws-timeline .lead-tl{position:relative;list-style:none;margin:0;padding:4px 0 4px 6px}
.lead-tl-item{position:relative;padding:0 0 16px 26px}
.lead-tl-item::before{content:"";position:absolute;left:9px;top:20px;bottom:-2px;width:2px;background:var(--line)}
.lead-tl-item:last-child::before{display:none}
.lead-tl-dot{position:absolute;left:2px;top:2px;width:18px;height:18px;border-radius:var(--r-pill);background:var(--brand-050);color:var(--brand-d);display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--brand-100)}
.lead-tl-dot svg{width:11px;height:11px}
.lead-tl-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px}
.lead-tl-title{font-size:var(--fs-13);font-weight:600;color:var(--ink)}
.lead-tl-t{font-size:var(--fs-11);color:var(--muted-2);white-space:nowrap}
.lead-tl-detail{font-size:var(--fs-12);color:var(--muted);margin-top:2px}

 		   	  
.lead-kb-wrap{overflow-x:auto;overflow-y:hidden;padding-bottom:8px;-webkit-overflow-scrolling:touch}
.lead-kb-board{display:grid;grid-auto-flow:column;grid-auto-columns:300px;gap:12px;align-items:start;min-height:calc(100dvh - 200px)}
.lead-kb-col{display:flex;flex-direction:column;background:var(--line-2);border:1px solid var(--line);border-radius:var(--r);max-height:calc(100dvh - 170px)}
.lead-kb-head{position:sticky;top:0;display:flex;align-items:center;gap:8px;padding:11px 13px;border-bottom:1px solid var(--line);background:var(--line-2);border-radius:var(--r) var(--r) 0 0;z-index:1}
.lead-kb-head strong{font-size:var(--fs-13);font-weight:700}
.lead-kb-n{min-width:20px;height:20px;padding:0 6px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--r-pill);background:var(--card);color:var(--muted);font-size:var(--fs-11);font-weight:700;border:1px solid var(--line)}
.lead-kb-dot{width:8px;height:8px;border-radius:var(--r-pill);flex:0 0 auto}
.lead-kb-body{flex:1;overflow-y:auto;padding:10px;display:flex;flex-direction:column;gap:9px;min-height:60px}
.lead-kb-body.is-over,.lead-kb-drop.is-over{background:var(--brand-050);outline:2px dashed var(--brand-100);outline-offset:-4px;border-radius:var(--r-sm)}
.lead-kb-card{display:block;padding:11px 12px;background:var(--card);border:1px solid var(--line);border-radius:var(--r-sm);box-shadow:var(--sh-1);cursor:grab;transition:box-shadow .12s,transform .06s}
.lead-kanban.can-drag .lead-kb-card:hover{box-shadow:var(--sh-2)}
.lead-kb-card.is-dragging{opacity:.45;cursor:grabbing}
.lead-kb-card.is-pending{opacity:.6;pointer-events:none}
.lead-kb-name{font-size:var(--fs-13);font-weight:650;color:var(--ink);line-height:1.3}
.lead-kb-meta{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:7px}
.lead-kb-int{font-size:var(--fs-12);color:var(--muted);margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lead-kb-foot{display:flex;align-items:center;justify-content:space-between;margin-top:7px;font-size:var(--fs-11);color:var(--muted-2)}
.lead-kb-empty{padding:16px;text-align:center;font-size:var(--fs-12);color:var(--muted-2)}

   		  	 
.lead-kb-dot.st-new{background:var(--brand)}
.lead-kb-dot.st-consulting{background:#3b82f6}
.lead-kb-dot.st-considering{background:var(--warn-dot)}
.lead-kb-dot.st-waiting{background:#eab308}
.lead-kb-dot.st-won{background:var(--ok-dot)}
.lead-kb-dot.st-lost{background:var(--muted-2)}

   	  	 	
@media (max-width:900px){
  .lead-ws{grid-template-columns:minmax(0,1fr);min-height:0}
  .lead-ws-queue,.lead-ws-timeline{position:static;max-height:none;overflow:visible}
       	 	 
  .lead-ws.has-selected .lead-ws-center{order:-1}
}
@media (max-width:640px){
  .lead-views{width:100%;justify-content:stretch}
  .lead-view-tab{flex:1;justify-content:center;padding:8px 6px}
  .lead-quick{overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch}
  .lead-qf{flex:0 0 auto}
    	     	
  .lead-table,.lead-table thead,.lead-table tbody,.lead-table tr,.lead-table td{display:block;width:auto}
  .lead-table thead{position:absolute;left:-9999px}
  .lead-table tbody tr{margin:0 0 10px;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:var(--card)}
  .lead-table tbody td{border-bottom:1px solid var(--line-2);padding:9px 12px}
  .lead-td-act{text-align:left}
  .lead-need{max-width:none;white-space:normal}
        	  
  .lead-wc-actions{flex-wrap:wrap}
  .lead-wc-meta{gap:4px 16px}
  .lead-info-grid,.lead-ef-fields,.lead-kv-grid{grid-template-columns:1fr}
  .lead-kv-grid .kv .k{width:110px}
  .lead-kb-board{grid-auto-columns:82vw}
}

 		 		 	



.page-head-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.btn-brand{background:var(--brand);color:#fff;border-color:var(--brand)}
.btn-brand:hover{background:var(--brand-d);border-color:var(--brand-d)}
.btn-danger{background:#fee2e2;color:#b91c1c;border-color:#fecaca}
.btn-danger:hover{background:#fecaca}
.btn-block{display:block;width:100%;text-align:center;padding:11px 16px;font-weight:600}
.ta-right{text-align:right}.ta-center{text-align:center}
.tbl-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}

.ord-chip{display:inline-flex;align-items:center;padding:2px 10px;border-radius:var(--r-pill);font-size:var(--fs-11);font-weight:700}
.ord-st-draft{background:var(--line-2);color:var(--muted)}
.ord-st-confirmed{background:#dbeafe;color:#1e40af}
.ord-st-processing{background:var(--warn-bg);color:var(--warn)}
.ord-st-completed{background:var(--ok-bg);color:var(--ok)}
.ord-st-cancelled{background:#fee2e2;color:#b91c1c}

.ord-quick{display:flex;flex-wrap:wrap;gap:8px;padding:12px 14px;margin-bottom:12px}
.ord-qf{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border:1px solid var(--line);border-radius:var(--r-pill);background:var(--card);font-size:var(--fs-13);font-weight:600;color:var(--ink-2)}
.ord-qf:hover{border-color:var(--brand-100);color:var(--brand-d)}
.ord-qf.is-active{background:var(--brand-050);border-color:var(--brand-100);color:var(--brand-d)}
.ord-qf-n{min-width:18px;height:18px;padding:0 5px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--r-pill);background:var(--line);color:var(--muted);font-size:var(--fs-11);font-weight:700}
.ord-qf.is-active .ord-qf-n{background:var(--brand);color:#fff}
.ord-search{display:inline-flex;gap:6px}

.ord-table{width:100%;border-collapse:separate;border-spacing:0}
.ord-table thead th{background:var(--line-2);text-align:left;font-size:var(--fs-11);font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);padding:10px 12px;border-bottom:1px solid var(--line);white-space:nowrap}
.ord-table tbody td{padding:11px 12px;border-bottom:1px solid var(--line-2);font-size:var(--fs-13);vertical-align:middle}
.ord-table tbody tr:hover{background:var(--brand-050)}
.ord-code{font-weight:700;color:var(--brand-d)}
.ord-total{font-weight:700;color:var(--ink);white-space:nowrap}

.ord-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px;align-items:start}
.ord-grid-main{display:flex;flex-direction:column;gap:14px;min-width:0}
.ord-grid-side{position:sticky;top:14px;display:flex;flex-direction:column;gap:12px}
.ord-sec{padding:16px}
.ord-sec h3{margin:0 0 12px;font-size:var(--fs-15)}
.ord-sec .panel-head{margin-bottom:12px}

.ord-cust-search{display:flex;flex-direction:column;gap:8px;position:relative}
.ord-cust-results,.ord-prod-results{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--r-sm);overflow:hidden;background:var(--card);box-shadow:var(--sh-1)}
.ord-cust-results[hidden],.ord-prod-results[hidden]{display:none}
.ord-res{display:block;width:100%;text-align:left;padding:9px 12px;border:0;border-bottom:1px solid var(--line-2);background:none;cursor:pointer;font-size:var(--fs-13)}
.ord-res:last-child{border-bottom:0}
.ord-res:hover{background:var(--brand-050)}
.ord-res-empty{padding:10px 12px}
.ord-cust-selected{display:flex;align-items:center;justify-content:space-between;gap:10px}
.ord-cust-selected[hidden]{display:none}
.ord-cust-picked{font-weight:600;color:var(--ink)}
.ord-cust-quick{margin-top:12px;padding:12px;border:1px dashed var(--line);border-radius:var(--r-sm);background:var(--line-2)}
.ord-cust-quick[hidden]{display:none}
.ord-quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ord-quick-grid label{display:flex;flex-direction:column;gap:4px;font-size:var(--fs-12);font-weight:600;color:var(--ink-2)}
.ord-quick-actions{display:flex;align-items:center;gap:10px;margin-top:10px}

.ord-prod-search{position:relative;margin-bottom:12px}
.ord-lines{display:flex;flex-direction:column;gap:8px}
.ord-line{display:grid;grid-template-columns:minmax(0,1fr) 72px 118px 96px auto 30px;gap:8px;align-items:center;padding:9px 10px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--card)}
.ord-line-main{min-width:0}
.ord-line-name{display:block;font-weight:600;font-size:var(--fs-13);color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ord-line-code{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ord-line-f{display:flex;flex-direction:column;gap:2px;font-size:var(--fs-11);color:var(--muted);min-width:0}
.ord-line-f .inp{width:100%;min-width:0;padding:6px 8px;font-size:var(--fs-13);text-align:right}
.ord-line-amt{font-weight:700;font-size:var(--fs-13);white-space:nowrap;text-align:right}
.ord-line-x{width:26px;height:26px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--card);color:var(--muted);cursor:pointer;font-size:16px;line-height:1}
.ord-line-x:hover{border-color:#fecaca;color:#b91c1c;background:#fef2f2}
.ord-lines-empty{padding:14px;text-align:center}
.ord-lines-empty[hidden]{display:none}

.ord-summary{gap:10px}
.ord-sum-title{margin:0 0 2px;font-size:var(--fs-14);font-weight:650;color:var(--ink)}
.ord-sum-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:4px 0}
.ord-sum-row .inp{max-width:150px;text-align:right}
.ord-sum-total{border-top:1px solid var(--line);padding-top:10px;margin-top:4px}
.ord-sum-total span{font-weight:600}
.ord-sum-total b{font-size:var(--fs-18);color:var(--brand-d)}
.ord-meta-grid{display:grid;gap:12px}
.ord-meta-grid label{display:flex;flex-direction:column;gap:5px;font-size:var(--fs-12);font-weight:600;color:var(--ink-2)}
.ord-form-msg{margin-top:8px;font-size:var(--fs-13);color:var(--muted);text-align:center;min-height:18px}
.ord-form-msg.is-err{color:#b91c1c;font-weight:600}

.ord-detail{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px;align-items:start}
.ord-detail-main{display:flex;flex-direction:column;gap:14px;min-width:0}
.ord-detail-side{display:flex;flex-direction:column;gap:14px}
.ord-detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:16px;background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg)}
.ord-detail-code{font-size:var(--fs-22);font-weight:800}
.ord-detail-sub{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:6px}
.ord-detail-total{text-align:right}
.ord-detail-total b{display:block;font-size:var(--fs-22);font-weight:800;color:var(--brand-d)}
.ord-detail-actions{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;padding:12px 0 0}
.ord-act-primary{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.ord-next-cta{font-size:var(--fs-14);font-weight:650;padding:9px 18px}
.ord-next-hint{white-space:nowrap}
.ord-act-rest{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-left:auto}
   	  	  
.ord-stepper{list-style:none;display:flex;align-items:center;gap:6px;margin:14px 0 0;padding:12px;background:var(--card);border:1px solid var(--line);border-radius:var(--r);overflow-x:auto}
.ord-step{display:flex;align-items:center;gap:7px;flex:1;min-width:0;color:var(--muted-2);font-size:var(--fs-12)}
.ord-step:not(:last-child)::after{content:"";flex:1;height:2px;background:var(--line);border-radius:2px}
.ord-step-dot{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:var(--r-pill);background:var(--line-2);color:var(--muted);font-size:var(--fs-12);font-weight:700;flex:none}
.ord-step-lbl{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ord-step.is-done{color:var(--ok)}
.ord-step.is-done .ord-step-dot{background:var(--ok-bg);color:var(--ok)}
.ord-step.is-done:not(:last-child)::after{background:var(--ok-dot)}
.ord-step.is-current{color:var(--brand-d);font-weight:650}
.ord-step.is-current .ord-step-dot{background:var(--brand);color:#fff}
.ord-stepper.is-cancelled{padding:12px 14px}
.ord-step-cancel{display:flex;align-items:center;gap:7px;color:var(--no);font-weight:600;font-size:var(--fs-13)}
.ord-row-acts{display:inline-flex;gap:6px;justify-content:flex-end;white-space:nowrap}
.ord-cust-view b{font-size:var(--fs-15)}
 	 	  		 
.print-body{background:var(--bg);margin:0;padding:0}
.print-toolbar{display:flex;gap:8px;justify-content:center;padding:12px;background:var(--card);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}
.print-doc{max-width:820px;margin:16px auto;background:#fff;color:#111;padding:28px 32px;box-shadow:var(--sh-2);font-size:13px;line-height:1.5}
.pd-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;border-bottom:2px solid #111;padding-bottom:12px}
.pd-title h1{margin:0;font-size:24px;letter-spacing:1px}
.pd-code{font-size:15px;font-weight:700;color:#4338ca;margin-top:2px}
.pd-head-meta{display:grid;grid-template-columns:1fr 1fr;gap:2px 18px;font-size:12px;text-align:right}
.pd-head-meta>div{display:flex;gap:8px;justify-content:flex-end}
.pd-head-meta span{color:#666}
.pd-parties{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:18px}
.pd-party h2{font-size:12px;letter-spacing:.5px;color:#4338ca;margin:0 0 8px;border-bottom:1px solid #ddd;padding-bottom:4px}
.pd-kv{display:flex;gap:8px;margin-bottom:3px}
.pd-kv span{color:#666;min-width:120px}
.pd-items{width:100%;border-collapse:collapse;margin-top:20px;font-size:12px}
.pd-items th{background:#f1f2f6;text-align:left;padding:8px 8px;border-bottom:2px solid #ccc;font-size:11px;letter-spacing:.3px}
.pd-items td{padding:7px 8px;border-bottom:1px solid #eee;vertical-align:top}
.pd-variant{color:#666;font-weight:400}
.pd-code-sm{color:#888;font-size:11px;margin-top:2px}
.pd-summary{display:flex;justify-content:flex-end;margin-top:14px}
.pd-summary table{min-width:280px;border-collapse:collapse}
.pd-summary td{padding:5px 8px}
.pd-summary tr td:last-child{text-align:right;font-variant-numeric:tabular-nums}
.pd-total td{border-top:2px solid #111;font-size:16px;font-weight:800;color:#4338ca;padding-top:8px}
.pd-signs{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:40px;text-align:center}
.pd-sign span{display:block;font-weight:700}
.pd-sign i{color:#666;font-size:11px}
.pd-sign{border-top:1px dashed #bbb;padding-top:56px}
.pd-foot{margin-top:28px;text-align:center;color:#999;font-size:11px;border-top:1px solid #eee;padding-top:10px}
.ta-right{text-align:right}.ta-center{text-align:center}
@media print{
  @page{size:A4 portrait;margin:14mm}
  html.cc-js .print-body,.print-body{background:#fff}
  .no-print,.print-toolbar{display:none !important}
  .print-doc{max-width:none;margin:0;padding:0;box-shadow:none}
  .pd-items{page-break-inside:auto}
  .pd-items tr{page-break-inside:avoid}
  .pd-summary,.pd-signs,.pd-total{page-break-inside:avoid}
}
.ord-ship{margin-top:6px}
.ord-cust-actions{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:10px}
.ord-note-body{font-size:var(--fs-14);line-height:1.5;white-space:normal;overflow-wrap:anywhere}
.ord-items-table{width:100%;border-collapse:collapse}
.ord-items-table th{text-align:left;font-size:var(--fs-11);font-weight:700;text-transform:uppercase;color:var(--muted);padding:8px 10px;border-bottom:1px solid var(--line)}
.ord-items-table td{padding:9px 10px;border-bottom:1px solid var(--line-2);font-size:var(--fs-13);vertical-align:top}
.ord-it-name{font-weight:600}
.ord-it-type{display:inline-block;margin-top:3px;font-size:var(--fs-11);color:var(--muted)}
.ord-items-table tfoot td{padding:8px 10px;font-size:var(--fs-13)}
.ord-items-total td{font-weight:800;font-size:var(--fs-15);border-top:2px solid var(--line)}
.ord-rel{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.ord-rel li{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:var(--fs-13)}
.ord-acts{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}
.ord-act{display:flex;flex-direction:column;gap:1px}
.ord-act-d{font-size:var(--fs-13);color:var(--ink)}

.ord-hist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.ord-hist-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:9px 10px;border:1px solid var(--line);border-radius:var(--r-sm);color:inherit}
.ord-hist-row:hover{border-color:var(--brand-100);background:var(--brand-050)}
.ord-hist-code{font-weight:700;color:var(--brand-d)}
.ord-hist-total{margin-left:auto;font-weight:700}

@media (max-width:900px){
  .ord-grid,.ord-detail{grid-template-columns:1fr}
  .ord-grid-side,.ord-detail-side{position:static}
}
@media (max-width:640px){
  .ord-table,.ord-table thead,.ord-table tbody,.ord-table tr,.ord-table td{display:block;width:auto}
  .ord-table thead{position:absolute;left:-9999px}
  .ord-table tbody tr{margin:0 0 10px;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:var(--card)}
  .ord-table tbody td{border-bottom:1px solid var(--line-2);padding:8px 12px}
  .ord-quick{overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch}
  .ord-qf{flex:0 0 auto}
  .ord-quick-grid{grid-template-columns:1fr}
      	   	
  .ord-line{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-auto-rows:auto;gap:8px 10px}
  .ord-line>*{min-width:0}
  .ord-line-main{grid-column:1 / -1}
  .ord-line-amt{grid-column:1 / -1;text-align:left}
  .ord-detail-head{flex-direction:column}
  .ord-detail-total{text-align:left}
}

	  				 




.cw-commerce .cw-commerce-note{padding:10px 0;line-height:1.5}
.cw-commerce-search{position:relative;margin-bottom:10px}
.cw-commerce .ord-prod-results{position:relative;margin-top:6px}
.ic-lines{display:flex;flex-direction:column;gap:8px}
.ic-lines-empty{padding:10px 0}
.ic-lines-empty[hidden]{display:none}
.ic-line{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--card);padding:8px;min-width:0}
.ic-line-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}
.ic-line-name{font-weight:600;font-size:var(--fs-13);color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.ic-line-x{flex:0 0 auto;width:24px;height:24px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--card);color:var(--muted);cursor:pointer;font-size:15px;line-height:1}
.ic-line-x:hover{border-color:#fecaca;color:#b91c1c;background:#fef2f2}
.ic-line-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);gap:6px;align-items:end}
.ic-line-fields>*{min-width:0}
.ic-line-fields label{display:flex;flex-direction:column;gap:2px;font-size:var(--fs-11);color:var(--muted)}
.ic-line-fields .cw-in{width:100%;min-width:0;padding:5px 6px;font-size:var(--fs-12);text-align:right}
.ic-line-amt{grid-column:1 / -1;text-align:right;font-weight:700;font-size:var(--fs-13);margin-top:2px}
.ic-sum{margin-top:10px;display:flex;flex-direction:column;gap:6px;border-top:1px solid var(--line);padding-top:10px}
.ic-sum-row{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:var(--fs-13)}
.ic-sum-row .ic-disc{max-width:120px;text-align:right;padding:5px 6px}
.ic-sum-total{border-top:1px dashed var(--line);padding-top:8px}
.ic-sum-total b{font-size:var(--fs-16);color:var(--brand-d)}
.ic-note{width:100%;min-width:0;margin-top:8px;resize:vertical}
.cw-commerce .btn-block{margin-top:10px}
.ic-msg{margin-top:8px;font-size:var(--fs-12);text-align:center;min-height:16px}
.ic-msg.is-err{color:#b91c1c;font-weight:600}
.ic-msg.is-ok{color:var(--ok);font-weight:600}
 	 				 	
.ic-gate{margin-top:10px;padding:10px;border:1px solid var(--brand-100);border-radius:var(--r-sm);background:var(--brand-050)}
.ic-gate[hidden]{display:none}
.ic-gate-head{font-weight:650;font-size:var(--fs-13);margin-bottom:8px;color:var(--ink)}
.ic-gate-modes{display:flex;gap:6px;margin-bottom:8px}
.ic-gate-mode{flex:1;padding:6px 8px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--card);font-size:var(--fs-12);cursor:pointer;color:var(--ink-2)}
.ic-gate-mode.is-active{border-color:var(--brand);background:#fff;color:var(--brand-d);font-weight:600}
.ic-gate-panel{display:flex;flex-direction:column;gap:6px}
.ic-gate-panel[hidden]{display:none}
.ic-gate-results{max-height:180px;overflow:auto}
.ic-gate-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:8px}
.ic-gate-actions .btn-brand{flex:1}
.ic-ord-hist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.ic-ord-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px;border:1px solid var(--line);border-radius:var(--r-sm);color:inherit;min-width:0}
.ic-ord-row:hover{border-color:var(--brand-100);background:var(--brand-050)}
.ic-ord-code{font-weight:700;color:var(--brand-d)}
.ic-ord-total{margin-left:auto;font-weight:700;white-space:nowrap}
.ic-ord-date{flex-basis:100%}

 	   		 	
.tc-wrap{max-width:100%;box-sizing:border-box}
.tc-head{margin:0 0 12px}
.tc-title{font-size:20px;font-weight:700;color:var(--ink);margin:0 0 4px}
.tc-sub{font-size:13px;color:var(--muted);margin:0;max-width:760px}
.tc-tabbar{margin:0 0 16px;flex-wrap:wrap}
.tc-body{min-width:0}
.tc-section{margin-top:20px}
.tc-h2{font-size:15px;font-weight:700;color:var(--ink);margin:0 0 10px}
.tc-h3{font-size:13px;font-weight:700;color:var(--ink-2);margin:14px 0 8px}
 	 	  			
.tc-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;margin:0 0 8px}
.tc-card{display:block;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:14px 16px;text-decoration:none;transition:border-color .15s,box-shadow .15s}
.tc-card:hover{border-color:var(--brand);box-shadow:0 1px 4px rgba(15,23,42,.06)}
.tc-card-v{font-size:26px;font-weight:800;color:var(--ink);line-height:1.1}
.tc-card-t{font-size:12px;color:var(--muted);margin-top:4px}
 	 	 		  
.tc-filters{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;margin:0 0 14px}
.tc-filter{display:flex;flex-direction:column;gap:3px;font-size:12px;color:var(--muted)}
.tc-filter select,.tc-field select,.tc-field textarea,.tc-field input{border:1px solid var(--line);border-radius:8px;padding:7px 9px;font-size:13px;color:var(--ink);background:#fff;max-width:100%;box-sizing:border-box}
    		   
.tc-tablewrap{width:100%;overflow-x:auto;border:1px solid var(--line);border-radius:10px;background:var(--card)}
.tc-table{width:100%;border-collapse:collapse;font-size:13px;min-width:640px}
.tc-table th{text-align:left;font-weight:600;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.03em;padding:9px 12px;border-bottom:1px solid var(--line);white-space:nowrap}
.tc-table td{padding:9px 12px;border-bottom:1px solid var(--line-2);color:var(--ink-2);vertical-align:middle}
.tc-table tr:last-child td{border-bottom:0}
.tc-table tr:hover td{background:#fafbfd}
.tc-num{text-align:right;font-variant-numeric:tabular-nums}
.tc-strong{font-weight:700;color:var(--ink)}
.tc-dim{color:var(--muted-2);font-size:12px;white-space:nowrap}
.tc-link{color:var(--brand);text-decoration:none;font-weight:600}
.tc-link:hover{text-decoration:underline}
.tc-actions{white-space:nowrap;display:flex;gap:6px;align-items:center;justify-content:flex-end}
  	   			
.badge-ok{background:var(--ok-bg);color:var(--ok)}
.badge-warn{background:var(--warn-bg);color:var(--warn)}
.badge-danger{background:var(--no-bg);color:var(--no)}
.btn-xs{font-size:12px;padding:4px 9px;border-radius:7px;line-height:1.2}
.tc-mini{font-size:12px;padding:4px 7px;border:1px solid var(--line);border-radius:7px;background:#fff}
  		 	   
.tc-empty{padding:26px 16px;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:10px;background:var(--card)}
.tc-flash{background:var(--ok-bg);color:var(--ok);border:1px solid var(--ok-dot);border-radius:8px;padding:9px 12px;font-size:13px;margin:0 0 12px}
.tc-note{font-size:12px;color:var(--muted);margin:8px 0 0;line-height:1.5}
   		  	 
.tc-review{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,380px);gap:16px;align-items:start}
.tc-review-main{min-width:0}
.tc-review-side{min-width:0;display:flex;flex-direction:column;gap:14px}
.tc-turn{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:12px 14px;margin-bottom:12px}
.tc-turn-ai{border-left:3px solid var(--brand)}
.tc-turn-role{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--muted);margin-bottom:5px}
.tc-turn-body{font-size:14px;color:var(--ink);line-height:1.55;white-space:pre-wrap;word-break:break-word}
.tc-turn-meta{margin-top:6px}
.tc-panel{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:12px 14px}
.tc-chips{display:flex;flex-wrap:wrap;gap:6px}
.tc-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--ink-2)}
.tc-list li{line-height:1.5}
   	 		  
.tc-detail{margin:0 0 16px;padding:16px}
.tc-detail-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px}
.tc-kv{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px 18px;margin:0 0 12px}
.tc-kv-row{display:flex;justify-content:space-between;gap:10px;font-size:13px;border-bottom:1px dashed var(--line-2);padding-bottom:5px}
.tc-kv-k{color:var(--muted)}
.tc-kv-v{color:var(--ink);font-weight:600;text-align:right}
.tc-know{font-size:13px;margin:0 0 12px}
   	     
.tc-form{display:flex;flex-direction:column;gap:10px}
.tc-inline-form{flex-direction:row;flex-wrap:wrap;align-items:flex-end;background:#fafbfd;border:1px solid var(--line);border-radius:10px;padding:12px;margin:0 0 14px}
.tc-field{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--muted)}
.tc-field textarea{resize:vertical;font-family:inherit}
.tc-status-form{display:inline-flex;gap:5px;align-items:center}
       	 
.tc-gapcell{min-width:150px}
.tc-ingest-form{display:inline-flex;gap:5px;align-items:center;flex-wrap:wrap}
.tc-draft-form{margin:0 0 16px;padding:16px;max-width:640px}
.tc-draft-form .tc-field span{font-weight:600;color:var(--ink-2)}
.btn-brand.btn-xs{color:#fff}
  		 	 	 
.tc-eval{margin-top:14px}
.tc-eval-outcome{font-size:13px;margin:0 0 8px}
.tc-eval-criteria li{display:flex;gap:6px;align-items:center}
		 					


.tc-gaplist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.tc-gapcard{display:flex;gap:12px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;
  border:1px solid var(--line);border-radius:10px;padding:12px 14px;background:var(--card);max-width:100%}
.tc-gapcard-main{flex:1 1 320px;min-width:0}
.tc-gapcard-side{display:flex;flex-direction:column;gap:6px;align-items:flex-end;flex:0 0 auto}
.tc-gapq-label{margin:0 0 2px;font-size:11px;text-transform:uppercase;letter-spacing:.02em;color:var(--ink-2)}
.tc-gapq{display:block;font-size:15px;font-weight:600;line-height:1.35;color:var(--ink);text-decoration:none;overflow-wrap:anywhere}
.tc-gapq:hover{text-decoration:underline}
.tc-gapmiss{margin:6px 0 0;font-size:13px;color:var(--ink-2);overflow-wrap:anywhere}
.tc-gapmiss-label{font-weight:600}
.tc-gapmeta{margin:8px 0 0;display:flex;flex-wrap:wrap;gap:10px;font-size:12px;color:var(--ink-2)}
 				 	  
.tc-ask,.tc-missing,.tc-todo,.tc-similar{margin:14px 0 0;max-width:100%}
.tc-askq{margin:4px 0 0;font-size:16px;font-weight:600;line-height:1.4;overflow-wrap:anywhere}
.tc-todo-list li,.tc-qlist li{overflow-wrap:anywhere}
.tc-qlist li{margin:2px 0}
.tc-tech{margin:16px 0 0;border:1px solid var(--line);border-radius:8px;background:var(--bg);max-width:100%}
.tc-tech>summary{cursor:pointer;padding:8px 12px;font-size:12px;font-weight:700;color:var(--ink-2);text-transform:uppercase;letter-spacing:.02em}
.tc-tech .tc-kv{padding:0 12px 12px}
@media(max-width:560px){
  .tc-gapcard{flex-direction:column}
  .tc-gapcard-side{align-items:stretch;width:100%}
  .tc-gapcard-side .btn{width:100%;text-align:center}
}
 				 		


.tc-eval-guard{margin-top:12px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:var(--bg);max-width:100%}
.tc-h4{font-size:12px;font-weight:700;color:var(--ink-2);margin:0 0 8px;text-transform:uppercase;letter-spacing:.02em}
.tc-eval-guard .tc-list{margin:0}
.tc-eval-guard li{overflow-wrap:anywhere}
.tc-eval-guard .tc-note,.tc-eval-guard .tc-dim{margin:8px 0 0}
 		  			 
@media(max-width:920px){.tc-review{grid-template-columns:1fr}.tc-review-side{order:-1}}
@media(max-width:560px){.tc-cards{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.tc-filters{gap:8px}.tc-kv{grid-template-columns:1fr}.tc-actions{flex-wrap:wrap;justify-content:flex-start}.tc-ingest-form{flex-direction:column;align-items:stretch}}

        


.oa-list{display:flex;flex-direction:column;gap:12px}
.oa-card{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;border:1px solid var(--line);border-radius:10px;padding:12px 14px;background:var(--surface)}
.oa-card>.conv-cell{min-width:0;flex:1 1 260px}
.oa-card-actions{margin-top:0;flex:0 0 auto}
 		 		  	
.oa-note{margin-top:8px;padding:8px 10px;border-radius:8px;border:1px solid var(--line);background:var(--surface-2,var(--surface))}
.oa-note.warn{border-color:var(--warn,#b7791f)}
.oa-note>.btn{margin-top:6px}
 	 		 	  
.deliv-reason{margin-top:4px;line-height:1.35}
					 		

.deliv-reason{overflow-wrap:anywhere}
.deliv-fix{color:var(--brand-d,#4338ca);text-decoration:underline;white-space:nowrap}
		  			 

.cw-window-warn{display:flex;align-items:flex-start;gap:6px;margin:0 0 6px;padding:7px 9px;border-radius:9px;
  background:var(--warn-bg,#fffbeb);color:var(--warn,#92400e);border:1px solid #fde68a;font-size:var(--fs-12)}
.cw-window-warn .ic{flex:0 0 auto;margin-top:1px}
.cw-window-warn span{flex:1;min-width:0;line-height:1.35;overflow-wrap:anywhere}
		   	  



.cw-send-block{background:var(--danger-050,#fef2f2);color:var(--danger-d,#991b1b);border-color:#fecaca}
  		  	 


.fb-page-diag{margin-top:4px;font-size:var(--fs-11,11px)}
.fb-page-diag>summary{cursor:pointer;color:var(--muted);min-height:24px;line-height:24px;
  list-style-position:inside}
.fb-page-diag dl{margin:4px 0 0;display:block}
.fb-page-diag dt{display:block;color:var(--muted);font-weight:600;margin-top:4px}
.fb-page-diag dd{display:block;margin:0;color:var(--ink,#0f172a);overflow-wrap:anywhere}
  	  	 	














@media (max-width:640px){
  .fb-recovery-row{flex-wrap:wrap;align-items:flex-start}
  .fb-recovery-row .fb-page-body{flex:1 1 auto;min-width:0;width:auto}
       	 	 
  .fb-recovery-row .fb-page-act{flex:1 0 100%;width:100%;margin-top:6px}
   	     	

  .fb-recovery-row .fb-page-act .btn{width:100%;min-height:40px;padding:8px 12px;
    font-size:var(--fs-13)}
  .fb-recovery-row .fb-page-diag{width:100%}
       	  

  .fb-recovery-row .fb-page-name{white-space:normal;overflow:visible;text-overflow:clip}
}
.cw-send:disabled,.cw-send[aria-disabled="true"]{opacity:.55;cursor:not-allowed;filter:grayscale(.35)}
@media (max-width:640px){.oa-card{flex-direction:column;align-items:stretch}.oa-card-actions{width:100%}.oa-card-actions .btn{flex:1 1 auto}}

 		 		 	


.msg-reacts { position: absolute; top: 100%; margin-top: -9px; right: 8px; z-index: 3;
  display: flex; flex-wrap: nowrap; gap: 3px; }
  	  	  





.msg.in .msg-reacts { right: auto; left: 8px; }
.msg.has-reacts { margin-bottom: 9px; }
.msg-react { display: inline-flex; align-items: center; gap: 3px; padding: 0 6px; border-radius: 999px;
    background: var(--card, #fff); border: 1px solid var(--line, #e3e6ea); box-shadow: 0 1px 3px rgba(0,0,0,.10);
    font-size: 11px; line-height: 17px; }
.msg-react.is-mine { background: var(--accent-soft, #e7f1ff); border-color: var(--accent, #9ec5fe); }
.msg-react .mr-emoji { font-size: 13px; }
.msg-react .mr-count { color: var(--muted, #6b7280); font-variant-numeric: tabular-nums; }

	 	  		 



.cw-react-wrap { position: absolute; top: 2px; z-index: 5; display: inline-block; margin-top: 0; }
   	   	





.msg.in .cw-react-wrap { right: -26px; }
.msg.out .cw-react-wrap { left: -26px; }
.cw-react-btn { opacity: 0; transition: opacity .12s ease; background: none; border: 0; padding: 2px 4px;
  cursor: pointer; color: var(--muted, #6b7280); border-radius: 6px; }
.msg:hover .cw-react-btn, .cw-react-btn:focus-visible, .cw-react-wrap.is-busy .cw-react-btn { opacity: 1; }
.cw-react-btn:hover { background: var(--surface-2, #f1f3f5); }
.cw-react-wrap.is-busy { opacity: .6; pointer-events: none; }
.cw-react-wrap.is-error .cw-react-btn { color: var(--danger, #dc2626); opacity: 1; }
.cw-react-pop { position: absolute; bottom: 100%; left: 0; z-index: 30; display: flex; gap: 2px; padding: 4px;
  width: max-content;
  margin-bottom: 4px; background: var(--surface, #fff); border: 1px solid var(--border, #e3e6ea);
  border-radius: 999px; box-shadow: 0 6px 18px rgba(0,0,0,.12); }
	  				 






.cw-react-pop[hidden] { display: none; }
.cw-react-opt { background: none; border: 0; font-size: 18px; line-height: 1; padding: 4px 5px; cursor: pointer;
  border-radius: 999px; }
.cw-react-opt:hover, .cw-react-opt:focus-visible { background: var(--surface-2, #f1f3f5); }
.cw-react-opt.is-on { background: var(--accent-soft, #e7f1ff); }
.msg.out .cw-react-pop { left: auto; right: 0; }
@media (max-width: 640px) {
   	 				 	
  .cw-react-btn { opacity: .65; }
  	   		 	









  .cw-react-pop { width: max-content; max-width: min(78vw, 320px); flex-wrap: wrap; border-radius: 12px; }
   	 	  			
  .msg.out .cw-react-pop { right: 0; left: auto; }
  .msg.in .cw-react-pop { left: 0; right: auto; }
}

	 	 		  

.cw-claim-hint{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:space-between}
.cw-claim-hint .btn{flex:0 0 auto}
   		   

.btn.cw-ai[aria-busy="true"]{opacity:.7;pointer-events:none}

 	   			


.ai-ctl{position:relative;display:inline-block}
.ai-pill{display:inline-flex;align-items:center;gap:5px;max-width:190px;white-space:nowrap}
.ai-pill .ai-pill-txt{overflow:hidden;text-overflow:ellipsis}
.ai-pill.is-gated{border-style:dashed;opacity:.85}
.ai-pill.is-handoff{border-color:var(--warn,#c47f17);color:var(--warn,#c47f17)}
.ai-menu{position:absolute;right:0;top:calc(100% + 6px);z-index:40;min-width:260px;max-width:min(320px,92vw);
  background:var(--surface,#fff);border:1px solid var(--line,#e3e6ea);border-radius:10px;
  box-shadow:0 8px 28px rgba(16,24,40,.14);padding:6px;display:flex;flex-direction:column;gap:2px}
.ai-menu[hidden]{display:none}

 		 	   











.cw-head-care .ai-menu{left:0;right:auto}
  		  	 


.ai-menu.is-float{position:fixed;right:auto;bottom:auto;overflow-y:auto;z-index:80}
  	 		  



.cw-head-care .ai-menu.is-float{right:auto;bottom:auto;min-width:min(260px,calc(100vw - 16px));
  max-width:min(320px,calc(100vw - 16px));border-radius:10px;padding:6px;box-shadow:0 8px 28px rgba(16,24,40,.18)}
.ai-menu-h{padding:8px 10px 4px;font-weight:600}
.ai-menu-reason,.ai-menu-why{padding:0 10px 8px}
.ai-menu-act{padding:4px 6px}
.ai-menu-act .btn{width:100%}
.ai-opt{display:flex;gap:9px;align-items:flex-start;width:100%;text-align:left;background:none;border:0;
  padding:9px 10px;border-radius:8px;cursor:pointer;min-height:44px}
.ai-opt:hover,.ai-opt:focus-visible{background:var(--brand-050,#eef4ff)}
.ai-opt.is-on{background:var(--brand-050,#eef4ff)}
.ai-opt.is-on .ai-opt-txt strong::after{content:' ✓';color:var(--brand-d,#1c4ed8)}
.ai-opt-txt{display:flex;flex-direction:column;min-width:0}
.ai-opt-ico{flex:0 0 auto;line-height:1.4}

   	     
.ai-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.ai-row{border:1px solid var(--line,#e3e6ea);border-radius:10px;padding:10px 12px}
.ai-row-main{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.ai-row-id{display:flex;flex-direction:column;min-width:0;flex:1 1 180px}
.ai-row-sum{flex:1 1 200px;min-width:0}
.ai-row-ctl{flex:0 0 auto;margin-left:auto}
.ai-row-sched{margin-top:10px;padding-top:10px;border-top:1px dashed var(--line,#e3e6ea)}
.ai-sched{display:flex;flex-direction:column;gap:8px}
.ai-sched-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.ai-sched-row>span:first-child{flex:0 0 110px}
.ai-days{display:flex;gap:6px;flex-wrap:wrap}
.ai-day{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:36px;
  border:1px solid var(--line,#e3e6ea);border-radius:8px;cursor:pointer;padding:0 8px}
.ai-day input{position:absolute;opacity:0;width:0;height:0}
.ai-day.is-on{background:var(--brand-050,#eef4ff);border-color:var(--brand,#2563eb);font-weight:600}
.ai-times{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}

      	 

@media (max-width:640px){
  .ai-pill{max-width:150px}
   		 	 	 


  .cw-ai-state .ai-menu{position:fixed;left:8px;right:8px;bottom:8px;top:auto;max-width:none;min-width:0;
    border-radius:14px;padding:8px;box-shadow:0 -6px 28px rgba(16,24,40,.22)}
  .ai-opt{min-height:52px}
  .ai-row-ctl{margin-left:0;width:100%}
  .ai-row-ctl .ai-ctl,.ai-row-ctl .ai-pill{width:100%;max-width:none;justify-content:space-between}
  .ai-sched-row>span:first-child{flex:1 1 100%}
}

		 					


.ai-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0 8px}
.ai-tab{border:1px solid var(--line,#e3e6ea);background:none;border-radius:999px;padding:7px 12px;
  cursor:pointer;min-height:38px;white-space:nowrap}
.ai-tab.is-on{background:var(--brand-050,#eef4ff);border-color:var(--brand,#2563eb);font-weight:600}
.ai-tab-n{opacity:.65;font-variant-numeric:tabular-nums}
.ai-sum{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:8px 10px;margin-bottom:8px;
  border:1px dashed var(--line,#e3e6ea);border-radius:8px}
.ai-sum-bits{display:flex;gap:12px;flex-wrap:wrap}
.ai-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:8px}
.ai-search{flex:1 1 220px;min-width:0}
.ai-pick{display:inline-flex;align-items:center;gap:8px;cursor:pointer;min-height:44px;min-width:44px}
.ai-pick-all{flex:0 0 auto}
.ai-count{margin-left:auto;font-variant-numeric:tabular-nums}

				 	  

.ai-bulkbar{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:12px;flex-wrap:wrap;
  padding:10px 12px;margin-bottom:8px;border-radius:10px;background:var(--brand-050,#eef4ff);
  border:1px solid var(--brand,#2563eb)}
.ai-bulkbar[hidden]{display:none}
.ai-bulk-n{font-weight:600}
.ai-bulk-acts{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-left:auto}
.ai-bulk-btn{white-space:nowrap}
.ai-list{max-height:none}
.ai-empty{padding:14px 4px}

  				 		
.ai-modal{position:fixed;inset:0;z-index:60;background:rgba(16,24,40,.45);display:flex;align-items:center;
  justify-content:center;padding:16px}
.ai-modal[hidden]{display:none}
.ai-modal-box{background:var(--surface,#fff);border-radius:14px;padding:16px;width:min(520px,100%);
  max-height:90vh;overflow:auto;box-shadow:0 18px 50px rgba(16,24,40,.28)}
.ai-modal-box h3{margin:0 0 12px}
.ai-modal-sec{margin-bottom:14px}
.ai-radio{display:flex;align-items:center;gap:8px;min-height:44px;cursor:pointer}
.ai-presets{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.ai-modal .ai-times{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.ai-modal-prev{border:1px solid var(--line,#e3e6ea);border-radius:10px;padding:10px 12px;margin-bottom:14px;
  display:flex;flex-direction:column;gap:6px}
.ai-prev-row{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.ai-modal-acts{display:flex;justify-content:flex-end;gap:8px}
.ai-err{color:var(--danger,#b42318);margin-top:6px}
.ai-err[hidden]{display:none}

@media (max-width:640px){
   		  			 
  .ai-modal{align-items:flex-end;padding:0}
  .ai-modal-box{width:100%;border-radius:16px 16px 0 0;max-height:92vh}
  .ai-bulkbar{flex-direction:column;align-items:stretch}
  .ai-bulk-acts{margin-left:0}
  .ai-bulk-btn{width:100%;justify-content:center}
  .ai-count{margin-left:0;width:100%}
  .ai-tab{flex:1 1 auto;text-align:center}
  .ai-modal-acts .btn{flex:1 1 auto;min-height:48px}
}

        



		 		  	








.cw-head-care{flex:0 1 auto;display:flex;align-items:center;gap:8px;margin-left:auto;min-width:0}
@media (max-width:1100px){.cw-head-care{display:flex}}
	 		 	  



					 		










		  			 


		   	  













.cw-head-care .cw-pill{min-height:36px;padding:0 10px;gap:7px;font-weight:600;
  border:1px solid var(--pill-bd,var(--line,#d7dbe0));
  border-radius:var(--r-pill,999px);background:var(--pill-bg,#fff);color:var(--ink,#111827);
  transition:background .12s,border-color .12s,box-shadow .12s}
.cw-pill-ico{flex:0 0 auto;font-size:15px;line-height:1}
   		  	 
.cw-caret{flex:0 0 auto;color:var(--ink-3,#6b7280);font-size:11px;line-height:1}

  	  	 	

.cw-ai-state .cw-pill.is-ai{--pill-bg:#f4f7ff;--pill-bd:#c7d7fb;--pill-bg-h:#e7eeff;--pill-bd-h:#a3bef7;color:#1c3fa8}
.cw-ai-state .cw-pill.is-human{--pill-bg:#f7f9fb;--pill-bd:#d3dae2;--pill-bg-h:#eef2f7;--pill-bd-h:#b2bdcb;color:#334155}
.cw-ai-state .cw-pill.is-handoff{--pill-bg:#fff8ee;--pill-bd:#f0c99a;--pill-bg-h:#fdeed6;--pill-bd-h:#e0a761;color:#9a5b06}
.cw-ai-state .cw-pill.is-handoff .cw-caret{color:#b8761a}

    	 	 

.as-pill{max-width:210px;--pill-bg-h:#f4f7fa;--pill-bd-h:#b6bec8}
.as-pill.is-assigned{--pill-bg:#fbfcfe;--pill-bd:#cfd8e3;--pill-bg-h:#f0f4f9;--pill-bd-h:#aab8c8}
.as-pill .lead-ava{width:22px;height:22px;font-size:11px;border-radius:var(--r-pill,999px)}
.as-face-none{flex:0 0 auto;display:inline-flex;color:var(--ink-3,#8b95a1)}
 	     	

.as-pill.is-static{opacity:.9;cursor:default}
.cw-head-care .as-pill.is-static:hover{--pill-bg-h:var(--pill-bg,#fff);--pill-bd-h:var(--pill-bd,var(--line,#d7dbe0));
  box-shadow:none}

     	  





.cw-head-care .cw-close,.cw-head-care .cw-reopen{min-height:36px;padding:0 10px;gap:6px;border:1px solid var(--line,#d7dbe0);background:#fff;
  color:var(--ink-2,#4b5563);font-weight:600;transition:background .12s,border-color .12s,color .12s,box-shadow .12s}
.cw-head-care .cw-close:hover,.cw-head-care .cw-close:focus-visible{border-color:#e2a2a2;background:#fef2f2;
  color:var(--danger,#b91c1c);box-shadow:0 0 0 3px rgba(220,38,38,.10)}
.cw-head-care .cw-close:focus-visible{outline:2px solid var(--danger,#dc2626);outline-offset:2px}
.cw-head-care .cw-reopen:hover,.cw-head-care .cw-reopen:focus-visible{border-color:var(--brand,#2563eb);
  background:var(--brand-050,#eef4ff);color:var(--brand-d,#1d4ed8);box-shadow:0 0 0 3px rgba(37,99,235,.10)}
.cw-head-care .cw-reopen:focus-visible{outline:2px solid var(--brand,#2563eb);outline-offset:2px}
.cw-closef,.cw-reopenf{margin:0;display:inline-flex}

 		 		 	














.cw-strip{display:flex;align-items:center;gap:8px;min-width:0;flex:0 1 auto;flex-wrap:nowrap;
  overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;
    	  	  


  scroll-behavior:auto}
.cw-strip::-webkit-scrollbar{display:none}
.cw-strip>*{flex:0 0 auto}

	 	  		 

.cw-strip-nav{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;
  width:26px;height:26px;padding:0;border:1px solid var(--line,#d7dbe0);border-radius:999px;
  background:#fff;color:var(--ink-2,#4b5563);cursor:pointer}
.cw-strip-nav[hidden]{display:none}
.cw-strip-nav:hover{border-color:var(--brand,#2563eb);color:var(--brand-d,#1d4ed8)}
.cw-strip-nav .ic{width:14px;height:14px}

   	   	

	  				 



.cw-head-care .cw-close{box-sizing:border-box;width:36px;min-width:36px;height:36px;min-height:36px;
  padding:0;gap:0;border-radius:999px;justify-content:center;flex:0 0 auto;align-self:center;
   	 				 	
  box-shadow:var(--sh-1)}
.cw-head-care .cw-close .cw-close-lbl{position:absolute;width:1px;height:1px;overflow:hidden;
  clip:rect(0 0 0 0);white-space:nowrap}
.cw-head-care .cw-close .ic{width:16px;height:16px}

	   		 	








	 	  			



	 	 		  




.cw-head-care .cw-done{min-height:38px;padding:0 12px;gap:6px;font-weight:650;
  background:#fff;color:var(--brand-d,#1d4ed8);border:1px solid var(--brand,#2563eb);box-shadow:none}
.cw-head-care .cw-done .ic{color:var(--brand,#2563eb)}
.cw-head-care .cw-done:hover,.cw-head-care .cw-done:focus-visible{
  background:var(--brand-bg,#eff6ff);border-color:var(--brand-d,#1d4ed8);color:var(--brand-d,#1d4ed8)}
.cw-head-care .cw-done:focus-visible{outline:2px solid var(--brand,#2563eb);outline-offset:2px}
    		   
.cw-head-care .cw-done:active{background:var(--brand,#2563eb);color:#fff}
.cw-head-care .cw-done:active .ic{color:#fff}
.cw-head-care .cw-undone{min-height:36px;padding:0 10px;gap:6px;border:1px solid var(--line,#d7dbe0);
  background:#fff;color:var(--ink-2,#4b5563);font-weight:600}
.cw-head-care .cw-undone:hover,.cw-head-care .cw-undone:focus-visible{border-color:var(--warn,#d97706);
  background:#fffbeb;color:#b45309}
 	   			

 		 	   


.cw-donetag{display:inline-flex;align-items:center;gap:5px;min-height:36px;padding:0 10px;
  border-radius:999px;background:var(--ok-bg,#ecfdf5);
  font-size:var(--fs-12);font-weight:600;color:var(--ok-d,#15803d);white-space:nowrap}
.cw-donetag .ic{flex:0 0 auto}
.cw-donef{margin:0;display:inline-flex}

  		  	 


.cw-mutef{margin:0;display:inline-flex}

  	 		  





.cw-head-care .cw-mute,.cw-head-care .cw-unmute,
.cw-head-actions .cw-mute,.cw-head-actions .cw-unmute{min-height:38px;padding:0 10px;gap:6px;
  border:1px solid var(--line,#d7dbe0);background:#fff;color:var(--ink-2,#4b5563);font-weight:600}
  	     

.cw-head-care .cw-unmute,.cw-head-actions .cw-unmute{border-color:#e6c200;background:#fffbeb;
  color:#92700e;font-weight:650}
.cw-head-care .cw-unmute:hover,.cw-head-care .cw-unmute:focus-visible,
.cw-head-actions .cw-unmute:hover,.cw-head-actions .cw-unmute:focus-visible{border-color:#d97706;background:#fef3c7}
       	 
.cw-head-actions .cw-close,.cw-head-actions .cw-reopen{min-height:38px;padding:0 10px;gap:6px;
  border:1px solid var(--line,#d7dbe0);background:#fff;color:var(--ink-2,#4b5563);font-weight:600;
  transition:background .12s,border-color .12s,color .12s,box-shadow .12s}
.cw-head-actions .cw-close:hover,.cw-head-actions .cw-close:focus-visible{border-color:#e2a2a2;
  background:#fef2f2;color:var(--danger,#b91c1c);box-shadow:0 0 0 3px rgba(220,38,38,.10)}
.cw-head-actions .cw-reopen:hover,.cw-head-actions .cw-reopen:focus-visible{border-color:var(--brand,#2563eb);
  background:var(--brand-050,#eef4ff);color:var(--brand-d,#1d4ed8)}
@media (max-width:767px){
   		 	 	 

  .cw-donetag{font-size:0;gap:0;padding:0 2px}
  .cw-donetag .ic{font-size:initial}
}

		 					


.cw-head-care .cw-pill:hover{background:var(--pill-bg-h,var(--surface-2,#f6f8fb));
  border-color:var(--pill-bd-h,var(--ink-3,#9aa3ad));box-shadow:0 1px 2px rgba(16,24,40,.06)}
.cw-head-care .cw-pill:hover .cw-caret{color:var(--ink,#111827)}
.cw-head-care .cw-pill:focus-visible{outline:2px solid var(--brand,#2563eb);outline-offset:2px}
.cw-head-care .cw-pill[aria-expanded="true"]{border-color:var(--brand,#2563eb);
  box-shadow:0 0 0 3px var(--brand-050,#eef4ff)}
.cw-head-care .cw-pill[aria-expanded="true"] .cw-caret{color:var(--brand-d,#1d4ed8)}

 				 	  
.cw-statusline{margin-top:3px}
.cw-status{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-12,12px);font-weight:600;
  color:var(--ink-3,#6b7280)}
.cw-status-dot{width:7px;height:7px;border-radius:50%;background:currentColor;flex:0 0 auto}
.cw-status.is-ok{color:#12805c}
.cw-status.is-warn{color:#9a5b06}
.cw-status.is-off{color:var(--ink-3,#6b7280)}

  				 		
.as-menu{min-width:248px;max-width:min(300px,92vw)}
.ai-menu-sep{height:1px;background:var(--line,#e3e6ea);margin:6px 4px}
.ai-menu-h.as-sub{padding-top:8px}
.as-cur{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:8px;
  background:var(--brand-050,#eef4ff);font-weight:600}
.as-cur .lead-ava{width:26px;height:26px;font-size:12px}
.as-check{color:var(--brand-d,#1c4ed8);font-weight:700;margin-left:auto}
.as-search{margin:4px 6px 6px;width:calc(100% - 12px)}
.as-list{max-height:260px;overflow-y:auto;display:flex;flex-direction:column;gap:2px}
.as-opt-f{margin:0}
.as-opt{display:flex;align-items:center;gap:9px;width:100%;text-align:left;background:none;border:0;
  padding:7px 10px;border-radius:8px;cursor:pointer;min-height:44px}
.as-opt .lead-ava{width:26px;height:26px;font-size:12px}
.as-opt:hover,.as-opt:focus-visible{background:var(--brand-050,#eef4ff)}
.as-opt.is-on{background:var(--brand-050,#eef4ff);font-weight:600}
.as-opt-n{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

 		  			 
.cw-head-care .ai-menu{z-index:70}
.cw-head-care{gap:8px}

        


@media (max-width:640px){
  .cw-head-care{flex-wrap:wrap;gap:8px;row-gap:8px;flex:1 1 100%;min-width:0;max-width:100%;margin-left:0}
  .cw-head-care .cw-pill,.cw-head-care .cw-reopen{min-height:44px;padding:0 12px}
  		 		  	

  .cw-head-care .cw-close{width:44px;min-width:44px;height:44px;min-height:44px;padding:0}
   	 		 	  
  .cw-head-care .cw-strip{flex:1 1 auto;min-width:0}
  .cw-strip-nav{width:30px;height:30px}
  					 		


  .cw-head-care .ai-pill-txt{position:static;width:auto;height:auto;clip:auto;overflow:hidden;text-overflow:ellipsis}
  .cw-head-care .cw-pill{max-width:100%;flex:1 1 auto;min-width:0;justify-content:flex-start}
  .cw-head-care .ai-ctl{min-width:0;flex:1 1 auto;display:flex}
   		  			 
  .cw-head-care .cw-ai-state{order:1}
  .cw-head-care .as-ctl,.cw-head-care .as-pill.is-static{order:2}
  .cw-head-care .cw-closef{order:3;flex:0 0 auto}
  .as-pill{max-width:none}
  .as-menu{position:fixed;left:8px;right:8px;bottom:8px;top:auto;max-width:none;min-width:0;
    border-radius:14px;padding:8px;box-shadow:0 -6px 28px rgba(16,24,40,.22)}
  .as-list{max-height:46vh}
  .as-opt{min-height:48px}
   		   	  
  .cw-ai .cw-ai-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .btn.cw-ai{min-width:44px;min-height:44px;justify-content:center}
}
  		  	 

@media (max-width:430px){
  .cw-close .cw-close-lbl,.cw-reopen .cw-close-lbl{position:absolute;width:1px;height:1px;overflow:hidden;
    clip:rect(0 0 0 0);white-space:nowrap}
  .cw-head-care .cw-close,.cw-head-care .cw-reopen{flex:0 0 auto;min-width:44px;padding:0;justify-content:center}
}

  	  	 	

.cal-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;margin:12px 0}
.cal-cell{min-height:64px;border:1px solid var(--line,#e6e6ef);border-radius:8px;padding:6px;font-size:var(--fs-13,13px)}
.cal-cell.is-blank{border-style:dashed;opacity:.45}
.cal-day{color:var(--muted,#6b7280)}
.cw-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;margin-top:12px}
.cw-tile{border:1px solid var(--line,#e6e6ef);border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:4px}
.cw-tile.is-disabled{opacity:.55}
.content-list{margin-top:12px}
@media (max-width:640px){
  .cal-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .cal-cell{min-height:52px}
  .filters{flex-wrap:wrap}
  .filters select,.filters input{min-width:0;flex:1 1 46%}
}


    	 	 


















  	     	
.spc{display:block}
.spc-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;
  padding:0 0 14px;border-bottom:1px solid var(--line-2);margin-bottom:16px}
.spc-head-t{min-width:0}
.spc-head h1{margin:2px 0 0;font-size:var(--fs-22);line-height:1.25}
.spc-back{display:inline-block;font-size:var(--fs-13);color:var(--muted);text-decoration:none}
.spc-back:hover{color:var(--brand)}
.spc-chans{display:flex;gap:8px;flex-wrap:wrap;min-width:0}
.spc-chan{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--line);
  border-radius:999px;font-size:var(--fs-13);background:var(--card);cursor:pointer}
.spc-chan.is-on{border-color:var(--brand);background:var(--brand-050);color:var(--brand-d);font-weight:600}
.spc-chan.is-off{opacity:.6;cursor:not-allowed}
.spc-chan-why{font-style:normal;font-size:var(--fs-11);color:var(--muted);
  background:var(--line-2);border-radius:999px;padding:1px 7px}

      	  
.spc-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:16px;align-items:start}
.spc-main,.spc-side{display:flex;flex-direction:column;gap:16px;min-width:0}
.spc-side{position:sticky;top:12px}

.spc-card{padding:16px 18px;min-width:0}
.spc-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px;min-width:0}
.spc-card-head h2{margin:0;font-size:var(--fs-15);font-weight:600;color:var(--ink)}

  		 		 	
.spc-toolbar{display:flex;gap:4px;margin-bottom:8px;flex-wrap:wrap}
.spc-tool{border:1px solid var(--line);background:var(--card);border-radius:8px;width:34px;height:32px;
  cursor:pointer;font-size:15px;line-height:1;color:var(--ink-2)}
.spc-tool:hover{background:var(--line-2)}
.spc-tool:focus-visible{outline:2px solid var(--brand);outline-offset:1px}
   	  	  
.spc-editor{width:100%;max-width:100%;box-sizing:border-box;min-height:180px;max-height:46vh;resize:vertical;
  border:1px solid var(--line);border-radius:10px;padding:12px 14px;font:inherit;font-size:var(--fs-14);
  line-height:1.55;color:var(--ink);background:var(--card)}
.spc-editor:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-050)}
.spc-count{font-size:var(--fs-12);color:var(--muted);font-variant-numeric:tabular-nums}
.spc-count.is-long{color:var(--warn)}

 	 	  		 
.spc-ai{margin-top:12px;border:1px solid var(--line-2);border-radius:10px;padding:12px;background:var(--bg)}
.spc-ai-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:8px;font-size:var(--fs-13)}
.spc-ai-head .ic{color:var(--brand)}
.spc-ai-tones{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px}
.spc-ai-tones .btn.is-on{background:var(--brand);color:#fff;border-color:var(--brand)}
.spc-ai-row{display:flex;gap:8px;min-width:0}
.spc-ai-instr{flex:1 1 auto;min-width:0;border:1px solid var(--line);border-radius:8px;padding:7px 10px;
  font:inherit;font-size:var(--fs-13)}
.spc-ai-out{margin-top:10px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:var(--card);
  font-size:var(--fs-13);line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}
.spc-ai-out .btn{margin-top:8px;margin-right:6px}
.spc-ai-out.is-error{border-color:var(--no);color:var(--no);background:var(--no-bg)}
.spc-ai-off{margin:10px 0 0}

    	   	
.spc-modes{display:inline-flex;border:1px solid var(--line);border-radius:9px;overflow:hidden;margin-bottom:6px}
.spc-mode{appearance:none;border:0;background:var(--card);padding:7px 16px;font:inherit;font-size:var(--fs-13);
  color:var(--muted);cursor:pointer;border-right:1px solid var(--line)}
.spc-mode:last-child{border-right:0}
.spc-mode.is-on{background:var(--brand);color:#fff;font-weight:600}
.spc-modes-why{margin:0 0 12px}
	  				 



.spc-ig-rules{margin:0 0 12px;padding:10px 12px;border:1px solid var(--line);border-left:3px solid var(--brand);
  border-radius:9px;background:var(--bg);min-width:0;overflow-wrap:anywhere}
.spc-ig-rules[hidden]{display:none}
.spc-ig-rules strong{display:block;font-size:var(--fs-12);margin-bottom:5px;color:var(--ink)}
.spc-ig-rules ul{margin:0;padding-left:18px}
.spc-ig-rules li{font-size:var(--fs-12);color:var(--muted);line-height:1.55;margin-bottom:2px}
.spc-drop{border:1.5px dashed var(--line);border-radius:12px;padding:20px 16px;text-align:center;background:var(--bg)}
.spc-drop.is-over{border-color:var(--brand);background:var(--brand-050)}
.spc-drop[aria-disabled="true"]{opacity:.55}
.spc-drop-t{margin:0 0 8px;font-size:var(--fs-13);color:var(--muted)}
.spc-drop p:last-child{margin:8px 0 0}
.spc-pick{position:relative;overflow:hidden;display:inline-block}
.spc-pick input[type=file]{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}
.spc-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px;margin-top:12px}
.spc-gallery:empty{display:none}
.spc-item{position:relative;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--card);
  min-width:0}
.spc-item img,.spc-item video{display:block;width:100%;height:88px;object-fit:cover;background:var(--line-2)}
.spc-item-name{display:block;padding:5px 7px;font-size:var(--fs-11);color:var(--muted);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.spc-item-x{position:absolute;top:5px;right:5px;width:22px;height:22px;border:0;border-radius:50%;
  background:rgba(15,23,42,.72);color:#fff;font-size:15px;line-height:1;cursor:pointer}
.spc-item.is-busy{opacity:.55}
.spc-media-err{margin:10px 0 0;color:var(--no);font-size:var(--fs-13);overflow-wrap:anywhere}

 	 				 	
.spc-radio{display:flex;align-items:flex-start;gap:9px;padding:7px 0;font-size:var(--fs-14);cursor:pointer;
  min-width:0}
.spc-radio input{margin-top:3px;flex:0 0 auto}
.spc-radio span{min-width:0;overflow-wrap:anywhere}
.spc-var-bulk{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 4px}
.spc-vars{display:flex;flex-direction:column;gap:8px;margin-top:10px}
.spc-var{border:1px solid var(--line);border-radius:10px;padding:0;background:var(--card);min-width:0}
.spc-var>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;
  cursor:pointer;font-size:var(--fs-13);min-width:0}
.spc-var>summary::-webkit-details-marker{display:none}
.spc-var-name{font-weight:600;color:var(--ink);min-width:0;overflow-wrap:anywhere}
.spc-var-state{flex:0 0 auto;font-size:var(--fs-11);color:var(--muted);background:var(--line-2);
  border-radius:999px;padding:2px 9px}
.spc-var.is-custom .spc-var-state{background:var(--brand-050);color:var(--brand-d)}
.spc-var-body{display:block;width:calc(100% - 28px);max-width:100%;box-sizing:border-box;margin:0 14px 10px;
  border:1px solid var(--line);border-radius:8px;padding:10px 12px;font:inherit;font-size:var(--fs-13);
  line-height:1.55;resize:vertical}
.spc-var-acts{display:flex;gap:6px;flex-wrap:wrap;padding:0 14px 12px}
.spc-var-err{margin:0 14px 12px;color:var(--no);font-size:var(--fs-12);overflow-wrap:anywhere}

 	   		 	
.spc-prev-pick{max-width:200px;min-width:0;border:1px solid var(--line);border-radius:8px;padding:5px 8px;
  font:inherit;font-size:var(--fs-12)}
.spc-prev{border:1px solid var(--line);border-radius:10px;padding:14px;background:var(--card);min-width:0}
.spc-prev-head{display:flex;align-items:center;gap:10px;margin-bottom:10px;min-width:0}
.spc-prev-av{flex:0 0 auto;width:38px;height:38px;border-radius:50%;background:var(--brand-050)}
.spc-prev-head>div{min-width:0}
.spc-prev-head strong{display:block;font-size:var(--fs-13);overflow-wrap:anywhere}
.spc-prev-body{margin:0 0 10px;font-size:var(--fs-14);line-height:1.55;white-space:pre-wrap;
  overflow-wrap:anywhere;color:var(--ink)}
.spc-prev-media{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:4px}
.spc-prev-media:empty{display:none}
.spc-prev-media img,.spc-prev-media video{width:100%;height:120px;object-fit:cover;border-radius:6px;
  background:var(--line-2)}
	 	  			




.spc-prev[data-preview-provider="facebook"] .spc-prev-media{order:2}
.spc-prev[data-preview-provider="facebook"] .spc-prev-body{order:1;margin:0 0 10px}
.spc-prev[data-preview-provider="facebook"]{display:flex;flex-direction:column}
.spc-prev[data-preview-provider="instagram"]{display:flex;flex-direction:column}
.spc-prev[data-preview-provider="instagram"] .spc-prev-media{order:1;margin-bottom:10px;
  grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}
.spc-prev[data-preview-provider="instagram"] .spc-prev-media img,
.spc-prev[data-preview-provider="instagram"] .spc-prev-media video{aspect-ratio:1/1;height:auto}
.spc-prev[data-preview-provider="instagram"] .spc-prev-body{order:2;margin:0}
.spc-prev[data-preview-provider="instagram"] .spc-prev-av{border-radius:50%;
  background:linear-gradient(45deg,#f9ce34,#ee2a7b,#6228d7)}
.spc-prev-head{position:relative}
.spc-prev-chan{margin-left:auto;flex:0 0 auto;font-size:var(--fs-11);color:var(--muted);
  border:1px solid var(--line);border-radius:999px;padding:1px 8px;white-space:nowrap}

 	 	 		  
.spc-sel{font-size:var(--fs-12);color:var(--brand-d);background:var(--brand-050);border-radius:999px;
  padding:2px 9px;white-space:nowrap}
.spc-search{width:100%;max-width:100%;box-sizing:border-box;border:1px solid var(--line);border-radius:8px;
  padding:7px 10px;font:inherit;font-size:var(--fs-13);margin-bottom:8px}
   		   


.spc-pages{display:flex;flex-direction:column;gap:2px;max-height:300px;overflow-y:auto;overflow-x:hidden;
  border:1px solid var(--line-2);border-radius:9px;padding:4px}
.spc-page{display:flex;align-items:center;gap:9px;padding:8px 8px;border-radius:9px;cursor:pointer;min-width:0}
.spc-page:hover{background:var(--line-2)}
.spc-page input{flex:0 0 auto}
.spc-page.is-off{opacity:.6;cursor:not-allowed}
.spc-page-av{flex:0 0 auto;width:28px;height:28px;border-radius:50%;background:var(--brand-050);color:var(--brand-d);
  display:flex;align-items:center;justify-content:center;font-size:var(--fs-12);font-weight:600}
 	   			


.spc-page-av-instagram{background:linear-gradient(45deg,#fdf0d5,#fde0ec,#e9e0fb);color:#8a2b6a}
.spc-page-body{min-width:0;flex:1 1 auto}
.spc-page-name{display:block;font-size:var(--fs-13);color:var(--ink);overflow-wrap:anywhere;line-height:1.35}
.spc-page-meta{display:block;font-size:var(--fs-11);color:var(--muted);overflow-wrap:anywhere}
.spc-ok{color:var(--ok)}
.spc-no{color:var(--warn)}
.spc-selall{margin-top:8px}
  		 	   
.spc-chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}
.spc-chips:empty{display:none}
.spc-chip{display:inline-flex;align-items:center;gap:5px;max-width:100%;min-width:0;
  background:var(--brand-050);color:var(--brand-d);border-radius:999px;padding:3px 9px;font-size:var(--fs-11)}
.spc-chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:150px}
.spc-chip button{border:0;background:none;color:inherit;cursor:pointer;font-size:13px;line-height:1;padding:0}

   		  	 
.spc-at{width:100%;max-width:100%;box-sizing:border-box;border:1px solid var(--line);border-radius:8px;
  padding:7px 10px;font:inherit;font-size:var(--fs-13);margin:6px 0 8px}
.spc-checks{border-color:var(--warn-dot)}
.spc-check-list{margin:0;padding-left:18px;font-size:var(--fs-13);color:var(--warn);line-height:1.6}
.spc-check-list li{overflow-wrap:anywhere}

   	 		  
.spc-bar{position:sticky;bottom:0;z-index:5;display:flex;align-items:center;gap:10px;flex-wrap:wrap;
  margin-top:16px;padding:12px 0;background:var(--bg);border-top:1px solid var(--line)}
.spc-bar-sp{flex:1 1 auto}
.spc-bar .btn.primary{min-width:110px}

   	     
.sp-filters{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}
.sp-filters select,.sp-filters input{min-width:0;border:1px solid var(--line);border-radius:8px;padding:6px 9px;
  font:inherit;font-size:var(--fs-13)}
.sp-list{display:flex;flex-direction:column;gap:10px}
.sp-row{display:flex;gap:14px;align-items:flex-start;border:1px solid var(--line);border-radius:12px;
  padding:14px 16px;background:var(--card);min-width:0}
.sp-row-main{flex:1 1 auto;min-width:0}
.sp-row-actions{flex:0 0 auto;display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end;max-width:220px}
.sp-body{font-size:var(--fs-14);line-height:1.55;color:var(--ink);overflow-wrap:anywhere;margin-bottom:8px}
.sp-meta{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:8px;min-width:0}
.sp-tag{font-size:var(--fs-11);color:var(--muted);background:var(--line-2);border-radius:999px;padding:2px 8px;
  white-space:nowrap}
.sp-count{font-size:var(--fs-12);color:var(--ink-2);font-weight:600}
.sp-targets{display:flex;flex-direction:column;gap:6px}
.sp-target{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:var(--fs-13);min-width:0;
  padding:6px 10px;border-radius:8px;background:var(--bg)}
.sp-target-name{display:inline-flex;align-items:center;gap:6px;min-width:0;overflow-wrap:anywhere}
.sp-open{font-size:var(--fs-12)}
.sp-why{flex:1 1 100%;font-size:var(--fs-12);color:var(--warn);overflow-wrap:anywhere}

      	 

.pill.sp-draft{background:var(--off-bg);color:var(--off)}
.pill.sp-scheduled,.pill.sp-provider_scheduled{background:var(--brand-050);color:var(--brand-d)}
.pill.sp-publishing,.pill.sp-provider_processing{background:var(--warn-bg);color:var(--warn)}
.pill.sp-published{background:var(--ok-bg);color:var(--ok)}
.pill.sp-partial{background:var(--warn-bg);color:var(--warn)}
.pill.sp-possibly_sent{background:#ede9fe;color:#5b21b6}
.pill.sp-failed{background:var(--no-bg);color:var(--no)}
.pill.sp-cancelled{background:var(--off-bg);color:var(--off)}
.pill.sp-processing{background:var(--warn-bg);color:var(--warn)}
.pill.sp-locally_scheduled{background:var(--brand-050);color:var(--brand-d)}

  		 	 	 
.sp-camp .sp-body{font-weight:600}
.sp-counts{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.sp-cnt{font-size:var(--fs-13);color:var(--ink-2)}
.sp-cnt strong{font-weight:700}
.sp-cnt-ok strong{color:var(--ok)}
.sp-cnt-bad strong{color:var(--no)}
.sp-cnt-run strong{color:var(--warn)}
.sp-cnt-ask strong{color:#5b21b6}
.sp-cnt-plan strong{color:var(--brand-d)}
.sp-cnt-off strong,.sp-cnt-draftc strong{color:var(--off)}
.sp-detail{white-space:nowrap}

 		 					
.spd-back{margin:0 0 4px;font-size:var(--fs-13)}
.spd-head-meta{margin:10px 0 6px}
.spd-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0 10px}
.spd-tab{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--line);
  border-radius:var(--r-pill,999px);background:#fff;color:var(--ink-2);text-decoration:none;
  font-size:var(--fs-13);font-weight:600}
.spd-tab.is-on{background:var(--brand-050);border-color:var(--brand-100);color:var(--brand-d)}
.spd-tab-n{font-weight:700;font-size:var(--fs-12);color:var(--muted)}
.spd-tab.is-on .spd-tab-n{color:var(--brand-d)}
.spd-search{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 10px}
.spd-search input[type=search]{flex:1 1 220px;min-width:0;border:1px solid var(--line);border-radius:8px;
  padding:7px 10px;font-size:var(--fs-14)}
.spd-list{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.spd-row{display:flex;gap:10px;align-items:center;padding:9px 12px;border-bottom:1px solid var(--line-2);
  min-width:0}
.spd-row:last-child{border-bottom:0}
.spd-av{position:relative;flex:0 0 auto;width:34px;height:34px;border-radius:50%;display:inline-flex;
  align-items:center;justify-content:center;font-weight:700;font-size:var(--fs-13);color:#fff;
  background:var(--brand,#2563eb);overflow:hidden}
.spd-av-instagram{background:#c13584}
.spd-av img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.spd-main{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:1px}
.spd-name{font-weight:600;font-size:var(--fs-14);overflow-wrap:anywhere}
.spd-meta{font-size:var(--fs-12);color:var(--muted)}
.spd-why{font-size:var(--fs-12);color:var(--warn);overflow-wrap:anywhere}
.spd-pager{display:flex;gap:10px;align-items:center;justify-content:center;margin:12px 0 0}
.spd-none{padding:14px}

 				 	  
.spc-toolbar{position:relative}
.spc-pop{position:absolute;top:100%;left:0;z-index:30;margin-top:6px;padding:8px;background:var(--card,#fff);
  border:1px solid var(--line);border-radius:10px;box-shadow:0 8px 24px rgba(15,23,42,.14);max-width:min(320px,90vw)}
.spc-pop-emoji{display:grid;grid-template-columns:repeat(6,1fr);gap:2px}
.spc-pop-emoji[hidden],.spc-pop-link[hidden]{display:none}
.spc-emo{border:0;background:none;font-size:20px;line-height:1;padding:6px;border-radius:8px;cursor:pointer}
.spc-emo:hover{background:var(--line-2)}
.spc-pop-link{display:flex;gap:6px;flex-wrap:wrap;align-items:center;min-width:min(300px,86vw)}
.spc-link-url{flex:1 1 180px;min-width:0;border:1px solid var(--line);border-radius:8px;padding:6px 9px;
  font-size:var(--fs-13)}
.spc-link-err{flex:1 1 100%;margin:0;color:var(--no)}
.spc-selrow{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
[data-compose-selected-only].is-on{background:var(--brand-050);border-color:var(--brand-100);color:var(--brand-d)}

  				 		
.cal-cell.has-events{background:var(--brand-050);border-color:var(--brand-100)}
.cal-event{display:block;margin-top:4px;padding:3px 6px;border-radius:6px;background:var(--card);
  font-size:var(--fs-11);text-decoration:none;color:var(--ink);border:1px solid var(--line);min-width:0}
.cal-event:hover{border-color:var(--brand)}
.cal-event-t{font-weight:600;margin-right:4px}
.cal-event-p{color:var(--muted);display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;
  white-space:nowrap;vertical-align:bottom}

		  			 


@media (max-width:1080px){
  .spc-grid{grid-template-columns:minmax(0,1fr)}
  .spc-side{position:static}
  .spc-pages{max-height:none}
}
@media (max-width:640px){
  .spc-card{padding:14px}
          

  .spc-card-head{flex-wrap:wrap}
  .spc-card-head h2{flex:1 1 100%}
  .spc-head{gap:10px}
  .spc-head h1{font-size:var(--fs-18)}
  .spc-editor{min-height:150px;max-height:60vh}
  .spc-gallery{grid-template-columns:repeat(auto-fill,minmax(88px,1fr))}
  .spc-row,.sp-row{flex-direction:column}
  .sp-row-actions{max-width:none;justify-content:flex-start}
  .spc-bar{gap:8px}
  .spc-bar .btn{flex:1 1 auto;text-align:center}
  .spc-bar-sp{display:none}
  .spc-ai-row{flex-direction:column}
  .spc-prev-pick{max-width:none;width:100%}
}

		 		  	


.ig-select{max-width:560px;margin:0 auto;padding:20px 22px}
.ig-select-head{display:flex;gap:14px;align-items:flex-start;margin:0 0 18px}
.ig-select-ico{flex:0 0 auto;width:44px;height:44px;border-radius:13px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#feda75 0%,#d62976 55%,#4f5bd5 100%);color:#fff}
.ig-select-ico .ic{width:24px;height:24px}
.ig-select h1{font-size:var(--fs-18);margin:0}
.ig-select .lead{font-size:var(--fs-13);color:var(--muted);margin:4px 0 0}
.ig-cands{display:flex;flex-direction:column;gap:10px;margin:0 0 14px}
.ig-cand{display:flex;align-items:center;gap:12px;min-width:0;padding:12px 14px;border:1px solid var(--line);border-radius:var(--r);background:var(--card);cursor:pointer;transition:.12s ease}
.ig-cand:hover{border-color:var(--brand-100);background:var(--brand-050)}
.ig-cand:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-050)}
.ig-cand:has(input:checked){border-color:var(--brand);background:var(--brand-050)}
.ig-cand input[type=radio]{flex:0 0 auto;width:18px;height:18px;margin:0;accent-color:var(--brand)}
.ig-cand-av{flex:0 0 auto;width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#feda75 0%,#d62976 55%,#4f5bd5 100%);color:#fff}
.ig-cand-av .ic{width:20px;height:20px}
.ig-cand-body{display:flex;flex-direction:column;gap:2px;min-width:0}
.ig-cand-name{font-weight:700;font-size:var(--fs-15);color:var(--ink);overflow-wrap:anywhere}
.ig-cand-meta{font-size:var(--fs-12);color:var(--muted);overflow-wrap:anywhere}
.ig-select-note{margin:0 0 16px;padding:10px 12px;border-radius:var(--r-sm);background:var(--line-2);color:var(--muted);font-size:var(--fs-12);line-height:1.5}
.ig-select-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}
@media (max-width:420px){
  .ig-select{padding:16px}
  .ig-select-actions{flex-direction:column-reverse}
  .ig-select-actions .btn{width:100%}
}

 	 		 	  
.ig-accs{display:flex;flex-direction:column;gap:10px;margin:0 0 16px}
.ig-acc{display:flex;align-items:flex-start;gap:12px;min-width:0;padding:12px 14px;border:1px solid var(--line);border-radius:var(--r);background:var(--card)}
.ig-acc-body{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:4px}
.ig-acc-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}
.ig-acc-actions{flex:0 0 auto;display:flex;gap:8px;align-items:center}
.ig-caps{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}
.ig-cap{display:inline-flex;align-items:baseline;gap:5px;padding:2px 8px;border-radius:var(--r-pill);background:var(--line-2);font-size:var(--fs-11);min-width:0}
.ig-cap-k{color:var(--ink-2);font-weight:600}
.ig-cap-v{color:var(--muted);overflow-wrap:anywhere}
@media (max-width:420px){
  .ig-acc{flex-wrap:wrap}
  .ig-acc-actions{width:100%}
  .ig-acc-actions .btn,.ig-acc-actions form{width:100%}
  .ig-acc-actions .btn{width:100%}
}

					 		





		  			 


		   	  


.msg.is-reply{max-width:calc(68% - 34px)}
.msg.is-reply.in{margin-left:34px;border-left:2px solid var(--brand-100,#c7d2fe)}
.msg.is-reply.out{margin-right:34px;border-right:2px solid var(--brand-100,#c7d2fe)}
.msg.is-root{border-left:2px solid var(--line-2,#e5e7eb)}
.msg.is-root.out{border-left:1px solid var(--brand-100);border-right:2px solid var(--line-2,#e5e7eb)}
   		  	 
.msg .msg-cmt-role{margin-right:auto;font-size:11px;letter-spacing:.01em}

  	  	 	

.cw-postctx{align-items:flex-start;gap:10px;padding:10px 12px}
.cw-postctx .pc-thumb{flex:0 0 auto;width:56px;height:56px;border-radius:8px;object-fit:cover;border:1px solid var(--line-2,#e5e7eb);background:var(--line-2,#eef1f5)}
.cw-postctx .pc-main{flex:1 1 auto;min-width:0}
.cw-postctx .pc-id{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;min-width:0;font-size:var(--fs-13,13px);color:var(--ink)}
.cw-postctx .pc-id strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
    	 	 

.cw-postctx .pc-excerpt{margin:3px 0 0;font-size:var(--fs-13,13px);line-height:1.45;color:var(--ink);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}
.cw-postctx .pc-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:4px}
.cw-postctx .pc-time{display:inline-flex;align-items:center;gap:4px}
.cw-postctx .pc-link{flex:0 0 auto;align-self:flex-start;white-space:nowrap}

  	     	
.cw-reply-target{display:flex;align-items:baseline;gap:8px;min-width:0;margin:0 0 6px;padding:5px 10px;border-left:3px solid var(--brand,#4f46e5);border-radius:0 8px 8px 0;background:var(--brand-050,#eef2ff);font-size:var(--fs-12,12px);color:var(--ink)}
.cw-reply-target .rt-lbl{flex:0 0 auto}
.cw-reply-target .rt-quote{flex:1 1 auto;min-width:0;color:var(--muted,#6b7280);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cw-reply-target.is-focus{outline:2px solid var(--brand,#4f46e5);outline-offset:1px}

     	  


@media (max-width:640px){
  .msg.is-reply{max-width:calc(88% - 16px)}
  .msg.is-reply.in{margin-left:16px}
  .msg.is-reply.out{margin-right:16px}
  .cw-postctx{gap:8px;padding:8px 10px;max-height:96px;overflow:hidden}
  .cw-postctx .pc-thumb{width:40px;height:40px}
  .cw-postctx .pc-excerpt{-webkit-line-clamp:2;margin-top:2px}
  .cw-postctx .pc-chan{display:none}
  .cw-reply-target{flex-direction:column;align-items:flex-start;gap:1px}
  .cw-reply-target .rt-quote{max-width:100%;width:100%}
}

 		 		 	


.cw-pm-dialog{border:1px solid var(--line);border-radius:12px;padding:0;max-width:460px;width:calc(100% - 32px)}
.cw-pm-dialog::backdrop{background:rgba(15,23,42,.45)}
.cw-pm-form{display:flex;flex-direction:column;gap:10px;padding:16px}
.cw-pm-h{margin:0;font-size:15px;line-height:1.35}
.cw-pm-src{margin:0}
.cw-pm-quote{display:block;margin-top:2px;padding-left:8px;border-left:3px solid var(--line);
  overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.cw-pm-form textarea{width:100%;box-sizing:border-box;border:1px solid var(--line);border-radius:8px;padding:8px;
  font:inherit;resize:vertical}
.cw-pm-note{margin:0}
.cw-pm-err{margin:0;color:#b91c1c;font-size:13px}
.cw-pm-err[hidden]{display:none}
.cw-pm-actions{display:flex;justify-content:flex-end;gap:8px}
@media (max-width:640px){
  .cw-pm-dialog{width:100%;max-width:none;margin:auto auto 0;border-radius:14px 14px 0 0}
  .cw-pm-actions .btn{flex:1}
}

.ov-tools{display:flex;justify-content:flex-end;padding:0 0 8px}
.zp-acc select{width:100%;padding:6px 8px;border:1px solid var(--line,#e5e7eb);border-radius:8px;background:#fff}
  	  	  





	 	  		 


.zp-nav{position:sticky;top:0;z-index:5;display:flex;gap:2px;margin:0 0 10px;padding:6px 0;
  background:#fff;border-bottom:1px solid var(--line-2,#e5e7eb)}
.zp-nav-tab{flex:1 1 0;min-width:0;display:inline-flex;align-items:center;justify-content:center;gap:5px;
  padding:7px 6px;border-radius:8px;font-size:13px;line-height:1.2;color:var(--muted,#6b7280);
  text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.zp-nav-tab:hover{background:var(--chip,#f1f5f9);color:var(--ink)}
.zp-nav-tab .ic{flex:0 0 auto;opacity:.75}
.zp-nav-tab.is-active{background:var(--brand-050,#eef2ff);color:var(--brand-d,#3730a3);font-weight:600}
.zp-nav-tab.is-active .ic{opacity:1}
.zp-nav-tab:focus-visible{outline:2px solid var(--brand,#2563eb);outline-offset:-2px}

   	   	

.zp-ws{display:flex;flex-direction:column;height:100%;min-height:0;background:var(--bg)}
.zp-ws-head{flex:0 0 auto;display:flex;flex-direction:column;gap:8px;padding:12px 14px;
  background:#fff;border-bottom:1px solid var(--line-2,#e5e7eb)}
.zp-ws-title{display:flex;align-items:center;justify-content:space-between;gap:10px}
.zp-ws-h{margin:0;font-size:var(--fs-16,16px);font-weight:600;color:var(--ink)}
.zp-ws-tools{display:flex;gap:8px;align-items:center}
.zp-ws-tools .zp-q{flex:1 1 auto}
.zp-filters{display:flex;flex-wrap:wrap;gap:6px}
.zp-chip{padding:4px 12px;border:1px solid var(--line,#e5e7eb);border-radius:999px;background:#fff;
  font:inherit;font-size:12.5px;color:var(--muted,#6b7280);cursor:pointer}
.zp-chip:hover{border-color:var(--line-3,#cbd5e1);color:var(--ink)}
.zp-chip.is-active{background:var(--brand-050,#eef2ff);border-color:var(--brand-100,#c7d2fe);
  color:var(--brand-d,#3730a3);font-weight:600}
.zp-chip:focus-visible{outline:2px solid var(--brand,#2563eb);outline-offset:1px}
.zp-ws-body{flex:1 1 auto;min-height:0;overflow-y:auto;padding:8px 10px 16px}
.zp-ws .zp-list{flex:none;overflow:visible;padding:0}
.zp-ws .zp-note{padding:8px 14px 0}

	  				 

.zp-ws .zp-row{align-items:center;gap:10px;padding:8px 8px;min-height:56px;border-radius:10px}
.zp-ws .zp-row:hover{background:#fff}
.zp-ws .zp-row+.zp-row{border-top:1px solid var(--line-soft,#f1f5f9)}
.zp-ava{flex:0 0 40px;width:40px;height:40px;border-radius:50%;object-fit:cover;background:var(--chip,#f1f5f9)}
.zp-ava-txt{display:inline-flex;align-items:center;justify-content:center;font-size:15px;font-weight:700;
  color:var(--brand-d,#3730a3);background:var(--brand-050,#eef2ff)}
.zp-ws .zp-row-main{flex:1 1 auto;gap:2px}
.zp-ws .zp-meta{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.zp-ws .zp-row-acts{flex:0 0 auto;flex-wrap:nowrap}

 	 				 	
.zp-ws .zp-find{padding:0;gap:8px}
.zp-ws .zp-find .zp-q{flex:1 1 auto}

.zp-tools,.zp-find{display:flex;gap:6px;padding:8px 10px}
.zp-q{flex:1;min-width:0;padding:6px 8px;border:1px solid var(--line,#e5e7eb);border-radius:8px}
.zp-note{margin:0;padding:0 12px 6px}
.zp-note.is-err{color:var(--danger,#b91c1c)}
.zp-note.is-warn{color:var(--warn,#b45309)}
.zp-list{flex:1;overflow-y:auto;padding:4px 8px 8px}
.zp-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px;border-radius:10px}
.zp-row+.zp-row{border-top:1px solid var(--line-soft,#f1f5f9)}
.zp-row-main{min-width:0;display:flex;flex-direction:column}
.zp-name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.zp-row-acts{display:flex;flex-wrap:wrap;gap:4px;justify-content:flex-end}
.zp-rel-badge{align-self:center;font-size:12px;padding:2px 8px;border-radius:999px;background:var(--chip,#f1f5f9)}
.zp-more{padding:0 10px 12px;text-align:center}
.zp-group .cw-card-h{display:flex;align-items:center;justify-content:space-between;gap:8px}
.zp-member{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 0}
@media (max-width:640px){
  .zp-row{flex-direction:column;align-items:flex-start}
  .zp-row-acts{justify-content:flex-start}
}

	   		 	

	 	  			



	 	 		  

.msg-head{display:flex;align-items:center;gap:6px;margin:0 0 3px}
.msg-sender-name{font-weight:600;font-size:12.5px;line-height:1.2;color:var(--ink-2,#374151);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:220px}
.msg.clu-mid .msg-head,.msg.clu-last .msg-head{display:none}

   		   

.msg-day,.msg-unread{display:flex;align-items:center;gap:10px;margin:14px 2px 10px;
   	   			

  align-self:stretch}
.msg-day::before,.msg-day::after,.msg-unread::before,.msg-unread::after{content:"";flex:1 1 auto;
  height:1px;background:var(--line-2,#e5e7eb)}
.msg-day-txt{flex:0 0 auto;font-size:12px;line-height:1.2;color:var(--muted,#6b7280);
  background:var(--chip,#f1f5f9);border-radius:999px;padding:3px 12px;white-space:nowrap}

 		 	   

.msg-unread{margin:16px 2px 10px}
.msg-unread::before,.msg-unread::after{background:var(--danger-line,#fecaca)}
.msg-unread-txt{flex:0 0 auto;font-size:12px;font-weight:600;line-height:1.2;color:#b91c1c;
  background:#fef2f2;border:1px solid var(--danger-line,#fecaca);border-radius:999px;padding:3px 12px;
  white-space:nowrap}

  		  	 

.msg-sys{align-self:center;max-width:82%;margin:8px 0;text-align:center}
.msg-sys-txt{display:inline-block;font-size:12.5px;line-height:1.45;color:var(--muted,#6b7280);
  background:var(--chip,#f1f5f9);border-radius:10px;padding:5px 12px;overflow-wrap:anywhere}

.msg-sender{display:inline-flex;align-items:center;gap:4px;margin-right:6px}
.msg-ava{width:20px;height:20px;border-radius:50%;object-fit:cover;flex:0 0 20px;background:var(--chip,#f1f5f9)}
.msg-ava-txt{display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;
  color:var(--muted,#64748b)}
   	 		  
.msg-ava.has-img,.zp-ava.has-img{position:relative;overflow:hidden}
.msg-ava.has-img>img,.zp-ava.has-img>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:50%}
.msg-recalled{font-style:italic}

   	     
.msg-quote{display:flex;gap:6px;margin-bottom:4px;padding:4px 6px;border-radius:8px;background:rgba(15,23,42,.05)}
.msg-quote-bar{width:3px;border-radius:2px;background:var(--accent,#6366f1);flex:0 0 3px}
.msg-quote-text{font-size:12px;color:var(--muted,#64748b);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cw-typing{padding:2px 12px 6px;font-size:12px;color:var(--muted,#64748b)}
.cw-typing[hidden]{display:none}

       	 
.zp-reply[hidden]{display:none}
.zp-reply{display:flex;align-items:center;gap:8px}
.zp-mention-pop{position:absolute;z-index:40;max-height:200px;overflow-y:auto;min-width:200px;background:var(--surface,#fff);
  border:1px solid var(--line,#e5e7eb);border-radius:10px;box-shadow:0 8px 20px rgba(15,23,42,.12)}
.zp-mention-pop[hidden]{display:none}
.zp-mention-item{display:block;width:100%;text-align:left;padding:6px 10px;background:none;border:0;cursor:pointer}
.zp-mention-item:hover,.zp-mention-item.is-active{background:var(--accent-soft,#eef2ff)}
.zp-stk-pop{width:260px;padding:8px}
.zp-stk-list{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;max-height:180px;overflow-y:auto;margin-top:6px}
.zp-stk-list img{width:100%;height:auto;cursor:pointer;border-radius:6px}
.zp-react-pop{display:inline-flex;gap:2px;margin-left:4px}
.msg-act{padding:0 6px}

 		 	 	 






		 					










.msg{border-color:transparent;box-shadow:none;padding:6px 11px}
.msg.in{background:#fff;border-color:var(--line-2,#e5e7eb);
  box-shadow:0 1px 2px rgba(16,24,40,.06)}
.msg.out{background:var(--brand-050,#eef4ff);border-color:var(--brand-100,#c7d2fe);
  box-shadow:0 1px 2px rgba(16,24,40,.05)}

				 	  



.msg.clu-mid,.msg.clu-last{margin-top:3px}
 				 		




.msg.clu-start{margin-top:12px}
.msg-head{margin-top:2px}

		  			 


        




		 		  	


















.conv-avatar:not(.ga),.q-avatar:not(.ga),.ov-avatar:not(.ga),.cw-ava:not(.ga),
.zp-ava:not(.ga),.msg-ava:not(.ga){
  display:flex;align-items:center;justify-content:center;line-height:1;text-align:center;
  font-weight:600;text-transform:uppercase;overflow:hidden}

.ga{position:relative;display:grid;overflow:hidden;border-radius:50%;background:var(--line-2,#e5e7eb);
  gap:1px}
.ga .ga-cell{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;
  background:var(--brand-050,#eef2ff);color:var(--brand-d,#3730a3);font-weight:700;
  	 		 	  

  font-size:.62em;line-height:1}
.ga .ga-cell img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
					 		


.cw-pane-head{display:flex;align-items:center;gap:8px;margin:0 0 8px}
.cw-pane-head .cw-card-h{margin:0}
		  			 

.cw-groupline{margin-top:2px}
.cw-members-btn{display:inline-flex;align-items:center;gap:4px;padding:0;border:0;background:none;
  color:var(--brand-d,#3730a3);font:inherit;font-size:12px;line-height:1.3;cursor:pointer}
.cw-members-btn:hover{text-decoration:underline}
.zp-member-name{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.zp-members-note{margin-top:8px}
		   	  


.zp-member{width:100%;border:0;background:none;font:inherit;color:inherit;text-align:left;cursor:pointer;
  border-radius:var(--r-sm,6px)}
.zp-member:hover{background:var(--chip,#f1f5f9)}
.zp-member:focus-visible{outline:2px solid var(--brand,#4f46e5);outline-offset:-2px}
  		  	 

.zp-prof{display:flex;align-items:center;gap:14px}
.zp-prof .zp-ava{flex:0 0 64px;width:64px;height:64px;font-size:22px}
.zp-prof-id{min-width:0}
.zp-prof-name{font-size:var(--fs-16,16px);font-weight:600;color:var(--ink);
  overflow-wrap:anywhere}
.zp-prof-meta{margin-top:2px}
   	  	 	
.zp-prof-uid{margin-top:2px;overflow-wrap:anywhere}
.zp-prof-acts{display:flex;gap:8px;margin-top:14px}
    	 	 



.zp-hist-menu{margin-left:auto}
 	     	


.zp-hist-pop{margin-top:8px;padding:10px;border:1px solid var(--line,#e5e7eb);border-radius:8px;
  background:var(--card,#fff);max-width:100%}
     	  



.zp-rt-hint{margin-top:4px;max-width:34ch}
.zp-rt-warn{display:flex;align-items:flex-start;gap:6px;margin-top:6px;max-width:34ch;
  color:var(--warn-fg,#92400e);overflow-wrap:anywhere}
.zp-rt-warn .ic{flex:0 0 auto;margin-top:2px}
.zp-rt-act{margin-top:8px}
.zp-hist-t{font-weight:600;margin-bottom:8px}
.zp-hist-n{display:block;margin-bottom:10px}
.zp-hist-n>span{display:block;margin-bottom:4px}
.zp-hist-pop .zp-history-out{margin:8px 0 0;overflow-wrap:anywhere}
 		 		 	



.zp-prof-phone{display:flex;align-items:baseline;gap:8px;margin-top:10px;font-size:13px}
.zp-prof-phone .k{color:var(--muted,#6b7280);flex:0 0 auto}
.zp-prof-phone .zp-phone-v{min-width:0;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
  	  	  

.cw-phone-hint{margin-top:-4px;user-select:text;overflow-wrap:anywhere}
.zp-prof-note{margin-top:8px}
	 	  		 

.zp-member-row{display:flex;align-items:center;gap:6px}
.zp-member-row .zp-member{flex:1 1 auto;min-width:0}
.zp-member-rel{flex:0 0 auto;margin-left:auto}
.zp-lfriend{flex:0 0 auto;cursor:pointer;user-select:none}
.zp-lfriend[aria-disabled=true]{opacity:.55;pointer-events:none}
    	   	
.zp-contact .zp-prof{margin-bottom:10px}
.zp-contact-acts{display:flex;flex-wrap:wrap;gap:8px}
.zp-contact-acts:empty{display:none}
 	  				 
.zp-prof-friend{flex-wrap:wrap}
 	 				 	
.zp-prof-err{margin-top:10px;padding:8px 10px;border-radius:var(--r-sm,6px);
  background:var(--danger-050,#fef2f2);color:var(--danger-d,#b91c1c);font-size:var(--fs-13,13px)}
 	   		 	
.zp-history-out:empty{display:none}
 	 	  			
.ga-2{grid-template-columns:1fr 1fr}
 	 	 		  
.ga-3{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}
.ga-3 .ga-cell:first-child{grid-row:1 / span 2}
    		   
.ga-4{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}

.cw-claim-bar{display:flex;align-items:center;flex-wrap:wrap;gap:10px}
.cw-claim-form{margin:0;margin-left:auto}
@media (max-width:420px){
    	   			
  .cw-claim-form{margin-left:0;width:100%}
  .cw-claim-form .btn{width:100%}
}

 		 	   




.msg.clu-mid,.msg.clu-first{border-bottom-right-radius:6px}
.msg.in.clu-mid,.msg.in.clu-first{border-bottom-right-radius:12px;border-bottom-left-radius:6px}
   		  	 
   	 		  
.msg.clu-mid .msg-sender,.msg.clu-last .msg-sender{display:none}

   	     
.msg{--tools-gap:6px}
.msg-tools{position:absolute;top:-10px;display:flex;gap:2px;padding:2px;border-radius:999px;
  background:var(--surface,#fff);border:1px solid var(--line);box-shadow:var(--sh-2,0 2px 8px rgba(0,0,0,.12));
  opacity:0;visibility:hidden;transition:opacity .12s ease;z-index:3}
.msg.out .msg-tools{right:var(--tools-gap)}
.msg.in .msg-tools{left:var(--tools-gap)}
      	 

.msg:hover>.msg-tools,.msg:focus-within>.msg-tools,.msg.tools-open>.msg-tools{opacity:1;visibility:visible}
.msg-tool{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;padding:0;
  border:0;border-radius:999px;background:transparent;color:var(--muted);cursor:pointer}
.msg-tool:hover,.msg-tool:focus-visible{background:var(--surface-2,#f1f5f9);color:var(--fg)}
.msg-tool:focus-visible{outline:2px solid var(--brand,#2563eb);outline-offset:1px}
  		 	 	 
.msg:first-child .msg-tools{top:2px}

.msg-more-wrap{position:relative;display:inline-flex}
.msg-more-pop{position:absolute;top:calc(100% + 4px);right:0;min-width:170px;padding:4px;border-radius:10px;
  background:var(--surface,#fff);border:1px solid var(--line);box-shadow:var(--sh-2,0 6px 18px rgba(0,0,0,.16));z-index:4}
		 					

.msg-more-pop[hidden]{display:none}
.msg-more-pop .msg-recall{display:block;width:100%;text-align:left;padding:7px 9px;border:0;border-radius:7px;
  background:transparent;color:var(--danger,#b91c1c);cursor:pointer;font:inherit}
.msg-more-pop .msg-recall:hover,.msg-more-pop .msg-recall:focus-visible{background:var(--danger-soft,#fef2f2)}

@media (pointer:coarse),(hover:none){
  				 	  







  .msg-tool,.msg-tools .cw-react-btn{
    width:44px;height:44px;border:9px solid transparent;background-clip:padding-box;box-sizing:border-box}
  .msg-tools{top:-22px;gap:0;padding:0}
    				 		
  .msg-tools .cw-react-opt{width:44px;height:44px;font-size:22px}
  .msg-more-pop .msg-recall{min-height:44px}
}
@media (prefers-reduced-motion:reduce){.msg-tools{transition:none}}

		  			 







.msg-tools .cw-react-wrap{position:relative;display:inline-flex}
         
.msg-tools .cw-react-btn{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;
  padding:0;border:0;border-radius:999px;background:transparent;color:var(--muted);cursor:pointer}
.msg-tools .cw-react-btn:hover,.msg-tools .cw-react-btn:focus-visible{background:var(--surface-2,#f1f5f9);color:var(--fg)}
.msg-tools .cw-react-pop{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translateX(-50%);
  display:flex;gap:2px;padding:4px;border-radius:999px;white-space:nowrap;
  background:var(--surface,#fff);border:1px solid var(--line);box-shadow:var(--sh-2,0 6px 18px rgba(0,0,0,.16));z-index:5}
		 		  	

.msg-tools .cw-react-pop[hidden]{display:none}
 	 		 	  
.msg-tools .cw-react-opt{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;
  padding:0;border:0;border-radius:999px;background:transparent;font-size:17px;line-height:1;cursor:pointer}
.msg-tools .cw-react-opt:hover,.msg-tools .cw-react-opt:focus-visible{background:var(--surface-2,#f1f5f9);transform:scale(1.12)}
.msg-tools .cw-react-opt:focus-visible{outline:2px solid var(--brand,#2563eb);outline-offset:1px}
.msg-tools .cw-react-opt.is-on{background:var(--brand-soft,#e0edff)}
.msg-tools .cw-react-opt.is-remove{font-size:14px;color:var(--muted)}
 					 		
@media (prefers-reduced-motion:reduce){.msg-tools .cw-react-opt:hover{transform:none}}

		  			 


.zp-needs-reply{display:inline-flex;align-items:center;gap:4px;padding:1px 8px;border-radius:999px;
  font-size:12px;font-weight:600;text-decoration:none;
  background:var(--warn-soft,#fef3c7);color:var(--warn-fg,#92400e);border:1px solid var(--warn-line,#fde68a)}
.zp-needs-reply:hover,.zp-needs-reply:focus-visible{background:var(--warn-line,#fde68a)}
.conv-avatar.zp-initials{display:inline-flex;align-items:center;justify-content:center;
  font-size:12px;font-weight:700;letter-spacing:.02em;color:var(--muted);background:var(--surface-2,#f1f5f9)}


		   	  









   		  	 
.steps{margin:0 0 14px;padding-left:20px;display:grid;gap:6px;font-size:var(--fs-14);color:var(--ink)}
.steps>li{padding-left:2px}
.steps strong{font-weight:600}

  	  	 	

.callout{border:1px solid var(--line,#e5e7eb);border-left:3px solid var(--line,#e5e7eb);border-radius:8px;
  padding:12px 14px;margin:0 0 14px;background:var(--surface-2,#f8fafc);font-size:var(--fs-14)}
.callout>p{margin:6px 0 0}
.callout>ul{margin:6px 0 10px}
.callout.warn{border-left-color:var(--warn,#d97706);background:var(--warn-soft,#fffbeb)}
.callout.ok{border-left-color:var(--ok,#16a34a);background:var(--ok-soft,#f0fdf4)}
.ul-tight{margin:6px 0 0;padding-left:20px;display:grid;gap:4px;font-size:var(--fs-14)}

     	 	 
.kv-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}
.kv-grid .kv-k{color:var(--muted);font-size:var(--fs-13)}
.kv-grid .kv-v{font-size:var(--fs-14);overflow-wrap:anywhere}
@media (max-width:820px){.kv-grid{grid-template-columns:1fr}}

  	     	
.tiktok-roster td:nth-child(2),.tiktok-roster th:nth-child(2){white-space:nowrap;width:1%}

     	  




.badge.ttp-unsupported{background:transparent;color:var(--muted);border:1px dashed var(--line,#e5e7eb);
  font-weight:500;cursor:help}
.ttp-detail .is-unsupported td{color:var(--muted)}
.ttp-detail .is-unsupported td:first-child{font-weight:500}
.ttp-unsupported-list{color:var(--muted)}
.ttp-unsupported-list strong{color:var(--ink)}

  		 		 	
.spc-ttp-card{margin-top:12px}
.spc-ttp{border:1px solid var(--line,#e5e7eb);border-radius:8px;padding:12px 14px;margin-top:10px}
.spc-ttp[hidden]{display:none}
.spc-ttp-head{display:flex;align-items:center;gap:8px;margin-bottom:10px}
.spc-ttp-products{display:grid;gap:4px;margin-bottom:10px}
.spc-ttp-radio,.spc-ttp-check{display:flex;align-items:center;gap:8px;font-size:var(--fs-14);cursor:pointer}
.spc-ttp-field{display:grid;gap:4px;margin-bottom:10px;font-size:var(--fs-14)}
.spc-ttp-field>span{color:var(--muted);font-size:var(--fs-13)}
.spc-ttp-field select{padding:7px 10px;border:1px solid var(--line,#e5e7eb);border-radius:8px;
  background:var(--panel,#fff);color:var(--ink);font-size:var(--fs-14);max-width:360px}
.spc-ttp-checks{display:flex;flex-wrap:wrap;gap:6px 18px;margin-bottom:8px}
  	  	  


.spc-ttp-check.is-locked{color:var(--muted);cursor:default}
.spc-ttp-check.is-locked input{cursor:default}
.spc-ttp-direct[hidden]{display:none}
.spc-ttp-warn{margin:6px 0 0;padding:8px 10px;border-radius:8px;font-size:var(--fs-13);
  background:var(--warn-soft,#fffbeb);color:var(--warn-fg,#92400e);
  border:1px solid var(--warn-line,#fde68a)}

 	 	  		 

   	   	


.spc-pending{color:var(--warn-fg,#92400e);font-weight:600}
.spc-page.is-pending{opacity:1}
.spc-page.is-pending .spc-page-name{color:var(--ink)}
.spc-page-cta{display:inline-block;margin-top:4px;padding:2px 10px;border-radius:999px;
  font-size:var(--fs-12);font-weight:600;text-decoration:none;
  background:var(--warn-soft,#fffbeb);color:var(--warn-fg,#92400e);border:1px solid var(--warn-line,#fde68a)}
.spc-page-cta:hover,.spc-page-cta:focus-visible{background:var(--warn-line,#fde68a)}
	  				 

.spc-page-cta{position:relative;z-index:1}

 	 				 	
.spc-page-handle{color:var(--muted)}

	   		 	

.spc-chans{flex-wrap:wrap}
@media (max-width:560px){
  .spc-chans{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .spc-chans::-webkit-scrollbar{display:none}
  .spc-chan{flex:0 0 auto}
}

	 	  			



	 	 		  

.tpl-list{display:grid;gap:10px;grid-template-columns:1fr}
@media (min-width:900px){ .tpl-list{grid-template-columns:1fr 1fr} }
.tpl-item{border:1px solid var(--line,#e5e7eb);border-radius:8px;padding:12px 14px;background:#fff;
  min-width:0;box-sizing:border-box;max-width:100%}
.tpl-head{display:flex;flex-wrap:wrap;align-items:center;gap:8px;justify-content:space-between}
.tpl-name{font-weight:600;font-size:14px;flex:1 1 auto;min-width:0;overflow-wrap:anywhere}
.tpl-state{flex:0 0 auto;display:flex;gap:6px;flex-wrap:wrap}
.tpl-badge{font-size:11px;font-weight:600;padding:2px 8px;border-radius:999px;white-space:nowrap;
  border:1px solid var(--line,#e5e7eb);color:#6b7280;background:#f9fafb}
.tpl-badge.on{color:#0a6b3d;background:#e6f6ed;border-color:#a9dcc1}
.tpl-badge.draft{color:#8a5a00;background:#fdf3e0;border-color:#efd6a3}
.tpl-badge.edit{color:#1e40af;background:#eef2ff;border-color:#c7d2fe}
.tpl-meta{margin-top:6px}
   		   

.tpl-holes{font-size:12px;color:#8a5a00}
.tpl-holes.ok{color:#0a6b3d}
.tpl-preview{margin-top:8px}
.tpl-preview summary{font-size:12px;cursor:pointer;color:#374151}
  	   			
.tpl-preview pre{margin:8px 0 0;padding:10px;background:#f9fafb;border:1px solid var(--line,#e5e7eb);
  border-radius:6px;font-size:12px;line-height:1.5;max-height:260px;overflow:auto;white-space:pre-wrap;
  overflow-wrap:anywhere}
.tpl-actions{margin-top:10px;display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.tpl-actions form.inline{display:inline}

  		 	   
.tpl-fields{margin-top:6px}
.tpl-fields summary{font-size:12px;cursor:pointer;color:#8a5a00}
.tpl-fields ul{margin:6px 0 0;padding-left:18px;max-height:180px;overflow:auto;font-size:12px;line-height:1.6}
.tpl-fields li{overflow-wrap:anywhere}
.tpl-fields li.more{list-style:none;margin-left:-18px;color:#6b7280}
   		  	 
.tpl-actions button[disabled]{opacity:.5;cursor:not-allowed}

  	 		  






@media (max-width:640px){
  .zp-nav{gap:0;padding:4px 0}
  .zp-nav-tab{flex-direction:column;gap:2px;padding:6px 2px;font-size:11.5px}
  .zp-ws-head{padding:10px 12px}
  .zp-ws-title{flex-wrap:wrap}
  .zp-ws-body{padding:6px 8px 14px}
     	     
  .zp-ws .zp-row{flex-wrap:wrap;row-gap:6px}
  .zp-ws .zp-row-main{flex:1 1 60%}
  .zp-ws .zp-row-acts{flex:1 1 100%;justify-content:flex-start;padding-left:50px}
}
@media (max-width:380px){
  .zp-nav-tab{padding:6px 1px;font-size:11px}
  .zp-ws .zp-row-acts{padding-left:0}
}

      	 













  		 	 	 
body{background:var(--bg)}
.content{background:transparent}
		 					

@media (min-width:901px){
  .app{background:linear-gradient(90deg,#fff 0 var(--sidebar-w),var(--bg) var(--sidebar-w))}
  .app.sidebar-collapsed{background:linear-gradient(90deg,#fff 0 64px,var(--bg) 64px)}
}

 				 	  
.sidebar{padding:14px 10px;gap:2px;display:flex;flex-direction:column}
.side-head{flex:0 0 auto}
.sidebar>nav{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain}
.sidebar>nav::-webkit-scrollbar{width:6px}
.sidebar>nav::-webkit-scrollbar-thumb{background:#dfe4ee;border-radius:3px}
.sidebar nav a{padding:9px 10px;border-radius:10px;gap:11px;font-size:var(--fs-14)}
.sidebar nav a:hover{background:var(--nav-3);color:var(--ink)}
.sidebar nav a.active{background:var(--brand-050);color:var(--brand-d);font-weight:650}
.nav-group{padding:15px 10px 5px;letter-spacing:.1em;font-size:10.5px}
.count-badge{background:var(--accent);color:#fff;min-width:20px;height:20px;border-radius:10px;font-size:11px}

 				 		

.side-foot{flex:0 0 auto;margin-top:auto;padding:10px 4px 2px;border-top:1px solid var(--line)}

 		  			 
        


.topbar{background:#fff;border-bottom:1px solid var(--line);padding:10px 20px;
  min-height:var(--topbar-h);box-sizing:border-box}
.topbar-search{flex:0 1 420px;margin-left:auto;display:flex;align-items:center;gap:9px;
  padding:0 14px;height:40px;background:var(--bg);border:1px solid var(--line);
  border-radius:var(--r-pill);color:var(--muted)}
.topbar-search:focus-within{background:#fff;border-color:var(--brand);box-shadow:var(--ring)}
.topbar-search input{flex:1;min-width:0;border:0;background:transparent;font:inherit;
  font-size:var(--fs-13);color:var(--ink);outline:0}
.topbar .user{margin-left:14px;gap:10px}
.crumb .ws{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-12);color:var(--muted)}

 		 		  	
.panel,.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);
  box-shadow:var(--sh-1)}
.panel{padding:18px}
.table-wrap{border-radius:var(--r-lg)}
.table thead th{background:transparent;color:var(--muted);font-weight:600;font-size:var(--fs-12);
  border-bottom:1px solid var(--line)}
.table td{border-bottom:1px solid var(--line-2)}

 	 		 	  
.btn{border-radius:10px;font-weight:600}
.btn.primary{background:var(--grad);border-color:transparent;color:#fff;box-shadow:0 2px 8px rgba(79,107,246,.28)}
.btn.primary:hover{filter:brightness(1.05);background:var(--grad)}
input[type=text],input[type=search],input[type=email],input[type=password],input[type=date],select,textarea{
  border-radius:10px;border-color:var(--line)}
:focus-visible{outline-color:var(--brand)}
.badge{border-radius:var(--r-pill);font-weight:600}

 					 		
.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:2px 0 18px}
.page-head h2{font-size:var(--fs-28);margin:0 0 4px}
.page-sub{color:var(--muted);font-size:var(--fs-14);margin:0}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(232px,1fr));gap:16px;margin-bottom:18px}
.cards .card{padding:18px;display:flex;flex-direction:column;gap:6px;position:relative;
  transition:box-shadow .15s ease,transform .15s ease}
a.card:hover{box-shadow:var(--sh-2);transform:translateY(-1px);text-decoration:none}
 		  			 
.card-ico{width:42px;height:42px;border-radius:12px;display:inline-flex;align-items:center;
  justify-content:center;background:var(--brand-050);color:var(--brand);margin-bottom:2px}
.card-ico .ic{width:21px;height:21px}
.card-t{color:var(--muted);font-size:var(--fs-13);font-weight:500}
.card-v{font-size:34px;font-weight:750;line-height:1.1;color:var(--ink);letter-spacing:-.5px}
.card-s{color:var(--muted-2);font-size:var(--fs-12)}
.card-nodata .card-v{color:var(--muted-2);font-weight:600}
 		   	  
.cards .card:nth-child(2) .card-ico{background:#fff4e8;color:#ea8a2a}
.cards .card:nth-child(3) .card-ico{background:#f2edff;color:#7a5af5}
.cards .card:nth-child(4) .card-ico{background:#e8f7ee;color:#16a34a}
.dash-h{font-size:var(--fs-16);margin:22px 0 12px;color:var(--ink)}
   		  	 
.cards-compact{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}
.cards-compact .card{padding:15px}
.cards-compact .card-v{font-size:26px}
.conn-card .card-ico{width:34px;height:34px;border-radius:10px}

   	  	 	
.dash-split{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:16px;align-items:start}
.chart{display:flex;flex-direction:column;gap:12px}
.chart-row{display:grid;grid-template-columns:minmax(120px,168px) 1fr 42px;align-items:center;gap:12px}
.chart-lbl{display:flex;align-items:center;gap:8px;color:var(--ink-2);font-size:var(--fs-13);min-width:0}
.chart-bar{height:10px;background:var(--line-2);border-radius:var(--r-pill);overflow:hidden}
.chart-fill{display:block;height:100%;border-radius:var(--r-pill);background:var(--grad)}
.chart-val{text-align:right;font-weight:700;color:var(--ink);font-size:var(--fs-14)}
     	 	 
.act-list{display:flex;flex-direction:column;gap:2px}
.act-row{display:flex;align-items:flex-start;gap:11px;padding:9px 2px;border-bottom:1px solid var(--line-2)}
.act-row:last-child{border-bottom:0}
.act-ico{flex:0 0 auto;width:32px;height:32px;border-radius:10px;display:inline-flex;
  align-items:center;justify-content:center;background:var(--brand-050);color:var(--brand)}
.act-ico .ic{width:16px;height:16px}
.act-body{min-width:0;flex:1;display:flex;flex-direction:column;gap:1px}
.act-t{font-size:var(--fs-13);font-weight:600;color:var(--ink)}
.act-s{font-size:var(--fs-12);color:var(--muted)}
.act-when{flex:0 0 auto;font-size:var(--fs-11);color:var(--muted-2);white-space:nowrap;padding-top:2px}

  	     	
.zp-nav,.channel-switcher{gap:9px}
.zp-nav-tab,.chan-tab{border-radius:var(--r-pill);background:#fff;border:1px solid var(--line);
  padding:8px 15px;font-weight:600;color:var(--ink-2)}
.zp-nav-tab:hover,.chan-tab:hover{border-color:var(--brand-100);background:var(--brand-050)}
.zp-nav-tab[aria-current="page"],.zp-nav-tab.is-active,.chan-tab.is-active,.chan-tab[aria-current="page"]{
  background:var(--grad);color:#fff;border-color:transparent;box-shadow:0 2px 8px rgba(79,107,246,.26)}
.zp-nav-tab.is-active .count-badge,.chan-tab.is-active .count-badge{background:rgba(255,255,255,.24);color:#fff}
.filter-bar,.filter-bar-modern{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);
  box-shadow:var(--sh-1);padding:12px 14px}
.fb-chip{border-radius:var(--r-pill)}
.ov-panel{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-1);overflow:hidden}
.ov-head{position:sticky;top:0;z-index:2;background:#fff;padding:12px 18px;
  border-bottom:1px solid var(--line);color:var(--muted);font-weight:600}
.ov-row{padding:13px 18px;border-bottom:1px solid var(--line-2);align-items:center}
.ov-row:hover{background:var(--brand-050)}
.ov-row.is-active{background:var(--brand-050);box-shadow:inset 3px 0 0 var(--brand)}
.ov-row.conv-needs{box-shadow:inset 3px 0 0 #f59e0b}
.ov-avatar{width:38px;height:38px;border-radius:12px;background:var(--brand-050);color:var(--brand-d);font-weight:700}
.ov-name{font-weight:650}
.ov-scroll{max-height:calc(100vh - 248px)}

      	  
.inbox-ws{grid-template-columns:var(--list-w) minmax(0,1fr);height:calc(100vh - var(--topbar-h));
  gap:16px;padding:16px;background:transparent}
.inbox-queue{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);
  box-shadow:var(--sh-1);padding:14px 12px}
.inbox-thread{background:transparent}
.cw{border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-1);height:100%;overflow:hidden}
.cw-head{background:#fff;border-bottom:1px solid var(--line);padding:14px 18px}
.cw-who{font-size:var(--fs-18);font-weight:700}
.cw-timeline{background:var(--bg);padding:18px}
.cw-detail{flex:0 0 var(--aside-w);border-left:1px solid var(--line);background:#fff;padding:16px}

  		 		 	
.q-row{padding:11px 10px;border-radius:12px;gap:11px}
.q-row:hover{background:var(--brand-050)}
.q-row.is-active{background:var(--brand-050);box-shadow:inset 3px 0 0 var(--brand)}
.q-row.conv-needs{box-shadow:inset 3px 0 0 #f59e0b}

   	  	  
.msg{border-radius:var(--bub-r);box-shadow:none;padding:9px 13px;max-width:72%}
.msg.in{background:var(--bub-in);border:1px solid var(--line);border-bottom-left-radius:6px}
.msg.out{background:var(--bub-out);border:1px solid transparent;border-bottom-right-radius:6px}
 	 	  		 
.msg-day::before,.msg-day::after,.msg-unread::before,.msg-unread::after{display:none}
.msg-day,.msg-unread{justify-content:center}
.msg-day-txt{background:#fff;border:1px solid var(--line);color:var(--muted);
  padding:4px 14px;border-radius:var(--r-pill);font-weight:600;box-shadow:var(--sh-1)}
.msg-unread-txt{background:var(--no-bg);padding:4px 14px;border-radius:var(--r-pill)}
.cw-newmsg{border-radius:var(--r-pill);box-shadow:var(--sh-2);padding:8px 15px;background:var(--grad)}

    	   	
.cw-composer{background:#fff;border-top:1px solid var(--line);padding:14px 18px}
.cw-composer textarea{border-radius:12px;border:1px solid var(--line);background:var(--bg);padding:12px 14px}
.cw-composer textarea:focus{background:#fff;border-color:var(--brand);box-shadow:var(--ring);outline:0}

 	  				 
.cw-tabs{gap:4px}
.cw-detail .panel{border:1px solid var(--line);border-radius:var(--r);box-shadow:none;padding:14px}

	 				 	


@media (max-width:1279px){
  .cw-detail-toggle{display:inline-flex}
  .cw-detail{position:fixed;top:0;right:0;bottom:0;width:min(var(--aside-w),88vw);max-width:100vw;
    flex-basis:auto;transform:translateX(100%);transition:transform .18s ease;z-index:60;
    border-radius:0;box-shadow:-8px 0 28px rgba(16,24,40,.16);overscroll-behavior:contain}
  .cw[data-detail-open] .cw-detail{transform:translateX(0)}
  .cw-detail-close{display:block;margin-left:auto}
  .inbox-ws{grid-template-columns:308px minmax(0,1fr)}
  .topbar-search{flex-basis:260px}
  .dash-split{grid-template-columns:minmax(0,1fr)}
}

 	   		 	
@media (max-width:767px){
  .topbar-search{display:none}
  .crumb .ws{display:none}
  .topbar{padding:8px 12px}
  .inbox-ws{grid-template-columns:minmax(0,1fr);height:calc(100dvh - var(--topbar-h));gap:0;padding:0}
  .inbox-ws[data-has-thread] .inbox-queue{display:none}
  .inbox-ws[data-has-thread] .inbox-thread{display:flex}
  .inbox-queue{border:0;border-radius:0;box-shadow:none;padding:8px}
  .cw{height:calc(100dvh - var(--topbar-h));border:0;border-radius:0;box-shadow:none}
  .cw-body{display:block}
  .cw-main{height:100%}
  .cw-timeline{padding:12px}
  .msg{max-width:84%}
  .ov-head{display:none}
  .ov-panel{border-radius:0;border-left:0;border-right:0}
  .ov-row{grid-template-columns:minmax(0,1fr);gap:6px;padding:12px 14px}
  .ov-source,.ov-assign,.ov-status,.ov-time{display:none}
  .cards{grid-template-columns:minmax(0,1fr);gap:12px}
  .cw-composer{padding:12px;padding-bottom:max(12px,env(safe-area-inset-bottom))}
  .cw-newmsg{bottom:156px}
   	 	  			
  .filter-bar.filter-bar-modern{flex-direction:row;flex-wrap:wrap;align-items:center;
    justify-content:flex-start;padding:10px;gap:8px}
  .filter-bar.filter-bar-modern .fb-search{flex:1 1 100%}
  .filter-bar.filter-bar-modern .fb-quick{flex:1 1 100%;order:2}
  .filter-bar.filter-bar-modern .fb-advanced{order:1}
  .fb-quick{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;
    scrollbar-width:none;padding-bottom:2px;justify-content:flex-start}
  .fb-quick::-webkit-scrollbar{display:none}
  .fb-quick>*{flex:0 0 auto}
  .zp-nav,.channel-switcher{overflow-x:auto;scrollbar-width:none;flex-wrap:nowrap}
  .zp-nav::-webkit-scrollbar,.channel-switcher::-webkit-scrollbar{display:none}
  .zp-nav-tab,.chan-tab{flex:0 0 auto}
}

 	 	 		  
    		   
.dash-timefilter label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.dash-timefilter select{border-radius:var(--r-pill);padding:8px 14px;border:1px solid var(--line);
  background:#fff;font-weight:600;color:var(--ink-2);box-shadow:var(--sh-1)}
  	   			
.setup-banner{padding:16px 18px}
.setup-banner .progress{height:8px;border-radius:var(--r-pill);background:var(--line-2);overflow:hidden;margin-bottom:12px}
.setup-banner .progress .bar{height:100%;background:var(--grad);border-radius:var(--r-pill)}
.setup-banner .btn{font-size:var(--fs-13);padding:9px 16px;white-space:normal;max-width:340px}
  		 	   
.card-nodata .card-v{font-size:24px;color:var(--muted-2);opacity:.6}
   		  	 
.dash-split>.panel{height:100%}

   	 		  

   	     
.zp-nav,.channel-switcher{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
.zp-nav::-webkit-scrollbar,.channel-switcher::-webkit-scrollbar{display:none}
.zp-nav-tab,.chan-tab{flex:0 0 auto;padding:8px 13px}

       	 
.inbox-queue .filter-bar,.inbox-queue .filter-bar-modern{background:transparent;border:0;
  box-shadow:none;border-radius:0;padding:0 0 10px}
.inbox-queue .q-panel{padding:0}
.inbox-queue .ov-panel{border:0;box-shadow:none;border-radius:0}

  		 	 	 
.cw-ai,.cw-composer .btn{white-space:nowrap}
.cw-subhint{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.cw-hint{white-space:nowrap;color:var(--muted-2)}

 		 					
.cw-head{align-items:center;gap:12px}
.cw-sub{display:flex;align-items:center;gap:6px;min-width:0;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cw-statusline{white-space:nowrap}
.cw-head-actions{flex:0 0 auto;margin-left:auto}

 				 	  
@media (min-width:1280px) and (max-width:1560px){
  :root{--list-w:318px; --aside-w:306px}
}

 				 		

.zp-nav,.channel-switcher{padding-right:14px;
  -webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 26px),transparent 100%);
  mask-image:linear-gradient(90deg,#000 calc(100% - 26px),transparent 100%)}
.zp-nav-tab,.chan-tab{padding:7px 12px;font-size:var(--fs-13)}
.zp-nav-tab .ic,.chan-tab .ic{width:16px;height:16px}

 		  			 
         
.empty{padding:40px 24px;border-radius:var(--r);background:var(--bg);border:1px dashed var(--line)}
.empty .ic{width:36px;height:36px;color:var(--muted-2);opacity:.8}
.empty p{margin:0 0 10px;font-size:var(--fs-13)}
.panel>.empty{margin:2px 0}
 		 		  	
input[type=text],input[type=search],input[type=email],input[type=password],input[type=tel],
input[type=number],input[type=date],select,textarea{padding:9px 12px;background:#fff;color:var(--ink)}
input:focus,select:focus,textarea:focus{border-color:var(--brand);box-shadow:var(--ring);outline:0}
input::placeholder,textarea::placeholder{color:var(--muted-2)}
 	 		 	  
.badge{padding:3px 9px;font-size:var(--fs-11);border:0;line-height:1.5}

					 		





 		  			 
:root{
  --c-web:#16a34a;   --c-web-bg:#e7f7ee;
  --c-fb:#1877f2;    --c-fb-bg:#e7f0fe;
  --c-zalo:#0068ff;  --c-zalo-bg:#e5f0ff;
  --c-zalop:#f59e0b; --c-zalop-bg:#fff4e3;
  --c-tele:#229ed9;  --c-tele-bg:#e4f4fc;
  --c-tiktok:#111827;--c-tiktok-bg:#eef0f4;
  --c-ig:#e1306c;    --c-ig-bg:#fdeaf1;
  --c-violet:#7a5af5;--c-violet-bg:#f1edfe;
  --c-amber:#ea8a2a; --c-amber-bg:#fff4e8;
  --c-green:#16a34a; --c-green-bg:#e8f7ee;
  --c-red:#dc2626;   --c-red-bg:#fdecec;
  --c-blue:#4f6bf6;  --c-blue-bg:#eef2ff;
  --c-slate:#64748b; --c-slate-bg:#eef1f6;
}

 		   	  
.card-row{display:flex;align-items:center;gap:10px;min-width:0}
.card-row .card-v{margin:0}
.delta{flex:0 0 auto;display:inline-flex;align-items:center;gap:2px;padding:3px 8px;
  border-radius:var(--r-pill);font-size:var(--fs-11);font-weight:700;line-height:1}
.delta.up{background:var(--c-green-bg);color:var(--c-green)}
.delta.down{background:var(--c-red-bg);color:var(--c-red)}
.spark{flex:1 1 auto;min-width:46px;max-width:92px;height:26px;margin-left:auto;opacity:.9}
   		  	 
.card-blue   .card-ico{background:var(--c-blue-bg);color:var(--c-blue)}      .card-blue   .spark{color:var(--c-blue)}
.card-amber  .card-ico{background:var(--c-amber-bg);color:var(--c-amber)}    .card-amber  .spark{color:var(--c-amber)}
.card-violet .card-ico{background:var(--c-violet-bg);color:var(--c-violet)}  .card-violet .spark{color:var(--c-violet)}
.card-green  .card-ico{background:var(--c-green-bg);color:var(--c-green)}    .card-green  .spark{color:var(--c-green)}
.card-red    .card-ico{background:var(--c-red-bg);color:var(--c-red)}        .card-red    .spark{color:var(--c-red)}
   	  	 	
.cards .card:nth-child(2) .card-ico,.cards .card:nth-child(3) .card-ico,
.cards .card:nth-child(4) .card-ico{background:var(--brand-050);color:var(--brand)}
.card-blue .card-ico,.card-amber .card-ico,.card-violet .card-ico,
.card-green .card-ico,.card-red .card-ico{background:inherit}
.cards .card.card-blue   .card-ico{background:var(--c-blue-bg);color:var(--c-blue)}
.cards .card.card-amber  .card-ico{background:var(--c-amber-bg);color:var(--c-amber)}
.cards .card.card-violet .card-ico{background:var(--c-violet-bg);color:var(--c-violet)}
.cards .card.card-green  .card-ico{background:var(--c-green-bg);color:var(--c-green)}
.cards .card.card-red    .card-ico{background:var(--c-red-bg);color:var(--c-red)}

     	 	 
 	     	

.ai-banner{grid-column:span 1;display:flex;align-items:center;gap:16px;padding:18px 20px;
  border-radius:var(--r-lg);text-decoration:none;color:var(--ink);
  background:linear-gradient(120deg,#eef0ff 0%,#f4ecff 55%,#ffeef6 100%);
  border:1px solid #e4e6fb;box-shadow:var(--sh-1)}
.ai-banner:hover{text-decoration:none;box-shadow:var(--sh-2)}
.ai-banner-txt{display:flex;flex-direction:column;gap:5px;min-width:0}
.ai-banner-txt strong{font-size:var(--fs-16)}
.ai-banner-txt>span{font-size:var(--fs-13);color:var(--ink-2)}
.ai-banner-cta{align-self:flex-start;margin-top:4px;padding:7px 14px;border-radius:var(--r-pill);
  background:var(--grad);color:#fff;font-size:var(--fs-12);font-weight:650}
.ai-banner-art{flex:0 0 auto;margin-left:auto;width:58px;height:58px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;background:#fff;color:var(--violet);
  box-shadow:var(--sh-1)}
.ai-banner-art .ic{width:28px;height:28px}

      	  
.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}
.panel-head h2{margin:0 0 2px;font-size:var(--fs-16);display:flex;align-items:center;gap:8px}
.panel-head p{margin:0}
.conn-panel .cards{margin-bottom:0}
.conn-top{display:flex;align-items:center;gap:9px;margin-bottom:8px}
.conn-top .card-t{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  color:var(--ink);font-weight:600}
.conn-go{flex:0 0 auto;transform:rotate(-90deg);opacity:.35}
.conn-card .card-ico{width:32px;height:32px;border-radius:9px;margin:0}
.conn-card .card-v{font-size:24px}
.conn-web    .card-ico{background:var(--c-web-bg);color:var(--c-web)}
.conn-fb     .card-ico{background:var(--c-fb-bg);color:var(--c-fb)}
.conn-zalo   .card-ico{background:var(--c-zalo-bg);color:var(--c-zalo)}
.conn-zalop  .card-ico{background:var(--c-zalop-bg);color:var(--c-zalop)}
.conn-tele   .card-ico{background:var(--c-tele-bg);color:var(--c-tele)}
.conn-tiktok .card-ico{background:var(--c-tiktok-bg);color:var(--c-tiktok)}
.conn-ig     .card-ico{background:var(--c-ig-bg);color:var(--c-ig)}

  		 		 	
.chart-web    .chart-fill{background:var(--c-web)}    .chart-web    .chart-lbl .ic{color:var(--c-web)}
.chart-fb     .chart-fill{background:var(--c-fb)}     .chart-fb     .chart-lbl .ic{color:var(--c-fb)}
.chart-zalo   .chart-fill{background:var(--c-zalo)}   .chart-zalo   .chart-lbl .ic{color:var(--c-zalo)}
.chart-zalop  .chart-fill{background:var(--c-zalop)}  .chart-zalop  .chart-lbl .ic{color:var(--c-zalop)}
.chart-tele   .chart-fill{background:var(--c-tele)}   .chart-tele   .chart-lbl .ic{color:var(--c-tele)}
.chart-tiktok .chart-fill{background:var(--c-tiktok)} .chart-tiktok .chart-lbl .ic{color:var(--c-tiktok)}
.chart-ig     .chart-fill{background:var(--c-ig)}     .chart-ig     .chart-lbl .ic{color:var(--c-ig)}

   	  	  
.act-blue   {background:var(--c-blue-bg);color:var(--c-blue)}
.act-fb     {background:var(--c-fb-bg);color:var(--c-fb)}
.act-ig     {background:var(--c-ig-bg);color:var(--c-ig)}
.act-zalo   {background:var(--c-zalo-bg);color:var(--c-zalo)}
.act-zalop  {background:var(--c-zalop-bg);color:var(--c-zalop)}
.act-tele   {background:var(--c-tele-bg);color:var(--c-tele)}
.act-tiktok {background:var(--c-tiktok-bg);color:var(--c-tiktok)}
.act-violet {background:var(--c-violet-bg);color:var(--c-violet)}
.act-amber  {background:var(--c-amber-bg);color:var(--c-amber)}
.act-green  {background:var(--c-green-bg);color:var(--c-green)}
.act-web    {background:var(--c-web-bg);color:var(--c-web)}
.act-slate  {background:var(--c-slate-bg);color:var(--c-slate)}
.act-row{align-items:center;padding:10px 2px}

 	 	  		 
.sidebar nav a .ic{opacity:1;color:var(--muted)}
.sidebar nav a:hover .ic{color:var(--brand)}
.sidebar nav a.active .ic{color:var(--brand)}

    	   	
@media (min-width:901px){
  .app{align-items:stretch}
  .sidebar{position:sticky;top:0;height:100vh;max-height:100vh}
  .sidebar>nav{flex:1 1 auto;min-height:0;overflow-y:auto}
}

@media (max-width:1279px){ .ai-banner{grid-column:span 2} }
.ai-banner{padding:16px;gap:10px}
.ai-banner-txt strong{font-size:var(--fs-15)}
.ai-banner-txt>span{font-size:12.5px;line-height:1.45}
.ai-banner-art{width:60px;height:60px}
.robot{width:56px;height:56px}
@media (max-width:767px){
  .ai-banner{grid-column:auto;flex-direction:column;align-items:flex-start}
  .ai-banner-art{margin-left:0}
  .card-row{flex-wrap:wrap}
  .spark{max-width:none}
}

 	  				 
	 				 	

.dash-split{align-items:start}
.dash-split>.panel{height:auto}
 	   		 	
.cards-compact{grid-template-columns:repeat(auto-fit,minmax(138px,1fr))}
.conn-card{padding:13px}
.conn-card .card-v{font-size:22px}
.conn-top .card-t{font-size:var(--fs-13)}

 	 	  			
@media (min-width:1360px){ .conn-panel .cards-compact{grid-template-columns:repeat(7,minmax(0,1fr))} }
@media (min-width:1024px) and (max-width:1359px){ .conn-panel .cards-compact{grid-template-columns:repeat(4,minmax(0,1fr))} }
	 	 		  

.spark{opacity:.55}
.spark polyline{stroke-width:1.6}

    		   
.conn-top{justify-content:space-between;margin-bottom:9px}
.conn-name{color:var(--ink);font-weight:600;font-size:var(--fs-13);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:2px}
.conn-card .card-s .badge{font-size:10.5px;padding:3px 7px}

  	   			
.conn-tools{display:flex;align-items:center;gap:8px;flex:0 0 auto}
.conn-nav{width:32px;height:32px;border:1px solid var(--line);border-radius:9px;background:#fff;
  color:var(--muted);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;
  transition:background .12s ease,color .12s ease,opacity .12s ease}
.conn-nav:hover:not(:disabled){background:var(--brand-050);color:var(--brand-d);border-color:var(--brand-100)}
.conn-nav:disabled{opacity:.35;cursor:default}
.conn-nav[data-conn-prev] .ic{transform:rotate(90deg)}
.conn-nav[data-conn-next] .ic{transform:rotate(-90deg)}
  		 	   
  		  	 





.conn-strip{display:block;white-space:nowrap;
  overflow-x:auto;scroll-behavior:smooth;
    	 		  


  scrollbar-width:none;padding:2px}
.conn-strip::-webkit-scrollbar{display:none}
.conn-strip>.card{margin:0;display:inline-block;vertical-align:top;white-space:normal;
  width:calc((100% - 5 * 14px) / 6)}
.conn-strip>.card+.card{margin-left:14px}
.conn-strip:focus-visible{outline:2px solid var(--brand);outline-offset:3px;border-radius:var(--r)}
   	     
.conn-panel .cards-compact{display:contents}
@media (max-width:1359px){ .conn-strip>.card{width:calc((100% - 3 * 14px) / 4)} }
@media (max-width:1023px){ .conn-strip>.card{width:calc((100% - 2 * 14px) / 3)} }
@media (max-width:767px){ .conn-strip>.card{width:46%} .conn-tools .btn{display:none} }

      	 



.dash-split{align-items:stretch}
.dash-split>.panel{display:flex;flex-direction:column}
 		 	 	 

.dash-split>.panel>.chart,
.dash-split>.panel>.act-list{flex:0 0 auto}
.dash-split>.panel>.empty{flex:1 1 auto;display:flex;flex-direction:column;justify-content:center}

		 					

.act-row{padding:6px 2px;gap:9px}
.act-ico{width:26px;height:26px;border-radius:8px}
.act-ico .ic{width:14px;height:14px}
.act-t{font-size:12.5px;font-weight:600;line-height:1.35}
.act-when{font-size:10.5px}
.chart{gap:14px}

				 	  


@media (min-width:901px){
  .sidebar{position:static;height:auto;min-height:100vh;max-height:none;padding:0;overflow:visible}
  .side-inner{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;
    padding:14px 10px;gap:2px}
  .side-inner>nav{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain}
  .side-inner>nav::-webkit-scrollbar{width:6px}
  .side-inner>nav::-webkit-scrollbar-thumb{background:#dfe4ee;border-radius:3px}
}
@media (max-width:900px){ .side-inner{display:flex;flex-direction:column;height:100%} }

  				 		
.ai-banner-art{width:76px;height:76px;background:transparent;box-shadow:none}
.robot{width:72px;height:72px;display:block;filter:drop-shadow(0 6px 14px rgba(79,107,246,.28))}

		  			 



@media (min-width:901px){
  .side-inner>nav{flex:0 1 auto;overflow-y:auto}
  .side-inner{justify-content:flex-start}
  .side-foot{margin-top:auto}
}

         
.side-plan{display:flex;align-items:center;gap:9px;padding:9px 10px;margin-bottom:8px;
  border-radius:12px;background:linear-gradient(120deg,#eef2ff,#f6efff);border:1px solid #e6e8fb}
.side-plan-ico{flex:0 0 auto;width:26px;height:26px;border-radius:8px;display:inline-flex;
  align-items:center;justify-content:center;background:#fff;color:#eab308}
.side-plan-txt{min-width:0;display:flex;flex-direction:column;line-height:1.25}
.side-plan-k{font-size:var(--fs-11);color:var(--muted)}
.side-plan-v{font-size:var(--fs-13);font-weight:700;color:var(--ink);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.side-plan-cta{flex:0 0 auto;margin-left:auto;padding:5px 10px;border-radius:var(--r-pill);
  background:#fff;border:1px solid var(--line);font-size:11px}

		 		  	




@media (min-width:901px){
  .sidebar{position:static;height:auto;min-height:100%;max-height:none;overflow:visible}
  .side-inner{position:static;height:auto;min-height:100vh;display:flex;flex-direction:column;
    padding:14px 10px;gap:2px}
  .side-inner>nav{flex:0 0 auto;overflow:visible;min-height:0}
  .side-foot{margin-top:auto}
}

 	 		 	  
.dash-footer{text-align:center;margin:22px 0 4px}

 					 		

		  			 



.ov-scroll{max-height:none;overflow:visible}
		   	  




.ov-head{position:static;top:auto}

   		  	 
.ov-row{padding:9px 18px;gap:12px}
.ov-avatar{width:36px;height:36px;border-radius:11px}
.ov-cust-body{gap:1px}
.ov-name{font-size:var(--fs-14);line-height:1.35}
.ov-prev{font-size:12.5px;line-height:1.35}
.ov-row .badge{padding:2px 8px}
  	  	 	

.ov-status{display:flex;flex-direction:column;align-items:flex-start;gap:3px}

     	 	 
.zp-nav,.channel-switcher{gap:8px;padding-bottom:4px}
.zp-nav-tab,.chan-tab{border:1px solid #e3e8f2;background:#fff;color:var(--ink-2);
  font-weight:600;box-shadow:0 1px 1px rgba(16,24,40,.03)}
.zp-nav-tab:hover,.chan-tab:hover{border-color:#c9d4ea;background:#fbfcff;color:var(--ink)}
.zp-nav-tab[aria-current="page"],.zp-nav-tab.is-active,
.chan-tab.is-active,.chan-tab[aria-current="page"]{
  background:var(--grad);color:#fff;border-color:transparent;
  box-shadow:0 4px 12px rgba(79,107,246,.32)}
 	     	



.zp-nav-tab .count-badge,.chan-tab .count-badge{background:var(--accent);color:#fff;
  border:0;min-width:20px;height:20px;font-weight:700;box-shadow:0 1px 3px rgba(220,38,38,.35)}
     	  








.zp-nav-tab.is-active .count-badge,.chan-tab.is-active .count-badge,
.zp-nav-tab[aria-current="page"] .count-badge,
.chan-tab[aria-current="page"] .count-badge{background:#fff;color:var(--brand-d);
  box-shadow:0 1px 3px rgba(16,24,40,.18)}
  		 		 	
.filter-bar,.filter-bar-modern{border-color:#e3e8f2;box-shadow:0 1px 2px rgba(16,24,40,.04);padding:10px 12px}
.fb-search input{background:var(--bg);border:1px solid #e3e8f2;border-radius:10px;padding:9px 12px}
.fb-search input:focus{background:#fff;border-color:var(--brand);box-shadow:var(--ring);outline:0}
.fb-chip,.fb-quick .btn{border:1px solid #e3e8f2;background:#fff;font-weight:600}
.fb-chip:hover,.fb-quick .btn:hover{border-color:#c9d4ea;background:#fbfcff}
.fb-advanced>summary{border:1px solid #e3e8f2;background:#fff;font-weight:650}

  	  	  




@media (min-width:901px){
  .app:has(.inbox-ws){height:100vh;overflow:hidden}
  .app:has(.inbox-ws) .sidebar{height:100vh;min-height:0}
  .app:has(.inbox-ws) .side-inner{height:100vh;min-height:0}
  .app:has(.inbox-ws) .side-inner>nav{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain}
  .app:has(.inbox-ws) .side-inner>nav::-webkit-scrollbar{width:6px}
  .app:has(.inbox-ws) .side-inner>nav::-webkit-scrollbar-thumb{background:#dfe4ee;border-radius:3px}
}

	 	  		 


.ov-head{background:#f7f9fd;color:var(--ink-2);font-weight:700;font-size:11.5px;
  text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid #e3e8f2;padding:13px 18px}
.ov-head>span{white-space:nowrap}

    	   	
.ov-foot{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;
  padding:12px 18px;border-top:1px solid var(--line)}
.ov-foot .pager{margin:0;display:flex;align-items:center;gap:8px}
.ov-count{white-space:nowrap}

	  				 


.zp-nav,.channel-switcher{background:#fff;border:1px solid #e6eaf4;border-radius:var(--r-lg);
  box-shadow:0 1px 2px rgba(16,24,40,.04);padding:8px;gap:6px}
.zp-nav-tab,.chan-tab{padding:9px 14px;font-size:var(--fs-14);font-weight:650;
  border-color:#e9edf6;box-shadow:none}
.zp-nav-tab .ic,.chan-tab .ic{width:17px;height:17px}
.zp-nav-tab:hover,.chan-tab:hover{background:var(--brand-050);border-color:var(--brand-100);color:var(--brand-d)}
.zp-nav-tab[aria-current="page"],.zp-nav-tab.is-active,
.chan-tab.is-active,.chan-tab[aria-current="page"]{box-shadow:0 6px 16px rgba(79,107,246,.34)}

	 				 	

.hstrip{position:relative}
	   		 	


.hstrip [data-hstrip-track]{overflow-x:auto;scrollbar-width:none;flex-wrap:nowrap}
.hstrip [data-hstrip-track]::-webkit-scrollbar{display:none}
.hstrip-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:20;
  	 	  			


  width:26px;height:26px;border:1px solid var(--line);border-radius:50%;background:#fff;
  color:var(--muted);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;
  box-shadow:0 2px 8px rgba(16,24,40,.14)}
.hstrip-nav:hover:not(:disabled){background:var(--brand-050);color:var(--brand-d);border-color:var(--brand-100)}
.hstrip-nav:disabled{opacity:.3;cursor:default}
.hstrip-nav[hidden]{display:none}
.hstrip-prev{left:2px}
.hstrip-next{right:2px}
.hstrip-prev .ic{transform:rotate(90deg)}
.hstrip-next .ic{transform:rotate(-90deg)}
 	 	 		  
.hstrip:has(.hstrip-prev:not([hidden])) [data-hstrip-track]{padding-left:30px}
.hstrip:has(.hstrip-next:not([hidden])) [data-hstrip-track]{padding-right:30px}
    		   
.inbox-queue .zp-nav-tab{padding:7px 11px;font-size:var(--fs-13)}
.inbox-queue .zp-nav{padding:6px}

 	   			


.inbox-return{display:inline-flex;align-items:center;gap:8px;width:100%;
  padding:10px 14px;border-radius:12px;background:var(--brand-050);
  border:1px solid var(--brand-100);color:var(--brand-d);font-weight:650;font-size:var(--fs-13);
  text-decoration:none;transition:background .12s ease,border-color .12s ease,box-shadow .12s ease}
.inbox-return:hover{background:#e3e9ff;border-color:#c3ccfb;text-decoration:none;
  box-shadow:0 2px 8px rgba(79,107,246,.18)}
.inbox-return .ic{transition:transform .14s ease}
.inbox-return:hover .ic{transform:translateX(-3px)}
.inbox-return:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
@media (prefers-reduced-motion:reduce){.inbox-return .ic{transition:none}}

 		 	   



.cw-head{padding:9px 16px;gap:10px}
.cw-ava{width:34px;height:34px;font-size:13px}
  		  	 


.cw-who{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:0;row-gap:2px;
  min-width:0;font-size:15px;font-weight:700;line-height:1.3}
.cw-who>h2{flex:1 0 100%;margin:0;font-size:15px;line-height:1.3;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
   	 		  
.cw-sub,.cw-statusline{display:inline-flex;align-items:center;vertical-align:middle;
  font-size:11.5px;font-weight:500;line-height:1.35;color:var(--muted)}
.cw-sub{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;gap:5px}
.cw-statusline{flex:0 0 auto}
.cw-statusline{margin-left:8px;position:relative;padding-left:11px;white-space:nowrap}
.cw-statusline::before{content:"·";position:absolute;left:0;color:var(--muted-2);font-weight:700}
.cw-sub .ic,.cw-statusline .ic{width:13px;height:13px}
   	     
.cw-head-care .btn,.cw-head-actions .btn,.cw-head select{font-size:var(--fs-12);padding:6px 10px}

      	 


 		 	 	 

.cw-head-care{flex:0 1 auto;min-width:0;flex-wrap:nowrap;gap:6px}
.cw-head-care>*{min-width:0}
.cw-who{flex:1 1 300px}
		 					

.cw-head{flex-wrap:nowrap}

				 	  

 				 		

.cw-head-care .ai-ctl{max-width:150px}
.cw-head-care .cw-menu-btn,.cw-head-care select,.cw-head-care summary{
  max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cw-head-care .btn,.cw-head-care summary{padding:5px 9px;font-size:11.5px}
.cw-head-care .ic{width:14px;height:14px}
 		  			 
.cw-who>h2{line-height:1.25;margin-bottom:1px}
.cw-sub,.cw-statusline{line-height:1.3}
.cw-head{padding:8px 16px}

        







.as-menu,.as-menu *{color:var(--ink)}
.as-opt{color:var(--ink)}
.as-opt-n{color:var(--ink);font-weight:500}
.as-opt:hover .as-opt-n,.as-opt:focus-visible .as-opt-n{color:var(--brand-d)}
.as-menu .ai-menu-h,.as-menu .as-sub{color:var(--muted)}
 		 		  	
.as-menu .btn.primary,.as-menu .btn.primary *{color:#fff}

 	 		 	  
					 		

.zp-nav.is-busy{opacity:.72}
@media (prefers-reduced-motion:no-preference){.zp-nav{transition:opacity .12s ease}}

		  			 



@media (min-width:1280px){
  .cw-head{padding-right:calc(var(--aside-w) + 20px)}
}

		   	  



.cw-head-care .cw-closef,.cw-head-care .cw-close,.cw-head-care form{flex:0 0 auto}
.cw-head-care .cw-close{white-space:nowrap}
  		  	 


.cw-head-care .cw-reopen .cw-close-lbl{position:static;width:auto;height:auto;clip:auto;overflow:visible}
   	  	 	
.cw-head-care .ai-ctl{flex:0 1 auto;min-width:92px}

    	 	 



.cw-head-care .ai-ctl{display:flex;min-width:0}
.cw-head-care .ai-pill,.cw-head-care .cw-pill{max-width:100%;min-width:0;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-flex}
  	     	
.cw-head-care .ai-pill>*,.cw-head-care .cw-pill>*{min-width:0;overflow:hidden;text-overflow:ellipsis}
.cw-head-care .ai-pill .ic,.cw-head-care .cw-pill .ic{flex:0 0 auto}

     	  




.cw-head{flex-wrap:wrap}
.cw-head-care{min-width:340px;margin-left:auto}
.cw-head-care .ai-pill,.cw-head-care .cw-pill{max-width:none}
.cw-head-care .ai-ctl{min-width:0;flex:0 1 auto}

 		 		 	






@media (max-width:767px){

     	  	  
  .cw-head{flex-wrap:wrap;align-items:center;gap:8px;padding:8px 12px}
  .cw-head>.cw-back{order:1;flex:0 0 auto}
  .cw-head>.cw-ava{order:2;flex:0 0 auto}
  	 	  		 

  .cw-head>.cw-who{order:3;flex:1 1 0;min-width:0}
      	   	
   	  				 
  	 				 	


  .cw-head>.cw-head-care{order:5;flex:1 1 0;min-width:0;margin-left:0;
    overflow-x:visible;flex-wrap:nowrap}
  .cw-head>.cw-head-actions{order:6;flex:0 0 auto;margin-left:6px}
  	   		 	


  .cw-head::after{content:"";order:4;flex:0 0 100%;height:0;margin:0}
  .cw-head .ai-ctl,.cw-head .cw-closef{flex:0 0 auto}
  .cw-who>h2{font-size:14.5px}
  .cw-sub,.cw-statusline{font-size:11px}

   	 	  			
  .btn,.btn.xs,button.btn,a.btn{min-height:40px;padding-top:0;padding-bottom:0;
    display:inline-flex;align-items:center}
  .cw-composer .btn.xs,.cw-tools .btn,.msg-tools .btn{min-width:40px;justify-content:center}
  .side-plan-cta{min-height:36px;padding:0 12px}
  .conn-nav,.hstrip-nav{width:38px;height:38px}
  .link.small{min-height:36px;display:inline-flex;align-items:center}
   	 	 		  
  .ov-row,.q-row{min-height:60px}
  .as-opt,.src-item{min-height:46px}

      		   
  .panel{padding:14px}
  .page-head{flex-direction:column;align-items:stretch;gap:10px}
  .page-head h2{font-size:var(--fs-22)}
  .dash-timefilter{margin-left:0}
  .dash-timefilter select{width:100%}
  .panel-head{flex-direction:column;align-items:stretch;gap:8px}
  .panel-head .conn-tools{justify-content:flex-end}
  .table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
}

 	   			








@media (min-width:1280px){
  .cw{display:grid;grid-template-columns:minmax(0,1fr) var(--aside-w);
    grid-template-rows:auto minmax(0,1fr);align-items:stretch}
  .cw-body{display:contents}
  .cw-head{grid-column:1;grid-row:1;padding-right:16px}
  .cw-main{grid-column:1;grid-row:2;min-width:0;min-height:0}
  .cw-detail{grid-column:2;grid-row:1 / span 2;min-height:0;overflow-y:auto;
    border-left:1px solid var(--line)}
    		 	   
  .cw-detail .cw-tabs{margin-top:0}
  .cw-detail .cw-tabbar{position:sticky;top:0;z-index:2;background:#fff;
    padding-top:2px;border-bottom:1px solid var(--line)}
}

  		  	 




@media (min-width:1280px){
  .cw{background:transparent;border:0;box-shadow:none;overflow:visible;column-gap:16px}
  .cw-head{background:#fff;border:1px solid var(--line);border-bottom:0;
    border-radius:var(--r-lg) var(--r-lg) 0 0}
  .cw-main{background:#fff;border:1px solid var(--line);border-top:0;
    border-radius:0 0 var(--r-lg) var(--r-lg);box-shadow:var(--sh-1);overflow:hidden}
     	 		  
  .cw-head{box-shadow:inset 0 -1px 0 var(--line)}
  .cw-detail{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);
    box-shadow:var(--sh-1)}
  .cw-detail .cw-tabbar{border-radius:var(--r-lg) var(--r-lg) 0 0}
}

  	     





@media (min-width:1280px){
  .cw-detail{padding:0 16px 16px}
  .cw-detail .cw-tabbar{position:sticky;top:0;z-index:6;background:#fff;
    margin:0 -16px;padding:14px 16px 0;border-radius:var(--r-lg) var(--r-lg) 0 0}
         	 
  .cw-detail .cw-tabbar{box-shadow:inset 0 -1px 0 var(--line)}
}

 		 	 	 




 		 					
.cw-back{width:40px;height:40px;padding:0;justify-content:center;border-radius:12px;
  border:1px solid var(--line);background:#fff;box-shadow:var(--sh-1);color:var(--ink-2)}
.cw-back:hover{background:var(--brand-050);border-color:var(--brand-100);color:var(--brand-d)}
.cw-back .cw-back-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.cw-ava{width:40px;height:40px;font-size:15px;font-weight:700;
  background:var(--brand-100);color:var(--brand-d)}

 				 	  
.cw-statusline{padding:4px 11px 4px 9px;border-radius:var(--r-pill);
  background:var(--ok-bg);color:var(--ok);font-weight:650;font-size:11.5px;
  margin-left:8px;position:static}
.cw-statusline::before{content:none}
.cw-statusline .dot,.cw-statusline .ic{color:var(--ok-dot)}

  				 		
		  			 



.cw-head-care .ai-pill,.cw-head-care .cw-pill{
  min-height:38px;padding:0 13px;border-radius:var(--r-pill);
  border:1px solid var(--line);background:#fff;box-shadow:var(--sh-1);
  font-size:var(--fs-13);font-weight:600;color:var(--ink-2);gap:8px}
.cw-head-care .ai-pill:hover,.cw-head-care .cw-pill:hover{
  border-color:var(--brand-100);background:var(--brand-050);color:var(--brand-d)}
.cw-head-care .ai-pill .ic,.cw-head-care .cw-pill .ic{color:var(--muted)}
         
.cw-head-care .cw-close{color:var(--ink-2)}
.cw-head-care .cw-close:hover{border-color:#f3c6c6;background:var(--no-bg);color:var(--no)}
.cw-head-care{gap:8px}

		 		  	







 	 		 	  
.lead-head{align-items:center}
.lead-head-id{display:flex;align-items:center;gap:14px;min-width:0}
.lead-head-ico{flex:0 0 auto;width:46px;height:46px;border-radius:14px;display:flex;align-items:center;
  justify-content:center;background:var(--brand-050);color:var(--brand-d);border:1px solid var(--brand-100)}
.lead-head-ico .ic{width:23px;height:23px}
.lead-head h2{font-size:var(--fs-22);line-height:1.15}
.lead-view-tab .ic{width:15px;height:15px;color:var(--muted)}
.lead-view-tab.is-active .ic{color:var(--brand-d)}
 					 		
.lead-add-btn{background:var(--grad);border-color:transparent;box-shadow:0 6px 16px rgba(79,107,246,.28);
  padding:9px 18px;border-radius:12px}
.lead-add-btn:hover{background:var(--grad);filter:brightness(1.05);border-color:transparent}
.lead-add-btn .ic{width:17px;height:17px}

 		  			 
.lead-quick{display:flex;flex-wrap:wrap;gap:10px;padding:14px 16px}
.lead-qf{gap:8px;padding:9px 14px;font-size:var(--fs-13);box-shadow:var(--sh-1)}
.lead-qf .ic{width:16px;height:16px;color:var(--muted)}
.lead-qf:hover .ic,.lead-qf.is-active .ic{color:inherit}
.lead-qf-n{min-width:20px;height:20px;background:var(--line-2);color:var(--ink-2)}
		   	  

.lead-qf-overdue{border-color:#f7d4d4;background:#fff5f5;color:var(--no,#b91c1c)}
.lead-qf-overdue .ic{color:var(--no,#b91c1c)}
.lead-qf-overdue .lead-qf-n{background:#fde2e2;color:var(--no,#b91c1c)}
.lead-qf-overdue:hover{border-color:#efb9b9;background:#ffecec;color:var(--no,#b91c1c)}
.lead-qf-overdue.is-active{background:var(--no,#b91c1c);border-color:var(--no,#b91c1c);color:#fff}
.lead-qf-overdue.is-active .ic{color:#fff}
.lead-qf-overdue.is-active .lead-qf-n{background:rgba(255,255,255,.22);color:#fff}

   		  	 
.lead-counters{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;padding:14px 16px}
.lead-counter{position:relative;flex-direction:column;align-items:flex-start;gap:0;min-width:0;
  padding:14px 14px 13px;border-radius:var(--r);background:#fff;box-shadow:var(--sh-1);
  transition:border-color .12s,box-shadow .12s,transform .1s}
.lead-counter:hover{background:#fff;border-color:var(--brand-100);box-shadow:var(--sh-2);transform:translateY(-1px)}
.lead-c-ico{width:36px;height:36px;border-radius:11px;display:flex;align-items:center;justify-content:center;
  margin-bottom:12px;background:var(--brand-050);color:var(--brand-d)}
.lead-c-ico .ic{width:18px;height:18px}
.lead-c-num{font-size:26px;line-height:1.1}
.lead-c-lbl{margin-top:2px;font-size:var(--fs-13);color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.lead-c-go{position:absolute;right:12px;bottom:12px;color:var(--brand-d);opacity:.55}
.lead-counter.is-active{border-color:var(--brand);background:var(--brand-050);box-shadow:0 0 0 3px var(--brand-050)}
   	  	 	
.lead-c-brand  .lead-c-ico{background:var(--brand-050);color:var(--brand-d)}
.lead-c-green  .lead-c-ico{background:#e8f7ee;color:#16a34a}
.lead-c-blue   .lead-c-ico{background:#e7f0fe;color:#1877f2}
.lead-c-amber  .lead-c-ico{background:#fff4e8;color:#ea8a2a}
.lead-c-violet .lead-c-ico{background:#f1edfe;color:#7a5af5}
.lead-c-ok     .lead-c-ico{background:#dcfce7;color:#15803d}

     	 	 
.lead-filter-panel{padding:14px 16px}
.lead-filters{gap:10px}
.lead-f{position:relative;display:inline-flex;align-items:center;min-width:0}
.lead-f-search{flex:1 1 280px;min-width:200px}
.lead-f-ic{position:absolute;left:12px;display:flex;color:var(--muted);pointer-events:none}
.lead-f-ic .ic{width:16px;height:16px}
.lead-f-caret{position:absolute;right:10px;display:flex;color:var(--muted);pointer-events:none}
.lead-f-caret .ic{width:15px;height:15px}
.lead-filters input,.lead-filters select,.lead-per select{width:100%;min-height:42px;padding:9px 12px 9px 36px;
  border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);
  font:600 var(--fs-13)/1.4 var(--f-sans);box-sizing:border-box}
.lead-filters select,.lead-per select{appearance:none;-webkit-appearance:none;padding-right:32px;cursor:pointer}
.lead-filters input::placeholder{font-weight:400;color:var(--muted)}
.lead-filters input:focus,.lead-filters select:focus,.lead-per select:focus{outline:none;border-color:var(--brand);
  box-shadow:0 0 0 3px var(--brand-050)}
.lead-f-go{min-height:42px;border-radius:12px;padding:9px 16px;flex:0 0 auto}
.lead-f-go .ic{width:16px;height:16px;color:var(--muted)}
.lead-f-go:hover .ic{color:var(--brand-d)}

  	     	
      	  
.lead-list{padding:0;overflow:hidden}
.lead-list .table-wrap{border-radius:0}
.lead-table{border:0;border-radius:0}
.lead-table thead th{background:#fff;padding:14px;border-bottom:1px solid var(--line);font-size:var(--fs-11)}
.lead-table tbody td{padding:14px}
.lead-table tbody tr:last-child td{border-bottom:1px solid var(--line-2)}
.lead-table tbody tr:hover{background:#f8faff}
 		 		 	

.lead-td-main .lead-nm{align-items:flex-start;justify-content:center;gap:2px}
.lead-td-main a.lead-open{gap:12px}
.lead-td-main .lead-nm b{font-size:var(--fs-14);font-weight:700}
.lead-need{max-width:24ch;color:var(--muted)}
.lead-ava{width:38px;height:38px;font-size:var(--fs-14);font-weight:700}
.lead-td-ct{font-weight:600}
.lead-td-ct .lead-ct-ph{color:var(--ink);font-weight:650}
.lead-td-ct .muted{font-weight:400}
.lead-src{padding:5px 11px;font-size:var(--fs-12);font-weight:600;white-space:normal;text-align:center}
.lead-chip{padding:4px 10px;font-size:var(--fs-12)}
   	  	  
.lead-overdue{display:inline-flex;margin:5px 0 0;padding:3px 9px;border-radius:var(--r-pill);
  background:#fdecec;color:var(--no,#b91c1c);font-size:var(--fs-11)}
.lead-table td:has(.lead-overdue) .lead-chip{display:inline-block}
.lead-acts{gap:6px}
.lead-ico{width:34px;height:34px;border-radius:10px;box-shadow:var(--sh-1)}
.lead-ico svg{width:16px;height:16px}
.lead-menu-btn{font-size:16px;line-height:1}
.lead-th-chk,.lead-td-chk{width:44px;padding-left:16px}
.lead-chk{width:16px;height:16px;accent-color:var(--brand);cursor:pointer}

 	 	  		 
.lead-foot{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;
  padding:14px 16px;border-top:1px solid var(--line);background:#fff}
.lead-foot-n{font-size:var(--fs-13);color:var(--muted)}
.lead-foot-r{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.lead-pager{display:inline-flex;align-items:center;gap:6px}
.lead-pg{min-width:36px;height:36px;padding:0 9px;display:inline-flex;align-items:center;justify-content:center;
  border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink-2);
  font-size:var(--fs-13);font-weight:650;text-decoration:none;box-shadow:var(--sh-1)}
.lead-pg:hover{border-color:var(--brand-100);background:var(--brand-050);color:var(--brand-d);text-decoration:none}
.lead-pg.is-active{background:var(--brand);border-color:var(--brand);color:#fff;box-shadow:0 4px 10px rgba(79,107,246,.25)}
.lead-pg.is-off{opacity:.35;box-shadow:none;background:var(--line-2);cursor:default}
.lead-pg .ic{width:15px;height:15px}
.lead-pg-gap{padding:0 2px;color:var(--muted)}
.lead-per{display:inline-flex;align-items:center;gap:8px}
.lead-per .lead-f{min-width:132px}
.lead-per select{min-height:36px;padding:7px 30px 7px 12px;border-radius:10px}

    	   	
@media (max-width:1279px){
  .lead-counters{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:900px){
  .lead-head{align-items:flex-start}
  .lead-head-ico{width:40px;height:40px;border-radius:12px}
  .lead-head-ico .ic{width:20px;height:20px}
  .lead-counters{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px}
  .lead-c-num{font-size:23px}
  .lead-c-ico{width:32px;height:32px;margin-bottom:9px}
  .lead-quick{gap:8px;padding:12px}
  .lead-qf{padding:8px 12px}
  .lead-filters{gap:8px}
  .lead-f-search{flex:1 1 100%}
  .lead-f{flex:1 1 calc(50% - 4px)}
  .lead-f-go{flex:1 1 100%}
  .lead-foot{justify-content:center;text-align:center}
  .lead-foot-r{width:100%;justify-content:space-between}
}
@media (max-width:560px){
  .lead-counters{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lead-f{flex:1 1 100%}
  .lead-per{flex:1 1 100%;justify-content:flex-end}
}

	  				 




.lead-td-main .lead-need{margin:0;padding:0;border-top:0}
.lead-chk{width:18px;height:18px}
@media (max-width:900px){ .lead-chk{width:22px;height:22px} }

	 				 	


.btn[hidden]{display:none}
.lead-add-btn{white-space:nowrap}
.lead-c-slate  .lead-c-ico{background:#eef1f6;color:#64748b}
	   		 	

.lead-table tbody tr{cursor:default}
.lead-table tbody tr[data-lead-row],.lead-table tbody tr[data-cust-open]{cursor:pointer}

	 	  			


.lead-td-main .lead-open{display:flex;align-items:center;gap:12px;color:inherit;min-width:0}
.lead-td-main .lead-open .badge{flex:0 0 auto}
	 	 		  

.lead-td-act{white-space:nowrap}
.lead-td-act .action-row{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:nowrap;margin-top:0}
.lead-td-act .action-row>*{flex:0 0 auto}
.lead-td-act .action-row form{margin:0}
   		   


.lead-td-act .btn{white-space:nowrap}
  	   			
.lead-head .page-actions{margin-left:auto}
.lead-head-id{flex:1 1 320px}
 		 	   


.cat-row-actions{white-space:nowrap;text-align:right}
.cat-row-actions .btn{margin-left:4px;padding:5px 10px;min-height:0;font-size:var(--fs-12);white-space:nowrap}
  		  	 

.lead-td-act .action-row .btn{min-height:30px;padding:5px 11px;font-size:var(--fs-12)}
  	 		  


.lead-td-act .action-row form{display:contents}
  	     



.btn.danger{border-top:0;margin-top:0;padding-top:5px;color:var(--no,#b91c1c);border-color:#f3c6c6;background:#fff}
.btn.danger:hover{background:var(--no-bg,#fee2e2);border-color:#e9a8a8;color:var(--no,#b91c1c)}

       	 
@media (max-width:560px){
   		 	 	 

  .lead-add-btn{white-space:normal}
   		 					
  .lead-td-act .action-row .btn,.cat-row-actions .btn{min-height:34px;padding:7px 12px}
  .lead-td-act .action-row{flex-wrap:wrap;justify-content:flex-start}
  .cat-row-actions{white-space:normal;text-align:left}
}

				 	  






.ord-back{display:inline-flex;align-items:center;gap:6px;margin:0 0 6px;font-size:var(--fs-13);font-weight:600}
.ord-grid{grid-template-columns:minmax(0,1fr) 420px;gap:20px}
.ord-grid-main{gap:18px}
.ord-grid-side{gap:14px}
.ord-sec{padding:20px;border-radius:var(--r-lg)}

  				 		
.ord-sec-head{display:flex;align-items:flex-start;gap:13px;margin:0 0 16px}
.ord-sec-ico{flex:0 0 auto;width:40px;height:40px;border-radius:12px;display:flex;align-items:center;
  justify-content:center;background:var(--brand-050);color:var(--brand-d);border:1px solid var(--brand-100)}
.ord-sec-ico .ic{width:20px;height:20px}
.ord-sec-head h3{margin:0;font-size:var(--fs-16);line-height:1.3}
.ord-sec-head p{margin:2px 0 0;font-size:var(--fs-13);color:var(--muted)}

 		  			 
.ord-searchrow{display:flex;gap:10px;align-items:stretch}
.ord-searchrow .lead-f-search{flex:1 1 auto;min-width:0}
.ord-searchrow input{width:100%;min-height:44px;padding:10px 12px 10px 38px;border:1px solid var(--line);
  border-radius:12px;background:#fff;color:var(--ink);font:var(--fs-14)/1.4 var(--f-sans);box-sizing:border-box}
.ord-searchrow input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-050)}
.ord-sec-btn{flex:0 0 auto;min-height:44px;border-radius:12px;padding:10px 16px;white-space:nowrap}
.ord-cust-search{gap:12px}
.ord-cust-results,.ord-prod-results{border-radius:12px}

         
.ord-empty{display:flex;align-items:center;gap:13px;padding:16px;border-radius:12px;
  background:var(--brand-050);border:1px solid var(--brand-100)}
.ord-empty[hidden]{display:none}
.ord-empty>div{display:flex;flex-direction:column;gap:2px;min-width:0}
.ord-empty strong{font-size:var(--fs-14);color:var(--ink)}
.ord-empty span{font-size:var(--fs-13);color:var(--muted)}
.ord-empty-ico{flex:0 0 auto;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;
  justify-content:center;background:#fff;color:var(--brand-d)}
.ord-empty-ico .ic{width:20px;height:20px}
 		 		  	

 	 		 	  
.ord-lines-wrap{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff}
.ord-lines-head,.ord-line{display:grid;grid-template-columns:34px minmax(0,1fr) 86px 118px 96px 108px 36px;
  gap:10px;align-items:center}
.ord-lines-head{padding:12px 14px;background:#f8fafc;border-bottom:1px solid var(--line);
  font-size:var(--fs-11);font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}
.ord-lines-head>span:nth-child(3),.ord-lines-head>span:nth-child(4),
.ord-lines-head>span:nth-child(5),.ord-lines-head>span:nth-child(6){text-align:right}
.ord-lines{gap:0}
.ord-line{padding:12px 14px;border:0;border-bottom:1px solid var(--line-2);border-radius:0;
  counter-increment:ord-line}
.ord-lines{counter-reset:ord-line}
.ord-line:last-child{border-bottom:0}
.ord-line:hover{background:#f8faff}
 					 		
.ord-line-n::before{content:counter(ord-line);display:flex;align-items:center;justify-content:center;
  width:26px;height:26px;border-radius:8px;background:var(--brand-050);color:var(--brand-d);
  font-size:var(--fs-12);font-weight:700}
 		  			 
.ord-line-lbl{display:none}
.ord-line-f{gap:0}
.ord-line-f .inp{min-height:36px;border:1px solid var(--line);border-radius:9px;background:#fff}
.ord-line-f .inp:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-050)}
.ord-line-amt{font-size:var(--fs-14)}
.ord-line-x{width:32px;height:32px;border-radius:9px;display:flex;align-items:center;justify-content:center;
  font-size:0;color:var(--muted)}
.ord-line-x .ic{width:15px;height:15px}
.ord-line-x:hover{border-color:#f3c6c6;background:var(--no-bg,#fee2e2);color:var(--no,#b91c1c)}
.ord-lines-empty{display:flex;flex-direction:column;align-items:center;gap:6px;padding:30px 16px;text-align:center}
.ord-lines-empty[hidden]{display:none}
.ord-lines-empty strong{font-size:var(--fs-14);color:var(--ink)}
.ord-lines-empty>span:not(.ord-empty-ico){font-size:var(--fs-13);color:var(--muted)}
.ord-lines-empty .ord-empty-ico{width:56px;height:56px;background:var(--brand-050);margin-bottom:2px}
.ord-lines-empty .ord-empty-ico .ic{width:26px;height:26px}
.ord-empty-cta{margin-top:8px;border-radius:12px;color:var(--brand-d);border-color:var(--brand-100)}
.ord-empty-cta:hover{background:var(--brand-050);border-color:var(--brand)}

 		   	  
.ord-meta-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:16px}
.ord-meta-grid>label{display:flex;flex-direction:column;gap:7px;min-width:0}
.ord-lbl{display:inline-flex;align-items:center;gap:7px;font-size:var(--fs-13);font-weight:600;color:var(--ink-2)}
.ord-lbl .ic{color:var(--muted)}
.ord-meta-grid .lead-f{width:100%}
.ord-meta-grid select{width:100%;min-height:44px;padding:10px 32px 10px 38px;border:1px solid var(--line);
  border-radius:12px;background:#fff;color:var(--ink);font:var(--fs-14)/1.4 var(--f-sans);
  appearance:none;-webkit-appearance:none;box-sizing:border-box;cursor:pointer}
.ord-note{position:relative;display:block}
.ord-note textarea{width:100%;min-height:86px;padding:11px 12px 24px;border:1px solid var(--line);
  border-radius:12px;background:#fff;color:var(--ink);font:var(--fs-14)/1.5 var(--f-sans);
  box-sizing:border-box;resize:vertical}
.ord-note textarea:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-050)}
.ord-note-n{position:absolute;right:12px;bottom:9px;font-size:var(--fs-11);color:var(--muted);
  background:#fff;padding-left:6px}

   		  	 
.ord-summary{padding:20px}
.ord-sum-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 0;
  font-size:var(--fs-14);color:var(--ink-2)}
.ord-sum-row b{font-size:var(--fs-16);color:var(--ink)}
.ord-money{display:inline-flex;align-items:center;gap:0;flex:0 0 auto}
.ord-money input{width:112px;min-height:38px;padding:8px 10px;text-align:right;border:1px solid var(--line);
  border-right:0;border-radius:10px 0 0 10px;background:#fff;color:var(--ink);font:600 var(--fs-14)/1.3 var(--f-sans)}
.ord-money input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-050)}
.ord-money-cur{display:flex;align-items:center;min-height:38px;padding:0 11px;border:1px solid var(--line);
  border-radius:0 10px 10px 0;background:var(--line-2);color:var(--muted);font-size:var(--fs-13);font-weight:600}
.ord-sum-total{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;
  padding:14px 16px;border-radius:12px;background:var(--brand-050);border:1px solid var(--brand-100)}
.ord-sum-total span{font-size:var(--fs-15);font-weight:650;color:var(--ink)}
.ord-sum-total b{font-size:23px;font-weight:800;color:var(--brand-d)}
.ord-submit{min-height:50px;border-radius:14px;font-size:var(--fs-15);background:var(--grad);
  border-color:transparent;box-shadow:0 8px 20px rgba(79,107,246,.28)}
.ord-submit:hover{background:var(--grad);filter:brightness(1.05);border-color:transparent}
.ord-submit-hint{display:flex;align-items:flex-start;gap:8px;margin:0;font-size:var(--fs-12);color:var(--muted);
  line-height:1.5}
.ord-submit-hint .ic{flex:0 0 auto;margin-top:1px}
.ord-tips{padding:14px 16px;border-radius:14px;background:#fffaf0;border:1px solid #f6e4c3}
.ord-tips-h{display:flex;align-items:center;gap:7px;font-size:var(--fs-13);font-weight:700;color:#92620e}
.ord-tips-h .ic{color:#d99a1c}
.ord-tips ul{margin:8px 0 0;padding-left:18px;display:flex;flex-direction:column;gap:5px}
.ord-tips li{font-size:var(--fs-12);color:#7a5a20;line-height:1.45}

   	  	 	
@media (max-width:1100px){
  .ord-grid{grid-template-columns:minmax(0,1fr)}
  .ord-grid-side{position:static}
}
@media (max-width:820px){
  .ord-meta-grid{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:700px){
       	 	 
  .ord-lines-head{display:none}
  .ord-line{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:14px;
    border-bottom:1px solid var(--line-2)}
  .ord-line-n{grid-column:1}
  .ord-line-main{grid-column:1 / -1;order:-1}
  .ord-line-amt{grid-column:2 / span 2;text-align:right;align-self:center}
  .ord-line-x{grid-column:1;justify-self:start}
  .ord-line-lbl{display:block;font-size:var(--fs-11);color:var(--muted);margin-bottom:3px}
  .ord-line-f{grid-column:auto}
  .ord-searchrow{flex-direction:column}
  .ord-sec-btn{width:100%}
  .ord-sec{padding:16px}
}
  	     	
.ord-submit{display:flex;align-items:center;justify-content:center;gap:9px}
     	  

.ord-submit-hint{display:block}
.ord-submit-hint .ic{display:inline-block;vertical-align:-3px;margin-right:6px;color:var(--muted)}
 		 		 	

.ord-lines-head,.ord-line{grid-template-columns:32px minmax(0,1fr) 74px 104px 88px 100px 34px;gap:8px}
  	  	  

.ord-line-name{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
  overflow:hidden;line-height:1.35}
	 	  		 


.ord-cust-search[hidden]{display:none}
    	   	
.ord-cust-selected{padding:14px 16px;border-radius:12px;background:var(--ok-bg);border:1px solid #bbf7d0}
.ord-cust-picked{font-size:var(--fs-14);color:var(--ink)}
.ord-cust-selected .btn{flex:0 0 auto;border-radius:10px}

	  				 


.ord-sum{display:grid;grid-template-columns:max-content minmax(0,1fr) max-content;
  column-gap:12px;row-gap:12px;align-items:center;margin-top:4px}
.ord-sum-r{display:contents}
.ord-sum-l{font-size:var(--fs-14);color:var(--ink-2);font-weight:600;white-space:nowrap}
.ord-sum-n{color:var(--muted);font-weight:500}
.ord-sum-c{display:flex;align-items:center;gap:8px;min-width:0;justify-self:stretch}
.ord-sum-v{justify-self:end;font-size:var(--fs-15);font-weight:700;color:var(--ink);white-space:nowrap;
  font-variant-numeric:tabular-nums}
.ord-sum-c input,.ord-sum-c-wide input{flex:1 1 0;min-width:0;min-height:38px;padding:8px 11px;text-align:right;
  border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);
  font:600 var(--fs-14)/1.3 var(--f-sans);font-variant-numeric:tabular-nums}
.ord-sum-c input:focus,.ord-sum-c-wide input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-050)}
 	 				 	
.ord-sum-c-wide{grid-column:2 / -1;display:flex}
.ord-pick select{min-height:38px;padding:8px 28px 8px 11px;border:1px solid var(--line);border-radius:10px;
  background:#fff;color:var(--ink);font:600 var(--fs-13)/1.3 var(--f-sans);appearance:none;-webkit-appearance:none;
  cursor:pointer;width:100%}
.ord-pick{position:relative;display:inline-flex;align-items:center;flex:0 0 74px}
.ord-pick-grow{flex:1 1 auto}
.ord-pick select:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-050)}
.ord-pick-caret{position:absolute;right:9px;display:flex;color:var(--muted);pointer-events:none}
.ord-pick-caret .ic{width:14px;height:14px}
	   		 	

.ord-sum-grand{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:12px;
  margin-top:4px;padding-top:14px;border-top:1px solid var(--line)}
.ord-sum-grand span{font-size:var(--fs-16);font-weight:700;color:var(--ink)}
.ord-sum-grand b{font-size:25px;font-weight:800;color:#ea580c;font-variant-numeric:tabular-nums;white-space:nowrap}

@media (max-width:1100px){
  .ord-sum-row{flex-wrap:wrap}
}

	 	  			


.ord-sum-l{font-size:var(--fs-13)}
.ord-sum-c input{min-width:56px}

 	 	 		  
.ord-sec.is-invalid{border-color:#f0a9a9;box-shadow:0 0 0 3px rgba(220,38,38,.10)}
.ord-sec.is-invalid .ord-sec-ico{background:var(--no-bg,#fee2e2);border-color:#f3c6c6;color:var(--no,#b91c1c)}
.ord-sec-err{display:flex;align-items:flex-start;gap:8px;margin:0 0 14px;padding:10px 12px;border-radius:10px;
  background:var(--no-bg,#fee2e2);border:1px solid #f3c6c6;color:var(--no,#b91c1c);
  font-size:var(--fs-13);font-weight:600;line-height:1.45}
.ord-sec-err[hidden]{display:none}
.ord-sec-err .ic{flex:0 0 auto;margin-top:1px}

   		   









.lead-counters{gap:14px}
.lead-counter{padding:13px 16px 11px}
.lead-c-ico{width:26px;height:26px;border-radius:8px;margin-bottom:10px}
.lead-c-ico .ic{width:16px;height:16px}
.lead-c-num{font-size:21px;line-height:1.12}
.lead-c-lbl{margin-top:1px}
.lead-c-go{right:10px;bottom:10px}
@media (max-width:900px){
  .lead-counter{padding:12px 13px 10px}
  .lead-c-num{font-size:19px}
  .lead-c-ico{width:24px;height:24px;margin-bottom:8px}
}
  	   			
.lead-counter{padding-bottom:9px}
.lead-c-ico{margin-bottom:9px}
.lead-c-lbl{line-height:1.35}

 		 	   




.cat-form-panel{padding:24px 26px;border-radius:var(--r-lg);max-width:980px}
.cat-sec-head{margin:26px 0 14px;padding-top:20px;border-top:1px solid var(--line)}
.cat-form > .cat-sec-head:first-of-type{margin-top:4px;padding-top:0;border-top:0}
.cat-sec-head h3{margin:0;font-size:var(--fs-16)}
.cat-form label{display:block;margin:0 0 6px;font-size:var(--fs-13);font-weight:600;color:var(--ink-2)}
.cat-form input,.cat-form select,.cat-form textarea{width:100%;min-height:44px;padding:10px 12px;
  border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);
  font:var(--fs-14)/1.4 var(--f-sans);box-sizing:border-box}
.cat-form textarea{min-height:82px;resize:vertical}
.cat-form input:focus,.cat-form select:focus,.cat-form textarea:focus{outline:none;border-color:var(--brand);
  box-shadow:0 0 0 3px var(--brand-050)}
.cat-form input[readonly]{background:var(--line-2);color:var(--muted)}
.cat-form .cat-2col,.cat-form .cat-3col{display:grid;gap:16px;margin-bottom:16px}
.cat-form .cat-2col{grid-template-columns:repeat(2,minmax(0,1fr))}
.cat-form .cat-3col{grid-template-columns:repeat(3,minmax(0,1fr))}
.cat-form>label+input,.cat-form>label+textarea{margin-bottom:16px}
.cat-radios{display:flex;gap:10px;margin-bottom:18px}
.cat-radio{display:inline-flex!important;align-items:center;gap:9px;margin:0;padding:11px 16px;
  border:1px solid var(--line);border-radius:12px;background:#fff;cursor:pointer;font-weight:600;
  color:var(--ink-2);transition:border-color .12s,background .12s}
.cat-radio:hover{border-color:var(--brand-100)}
.cat-radio input{width:auto;min-height:0;margin:0;accent-color:var(--brand)}
.cat-radio:has(input:checked){border-color:var(--brand);background:var(--brand-050);color:var(--brand-d)}
.cat-inline-add{margin-left:8px;min-height:0;padding:3px 9px;border-radius:var(--r-pill);vertical-align:1px}
.cat-add-btn{min-height:40px;border-radius:12px;padding:9px 15px;color:var(--brand-d);border-color:var(--brand-100)}
.cat-add-btn:hover{background:var(--brand-050);border-color:var(--brand)}
.cat-form .hint{margin:-4px 0 0;font-size:var(--fs-12);color:var(--muted);line-height:1.5}
.cat-form-foot{display:flex;align-items:center;gap:10px;margin-top:26px;padding-top:18px;
  border-top:1px solid var(--line)}
.cat-save{min-height:46px;border-radius:12px;padding:11px 24px;background:var(--grad);border-color:transparent;
  box-shadow:0 6px 16px rgba(79,107,246,.28)}
.cat-save:hover{background:var(--grad);filter:brightness(1.05);border-color:transparent}
.cat-form-foot .btn{min-height:46px;border-radius:12px;padding:11px 20px}

   		  	 
.cat-row{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.cat-row input{flex:1 1 0;min-width:0}

@media (max-width:820px){
  .cat-form-panel{padding:18px 16px}
  .cat-form .cat-2col,.cat-form .cat-3col{grid-template-columns:minmax(0,1fr);gap:0}
  .cat-form .cat-2col>div,.cat-form .cat-3col>div{margin-bottom:16px}
  .cat-attr{flex-wrap:wrap}
  .cat-attr-val{flex:1 1 0}
  .cat-radios{flex-wrap:wrap}
  .cat-form-foot{flex-wrap:wrap}
  .cat-form-foot .btn{flex:1 1 140px}
}
   	 		  
.cat-form .cat-2col-name{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}
@media (max-width:820px){ .cat-form .cat-2col-name{grid-template-columns:minmax(0,1fr)} }

  	     




      	 


@media (min-width:1280px){
  .lead-ws{grid-template-columns:22% minmax(0,1fr) 23%;gap:14px}
}

 		 	 	 


.lead-ws-center .lead-int-chips{gap:7px}
.lead-ws-center .lead-int-chip{max-width:100%;white-space:normal;overflow:visible;text-overflow:clip;
  line-height:1.45;padding:4px 10px}

 		 					
.lead-kv-grid{gap:8px 20px}
.lead-kv-grid .kv .k{width:auto;min-width:84px;max-width:45%}
.lead-kv-grid .kv .v{font-weight:600}

 				 	  
.lead-ws-timeline .lead-tl-head{position:sticky;top:0;z-index:2;margin:0;padding:12px 14px 10px;
  background:var(--card);border-bottom:1px solid var(--line)}
.lead-ws-timeline .lead-tl-head h3{margin:0;font-size:var(--fs-14)}
.lead-ws-timeline{padding:0!important;overflow-y:auto}
.lead-ws-timeline .lead-tl{padding:8px 14px 14px 20px}

 				 		


@media (min-width:901px) and (max-width:1279px){
   		  			 
  .lead-ws{grid-template-columns:26% minmax(0,1fr)}
  .lead-ws-timeline{grid-column:1 / -1;position:static;max-height:420px}
}
        

.lead-qcard-meta{flex-wrap:wrap;white-space:normal}
.lead-qcard-int{flex:1 1 100%;order:3;margin-top:3px}
		 		  	


.lead-kv.lead-kv-block{display:block}
.lead-kv.lead-kv-block .v{width:100%}
 	 		 	  
.lead-ws-center .lead-card .panel-head{margin-bottom:10px;align-items:center}
.lead-ws-center .lead-card{padding:14px 16px}
.lead-ws-center .lead-card h3{margin:0;font-size:var(--fs-15)}

					 		




 		  			 
.lead-wc-nameline{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.lead-wc-nameline h3{margin:0;font-size:var(--fs-18)}
.lead-wc-meta{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:5px}
.lead-wc-mb{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-13);color:var(--muted)}
.lead-wc-mb .ic{width:14px;height:14px;color:var(--muted-2,#94a3b8)}
.lead-wc-nameline .lead-overdue{margin:0;padding:3px 9px;border-radius:var(--r-pill);
  background:#fdecec;color:var(--no,#b91c1c);font-size:var(--fs-11)}

 		   	  
.lead-ws-center .lead-kv-grid{gap:0 20px}
.lead-ws-center .lead-kv-grid .kv{justify-content:space-between;padding:9px 0;
  border-bottom:1px solid var(--line-2)}
.lead-ws-center .lead-kv-grid .kv .v{text-align:right}
   		  	 
.lead-ws-center .lead-kv-grid .kv:nth-last-child(-n+2){border-bottom:0}
  	  	 	

.lead-kv.lead-kv-block{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;
  padding:9px 0;border-bottom:1px solid var(--line-2);margin-top:0}
.lead-kv.lead-kv-block .k{flex:0 0 auto;max-width:42%;margin:0}
.lead-kv.lead-kv-block .v{flex:1 1 auto;width:auto;text-align:right}
.lead-kv.lead-kv-block .lead-int-chips{justify-content:flex-end}

     	 	 
.lead-prio{display:inline-block;padding:4px 10px;border-radius:var(--r-pill);font-size:var(--fs-12);
  font-weight:600;background:var(--off-bg);color:var(--ink-2)}
.lead-prio-3{background:#fdecec;color:var(--no,#b91c1c)}
.lead-prio-2{background:var(--warn-bg);color:var(--warn)}
.lead-prio-1{background:var(--line-2);color:var(--muted)}

  	     	
.lead-tl-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.lead-tl-filter{position:relative;display:inline-flex;align-items:center;flex:0 0 auto}
.lead-tl-filter select{appearance:none;-webkit-appearance:none;min-height:32px;padding:6px 26px 6px 30px;
  border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink-2);
  font:600 var(--fs-12)/1.3 var(--f-sans);cursor:pointer;max-width:132px}
.lead-tl-filter select:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-050)}
.lead-tl-filter .lead-f-ic{left:9px}
.lead-tl-filter .lead-f-caret{right:8px}
.lead-tl-filter .lead-f-ic .ic,.lead-tl-filter .lead-f-caret .ic{width:13px;height:13px}
.lead-ws-timeline .lead-tl-dot{flex:0 0 auto;width:28px;height:28px;border-radius:50%;display:flex;
  align-items:center;justify-content:center;background:var(--brand-050);color:var(--brand-d)}
.lead-ws-timeline .lead-tl-dot .ic{width:14px;height:14px}
.lead-ws-timeline .lead-tl-item{display:flex;align-items:flex-start;gap:11px;padding:10px 0}
.lead-ws-timeline .lead-tl-title{font-size:var(--fs-13);font-weight:650;color:var(--ink);margin-top:1px}
.lead-ws-timeline .lead-tl-detail{color:var(--muted)}
      	  
.lead-tlg-status .lead-tl-dot{background:var(--brand-050);color:var(--brand-d)}
.lead-tlg-assign .lead-tl-dot{background:#f1edfe;color:#7a5af5}
.lead-tlg-note   .lead-tl-dot{background:#fff4e8;color:#ea8a2a}
.lead-tlg-followup .lead-tl-dot{background:#e7f0fe;color:#1877f2}
.lead-tlg-email  .lead-tl-dot{background:#e8f7ee;color:#16a34a}
.lead-tlg-update .lead-tl-dot{background:var(--line-2);color:var(--muted)}
 		 		 	


.lead-ws-timeline .lead-tl-dot{position:static;border:0}
.lead-ws-timeline .lead-tl-item{padding:10px 0 10px 0;position:relative}
.lead-ws-timeline .lead-tl-item::before{left:13px;top:42px;bottom:2px;width:2px}
.lead-ws-timeline .lead-tl-item:last-child::before,
.lead-ws-timeline .lead-tl-item.is-hidden::before{display:none}
.lead-ws-timeline .lead-tl-body{min-width:0;flex:1 1 auto}
   	  	  
.lead-ws-center .lead-kv-grid .kv .k{min-width:70px;max-width:38%}
.lead-ws-center .lead-kv-grid .kv .v{overflow-wrap:break-word;word-break:normal}
	 	  		 

.lead-ws-timeline .lead-tl-t{white-space:normal;line-height:1.45}
.lead-ws-center .lead-kv-grid .kv-wide{grid-column:1 / -1}
    	   	
.lead-tl-head h3{white-space:nowrap}
.lead-tl-filter select{max-width:110px;padding-left:28px}
 	  				 
.cat-attrs .cat-row:last-child,.cat-form [data-cat-repeat] .cat-row:last-child{margin-bottom:0}
.cat-form .cat-row .btn.xs{flex:0 0 auto;min-height:44px;width:44px;padding:0;border-radius:11px;
  display:inline-flex;align-items:center;justify-content:center;font-size:15px;color:var(--muted)}
.cat-form .cat-row .btn.xs:hover{border-color:#f3c6c6;background:var(--no-bg,#fee2e2);color:var(--no,#b91c1c)}
.cat-attrs{display:flex;flex-direction:column;gap:10px;margin-bottom:12px}
@media (max-width:820px){ .cat-form .cat-row{flex-wrap:wrap} .cat-form .cat-row input{flex:1 1 100%} }

 	 				 	
.app-footer{margin:32px 0 4px;text-align:center;font-size:var(--fs-12);color:var(--muted)}
	   		 	

body.bare>.app-footer{position:fixed;left:0;right:0;bottom:16px;margin:0}
 	 	  			
.nav-soon{margin-left:auto;padding:1px 6px;border-radius:999px;font-size:var(--fs-11,11px);line-height:1.5;background:var(--surface-2,#eef1f6);color:var(--muted);white-space:nowrap}
.section-locked{max-width:560px;margin:48px auto;text-align:center}
.section-locked h1{margin:0 0 8px}

	 	 		  



.brand-logo{object-fit:contain;width:auto;height:auto;max-width:var(--brand-logo-w,132px);max-height:36px}
.brand.big .brand-logo{max-height:52px}
    		   
.app.sidebar-collapsed .sidebar .brand-logo{object-fit:cover;width:40px;height:40px;max-width:40px;max-height:40px;object-position:left center;border-radius:10px}

  	   			
.cm-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 14px}
.cm-actions .inline-form{display:inline-flex}
.cm-last{font-size:var(--fs-13);color:var(--muted)}
 		 	   


.cm-wh{margin:0 0 14px;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:var(--bg-soft,#f8fafc)}
.cm-wh label{display:block;margin:0 0 6px;font-size:var(--fs-13);font-weight:600}
.cm-whurl{width:100%;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--fs-12);
  padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--fg);word-break:break-all}
.cm-wh .cat-help{margin:8px 0 0}
.cm-extid{display:block;font-family:var(--f-mono,ui-monospace,monospace);font-size:var(--fs-11)}
.cat-help code{padding:1px 5px;border-radius:5px;background:#fff;border:1px solid var(--brand-100);
  font-family:var(--f-mono,ui-monospace,monospace);font-size:var(--fs-12)}
.cat-row-actions .lead-chip{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
.cat-row-actions .lead-chip .ic{width:13px;height:13px}

  		  	 



  	 		  

.lead-c-row{display:flex;align-items:baseline;gap:7px;flex-wrap:nowrap;min-width:0}
.lead-c-note{flex:none;font-size:var(--fs-11);font-weight:600;line-height:1;padding:3px 6px;border-radius:999px;
  background:var(--chip-bg,#eef2f7);color:var(--muted)}
.lead-c-note-up{background:#dcfce7;color:#15803d}
.lead-c-note-down{background:#fee2e2;color:#b91c1c}

  	     

.ai-hero{display:flex;align-items:center;gap:22px;flex-wrap:wrap;
  padding:24px 26px;background:linear-gradient(110deg,#eef4ff 0%,#f5f0ff 55%,#fdf2f8 100%);border-color:#e3e8f5}
       	 
.ai-hero-art{flex:none;display:flex;align-items:center;justify-content:center;width:84px;height:84px;
  border-radius:22px;background:rgba(255,255,255,.72);box-shadow:0 2px 10px rgba(79,70,229,.10)}
.ai-hero-art svg{width:62px;height:62px}
  		 	 	 
.ai-hero-txt{flex:1 1 320px;min-width:0}
.ai-hero-tag{display:inline-block;font-size:var(--fs-11);font-weight:700;letter-spacing:.06em;
  padding:4px 9px;border-radius:999px;background:#fff;color:#4f46e5;margin:0 0 9px}
.ai-hero h3{margin:0 0 5px;font-size:var(--fs-18);line-height:1.3}
.ai-hero p{margin:0;font-size:var(--fs-13);color:var(--muted)}
.ai-hero-btn{flex:none;background:#fff;border-radius:999px;padding:11px 20px;font-weight:600;
  box-shadow:0 2px 8px rgba(15,23,42,.06)}
.ai-hero-btn:hover{border-color:var(--brand,#4f46e5);color:var(--brand,#4f46e5)}

		 					

.ai-rail{display:flex;align-items:center;gap:8px;margin:0 0 14px}
.ai-chips{display:flex;gap:9px;overflow-x:auto;scroll-behavior:smooth;padding:2px;min-width:0;
  scrollbar-width:thin}
.ai-chips::-webkit-scrollbar{height:6px}
.ai-chips::-webkit-scrollbar-thumb{background:var(--line);border-radius:999px}
.ai-chip{flex:none;display:inline-flex;align-items:center;gap:7px;padding:9px 14px;border-radius:999px;
  border:1px solid var(--line);background:#fff;color:var(--fg);font-size:var(--fs-13);font-weight:500;
  text-decoration:none;white-space:nowrap}
.ai-chip:hover{border-color:var(--brand,#4f46e5)}
.ai-chip.is-on{background:var(--brand,#4f46e5);border-color:var(--brand,#4f46e5);color:#fff}
.ai-chip-ico{display:inline-flex;flex:none}
.ai-chip-n{font-weight:700;opacity:.75}
.ai-chip.is-on .ai-chip-n{opacity:.9}
.ai-rail-btn{flex:none;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;
  border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--muted);cursor:pointer}
.ai-rail-btn:hover{color:var(--fg);border-color:var(--brand,#4f46e5)}
 				 	  
.ai-rail-btn[hidden]{display:none}

  				 		
.ai-table th,.ai-table td{vertical-align:middle}
.ai-th-pick,.ai-td-pick{width:1%;padding-right:0}
.ai-th-act,.ai-td-act{width:1%;white-space:nowrap;text-align:right}
.ai-td-name{min-width:0}
.ai-td-name .ai-row-ico{display:inline-flex;vertical-align:middle;margin-right:9px;color:var(--muted)}
.ai-nm{display:inline-flex;flex-direction:column;gap:2px;min-width:0;vertical-align:middle}
.ai-nm strong{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ai-td-mode{width:1%;white-space:nowrap}
 		  			 
.ai-th-conv,.ai-td-conv{width:1%;text-align:center;white-space:nowrap}
.ai-conv{display:inline-flex;align-items:center;justify-content:center;min-width:34px;padding:4px 9px;
  border-radius:999px;font-weight:700;font-size:var(--fs-13);text-decoration:none;
  background:var(--brand-050,#eef2ff);color:var(--brand,#4f46e5)}
.ai-conv:hover{background:var(--brand,#4f46e5);color:#fff}
         
.ai-conv.is-zero{background:transparent;color:var(--muted);font-weight:600}

 		 		  	
.ai-st{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-13);white-space:nowrap}
.ai-st i{width:7px;height:7px;border-radius:50%;flex:none;background:currentColor}
.ai-st-active{color:#15803d}
.ai-st-paused{color:#b45309}
.ai-st-attention{color:#b91c1c}

.ai-empty-panel{padding:26px 22px}

@media (max-width:900px){
  .ai-hero{padding:16px;gap:14px}
  .ai-hero h3{font-size:var(--fs-16)}
  .ai-hero-art{width:56px;height:56px;border-radius:16px}
  .ai-hero-art svg{width:40px;height:40px}
  .ai-hero-btn{width:100%;justify-content:center}
   	 		 	  
  .ai-rail-btn{display:none}
  .ai-td-mode,.ai-td-act{white-space:normal}
}

					 		



 		  			 
.dash-head{display:flex;align-items:center;gap:9px;margin:0 0 12px}
.dash-head h3{margin:0;font-size:var(--fs-15);font-weight:600;line-height:1.3}
.dash-head-ico{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;flex:none;
  border-radius:9px;background:var(--brand-050,#eef2ff);color:var(--brand,#4f46e5)}
.dash-head-note{margin-left:auto;white-space:nowrap}
 		   	  
.trk-filter-head .trk-live{margin-left:auto}

  		  	 

.dash-c-ico{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;flex:none;
  border-radius:11px;margin:0 0 10px}
.dash-c-ico .ic{width:18px;height:18px}
.dash-c-ico-blue{background:#eef2ff;color:#4f46e5}
.dash-c-ico-green{background:#dcfce7;color:#15803d}
.dash-c-ico-amber{background:#fef3c7;color:#b45309}
.dash-c-ico-violet{background:#f3e8ff;color:#7e22ce}
.dash-c-ico-sky{background:#e0f2fe;color:#0369a1}
.dash-c-ico-pink{background:#fce7f3;color:#be185d}
.dash-c-ico-slate{background:#f1f5f9;color:#475569}
.dash-counter{display:flex;flex-direction:column;align-items:flex-start}

@media (max-width:900px){
  .dash-head h3{font-size:var(--fs-14)}
  .dash-head-note{display:none}      	  	 	
  .dash-c-ico{width:28px;height:28px;border-radius:9px;margin-bottom:7px}
  .dash-c-ico .ic{width:15px;height:15px}
}

    	 	 

.trk-av{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:none;
  width:34px;height:34px;border-radius:50%;background:var(--brand-050,#eef2ff);color:var(--brand,#4f46e5);
  font-weight:700;font-size:var(--fs-13)}
.trk-av-lg{width:44px;height:44px;font-size:var(--fs-15)}
.trk-av .trk-dot{position:absolute;right:-1px;bottom:-1px;margin:0;border:2px solid #fff}
  	     	
.trk-row-when{margin-left:auto;white-space:nowrap;flex:none}
.trk-dh-when{margin-left:auto;white-space:nowrap}
.trk-detail-head{display:flex;align-items:center;gap:12px}
.trk-counter{display:flex;flex-direction:column;align-items:flex-start}

@media (max-width:900px){
  .trk-av{width:28px;height:28px;font-size:var(--fs-12)}
  .trk-av-lg{width:36px;height:36px;font-size:var(--fs-14)}
  .trk-dh-when{display:none}
}

      	  
  		 		 	
  	  	  

.cm-tabs{display:flex;gap:10px;margin:0 0 16px;flex-wrap:wrap;max-width:980px}
.cm-tab{display:flex;align-items:center;gap:11px;flex:1 1 210px;min-width:0;padding:12px 15px;text-align:left;
  border:1px solid var(--line);border-radius:14px;background:#fff;cursor:pointer;color:var(--fg)}
.cm-tab:hover{border-color:var(--brand,#4f46e5)}
.cm-tab.is-active{border-color:var(--brand,#4f46e5);background:var(--brand-050,#eef2ff);
  box-shadow:0 0 0 3px var(--brand-050,#eef2ff)}
.cm-tab-n{flex:none;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;
  border-radius:50%;background:var(--chip-bg,#eef2f7);color:var(--muted);font-weight:700;font-size:var(--fs-13)}
.cm-tab.is-active .cm-tab-n{background:var(--brand,#4f46e5);color:#fff}
.cm-tab-t{display:flex;flex-direction:column;gap:1px;min-width:0}
.cm-tab-t b{font-weight:600;font-size:var(--fs-14)}
.cm-tab-t .small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 	 	  		 
.cm-panel[hidden]{display:none}

    	   	
.cm-adv{margin:2px 0 14px;padding:0}
.cm-adv summary{cursor:pointer;font-size:var(--fs-13);color:var(--muted);padding:6px 0}
.cm-adv summary:hover{color:var(--brand,#4f46e5)}
.cm-adv[open] summary{margin-bottom:10px}
.cm-regen{margin-top:8px}

@media (max-width:900px){
  .cm-tabs{gap:8px}
  .cm-tab{flex:1 1 100%;padding:10px 12px}
}

	  				 

.cm-cat-d1{padding-left:26px}
.cm-cat-d2{padding-left:48px}
.cm-cat-d3{padding-left:70px}
.cm-cat-d4{padding-left:92px}
.cm-cat-twig{display:inline-block;width:12px;height:10px;margin:0 7px 2px -18px;vertical-align:middle;
  border-left:1.5px solid var(--line);border-bottom:1.5px solid var(--line);border-bottom-left-radius:4px}

 	 				 	
.cm-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:16px 0 14px}
.cm-actions .inline-form{display:inline-flex;margin:0}

 	   		 	
.alert-cta{margin-left:8px;font-weight:600;color:inherit;text-decoration:underline;white-space:nowrap}

 	 	  			
	 	 		  







.ord-table.lead-table thead th{padding:10px 9px}
.ord-table.lead-table tbody td{padding:11px 9px}
   		   

.ord-td-who{max-width:132px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 	   			

 		 	   





.lead-menu-danger,.lead-menu-list button.lead-menu-danger{color:#b91c1c}
.lead-menu-list button.lead-menu-danger .ic{color:#dc2626}
.lead-menu-list button.lead-menu-danger:hover,.lead-menu-list button.lead-menu-danger:focus{background:#fef2f2;color:#991b1b}
.lead-menu-list button.lead-menu-danger:hover .ic,.lead-menu-list button.lead-menu-danger:focus .ic{color:#991b1b}
   		  	 
.ord-pos-badge{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border-radius:var(--r-pill);
  background:#ecfdf5;color:#047857;border:1px solid #d1fae5;font-size:var(--fs-11);font-weight:700;white-space:nowrap}
.ord-pos-badge .ic{flex:none;color:#059669}
  	 		  

.ord-pos-dot{padding:3px;margin-right:4px;vertical-align:middle}
.ord-pos-dot span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.ord-pos-lock{display:flex;gap:10px;align-items:flex-start;margin-top:12px;padding:12px 14px;border-radius:var(--r-sm);
  background:#f8fafc;border:1px solid var(--line)}
.ord-pos-lock-ic .ic{color:#475569}
.ord-pos-lock b{display:block;margin-bottom:2px}
   	     
.ord-del-warn{margin:0 0 8px;line-height:1.5}
.ord-del-acts{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}
.ord-td-code{white-space:nowrap;width:1%}
      	 


.ord-td-1line{white-space:nowrap}
 		 	 	 

.ord-td-when{white-space:nowrap;line-height:1.25}
.ord-td-when span{display:block}
.ord-when-t{opacity:.72}
		 					


.ord-td-1line .lead-src,.ord-td-1line .ord-chip,.ord-td-1line .lead-chip,.ord-td-1line .badge,.ord-td-1line .chip{
  white-space:nowrap;flex-wrap:nowrap;text-align:left}

				 	  











@media (max-width:767px){

   				 		








  .topbar{gap:8px}
  .tenant-switch{min-width:0}
  .tenant-switch select{max-width:34vw;min-width:0;box-sizing:border-box;
    text-overflow:ellipsis;font-size:var(--fs-13)}
  .user{min-width:0;gap:6px}
  .user>.menu:last-child{flex:0 0 auto}
  		  			 

  .crumb-wrap{min-width:0;flex:1 1 auto}
  .crumb{min-width:0}
  .crumb h1{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:var(--fs-18)}

          













  		 		  	





  .ov-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:2px 10px;
    align-items:start;padding:9px 14px}
  .ov-cust{display:contents}                   	 		 	  
  .ov-avatar{grid-column:1;grid-row:1 / span 2;align-self:start;width:38px;height:38px}
  .ov-cust-body{grid-column:2;grid-row:1;min-width:0;display:flex;flex-direction:column;gap:1px}
  .ov-line1{display:flex;align-items:baseline;gap:6px;min-width:0;flex-wrap:nowrap}
  .ov-name{flex:1 1 auto;min-width:0}
  .ov-line1 .badge{flex:0 0 auto}
   					 		
  .ov-time{display:block;grid-column:3;grid-row:1;align-self:baseline;
    font-size:var(--fs-11);color:var(--muted);white-space:nowrap;text-align:right}
  .ov-prev{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

   		  			 
  .ov-source{display:block;grid-column:2 / span 2;grid-row:2;min-width:0;margin-top:1px}
  .ov-source .chan-tag{display:inline-flex;align-items:center;gap:5px;max-width:100%;
    font-size:var(--fs-11);color:var(--muted)}
  .ov-source .src-name{max-width:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .ov-source .src-surface{flex:0 0 auto}

  		   	  



  .ov-status{display:none!important}
  .ov-assign{display:none!important}

    		  	 







  .lead-head-id{flex:0 1 auto;width:100%;align-items:flex-start;gap:10px}
  .lead-head{gap:10px;margin-bottom:12px}
  .lead-head h2{font-size:var(--fs-18);line-height:1.25}
  .lead-head .lead{font-size:var(--fs-12);line-height:1.35}
  .lead-head-ico{width:34px;height:34px;border-radius:10px}
  .lead-head-ico .ic{width:17px;height:17px}
  .lead-head .page-actions{margin-left:0;width:100%}
}

  	  	 	
























@media (max-width:640px){
       	 	 
  .cw-head-care .cw-donef{order:3;flex:0 0 auto}
  .cw-head-care .cw-mutef{order:4;flex:0 0 auto}
  .cw-head-care .cw-closef{order:5;flex:0 0 auto}
}

 	     	
















@media (max-width:767px){
  .content{padding-bottom:calc(60px + env(safe-area-inset-bottom,0))}
       	  

  html[data-cw-fixed] .content{padding-bottom:0}
}

 		 		 	









.today{display:flex;flex-direction:column;gap:18px}
.today-band{min-width:0}
.today-h{display:flex;align-items:center;gap:8px;margin:0 0 2px;font-size:15px;font-weight:650}
   	  	  
.today-n{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:20px;
  padding:0 6px;border-radius:999px;background:var(--chip-bg,#eef1f6);color:var(--muted,#5b6472);
  font-size:12px;font-weight:650;line-height:1}
.today-hint{margin:0 0 8px;font-size:12.5px;color:var(--muted,#5b6472)}
.today-rows{display:flex;flex-direction:column}
	 	  		 

.today-empty{margin:0;padding:14px 12px;border:1px dashed var(--line,#dfe3ea);border-radius:10px;
  font-size:13px;color:var(--muted,#5b6472)}
.today-switch{margin:4px 0 0}
.today-switch .btn{width:100%}
   	   	

.today-lead{display:flex;flex-wrap:wrap;justify-content:space-between;gap:2px 12px;padding:9px 12px;
  border-bottom:1px solid var(--line,#dfe3ea);text-decoration:none;color:var(--ink,#111827);min-width:0}
.today-lead:hover{background:var(--brand-050,#f3f6ff)}
.today-lead-main{display:flex;flex-direction:column;gap:2px;min-width:0}
.today-lead-need{font-size:12.5px;color:var(--muted,#5b6472);overflow:hidden;text-overflow:ellipsis}
.today-lead-meta{font-size:12px;color:var(--muted,#5b6472);white-space:nowrap}
 	  				 
.today-draft{margin:2px 0 10px;padding:10px 12px;border:1px solid var(--line,#dfe3ea);border-left:3px solid var(--brand,#2563eb);
  border-radius:10px;background:var(--brand-050,#f3f6ff);display:flex;flex-direction:column;gap:6px;min-width:0}
.today-draft-h{display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:650;color:var(--brand-d,#1d4ed8)}
.today-draft-why{margin:0;font-size:12px;color:var(--muted,#5b6472)}
.today-draft textarea{width:100%;box-sizing:border-box;min-height:64px;resize:vertical;font:inherit;font-size:13.5px}
.today-draft-act{display:flex;gap:8px;justify-content:flex-end}
 	 				 	
.lf-modes{border:0;margin:8px 0 12px;padding:0;display:flex;flex-direction:column;gap:8px}
.lf-modes legend{font-weight:650;margin-bottom:4px}
.lf-mode{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border:1px solid var(--line,#dfe3ea);border-radius:10px;cursor:pointer}
.form .lf-mode{display:flex;font-weight:400;margin:0}
.form .lf-mode input{width:auto;padding:0;margin-top:3px;flex-shrink:0;border:0;box-shadow:none}
 	   		 	
.alert.lf-warn{flex-direction:column;gap:4px}
.lf-mode>span{display:flex;flex-direction:column;gap:2px;min-width:0}
.lf-mode:has(input:checked){border-color:var(--brand,#2563eb);background:var(--brand-050,#f3f6ff)}

	 	  			









@media (max-width:640px){
   	 	 		  
  .mlist .lead-head .lead{display:none}
  .mlist .lead-head .page-actions{display:flex;flex-wrap:wrap;gap:8px}
  .mlist .lead-head .page-actions .btn{flex:1 1 calc(50% - 4px);min-width:0;min-height:42px;justify-content:center;
    text-align:center;white-space:normal;line-height:1.2;padding:8px 10px;font-size:var(--fs-13)}
  .mlist .lead-head .page-actions .btn.primary{flex-basis:100%}

      		   
  .mlist .lead-counters{display:flex;flex-wrap:nowrap;gap:8px;padding:10px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .mlist .lead-counters::-webkit-scrollbar{display:none}
  .mlist .lead-counters .lead-counter{flex:0 0 auto;display:grid;grid-template-columns:auto auto;column-gap:9px;
    align-items:center;padding:8px 14px 8px 10px;box-shadow:none;transform:none}
  .mlist .lead-counters .lead-c-ico{grid-row:1 / span 2;width:30px;height:30px;margin:0;border-radius:9px}
  .mlist .lead-counters .lead-c-num{font-size:17px;line-height:1.1}
  .mlist .lead-counters .lead-c-lbl{font-size:var(--fs-11);margin:0;line-height:1.25}
  .mlist .lead-counters .lead-c-go{display:none}

    	   			
  .mlist .lead-filter-panel{padding:10px}
  .mlist .lead-filters{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
  .mlist .lead-filters .lead-f{grid-column:span 3;min-width:0}
  .mlist .lead-filters .lead-f-search{grid-column:1 / -1}
  .mlist .lead-filters .lead-f-go{grid-column:span 2;min-width:0;min-height:42px;justify-content:center;padding:8px 6px;white-space:nowrap}
  .mlist-ord .lead-filters .lead-f-go{grid-column:1 / -1}
    		 	   
  .mlist .lead-filters .lead-f:not(.lead-f-search) .lead-f-ic{display:none}
  .mlist .lead-filters .lead-f:not(.lead-f-search) select{padding-left:12px;padding-right:28px}

     		  	 
  .mlist .lead-list{background:transparent;border:0;box-shadow:none;padding:0}
  .mlist .lead-list .tbl-wrap,.mlist .lead-list .table-wrap{overflow:visible}
  .mlist .lead-table{background:transparent;border:0}
  .mlist .lead-table tbody tr{margin:0 0 10px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;
    background:#fff;box-shadow:var(--sh-1);overflow:visible}
  .mlist .lead-table tbody tr:hover{background:#fff}
  .mlist .lead-table tbody tr:last-child td{border-bottom:0}
  .mlist .lead-table tbody td,.mlist .ord-table.lead-table tbody td{display:block;padding:0;border:0;min-width:0;text-align:left}
  .mlist .lead-table tbody td::before{display:none}
  .mlist .lead-table tbody td.empty{grid-column:1 / -1;padding:18px 0;text-align:center}
  .mlist .lead-table tbody td.is-empty{display:none}

    	 		  



  .mlist .ord-table.lead-table tbody tr{display:grid;grid-template-columns:auto minmax(0,1fr) auto;
    grid-template-areas:"code code st" "cust cust total" "phone items when" "src who act";gap:8px 10px;align-items:center}
  .mlist .ord-td-code{grid-area:code}
  .mlist .ord-td-code .ord-code{font-size:var(--fs-15,15px);font-weight:700}
  .mlist .ord-td-st{grid-area:st;justify-self:end}
  .mlist .ord-td-cust{grid-area:cust}
  .mlist .ord-td-cust .lead-ava{width:30px;height:30px;font-size:var(--fs-12)}
  .mlist .ord-td-cust .lead-open{gap:10px}
  .mlist .ord-td-cust .lead-nm b{font-size:var(--fs-14)}
  .mlist .ord-total{grid-area:total;justify-self:end;font-size:var(--fs-15,15px);font-weight:700;color:var(--ink);white-space:nowrap}
  .mlist .ord-td-phone{grid-area:phone;font-size:var(--fs-12);color:var(--muted);white-space:nowrap}
  .mlist .ord-td-items{grid-area:items;font-size:var(--fs-12);color:var(--muted);white-space:nowrap}
  .mlist .ord-td-items::after{content:" mặt hàng"}
  .mlist .ord-td-phone:not(:empty)+.ord-td-items::before{content:"· "}
  .mlist .ord-td-when{grid-area:when;justify-self:end;font-size:var(--fs-12)}
  .mlist .ord-td-when span{display:inline}
  .mlist .ord-td-when .ord-when-t::before{content:" "}
  .mlist .ord-td-src{grid-area:src}
  .mlist .ord-td-who{grid-area:who;font-size:var(--fs-12);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .mlist .ord-td-act{grid-area:act;justify-self:end}
     	     
  .mlist .ord-table.lead-table tbody tr::after{content:"";grid-column:1 / -1;grid-row:3;align-self:start;
    height:1px;margin:-4px 0 0;background:var(--line-2)}

        	 


  .mlist .cat-td-name~td{white-space:normal}
  .mlist-cat .lead-table tbody tr{display:grid;grid-template-columns:minmax(0,1fr) auto;
    grid-template-areas:"name price" "code st" "type cat" "src act";gap:6px 12px;align-items:center}
  .mlist .cat-td-name{grid-area:name;align-self:start}
  .mlist .cat-td-name .conv-who{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
    font-size:var(--fs-14);font-weight:700;line-height:1.35;color:var(--ink);white-space:normal}
  .mlist .cat-td-price{grid-area:price;align-self:start;justify-self:end;font-size:var(--fs-14);font-weight:700;color:var(--brand-d);white-space:nowrap}
  .mlist .cat-td-code{grid-area:code;font-size:var(--fs-12);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .mlist .cat-td-st{grid-area:st;justify-self:end}
  .mlist .lead-table td.cat-td-type{grid-area:type;display:none}
  .mlist .lead-table td.cat-td-type.is-svc{display:block}
  .mlist .cat-td-cat{grid-area:cat;justify-self:end;font-size:var(--fs-12);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .mlist .lead-table td.cat-td-src{grid-area:src;font-size:var(--fs-12);display:flex;align-items:center;gap:4px;white-space:nowrap}
  .mlist .lead-table td.cat-td-upd{display:none}
  .mlist .cat-row-actions{grid-area:act;justify-self:end;display:flex!important;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}
  .mlist .cat-row-actions .cat-rowform{display:inline}
  .mlist-cat .lead-table tbody tr::after{content:"";grid-column:1 / -1;grid-row:4;align-self:start;
    height:1px;margin:-3px 0 0;background:var(--line-2)}
}