.kn-page{padding:20px 16px 28px;background:var(--BG,#f7f9f8)}
.kn-heading{margin-bottom:20px}.kn-heading h1{margin:0;color:var(--TX,#20352c);font-size:20px;font-weight:750;letter-spacing:-.3px}.kn-heading p{margin:6px 0 0;color:var(--MT,#63766d);font-size:13px;line-height:1.6}
.kn-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-bottom:14px}.kn-tabs{display:flex;gap:6px;flex-wrap:wrap}
.kn-button{min-height:44px;padding:9px 12px;border:1px solid var(--BD,#dce5df);border-radius:8px;background:var(--W,#fff);color:var(--TX,#20352c);font:inherit;font-size:12px;font-weight:650;cursor:pointer;line-height:1.45}.kn-button:disabled{opacity:.55;cursor:wait}.kn-button:focus-visible{outline:2px solid var(--PI,#267659);outline-offset:3px}.kn-button.is-selected{background:var(--PS,#eaf5ef);color:var(--PI,#267659);border-color:var(--PL,#b9dac7)}.kn-button.kn-link{border:0;background:transparent;color:var(--PI,#267659);padding:8px 0;text-align:left}
.kn-item{display:flex;gap:10px;padding:16px 14px;margin-bottom:10px;border:1px solid var(--BD,#dce5df);border-radius:12px;background:var(--W,#fff)}.kn-item.is-unread{border-left:3px solid var(--PI,#267659)}.kn-dot{flex-shrink:0;width:7px;height:7px;border-radius:50%;background:var(--PI,#267659);margin-top:7px}.is-read .kn-dot{background:transparent;border:1px solid var(--BD,#dce5df)}.kn-item-content{min-width:0;flex:1}.kn-item h2,.kn-settings h2{margin:0;font-size:13px;font-weight:700;line-height:1.5;color:var(--TX,#20352c)}.kn-item p,.kn-settings p{margin:5px 0 0;font-size:12px;line-height:1.65;color:var(--MT,#63766d);overflow-wrap:anywhere}.kn-item time{display:block;margin-top:7px;font-size:10px;color:var(--MT,#63766d)}.kn-item-actions{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:5px}.kn-historical{font-size:10px;color:var(--MT,#63766d);padding:9px 0}.kn-empty{padding:30px 14px;text-align:center;background:var(--W,#fff);border:1px solid var(--BD,#dce5df);border-radius:12px;margin-bottom:18px}.kn-empty h2{font-size:15px;color:var(--TX,#20352c);margin:0}.kn-empty p{font-size:12px;color:var(--MT,#63766d);line-height:1.6;margin:8px 0 14px}
.kn-settings{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:16px;border:1px solid var(--BD,#dce5df);border-radius:12px;background:var(--W,#fff);margin-top:20px}.kn-settings>div{flex:1;min-width:160px}.kn-settings .kn-limit{width:100%;flex-basis:100%;font-size:10px;padding-top:10px;border-top:1px solid var(--BD,#dce5df);margin-top:0}.kn-error{padding:12px;border:1px solid #e5c5bd;border-radius:8px;background:#fff4f1;color:#934831;font-size:12px;line-height:1.6;overflow-wrap:anywhere}.kn-profile-link{margin-top:12px}.kn-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;min-height:20px;padding:2px 5px;margin-left:8px;border-radius:12px;background:var(--PI,#267659);color:white;font-size:10px;font-weight:700;vertical-align:middle}.kn-consent h2{font-size:18px;margin:0 0 8px}.kn-consent p{font-size:13px;color:var(--MT,#63766d);line-height:1.7}.kn-consent .kn-button{display:block;width:100%;margin-top:8px;text-align:center}.kn-intro{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:30px;text-align:center;gap:12px}.kn-intro-icon{display:grid;place-items:center;width:64px;height:64px;border-radius:16px;background:var(--PS,#eaf5ef);color:var(--PI,#267659)}.kn-intro h1{font-size:21px;margin:4px 0 0}.kn-intro p{max-width:310px;font-size:13px;line-height:1.7;color:var(--MT,#63766d);margin:0}.kn-intro .kn-button{margin-top:10px;min-width:230px}
@media(max-width:359px){.kn-page{padding:16px 12px 24px}.kn-heading h1{font-size:19px}.kn-settings{padding:14px}.kn-item-actions{gap:2px 10px}.kn-tabs .kn-button{font-size:11px;padding:8px 10px}.kn-intro{padding:24px 18px}}