/* =========================================================================
   SESSÃO — o KatzerPRO real reconstruído com o layout deste manual
   ========================================================================= */
.modeseg{margin-left:4px}
.modeseg button{padding:7px 12px}
html[data-mode="sess"] body{overflow:hidden}
.sess{position:fixed;inset:0;z-index:650;display:none;background:var(--bg);
  background-image:radial-gradient(1100px 520px at 10% -12%,rgba(198,161,91,.08),transparent 60%),radial-gradient(800px 500px at 110% 30%,rgba(116,185,198,.03),transparent 60%)}
html[data-mode="sess"] .sess{display:block}
.sess.enter{animation:sessIn var(--d-5) var(--ease-mac)}
@keyframes sessIn{from{opacity:0;transform:scale(.985)}to{opacity:1;transform:none}}
.flex1{flex:1}
.s-hide{display:none!important}

/* Login */
.s-login{position:absolute;inset:0;display:grid;place-items:center;padding:20px;overflow:auto;
  background:radial-gradient(900px 520px at 50% -10%,rgba(198,161,91,.16),transparent 62%),var(--bg)}
.s-login .box{width:min(410px,100%);padding:30px 28px 24px;border-radius:var(--r-2xl)}
.s-logo{text-align:center;margin-bottom:22px}
.s-logo .mk{width:58px;height:58px;border-radius:18px;margin:0 auto 12px;display:grid;place-items:center;font-weight:900;color:#15110a;
  background:linear-gradient(135deg,var(--gf1),var(--gf3));box-shadow:var(--glow);letter-spacing:.02em}
.s-logo h1{margin:0;font-size:1.35rem;letter-spacing:.3em;font-weight:800}
.s-logo p{margin:4px 0 0;color:var(--tm);font-size:.78rem}
.s-quick{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:6px}
.s-quick button{display:flex;gap:10px;align-items:center;text-align:left;padding:10px;border-radius:14px;border:1px solid var(--br2);background:var(--s1);color:var(--tx);
  font:inherit;cursor:pointer;transition:transform var(--d-3) var(--ease-out),border-color var(--d-3),box-shadow var(--d-3)}
.s-quick button:hover{transform:translateY(-2px);border-color:rgba(198,161,91,.4);box-shadow:var(--e2)}
.s-quick b{display:block;font-size:.78rem}.s-quick small{font-size:.64rem;color:var(--tm)}
.s-or{display:flex;align-items:center;gap:10px;color:var(--td);font-size:.66rem;text-transform:uppercase;letter-spacing:.14em;margin:18px 0 10px}
.s-or::before,.s-or::after{content:"";height:1px;flex:1;background:var(--br)}

/* Casca */
.s-app{position:absolute;inset:0;display:grid;grid-template-columns:var(--sside,236px) minmax(0,1fr);transition:grid-template-columns var(--d-5) var(--ease-mac)}
.s-app.col{--sside:68px}
.s-app.in{animation:sessIn var(--d-6) var(--ease-mac)}
.s-side{background:linear-gradient(180deg,var(--side-a),var(--side-b));border-right:1px solid var(--br);display:flex;flex-direction:column;min-width:0;overflow:hidden}
.s-side .brand{height:60px;display:flex;align-items:center;gap:11px;padding:0 16px;border-bottom:1px solid var(--br);flex-shrink:0}
.s-side .brand .mk{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;font-size:.72rem;font-weight:900;color:#15110a;flex-shrink:0;
  background:linear-gradient(135deg,var(--gf1),var(--gf3));box-shadow:var(--glow)}
.s-side .brand b{display:block;font-size:.84rem;letter-spacing:.22em}
.s-side .brand small{font-size:.6rem;color:var(--td);letter-spacing:.08em;white-space:nowrap}
.s-nav{flex:1;overflow-y:auto;overflow-x:hidden;padding:6px 8px 14px;position:relative}
.s-sec{display:flex;align-items:center;gap:6px;width:100%;font:inherit;font-size:.56rem;letter-spacing:.18em;text-transform:uppercase;color:var(--td);font-weight:800;
  padding:14px 12px 6px;white-space:nowrap;background:none;border:0;text-align:left}
button.s-sec{cursor:pointer}button.s-sec:hover{color:var(--tm)}
button.s-sec .ar{display:inline-block;transition:transform var(--d-4) var(--ease-spring)}
button.s-sec[aria-expanded="true"] .ar{transform:rotate(90deg)}
.s-it{position:relative;z-index:1;display:flex;align-items:center;gap:12px;width:100%;height:38px;padding:0 12px;border:0;background:transparent;border-radius:12px;
  color:var(--tm);font:inherit;font-size:.8rem;cursor:pointer;white-space:nowrap;text-align:left;transition:color var(--d-3),background var(--d-2)}
.s-it:hover{color:var(--tx)}
.s-it.on{color:var(--ivory)}
.s-it .g{width:20px;text-align:center;flex-shrink:0;font-size:.9rem}
.s-it .l{transition:opacity var(--d-3)}
.s-it .bd{margin-left:auto;min-width:20px;height:18px;border-radius:999px;padding:0 6px;font-size:.6rem;font-weight:800;display:grid;place-items:center;background:var(--gd2);color:var(--gl);transition:opacity var(--d-3)}
.s-it .bd.hot{background:rgba(224,85,85,.18);color:var(--bad2)}
.s-app.col .s-it .l,.s-app.col .s-it .bd,.s-app.col .s-sec .t,.s-app.col .brand .t{opacity:0}
.s-app.col .s-sec{justify-content:center;padding-left:0;padding-right:0}
.s-ind{position:absolute;left:8px;right:8px;top:0;height:38px;border-radius:12px;background:var(--gd);border:1px solid var(--glass-line);z-index:0;opacity:0;
  transition:transform var(--d-5) var(--ease-mac),opacity var(--d-3)}
