
.admin-v2-page{max-width:1180px;margin:0 auto;padding:34px 20px 70px}
.admin-v2-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px}
.admin-v2-head h1{font-size:40px;margin:5px 0 7px}
.admin-v2-head p{margin:0;color:var(--muted)}
.summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:24px 0}
.summary-grid>div{padding:18px;border:1px solid var(--line);border-radius:18px;background:#180e13}
.summary-grid span{display:block;color:#c98da3;font-size:10px}
.summary-grid strong{display:block;margin-top:6px;font-size:28px}
.admin-toolbar{display:grid;grid-template-columns:1fr 180px 180px;gap:10px;margin-bottom:16px}
.admin-toolbar input,.admin-toolbar select{border:1px solid #543044;border-radius:12px;background:#10080c;color:#fff;padding:11px}
.admin-user-list{display:grid;gap:10px}
.admin-user-card{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;padding:16px;border:1px solid var(--line);border-radius:18px;background:#180e13}
.admin-user-main{display:flex;justify-content:space-between;gap:20px;align-items:center}
.user-name-row{display:flex;gap:9px;align-items:center;flex-wrap:wrap}
.user-name-row h2{margin:0;font-size:18px}
.admin-user-main p{margin:4px 0;color:#ddd}
.admin-user-main small{color:var(--muted)}
.user-badges{display:flex;gap:7px;align-items:center;flex-wrap:wrap}
.status-pill,.plan-pill,.report-pill,.verified-pill{padding:6px 8px;border-radius:999px;font-size:9px;font-weight:900}
.status-pill{background:#26352c}.s-warning{background:#5a431a}.s-quarantine{background:#623b18}.s-suspended{background:#5b2031}.s-banned{background:#57151f}
.plan-pill{background:#2d1834;color:#e5b9ff}.report-pill{background:#541c2d;color:#ffc2d2}.verified-pill{background:#164e77;color:#cdeeff}
.admin-user-actions{display:flex;gap:7px}
.admin-log-section{margin-top:34px}.section-title h2{margin:5px 0 14px}
.admin-log{display:grid;gap:7px}.log-row{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:12px;border-bottom:1px solid #432232}.log-row b,.log-row span{display:block}.log-row span,.log-row small,.log-row p{font-size:10px;color:var(--muted)}
.admin-empty{padding:30px;text-align:center;color:var(--muted)}
.admin-modal{position:fixed;inset:0;z-index:500;display:none;place-items:center;padding:18px;background:rgba(0,0,0,.76)}
.admin-modal.open{display:grid}
.admin-modal-card{position:relative;width:min(680px,100%);max-height:90vh;overflow:auto;border:1px solid #65334b;border-radius:24px;background:#190d13;padding:24px}
.admin-modal-card.large{width:min(820px,100%)}
.modal-x{position:absolute;right:14px;top:11px;border:0;background:none;color:#fff;font-size:26px;cursor:pointer}
.modal-user-head{display:flex;justify-content:space-between;gap:15px;align-items:flex-start}
.modal-user-head h2{margin:4px 0}.modal-user-head p{margin:0;color:var(--muted)}
.modal-tabs{display:flex;gap:7px;margin:20px 0 14px}.modal-tab{border:1px solid #573044;background:#170c11;color:#ddd;padding:9px 12px;border-radius:999px;cursor:pointer}.modal-tab.active{background:#e64673;color:#fff}
.modal-panel{display:none}.modal-panel.active{display:grid;gap:12px}
.modal-panel label{display:grid;gap:6px;color:#d6a4b7;font-size:11px}
.modal-panel input,.modal-panel select,.modal-panel textarea{border:1px solid #583046;border-radius:11px;background:#10080c;color:#fff;padding:10px}
.report-list{display:grid;gap:9px}.report-row{padding:12px;border:1px solid #4e2939;border-radius:12px;background:#12090e}.report-row>div{display:flex;justify-content:space-between;gap:12px}.report-row p{color:#ddd}.report-row small{color:var(--muted)}
@media(max-width:780px){.summary-grid{grid-template-columns:1fr 1fr}.admin-toolbar{grid-template-columns:1fr}.admin-user-card{grid-template-columns:1fr}.admin-user-main{align-items:flex-start;flex-direction:column}.admin-user-actions{width:100%}.admin-user-actions .btn{flex:1}.log-row{grid-template-columns:1fr}.modal-user-head{flex-direction:column}}
/* =====================================================
   RAPPORTERING I CHATTEN
===================================================== */

.chat-message-actions {
  display: flex;
  justify-content: flex-end;
  margin-top: 6px;
}

.chat-report-btn {
  border: 0;
  background: transparent;
  color: rgba(255,255,255,.58);
  padding: 4px 2px;
  font-size: 11px;
  cursor: pointer;
  transition: color .15s ease, opacity .15s ease;
}

.chat-report-btn:hover {
  color: #ff7d9f;
}

.chat-report-modal {
  position: fixed;
  inset: 0;
  z-index: 2147483647;

  display: none;
  align-items: center;
  justify-content: center;

  padding: 20px;

  background: rgba(5,2,5,.82);
  backdrop-filter: blur(4px);
}

.chat-report-modal.open {
  display: flex;
}

.chat-report-card {
  position: relative;

  width: min(470px, 94vw);
  max-height: 90vh;
  overflow-y: auto;

  box-sizing: border-box;

  padding: 24px;

  border: 1px solid rgba(255,255,255,.13);
  border-radius: 20px;

  background: #180e13;
  color: #fff;

  box-shadow:
    0 25px 80px rgba(0,0,0,.65);
}

.chat-report-card h2 {
  margin: 0 40px 7px 0;
  font-size: 22px;
}

.chat-report-card > p {
  margin: 0 0 18px;

  color: var(--muted, #aaa);

  font-size: 12px;
  line-height: 1.5;
}

.chat-report-close {
  position: absolute;
  top: 12px;
  right: 14px;

  width: 34px;
  height: 34px;

  display: grid;
  place-items: center;

  padding: 0;

  border: 0;
  border-radius: 50%;

  background: rgba(255,255,255,.08);
  color: #fff;

  font-size: 24px;
  line-height: 1;

  cursor: pointer;
}

.chat-report-close:hover {
  background: rgba(255,255,255,.14);
}

.chat-report-label {
  display: block;

  margin: 13px 0 6px;

  font-size: 12px;
  font-weight: 700;
}

#chatReportReason,
#chatReportComment {
  width: 100%;

  box-sizing: border-box;

  border: 1px solid #593044;
  border-radius: 12px;

  outline: none;

  background: #0f080c;
  color: #fff;

  padding: 11px;

  font: inherit;
}

#chatReportReason:focus,
#chatReportComment:focus {
  border-color: #d95b85;
  box-shadow: 0 0 0 2px rgba(217,91,133,.12);
}

#chatReportReason option {
  background: #180e13;
  color: #fff;
}

#chatReportComment {
  resize: vertical;
  min-height: 90px;
}

.chat-report-block {
  display: flex;
  align-items: center;
  gap: 9px;

  margin-top: 15px;

  font-size: 12px;

  cursor: pointer;
}

.chat-report-block input {
  width: 17px;
  height: 17px;

  accent-color: #d95b85;
}

.chat-report-error {
  min-height: 18px;

  margin-top: 10px;

  color: #ff8ba9;

  font-size: 11px;
  line-height: 1.4;
}

.chat-report-actions {
  display: flex;
  justify-content: flex-end;
  gap: 9px;

  margin-top: 12px;
}

.chat-report-cancel {
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 12px;

  background: transparent;
  color: #fff;

  padding: 10px 14px;

  cursor: pointer;
}

.chat-report-cancel:hover {
  background: rgba(255,255,255,.06);
}

.chat-report-submit {
  min-width: 130px;
}

.chat-report-submit:disabled {
  opacity: .55;
  cursor: wait;
}


/* =====================================================
   MOBIL
===================================================== */

@media (max-width: 600px) {

  .chat-report-modal {
    padding: 12px;
  }

  .chat-report-card {
    width: 100%;
    padding: 20px 16px;
    border-radius: 18px;
  }

  .chat-report-card h2 {
    font-size: 20px;
  }

  .chat-report-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }

  .chat-report-cancel,
  .chat-report-submit {
    width: 100%;
  }
}