/* ─── PassON Popup Styles ─── */
* { box-sizing: border-box; margin: 0; padding: 0; }

body {
  width: 260px;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  background: #111116;
  color: #fff;
}

/* Header */
.pop-header {
  padding: 14px 18px;
  background: #18181C;
  border-bottom: 1px solid #2A2A35;
  display: flex; align-items: center; gap: 8px;
  font-size: 16px; font-weight: 700;
}
.pop-bolt  { color: #5D5FEF; }
strong     { color: #5D5FEF; }

/* Body */
.pop-body { padding: 18px; }

/* 로그인 안됨 */
.pop-desc { font-size: 13px; color: #A1A1AA; margin-bottom: 18px; line-height: 1.5; }

.pop-fg { margin-bottom: 10px; }
.pop-fg input {
  width: 100%; padding: 9px 12px;
  background: #2A2A35;
  border: 1px solid #3F3F4E;
  border-radius: 8px;
  color: #fff; font-size: 13px; font-family: inherit;
}
.pop-fg input:focus      { outline: none; border-color: #5D5FEF; }
.pop-fg input::placeholder { color: #666; }

.pop-err { color: #EF4444; font-size: 12px; margin-top: 6px; min-height: 16px; }

/* Buttons */
.pop-btn {
  width: 100%; padding: 10px;
  border-radius: 8px; border: none;
  font-size: 14px; font-weight: 600;
  cursor: pointer; font-family: inherit;
  background: #5D5FEF; color: #fff;
  transition: background 0.2s;
}
.pop-btn:hover    { background: #4E50D6; }
.pop-btn:disabled { background: #333; color: #666; cursor: not-allowed; }

.pop-btn-ghost {
  background: transparent !important;
  border: 1px solid #5D5FEF;
  color: #5D5FEF;
  margin-top: 14px;
}
.pop-btn-ghost:hover { background: rgba(93, 95, 239, 0.12) !important; }
.pop-btn-ghost:disabled { border-color: #444; color: #666; }

.pop-btn-outline {
  background: transparent !important;
  border: 1px solid #3F3F4E;
  color: #A1A1AA;
  font-size: 12px; padding: 7px;
  margin-top: 8px;
}
.pop-btn-outline:hover { border-color: #666; color: #fff; }

/* 로그인됨 */
.pop-user {
  display: flex; align-items: center; gap: 8px;
  margin-bottom: 14px;
}
.pop-dot {
  width: 8px; height: 8px;
  background: #10B981; border-radius: 50%;
}
#popUserEmail { font-size: 13px; color: #A1A1AA; }

.pop-info-row {
  display: flex; justify-content: space-between;
  font-size: 12px;
  padding: 9px 0;
  border-top: 1px solid #2A2A35;
  border-bottom: 1px solid #2A2A35;
  margin-bottom: 16px;
  color: #666;
}
.pop-info-row .saramin  { color: #10B981; font-weight: 600; }
.pop-info-row .unsupported { color: #EF4444; }