/* assets/css/repost.css */
* { box-sizing: border-box; }
body { font-family: system-ui, Arial, sans-serif; background:#f4f6f9; margin:0; color:#1f2937; }
.rp-wrap { max-width: 880px; margin: 24px auto; padding: 0 16px; }
.rp-wrap h1 { font-size: 20px; }
.rp-card { background:#fff; border:1px solid #e5e7eb; border-radius:12px; padding:18px; margin-bottom:16px; }
.rp-card label { display:block; font-weight:600; font-size:13px; margin:10px 0 4px; }
.rp-card textarea, .rp-card select, .rp-card input[type=text], .rp-card input[type=number] {
  width:100%; padding:10px; border:1px solid #d1d5db; border-radius:8px; font-size:14px;
  box-sizing:border-box; font-family:inherit; background:#fff; color:inherit;
}
.rp-card input[type=number] { -moz-appearance:textfield; appearance:textfield; }
.rp-card input[type=number]::-webkit-outer-spin-button,
.rp-card input[type=number]::-webkit-inner-spin-button { -webkit-appearance:none; margin:0; }
.rp-card input:focus, .rp-card select:focus, .rp-card textarea:focus {
  outline:none; border-color:#4f46e5; box-shadow:0 0 0 3px rgba(79,70,229,.12);
}
.rp-card textarea { min-height:70px; resize:vertical; }
.rp-row { display:flex; gap:12px; flex-wrap:wrap; align-items:flex-end; }
.rp-row > div { flex:1 1 0; min-width:160px; }
.rp-row > div.rp-col-wide { flex:2 1 0; min-width:240px; }
.rp-btns { margin-top:14px; display:flex; gap:10px; }
.rp-btns button { border:0; border-radius:8px; padding:11px 18px; font-size:14px; font-weight:600; cursor:pointer; }
.rp-primary { background:#4f46e5; color:#fff; }
.rp-ghost { background:#e5e7eb; color:#111; }
.rp-btns button:disabled { opacity:.5; cursor:not-allowed; }
.rp-note { font-size:12px; color:#6b7280; margin-top:10px; }
.rp-meta { font-size:13px; color:#374151; margin:6px 0; }
.rp-meta b { color:#111; }
.rp-content { border:1px solid #e5e7eb; border-radius:8px; padding:12px; margin-top:8px; background:#fafafa; max-height:360px; overflow:auto; }
.rp-err { color:#b91c1c; font-weight:600; }
.rp-ok { color:#047857; font-weight:600; }
.rp-thumb { max-width:240px; border-radius:8px; margin-top:8px; display:block; }

/* ===== Bổ sung cho queue/cron ===== */
.rp-nav { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:10px; }
.rp-navlink { text-decoration:none; background:#fff; border:1px solid #e5e7eb; border-radius:8px;
  padding:8px 14px; font-size:14px; font-weight:600; color:#4f46e5; }
.rp-badge { background:#ef4444; color:#fff; border-radius:10px; padding:1px 8px; font-size:12px; margin-left:4px; }
.rp-modes { display:flex; gap:14px; flex-wrap:wrap; margin-top:14px; }
.rp-mode { flex:1; min-width:240px; border:1px solid #e5e7eb; border-radius:10px; padding:14px; background:#fafafa; }
.rp-mode h3 { margin:0 0 4px; font-size:15px; }
.rp-mode p { margin:0 0 10px; font-size:12px; color:#6b7280; }
.rp-queue { background:#0891b2; color:#fff; }
.rp-stats { display:flex; gap:18px; flex-wrap:wrap; margin-bottom:12px; }
.rp-stat { font-size:14px; }
.rp-stat-err b { color:#b91c1c; }
.rp-table { width:100%; border-collapse:collapse; font-size:13px; }
.rp-table th, .rp-table td { border-bottom:1px solid #eef0f3; padding:8px 10px; text-align:left; vertical-align:top; }
.rp-table th { background:#f9fafb; font-size:12px; color:#6b7280; }
.rp-url { word-break:break-all; max-width:340px; }
.rp-note-cell { color:#b91c1c; font-size:12px; max-width:220px; }
.rp-sm { padding:5px 10px; font-size:12px; }
.rp-tag { border-radius:6px; padding:2px 8px; font-size:12px; font-weight:600; }
.rp-tag-pending { background:#fef3c7; color:#92400e; }
.rp-tag-processing { background:#dbeafe; color:#1e40af; }
.rp-tag-error { background:#fee2e2; color:#991b1b; }
.rp-tag-done { background:#dcfce7; color:#166534; }
.rp-wrap h2 { font-size:16px; margin-top:0; }

/* ===== Trang cập nhật bài cũ ===== */
.up-cols { display:flex; gap:14px; flex-wrap:wrap; margin-top:8px; }
.up-col { flex:1; min-width:280px; }
.up-col h3 { font-size:14px; margin:0 0 6px; }
.up-new { border-color:#86efac; background:#f0fdf4; }

/* ===== Thanh nút SurferSEO ===== */
.rp-surfer-bar { display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin:10px 0; padding:8px; background:#f0f9ff; border:1px solid #bae6fd; border-radius:8px; }

/* ============================================================
   ĐĂNG NHẬP
   ============================================================ */
.rp-login-body { background:linear-gradient(135deg,#4f46e5 0%,#0891b2 100%); min-height:100vh; display:flex; align-items:center; justify-content:center; margin:0; }
.rp-login-wrap { width:100%; max-width:380px; padding:16px; }
.rp-login-card { background:#fff; border-radius:16px; padding:32px 26px; box-shadow:0 20px 60px rgba(0,0,0,.25); text-align:center; }
.rp-login-logo { font-size:44px; margin-bottom:6px; }
.rp-login-card h1 { font-size:21px; margin:0 0 4px; color:#1f2937; }
.rp-login-sub { font-size:13px; color:#6b7280; margin:0 0 22px; }
.rp-login-card label { display:block; text-align:left; font-size:13px; font-weight:600; margin:12px 0 5px; color:#374151; }
.rp-login-card input { width:100%; padding:12px; border:1px solid #d1d5db; border-radius:10px; font-size:15px; box-sizing:border-box; }
.rp-login-card input:focus { outline:none; border-color:#4f46e5; box-shadow:0 0 0 3px rgba(79,70,229,.15); }
.rp-login-btn { width:100%; margin-top:20px; padding:13px; border:0; border-radius:10px; background:#4f46e5; color:#fff; font-size:15px; font-weight:700; cursor:pointer; transition:.15s; }
.rp-login-btn:hover { background:#4338ca; }
.rp-login-error { background:#fee2e2; color:#991b1b; border-radius:10px; padding:10px 12px; font-size:13px; margin-bottom:14px; }
.rp-login-foot { text-align:center; color:rgba(255,255,255,.8); font-size:12px; margin-top:16px; }

/* ============================================================
   NAV (responsive)
   ============================================================ */
.rp-nav-links { display:flex; gap:8px; flex-wrap:wrap; align-items:center; }
.rp-logout { background:#fef2f2; color:#b91c1c; border-color:#fecaca; }
@media (max-width:640px) {
  .rp-nav { flex-direction:column; align-items:stretch; }
  .rp-nav h1 { font-size:18px; text-align:center; }
  .rp-nav-links { justify-content:center; }
  .rp-navlink { flex:1; text-align:center; font-size:13px; padding:8px 10px; }
  .rp-modes { flex-direction:column; }
  .up-cols { flex-direction:column; }
  .rp-row > div, .rp-row > div.rp-col-wide { min-width:100%; }
}

/* ============================================================
   SURFERSEO BAR (đẹp hơn)
   ============================================================ */
.rp-surfer-bar { display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin:12px 0; padding:12px 14px;
  background:linear-gradient(135deg,#ecfeff 0%,#eff6ff 100%); border:1px solid #a5f3fc; border-radius:12px; }
.rp-surfer-head { font-weight:700; font-size:13px; color:#0e7490; display:flex; align-items:center; gap:4px; }
.rp-surfer-btn { border:0; border-radius:9px; padding:9px 16px; font-size:13px; font-weight:600; cursor:pointer;
  display:inline-flex; align-items:center; gap:6px; transition:.15s; color:#fff; }
.rp-surfer-btn .i { font-size:15px; }
.rp-surfer-btn:hover { transform:translateY(-1px); box-shadow:0 4px 12px rgba(0,0,0,.15); }
.rp-surfer-btn:disabled { opacity:.5; cursor:not-allowed; transform:none; box-shadow:none; }
.rp-btn-humanize { background:linear-gradient(135deg,#8b5cf6,#6366f1); }
.rp-btn-detect { background:linear-gradient(135deg,#06b6d4,#0891b2); }
.rp-surfer-msg { font-size:13px; display:inline-flex; align-items:center; gap:8px; }

/* Badge % AI */
.rp-ai-badge { font-weight:700; font-size:13px; padding:4px 12px; border-radius:20px; color:#fff; }
.rp-ai-label { font-size:12px; color:#6b7280; }
.rp-ai-high { background:#dc2626; }
.rp-ai-mid  { background:#d97706; }
.rp-ai-low  { background:#059669; }