/* Login / Create New Account — dual button tabs */
.entry_box .tabs {
    margin-bottom: 22px !important;
    margin-top: 12px !important;
    padding: 0 16px !important;
    width: 100% !important;
}

.entry_box .tabs > ul {
    display: flex !important;
    flex-direction: row !important;
    gap: 10px !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
}

.entry_box .tabs > ul > li.switch_form {
    flex: 1 1 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    margin: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
    padding: 12px 14px !important;
    border-radius: 12px !important;
    border: 2px solid #e0e0e0 !important;
    background: #ffffff !important;
    color: #555 !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06) !important;
    line-height: 1.25 !important;
    min-height: 46px !important;
    box-sizing: border-box !important;
}

/* Login button — active */
.entry_box .tabs > ul > li.switch_form[form="login"].selected {
    background: linear-gradient(135deg, #ff6b6b 0%, #ee5a6f 50%, #c44569 100%) !important;
    border-color: transparent !important;
    color: #ffffff !important;
    box-shadow: 0 4px 14px rgba(238, 90, 111, 0.45) !important;
}

/* Create New Account button — active */
.entry_box .tabs > ul > li.switch_form[form="signup"].selected {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
    border-color: transparent !important;
    color: #ffffff !important;
    box-shadow: 0 4px 14px rgba(118, 75, 162, 0.45) !important;
}

/* Guest login if present */
.entry_box .tabs > ul > li.switch_form[form="guest_login"].selected {
    background: linear-gradient(135deg, #11998e 0%, #38ef7d 100%) !important;
    border-color: transparent !important;
    color: #ffffff !important;
    box-shadow: 0 4px 14px rgba(17, 153, 142, 0.35) !important;
}

/* Hover (inactive) */
.entry_box .tabs > ul > li.switch_form:not(.selected):hover {
    border-color: #c44569 !important;
    color: #c44569 !important;
    background: #fff5f7 !important;
}

.entry_box .tabs > ul > li.switch_form[form="signup"]:not(.selected):hover {
    border-color: #764ba2 !important;
    color: #764ba2 !important;
    background: #f5f0ff !important;
}

/* Hide forgot password from the tab row (it stays available via link below) */
.entry_box .tabs > ul > li.switch_form[form="forgot_password"] {
    display: none !important;
}

/* Dark mode tweaks */
body.dark_mode .entry_box .tabs > ul > li.switch_form,
.dark_mode .entry_box .tabs > ul > li.switch_form {
    background: #2a2a2a !important;
    border-color: #444 !important;
    color: #ccc !important;
}

body.dark_mode .entry_box .tabs > ul > li.switch_form:not(.selected):hover,
.dark_mode .entry_box .tabs > ul > li.switch_form:not(.selected):hover {
    background: #333 !important;
}