/* Komentar CONNECT — gaya mengikuti tema default (navy + emas) dan tampilan komentar di feed loekepo CONNECT. */
.lkc{margin:28px 0 8px;min-height:120px}
.lkc .bar{margin:0 0 14px}
.lkc-cnt{font-weight:600;opacity:.75}
.lkc-box{background:var(--card,#fff);border:1px solid var(--line,#e2e7ee);border-radius:var(--r,12px);padding:14px 16px;box-shadow:var(--sh-1,none)}
.lkc-flash{margin:0 0 12px;padding:10px 12px;border-radius:8px;font-size:14px}
.lkc-ok{background:#e6f6ec;color:#0a6b35}.lkc-err{background:#fdeaea;color:#a5101f}

/* avatar huruf */
.lkc-av{flex:0 0 auto;width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:15px;color:#fff;background:linear-gradient(135deg,#4f7cff,#7a5cff)}
.lkc-av0{background:var(--line,#e2e7ee);color:var(--mute,#667386)}

/* pengguna aktif */
.lkc-me{display:flex;align-items:center;gap:10px;margin:0 0 12px;font-size:14px}
.lkc-me .lkc-av{width:34px;height:34px;font-size:14px}
.lkc-out{margin-left:auto}

/* ajakan masuk */
.lkc-cta{text-align:center;padding:6px 0 14px;border-bottom:1px solid var(--line,#e2e7ee);margin-bottom:6px}
.lkc-cta p{margin:0 0 12px;font-size:14.5px}
.lkc-btn{display:inline-block;margin:0 4px 6px;padding:10px 18px;border-radius:999px;background:var(--navy,#102747);color:#fff;font-weight:700;font-size:14px;text-decoration:none}
.lkc-btn:hover{filter:brightness(1.15);text-decoration:none}
.lkc-alt{background:transparent;color:var(--navy,#102747);border:1px solid var(--navy,#102747)}

/* formulir */
.lkc-f{display:block;margin:0}
.lkc-f textarea{width:100%;box-sizing:border-box;padding:10px 12px;border:1px solid var(--line,#dde3ec);border-radius:8px;font:inherit;font-size:14.5px;line-height:1.5;resize:vertical;min-height:72px;background:#fff;color:inherit}
.lkc-f textarea:focus{outline:2px solid var(--gold,#D8A443);outline-offset:0}
.lkc-fb{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:8px}
.lkc-n{font-size:12px;color:var(--mute,#667386)}
.lkc-f button{border:0;background:var(--navy,#102747);color:#fff;padding:8px 18px;border-radius:999px;font:inherit;font-weight:700;font-size:14px;cursor:pointer}
.lkc-f button:hover{filter:brightness(1.15)}.lkc-f button:disabled{opacity:.6;cursor:default}
.lkc-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.lkc-nf{margin:0 0 6px}

/* daftar komentar (1 tingkat + balasan dilipat, seperti feed CONNECT) */
.lkc-th{border-bottom:1px solid var(--line,#e2e7ee)}
.lkc-th:last-child{border-bottom:0}
.lkc-c{display:flex;gap:10px;padding:12px 0 6px}
.lkc-r{padding:10px 0 4px}
.lkc-r .lkc-av{width:30px;height:30px;font-size:13px}
.lkc-b{min-width:0;flex:1}
.lkc-h{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;font-size:14px}
.lkc-u,.lkc-d{color:var(--mute,#667386);font-size:12.5px}
.lkc-d:before{content:"\00b7";margin-right:8px}
.lkc-pend{margin-left:auto;background:var(--gold-l,#fbf3e0);color:#7a5a12;border-radius:999px;padding:1px 9px;font-size:11.5px;font-weight:700}
.lkc-to{font-size:12.5px;color:var(--mute,#667386);margin-top:2px}
.lkc-t{margin-top:3px;font-size:15px;line-height:1.55;overflow-wrap:anywhere}
.lkc-del{color:var(--mute,#667386);font-style:italic;padding-top:8px}
.lkc-a{display:flex;flex-wrap:wrap;align-items:flex-start;gap:2px 14px;margin-top:4px;font-size:13px}
.lkc-a summary,.lkc-mf button,.lkc-lg{background:none;border:0;padding:2px 0;font:inherit;font-size:13px;font-weight:600;color:var(--mute,#667386);cursor:pointer;list-style:none;text-decoration:none}
.lkc-a summary::-webkit-details-marker{display:none}
.lkc-a summary:hover,.lkc-mf button:hover,.lkc-lg:hover{color:var(--navy,#102747);text-decoration:underline}
.lkc-mf{display:inline;margin:0}
.lkc-rp{flex:1 0 100%}
.lkc-rp>summary{display:inline-block}
.lkc-rp[open]>summary{color:var(--navy,#102747)}
.lkc-rf{margin-top:6px}

/* "Lihat N balasan" */
.lkc-rs{margin:0 0 6px 48px}
.lkc-rs>summary{display:inline-block;list-style:none;cursor:pointer;color:var(--navy-l,#1d3d6b);font-size:13px;font-weight:700;padding:2px 0}
.lkc-rs>summary::-webkit-details-marker{display:none}
.lkc-rs>summary:hover{text-decoration:underline}
.lkc-s2{display:none}
.lkc-rs[open] .lkc-s1{display:none}.lkc-rs[open] .lkc-s2{display:inline}
.lkc-rl{margin-top:2px;padding-left:10px;border-left:2px solid var(--line,#e2e7ee)}
.lkc-empty{margin:0;padding:14px 0;text-align:center;color:var(--mute,#667386)}

@media (max-width:600px){
  .lkc-box{padding:12px}
  .lkc-rs{margin-left:24px}
  .lkc-out{margin-left:0}
  .lkc-me{flex-wrap:wrap}
}
@media (prefers-reduced-motion:no-preference){.lkc-f textarea{transition:outline-color .15s}}

/* suka (ikon hati saja) dan bagikan ke CONNECT (logo CONNECT di deretan Bagikan milik tema) */
.lkc-ab{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:18px 0 4px;padding:12px 0;border-top:1px solid var(--line,#e2e7ee);border-bottom:1px solid var(--line,#e2e7ee)}
.lkc-ab[hidden]{display:none}
.lkc-hi{width:18px;height:18px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:2;stroke-linejoin:round;vertical-align:-3px}
.lkc-lkb{display:inline-flex;align-items:center;gap:5px;background:none;border:0;padding:2px 0;font:inherit;font-size:13px;font-weight:600;color:var(--mute,#667386);cursor:pointer;text-decoration:none}
.lkc-lkb:hover{color:#d6264a;text-decoration:none}
.lkc-lkb.on{color:#d6264a}
.lkc-lkb.on .lkc-hi{fill:currentColor}
.lkc-lkb:disabled{opacity:.6;cursor:default}
.lkc-lkb:focus-visible{outline:2px solid var(--gold,#D8A443);outline-offset:2px;border-radius:6px}
.lkc-lk .lkc-lkb{padding:2px 0}
.lkc-a .lkc-lkb .lkc-hi{width:16px;height:16px}
.lkc-alk{width:42px;height:42px;padding:0;justify-content:center;border:1px solid var(--line,#dde3ec);border-radius:50%;color:var(--navy,#102747);background:var(--card,#fff)}
.lkc-alk .lkc-hi{width:21px;height:21px;vertical-align:0}
.lkc-alk:hover{border-color:#d6264a}
.lkc-alk.on{border-color:#d6264a;background:#fdeef1}
.lkc-am{flex:1 0 100%;font-size:13px;color:#a5101f}
.lkc-am:empty{display:none}
.lkc-shi svg{width:20px;height:20px;display:block;border-radius:5px}
.lkc-shi svg .lkc-lr{fill:#0B2255}
.lkc-shi svg .lkc-lp{fill:#fff}
.lkc-shi .lkc-fav{width:20px;height:20px;display:block;border-radius:5px;object-fit:contain}
.lkc-mlk[hidden]{display:none}