/* Tabs */
.tabs {
    display: flex;
    margin-bottom: 20px;
    border-bottom: 1px solid #444;
}

.tab {
    flex: 1;
    padding: 10px;
    text-align: center;
    cursor: pointer;
    color: #888;
    border-bottom: 2px solid transparent;
}

.tab.active {
    color: #fff;
    border-bottom: 2px solid #007bff;
    font-weight: bold;
}

/* Registration Box Visibility */
.reg-box {
    display: none;
}

.reg-box.active {
    display: block;
}

/* Registration Page Specifics */
.register-container {
    width: 450px;
}

/* Reusing auth-box for other styles */

/* Inputs - Removed, using .auth-input */

/* Messages */

/* Messages */
.reg-error {
    color: #ff4444;
    font-size: 0.9em;
    margin-bottom: 15px;
    display: none;
    text-align: center;
}

.reg-info {
    color: #aaa;
    font-size: 0.9em;
}

.reg-success {
    color: #4caf50;
    font-weight: bold;
}

.reg-hint {
    font-size: 0.8em;
    color: #666;
    margin-top: 5px;
}

.reg-final-msg {
    color: #4caf50;
}

/* Buttons */
.btn-primary {
    width: 100%;
    background: #007bff;
    margin-top: 10px;
}

.btn-info {
    width: 100%;
    background: #17a2b8;
    margin-top: 10px;
}

.btn-discord {
    width: 100%;
    background: #7289da;
    margin-top: 10px;
}

.btn-orange {
    width: 100%;
    background: #ff9800;
    margin-top: 10px;
}

.btn-success {
    width: 100%;
    background: #28a745;
    margin-top: 10px;
}

/* Final Step Layout */
.box-final-container {
    display: none;
    border-top: 1px solid #444;
    margin-top: 20px;
    padding-top: 20px;
}

/* Links */
.reg-links {
    margin-top: 20px;
    text-align: center;
}

.reg-links a {
    color: #aaa;
    text-decoration: none;
}

.reg-links span {
    color: #fff;
}

.reg-back {
    margin-top: 10px;
    text-align: center;
}

.reg-back a {
    color: #888;
    font-size: 0.9em;
    text-decoration: none;
}