/* =====================================================================
   DIỄN ĐÀN (js_new/hk-forum.js) - dùng cho tab Diễn đàn trong Box Chat và trang dien-dan.php
   ===================================================================== */
.hkf{--f-bg:#1f2328;--f-bg2:#171a1e;--f-card:#22262c;--f-line:#33383f;--f-line2:#2b3036;--f-tx:#e5e7eb;--f-mu:#9ca3af;--f-ac:#f59e0b;--f-ac2:#fbbf24;--f-link:#93c5fd;
	position:relative;display:flex;flex-direction:column;background:var(--f-bg);color:var(--f-tx);border:1px solid var(--f-line);border-radius:.75rem;font-size:.92rem;line-height:1.5;min-width:0}
.hkf *,.hkf *::before,.hkf *::after{box-sizing:border-box}
.hkf [hidden]{display:none!important}
.hkf a{color:var(--f-link);text-decoration:none}
.hkf a:hover{text-decoration:underline}
.hkf button{font:inherit}

/* thanh trên */
.hkf-bar{display:flex;align-items:center;gap:.35rem;padding:.45rem .6rem;background:linear-gradient(90deg,#2b2f36,#1f2328);border-bottom:1px solid var(--f-line);border-radius:.75rem .75rem 0 0;position:sticky;top:0;z-index:5}
.hkf--page .hkf-bar{top:calc(env(safe-area-inset-top,0px) + 56px)}
.hkf-bar__btn{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:34px;padding:0 .45rem;border:1px solid #3b4149;background:#1f2328;color:var(--f-tx);border-radius:.5rem;cursor:pointer;font-size:1rem;text-decoration:none!important;flex:none}
.hkf-bar__btn:hover,.hkf-bar__btn:focus-visible{border-color:var(--f-ac);background:#2b3038;outline:none}
.hkf-bar__btn:disabled{opacity:.35;cursor:default}
.hkf-bar__me img{border-radius:50%}
.hkf-bar__tools{margin-left:auto;display:flex;gap:.3rem;flex:none}
.hkf-badge{position:absolute;top:-6px;right:-6px;min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:#ef4444;color:#fff;font-size:.66rem;line-height:17px;text-align:center;font-weight:700}
.hkf-crumbs{display:flex;align-items:center;gap:.3rem;min-width:0;flex:1 1 auto;overflow:hidden;white-space:nowrap;font-size:.85rem}
.hkf-crumbs__a{color:#cbd5e1!important;overflow:hidden;text-overflow:ellipsis;flex:0 1 auto;min-width:2em}
.hkf-crumbs__cur{color:#fff;font-weight:700;overflow:hidden;text-overflow:ellipsis;min-width:0}
.hkf-crumbs__sep{color:#6b7280;flex:none}

.hkf-main{padding:.75rem;min-height:240px}
.hkf--pane .hkf-main{flex:1 1 0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
.hkf-loading,.hkf-empty{padding:2rem 1rem;text-align:center;color:var(--f-mu)}
.hkf-empty--err{color:#fca5a5}
.hkf-empty .hkf-btn{margin-top:.6rem}
.hkf-muted{color:var(--f-mu);font-size:.82rem}
.hkf-dot{color:#6b7280;margin:0 .2rem}
.hkf-ico{margin-right:.25rem}
.hkf-time{color:var(--f-mu);font-size:.8rem;white-space:nowrap}
.hkf-user{font-weight:600;color:#e2e8f0!important}
.hkf-more{display:block;margin-top:.5rem;font-size:.85rem;text-align:right}
.hkf-note{margin:.5rem 0;padding:.55rem .75rem;border:1px solid #3b4149;border-radius:.5rem;background:#1a1d21;color:#cbd5e1;font-size:.86rem}
.hkf-note--warn{border-color:#92400e;background:#2a1d0e;color:#fde68a}
.hkf-note__a{font-weight:700;color:var(--f-ac2)!important}
.hkf-av{display:inline-block;border-radius:50%;background:#2b3038;object-fit:cover;flex:none;vertical-align:middle}
.hkf-av.is-gone{background:linear-gradient(135deg,#374151,#1f2937)}

/* nút */
.hkf-btn{display:inline-flex;align-items:center;justify-content:center;gap:.3rem;border:1px solid #3b4149;background:#2b3038;color:var(--f-tx);border-radius:.5rem;padding:.42rem .85rem;cursor:pointer;font-weight:600;font-size:.86rem;white-space:nowrap;min-height:36px}
.hkf-btn:hover,.hkf-btn:focus-visible{border-color:var(--f-ac);outline:none;background:#343a43}
.hkf-btn:disabled{opacity:.5;cursor:wait}
.hkf-btn--pri{background:linear-gradient(180deg,#d97706,#b45309);border-color:#f59e0b;color:#fff}
.hkf-btn--pri:hover{background:linear-gradient(180deg,#f59e0b,#d97706)}
.hkf-btn--danger{border-color:#7f1d1d;color:#fecaca}
.hkf-btn--danger:hover{background:#7f1d1d;border-color:#ef4444}
.hkf-btn--sm{padding:.25rem .6rem;font-size:.8rem;min-height:30px}

/* thẻ chung */
.hkf-card{background:var(--f-card);border:1px solid var(--f-line2);border-radius:.65rem;padding:.65rem .75rem;margin-bottom:.75rem;min-width:0}
.hkf-card__title{margin:0 0 .5rem;font-size:1rem;font-weight:700;color:#fff}
.hkf-prefix{display:inline-block;padding:0 .45rem;margin-right:.35rem;border-radius:.3rem;background:#64748b;color:#fff;font-size:.72rem;font-weight:700;line-height:1.55rem;vertical-align:.08em;white-space:nowrap;text-decoration:none!important}
.hkf-prefix--del{background:#7f1d1d}
.hkf-rbadge{display:inline-block;padding:0 .35rem;margin-left:.3rem;border-radius:.3rem;background:#7c2d12;color:#fed7aa;font-size:.62rem;font-weight:800;letter-spacing:.03em;line-height:1.4;vertical-align:.1em}
.hkf-rbadge--admin{background:#991b1b;color:#fee2e2}
.hkf-rbadge--ql{background:#6d28d9;color:#ede9fe}
.hkf-rbadge--smod{background:#1d4ed8;color:#dbeafe}
.hkf-rbadge--mod{background:#047857;color:#d1fae5}

/* trang chủ */
.hkf-hero{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem 1rem;padding:.75rem .85rem;margin-bottom:.75rem;border:1px solid #5b4a1a;border-radius:.65rem;background:radial-gradient(circle at 0 0,#3a2f12,#22262c 70%)}
.hkf-hero__t{margin:0;font-size:1.2rem;color:#fde68a;flex:1 1 auto}
.hkf-hero__stats{display:flex;flex-wrap:wrap;gap:.4rem}
.hkf-stat{display:inline-flex;flex-direction:column;align-items:center;min-width:72px;padding:.25rem .5rem;border:1px solid #3b4149;border-radius:.5rem;background:#1a1d21}
.hkf-stat b{color:#fff;font-size:.92rem}
.hkf-stat small{color:var(--f-mu);font-size:.72rem}
.hkf-hero__new{flex-basis:100%;margin:0;font-size:.82rem;color:#cbd5e1}
.hkf-hero__acts{flex-basis:100%;display:flex;flex-wrap:wrap;gap:.4rem}
.hkf-hero__acts .hkf-note{margin:0}
.hkf-homegrid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:.75rem;align-items:start}
.hkf--pane .hkf-homegrid{grid-template-columns:1fr}
@media (max-width:1000px){.hkf-homegrid{grid-template-columns:1fr}}
.hkf-cat{padding:0;overflow:hidden}
.hkf-cat .hkf-card__title{margin:0;padding:.55rem .75rem;background:#2b3038;border-bottom:1px solid var(--f-line);font-size:.95rem}
.hkf-frow{display:grid;grid-template-columns:42px minmax(0,1fr) 110px minmax(0,240px);gap:.6rem;align-items:center;padding:.6rem .75rem;border-bottom:1px solid var(--f-line2)}
.hkf-frow:last-child{border-bottom:0}
.hkf-frow:hover{background:#262a31}
.hkf-frow__ic{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:.6rem;background:#1a1d21;border:1px solid #3b4149;font-size:1.3rem}
.hkf-frow.is-unread .hkf-frow__ic{border-color:var(--f-ac);box-shadow:0 0 0 2px #f59e0b33}
.hkf-frow__t{font-weight:700;color:#fff!important;font-size:.98rem}
.hkf-frow__d{margin:.1rem 0 0;color:var(--f-mu);font-size:.8rem}
.hkf-newdot{display:inline-block;margin-left:.4rem;min-width:18px;padding:0 5px;border-radius:999px;background:var(--f-ac);color:#1b1300;font-size:.68rem;font-weight:800;line-height:18px;text-align:center;vertical-align:.1em}
.hkf-frow__cnt{display:flex;flex-direction:column;font-size:.76rem;color:var(--f-mu);text-align:right}
.hkf-frow__last{display:flex;align-items:center;gap:.45rem;min-width:0}
.hkf-frow__lt{min-width:0;font-size:.8rem}
.hkf-frow__lt>div:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hkf-frow__la{color:#e5e7eb!important}
.hkf-frow__by{color:var(--f-mu);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hkf--pane .hkf-frow{grid-template-columns:40px minmax(0,1fr) minmax(0,200px)}
.hkf--pane .hkf-frow__cnt{display:none}
.hkf-latest{position:sticky;top:60px}
.hkf--pane .hkf-latest{position:static}
.hkf-mini{display:flex;gap:.5rem;padding:.4rem 0;border-bottom:1px solid var(--f-line2);min-width:0}
.hkf-mini:last-of-type{border-bottom:0}
.hkf-mini__m{min-width:0;font-size:.84rem}
.hkf-mini__t{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.hkf-mini__t a{color:#e5e7eb!important;font-weight:600}
.hkf-mini.is-unread .hkf-mini__t a{color:#fff!important;font-weight:800}
.hkf-mini__by{color:var(--f-mu);font-size:.76rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* đầu mục */
.hkf-fhead{display:flex;align-items:center;gap:.7rem;margin-bottom:.6rem}
.hkf-fhead__ic{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:.7rem;background:#1a1d21;border:1px solid #3b4149;font-size:1.5rem;flex:none}
.hkf-fhead__t{flex:1 1 auto;min-width:0}
.hkf-fhead__t h2{margin:0;font-size:1.15rem;color:#fff}
.hkf-fhead__t p{margin:.1rem 0 0;color:var(--f-mu);font-size:.84rem}
.hkf-chips{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.6rem}
.hkf-chip{display:inline-block;padding:.15rem .6rem;border:1px solid #3b4149;border-radius:999px;background:#1a1d21;color:#cbd5e1!important;font-size:.8rem;text-decoration:none!important}
.hkf-chip:hover{border-color:var(--f-ac)}
.hkf-chip.is-on{background:var(--f-ac);border-color:var(--f-ac);color:#1b1300!important;font-weight:700}

/* danh sách chủ đề */
.hkf-tlist{border:1px solid var(--f-line2);border-radius:.65rem;overflow:hidden;background:var(--f-card)}
.hkf-card .hkf-tlist{border:0;background:transparent}
.hkf-trow{display:grid;grid-template-columns:40px minmax(0,1fr) 92px 120px;gap:.6rem;align-items:center;padding:.55rem .7rem;border-bottom:1px solid var(--f-line2)}
.hkf-trow:last-child{border-bottom:0}
.hkf-trow:hover{background:#262a31}
.hkf-trow.is-pinned{background:#2a2414}
.hkf-trow.is-deleted{opacity:.55}
.hkf-trow__title{font-size:.95rem;line-height:1.4;overflow-wrap:anywhere}
.hkf-trow__a{color:#e5e7eb!important;font-weight:600}
.hkf-trow.is-unread .hkf-trow__a{color:#fff!important;font-weight:800}
.hkf-trow.is-unread .hkf-trow__av img{box-shadow:0 0 0 2px var(--f-ac)}
.hkf-trow__pages{margin-left:.4rem;font-size:.72rem;white-space:nowrap}
.hkf-trow__pages a{display:inline-block;padding:0 .3rem;margin-right:.1rem;border:1px solid #3b4149;border-radius:.25rem;color:#cbd5e1!important}
.hkf-trow__meta{display:flex;flex-wrap:wrap;align-items:center;gap:0 .15rem;color:var(--f-mu);font-size:.78rem;margin-top:.1rem}
.hkf-trow__meta img{margin-right:.25rem}
.hkf-trow__forum{color:var(--f-mu)!important}
.hkf-trow__stats{display:flex;flex-direction:column;font-size:.76rem;color:var(--f-mu);text-align:right}
.hkf-trow__last{display:flex;flex-direction:column;align-items:flex-end;font-size:.78rem;min-width:0;text-align:right}
.hkf-trow__last .hkf-user{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}
.hkf-trow__lt{color:var(--f-mu)!important;white-space:nowrap}
.hkf--pane .hkf-trow{grid-template-columns:36px minmax(0,1fr) 100px}
.hkf--pane .hkf-trow__stats{display:none}

/* phân trang */
.hkf-pager{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem;margin:.6rem 0}
.hkf-pager__a,.hkf-pager__cur{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 .5rem;border:1px solid #3b4149;border-radius:.4rem;background:#1a1d21;color:#cbd5e1!important;font-size:.85rem;text-decoration:none!important}
.hkf-pager__a:hover{border-color:var(--f-ac)}
.hkf-pager__cur{background:var(--f-ac);border-color:var(--f-ac);color:#1b1300!important;font-weight:800}
.hkf-pager__gap{color:#6b7280;padding:0 .2rem}

/* chủ đề */
.hkf-thead{margin-bottom:.6rem}
.hkf-thead__t{margin:0;font-size:1.25rem;line-height:1.35;color:#fff;overflow-wrap:anywhere}
.hkf-thead__meta{display:flex;flex-wrap:wrap;align-items:center;color:var(--f-mu);font-size:.82rem;margin-top:.2rem}
.hkf-thead__acts{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.5rem}
.hkf-posts{display:flex;flex-direction:column;gap:.6rem}
.hkf-post{display:grid;grid-template-columns:150px minmax(0,1fr);border:1px solid var(--f-line2);border-radius:.65rem;background:var(--f-card);overflow:hidden;scroll-margin-top:110px}
.hkf--pane .hkf-post{scroll-margin-top:10px}
.hkf-post.is-first{border-color:#4b3c16}
.hkf-post.is-deleted{opacity:.6;border-style:dashed}
.hkf-post.is-jump{animation:hkf-flash 2s ease-out}
@keyframes hkf-flash{0%,30%{box-shadow:0 0 0 2px var(--f-ac),0 0 22px #f59e0b55}100%{box-shadow:none}}
.hkf-post__side{display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.75rem .5rem;background:#1c2024;border-right:1px solid var(--f-line2);text-align:center;min-width:0}
.hkf-post__name{font-size:.9rem;overflow-wrap:anywhere;margin-top:.2rem}
.hkf-post__role{font-size:.72rem;color:var(--f-mu)}
.hkf-post__info{display:flex;flex-direction:column;font-size:.7rem;color:#7c8591;margin-top:.25rem}
.hkf-post__main{display:flex;flex-direction:column;min-width:0;padding:.6rem .8rem}
.hkf-post__top{display:flex;align-items:center;gap:.5rem;padding-bottom:.4rem;margin-bottom:.5rem;border-bottom:1px solid var(--f-line2);font-size:.8rem}
.hkf-post__edited{color:#7c8591;font-size:.75rem}
.hkf-post__n{margin-left:auto;color:var(--f-mu)!important;font-size:.8rem}
.hkf-post__body{flex:1 1 auto;min-height:2.5em}
.hkf-post__sig{margin-top:.75rem;padding-top:.45rem;border-top:1px dashed #3b4149;color:#9ca3af;font-size:.82rem;max-height:7.5em;overflow:hidden}
.hkf-post__foot{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;margin-top:.6rem}
.hkf-post__acts{position:relative;margin-left:auto;display:flex;flex-wrap:wrap;gap:.25rem}
.hkf-act{border:1px solid transparent;background:transparent;color:#cbd5e1;border-radius:.4rem;padding:.2rem .5rem;cursor:pointer;font-size:.8rem;min-height:30px}
.hkf-act:hover,.hkf-act:focus-visible{background:#2b3038;border-color:#3b4149;outline:none}
.hkf-act.is-on{color:var(--f-ac2);font-weight:700}
.hkf-act--danger:hover{color:#fecaca;border-color:#7f1d1d}
.hkf-act--muted{color:#6b7280}
.hkf-rx{display:flex;flex-wrap:wrap;gap:.25rem}
.hkf-rx__chip{border:1px solid #3b4149;background:#1a1d21;color:#e5e7eb;border-radius:999px;padding:.05rem .5rem;font-size:.8rem;cursor:pointer}
.hkf-rx__chip.is-mine{border-color:var(--f-ac);background:#3a2f12}
.hkf-rxpick{position:absolute;bottom:calc(100% + 4px);left:0;display:flex;gap:.15rem;padding:.25rem;background:#15181c;border:1px solid #3b4149;border-radius:999px;box-shadow:0 10px 26px #000a;z-index:10}
.hkf-rxpick__b{border:0;background:transparent;font-size:1.35rem;line-height:1;padding:.2rem;border-radius:50%;cursor:pointer;transition:transform .12s}
.hkf-rxpick__b:hover,.hkf-rxpick__b.is-on{transform:scale(1.25);background:#2b3038}
.hkf-replybox{margin-top:.75rem}
.hkf-editbox{margin:.25rem 0}
@media (max-width:640px){
	.hkf-post{grid-template-columns:1fr}
	.hkf-post__side{flex-direction:row;flex-wrap:wrap;justify-content:flex-start;gap:.15rem .5rem;padding:.5rem .65rem;border-right:0;border-bottom:1px solid var(--f-line2);text-align:left}
	.hkf-post__side .hkf-av{width:38px;height:38px}
	.hkf-post__name{margin:0}
	.hkf-post__info{flex-direction:row;gap:.5rem;margin:0;flex-basis:100%;padding-left:calc(38px + .5rem);margin-top:-.4rem}
	.hkf-post__info span:nth-child(2){display:none}
}
.hkf--pane .hkf-post{grid-template-columns:1fr}
.hkf--pane .hkf-post__side{flex-direction:row;flex-wrap:wrap;justify-content:flex-start;gap:.15rem .5rem;padding:.45rem .65rem;border-right:0;border-bottom:1px solid var(--f-line2);text-align:left}
.hkf--pane .hkf-post__side .hkf-av{width:34px;height:34px}
.hkf--pane .hkf-post__name{margin:0}
.hkf--pane .hkf-post__info{flex-direction:row;gap:.5rem;margin:0 0 0 auto}

/* nội dung bài (BBCode) */
.hkf-bb{overflow-wrap:anywhere;word-break:normal}
.hkf-bb b,.hkf-bb strong{color:#fff}
.hkf-bb .hkf-center{text-align:center}
.hkf-bb .hkf-right{text-align:right}
.hkf-bb .hkf-quote{margin:.4rem 0;padding:.45rem .7rem;border-left:3px solid var(--f-ac);background:#1a1d21;border-radius:0 .4rem .4rem 0;color:#cbd5e1}
.hkf-bb .hkf-quote__by{font-size:.78rem;font-weight:700;margin-bottom:.2rem}
.hkf-bb .hkf-quote__by i{font-style:normal;font-weight:400;color:var(--f-mu)}
.hkf-bb .hkf-quote .hkf-quote{background:#22262c}
.hkf-bb .hkf-code{margin:.4rem 0;padding:.55rem .7rem;background:#0f1114;border:1px solid #2b3036;border-radius:.4rem;overflow:auto;max-height:420px;font:.82rem/1.45 ui-monospace,Consolas,"Courier New",monospace;color:#d1fae5;white-space:pre}
.hkf-bb .hkf-spoiler{margin:.4rem 0;border:1px solid #3b4149;border-radius:.4rem;background:#1a1d21}
.hkf-bb .hkf-spoiler>summary{padding:.3rem .6rem;cursor:pointer;color:var(--f-ac2);font-weight:600}
.hkf-bb .hkf-spoiler>summary i{font-style:normal}
.hkf-bb .hkf-spoiler>div{padding:.3rem .7rem .5rem}
.hkf-bb .hkf-list{margin:.3rem 0;padding-left:1.4rem}
.hkf-bb .hkf-list li{margin:.1rem 0}
.hkf-bb hr{border:0;border-top:1px solid #3b4149;margin:.6rem 0}
.hkf-bb .hkf-img{display:block;max-width:100%;height:auto;margin:.35rem 0;border-radius:.4rem;cursor:zoom-in;background:#15181c}
.hkf-bb .hkf-noimg{color:#6b7280;font-style:italic}
.hkf-bb .hkf-at{color:#fde68a}
.hkf-c-red{color:#f87171}.hkf-c-orange{color:#fb923c}.hkf-c-yellow{color:#facc15}.hkf-c-gold{color:#f6c453}.hkf-c-green{color:#4ade80}.hkf-c-teal{color:#2dd4bf}
.hkf-c-blue{color:#60a5fa}.hkf-c-purple{color:#c084fc}.hkf-c-pink{color:#f472b6}.hkf-c-gray{color:#9ca3af}.hkf-c-white{color:#fff}
.hkf-sz1{font-size:.8em}.hkf-sz2{font-size:1em}.hkf-sz3{font-size:1.2em}.hkf-sz4{font-size:1.5em;line-height:1.3}.hkf-sz5{font-size:2em;line-height:1.2}

/* bình chọn */
.hkf-poll{border-color:#4b3c16}
.hkf-poll__opts{display:flex;flex-direction:column;gap:.35rem}
.hkf-poll__opt{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.25rem .6rem;padding:.35rem .55rem;border:1px solid #3b4149;border-radius:.45rem;background:#1a1d21}
label.hkf-poll__opt{cursor:pointer}
label.hkf-poll__opt:hover{border-color:var(--f-ac)}
div.hkf-poll__opt{grid-template-columns:minmax(0,1fr) auto}
.hkf-poll__opt.is-mine{border-color:var(--f-ac)}
.hkf-poll__bar{grid-column:1/-1;display:block;height:8px;border-radius:99px;background:#2b3038;overflow:hidden;order:3}
.hkf-poll__bar i{display:block;height:100%;background:linear-gradient(90deg,#d97706,#fbbf24);border-radius:99px}
.hkf-poll__n{font-size:.78rem;color:var(--f-mu);white-space:nowrap}
.hkf-poll .hkf-muted{margin:.4rem 0}

/* trình soạn */
.hkf-ed{position:relative;border:1px solid #3b4149;border-radius:.55rem;background:#15181c}
.hkf-ed__tb{display:flex;flex-wrap:wrap;gap:.15rem;padding:.3rem;border-bottom:1px solid #2b3036;background:#1a1d21;border-radius:.55rem .55rem 0 0}
.hkf-ed__b{min-width:32px;height:30px;padding:0 .4rem;border:1px solid transparent;background:transparent;color:#cbd5e1;border-radius:.35rem;cursor:pointer;font-size:.88rem}
.hkf-ed__b:hover,.hkf-ed__b.is-on{background:#2b3038;border-color:#3b4149;color:#fff}
.hkf-ed__b.is-b{font-weight:900}.hkf-ed__b.is-i{font-style:italic;font-family:Georgia,serif}.hkf-ed__b.is-u{text-decoration:underline}.hkf-ed__b.is-s{text-decoration:line-through}
.hkf-ed__prev{margin-left:auto;font-size:.8rem}
.hkf-ed__ta{display:block;width:100%;min-height:110px;padding:.6rem .7rem;border:0;background:transparent;color:var(--f-tx);font:inherit;font-size:.95rem;line-height:1.55;resize:vertical;outline:none}
.hkf-ed__ta.is-drop{background:#1f2a1f;box-shadow:inset 0 0 0 2px #22c55e}
.hkf-ed__preview{padding:.6rem .7rem}
.hkf-ed__foot{display:flex;align-items:flex-start;gap:.5rem;padding:.2rem .6rem .35rem;border-top:1px solid #2b3036;font-size:.75rem;color:#6b7280}
.hkf-ed__count{margin-left:auto;white-space:nowrap}
.hkf-ed__help summary{cursor:pointer}
.hkf-ed__help pre{margin:.3rem 0;white-space:pre-wrap;font:.74rem/1.5 ui-monospace,Consolas,monospace;color:#9ca3af}
.hkf-ed__pop{position:absolute;z-index:12;top:40px;left:.3rem;right:.3rem;max-width:340px;padding:.35rem;background:#15181c;border:1px solid #3b4149;border-radius:.5rem;box-shadow:0 12px 30px #000b}
.hkf-ed__colors{display:flex;flex-wrap:wrap;gap:.3rem}
.hkf-ed__color{width:28px;height:28px;border:2px solid #0006;border-radius:50%;cursor:pointer}
.hkf-ed__sizes{display:flex;flex-wrap:wrap;gap:.3rem;align-items:center}
.hkf-ed__size{border:1px solid #3b4149;background:#1f2328;color:#e5e7eb;border-radius:.35rem;padding:.1rem .5rem;cursor:pointer}
.hkf-ed__emoji{display:grid;grid-template-columns:repeat(10,1fr);gap:.1rem}
.hkf-ed__emo{border:0;background:transparent;font-size:1.25rem;line-height:1;padding:.2rem;border-radius:.3rem;cursor:pointer}
.hkf-ed__emo:hover{background:#2b3038}

/* biểu mẫu */
.hkf-formrow{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem;margin-bottom:.5rem}
.hkf-formfoot{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.45rem;margin-top:.55rem}
.hkf-label{font-weight:600;font-size:.86rem;color:#cbd5e1;min-width:3em}
.hkf-input{display:block;flex:1 1 200px;min-width:0;padding:.45rem .6rem;border:1px solid #3b4149;border-radius:.45rem;background:#15181c;color:var(--f-tx);font:inherit;font-size:.92rem}
textarea.hkf-input{width:100%;resize:vertical;margin:.35rem 0}
.hkf-input:focus{outline:none;border-color:var(--f-ac);box-shadow:0 0 0 2px #f59e0b33}
.hkf-input--title{font-weight:700;font-size:1rem}
.hkf-input--prefix{flex:0 0 auto;max-width:180px}
.hkf-input--sm{flex:0 0 auto}
.hkf-check{display:inline-flex;align-items:center;gap:.25rem;font-size:.86rem;cursor:pointer;white-space:nowrap}
.hkf-pollform{margin:.6rem 0;padding:.45rem .6rem;border:1px dashed #3b4149;border-radius:.5rem}
.hkf-pollform summary{cursor:pointer;font-weight:600;color:var(--f-ac2)}
.hkf-pollform .hkf-input{margin:.4rem 0}
.hkf-staffopts{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .9rem;margin:.6rem 0;padding:.45rem .6rem;border:1px solid #4b3c16;border-radius:.5rem;background:#2a2414;font-size:.86rem}
.hkf-searchform{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}

/* tìm kiếm / hồ sơ / thông báo / báo cáo */
.hkf-sres{display:flex;flex-direction:column;gap:.45rem}
.hkf-sres__r{padding:.5rem .65rem;border:1px solid var(--f-line2);border-radius:.55rem;background:var(--f-card)}
.hkf-card .hkf-sres__r{border:0;border-bottom:1px solid var(--f-line2);border-radius:0;padding:.45rem 0;background:transparent}
.hkf-sres__t{font-weight:700;color:#fff!important}
.hkf-sres__t a{color:#fff!important}
.hkf-sres__txt{margin:.2rem 0;color:#cbd5e1;font-size:.86rem;overflow-wrap:anywhere}
.hkf-sres__txt mark{background:#fde04755;color:#fff;border-radius:.2rem;padding:0 .1rem}
.hkf-profile{margin-bottom:.75rem;padding:.8rem;border:1px solid #4b3c16;border-radius:.65rem;background:radial-gradient(circle at 0 0,#3a2f12,#22262c 70%)}
.hkf-profile__top{display:flex;flex-wrap:wrap;gap:.9rem;align-items:center}
.hkf-profile__info{flex:1 1 220px;min-width:0}
.hkf-profile__info h2{margin:0;font-size:1.3rem;color:#fff;overflow-wrap:anywhere}
.hkf-profile__info p{margin:.1rem 0 .45rem}
.hkf-profile__stats{display:flex;flex-wrap:wrap;gap:.4rem}
.hkf-profile__acts{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.6rem}
.hkf-profile .hkf-sigcard{margin:.7rem 0 0}
.hkf-profile .hkf-sigcard .hkf-post__sig{max-height:none;border-top:0;margin-top:0;padding-top:0}
.hkf-profile__grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}
.hkf--pane .hkf-profile__grid{grid-template-columns:1fr}
@media (max-width:860px){.hkf-profile__grid{grid-template-columns:1fr}}
.hkf-profile__grid .hkf-trow{grid-template-columns:32px minmax(0,1fr) 90px}
.hkf-profile__grid .hkf-trow__stats{display:none}
.hkf-notice{display:flex;align-items:center;gap:.55rem;padding:.5rem .4rem;border-bottom:1px solid var(--f-line2);color:#cbd5e1!important;text-decoration:none!important;border-radius:.4rem}
.hkf-notice:hover{background:#2b3038}
.hkf-notice.is-new{background:#2a2414}
.hkf-notice__k{width:22px;text-align:center;font-weight:800;color:var(--f-ac2)}
.hkf-notice__m{min-width:0;font-size:.86rem;overflow-wrap:anywhere}
.hkf-notice__m b{color:#fff}
.hkf-notice__m small{display:block;color:var(--f-mu);font-size:.74rem}
.hkf-notices>.hkf-btn{margin-bottom:.4rem}
.hkf-report{padding:.55rem 0;border-bottom:1px solid var(--f-line2)}
.hkf-report__h{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;font-weight:700}
.hkf-report__reason{margin:.2rem 0;color:#fca5a5;font-size:.86rem}
.hkf-report__text{margin:.2rem 0 .4rem;padding:.35rem .6rem;border-left:3px solid #7f1d1d;background:#1a1d21;color:#cbd5e1;font-size:.84rem;overflow-wrap:anywhere}
.hkf-report__acts{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}
.hkf-wholist{display:flex;flex-direction:column;gap:.3rem;max-height:50vh;overflow:auto}
.hkf-wholist__r{display:flex;align-items:center;gap:.45rem}
.hkf-wholist__k{width:24px;text-align:center}
.hkf-banform{display:flex;flex-direction:column;gap:.5rem}

/* hộp thoại + thông báo nhỏ */
.hkf-dlg{position:fixed;inset:0;z-index:2147483000;display:flex;align-items:center;justify-content:center;padding:16px;background:#000a;color:#e5e7eb;font-size:.92rem}
.hkf-dlg__box{width:min(460px,100%);max-height:calc(100vh - 32px);display:flex;flex-direction:column;background:#1f2328;border:1px solid #3b4149;border-radius:.75rem;box-shadow:0 20px 50px #000c}
.hkf-dlg__head{display:flex;align-items:center;gap:.5rem;padding:.6rem .8rem;border-bottom:1px solid #33383f;color:#fff}
.hkf-dlg__x{margin-left:auto;border:0;background:transparent;color:#9ca3af;font-size:1.1rem;cursor:pointer;min-width:32px;min-height:32px}
.hkf-dlg__body{padding:.75rem .8rem;overflow:auto}
.hkf-dlg__body p{margin:0}
.hkf-dlg__foot{display:flex;justify-content:flex-end;gap:.45rem;padding:.55rem .8rem;border-top:1px solid #33383f}
.hkf-dlg .hkf-input{width:100%;margin:0}
.hkf-dlg .hkf-btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid #3b4149;background:#2b3038;color:#e5e7eb;border-radius:.5rem;padding:.42rem .85rem;cursor:pointer;font:inherit;font-weight:600;font-size:.86rem;min-height:36px}
.hkf-dlg .hkf-btn--pri{background:linear-gradient(180deg,#d97706,#b45309);border-color:#f59e0b;color:#fff}
.hkf-dlg .hkf-btn--danger{border-color:#7f1d1d;color:#fecaca}
.hkf-dlg .hkf-input{display:block;padding:.45rem .6rem;border:1px solid #3b4149;border-radius:.45rem;background:#15181c;color:#e5e7eb;font:inherit}
.hkf-dlg .hkf-av{border-radius:50%}
.hkf-dlg .hkf-user{color:#e2e8f0;font-weight:600;text-decoration:none}
.hkf-dlg .hkf-lb__img{display:block;max-width:100%;max-height:78vh;margin:auto;border-radius:.4rem;cursor:zoom-out}
.hkf-dlg__box:has(.hkf-lb__img){width:min(1100px,100%)}
.hkf-toast{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);z-index:20;max-width:calc(100% - 24px);padding:.5rem .9rem;border-radius:.55rem;background:#7f1d1d;border:1px solid #ef4444;color:#fff;font-size:.86rem;box-shadow:0 10px 26px #000a;text-align:center}
.hkf--page .hkf-toast{position:fixed}
.hkf-toast.is-good{background:#14532d;border-color:#22c55e}

/* ---- trong Box Chat ---- */
.hk-forum .hkf--pane{height:100%;border-radius:.75rem}
@media (max-width:640px){
	.hkf-main{padding:.5rem}
	.hkf-bar{padding:.35rem .4rem;gap:.25rem}
	.hkf-bar__btn{min-width:32px;height:32px;padding:0 .3rem}
	.hkf-crumbs{font-size:.8rem}
	.hkf-frow,.hkf--pane .hkf-frow{grid-template-columns:36px minmax(0,1fr)}
	.hkf-frow__ic{width:36px;height:36px;font-size:1.1rem}
	.hkf-frow__cnt{display:none}
	.hkf-frow__last{grid-column:2;font-size:.76rem}
	.hkf-frow__last img{display:none}
	.hkf-trow,.hkf--pane .hkf-trow,.hkf-profile__grid .hkf-trow{grid-template-columns:32px minmax(0,1fr)}
	.hkf-trow__av img{width:32px;height:32px}
	.hkf-trow__stats{display:none}
	.hkf-trow__last{grid-column:2;flex-direction:row;gap:.3rem;justify-content:flex-start;margin-top:-.25rem}
	.hkf-hero__t{font-size:1.05rem}
	.hkf-stat{min-width:60px}
	.hkf-thead__t{font-size:1.08rem}
	.hkf-ed__ta,.hkf-input{font-size:16px}
	.hkf-ed__b{min-width:34px;height:34px}
}
.hkf-bb .hkf-quote .hkf-img{max-height:180px;width:auto}