/* =========================================================
   software/style.css — HANYA untuk subdomain software/index.html
   ========================================================= */

.filter-row{ display:flex; gap:10px; flex-wrap:wrap; margin-bottom:28px; }
.filter-chip{
  padding:8px 16px; border-radius:999px; border:1px solid var(--line);
  background:transparent; color:var(--text-dim); font-family:var(--font-mono);
  font-size:.8rem; cursor:pointer;
}
.filter-chip.active{ background:var(--accent); border-color:var(--accent); color:#04211c; }

.soft-card[data-cat]{ transition:opacity .15s; }
.soft-card.hide{ display:none; }

.soft-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:18px; }

.soft-card{
  background:var(--panel-solid); border:1px solid var(--line); border-radius:var(--radius);
  padding:22px; display:flex; gap:16px;
}
.soft-body{ flex:1; min-width:0; }
.soft-body .top-row{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin-bottom:4px; }
.soft-body h3{ font-size:1.02rem; margin:0; }
.soft-meta{ font-family:var(--font-mono); font-size:.72rem; color:var(--text-faint); display:flex; gap:10px; flex-wrap:wrap; margin:6px 0 12px; }
.soft-meta span{ display:inline-flex; align-items:center; gap:4px; }

.cat-badge{
  font-family:var(--font-mono); font-size:.68rem; padding:2px 9px; border-radius:999px;
  border:1px solid var(--accent-dim); color:var(--accent);
}

.soft-actions{ display:flex; gap:10px; flex-wrap:wrap; }
.soft-actions .btn{ padding:8px 14px; font-size:.78rem; }

.disclaimer-box{
  border-left:3px solid var(--accent-2); background:#1c1a10;
  padding:14px 18px; border-radius:6px; font-size:.88rem; color:#f0d9a8;
  margin-bottom:28px;
}

@media (max-width:700px){
  .soft-grid{ grid-template-columns:1fr; }
  .soft-card{ flex-direction:column; }
}