/* ศูนย์ตรวจสอบเนื้อหา (#/moderation) — TEAM-S — prefix .md-
   ธีมมืด: การ์ดกระจกบนพื้นน้ำเงินกรมท่า (ชุดเดียวกับ tools/profile) */

.md-page{flex:1;display:flex;flex-direction:column;padding:0 16px 26px}

/* ---- แถบบน ---- */
.md-top{display:flex;align-items:flex-start;gap:12px;padding:16px 2px 12px;
  padding-top:calc(16px + env(safe-area-inset-top))}
.md-top .icon-btn{flex:none;margin-top:2px}
.md-titles{flex:1;min-width:0}
.md-titles h1{font-size:19px;font-weight:800;letter-spacing:.2px}
.md-titles p{font-size:12px;line-height:1.5;margin-top:4px}
.md-shield{flex:none;width:38px;height:38px;border-radius:14px;display:flex;
  align-items:center;justify-content:center;color:var(--accent-2);
  background:rgba(87,230,168,.14);border:1px solid rgba(87,230,168,.35);
  box-shadow:0 0 18px rgba(87,230,168,.25)}
.md-shield svg{width:20px;height:20px}

.md-body{display:flex;flex-direction:column;gap:14px}

/* ---- การ์ดกระจกฐาน ---- */
.md-card{position:relative;border-radius:var(--r-lg);padding:16px;
  background:var(--glass);border:1px solid var(--glass-brd);
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  box-shadow:0 10px 30px rgba(3,12,28,.35), inset 0 1px 0 rgba(255,255,255,.08)}

/* ---- แผงไม่มีสิทธิ์ ---- */
.md-denied{display:flex;flex-direction:column;align-items:center;text-align:center;
  gap:12px;padding:30px 22px;margin-top:22px}
.md-denied-ico{width:58px;height:58px;border-radius:20px;display:flex;
  align-items:center;justify-content:center;color:var(--amber);
  background:rgba(245,197,66,.14);border:1px solid rgba(245,197,66,.4);
  box-shadow:0 0 22px rgba(245,197,66,.25)}
.md-denied-ico svg{width:26px;height:26px}
.md-denied h2{font-size:16.5px;font-weight:800}
.md-denied p{font-size:12.5px;line-height:1.6}
.md-denied .btn-outline-green{margin-top:6px;width:auto;padding:11px 24px}

/* ---- การ์ดสรุปตัวเลข ---- */
.md-summary{display:flex;align-items:center;gap:16px;
  border-color:rgba(160,220,255,.35);box-shadow:var(--glow)}
.md-sum-n{flex:none;width:66px;height:66px;border-radius:20px;display:flex;
  flex-direction:column;align-items:center;justify-content:center;gap:1px;
  background:linear-gradient(140deg,rgba(87,230,168,.22),rgba(47,139,255,.18));
  border:1px solid rgba(87,230,168,.42);box-shadow:0 0 20px rgba(87,230,168,.22)}
.md-sum-n b{font-size:24px;font-weight:800;line-height:1;color:#bff0d8}
.md-sum-n span{font-size:10.5px}
.md-sum-txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px;
  font-size:13.5px;font-weight:600}
.md-sum-txt .dim{font-size:11.5px;font-weight:500}

/* ---- ชิปกรองสถานะ ---- */
.md-chips{display:flex;gap:8px;overflow-x:auto;overscroll-behavior-x:contain;
  padding:1px 1px 3px}
.md-chips .chip{flex:none;font-size:12.5px;padding:7px 14px;transition:transform .12s}
.md-chips .chip:active{transform:scale(.94)}

/* ---- รายการรายงาน ---- */
.md-list{display:flex;flex-direction:column;gap:12px}
.md-report{display:flex;flex-direction:column;gap:10px;
  animation:mdCardIn .42s cubic-bezier(.22,.85,.3,1) both;
  transition:border-color .2s, box-shadow .2s}
@keyframes mdCardIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.md-report.st-open{border-color:rgba(245,197,66,.4)}
.md-report.st-resolved{opacity:.82}
.md-report.st-dismissed{opacity:.66}

.md-row{display:flex;align-items:center;gap:7px;flex-wrap:wrap}