.s-ind::before{content:"";position:absolute;left:-8px;top:9px;bottom:9px;width:3px;border-radius:0 3px 3px 0;background:var(--gf2)}
.s-grp{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--d-5) var(--ease-mac)}
.s-grp.open{grid-template-rows:1fr}
.s-grp>div{overflow:hidden}
.s-side-foot{padding:8px;border-top:1px solid var(--br)}
.s-main{display:flex;flex-direction:column;min-width:0;min-height:0}
.s-top{height:60px;flex-shrink:0;display:flex;align-items:center;gap:10px;padding:0 16px 0 20px;border-bottom:1px solid var(--br);
  background:rgb(var(--bg-rgb) / .72);backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);position:relative;z-index:5}
.s-title{font-weight:800;font-size:1rem;white-space:nowrap;display:flex;align-items:baseline;gap:8px}
.s-title small{font-size:.66rem;color:var(--td);font-weight:600}
.s-search{min-width:250px}
.s-ramal{cursor:pointer;border:1px solid rgba(66,184,115,.3)}
.s-user{width:38px;height:38px;border-radius:12px;border:1px solid var(--br2);background:var(--s2);display:grid;place-items:center;cursor:pointer;padding:0;transition:transform var(--d-3) var(--ease-spring)}
.s-user:hover{transform:scale(1.06)}
.s-user .av{width:28px;height:28px;border:0}
.s-view{flex:1;overflow:auto;position:relative;min-height:0}
.s-pane{animation:paneIn var(--d-5) var(--ease-out)}
.s-tabbar{display:none}

/* Cabeçalho de tela */
.s-ph{display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap;padding:20px 22px 0}
.s-ph h2{margin:0;font-size:1.35rem;letter-spacing:-.01em;display:flex;align-items:center;gap:10px}
.s-ph p{margin:3px 0 0;color:var(--tm);font-size:.82rem}
.s-body{padding:16px 22px 60px}
.s-panel{border-radius:var(--r-xl);background:linear-gradient(180deg,rgb(var(--s2-rgb) / .75),rgb(var(--s1-rgb) / .75));border:1px solid var(--br);padding:16px}
.s-panel h4{margin:0 0 12px;font-size:.9rem}
.s-grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.s-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.s-filters{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end;padding:14px;border-radius:var(--r-lg);background:var(--s1);border:1px solid var(--br);margin-bottom:14px}
.s-filters .sf{margin:0;min-width:140px}
.s-count{font-size:.62rem;font-weight:800;background:var(--gd2);color:var(--gl);border-radius:999px;padding:2px 8px;font-variant-numeric:tabular-nums}

/* Campos */
.sf{display:flex;flex-direction:column;gap:5px;min-width:0}
.sf>label,.sf>.lb{font-size:.66rem;color:var(--tm);font-weight:700;letter-spacing:.03em}
.sf input,.sf select,.sf textarea{width:100%;height:42px;border-radius:12px;background:var(--s1);border:1px solid var(--br2);color:var(--tx);font:inherit;font-size:.85rem;
  padding:0 12px;outline:none;transition:border-color var(--d-3),box-shadow var(--d-3),background var(--d-3)}
.sf textarea{height:auto;min-height:88px;padding:10px 12px;resize:vertical;line-height:1.5}
.sf select{cursor:pointer}
.sf input:focus,.sf select:focus,.sf textarea:focus{border-color:rgba(198,161,91,.6);box-shadow:var(--ring);background:var(--s2)}
.sf input[disabled]{opacity:.55;cursor:not-allowed}
.sf .hp{font-size:.66rem;color:var(--td);min-height:0}
.sf.err input,.sf.err select,.sf.err textarea,.sf.err .s-choice button{border-color:rgba(208,90,90,.7)}
.sf.err .hp{color:var(--bad2)}
.s-row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.s-phone{display:grid;grid-template-columns:118px 1fr;gap:8px}
.s-choice{display:flex;gap:8px}
.s-choice button{flex:1;height:42px;border-radius:12px;border:1px solid var(--br2);background:var(--s1);color:var(--tx);font:inherit;font-size:.8rem;font-weight:600;cursor:pointer;
  transition:all var(--d-3) var(--ease-out)}
.s-choice button:hover{border-color:rgba(198,161,91,.35)}
.s-choice button.on{border-color:var(--gf2);background:var(--gd);color:var(--g2)}
.s-file{border:1.5px dashed var(--br2);border-radius:12px;padding:11px 12px;cursor:pointer;font-size:.78rem;color:var(--tm);display:flex;gap:8px;align-items:center;transition:all var(--d-3)}
.s-file:hover{border-color:rgba(198,161,91,.45);color:var(--tx)}
.s-file.ok{border-style:solid;border-color:rgba(66,184,115,.4);color:var(--ok2)}
.s-cond{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--d-5) var(--ease-mac)}
.s-cond>div{overflow:hidden}
.s-cond.show{grid-template-rows:1fr}
.s-cond.show>div{overflow:visible}
.s-note{padding:11px 13px;border-radius:12px;background:var(--gd);border:1px solid var(--glass-line);font-size:.78rem;color:var(--tx)}
.s-note.info{background:var(--infobg);border-color:rgba(116,185,198,.3)}
.s-note.warn{background:var(--warnbg);border-color:rgba(224,169,59,.3)}
.s-sugg{display:flex;gap:6px;flex-wrap:wrap}
.s-sugg button{height:28px;padding:0 10px;border-radius:999px;border:1px solid var(--br2);background:var(--s2);color:var(--tm);font:inherit;font-size:.68rem;cursor:pointer;transition:all var(--d-2)}
.s-sugg button:hover{color:var(--tx);border-color:rgba(198,161,91,.4)}

/* Kanban */
.s-kb-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:16px 20px 0}
.s-kb-head .ttl{font-size:1.2rem;font-weight:800;display:flex;align-items:center;gap:8px;margin-right:6px}
.s-kb-head input{height:36px;border-radius:12px;background:var(--s1);border:1px solid var(--br2);color:var(--tx);font:inherit;font-size:.8rem;padding:0 12px;min-width:240px;outline:none;
  transition:border-color var(--d-3),box-shadow var(--d-3)}
