.kb-page{display:flex;flex:1;min-height:0;flex-direction:column;overflow:hidden;padding:25px 26px 14px;color:#284b3c;font-family:'DM Sans',sans-serif}.kb-page *{box-sizing:border-box}.kb-page-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:23px}.kb-page h1{font:750 23px 'Plus Jakarta Sans',sans-serif;letter-spacing:-.8px;margin:0 0 7px}.kb-page-head p{font-size:12px;color:#7c8e82;margin:0}.kb-overview{display:flex;gap:22px;align-items:center;font-size:11px;color:#7d9082;white-space:nowrap}.kb-overview b{font-weight:650;color:#365f48;margin-right:3px}.kb-overview-attention{display:flex;gap:5px;align-items:center}.kb-overview-attention i{width:6px;height:6px;border-radius:50%;background:#c79753}
.kb-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.kb-search{display:flex;align-items:center;gap:9px;flex:1;min-width:210px;max-width:420px;border:1px solid #e1e9e3;background:#fff;border-radius:10px;padding:10px 12px}.kb-search>.icon{width:15px;height:15px;color:#8da596;flex:none}.kb-search input{border:0;outline:none;min-width:0;width:100%;font:400 11px 'DM Sans',sans-serif;color:#365e49;background:transparent}.kb-search input::placeholder{color:#91a196}.kb-search:focus-within{border-color:#7bac8b;box-shadow:0 0 0 3px #7bac8b12}.kb-attention-filter{display:flex;align-items:center;gap:7px;border:1px solid #e4e9e1;border-radius:9px;background:#fff;font:500 10px 'DM Sans',sans-serif;color:#768a7c;padding:10px 11px;cursor:pointer;white-space:nowrap}.kb-attention-filter>.icon{width:14px;height:14px}.kb-attention-filter span{font-size:9px;background:#f2f4ee;border-radius:4px;padding:1px 4px}.kb-attention-filter.active{background:#faf4e8;border-color:#e4d4b6;color:#96713b}.kb-select{display:flex;align-items:center;gap:6px;border:1px solid #e2e9e3;border-radius:9px;padding:8px 9px;background:#fff}.kb-select>.icon{width:14px;height:14px;color:#8a9e90;flex:none}.kb-select select{max-width:160px;border:0;background:transparent;font:500 10px 'DM Sans',sans-serif;color:#718878;outline:none;cursor:pointer}.kb-viewbar{display:flex;align-items:center;gap:12px;padding:15px 0 18px;flex:none}.kb-channels{display:flex;align-items:center;gap:5px}.kb-channels button{height:29px;min-width:31px;display:grid;place-items:center;border:0;border-radius:8px;background:transparent;color:#92a398;font:600 10px 'DM Sans',sans-serif;padding:4px 9px;cursor:pointer;transition:background .16s,color .16s}.kb-channels button[aria-pressed=true]{background:#e5efe8;color:#3f7652}.kb-channels svg{width:17px;height:17px}.kb-channels .instagram[aria-pressed=true]{background:#f3eaf0;color:#ae6c94}.kb-channels .whatsapp[aria-pressed=true]{color:#3c9463}.kb-view-spacer{flex:1}.kb-closed{font-size:10px;color:#7a8d80;display:flex;align-items:center;gap:7px;cursor:pointer}.kb-closed input{accent-color:#397f5b}.kb-closed span{background:#eaf0eb;border-radius:5px;padding:2px 5px;font-size:9px}.kb-reset{border:0;background:transparent;color:#568565;font:500 10px 'DM Sans',sans-serif;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.kb-reset[hidden]{display:none}
#kb-board-slot{display:flex;flex:1;min-height:0;flex-direction:column}.kb-board{display:grid;grid-template-columns:repeat(var(--kb-cols),minmax(245px,1fr));gap:14px;flex:1;min-height:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:#cad9ce transparent;padding-bottom:8px;scroll-snap-type:x proximity}.kb-column{display:flex;flex-direction:column;min-height:0;background:#f1f5f2;border:1px solid #e6ede8;border-radius:14px;scroll-snap-align:start;transition:background .18s,border-color .18s}.kb-column>header{padding:17px 14px 13px;flex:none}.kb-column>header>div{display:flex;align-items:center;gap:7px}.kb-column>header i{width:7px;height:7px;border-radius:50%;background:var(--stage);flex:none}.kb-column h2{font-size:11px;font-weight:650;margin:0;line-height:1.4;flex:1}.kb-column>header>div>span{font-size:10px;color:#79917f;background:#e5ece7;min-width:21px;text-align:center;padding:3px 5px;border-radius:6px}.kb-column>header>p{font-size:9px;margin:7px 0 0 14px;color:#8a9b8e}.kb-column-body{overflow-y:auto;min-height:0;padding:0 9px 12px;flex:1;scrollbar-width:thin;scrollbar-color:#d2dfd6 transparent}.kb-card{background:white;border:1px solid #e1e9e3;border-radius:11px;margin:0 0 10px;box-shadow:0 2px 3px #264a3403;transition:box-shadow .16s,border-color .16s;cursor:grab;overflow:hidden}.kb-card:hover{border-color:#c6d8cb;box-shadow:0 4px 12px #264a3409}.kb-card-open{width:100%;padding:12px 12px 11px;border:0;background:transparent;text-align:left;cursor:pointer;color:#365b45}.kb-person{display:flex;align-items:center;gap:9px}.kb-person>.ex-avatar{width:34px;height:34px;flex:none}.kb-person .ex-avatar>img,.kb-person .ex-avatar-fallback{width:34px;height:34px;border-radius:50%}.kb-person .ex-channel{width:15px;height:15px;right:-2px;bottom:-1px;border-width:2px}.kb-person .ex-channel svg{width:10px;height:10px}.kb-person>span:nth-child(2){flex:1;min-width:0}.kb-person strong{font-size:11px;font-weight:650;display:block;overflow-wrap:anywhere}.kb-person small{display:block;font-size:9px;color:#92a095;margin-top:4px}.kb-person>.icon{width:13px;height:13px;color:#9caea1;opacity:0;transition:opacity .16s;flex:none}.kb-card:hover .kb-person>.icon,.kb-card:focus-within .kb-person>.icon{opacity:1}.kb-tags{display:flex;flex-wrap:wrap;gap:5px;padding:0 12px 12px}.kb-tags .crm-tag{font-size:9px;padding:4px 7px;line-height:1.4;max-width:100%;overflow-wrap:anywhere}.kb-attention,.kb-quiet{display:flex;gap:5px;align-items:center;font-size:9px;margin:0 12px 11px;line-height:1.4;color:#a27f4d}.kb-attention>.icon,.kb-quiet>.icon{width:12px;height:12px;flex:none}.kb-attention.priority{color:#ad7e49}.kb-attention>span{margin-left:auto;font-size:8px;color:#a69b88}.kb-quiet{color:#91a196}.kb-card>footer{border-top:1px solid #eef2ef;display:flex;align-items:center;gap:6px;padding:10px 11px;background:#fdfefd}.kb-assignee{display:flex;align-items:center;gap:5px;font-size:9px;color:#7d9384;white-space:nowrap}.kb-assignee .icon{width:12px;height:12px}.kb-move{margin-left:auto;max-width:120px;display:flex;align-items:center;position:relative}.kb-move select{border:0;background:transparent;appearance:none;font:500 9px 'DM Sans',sans-serif;color:#63836d;padding:3px 15px 3px 0;text-overflow:ellipsis;width:100%;cursor:pointer;min-width:0}.kb-move>.icon{width:10px;height:10px;position:absolute;right:0;pointer-events:none;color:#91a497}.kb-empty{display:flex;flex-direction:column;align-items:center;text-align:center;border:1px dashed #d8e3db;border-radius:10px;padding:25px 10px;margin:0 2px;color:#9aac9e;gap:8px}.kb-empty>.icon{width:20px;height:20px;opacity:.65}.kb-empty strong{font-size:10px;font-weight:500}.kb-empty span{font-size:9px;line-height:1.7;color:#a5b2a8}.kb-board-footer{display:flex;justify-content:space-between;gap:10px;padding:10px 0 0;color:#8d9e92;font-size:9px;flex:none}.kb-board-footer>span:last-child{display:flex;gap:5px;align-items:center}.kb-board-footer .icon{width:12px;height:12px}.kb-column.is-over{background:#e4f0e7;border-color:#77a889}.kb-board.is-dragging .kb-column{border-style:dashed}.kb-card.is-dragging{opacity:.4}.kb-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.kb-page :is(button,select,input):focus-visible{outline:2px solid #59906b;outline-offset:3px}
@media(max-width:1100px){.kb-page{padding:20px 16px 14px}.kb-page-head{align-items:flex-start}.kb-overview{gap:10px;flex-direction:column;align-items:flex-end}.kb-toolbar{gap:8px}.kb-select select{max-width:145px}.kb-board{grid-template-columns:repeat(var(--kb-cols),260px)}}
@media(max-width:760px){.kb-page{padding:17px 12px 12px}.kb-page h1{font-size:20px}.kb-page-head{margin-bottom:16px;gap:10px}.kb-page-head p{font-size:10px;max-width:230px;line-height:1.6}.kb-overview{font-size:9px;white-space:normal;min-width:86px;line-height:1.6}.kb-search{max-width:none;flex-basis:100%}.kb-select{flex:1;min-width:0;padding:8px 6px}.kb-select select{width:100%;max-width:none;min-width:0;font-size:9px}.kb-attention-filter{font-size:9px;padding:8px}.kb-attention-filter>.icon{display:none}.kb-viewbar{padding:11px 0 12px;gap:8px}.kb-closed{font-size:9px}.kb-board{grid-template-columns:repeat(var(--kb-cols),minmax(265px,82vw));gap:11px}.kb-board-footer>span:last-child{display:none}.kb-reset{font-size:9px}}
@media(prefers-reduced-motion:reduce){.kb-page *{transition:none!important;scroll-behavior:auto!important}}