:root {
  --kc-ink: #171a3b;
  --kc-muted: #747b9c;
  --kc-line: #e7e9f3;
  --kc-brand: #5b36e9;
  --kc-brand-dark: #121535;
  --kc-bg: #f7f8fd;
  --kc-panel: #fff;
  --kc-shadow: 0 14px 38px rgba(32, 31, 92, .07);
}

body { color: var(--kc-ink); background: var(--kc-bg); font: 14px/1.55 Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
a { transition: color .16s ease, background .16s ease, transform .16s ease, box-shadow .16s ease; }
.kc-appbar { height: 66px; padding: 10px 28px; border-bottom: 1px solid var(--kc-line); background: rgba(255,255,255,.96); box-shadow: 0 2px 12px rgba(36,31,91,.035); }
.kc-appbar .kc-brand { gap: 10px; }
.kc-appbar .kc-brand b:first-child { width: 35px; height: 35px; border-radius: 9px; color: #fff; background: linear-gradient(140deg,#7356ff,#351bc8); box-shadow: 0 6px 14px rgba(91,54,233,.25); }
.kc-appbar .kc-brand strong { color: var(--kc-ink); font-size: 14px; }
.kc-global-search { height: 36px; max-width: 540px; background: #f6f7fb; border: 1px solid #eff0f6; }
.kc-global-search input { font-size: 11px; }
.kc-icon-btn { width: 31px; height: 31px; border: 1px solid var(--kc-line); background: #fff; color: #596080; }
.kc-icon-btn:hover { color: var(--kc-brand); border-color: #cfc8ff; background: #f4f1ff; }
.kc-user-chip { font-size: 11px; }
.kc-user-chip .kc-avatar { width: 31px; height: 31px; border-radius: 50%; }
.kc-appshell { max-width: 1440px; grid-template-columns: 196px minmax(0,1fr) 270px; gap: 17px; padding: 18px 28px 90px; }
.kc-side, .kc-rail { top: 82px; max-height: calc(100vh - 98px); }
.kc-side { padding: 7px 4px; }
.kc-side-nav { gap: 3px; }
.kc-side-nav a { min-height: 35px; padding: 8px 11px; border-radius: 8px; color: #626985; font-size: 11px; }
.kc-side-nav a:hover { color: var(--kc-brand); background: #f1efff; }
.kc-side-nav a:first-child { color: #fff; background: linear-gradient(90deg,#5d37df,#4a2ac6); box-shadow: 0 8px 15px rgba(82,54,213,.18); }
.kc-side-nav a:first-child span { color: #fff; }
.kc-side-nav a span { color: var(--kc-brand); font-size: 15px; }
.kc-side-title { margin: 19px 11px 7px; font-size: 9px; }
.kc-shortcuts a:first-child { color: #626985; background: transparent; box-shadow: none; }
.kc-main .kc-wrap { padding: 0; }
.kc-main .kc-hero, .kc-main .kc-panel, .kc-main .kc-post, .kc-widget { border: 1px solid var(--kc-line); box-shadow: var(--kc-shadow); background: var(--kc-panel); }
.kc-main .kc-hero { min-height: 205px; padding: 27px; overflow: hidden; background: radial-gradient(circle at 77% 30%,rgba(134,115,255,.65),transparent 20%), linear-gradient(120deg,#242067,#5f39dc 62%,#321684); }
.kc-main .kc-hero h1, .kc-main .kc-hero p, .kc-main .kc-hero .kc-kicker { color: #fff; }
.kc-main .kc-hero .kc-muted { color: #dedcff; }
.kc-main .kc-hero .kc-btn.ghost { color: #5a37dc; background: #fff; }
.kc-main .kc-panel, .kc-main .kc-post { padding: 18px; border-radius: 13px; }
.kc-main h1 { margin: 0 0 9px; font-size: 25px; line-height: 1.1; letter-spacing: -.03em; }
.kc-main h2 { font-size: 17px; line-height: 1.2; }
.kc-main h3 { font-size: 13px; }
.kc-kicker { font-size: 9px; letter-spacing: .14em; }
.kc-grid { gap: 12px; }
.kc-main .kc-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
.kc-main .kc-card { padding: 16px; border-radius: 11px; background: #fff; }
.kc-main .kc-card:hover { transform: translateY(-2px); box-shadow: 0 12px 24px rgba(32,31,92,.08); }
.kc-stat { color: var(--kc-brand); font-size: 27px; }
.kc-btn { min-height: 34px; padding: 8px 13px; border-radius: 8px; background: linear-gradient(100deg,#5b36e9,#762bea); box-shadow: 0 7px 14px rgba(91,54,233,.16); font-size: 11px; }
.kc-btn.ghost { color: var(--kc-brand); background: #f0edff; box-shadow: none; }
.kc-btn.danger { color: #a61b1b; background: #ffeded; box-shadow: none; }
.kc-pill, .kc-badge { padding: 4px 8px; background: #efedff; color: #5235d1; font-size: 9px; }
.kc-post { display: grid; gap: 12px; }
.kc-person { gap: 9px; }
.kc-avatar { width: 37px; height: 37px; border-radius: 10px; color: #fff; font-size: 12px; }
.kc-meta { font-size: 10px; }
.kc-reactions { gap: 6px; padding-top: 10px; }
.kc-reactions input { font-size: 11px; }
.kc-reactions > form { min-width: 0; }
.kc-comment-form { display: flex; flex: 1 1 260px; gap: 8px; align-items: center; }
.kc-comment-form input { min-width: 0; flex: 1 1 auto; border: 1px solid var(--kc-line); border-radius: 8px; padding: 9px 10px; background: #fff; }
.kc-comment-form .kc-btn { flex: 0 0 auto; white-space: nowrap; }
.kc-profile-prompt { display:flex; align-items:center; gap:18px; margin:14px 22px 0; padding:14px 18px; border:1px solid #d8d1ff; border-radius:14px; background:linear-gradient(110deg,#f4f1ff,#fff); box-shadow:0 8px 24px rgba(45,35,120,.06); }
.kc-profile-prompt > div { min-width:0; flex:1; }
.kc-profile-prompt strong,.kc-profile-prompt p { display:block; margin:2px 0 0; }
.kc-profile-prompt p { color:var(--kc-muted); font-size:12px; }
.kc-profile-prompt-dismiss { border:0; background:transparent; color:var(--kc-muted); font-size:20px; cursor:pointer; }
.kc-wizard { display:grid; gap:10px; margin-bottom:14px; padding:18px; border:1px solid #d8d1ff; border-radius:14px; background:linear-gradient(135deg,#f6f3ff,#fff); }
.kc-wizard h2 { margin:2px 0; }
.kc-wizard-steps { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; }
.kc-wizard-step { min-width:0; padding:11px; text-align:left; border:1px solid var(--kc-line); border-radius:11px; background:#fff; color:inherit; cursor:pointer; }
.kc-wizard-step:hover { border-color:#b9adff; background:#faf9ff; }
.kc-wizard-step b,.kc-wizard-step span,.kc-wizard-step small { display:block; }
.kc-wizard-step b { color:var(--kc-brand); font-size:11px; }
.kc-wizard-step small { margin-top:4px; color:var(--kc-muted); font-size:10px; line-height:1.35; }
.kc-analytics-kpis { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin-bottom:14px; }
.kc-analytics-kpis .kc-card { display:grid; gap:3px; }
.kc-analytics-kpis small,.kc-performance-head small { color:var(--kc-muted); }
.kc-insight-grid { display:grid; gap:9px; }
.kc-insight { display:flex; align-items:center; gap:12px; padding:13px; border:1px solid var(--kc-line); border-radius:11px; color:inherit; text-decoration:none; }
.kc-insight:hover { border-color:#b9adff; background:#faf9ff; }
.kc-insight > span { color:var(--kc-brand); font-size:20px; }
.kc-insight div { min-width:0; flex:1; }.kc-insight p { margin:2px 0 0; color:var(--kc-muted); font-size:12px; }
.kc-performance-list { display:grid; gap:13px; }.kc-performance { padding:13px; border:1px solid var(--kc-line); border-radius:12px; }.kc-performance-head,.kc-performance-meta { display:flex; align-items:center; justify-content:space-between; gap:10px; }.kc-performance-head div { min-width:0; }.kc-performance-head b,.kc-performance-head small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.kc-performance-bar { height:9px; margin:10px 0 8px; border-radius:99px; background:#eceaf7; overflow:hidden; }.kc-performance-bar i { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,#5b36e9,#cf50ff); }.kc-performance-meta { flex-wrap:wrap; color:var(--kc-muted); font-size:11px; }.kc-performance-meta a { color:var(--kc-brand); text-decoration:none; }
.kc-cover { height: 105px; margin: -1px -1px 13px; border-radius: 10px; background: linear-gradient(135deg,#1b2451,#6c49ec,#eb438f); }
.kc-profile .kc-avatar { width: 112px; height: 112px; border-radius: 27px; }
.kc-counts { gap: 17px; }
.kc-counts b { color: var(--kc-brand); font-size: 20px; }
.kc-widget { padding: 13px; border-radius: 12px; }
.kc-widget-head { font-size: 12px; }
.kc-widget-head a { font-size: 10px; }
.kc-rail-stories { gap: 7px; }
.kc-rail-stories .kc-avatar { width: 40px; height: 40px; }
.kc-rail-stories small { font-size: 9px; }
.kc-mini { padding: 7px 0; font-size: 11px; }
.kc-mini>span:not(.kc-avatar) { width: 31px; height: 31px; }
.kc-mini .kc-avatar { width: 31px; height: 31px; }
.kc-form { gap: 10px; }
.kc-form input, .kc-form textarea, .kc-form select { padding: 10px 11px; border-radius: 8px; font-size: 12px; }
.kc-form label { font-size: 11px; }
.kc-flash { padding: 10px 12px; border-radius: 9px; font-size: 11px; }
.kc-table { font-size: 11px; }
.kc-table th { font-size: 9px; }
.kc-story-grid, .kc-reel-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 13px; }
.kc-story-card { overflow: hidden; border: 1px solid var(--kc-line); border-radius: 13px; background: #fff; box-shadow: var(--kc-shadow); }
.kc-story-art { height: 185px; display: grid; place-items: center; overflow: hidden; color: #fff; font-size: 42px; background: linear-gradient(150deg,#29235d,#7147ff,#ef3d97); }
.kc-story-art img { width: 100%; height: 100%; object-fit: cover; }
.kc-story-body { display: grid; gap: 9px; padding: 13px; }
.kc-story-body .kc-avatar { width: 30px; height: 30px; border-radius: 50%; }
.kc-story-body small { display: block; }
.kc-story-body p { min-height: 38px; margin: 0; font-size: 11px; }
.kc-reel-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
.kc-reel-card .kc-post { height: 100%; }
.kc-mobile-nav { display: none; }
.kc-footer-note { padding: 15px; font-size: 10px; }

/* Keep the secondary rail in document flow so it can never paint over feed cards. */
html { overflow-x: hidden; }
.kc-appshell { align-items: start; }
.kc-main { min-width: 0; overflow: visible; }
.kc-rail { position: static; top: auto; min-width: 0; max-height: none; overflow: visible; }
.kc-rail .kc-widget { min-width: 0; overflow: hidden; }
.kc-rail-stories { min-width: 0; overflow-x: auto; overflow-y: hidden; }

@media (max-width: 1100px) {
  .kc-appshell { grid-template-columns: 176px minmax(0,1fr); }
  .kc-rail { display: none; }
}
@media (max-width: 760px) {
  .kc-appbar { height: auto; grid-template-columns: 1fr auto; padding: 9px 13px; }
  .kc-global-search { grid-column: 1/-1; grid-row: 2; max-width: none; }
  .kc-appshell { display: block; padding: 13px 13px 78px; }
  .kc-side { position: static; max-height: none; overflow: visible; padding: 0 0 8px; }
  .kc-side-nav { display: flex; overflow-x: auto; padding-bottom: 4px; }
  .kc-side-nav a { flex: 0 0 auto; white-space: nowrap; border: 1px solid var(--kc-line); background: #fff; }
  .kc-side-nav a:first-child { border-color: var(--kc-brand); }
  .kc-side-title, .kc-shortcuts { display: none; }
  .kc-main .kc-grid, .kc-story-grid, .kc-reel-grid { grid-template-columns: 1fr; }
  .kc-main .kc-hero { min-height: 260px; }
  .kc-profile { grid-template-columns: 1fr; }
  .kc-mobile-nav { position: fixed; z-index: 70; right: 0; bottom: 0; left: 0; display: flex; justify-content: space-around; padding: 8px 4px 7px; border-top: 1px solid var(--kc-line); background: rgba(255,255,255,.97); box-shadow: 0 -7px 22px rgba(32,31,92,.09); }
  .kc-mobile-nav a { display: grid; gap: 1px; justify-items: center; color: #747b9c; font-size: 9px; font-weight: 750; text-decoration: none; }
  .kc-mobile-nav a:first-child { color: var(--kc-brand); }
  .kc-mobile-nav span { font-size: 17px; line-height: 1; }
  .kc-reactions { align-items: stretch; }
  .kc-comment-form { flex-basis: 100%; order: 10; }
  .kc-comment-form input { min-height: 34px; }
  .kc-profile-prompt { align-items:flex-start; flex-wrap:wrap; margin-inline:13px; }.kc-profile-prompt .kc-btn { width:100%; }.kc-analytics-kpis { grid-template-columns:repeat(2,minmax(0,1fr)); }.kc-wizard-steps { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
.kc-global-search,.kc-search{position:relative}.kc-live-results{position:absolute;z-index:90;top:calc(100% + 8px);left:0;right:0;display:grid;gap:5px;padding:8px;border:1px solid var(--kc-line);border-radius:14px;background:#fff;box-shadow:0 18px 40px rgba(35,25,115,.15)}.kc-live-results a,.kc-live-results>span{display:grid;gap:1px;padding:9px 11px;border-radius:9px;text-decoration:none}.kc-live-results a:hover{background:#f1efff}.kc-live-results small,.kc-live-results>span{color:var(--kc-muted);font-size:11px}.kc-live-results .kc-search-more{color:var(--kc-brand);font-weight:850}.kc-admin-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.kc-admin-tabs a{padding:8px 11px;border-radius:10px;background:#efedff;color:var(--kc-brand);font-size:12px;font-weight:850;text-decoration:none}.kc-form input:invalid,.kc-form textarea:invalid,.kc-form select:invalid{border-color:#e86a72}.kc-public-footer{margin-top:22px}

/* K-Community module-only landing and shared visual system */
body:has(.kc-landing), body:has(.kc-module-footer) { background: #f8f9fd; }
.kc-top { background: #fff; border-bottom-color: #ececf5; box-shadow: 0 2px 13px rgba(22,21,70,.04); }
.kc-top .kc-brand b:first-child { color: #fff; background: linear-gradient(140deg,#7356ff,#351bc8); box-shadow: 0 7px 17px rgba(91,54,233,.3); }
.kc-top .kc-brand strong { color: var(--kc-ink); }
.kc-top .kc-nav a { color: #69708d; font-size: 11px; }
.kc-top .kc-nav a:hover { color: var(--kc-brand); }
.kc-landing { position: relative; display: grid; grid-template-columns: .83fr 1.17fr; align-items: center; min-height: 470px; overflow: hidden; padding: 54px 60px; border: 1px solid #e7e9f2; border-radius: 18px; background: #fff; box-shadow: 0 18px 50px rgba(32,31,92,.06); }
.kc-landing:after { content: ""; position: absolute; right: -120px; bottom: -180px; width: 600px; height: 330px; border-radius: 50%; background: #f3f3ff; transform: rotate(-7deg); }
.kc-landing-copy { position: relative; z-index: 1; max-width: 430px; }
.kc-landing-copy .kc-kicker { color: #5e43e4; }
.kc-landing-copy h1 { margin: 13px 0 18px; color: #222a72; font-size: clamp(42px,5vw,68px); line-height: .95; letter-spacing: -.06em; }
.kc-landing-copy p { max-width: 370px; color: #6c7392; font-size: 14px; }
.kc-landing-copy .kc-btn { min-height: 35px; }
.kc-trusted { margin-top: 70px; color: #8b91a9; font-size: 10px; font-weight: 700; }
.kc-trusted span { color: #f2b529; font-size: 18px; vertical-align: middle; }
.kc-landing-art { position: relative; z-index: 1; min-height: 360px; display: grid; place-items: center; }
.kc-landing-art img { width: min(100%, 620px); max-height: 390px; object-fit: contain; filter: drop-shadow(0 22px 22px rgba(35,30,100,.13)); }
.kc-landing-stats { display: grid; grid-template-columns: repeat(4,1fr); max-width: 620px; margin: 22px auto 24px; padding: 17px 27px; border: 1px solid #e9eaf3; border-radius: 14px; background: #fff; box-shadow: var(--kc-shadow); text-align: center; }
.kc-landing-stats div { border-right: 1px solid #ececf4; }
.kc-landing-stats div:last-child { border-right: 0; }
.kc-landing-stats b, .kc-landing-stats small { display: block; }
.kc-landing-stats b { color: #33249d; font-size: 22px; }
.kc-landing-stats small { color: #868ca6; font-size: 10px; }
.kc-feature-row { display: grid; grid-template-columns: repeat(4,1fr); gap: 12px; max-width: 1120px; margin: 0 auto; }
.kc-feature-tile { display: grid; gap: 5px; padding: 17px; border: 1px solid #e7e9f2; border-radius: 12px; background: #fff; box-shadow: 0 7px 20px rgba(32,31,92,.04); text-decoration: none; }
.kc-feature-tile:hover { transform: translateY(-2px); box-shadow: var(--kc-shadow); }
.kc-feature-tile > span { width: 27px; height: 27px; display: grid; place-items: center; border-radius: 8px; color: #fff; background: linear-gradient(135deg,#755aff,#3c22c6); }
.kc-feature-tile b { font-size: 11px; }
.kc-feature-tile small { color: #8388a2; font-size: 10px; }
.kc-module-footer { display: flex; justify-content: space-between; gap: 20px; padding: 27px 5vw; border-top: 1px solid #e8e9f2; color: #7a809d; background: #fff; }
.kc-module-footer > div { display: grid; gap: 4px; }
.kc-footer-brand { display: flex; align-items: center; gap: 8px; color: var(--kc-ink); text-decoration: none; font-size: 14px; }
.kc-footer-brand span { width: 25px; height: 25px; display: grid; place-items: center; border-radius: 7px; color: #fff; background: var(--kc-brand); font-weight: 900; }
.kc-module-footer small { font-size: 10px; }
.kc-module-footer nav { display: flex; align-items: center; gap: 19px; font-size: 10px; }
.kc-module-footer nav a { text-decoration: none; }
.kc-module-footer nav a:hover { color: var(--kc-brand); }

/* K-Mail composer parity: Community uses the same compact, accessible chat
   composer instead of maintaining a second reply-control design. */
.kc-compose{position:relative;margin:0 14px 14px;padding:8px 10px;border:1px solid #e3e7f2;border-radius:16px;background:#fff;box-shadow:0 7px 22px rgba(23,33,59,.07)}
.kc-compose textarea{width:100%;height:auto;min-height:54px;resize:none;border:0;outline:0;background:transparent;padding:5px 2px;box-sizing:border-box;font:500 15px/1.45 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:#17213b}
.kc-compose textarea::placeholder{color:#77819a}
.kc-compose-actions{display:flex;align-items:center;gap:5px}
.kc-compose-actions label,.kc-compose-actions button{display:grid;place-items:center;width:34px;height:32px;border:0;border-radius:9px;background:transparent;color:#555d72;cursor:pointer;font:inherit}
.kc-compose-actions label:hover,.kc-compose-actions button:hover,.kc-compose-actions label:focus-within,.kc-compose-actions button:focus-visible{background:#f0efff;color:#4239d0;outline:3px solid #e5e1ff}
.kc-compose-actions .kc-send{margin-left:auto;background:#635bff;color:#fff!important;font-size:20px}
.kc-compose-actions .kc-send:hover{background:#4f46d8;color:#fff!important}
.kc-upload-list{display:flex;gap:4px;flex-wrap:wrap;margin-top:5px}
.kc-upload-list:empty{display:none}
.kc-upload-list span{font-size:10px;background:#f0f2f8;border-radius:10px;padding:3px 7px;color:#555d72}
.kc-voice-draft{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:7px;padding:8px;border-radius:10px;background:#f5f3ff}
.kc-voice-draft[hidden]{display:none}
.kc-voice-draft audio{max-width:100%;height:34px}
.kc-voice-draft button{border:1px solid #e3e7f2;border-radius:8px;padding:6px 9px;background:#fff;color:#17213b}
.kc-recording-dot{width:10px;height:10px;border-radius:50%;background:#e13955;animation:kc-pulse 1s infinite}
.kc-compose .kc-emoji-tray{display:none!important}
.kc-emoji-picker{position:absolute;z-index:10060;right:8px;bottom:58px;width:min(390px,calc(100% - 16px));display:grid;grid-template-columns:repeat(8,1fr);gap:3px;padding:10px;background:#fff;border:1px solid #e3e7f2;border-radius:14px;box-shadow:0 18px 55px rgba(17,21,74,.25)}
.kc-emoji-picker[hidden]{display:none}
.kc-emoji-picker button{border:0;border-radius:8px;background:transparent;padding:7px;font-size:22px;cursor:pointer}
.kc-emoji-picker button:hover{background:#ebe9ff}
.kc-send-voice{background:#635bff!important;color:#fff!important}
.kc-chat{height:clamp(520px,calc(100dvh - 245px),760px);min-height:520px}
.kc-thread{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
@media(max-width:850px){.kc-chat{height:calc(100dvh - 220px);min-height:500px}.kc-compose{margin:0 8px 8px}.kc-compose-actions label,.kc-compose-actions button{width:36px;height:34px}}

@media (max-width: 760px) {
  .kc-landing { grid-template-columns: 1fr; min-height: auto; padding: 31px 22px 22px; }
  .kc-landing-copy h1 { font-size: 43px; }
  .kc-trusted { margin-top: 32px; }
  .kc-landing-art { min-height: 245px; margin-top: 15px; }
  .kc-landing-stats { grid-template-columns: repeat(2,1fr); gap: 15px; padding: 16px; }
  .kc-landing-stats div:nth-child(2) { border-right: 0; }
  .kc-feature-row { grid-template-columns: 1fr 1fr; }
  .kc-module-footer { display: grid; padding: 24px 17px 77px; }
  .kc-module-footer nav { gap: 11px; flex-wrap: wrap; }
}

/* Contrast contract: text on filled purple controls must remain readable system-wide. */
.kc-btn,
.kc-btn:hover,
.kc-btn:focus-visible,
.kc-create-menu summary,
.kc-create-menu summary:hover,
.kc-create-menu summary:focus-visible,
.kc-side-nav a:first-child,
.kc-profile-tab.active,
.kc-profile-tab[aria-selected="true"] { color:#fff !important; -webkit-text-fill-color:#fff !important; }
.kc-profile-tab.active:hover,
.kc-profile-tab.active:focus-visible,
.kc-profile-tab[aria-selected="true"]:hover,
.kc-profile-tab[aria-selected="true"]:focus-visible { color:#fff !important; -webkit-text-fill-color:#fff !important; }

/* Messenger workspace: keep conversations separate and make the selected
   thread the primary reading surface instead of a loose activity wall. */

/* Full reply composer controls. */
.kc-chat{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}.kc-thread{min-height:0;height:clamp(360px,58vh,680px);scrollbar-width:thin;scrollbar-color:#b9adf5 transparent}.kc-chat-compose{display:block;padding:14px 20px 12px}.kc-compose-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:9px}.kc-compose-tool{display:inline-flex;align-items:center;gap:6px;border:1px solid #dce1ef;border-radius:10px;background:#fff;color:#303a58;padding:8px 10px;font:700 12px/1.1 Inter,ui-sans-serif,system-ui;cursor:pointer}.kc-compose-tool:hover,.kc-compose-tool:focus-visible{border-color:#927cf1;background:#f4f1ff;outline:3px solid #e4ddff}.kc-record-status{margin-left:auto;color:#73809a;font-size:12px}.kc-emoji-picker{display:flex;gap:6px;flex-wrap:wrap;margin:-2px 0 10px;padding:9px;border:1px solid #e1e4ef;border-radius:12px;background:#fafaff}.kc-emoji-picker[hidden]{display:none}.kc-emoji-picker button{width:36px;height:34px;border:1px solid #e0e3ee;border-radius:9px;background:#fff;font-size:19px;cursor:pointer}.kc-emoji-picker button:hover{background:#eeeaff;border-color:#aa99f4}.kc-compose-input-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end}.kc-compose-input-row textarea{width:100%;min-height:92px;font:500 15px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:#202746}.kc-compose-input-row textarea::placeholder{color:#8790a6}.kc-send-button{min-width:126px}.kc-compose-meta{display:flex;justify-content:space-between;gap:12px;margin-top:7px;color:#7b849b;font-size:11px}.kc-compose-meta span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kc-chat-compose .kc-emoji-tray{display:none}.kc-chat-compose .kc-btn{font-family:Inter,ui-sans-serif,system-ui;font-size:13px}@media(max-width:850px){.kc-compose-input-row{grid-template-columns:1fr}.kc-send-button{width:100%}.kc-record-status{margin-left:0}.kc-thread{height:52vh}}
.kc-messenger{padding:0!important;overflow:hidden;background:#f8f9ff!important}.kc-messenger>.kc-widget-head{padding:26px 28px 18px;margin:0;background:#fff;border-bottom:1px solid #e2e6f2}.kc-messenger-grid{display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);min-height:680px}.kc-inbox{min-width:0;background:#fff;border-right:1px solid #e2e6f2;padding:16px}.kc-search{display:flex;gap:8px;margin-bottom:14px}.kc-search input{min-width:0;flex:1;background:#f5f6fb;border:1px solid #e0e4f0;border-radius:12px;padding:11px 12px}.kc-search .kc-btn{white-space:nowrap}.kc-inbox-list{display:grid;gap:4px;max-height:430px;overflow:auto;padding-right:3px}.kc-inbox-item{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:10px;align-items:center;padding:12px 10px;border-radius:13px;text-decoration:none;color:#202746;border:1px solid transparent}.kc-inbox-item:hover{background:#f3f1ff;border-color:#e0d9ff}.kc-inbox-item.active{background:#eeeaff;border-color:#cfc3ff;box-shadow:inset 4px 0 #6547ff}.kc-inbox-item strong,.kc-inbox-item small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kc-inbox-item strong{font-size:14px}.kc-inbox-item small{color:#69728c;font-size:12px;margin-top:2px}.kc-inbox-item time{color:#7d859a;font-size:10px;white-space:nowrap}.kc-inbox-people{display:grid;gap:2px;max-height:230px;overflow:auto}.kc-inbox h3{font-size:13px;color:#525d79;text-transform:uppercase;letter-spacing:.08em;margin:22px 4px 8px}.kc-request{padding:12px;margin-bottom:12px;border-radius:12px;background:#fff8e8;border:1px solid #f3d994}.kc-request strong,.kc-request small{display:block}.kc-request small{color:#74663c}.kc-actions{display:flex;gap:6px;margin-top:8px}.kc-actions .kc-btn{padding:7px 10px;font-size:12px}.kc-chat{min-width:0;display:grid;grid-template-rows:auto minmax(380px,1fr) auto;background:#fbfcff}.kc-chat-head{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 24px;background:#fff;border-bottom:1px solid #e2e6f2}.kc-person{display:flex;align-items:center;gap:11px;color:#202746;text-decoration:none}.kc-person strong,.kc-person small{display:block}.kc-person small{font-size:12px;color:#73809a}.kc-thread{display:flex;flex-direction:column;gap:10px;overflow:auto;padding:26px 28px;background:linear-gradient(180deg,#fbfcff,#f5f7ff)}.kc-bubble{max-width:min(72%,620px);padding:11px 14px;border-radius:16px;box-shadow:0 3px 12px rgba(36,42,88,.07);overflow-wrap:anywhere}.kc-bubble p{margin:0;white-space:pre-wrap;line-height:1.5}.kc-bubble small{display:block;margin-top:5px;font-size:10px;color:#7e879c}.kc-bubble.theirs{align-self:flex-start;background:#fff;border:1px solid #e3e6f0;border-bottom-left-radius:5px;color:#202746}.kc-bubble.mine{align-self:flex-end;background:linear-gradient(135deg,#6547ff,#8245e8);color:#fff;border-bottom-right-radius:5px}.kc-bubble.mine small{color:#e7e2ff}.kc-chat-compose{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:16px 22px;background:#fff;border-top:1px solid #e2e6f2}.kc-chat-compose textarea{min-height:48px;resize:vertical;border:1px solid #d7ddec;border-radius:14px;padding:12px;background:#f9faff}.kc-chat-compose textarea:focus{outline:3px solid #d9d0ff;border-color:#6547ff}.kc-chat-compose .kc-btn{align-self:end;height:48px}.kc-chat-empty{display:grid;place-items:center;align-content:center;gap:8px;min-height:560px;padding:40px;text-align:center;color:#68738e}.kc-chat-empty h2{margin:8px 0 0;color:#202746}.kc-messenger .kc-btn.ghost{background:#e9e7ff!important;color:#321b94!important;-webkit-text-fill-color:#321b94!important}.kc-messenger .kc-avatar{display:grid;place-items:center;flex:0 0 auto;width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#6547ff,#d645a8);color:#fff;font-weight:900}.kc-mini{min-width:0}.kc-mini div{min-width:0}@media(max-width:850px){.kc-messenger-grid{grid-template-columns:1fr}.kc-inbox{border-right:0;border-bottom:1px solid #e2e6f2}.kc-inbox-list{max-height:260px}.kc-inbox-people{max-height:160px}.kc-chat{min-height:560px}.kc-chat-head{padding:15px}.kc-thread{padding:18px}.kc-chat-compose{grid-template-columns:1fr}.kc-chat-compose .kc-btn{width:100%}.kc-bubble{max-width:88%}}