/* ป้ายประเภท + เหตุผล */
.md-tag{flex:none;padding:4px 11px;border-radius:var(--r-pill);font-size:11px;
  font-weight:700;line-height:1.4;border:1px solid transparent;white-space:nowrap}
.md-tag.type-message{color:#a9d6ff;background:rgba(47,139,255,.18);border-color:rgba(47,139,255,.4)}
.md-tag.type-user{color:#d3c2ff;background:rgba(139,120,255,.18);border-color:rgba(139,120,255,.4)}
.md-tag.type-chat{color:#9fe8d4;background:rgba(87,230,168,.16);border-color:rgba(87,230,168,.4)}
.md-tag.reason-spam{color:#ffd98a;background:rgba(245,197,66,.16);border-color:rgba(245,197,66,.42)}
.md-tag.reason-abuse{color:#ffb0b0;background:rgba(255,93,93,.16);border-color:rgba(255,93,93,.42)}
.md-tag.reason-nsfw{color:#ffb6e0;background:rgba(255,110,190,.16);border-color:rgba(255,110,190,.42)}
.md-tag.reason-scam{color:#ffc59a;background:rgba(255,146,60,.16);border-color:rgba(255,146,60,.42)}
.md-tag.reason-other{color:var(--ink-dim);background:var(--glass-2);border-color:var(--glass-brd)}

/* สถานะมุมขวา */
.md-status{flex:none;padding:4px 11px;border-radius:var(--r-pill);font-size:10.5px;
  font-weight:700;white-space:nowrap}
.md-status.st-open{color:#0d2a18;background:linear-gradient(120deg,#ffe08a,#f5c542)}
.md-status.st-resolved{color:#05341f;background:linear-gradient(120deg,#7ef2c0,#3ddc84)}
.md-status.st-dismissed{color:var(--ink-dim);background:var(--glass-2);
  border:1px solid var(--glass-brd)}

.md-meta{display:flex;align-items:center;gap:5px;flex-wrap:wrap;
  font-size:11.5px;color:var(--ink-dim)}
.md-meta b{color:var(--ink);font-weight:700}
.md-meta .dot{opacity:.6}

/* เนื้อหาตัวอย่าง */
.md-preview{position:relative;padding:11px 13px 11px 15px;border-radius:var(--r-sm);
  font-size:13px;line-height:1.55;color:var(--ink);
  background:rgba(255,255,255,.05);border:1px solid var(--glass-brd);
  border-left:3px solid rgba(160,200,255,.55);
  word-break:break-word;overflow-wrap:anywhere}
.md-preview.empty{color:var(--ink-faint);font-style:italic}

.md-detail{font-size:12px;line-height:1.55;color:var(--ink-dim);word-break:break-word}
.md-detail b{color:var(--ink)}

.md-auto{display:flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600;
  color:#ffd98a;background:rgba(245,197,66,.1);border:1px solid rgba(245,197,66,.3);
  border-radius:var(--r-sm);padding:8px 11px;line-height:1.45;word-break:break-word}
.md-auto svg{width:14px;height:14px;flex:none}

/* ---- ปุ่มจัดการ ---- */
.md-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:2px}
.md-btn{flex:1;min-width:96px;padding:10px 12px;border-radius:var(--r-pill);
  font-size:12.5px;font-weight:700;border:1px solid transparent;
  transition:transform .12s, background .18s, box-shadow .18s}
.md-btn:active{transform:scale(.96)}
.md-btn[disabled]{opacity:.5;pointer-events:none}
.md-btn.danger{color:#ffb0b0;background:rgba(255,93,93,.14);border-color:rgba(255,93,93,.45)}
.md-btn.danger:hover{background:rgba(255,93,93,.24);box-shadow:0 0 16px rgba(255,93,93,.28)}
.md-btn.warn{color:#ffd98a;background:rgba(245,197,66,.13);border-color:rgba(245,197,66,.45)}
.md-btn.warn:hover{background:rgba(245,197,66,.23);box-shadow:0 0 16px rgba(245,197,66,.25)}
.md-btn.ghost{color:var(--ink-dim);background:var(--glass-2);border-color:var(--glass-brd)}
.md-btn.ghost:hover{color:var(--ink);border-color:var(--glass-brd-hi)}
.md-btn.primary{color:#04223f;background:var(--grad-cta);
  box-shadow:0 6px 20px rgba(47,139,255,.35)}
.md-btn.block{width:100%;flex:none;padding:14px;font-size:14.5px;border-radius:var(--r-pill)}

.md-done{font-size:11.5px;font-weight:600;color:var(--accent-2);
  background:rgba(87,230,168,.1);border:1px solid rgba(87,230,168,.28);
  border-radius:var(--r-sm);padding:8px 11px;text-align:center}

.md-empty{padding:34px 0;text-align:center;font-size:13.5px}

/* ===== confirm sheet (กระจกเลื่อนขึ้นจากด้านล่าง) ===== */
.md-sheet-bg{position:fixed;inset:0;z-index:150;background:rgba(4,12,26,.62);
  backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:mdFade .22s ease}
@keyframes mdFade{from{opacity:0}to{opacity:1}}
.md-sheet-bg.closing{animation:mdFadeOut .2s ease forwards}
@keyframes mdFadeOut{to{opacity:0}}
.md-sheet{position:fixed;left:50%;transform:translateX(-50%);bottom:0;z-index:151;
  width:min(480px,100%);max-height:86dvh;overflow-y:auto;color:var(--ink);
  background:rgba(13,34,66,.94);
  backdrop-filter:blur(22px) saturate(160%);-webkit-backdrop-filter:blur(22px) saturate(160%);
  border:1px solid var(--glass-brd-hi);border-bottom:none;border-radius:26px 26px 0 0;
  padding:12px 22px calc(20px + env(safe-area-inset-bottom));
  box-shadow:0 -18px 60px rgba(2,8,20,.6);
  animation:mdUp .34s cubic-bezier(.32,.72,.22,1)}
@keyframes mdUp{from{transform:translate(-50%,100%)}to{transform:translate(-50%,0)}}
.md-sheet.closing{animation:mdDown .2s ease forwards}
@keyframes mdDown{to{transform:translate(-50%,100%)}}
.md-sheet .grab{width:40px;height:5px;border-radius:3px;background:rgba(160,200,255,.3);
  margin:0 auto 15px}
.md-sheet h3{font-size:16px;font-weight:800;margin-bottom:8px}
.md-sheet p{font-size:12.5px;line-height:1.6;margin-bottom:18px}
.md-sheet-cancel{display:block;width:100%;text-align:center;padding:13px;margin-top:8px;
  font-size:14px;color:var(--ink-dim)}

/* ---- จอแคบ ---- */
@media (max-width:379px){
  .md-page{padding:0 12px 22px}
  .md-titles h1{font-size:17px}
  .md-card{padding:14px}
  .md-sum-n{width:58px;height:58px;border-radius:18px}
  .md-sum-n b{font-size:21px}
  .md-btn{min-width:84px;padding:9px 10px;font-size:12px}
}

/* ===== แท็บ รายงาน / ถูกปิดเสียง (FIX-TEAM-D) ===== */
.md-tabs{display:flex;gap:8px;padding:2px}
.md-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;
  padding:11px 8px;border-radius:16px;font-size:13.5px;font-weight:600;
  color:var(--ink-dim);background:var(--glass);border:1px solid var(--glass-brd);
  transition:color .18s,border-color .18s,background .18s,transform .12s}
.md-tab:active{transform:scale(.97)}
.md-tab.active{color:var(--ink);border-color:rgba(74,222,128,.7);
  background:rgba(74,222,128,.14);box-shadow:0 0 16px rgba(74,222,128,.18)}
.md-tab-n{min-width:20px;padding:1px 6px;border-radius:9px;font-size:11px;font-weight:700;
  line-height:18px;color:#04223f;background:linear-gradient(135deg,#7ef2c0,#4ade80)}

/* ===== การ์ดผู้ใช้ที่ถูกปิดเสียง ===== */
.md-muted{display:flex;align-items:center;gap:12px;padding:13px 14px}
.md-muted-txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.md-muted-name{font-size:14.5px;font-weight:700;color:var(--ink)}
.md-muted-sub{font-size:11.5px}
.md-muted .md-btn{flex:none}