/* =============================================================================
 * FWO Player Portal - News & announcements
 * Loaded after mall.css / towns.css and reuses their tokens.
 * ========================================================================== */

.news-list{display:flex;flex-direction:column;gap:.85rem}

.news-item{
  background:var(--panel);border:1px solid var(--line);
  border-left:3px solid var(--line);border-radius:12px;padding:1.1rem 1.25rem;
}
/* A pinned post is the one the team wants read first. */
.news-item.is-pinned{border-left-color:var(--gold);background:linear-gradient(135deg,rgba(201,162,75,.07),transparent)}

.news-meta{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap;margin:0 0 .5rem}
.news-meta time{color:var(--muted);font-size:.78rem}

.news-label{
  display:inline-block;padding:.15rem .6rem;border-radius:4px;
  font-size:.68rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;
  background:rgba(154,162,177,.16);color:var(--muted);white-space:nowrap;
}
.news-label.cat-sistem{background:rgba(76,195,239,.16);color:#4cc3ef}
.news-label.cat-admin{background:rgba(201,162,75,.18);color:var(--gold2)}
.news-label.cat-acara{background:rgba(168,85,247,.18);color:#c99bf5}
.news-label.cat-kemas-kini{background:rgba(63,178,127,.16);color:#7fd9b3}

.news-pin{
  font-size:.68rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;
  color:var(--gold2);
}

.news-title{font-size:1.05rem;font-weight:800;margin:0 0 .45rem;line-height:1.3}
.news-image{margin:.75rem 0 1rem;border-radius:8px;overflow:hidden;border:1px solid rgba(201,162,75,.35);background:#000;box-shadow:0 6px 20px rgba(0,0,0,.45)}
.news-image img{width:100%;height:auto;display:block;transition:transform .3s ease}
.news-image:hover img{transform:scale(1.015)}
.news-body{color:var(--ink);font-size:.92rem;line-height:1.6;white-space:normal;word-break:break-word}
.news-author{color:var(--muted);font-size:.76rem;margin:.7rem 0 0}
.news-author::before{content:"— "}

/* --- Editor --------------------------------------------------------------- */
.news-form{max-width:760px;margin:0 0 2rem}
.news-form textarea{min-height:150px;resize:vertical;line-height:1.5}