#kadraj-social-app{--ks-blue:#172c61;--ks-accent:#2563eb;--ks-ink:#172033;--ks-muted:#667085;--ks-line:#e3e8ef;--ks-bg:#f4f6fa;color:var(--ks-ink);background:var(--ks-bg);min-height:90vh;font:16px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif}
#kadraj-social-app *{box-sizing:border-box}#kadraj-social-app button,#kadraj-social-app input,#kadraj-social-app textarea,#kadraj-social-app select{font:inherit}#kadraj-social-app button{cursor:pointer}#kadraj-social-app a{text-decoration:none;color:var(--ks-accent)}
.ks-header{background:#fff;border-bottom:1px solid var(--ks-line);padding:14px max(18px,calc((100vw - 1120px)/2));display:flex;align-items:center;justify-content:space-between;gap:12px;position:sticky;top:0;z-index:4}.ks-logo{font-size:21px;font-weight:900;letter-spacing:-1px;color:var(--ks-blue)!important;white-space:nowrap}.ks-logo span{color:var(--ks-accent);font-size:12px;letter-spacing:2px}.ks-header nav{display:flex;gap:5px;flex-wrap:wrap}.ks-header nav button,.ks-header nav a{border:0;background:transparent;color:var(--ks-ink);padding:8px 10px;border-radius:8px;font-weight:600}.ks-header nav button:hover,.ks-header nav a:hover{background:#eef3ff}
.ks-layout{max-width:1120px;margin:auto;display:grid;grid-template-columns:minmax(0,700px) 290px;gap:24px;padding:24px 16px}.ks-main{min-width:0}.ks-main h1{font-size:27px;margin:0 0 18px}.ks-main h2{font-size:19px}.ks-aside{background:#fff;border:1px solid var(--ks-line);border-radius:16px;padding:20px;align-self:start;position:sticky;top:90px}.ks-aside h3{margin:0}.ks-aside p,.ks-small{color:var(--ks-muted)}.ks-side-item{display:flex;justify-content:space-between;width:100%;background:none;border:0;border-top:1px solid var(--ks-line);padding:10px 0;text-align:left;color:var(--ks-ink)}
.ks-card{display:block;background:white;border:1px solid var(--ks-line);border-radius:16px;padding:18px;margin:0 0 14px;overflow:hidden}.ks-card textarea,.ks-card input,.ks-card select,#ks-search input{width:100%;border:1px solid #cbd5e1;border-radius:9px;padding:10px;background:#fff;color:var(--ks-ink)}.ks-card textarea{resize:vertical;min-height:80px}.ks-card label{font-weight:700;display:block;margin-bottom:8px}.ks-compose-row{display:flex;align-items:center;gap:10px;margin:12px 0;flex-wrap:wrap}.ks-compose-row select{max-width:180px}.ks-file{font-weight:500!important;margin:0!important;border:1px solid var(--ks-line);border-radius:9px;padding:9px}.ks-file input{font-size:12px;width:180px}.ks-card small{color:var(--ks-muted)}.ks-primary{border:0;border-radius:9px;padding:10px 16px;background:var(--ks-accent);color:#fff!important;font-weight:700;display:inline-block}.ks-primary:disabled{opacity:.6}.ks-tabs{display:flex;gap:8px;margin:16px 0;flex-wrap:wrap}.ks-tabs button{border:0;background:#fff;border-radius:9px;padding:9px 14px}.ks-tabs .is-active{background:var(--ks-blue);color:white}
.ks-byline{display:flex;align-items:center;justify-content:space-between;gap:8px}.ks-byline time{font-size:12px;color:var(--ks-muted)}.ks-person{border:0;background:transparent;display:inline-flex;align-items:center;gap:9px;padding:0;color:var(--ks-ink);font-weight:700}.ks-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}.ks-text{white-space:normal;overflow-wrap:anywhere;margin:14px 0}.ks-media,.ks-card video{width:100%;max-height:600px;object-fit:contain;border-radius:10px;background:#111}.ks-chip{border:0;background:#eef3ff;border-radius:99px;color:var(--ks-blue);font-size:12px;padding:5px 10px;margin:10px 0}.ks-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px;border-top:1px solid var(--ks-line);padding-top:10px}.ks-actions button{border:0;background:none;color:var(--ks-muted);padding:5px}.ks-actions .is-active{color:var(--ks-accent);font-weight:700}.ks-comments{border-top:1px solid var(--ks-line);margin-top:10px}.ks-comments p{padding:8px 0;margin:0}.ks-comment-form{display:flex;gap:8px}.ks-comment-form input{flex:1}.ks-comment-form button,#ks-open-chat button{border:1px solid var(--ks-line);background:white;border-radius:8px;padding:8px}.ks-more{width:100%;border:1px solid var(--ks-line);background:#fff;padding:12px;border-radius:10px}
.ks-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ks-community{text-align:left;cursor:pointer}.ks-community span,.ks-community small{display:block;margin-top:8px}.ks-profile>img{width:100px;height:100px;border-radius:50%}.ks-profile h1{margin:6px 0}.ks-profile textarea{display:block;margin:10px 0}#ks-search{display:flex;gap:8px;margin-bottom:15px}#ks-results .ks-person{margin:4px}.ks-conversations{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.ks-conversations button{border:1px solid var(--ks-line);background:white;border-radius:8px;padding:8px}.ks-chat-lines{display:flex;flex-direction:column;gap:8px;min-height:140px;max-height:500px;overflow:auto}.ks-message{align-self:start;background:#eef3ff;padding:8px 12px;border-radius:12px;max-width:80%;white-space:pre-wrap;overflow-wrap:anywhere}.ks-mine{align-self:end;background:#d8edff}.ks-message small{display:block;font-size:11px}#ks-send{display:flex;gap:8px;margin-top:14px}#ks-send textarea{min-height:44px}.ks-toast{position:fixed;right:20px;bottom:20px;background:#134e4a;color:#fff;padding:12px 18px;border-radius:9px;z-index:10;box-shadow:0 4px 20px #0002}.ks-toast.ks-error{background:#9f1239}
@media(max-width:800px){.ks-layout{display:block}.ks-aside{display:none}.ks-header{position:static;display:block;padding:12px}.ks-header nav{margin-top:10px;justify-content:space-between}.ks-header nav button,.ks-header nav a{font-size:13px;padding:7px}.ks-grid{grid-template-columns:1fr}.ks-compose-row select{max-width:100%}.ks-card{padding:14px}.ks-main h1{font-size:22px}}