/* NPG Members — Public Portal Styles */

.npgm-wrap { max-width:560px; margin:0 auto; font-family:inherit; }

.npgm-alert { padding:14px 18px; border-radius:6px; margin-bottom:20px; font-size:15px; line-height:1.5; }
.npgm-alert-success { background:#e6f4ea; border:1px solid #b7dfbe; color:#1e5c2a; }
.npgm-alert-error   { background:#fce8e6; border:1px solid #f5c2be; color:#8b0000; }
.npgm-alert-info    { background:#e8f0fe; border:1px solid #b3c8f5; color:#1a3a5c; }

.npgm-form { margin-top:20px; }
.npgm-field { margin-bottom:18px; }
.npgm-field-row { display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-bottom:18px; }
@media (max-width:480px) { .npgm-field-row { grid-template-columns:1fr; } }

.npgm-field label { display:block; font-size:14px; font-weight:600; color:#333; margin-bottom:5px; }
.npgm-required { color:#c00; }

.npgm-field input[type="text"],
.npgm-field input[type="email"],
.npgm-field input[type="tel"],
.npgm-field input[type="date"] {
    width:100%; padding:10px 12px; border:1px solid #ccc; border-radius:5px;
    font-size:15px; box-sizing:border-box; transition:border-color .15s;
}
.npgm-field input:focus { outline:none; border-color:#1a3a5c; box-shadow:0 0 0 2px rgba(26,58,92,.12); }

.npgm-field-hint { display:block !important; visibility:visible !important; margin:5px 0 0 !important; padding:0 !important; font-size:12px !important; color:#777 !important; line-height:1.4 !important; }

.npgm-consent label { display:flex; align-items:flex-start; gap:10px; font-weight:normal; font-size:14px; color:#555; line-height:1.5; cursor:pointer; }
.npgm-consent input[type="checkbox"] { margin-top:2px; flex-shrink:0; }

.npgm-btn { display:inline-block; background:#fc802a; color:#fff; border:none; padding:13px 28px; border-radius:6px; font-size:15px; font-weight:600; cursor:pointer; transition:background .15s; width:100%; text-align:center; }
.npgm-btn:hover { background:#e06a15; }
.npgm-btn-danger { background:#c00; }
.npgm-btn-danger:hover { background:#a00; }

.npgm-privacy { margin-top:14px; font-size:12px; color:#999; line-height:1.5; text-align:center; }

/* ── Portal tabs ── */
.npgm-tabs { display:flex; gap:0; margin-bottom:24px; border-bottom:2px solid #e0e0e0; }
.npgm-tab { display:inline-block; background:none; border:none; border-bottom:3px solid transparent; margin-bottom:-2px; padding:10px 22px; font-size:14px; font-weight:600; color:#999; cursor:pointer; user-select:none; transition:color 0.15s; }
.npgm-tab:hover { color:#444; }
.npgm-tab.npgm-tab-active { color:#1a3a5c; border-bottom:3px solid #fc802a; margin-bottom:-2px; }
.npgm-tab-panel { }