/* ===============================
   MODERN BUTTONS
================================= */

.rg-btn{
    display:inline-block;
    padding:10px 18px;
    border-radius:6px;
    text-decoration:none;
    transition:all 0.2s ease;
    font-weight:500;
    border:none;
    cursor:pointer;
}

.rg-btn-primary{
    background-color:var(--rg-primary);
    color:#fff;
}

.rg-btn-primary:hover{
    background-color:var(--rg-primary-hover);
    color:#fff;
    transform:translateY(-1px);
}

/* ===============================
   MODERN CARD
================================= */

.rg-card{
    background:#fff;
    border:1px solid var(--rg-border);
    border-radius:8px;
    padding:24px;
    box-shadow:0 2px 6px rgba(0,0,0,0.05);
}

/* ===============================
   SECTION SPACING
================================= */

.rg-section{
    margin-bottom:30px;
}

/* =====================================================
   REGISTER / LOGIN CARDS
===================================================== */

.rg-auth-wrapper{
    max-width:960px;
    margin:40px auto;
    padding:0 14px;
}

.rg-auth-card{
    max-width:500px;
    margin:0 auto;
    background:var(--rg-bg-white);
    border:1px solid var(--rg-border);
    border-radius:10px;
    padding:26px;
    box-shadow:0 4px 14px rgba(0,0,0,0.06);
}

.rg-auth-title{
    margin-top:0;
    margin-bottom:6px;
    font-size:1.7rem;
    font-weight:700;
    color:var(--rg-text);
}

.rg-auth-subtitle{
    color:var(--rg-text-light);
    margin-bottom:18px;
    line-height:1.5;
}

.rg-form-group{
    margin-bottom:14px;
}

.rg-form-group label{
    display:block;
    margin-bottom:6px;
    font-weight:600;
    color:var(--rg-text);
}

.rg-form-group input{
    width:100%;
    padding:9px 11px;
    border:1px solid var(--rg-border);
    border-radius:8px;
    font-size:15px;
    transition:border-color 0.2s ease, box-shadow 0.2s ease;
    background:#fff;
}

.rg-form-group input:focus{
    outline:none;
    border-color:var(--rg-primary);
    box-shadow:0 0 0 3px rgba(0,123,255,0.12);
}

.rg-form-help{
    margin-top:4px;
    font-size:0.78rem;
    color:var(--rg-text-light);
    line-height:1.4;
}

.rg-auth-actions{
    margin-top:26px;
}

.rg-auth-footer{
    margin-top:22px;
    text-align:center;
    color:var(--rg-text-light);
    font-size:0.92rem;
}

.rg-auth-footer a{
    color:var(--rg-primary);
    text-decoration:none;
}

.rg-auth-footer a:hover{
    text-decoration:underline;
}

/* =====================================================
   ALERTS
===================================================== */

.rg-alert{
    padding:14px 16px;
    border-radius:8px;
    margin-bottom:20px;
    line-height:1.5;
}

.rg-alert-success{
    background:#d1e7dd;
    color:#0f5132;
}

.rg-alert-error{
    background:#f8d7da;
    color:#842029;
}

.rg-alert-warning{
    background:#fff3cd;
    color:#664d03;
}

/* =====================================================
   AUTH PAGE HEADING OVERRIDE
===================================================== */

.rg-auth-title{
    padding:0 !important;
    margin-top:0 !important;
}

/* =====================================================
   LOGIN PAGE
===================================================== */

.rg-login-card{
    max-width:480px;
}

.rg-auth-links{
    margin-top:16px;
    text-align:center;
    font-size:0.92rem;
}

.rg-auth-links a{
    color:var(--rg-primary);
    text-decoration:none;
    font-weight:500;
}

.rg-auth-links a:hover{
    text-decoration:underline;
}

/* =====================================================
   BUTTON LINK CONSISTENCY
===================================================== */

a.rg-btn,
a.rg-btn:visited,
a.rg-btn:hover,
a.rg-btn:active,
a.rg-btn:focus{
    color:#ffffff !important;
    text-decoration:none !important;
}

/* Primary Buttons */
.rg-btn-primary{
    background-color:var(--rg-primary);
    color:#ffffff !important;
    box-shadow:0 2px 4px rgba(0,0,0,0.10);
}

.rg-btn-primary:hover{
    background-color:var(--rg-primary-hover);
    color:#ffffff !important;
    transform:translateY(-3px);
    box-shadow:0 6px 12px rgba(0,0,0,0.18);
}

/* Secondary Buttons - background:#6c757d;*/
.rg-btn:not(.rg-btn-primary){
/*    background:#6c757d; */
	background:#28a745;
    color:#ffffff !important;
    box-shadow:0 2px 4px rgba(0,0,0,0.10);
}

.rg-btn:not(.rg-btn-primary):hover{
/*    background:#5c636a;*/
	background:#28a745;
    color:#ffffff !important;
    transform:translateY(-3px);
    box-shadow:0 6px 12px rgba(0,0,0,0.18);
}

/* =====================================================
   CONTENT PANEL
===================================================== */

.rg-content-panel{
    background:var(--rg-bg-white);
    border:1px solid var(--rg-border);
    border-radius:10px;
    padding:18px;
    margin-top:10px;
    margin-bottom:20px;
    box-shadow:0 2px 8px rgba(0,0,0,0.04);
}

/* =====================================================
   ONBOARDING / WORKFLOW PAGE LAYOUT OVERRIDE
	35px top 40px right 35px bottom 40px left
===================================================== */

.rg-onboarding-container{
    max-width:1100px;
/*	margin-left:0px; */
    margin:0 auto;
/*    padding:35px 40px; */
	padding:10px 40px 35px 40px;
}

.rg-onboarding-container h1{
    padding-top:0;
    margin-top:0;
}

/* =====================================================
   ONBOARDING PAGE TITLE OVERRIDE
===================================================== */

.rg-onboarding-title{
    padding:0 !important;
    margin-top:0 !important;
}


/* =====================================================
   GLOBAL PAGE LAYOUT
===================================================== */

.rg-page{
    padding:12px;
}

.rg-page-panel{
    background:var(--rg-bg-white);
    border:1px solid var(--rg-border);
    border-radius:12px;
    padding:24px;
/*	padding:12px 30px 30px 30px;*/
    box-shadow:0 2px 8px rgba(0,0,0,0.05);
}

/* =====================================================
   GLOBAL PAGE HEADINGS
===================================================== */

.rg-page-title{
    margin:0 0 10px 0;
    font-size:2rem;
    font-weight:700;
    color:var(--rg-text);
    text-align:center;
}

.rg-page-subtitle{
    margin:0 0 28px 0;
    color:var(--rg-text-light);
    line-height:1.5;
    text-align:center;
}