/* 로그인 후 */
#ol_after {
    background:#fff;margin-bottom:12px;border:1px solid #f0f0f0;
    border-radius:12px;width:100%;overflow:hidden;
    box-shadow:0 2px 8px rgba(0,0,0,.04);box-sizing:border-box;
}

#ol_after #ol_after_hd {
    display:flex;align-items:center;padding:14px;gap:10px;flex-wrap:nowrap;
}
#ol_after #ol_after_hd .profile_img img {
    width:40px;height:40px;border-radius:50%;flex-shrink:0;
    border:2px solid #eeeaff;
}
.ol_user_info { flex:1;min-width:0;overflow:hidden; }
.ol_user_info strong {
    display:block;font-size:13px;font-weight:700;color:#333;
    line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.ol_rank { display:inline-flex;align-items:center;gap:3px;font-size:10px;color:#999;margin-top:1px; }
.ol_rank img { height:13px;vertical-align:middle;image-rendering:pixelated; }
.ol_actions { display:flex;align-items:center;gap:4px;flex-shrink:0; }
.ol_actions a { font-size:10px;color:#bbb;transition:color .12s; }
.ol_actions a:hover { color:#7366ff; }
.b_admin { color:orangered !important;font-size:10px; }
#ol_after_logout_right {
    color:#aaa;font-size:10px;padding:3px 8px;
    border:1px solid #eee;border-radius:6px;transition:all .12s;
}
#ol_after_logout_right:hover { background:#f8f6ff;color:#7366ff;border-color:#c4b8ff; }

/* 마이페이지 / 포인트 */
#ol_after #ol_after_private {
    width:100%;display:flex;justify-content:space-between;
    padding:8px 14px;border-top:1px solid #f5f5f5;
}
#ol_after #ol_after_private li { margin:0; }
#ol_after #ol_after_private li img { max-height:13px;margin-right:3px;vertical-align:middle; }
#ol_after #ol_after_private li a { font-weight:400;font-size:12px;color:#555; }
#ol_after #ol_after_private li a:hover { color:#7366ff; }
#ol_after #ol_after_private li a strong { color:#7366ff;font-weight:700; }

/* 경험치 바 */
.ol_exp_wrap { padding:0 14px 10px;position:relative; }
.ol_exp_info { display:flex;justify-content:space-between;margin-bottom:4px;font-size:10px; }
.ol_exp_label { color:#999; }
.ol_exp_num { color:#7366ff;font-weight:700; }
.ol_exp_bar { background:#f0eeff;border-radius:6px;height:5px;overflow:hidden;cursor:pointer; }
.ol_exp_fill { background:linear-gradient(90deg,#7366ff,#a78bfa);height:100%;border-radius:6px;transition:width .5s ease; }
.ol_exp_tooltip {
    display:none;position:absolute;bottom:100%;left:50%;transform:translateX(-50%);
    background:#333;color:#fff;font-size:10px;padding:4px 10px;border-radius:6px;
    white-space:nowrap;z-index:10;
}
.ol_exp_tooltip:after { content:'';position:absolute;top:100%;left:50%;transform:translateX(-50%);border:4px solid transparent;border-top-color:#333; }
.ol_exp_wrap:hover .ol_exp_tooltip { display:block; }

/* 하단 바 */
.profile_bar {
    width:100%;display:flex;font-size:11px;background:#fafafa;
}
.profile_bar a {
    flex:1;font-weight:500;color:#888;padding:9px 4px;
    text-align:center;border-top:1px solid #f0f0f0;
    border-right:1px solid #f0f0f0;transition:all .12s;white-space:nowrap;
}
.profile_bar a:hover { background:#f8f6ff;color:#7366ff; }
.profile_bar a:nth-last-child(1) { border-right:0; }
.profile_bar a.att_new_icon { background:#7366ff;color:#fff;font-weight:700; }
.profile_bar a.att_new_icon:hover { background:#5a4de6; }
.profile_bar a.att_done_icon { color:#7366ff;font-weight:600; }
.profile_bar a b { color:#ff4d4d;font-size:10px; }

/* 비로그인 */
#ol_guest {
    background:#fff;border:1px solid #f0f0f0;border-radius:12px;
    padding:18px;margin-bottom:12px;text-align:center;
    box-shadow:0 2px 8px rgba(0,0,0,.04);box-sizing:border-box;
}
.ol_guest_top { display:flex;align-items:center;gap:10px;margin-bottom:14px; }
.ol_guest_icon { flex-shrink:0; }
.ol_guest_text { text-align:left; }
.ol_guest_text strong { display:block;font-size:15px;font-weight:700;color:#333;line-height:1.2; }
.ol_guest_text span { font-size:11px;color:#999; }
.ol_guest_btn {
    display:flex;align-items:center;justify-content:center;gap:6px;
    width:100%;padding:10px;background:#5865F2;color:#fff;border:none;
    border-radius:8px;font-size:13px;font-weight:600;text-decoration:none;
    transition:all .15s;box-sizing:border-box;
}
.ol_guest_btn:hover { background:#4752C4;color:#fff;text-decoration:none;transform:translateY(-1px);box-shadow:0 4px 12px rgba(88,101,242,.25); }

/* 디스코드 로그인 버튼 (기타) */
.ol_discord_btn {
    display:flex;align-items:center;justify-content:center;gap:6px;
    width:100%;padding:7px;background:#5865F2;color:#fff !important;
    border:none;border-radius:6px;font-size:12px;font-weight:600;
    text-decoration:none;transition:all .15s;margin-bottom:8px;box-sizing:border-box;
}
.ol_discord_btn:hover { background:#4752C4;color:#fff !important;text-decoration:none; }
.ol_discord_btn svg { flex-shrink:0; }