/* =========================================================
   COMMUNITY ADMIN V5
   Dwie zakładki wewnątrz jednego panelu administratora.
   ========================================================= */

.gc-admin-tabs{
  grid-column:1 / -1;
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  padding:10px;
  border:1px solid var(--line);
  border-radius:18px;
  background:rgba(0,0,0,.16);
}

.gc-admin-tabs > button{
  position:relative;
  min-height:46px;
  padding:10px 18px;
  border:1px solid var(--line);
  border-radius:14px;
  background:rgba(255,255,255,.035);
  color:var(--text);
  font:800 .94rem/1 Inter,system-ui,sans-serif;
  cursor:pointer;
}

.gc-admin-tabs > button:hover{
  border-color:rgba(215,163,63,.42);
  background:rgba(215,163,63,.07);
}

.gc-admin-tabs > button.active{
  border-color:rgba(215,163,63,.62);
  color:#ffe0a0;
  background:
    linear-gradient(135deg,rgba(215,163,63,.18),rgba(215,163,63,.07));
  box-shadow:inset 0 0 0 1px rgba(215,163,63,.08);
}

.community-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:22px;
  height:22px;
  margin-left:7px;
  padding:0 6px;
  border-radius:999px;
  background:#8e3333;
  color:#fff;
  font-size:.76rem;
  font-weight:900;
}

.community-badge[hidden]{
  display:none !important;
}

.community-admin-box{
  grid-column:1 / -1;
  width:100%;
}

.community-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:20px;
}

.community-head h2{
  margin-top:0;
}

.community-status-tabs{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin:22px 0 18px;
}

.community-status-tabs button{
  min-height:42px;
  padding:9px 13px;
  border:1px solid var(--line);
  border-radius:12px;
  background:rgba(255,255,255,.035);
  color:var(--text);
  font-weight:800;
  cursor:pointer;
}

.community-status-tabs button:hover{
  border-color:rgba(215,163,63,.42);
}

.community-status-tabs button.active{
  border-color:rgba(215,163,63,.62);
  background:rgba(215,163,63,.12);
  color:#ffe0a0;
}

.community-status-tabs button span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:24px;
  margin-left:5px;
  padding:2px 6px;
  border-radius:999px;
  background:rgba(255,255,255,.07);
}

#communityItems{
  display:grid;
  gap:14px;
  margin-top:15px;
}

.community-card{
  padding:17px;
  border:1px solid rgba(215,163,63,.27);
  border-radius:16px;
  background:
    linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.015)),
    rgba(0,0,0,.16);
}

.community-card h3{
  margin:10px 0 8px;
  font-size:1.12rem;
}

.community-meta{
  display:flex;
  gap:7px 15px;
  flex-wrap:wrap;
  color:var(--muted);
  font-size:.86rem;
}

.community-meta-bottom{
  margin-top:13px;
}

.community-url{
  overflow-wrap:anywhere;
}

.community-url a{
  color:#94ead7;
  text-decoration:underline;
  text-decoration-color:rgba(148,234,215,.35);
  text-underline-offset:3px;
}

.community-invalid-url{
  color:#ff9f9a;
}

.community-description{
  color:#d3c9b7;
}

.community-status{
  padding:2px 8px;
  border-radius:999px;
  border:1px solid var(--line);
}

.community-status-pending{
  color:#f1cc78;
}

.community-status-approved{
  color:#8de99b;
}

.community-status-rejected{
  color:#ff9f9a;
}

.community-actions{
  display:flex;
  gap:9px;
  flex-wrap:wrap;
  margin-top:16px;
}

.community-actions button{
  min-height:39px;
  padding:8px 12px;
  border:1px solid var(--line);
  border-radius:10px;
  color:var(--text);
  background:rgba(255,255,255,.04);
  font-weight:800;
  cursor:pointer;
}

.community-actions button:disabled{
  opacity:.55;
  cursor:wait;
}

.community-actions .approve{
  border-color:rgba(105,219,124,.38);
  color:#9aeba5;
}

.community-actions .reject{
  border-color:rgba(215,163,63,.38);
  color:#f0cc82;
}

.community-actions .danger{
  border-color:rgba(255,105,97,.42);
  color:#ffaaa5;
}

.community-empty{
  padding:24px;
  border:1px dashed rgba(215,163,63,.3);
  border-radius:15px;
  color:var(--muted);
  text-align:center;
}

@media(max-width:760px){
  .community-head{
    display:block;
  }

  .community-head #communityRefreshButton{
    margin-top:10px;
  }

  .gc-admin-tabs{
    display:grid;
    grid-template-columns:1fr 1fr;
  }

  .gc-admin-tabs > button{
    width:100%;
  }
}

@media(max-width:480px){
  .gc-admin-tabs{
    grid-template-columns:1fr;
  }
}