/* ===== css/friends.css ===== */
.friends-panel { color:#c9d3d5; }
.social-panel { padding:16px; border:1px solid #435157; background:linear-gradient(135deg,#101516,#070a0a); box-shadow:inset 0 0 22px #000; }
.social-panel header{display:flex;align-items:center;gap:10px;padding-bottom:12px;border-bottom:1px solid #39454a}
.social-panel header small{display:block;color:#7f9da6;font:700 11px Georgia,serif;letter-spacing:1.2px}
.social-panel header h3{margin:2px 0 0;color:#dce9ed;font:700 20px Georgia,serif}
.social-panel header>b{margin-left:auto;color:#74d8a0;font-size:11px}
.social-panel-icon{width:38px;height:38px;background:center/contain no-repeat;filter:drop-shadow(0 2px 4px #000)}
.friends-panel-icon{background-image:url('../assets/img/ui/menu-icon-friends-v2.png')}

.friends-roster{display:grid;gap:7px;margin-top:12px;max-height:220px;overflow-y:auto;padding-right:2px}

/* Estilo das Abas de Amigos */
.guild-tabs-header {
    display: flex;
    gap: 3px;
    margin: 10px 0 6px 0;
    border-bottom: 2px solid #39454a;
    padding-bottom: 4px;
}

.guild-tab-btn {
    flex: 1;
    background: linear-gradient(to bottom, #21262d, #12161f);
    border: 1px solid #4b5b60;
    color: #8b949e;
    padding: 5px 2px;
    border-radius: 3px;
    font-size: 11px;
    font-weight: bold;
    cursor: pointer;
    text-align: center;
}

.guild-tab-btn:hover {
    color: #fff;
    border-color: #54dd92;
}

.guild-tab-btn.active {
    background: linear-gradient(to bottom, #236846, #143d28);
    border-color: #54dd92;
    color: #fff;
    box-shadow: 0 0 6px rgba(84, 221, 146, 0.4);
}

.guild-tab-body {
    min-height: 140px;
}

.friend-add-form{display:flex;gap:7px;margin-top:8px}
.friend-add-form input{min-width:0;flex:1;padding:8px;border:1px solid #4b5b60;background:#0a0e0f;color:#e8efee;border-radius:3px;font-size:11px}
.friend-add-form button{padding:7px 12px;background:#236846;color:#ecfff3;border:1px solid #359664;border-radius:3px;cursor:pointer;font-weight:bold}
.friend-add-help{margin:4px 0 8px;color:#aebbb8;font-size:11px}.friend-outgoing-list{margin:3px 0;padding:7px 8px;border:1px solid #415258;background:#10191a;color:#9db6b4;font-size:11px}.friend-outgoing-list b{color:#d5e4e0}

.social-row{align-items:center!important;gap:8px;margin:0!important;border-color:#364349!important;background:linear-gradient(90deg,#11191a,#0c1010)!important;display:flex;padding:6px 8px;border-radius:3px}
.social-row>div{display:grid;gap:2px;flex:1}
.social-row small{color:#99a8aa;font-size:11px}
.social-row aside{display:grid;text-align:right;gap:2px}
.friend-online{color:#57d98a;font-size:11px}
.friend-offline{color:#da3633;font-size:11px}

.social-row em{margin-left:auto;color:#8baeb8;font-size:11px;font-style:normal}
.friend-presence{width:7px;height:7px;border-radius:50%;background:#da3633}
.friend-presence.is-online{background:#54dd92;box-shadow:0 0 6px #54dd92}
.friend-presence.is-offline{background:#da3633;box-shadow:0 0 6px #da3633}

/* Botões de Solicitação */
.friend-request-actions {
    display: flex;
    gap: 4px;
}
.friend-request-actions button {
    padding: 3px 8px;
    font-size: 11px;
    border-radius: 3px;
    cursor: pointer;
    font-weight: bold;
}
.accept-btn { background: #236846; color: #ecfff3; border: 1px solid #359664; }
.accept-btn:hover { background: #2d8659; }

.mu-classic-window .danger { background: #572c35; color: #ffe9e9; border: 1px solid #da3633; }
.mu-classic-window .danger:hover { background: #da3633; color: #fff; }

.social-empty{margin:14px 0 3px;color:#91a2a4;font-size:12px;text-align:center}

/* Bolinha Vermelha de Notificação no Ícone do Menu */
.social-notification-badge {
    position: absolute;
    top: -3px;
    right: -3px;
    width: 10px;
    height: 10px;
    background-color: #da3633;
    border: 2px solid #0d1117;
    border-radius: 50%;
    box-shadow: 0 0 8px #da3633;
    z-index: 10;
    animation: badge-pulse 1.2s infinite alternate;
}

@keyframes badge-pulse {
    0% { transform: scale(0.9); box-shadow: 0 0 4px #da3633; }
    100% { transform: scale(1.1); box-shadow: 0 0 10px #ff4d4d; }
}

/* Janela social flutuante */
.mu-social-window{position:fixed!important;z-index:10030!important;bottom:104px;top:auto!important;transform:translateX(-50%);width:min(400px,calc(100vw - 24px))!important;height:min(620px,calc(100vh - 135px));margin:0!important;padding:13px!important;overflow:auto!important;background:linear-gradient(rgba(10,12,12,.72),rgba(7,8,8,.88)),url('../assets/img/ui/inventory-forged-metal-bg.png') center/cover!important;}
.mu-social-window .social-panel{padding:10px;border-color:#686b6c;background:linear-gradient(#343637,#121313)}
.mu-social-window .social-help{margin:10px 0;color:#b8c1bb}

/* Moldura limpa sem a caixa interna indesejada */
.mu-social-window.friends-float { overflow:hidden!important; display:flex; flex-direction:column; }
.mu-social-window.friends-float .friends-panel { flex:1 1 auto; min-height:0; display:flex; flex-direction:column; box-sizing:border-box; }
.friends-panel .guild-tab-body { flex:1 1 auto; min-height:0; overflow:hidden; padding:4px 0; background: transparent; border: none; box-shadow: none; }
.friends-panel .friends-roster { height:100%; max-height:none; margin:0; padding-right:2px; overflow-y:auto; align-content:start; }