.s-kb-head input:focus{border-color:rgba(198,161,91,.6);box-shadow:var(--ring)}
.s-cmd{margin:14px 20px 0;padding:12px 14px 12px 16px;border-radius:var(--r-xl);display:flex;gap:12px;align-items:center;flex-wrap:wrap;
  background:linear-gradient(135deg,rgba(198,161,91,.13),rgb(var(--s2-rgb) / .45) 60%);border:1px solid var(--glass-line)}
.s-cmd .tt{font-weight:800;font-size:.86rem}.s-cmd .st{font-size:.72rem;color:var(--tm)}
.s-cmd .acts{display:flex;gap:6px;flex-wrap:wrap;margin-left:auto}
.s-cmd .acts button{height:32px;padding:0 12px;border-radius:10px;border:1px solid var(--glass-line);background:rgb(var(--s1-rgb) / .6);color:var(--tx);font:inherit;font-size:.74rem;font-weight:600;
  cursor:pointer;display:flex;gap:7px;align-items:center;transition:all var(--d-3) var(--ease-out)}
.s-cmd .acts button:hover{transform:translateY(-2px);border-color:rgba(198,161,91,.5)}
.s-cmd .acts b{background:var(--gf2);color:#15110a;border-radius:999px;padding:0 7px;font-size:.66rem;font-variant-numeric:tabular-nums}
.s-stats{display:grid;grid-template-columns:1.7fr repeat(8,minmax(0,1fr));gap:8px;margin:12px 20px 0}
.s-stat{padding:10px 12px;border-radius:var(--r-lg);background:var(--s1);border:1px solid var(--br);min-width:0;transition:transform var(--d-4) var(--ease-spring),border-color var(--d-3)}
.s-stat:hover{transform:translateY(-2px);border-color:rgba(198,161,91,.3)}
.s-stat small{display:block;font-size:.55rem;letter-spacing:.08em;text-transform:uppercase;color:var(--td);font-weight:800;line-height:1.25;min-height:2.5em}
.s-stat b{display:block;font-size:1.08rem;font-weight:900;font-variant-numeric:tabular-nums;margin-top:2px;white-space:nowrap}
.s-stat .nt{font-size:.62rem;color:var(--tm);margin-top:2px;line-height:1.3}
.s-sessbar{padding:12px 20px 0;display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.s-board-wrap{overflow-x:auto;padding:14px 20px 26px;scroll-snap-type:x proximity;scroll-padding-left:20px}
.s-board{display:flex;gap:12px;align-items:flex-start;min-width:max-content}
.kb-col.scol{width:262px}
.kb-col.scol.grp{width:320px}
.scol .step{font-size:.54rem;color:var(--td);font-weight:800;letter-spacing:.12em}
.scol .pf{display:flex;gap:4px;flex-wrap:wrap;margin-top:8px}
.scol .pf button{height:22px;padding:0 8px;border-radius:999px;border:1px solid var(--br2);background:transparent;color:var(--tm);font:inherit;font-size:.6rem;font-weight:700;cursor:pointer;transition:all var(--d-2)}
.scol .pf button.on{background:var(--gd2);color:var(--g2);border-color:rgba(198,161,91,.4)}
.scol.rampage .kb-col-h{border-color:rgba(240,112,48,.4);background:rgba(240,112,48,.07)}
.scol.rampage .nm,.scol.rampage .ct{color:var(--quente)}
.scol.pulse .kb-col-h{animation:colPulse 1.6s var(--ease-out) 2}
@keyframes colPulse{0%{box-shadow:0 0 0 0 rgba(198,161,91,.5)}100%{box-shadow:0 0 0 12px rgba(198,161,91,0)}}
.no-cards{border:1.5px dashed var(--br2);border-radius:14px;padding:18px 10px;text-align:center;font-size:.72rem;color:var(--td)}
.lc .ob{position:absolute;top:8px;right:8px;font-size:.56rem;font-weight:800;background:var(--gd2);color:var(--gl);border-radius:6px;padding:1px 6px;z-index:2}
.lc .stg{display:inline-block;margin:2px 0 5px;padding:2px 8px;border-radius:999px;background:var(--gd);color:var(--g2);font-size:.58rem;font-weight:800}
.lc .dt{font-size:.64rem;color:var(--tm);margin-top:5px}
.lc .dt b{color:var(--gl);font-weight:700}
.lc .fo{font-size:.64rem;color:var(--tm);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lc .fo.pr{color:var(--g2)}
.lc .rol{font-size:.68rem;font-weight:800;margin-top:6px;font-variant-numeric:tabular-nums}
.lc .tag.rem{background:rgba(41,182,246,.14);color:var(--frio)}
.lc .exc{margin-top:6px}
.lc.arrive{animation:arrive .6s var(--ease-spring)}
@keyframes arrive{0%{transform:scale(.6);opacity:0}100%{transform:none;opacity:1}}
.lc.test-nocorretor .meta{color:var(--warn)}

/* Lead (Card 360 real) */
.s-lead .m360-b{padding-top:14px}
.s-lead .lm-sub{font-size:.72rem;color:var(--tm);margin-top:4px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.isec{border-radius:var(--r-lg);background:var(--s1);border:1px solid var(--br);padding:12px 14px;margin-bottom:10px}
.isec-t{font-size:.62rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--gl);margin-bottom:8px}
.ir{display:grid;grid-template-columns:130px 1fr;gap:10px;padding:5px 0;border-top:1px solid rgb(var(--ink-rgb) / .035);font-size:.8rem}
.ir:first-of-type{border-top:0}
.irl{color:var(--td);font-size:.72rem}
.irv{color:var(--tx);word-break:break-word}
.sh-atalhos{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.sh-atalhos button{min-height:36px;border-radius:11px;border:1px solid var(--br2);background:var(--s2);color:var(--tx);font:inherit;font-size:.7rem;font-weight:600;cursor:pointer;padding:6px 8px;
  transition:all var(--d-3) var(--ease-out)}
.sh-atalhos button:hover{transform:translateY(-2px);border-color:rgba(198,161,91,.45)}
.s-comment{border-radius:var(--r-lg);background:var(--s1);border:1px solid var(--br);padding:12px;margin-bottom:12px}
.s-comment textarea{width:100%;min-height:62px;border-radius:12px;background:var(--s2);border:1px solid var(--br2);color:var(--tx);font:inherit;font-size:.82rem;padding:9px 11px;outline:none;resize:vertical}
.s-comment textarea:focus{border-color:rgba(198,161,91,.55);box-shadow:var(--ring)}
.tl-i.new{animation:arrive .45s var(--ease-spring)}
.s-edit-intro{padding:12px 14px;border-radius:var(--r-lg);background:linear-gradient(135deg,rgba(198,161,91,.1),transparent);border:1px solid var(--glass-line);margin-bottom:12px}
.s-edit-intro small{display:block;color:var(--tm);font-size:.74rem}
.s-edit-intro .k{font-size:.58rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gl);font-weight:800}
.s-card-sec{border-radius:var(--r-lg);background:var(--s1);border:1px solid var(--br);padding:12px;margin-bottom:10px;display:flex;flex-direction:column;gap:10px}
.s-card-sec>.t{font-size:.62rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--gl)}
.s-exp-btn{display:flex;gap:10px;align-items:center;width:100%;padding:11px 12px;border-radius:14px;border:1px solid var(--br2);background:var(--s1);color:var(--tx);font:inherit;cursor:pointer;text-align:left;margin-bottom:10px}
.s-exp-btn .ar{margin-left:auto;transition:transform var(--d-4) var(--ease-spring)}
.s-exp-btn[aria-expanded="true"] .ar{transform:rotate(180deg)}
.s-exp-btn small{display:block;font-size:.66rem;color:var(--td)}
.s-obs{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.s-lead .m360-f{flex-wrap:wrap}

/* Diálogo (formulários de fase, exceção, confirmações) */
.s-dlg-wrap{position:fixed;inset:0;z-index:760;display:grid;place-items:center;padding:18px;pointer-events:none}
.s-dlg-wrap.open{pointer-events:auto}
.s-dlg-bg{position:absolute;inset:0;background:rgb(var(--scrim-rgb) / calc(.62 * var(--scrim-k)));backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:0;transition:opacity var(--d-4)}
.s-dlg-wrap.open .s-dlg-bg{opacity:1}
.s-dlg{position:relative;width:min(540px,100%);max-height:90vh;display:flex;flex-direction:column;border-radius:var(--r-2xl);background:linear-gradient(180deg,var(--modal-a),var(--modal-b));
  border:1px solid var(--glass-line);box-shadow:var(--e4);overflow:hidden;opacity:0;transform:scale(.94) translateY(10px);
  transition:opacity var(--d-3) var(--ease-out),transform var(--d-5) var(--ease-mac)}
.s-dlg-wrap.open .s-dlg{opacity:1;transform:none}
.s-dlg-h{padding:18px 20px 14px;border-bottom:1px solid var(--br);background:radial-gradient(circle at 100% 0,rgba(198,161,91,.12),transparent 55%)}
.s-dlg-h .k{font-size:.6rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--gl)}
.s-dlg-h .k.bad{color:var(--bad2)}.s-dlg-h .k.warn{color:var(--warn)}.s-dlg-h .k.orange{color:var(--quente)}
.s-dlg-h h3{margin:5px 0 0;font-size:1.05rem}
.s-dlg-h p{margin:5px 0 0;font-size:.76rem;color:var(--tm)}
.s-dlg-b{padding:16px 20px 18px;overflow-y:auto;display:flex;flex-direction:column;gap:14px}
.s-dlg-f{padding:13px 20px;border-top:1px solid var(--br);display:flex;gap:8px;justify-content:flex-end;background:rgb(var(--ink-rgb) / .015)}
.s-dlg .err-line{color:var(--bad2);font-size:.74rem;font-weight:600;min-height:1em}
.s-status-list{display:flex;flex-direction:column;gap:6px}
.s-status-list button{display:flex;gap:10px;align-items:center;padding:11px 12px;border-radius:12px;border:1px solid var(--br2);background:var(--s2);color:var(--tx);font:inherit;font-size:.82rem;cursor:pointer;
  text-align:left;transition:all var(--d-3) var(--ease-out)}
.s-status-list button:hover{transform:translateX(4px);border-color:rgba(198,161,91,.45)}

/* Barra de ligação */
.s-callbar{position:fixed;left:50%;bottom:18px;z-index:720;transform:translate(-50%,calc(100% + 60px));visibility:hidden;transition:transform var(--d-6) var(--ease-mac),visibility var(--d-6);display:flex;align-items:center;gap:12px;
  padding:9px 10px 9px 12px;border-radius:999px;background:var(--glass-strong);border:1px solid var(--glass-line);box-shadow:var(--e4);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);min-width:420px}
.s-callbar.on{transform:translate(-50%,0);visibility:visible}
.s-callbar .who b{display:block;font-size:.84rem}.s-callbar .who small{font-size:.68rem;color:var(--tm)}
.s-callbar .t{font-variant-numeric:tabular-nums;font-weight:300;font-size:1.1rem;margin-left:auto}
.s-callbar .wave{height:26px;margin:0}
.s-callbar .wave i{width:3px}
.s-callbar .cb{width:40px;height:40px;border-radius:50%;border:0;display:grid;place-items:center;cursor:pointer;color:#fff;font-size:1rem;transition:transform var(--d-3) var(--ease-spring)}
.s-callbar .cb:hover{transform:scale(1.08)}
.s-callbar .cb.end{background:linear-gradient(135deg,#b93a3a,var(--bad2))}
.s-callbar .disp{display:flex;gap:6px;flex-wrap:wrap}
.s-callbar .ring-dot{width:10px;height:10px;border-radius:50%;background:var(--ok);position:relative}
.s-callbar .ring-dot::after{content:"";position:absolute;inset:-5px;border-radius:50%;border:2px solid var(--ok);animation:ping 1.4s var(--ease-out) infinite}

/* Hub da sessão */
.hub.s-hub{position:fixed;left:auto;right:16px;top:66px;z-index:690;transform-origin:top right}

/* Telas */
.s-prod{border-radius:var(--r-xl);overflow:hidden;background:var(--s1);border:1px solid var(--br);cursor:pointer;transition:transform var(--d-4) var(--ease-out),border-color var(--d-3),box-shadow var(--d-4)}
.s-prod:hover{transform:translateY(-3px);border-color:rgba(198,161,91,.4);box-shadow:var(--e3)}
.s-prod .ph{height:120px;position:relative;display:flex;align-items:flex-end;padding:12px}
.s-prod .ph b{font-size:1.02rem;position:relative}
.s-prod .ph span{position:absolute;right:12px;top:12px}
.s-prod .in{padding:12px 14px}
.s-prod .more{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--d-5) var(--ease-mac)}
.s-prod .more>div{overflow:hidden}
.s-prod.open .more{grid-template-rows:1fr}
.s-list-row{display:flex;gap:12px;align-items:center;padding:11px 12px;border-radius:14px;background:var(--s1);border:1px solid var(--br);margin-bottom:8px;
  transition:transform var(--d-4) var(--ease-spring),border-color var(--d-3)}
.s-list-row:hover{transform:translateX(4px);border-color:rgba(198,161,91,.35)}
.s-list-row .grow{flex:1;min-width:0}
.s-list-row .grow b{display:block;font-size:.84rem}
.s-list-row .grow small{font-size:.7rem;color:var(--tm)}
.s-table-wrap{overflow:auto;border-radius:var(--r-lg);border:1px solid var(--br)}
.s-table-wrap table{margin:0;border:0;border-radius:0}
.s-table-wrap td,.s-table-wrap th{white-space:nowrap}
.s-link{background:none;border:0;padding:0;color:var(--g2);font:inherit;cursor:pointer;border-bottom:1px solid rgba(225,196,134,.3)}
.s-thumb{height:96px;border-radius:14px;display:grid;place-items:center;font-size:1.6rem;position:relative;overflow:hidden;cursor:pointer;transition:transform var(--d-4) var(--ease-out)}
.s-thumb:hover{transform:scale(1.03)}
.s-kanban-empty{padding:40px;text-align:center;color:var(--tm)}

/* =========================================================================
   POSICIONAMENTO REAL — medido no KatzerPRO (index.html v16.4) no Chrome, 1692×867
   menu 194 · topo 52 · subbarra 51 · Helena 10/18 · faixa de indicadores 2fr+8
   quadro 18/22 · coluna 248 (+12) · card 11/13 raio 9 · lista var(--list) 7/7
   ========================================================================= */
.s-app{grid-template-columns:var(--sside,194px) minmax(0,1fr)}
.s-app.col{--sside:68px}
.s-side{background:linear-gradient(180deg,var(--side-a),var(--side-b));box-shadow:16px 0 42px rgb(var(--sh-rgb) / calc(.32 * var(--sh-k)));position:relative;z-index:6}
.s-side .brand{height:52px;padding:0 13px}
.s-side .brand .mk{width:30px;height:30px;border-radius:9px;font-size:.66rem}
.s-nav{padding:4px 11px 12px}
.s-sec{font-size:.54rem;letter-spacing:.14em;padding:12px 11px 4px}
.s-it{height:35px;padding:0 11px;gap:11px;border-radius:10px;font-size:.7rem;font-weight:650;letter-spacing:.01em}
.s-it .g{width:16px;font-size:.84rem}
.s-ind{left:11px;right:11px;height:35px;border-radius:10px;background:linear-gradient(90deg,rgba(198,161,91,.2),rgba(198,161,91,.035));border-color:rgba(198,161,91,.3)}
.s-ind::before{left:0;top:0;bottom:0;width:3px;border-radius:10px 0 0 10px}
.s-side-foot{padding:6px 11px}
.s-top{height:52px;background:rgb(var(--bg-rgb) / .94);padding:0 14px 0 20px}
.hub.s-hub{top:58px}

.s-kb-head{padding:11px 20px;min-height:51px;gap:10px;background:rgb(var(--s1-rgb) / .93);border-bottom:1px solid var(--br)}
.s-kb-head .ttl{font-size:1.1rem;font-weight:700;margin-right:2px}
.s-kb-head .seg{padding:3px;border-radius:9px}
.s-kb-head .seg button{padding:5px 11px;font-size:.66rem;border-radius:7px;letter-spacing:.04em}
.s-kb-head .seg .pill{top:3px;bottom:3px;border-radius:7px}
.s-hist{height:28px;padding:0 12px;border-radius:8px;border:1px solid rgba(212,160,23,.3);background:rgba(198,161,91,.1);color:var(--gl);font:inherit;font-size:.72rem;font-weight:500;
  cursor:pointer;display:inline-flex;align-items:center;gap:4px;white-space:nowrap;transition:background var(--d-3),border-color var(--d-3),transform var(--d-3) var(--ease-spring)}
.s-hist:hover{background:rgba(198,161,91,.17);border-color:rgba(198,161,91,.55);transform:translateY(-1px)}
.s-hist:active{transform:scale(.97)}
.s-q{display:flex;align-items:center;gap:6px;height:28px;padding:0 10px;border-radius:8px;background:var(--s3);border:1px solid var(--br2);min-width:230px;font-size:.72rem;
  transition:border-color var(--d-3),box-shadow var(--d-3),min-width var(--d-5) var(--ease-mac)}
.s-q:focus-within{border-color:rgba(198,161,91,.6);box-shadow:var(--ring);min-width:300px}
.s-kb-head .s-q input{height:100%;min-width:0;width:100%;border:0;background:none;padding:0;border-radius:0;box-shadow:none;font-size:.78rem}

.s-cmd{margin:10px 18px 0;padding:12px 14px;border-radius:12px}

.s-stats{margin:10px 0 0;gap:0;grid-template-columns:2fr repeat(8,minmax(0,1fr));padding:0 12px;background:var(--s2);border-top:1px solid var(--br);border-bottom:1px solid var(--br2)}
.s-stat{border-radius:0;border:0;border-left:1px solid var(--br2);background:transparent;padding:10px 12px;min-height:68px;transition:background var(--d-3)}
.s-stat:hover{transform:none;background:rgb(var(--ink-rgb) / .025)}
.s-stat:first-child{background:linear-gradient(135deg,rgba(198,161,91,.22),rgba(198,161,91,.06));border-left:1px solid rgba(198,161,91,.45);border-right:1px solid rgba(198,161,91,.45)}
.s-stat:first-child small{color:var(--g2)}
.s-stat small{font-size:.58rem;letter-spacing:.1em;font-weight:750;color:var(--tm);min-height:0}
.s-stat b{font-size:1.08rem;font-weight:700}
.s-stat .nt{font-size:.56rem;color:var(--tx);opacity:.85}

.s-boardzone{padding:18px 22px 0}
.s-sessbar{padding:0;gap:10px;min-height:32px}
#kSessSeg{background:none;border:0;padding:0;gap:8px;border-radius:20px}
#kSessSeg button{border:1px solid var(--br2);border-radius:20px;background:var(--s2);padding:8px 14px;font-size:.72rem;letter-spacing:0;text-transform:none;font-weight:700;
  transition:color var(--d-3),border-color var(--d-3)}
#kSessSeg button:hover:not(.on){color:var(--tx);border-color:rgba(198,161,91,.4)}
#kSessSeg button.on{color:#181410;background:transparent;border-color:transparent}
#kSessSeg .pill{top:0;bottom:0;border-radius:20px;background:linear-gradient(135deg,var(--gf1),var(--gf2));border:1px solid var(--gf1);box-shadow:0 6px 18px rgba(169,130,62,.25)}
.seg.off .pill{opacity:0}
.s-sess-note{font-size:.72rem;color:var(--g2);font-weight:700}
.s-sess-hint{font-size:.7rem}
.s-foldall{margin-left:auto;height:30px;padding:0 12px;border-radius:999px;border:1px solid var(--br2);background:var(--s2);color:var(--tm);font:inherit;font-size:.7rem;font-weight:700;
  cursor:pointer;display:inline-flex;gap:6px;align-items:center;white-space:nowrap;transition:color var(--d-3),border-color var(--d-3),transform var(--d-3) var(--ease-spring)}
.s-foldall:hover{color:var(--tx);border-color:rgba(198,161,91,.45);transform:translateY(-1px)}
.s-foldall:active{transform:scale(.96)}
.s-foldall .ic{color:var(--gl);font-size:.86rem}

.s-fases{display:flex;align-items:center;gap:10px;margin-top:10px;padding:7px 8px 7px 12px;border-radius:12px;background:rgb(var(--s1-rgb) / .72);border:1px solid var(--br)}
.s-fases .lb{font-size:.56rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--gl);flex-shrink:0}
.s-fases .sc{display:flex;gap:12px;overflow-x:auto;scrollbar-width:none;flex:1;min-width:0;padding:1px 0}
.s-fases .sc::-webkit-scrollbar{display:none}
.s-fases .sc.ovf-r{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 36px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 36px),transparent)}
.s-fases .sc.ovf-l{-webkit-mask-image:linear-gradient(90deg,transparent,#000 36px);mask-image:linear-gradient(90deg,transparent,#000 36px)}
.s-fases .sc.ovf-l.ovf-r{-webkit-mask-image:linear-gradient(90deg,transparent,#000 36px,#000 calc(100% - 36px),transparent);mask-image:linear-gradient(90deg,transparent,#000 36px,#000 calc(100% - 36px),transparent)}
.s-fases .fg{display:flex;align-items:center;gap:4px;flex-shrink:0}
.s-fases .fg small{font-size:.54rem;color:var(--td);font-weight:800;letter-spacing:.1em;text-transform:uppercase;margin-right:3px}
.fchip{height:26px;padding:0 8px;border-radius:999px;border:1px solid var(--br2);background:transparent;color:var(--tm);font:inherit;font-size:.66rem;font-weight:600;cursor:pointer;
  white-space:nowrap;display:inline-flex;align-items:center;gap:5px;transition:color var(--d-2),background var(--d-3),border-color var(--d-2),transform var(--d-3) var(--ease-spring)}
.fchip i{font-style:normal;font-size:.58rem;font-weight:800;color:var(--td);font-variant-numeric:tabular-nums}
.fchip:hover{color:var(--tx);border-color:rgba(198,161,91,.42)}
.fchip:active{transform:scale(.95)}
.fchip.on{background:var(--gf3);border-color:var(--gf3);color:#15110a}
.fchip.on i{color:rgba(21,17,10,.65)}
.fchip.w.on{background:var(--ok2);border-color:var(--ok2)}
.fchip.l.on{background:var(--bad2);border-color:var(--bad2);color:#fff}.fchip.l.on i{color:rgb(var(--ink-rgb) / .75)}
.fchip.r.on{background:var(--quente);border-color:var(--quente)}
.fclr{flex-shrink:0;height:26px;padding:0 10px;border-radius:999px;border:1px solid rgba(198,161,91,.45);background:var(--gd);color:var(--g2);font:inherit;font-size:.66rem;font-weight:700;cursor:pointer;
  display:inline-flex;align-items:center;gap:5px;animation:paneIn var(--d-4) var(--ease-out)}
.fclr b{background:var(--gf3);color:#15110a;border-radius:999px;padding:0 6px;font-size:.6rem}
.fclr:hover{background:var(--gd2)}

.s-board-wrap{padding:12px 22px 24px;margin:0 -22px;scroll-padding-left:22px}
.s-board{gap:12px}
.kb-col.scol{width:248px;padding:0;background:transparent;border:0;border-radius:10px;box-shadow:none}
.kb-col.scol.grp{width:318px}
.scol .kb-col-h{margin:0;padding:12px;border-radius:10px 10px 0 0;border:1px solid var(--br2);background:linear-gradient(180deg,var(--colh-a),var(--colh-b))}
.scol .kb-col-h .step{font-size:.55rem;font-weight:500;color:var(--td);letter-spacing:.02em;margin-bottom:1px}
.scol .kb-col-h .nm{font-size:.72rem;font-weight:600;letter-spacing:.06em}
.scol .kb-col-h .vol{font-size:.88rem;font-weight:700;color:var(--gl);margin-top:4px}
.scol .hd-r{display:flex;align-items:center;gap:2px}
.scol .cf{width:22px;height:22px;border-radius:7px;border:0;background:transparent;color:var(--td);font-size:.84rem;cursor:pointer;display:grid;place-items:center;padding:0;
  opacity:0;transition:opacity var(--d-3),color var(--d-2),background var(--d-2)}
.scol:hover .cf,.scol .cf:focus-visible{opacity:1}
.scol .cf:hover{color:var(--g2);background:rgb(var(--ink-rgb) / .06)}
.scol .cf:disabled{display:none}
.scol .kb-list{padding:7px;gap:7px;border-radius:0;background:var(--list);border-left:1px solid var(--list-br);border-right:1px solid var(--list-br);min-height:64px;
  max-height:calc(100vh - 250px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--scroll) transparent}
.scol .kb-add{margin:0;height:32px;border-radius:0 0 10px 10px;border:1px dashed var(--card-br);background:var(--list);justify-content:flex-start;padding:0 12px;font-size:.72rem;font-weight:500}
.scol .pf{gap:3px;margin-top:7px;padding-top:6px;border-top:1px solid var(--br2)}
.scol .pf button{height:20px;padding:0 7px;border-radius:10px;font-size:.58rem;font-weight:600;color:var(--td)}
.scol .pf button:hover{color:var(--tx);border-color:rgba(198,161,91,.4)}
.scol .pf button.on{color:#15110a;background:var(--gf3);border-color:var(--gf3)}
.scol.drop-ok{box-shadow:0 0 0 3px rgba(198,161,91,.14)}
.scol.drop-ok .kb-col-h,.scol.drop-ok .kb-list,.scol.drop-ok .kb-add{border-color:rgba(198,161,91,.55)}
.scol.drop-ok .kb-list{background:rgba(198,161,91,.06)}
.scol.drop-ask{box-shadow:0 0 0 3px rgba(116,185,198,.14)}
.scol.drop-ask .kb-col-h,.scol.drop-ask .kb-list,.scol.drop-ask .kb-add{border-color:rgba(116,185,198,.55)}
.scol.drop-no .kb-col-h,.scol.drop-no .kb-list,.scol.drop-no .kb-add{border-color:rgba(208,90,90,.5)}
.scol .no-cards{border-radius:9px;padding:14px 10px}
.scol .kb-list>*{flex-shrink:0}

/* Card do Kanban no desenho real (borda de produto de 2px, marca d'água, ações sempre visíveis) */
.scol .kc{padding:11px 13px;border-radius:9px;border:1px solid var(--card-br);box-shadow:0 8px 22px rgb(var(--sh-rgb) / calc(.22 * var(--sh-k)));
  background:radial-gradient(circle at 104% -12%,var(--glowc),transparent 46%),linear-gradient(145deg,color-mix(in srgb,var(--acc) 13%,transparent),rgb(var(--s1-rgb) / .97) 58%)}
.scol .kc::before{top:0;bottom:0;width:2px;border-radius:0}
.scol .kc[data-prod]::after{content:attr(data-prod);position:absolute;right:-4px;bottom:44px;z-index:0;max-width:88%;font:700 1.02rem/1 Georgia,serif;letter-spacing:.12em;
  text-transform:uppercase;color:color-mix(in srgb,var(--acc) 14%,transparent);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none;transition:opacity var(--d-4)}
.scol .kc>*{position:relative;z-index:1}
.scol .kc .ob{position:absolute}
.scol .kc .row1{align-items:center;gap:6px}
.scol .kc .nm{font-size:.8rem;font-weight:600;letter-spacing:.01em;min-width:0}
.scol .kc .val{font-size:.82rem;font-weight:700;margin:5px 0}
.scol .kc .meta{font-size:.72rem;margin-bottom:4px}
.scol .kc .meta .av{width:20px;height:20px;border:0;background:linear-gradient(135deg,var(--gf1),var(--gf2));color:#000;font-size:.6rem;font-weight:700}
.scol .lc .dt{font-size:.63rem;margin:0 0 4px}
.scol .lc .fo{font-size:.66rem;margin:0 0 4px}
.scol .kc .tags{margin:2px 0 5px}
.scol .kc .rol{margin:2px 0 4px}
.scol .kc .acts{opacity:1;transform:none;margin-top:6px;padding-top:6px;border-top:1px solid color-mix(in srgb,var(--acc) 24%,transparent);gap:4px}
.scol .kc .qa{flex:1;height:30px;border-radius:6px;background:transparent;font-size:.72rem;padding:0;display:grid;place-items:center}
.scol .kc .qa.qcall{border-color:rgba(34,145,61,.3);color:var(--ok2)}
.scol .kc .qa.qcall:hover{background:rgba(34,145,61,.12)}
.scol .kc .qa:hover{border-color:var(--gf2);color:var(--gl);background:rgba(198,161,91,.06)}
/* Retrátil */
.kc .fv{font-size:.72rem;font-weight:800;color:var(--g2);font-variant-numeric:tabular-nums;white-space:nowrap;max-width:0;opacity:0;overflow:hidden;
  transition:max-width var(--d-5) var(--ease-mac),opacity var(--d-3)}
.kc.fold .fv{max-width:96px;opacity:1}
.kc.fold .nm{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kc-body{display:grid;grid-template-rows:1fr;transition:grid-template-rows var(--d-5) var(--ease-mac)}
.kc-body>div{overflow:hidden;min-height:0;transition:opacity var(--d-4) var(--ease-out)}
.kc.fold .kc-body{grid-template-rows:0fr}
.kc.fold .kc-body>div{opacity:0}
.kc .exp{flex-shrink:0;transition:transform var(--d-4) var(--ease-spring),color var(--d-2),background var(--d-2)}
.kc.fold .exp{transform:rotate(-90deg)}
.scol .kc.fold{padding-top:9px;padding-bottom:9px}
.scol .kc.fold[data-prod]::after{opacity:0}
.scol .kc.fold .ob{display:none}
.kc-overlay .kc-body{transition:none}

/* Ficha do lead no desenho real: 660px, cabeçalho e abas em s2, corpo com rolagem própria, rodapé sempre visível */
.m360.s-lead{width:min(660px,calc(100vw - 32px));height:min(calc(100vh - 48px),780px);max-height:none;border-radius:14px;border-color:rgba(198,161,91,.25);box-shadow:0 30px 90px rgb(var(--sh-rgb) / calc(.72 * var(--sh-k)))}
.s-lead .m360-h{padding:16px 20px 12px;background:var(--s2);gap:12px}
.s-lead .m360-h h3{font-size:1.06rem;font-weight:700}
.s-lead .av.lg{width:44px;height:44px;border-radius:10px;font-size:1rem}
.s-lead .m360-tabs{padding:0 20px;background:var(--s2);border-bottom:1px solid var(--br2)}
.s-lead #sLeadSeg{background:none;border:0;border-radius:0;padding:0;gap:0}
.s-lead #sLeadSeg button{text-transform:none;letter-spacing:0;font-weight:600;font-size:.8rem;padding:10px 18px;border-radius:0;white-space:nowrap}
@media (max-width:520px){.s-lead .m360-tabs{padding:0 8px}.s-lead #sLeadSeg{width:100%}.s-lead #sLeadSeg button{flex:1;padding:10px 6px;font-size:.76rem}}
.s-lead #sLeadSeg button:hover:not(.on){color:var(--gl)}
.s-lead #sLeadSeg button.on{color:var(--g2)}
.s-lead #sLeadSeg .pill{top:auto;bottom:-1px;height:2px;border-radius:2px;background:var(--gf2);border:0;box-shadow:0 0 12px rgba(198,161,91,.55)}
.s-lead .m360-b{padding:16px 20px 18px;min-height:0;overscroll-behavior:contain}
.s-lead .m360-f{padding:12px 20px;background:var(--s2);border-top:1px solid var(--br2);flex-shrink:0}

.sess p{max-width:none}
.sf input[type=range]{height:6px;padding:0;border:0;border-radius:999px;margin:12px 0 8px;box-shadow:none;cursor:pointer;
  background:linear-gradient(90deg,var(--gf1),var(--gf2) var(--v,50%),var(--s3) var(--v,50%))}
.sf input[type=range]:focus{background:linear-gradient(90deg,var(--gf1),var(--gf2) var(--v,50%),var(--s3) var(--v,50%));box-shadow:none}
.sf input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:var(--ring)}
/* Larguras intermediárias (notebook pequeno / tablet deitado) */
.s-top .btn,.s-top .chip{white-space:nowrap;flex-shrink:0}
.s-top .s-search{min-width:0;flex:0 1 260px}
.s-search .lbl{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
@media (max-width:1280px){
  .s-stats{display:flex;overflow-x:auto;scrollbar-width:none}
  .s-stats::-webkit-scrollbar{display:none}
  .s-stat{flex:0 0 auto;min-width:124px}
  .s-stat:first-child{min-width:210px}
  .s-sess-hint{display:none}
}
@media (max-width:1180px){
  .hide-t{display:none}
  .s-top #sRamal{display:none}
  .s-top .s-search .lbl{display:none}
  .s-top .s-search{flex:0 0 auto}
}
/* Celular */
@media (max-width:860px){
  .s-app{grid-template-columns:minmax(0,1fr)}
  .s-side{display:none}
  .s-top{padding:0 10px;gap:6px}
  .s-top .hide-m{display:none!important}
  .s-search{min-width:0}.s-search .lbl,.s-search kbd{display:none}
  .s-view{padding-bottom:74px}
  .s-tabbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:30;height:64px;padding:6px 6px calc(6px + env(safe-area-inset-bottom));
    background:rgb(var(--bg-rgb) / .92);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-top:1px solid var(--br);justify-content:space-around}
  .s-tabbar button{flex:1;border:0;background:transparent;color:var(--td);font:inherit;font-size:.6rem;font-weight:700;display:flex;flex-direction:column;align-items:center;gap:3px;
    border-radius:12px;cursor:pointer;transition:color var(--d-3)}
  .s-tabbar button .g{font-size:1.05rem}
  .s-tabbar button.on{color:var(--g2)}
  .s-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .s-stats .s-stat:first-child{grid-column:span 2}
  .kb-col.scol,.kb-col.scol.grp{width:84vw;scroll-snap-align:center}
  .s-board-wrap{scroll-snap-type:x mandatory}
  .s-kb-head .s-q{min-width:0;flex:1 1 100%}.s-kb-head .s-q:focus-within{min-width:0}
  .s-boardzone{padding:14px 12px 0}.s-board-wrap{margin:0 -12px;padding:12px 12px 20px}
  .s-sess-hint{display:none}
  .s-stats{padding:0}.s-stat:first-child{border-left:0;border-right:0}
  .s-grid2,.s-grid3,.s-row2,.sh-atalhos{grid-template-columns:1fr}
  .s-callbar{min-width:0;width:calc(100vw - 20px);bottom:76px}
  .hub.s-hub{right:10px;left:10px;width:auto}
  .s-cmd .acts{margin-left:0}
  .modeseg{display:none}
}