/* ============================================================
   FDU.email — 管理页面补充样式
   base styles inherited from style.css
   ============================================================ */

.manage-container {
  max-width: 680px;
  margin: 0 auto;
  padding: 120px 20px 60px;
}

/* 视图切换 */
.manage-view { display: none; animation: fadeUp .5s ease-out both; }
.manage-view.visible { display: block; }

/* 管理卡片额外 padding */
.manage-card > .card-inner { padding: 32px; }
.manage-card h3 {
  font-size: 17px; font-weight: 600; color: #e0e7ff; margin: 0 0 8px;
}
.manage-card .hint {
  font-size: 13px; color: rgba(165,180,252,.55); margin-bottom: 16px; line-height: 1.6;
}

/* 发送提示 */
.sent-hint {
  text-align: center; font-size: 14px; color: rgba(165,180,252,.7); margin-bottom: 20px;
}
.sent-hint code {
  color: #a5b4fc; font-family: 'JetBrains Mono', monospace;
  background: rgba(99,102,241,.15); padding: 2px 8px; border-radius: 6px;
}

/* Dash header */
.dash-header {
  display: flex; align-items: center; justify-content: space-between;
  margin-bottom: 24px; flex-wrap: wrap; gap: 12px;
}
.dash-header h1 { font-size: 24px; font-weight: 700; color: #fff; margin: 0; }

/* Ghost 按钮 */
.btn-ghost {
  background: none; border: 1px solid rgba(165,180,252,.2); color: rgba(165,180,252,.7);
  padding: 8px 16px; border-radius: 10px; font-size: 13px; cursor: pointer; transition: all .2s;
}
.btn-ghost:hover { border-color: rgba(165,180,252,.4); color: #e0e7ff; background: rgba(99,102,241,.1); }

/* 信息网格 */
.info-grid {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 16px; margin-bottom: 24px;
}
.info-card > .card-inner { padding: 20px; }
.info-label {
  font-size: 11px; color: rgba(165,180,252,.5); text-transform: uppercase;
  letter-spacing: .5px; margin-bottom: 6px; font-weight: 500;
}
.info-value { font-size: 15px; color: #e0e7ff; font-weight: 600; }
.info-value.mono { font-family: 'JetBrains Mono', monospace; font-size: 14px; color: #a5b4fc; }

/* 危险区域 */
.danger-zone > .card-glow { background: radial-gradient(circle, rgba(239,68,68,.08), transparent 70%); }
.danger-zone h3 { color: #fca5a5; }
.danger-zone .hint { color: rgba(252,165,165,.5); }

.delete-confirm { display: flex; gap: 12px; align-items: center; margin-top: 4px; }
.delete-confirm input {
  flex: 1; background: rgba(239,68,68,.08); border: 1px solid rgba(239,68,68,.2);
  color: #fca5a5; border-radius: 10px; padding: 10px 14px; font-size: 14px;
  font-family: 'JetBrains Mono', monospace; outline: none; transition: border-color .2s;
}
.delete-confirm input:focus { border-color: rgba(239,68,68,.5); }
.delete-confirm input::placeholder { color: rgba(252,165,165,.3); }

.btn-danger {
  background: linear-gradient(135deg, #ef4444, #dc2626); color: #fff; border: none;
  padding: 10px 20px; border-radius: 10px; font-size: 14px; font-weight: 600;
  cursor: pointer; transition: all .2s; white-space: nowrap;
}
.btn-danger:hover { transform: translateY(-1px); box-shadow: 0 4px 20px rgba(239,68,68,.3); }

/* 渐变文字 */
.gradient-text {
  background: linear-gradient(135deg, #818cf8, #c084fc);
  -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
}

/* 响应式 */
@media (max-width: 480px) {
  .manage-container { padding-top: 100px; }
  .dash-header h1 { font-size: 20px; }
  .manage-card > .card-inner { padding: 24px 20px; }
  .delete-confirm { flex-direction: column; }
  .delete-confirm input { width: 100%; }
}