.onyxbb-compact .onyxbb-forum{
  --c-icon: 40px;
  --c-th: clamp(96px,10vw,120px);
  --c-po: clamp(96px,10vw,120px);
  --c-last: minmax(220px,34%);
  padding:8px 10px;
  column-gap:10px;
  row-gap:6px;
  border-radius:12px;
  background: var(--card);
  border: 1px solid var(--border);
}
.onyxbb-compact .onyxbb-forum__icon{
  width:var(--c-icon);height:var(--c-icon);border-radius:10px;
}
.onyxbb-compact .onyxbb-forum__name{font-size:14.5px}
.onyxbb-compact .onyxbb-forum__desc{font-size:12.5px;opacity:.85}
.onyxbb-compact .onyxbb-forum__count{min-width:var(--c-th);padding:6px 8px;border-radius:9px}
.onyxbb-compact .onyxbb-forum__count em{font-size:11px}
.onyxbb-compact .onyxbb-forum__last{padding:6px 8px;border-radius:9px}
.onyxbb-compact .onyxbb-forum__lasticon{width:28px;height:28px;border-radius:8px}
.onyxbb-compact .onyxbb-forum__lasttitle{font-size:13.5px;max-width:30ch}
.onyxbb-compact .onyxbb-forum__lastmeta{font-size:11px}
.onyxbb-compact .onyxbb-forum__subs{gap:6px;margin-top:2px}
.onyxbb-compact .onyxbb-forum__subs a{padding:4px 8px;font-size:11.5px;border-radius:999px}
.onyxbb-compact .onyxbb-fx__search{padding:6px 8px;min-width:min(260px,60vw)}
.onyxbb-compact .onyxbb-cat__head{padding:8px 10px}

.onyxbb-forumindex{display:grid;gap:10px;margin-bottom: 10px;}
.onyxbb-fx__header{display:flex;align-items:center;justify-content:space-between;gap:8px}
.onyxbb-fx__title{margin:0;display:flex;gap:6px;align-items:center;color:var(--text-bright,#fff);font-size:14px;letter-spacing:.03em;text-transform:uppercase;font-weight:800}
.onyxbb-fx__tools{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.onyxbb-fx__search{display:flex;align-items:center;gap:6px;background:var(--highlight-bg);border:1px solid var(--border-color);border-radius:10px}
.onyxbb-fx__search i{color:var(--text-light);font-size:12px}
.onyxbb-fx__search input{background:transparent;border:none;outline:none;color:var(--text-main);width:100%;height:28px;font-size:13px;padding:0 2px}
.onyxbb-fx__chip{display:inline-flex;align-items:center;gap:6px;background:var(--highlight-bg);border:1px solid var(--border-color);border-radius:999px;padding:4px 8px;color:var(--text-main);font-size:12px}
.onyxbb-fx__chip input{appearance:none;width:12px;height:12px;border:1px solid var(--border-color);border-radius:3px;background:transparent}
.onyxbb-fx__chip input:checked{background:var(--accent);border-color:transparent;box-shadow:0 0 0 2px rgba(127,86,217,.25) inset}

.onyxbb-cat{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 8px 18px var(--shadow-color);overflow:hidden}
.onyxbb-cat__head{display:flex;align-items:center;justify-content:space-between;gap:8px;/* background:var(--highlight-bg); *//* border-bottom:1px solid var(--border-color); */background: var(--card);border: 1px solid var(--border);}
.onyxbb-cat__left{display:flex;align-items:center;gap:8px;color:var(--text-bright,#fff);font-weight:800}
.onyxbb-cat__left i{color:var(--accent)}
.onyxbb-cat__mark{display:inline-flex;gap:6px;align-items:center;background:var(--button-bg);color:var(--button-text);border-radius:8px;padding:6px 8px;text-decoration:none;border:1px solid transparent;font-size:12px}
.onyxbb-cat>summary::-webkit-details-marker{display:none}

.onyxbb-forums{list-style:none;margin:0;padding:8px;display:grid;gap:8px;background: var(--card);border: 1px solid var(--border);}


.onyxbb-forum{
  display:grid;
  grid-template-columns:var(--c-icon,56px) 1fr var(--c-th,120px) var(--c-po,120px) var(--c-last,minmax(220px,34%));
  grid-template-rows:auto auto;
  grid-template-areas:
    "icon main threads posts last"
    ".    subs  subs   subs  subs";
  align-items:center;
  background:var(--highlight-bg);
  border:1px solid var(--border-color);
}
.onyxbb-forum.is-unread{box-shadow:0 0 0 2px rgba(127,86,217,.3) inset;border-color:var(--accent-soft)}

.onyxbb-forum__iconwrap{grid-area:icon}
.onyxbb-forum__icon{display:flex;align-items:center;justify-content:center;color:#fff;/* background:linear-gradient(135deg,var(--accent),rgba(255,255,255,.08)); */border:1px solid var(--border-color)}

.onyxbb-forum__main{grid-area:main;min-width:0;display:flex;flex-direction:column}
.onyxbb-forum__name{color:var(--text-bright,#fff);font-weight: 650;letter-spacing:.01em;text-decoration:none}
.onyxbb-forum__name:hover{color:var(--link-color)}
.onyxbb-forum__desc{color:var(--text-main);line-height:1.25}

.onyxbb-forum__count{grid-area:auto;justify-self:end;display:inline-flex;align-items:center;gap:6px;/* background:var(--card-bg); *//* border:1px solid var(--border-color); */background: var(--hi);border: 1px solid var(--border);}
.onyxbb-forum__count i{color:var(--text-light);font-size:12px}
.onyxbb-forum__count b{color:var(--text-bright,#fff);font-size:13px}
.onyxbb-forum__count em{color:var(--text-muted);font-style:normal}
.onyxbb-forum__count:nth-of-type(1){grid-area:threads}
.onyxbb-forum__count:nth-of-type(2){grid-area:posts}

.onyxbb-forum__last{grid-area:last;display:flex;gap:8px;align-items:center;text-decoration:none;background:var(--card-bg);border:1px solid var(--border-color)}
.onyxbb-forum__lasticon{display:flex;align-items:center;justify-content:center;color:#fff;/* background:linear-gradient(135deg,var(--accent),rgba(255,255,255,.08)); */}
.onyxbb-forum__lastbody{min-width:0;display:flex;flex-direction:column}
.onyxbb-forum__lasttitle{color:var(--text-main);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.onyxbb-forum__lastmeta{color:var(--text-muted);font-size:11px}

.onyxbb-forum__subs{grid-area:subs;display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.onyxbb-forum__subs a{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:999px;background:var(--card-bg);border:1px solid var(--border-color);color:var(--text-main);text-decoration:none;font-size:11.5px}
.onyxbb-forum__subs a i{color:var(--text-light);font-size:12px}


@media (max-width:1100px){
  .onyxbb-forum{
    grid-template-columns:var(--c-icon,40px) 1fr var(--c-th,110px) var(--c-po,110px);
    grid-template-areas:
      "icon main threads posts"
      ".    last  last    last"
      ".    subs  subs    subs";
  }
  .onyxbb-forum__count{justify-self:start}
}
@media (max-width:720px){
  .onyxbb-forum{
    grid-template-columns:var(--c-icon,40px) 1fr;
    grid-template-areas:
      "icon main"
      ".    last"
      ".    counts"
      ".    subs";
  }
  .onyxbb-forum__count{grid-area:counts;justify-self:start}
  .onyxbb-forum__count + .onyxbb-forum__count{margin-left:6px}
}
 "