.kk-panel{width:min(640px,100%);border-radius:20px}.kk-body{padding:4px 24px 24px;overflow:auto;display:flex;flex-direction:column;gap:22px}.kk-head{display:flex;align-items:center;gap:12px;padding:20px 20px 14px 24px}.kk-logo{flex:0 0 auto;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#fee500;color:#191919}.kk-logo svg{width:21px;height:21px;fill:currentColor;stroke-width:0}.kk-title{flex:1;min-width:0}.kk-title h2{margin:0;font-size:17px;font-weight:800;letter-spacing:-0.01em}.kk-title p{margin:2px 0 0;font-size:12.5px;color:var(--text-muted)}.kk-status{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 11px;border-radius:999px;font-size:12.5px;font-weight:700;white-space:nowrap;background:var(--bg-hover);color:var(--text-muted)}.kk-status i{width:7px;height:7px;border-radius:50%;background:currentColor}.kk-status.ok{color:#059669;background:rgba(16,185,129,0.12)}.kk-status.warn{color:#b45309;background:rgba(245,158,11,0.14)}.kk-status.ok i{box-shadow:0 0 0 3px rgba(16,185,129,0.2)}.kk-icon-btn{flex:0 0 auto;width:34px;height:34px;border-radius:10px;border:0;background:none;color:var(--text-muted);display:grid;place-items:center;cursor:pointer}.kk-icon-btn:hover{background:var(--bg-hover);color:var(--text-main)}.kk-icon-btn.on{color:#b45309;background:rgba(245,158,11,0.14)}.kk-icon-btn svg{width:18px;height:18px}.kk-alert{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:12px;font-size:13px;line-height:1.5;color:#92400e;background:rgba(245,158,11,0.12)}.kk-alert svg{width:16px;height:16px;flex:0 0 auto;margin-top:2px}.kk-alert b{display:block;font-weight:700}.kk-sec-h{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:10px}.kk-sec-h h3{margin:0;font-size:14px;font-weight:800}.kk-sec-h span{font-size:12px;color:var(--text-muted)}.kk-cap{margin:-4px 0 10px;font-size:12.5px;line-height:1.5;color:var(--text-muted)}.kk-rooms{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.kk-room{display:inline-flex;align-items:center;gap:2px;height:34px;padding:0 6px 0 13px;border-radius:999px;font-size:13.5px;font-weight:700;background:var(--bg-hover)}.kk-room button{width:22px;height:22px;border:0;border-radius:50%;background:none;color:var(--text-muted);display:grid;place-items:center;cursor:pointer}.kk-room button:hover{color:var(--danger-color);background:rgba(239,68,68,0.12)}.kk-room svg{width:13px;height:13px}.kk-room-add{display:inline-flex;align-items:center;height:34px;padding:0 4px 0 12px;border-radius:999px;border:1px dashed var(--border-separator)}.kk-room-add:focus-within{border-style:solid;border-color:var(--primary-color)}.kk-room-add input{width:132px;border:0;outline:0;background:none;font:inherit;font-size:13.5px;color:var(--text-main)}.kk-room-add button{width:26px;height:26px;border:0;border-radius:50%;background:none;color:var(--primary-color);display:grid;place-items:center;cursor:pointer}.kk-room-add button:hover{background:var(--primary-light)}.kk-room-add svg{width:15px;height:15px}.kk-compose{border:1px solid var(--border-color);border-radius:16px;overflow:hidden;transition:border-color .15s,box-shadow .15s}.kk-compose:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(99,102,241,0.12)}.kk-to{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:10px 12px;border-bottom:1px solid var(--border-color)}.kk-to>span{font-size:12.5px;color:var(--text-muted);margin-right:2px}.kk-to button{height:28px;padding:0 11px;border-radius:999px;border:1px solid var(--border-color);background:none;font:inherit;font-size:12.5px;font-weight:700;color:var(--text-muted);cursor:pointer}.kk-to button:hover{color:var(--text-main)}.kk-to button.on{color:var(--primary-color);border-color:var(--primary-color);background:rgba(99,102,241,0.08)}.kk-compose textarea{display:block;width:100%;min-height:84px;padding:12px 14px;border:0;outline:0;resize:vertical;background:none;font:inherit;font-size:14px;line-height:1.55;color:var(--text-main);box-sizing:border-box}.kk-compose-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px 10px 14px}.kk-count{font-size:12px;color:var(--text-muted);font-variant-numeric:tabular-nums}.kk-send{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 16px;border:0;border-radius:10px;background:var(--primary-color);color:#fff;font:inherit;font-size:13.5px;font-weight:700;cursor:pointer}.kk-send:hover{background:var(--primary-hover)}.kk-send:disabled{opacity:0.4;cursor:default}.kk-send svg{width:15px;height:15px}.kk-compose.drop{border-color:var(--primary-color);border-style:dashed;background:rgba(99,102,241,0.05)}.kk-foot-l{display:flex;align-items:center;gap:4px}.kk-attach{margin-left:-6px;cursor:pointer}.kk-files{display:flex;flex-wrap:wrap;gap:8px;padding:0 12px 4px}.kk-file{display:inline-flex;align-items:center;gap:8px;max-width:240px;padding:5px 6px 5px 5px;border-radius:12px;background:var(--bg-hover)}.kk-file img,.kk-file-ic{width:38px;height:38px;border-radius:8px;object-fit:cover;flex:0 0 auto}.kk-file-ic{display:grid;place-items:center;background:var(--card-bg);color:var(--text-muted)}.kk-file-ic svg{width:18px;height:18px}.kk-file-t{min-width:0;display:flex;flex-direction:column}.kk-file-t b{font-size:12.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kk-file-t small{font-size:11.5px;color:var(--text-muted)}.kk-file button{flex:0 0 auto;width:22px;height:22px;border:0;border-radius:50%;background:none;color:var(--text-muted);display:grid;place-items:center;cursor:pointer}.kk-file button:hover{color:var(--danger-color);background:rgba(239,68,68,0.12)}.kk-file button svg{width:13px;height:13px}.kk-ftag{font-style:normal;font-size:11.5px;font-weight:700;color:var(--primary-color);background:rgba(99,102,241,0.1);padding:1px 7px;border-radius:6px;margin-right:6px}.kk-log{display:flex;flex-direction:column}.kk-job{display:grid;grid-template-columns:22px 1fr auto;gap:2px 10px;align-items:start;padding:10px 2px;border-top:1px solid var(--border-color)}.kk-job:first-child{border-top:0}.kk-job>svg{width:17px;height:17px;margin-top:1px}.kk-job.sent>svg{color:var(--success-color)}.kk-job.failed>svg{color:var(--danger-color)}.kk-job.sending>svg{color:var(--info-color)}.kk-job.pending>svg,.kk-job.cancelled>svg{color:var(--text-muted)}.kk-job-main{min-width:0;font-size:13.5px}.kk-job-main b{font-weight:700;margin-right:6px}.kk-job-main span{color:var(--text-muted);overflow-wrap:anywhere}.kk-job-side{font-size:12px;color:var(--text-muted);text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.kk-job-err{grid-column:2 / 4;font-size:12px;color:var(--danger-color)}.kk-empty{padding:18px 0 6px;text-align:center;font-size:13px;color:var(--text-muted)}.kk-pc{border-top:1px solid var(--border-color);padding-top:16px}.kk-pc>summary{list-style:none;display:flex;align-items:center;gap:8px;cursor:pointer}.kk-pc>summary::-webkit-details-marker{display:none}.kk-pc>summary h3{margin:0;font-size:14px;font-weight:800}.kk-pc>summary span{flex:1;font-size:12.5px;color:var(--text-muted)}.kk-pc>summary svg{width:16px;height:16px;color:var(--text-muted);transition:transform .15s}.kk-pc[open]>summary svg{transform:rotate(180deg)}.kk-pc-body{display:flex;flex-direction:column;gap:12px;margin-top:14px}.kk-card{border:1px solid var(--border-color);border-radius:14px;padding:12px 14px}.kk-card.active{border-color:rgba(16,185,129,0.45);background:rgba(16,185,129,0.04)}.kk-dev-top{display:flex;align-items:center;gap:8px}.kk-dev-top b{font-size:14px}.kk-dev-top .kk-acts{margin-left:auto;display:flex;gap:2px}.kk-tag{font-size:11px;font-weight:700;padding:2px 7px;border-radius:6px;color:#059669;background:rgba(16,185,129,0.14)}.kk-tag.off{color:var(--text-muted);background:var(--bg-hover)}.kk-dev-meta{margin-top:3px;font-size:12px;color:var(--text-muted)}.kk-dev-meta i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#94a3b8;margin-right:5px;vertical-align:1px}.kk-dev-meta i.on{background:var(--success-color)}.kk-dev-row{display:flex;align-items:center;gap:10px;margin-top:10px;padding-top:10px;border-top:1px dashed var(--border-color)}.kk-small-btn{height:30px;padding:0 12px;border-radius:8px;border:1px solid var(--border-color);background:var(--card-bg);font:inherit;font-size:12.5px;font-weight:700;color:var(--text-main);cursor:pointer}.kk-small-btn:hover{background:var(--bg-hover)}.kk-acts .kk-icon-btn{width:30px;height:30px}.kk-acts .kk-icon-btn svg{width:15px;height:15px}.kk-acts .kk-icon-btn.danger:hover{color:var(--danger-color);background:rgba(239,68,68,0.1)}.kk-set{display:flex;align-items:center;gap:12px}.kk-set-text{flex:1;min-width:0}.kk-set-text b{display:block;font-size:13.5px;font-weight:700}.kk-set-text span{display:block;margin-top:2px;font-size:12px;line-height:1.45;color:var(--text-muted)}.kk-switch{position:relative;flex:0 0 auto;width:40px;height:23px;border:0;padding:0;border-radius:999px;background:var(--border-separator);cursor:pointer;transition:background .15s}.kk-switch::before{content:"";position:absolute;top:3px;left:3px;width:17px;height:17px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,0.2);transition:transform .15s}.kk-switch.on{background:var(--primary-color)}.kk-switch.on::before{transform:translateX(17px)}.kk-connect{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.kk-field{height:36px;padding:0 12px;border-radius:10px;border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-main);font:inherit;font-size:13.5px;outline:0}.kk-field:focus{border-color:var(--primary-color)}.kk-field.code{width:112px;letter-spacing:0.12em;font-variant-numeric:tabular-nums}.kk-field.name{flex:1;min-width:160px}.kk-link{display:inline-flex;align-items:center;gap:6px;border:0;background:none;padding:0;font:inherit;font-size:13px;font-weight:700;color:var(--primary-color);cursor:pointer}.kk-link:disabled{color:var(--text-muted);cursor:default}.kk-link svg{width:15px;height:15px}@media(max-width:560px){.kk-body{padding:4px 16px 20px}.kk-head{padding:16px 12px 12px 16px}.kk-title p{display:none}}.ks-card .kk-set-text .kk-tag{display:inline;vertical-align:1px;margin-left:4px}.ks-row-ctl{gap:8px}.ks-room-l{font-size:12.5px;color:var(--text-muted);flex:0 0 auto}.kk-to.ks-rooms{padding:0;border:0}.ks-badge{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#fff;color:var(--primary-color);font-size:11px;font-weight:800;margin-left:2px}.ks-panel{width:min(680px,100%)}.ks-logo{background:var(--primary-light);color:var(--primary-color)}.ks-logo svg{fill:none;stroke-width:2.2}.ks-n{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--bg-hover);font-size:11.5px;margin-left:4px;vertical-align:1px}.ks-list{border:1px solid var(--border-color);border-radius:14px;overflow:hidden}.ks-row{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;border-top:1px solid var(--border-color)}.ks-row:first-child{border-top:0}.ks-check{width:17px;height:17px;margin-top:2px;accent-color:var(--primary-color);cursor:pointer;flex:0 0 auto}.ks-warn{color:var(--warning-color);flex:0 0 auto;margin-top:1px}.ks-warn svg{width:17px;height:17px}.ks-main{flex:1;min-width:0}.ks-line{display:flex;align-items:center;flex-wrap:wrap;gap:4px 8px;font-size:13.5px}.ks-line b{font-weight:800}.ks-line svg{width:14px;height:14px;color:var(--text-muted)}.ks-date{font-size:12px;font-weight:700;color:var(--text-muted);font-variant-numeric:tabular-nums}.ks-from{color:var(--text-muted)}.ks-to{font-weight:700;color:var(--primary-color)}.ks-follow{color:var(--warning-color)}.ks-src{margin-top:3px;font-size:12px;color:var(--text-muted);overflow-wrap:anywhere}.ks-skip{flex:0 0 auto;height:26px;padding:0 10px;border-radius:8px;border:0;background:none;font:inherit;font-size:12px;font-weight:700;color:var(--text-muted);cursor:pointer}.ks-skip:hover{background:var(--bg-hover);color:var(--text-main)}.ks-done{display:flex;flex-direction:column;align-items:center;gap:6px;padding:36px 0 28px;text-align:center}.ks-done svg{width:34px;height:34px;color:var(--success-color)}.ks-done b{font-size:15px}.ks-done span{font-size:12.5px;color:var(--text-muted)}.ks-foot{display:flex;align-items:center;gap:8px;padding:14px 24px;border-top:1px solid var(--border-color)}.ks-foot:empty{display:none}.ks-sum{flex:1;font-size:12.5px;color:var(--text-muted)}
