/* Roboto y layout */
.wxp-wrap { max-width: 820px; margin: 0 auto; font-family: 'Roboto', system-ui, -apple-system, Segoe UI, Helvetica, Arial, sans-serif; }
.wxp-plan-buttons { display: flex; gap: 12px; flex-wrap: wrap; margin-bottom: 16px; }
.wxp-btn { display:inline-flex; align-items:center; justify-content:center; padding:10px 16px; border-radius:12px; text-decoration:none; font-weight:600; border:2px solid var(--wxp-accent, #111827); cursor:pointer; }
.wxp-btn-primary { background: var(--wxp-accent,#111827); color:#fff; }
.wxp-btn-outline { background:#fff; color: var(--wxp-accent,#111827); }
.wxp-form { border:1px solid #e5e7eb; border-radius:16px; padding:16px; background:#fff; }
.wxp-field { display:flex; flex-direction:column; gap:6px; margin-bottom:12px; }
.wxp-field input[type="text"],
.wxp-field input[type="email"],
.wxp-field input[type="password"],
.wxp-field input[type="file"],
.wxp-field select { padding:10px; border-radius:10px; border:1px solid #d1d5db; width:100%; box-sizing:border-box; }
.wxp-actions { display:flex; gap:10px; flex-wrap:wrap; justify-content:flex-start; }
.wxp-file-info { color:#6b7280; display:block; margin-top:6px; }
.wxp-file-formats { color:#6b7280; display:block; margin-top:4px; }
.wxp-result { margin-top:14px; font-weight:600; }
.wxp-divider { height:1px; background:#e5e7eb; margin:12px 0; }
.wxp-google-btn { display:inline-flex; align-items:center; gap:8px; padding:10px 14px; border-radius:10px; border:1px solid #1a73e8; text-decoration:none; color:#1a73e8; background:#fff; }
.wxp-google-btn:hover{ filter:brightness(0.96); }
.wxp-google-btn span{ display:inline-flex; align-items:center; }
.wxp-gicon{ display:inline-flex; margin-right:6px; }

/* Auth UI */
.wxp-auth { margin-top: 18px; }
.wxp-auth-tabs { display:flex; align-items:center; gap:10px; margin-bottom:10px; flex-wrap:wrap; }
.wxp-tab-btn { background:transparent; border:none; padding:0; font-weight:600; color: var(--wxp-accent,#111827); cursor:pointer; text-decoration: underline; }
.wxp-tab-btn.is-active { text-decoration:none; }
.wxp-auth-sep { color:#9ca3af; }
.wxp-auth-link { color: var(--wxp-accent,#111827); text-decoration: underline; }
.wxp-auth-form { border:1px solid #e5e7eb; border-radius:12px; padding:12px; background:#fff; }

/* Responsive input file */
.wxp-field input[type="file"] { max-width: 100%; overflow:hidden; }

@media (max-width: 480px) {
  .wxp-plan-buttons { flex-direction: row; }
  .wxp-btn { flex:1 1 auto; min-width: calc(50% - 6px); text-align:center; }
}

.wxp-account-card{border:1px solid #e5e7eb;background:#fff;border-radius:12px;padding:12px;margin:10px 0;}
.wxp-table{width:100%;border-collapse:collapse}
.wxp-table th,.wxp-table td{border-bottom:1px solid #e5e7eb;padding:8px;text-align:left}
.wxp-account-actions{margin-top:12px}