/* ===== css/guild.css ===== */
.guild-panel { color: #cdd5d7; }
.guild-sanctuary-entry{width:100%;margin:8px 0 2px;padding:7px;border:1px solid #4f977f;background:linear-gradient(#183d38,#10201f);color:#99f0d2;font:700 11px Georgia,serif;text-shadow:0 1px #000}.guild-sanctuary-entry:hover{border-color:#d2b35b;color:#fff0b4}
.guild-panel-icon { background-image: url('../assets/img/ui/menu-icon-guild.png'); }

/* Estilo das 4 Abas */
.guild-tabs-header {
    display: flex;
    gap: 3px;
    margin: 8px 0 6px 0;
    border-bottom: 2px solid #30363d;
    padding-bottom: 4px;
}

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

.guild-tab-btn:hover {
    color: #fff;
    border-color: #58a6ff;
}

.guild-tab-btn.active {
    background: linear-gradient(to bottom, #1f6feb, #1158c7);
    border-color: #58a6ff;
    color: #fff;
    box-shadow: 0 0 6px rgba(88, 166, 255, 0.4);
}

.guild-tab-body {
    min-height: 140px;
    max-height: 180px;
    overflow-y: auto;
}

/* Alinhamento dos Membros */
.guild-member {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    text-align: left !important;
}

.guild-member-info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
    flex: 1;
}

.guild-member-meta { display:flex; flex-direction:column; gap:1px; line-height:1.3; }
.guild-member-meta .guild-member-class,
.guild-member-meta .guild-member-activity { display:block; white-space:nowrap; }
.guild-member-meta .guild-member-class { color:#aebec3; }
.guild-member-meta .guild-member-activity { color:#96a7ac; }
.guild-member-meta .guild-member-contribution { color:#e8c76a; }

.guild-member-right {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 2px;
}

.guild-member em, .guild-directory-row em { color: #9a9fa2; font-size: 11px; }

/* Cores por Status (Bolinhas Verde e Vermelha) */
.friend-presence.is-online {
    background-color: #3fb950;
    box-shadow: 0 0 6px #3fb950;
}

.friend-presence.is-offline {
    background-color: #da3633 !important;
    box-shadow: 0 0 6px #da3633;
}

/* Cores por Cargo */
.guild-role-master { color: #f0883e !important; text-shadow: 0 0 4px rgba(240, 136, 62, 0.4); }
.guild-role-assistant { color:#52b8ff !important; text-shadow:0 0 5px rgba(82,184,255,.45); }
.guild-role-battle_master { color: #d96cff !important; text-shadow: 0 0 5px rgba(217,108,255,.35); }
.guild-role-member { color: #c9d1d9 !important; }

/* Aba de Conteúdo Interno */
.guild-tab-content-inner {
    background: #090d10;
    border: 1px solid #30363d;
    border-radius: 4px;
    padding: 10px;
    text-align: left;
    height: 100%;
    box-sizing: border-box;
}

.guild-notice-title {
    font-size: 11px;
    color: #e3b341;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 4px;
}

.guild-notice-display-text {
    font-size: 11px;
    color: #c9d1d9;
    margin: 0 0 8px 0;
    line-height: 1.4;
}

.guild-notice-edit textarea {
    width: 100%;
    background: #161b22;
    border: 1px solid #30363d;
    border-radius: 3px;
    padding: 6px;
    color: #fff;
    font-size: 11px;
    resize: none;
    height: 50px;
    box-sizing: border-box;
}

/* Banner Clássico Azul no Meio da Tela ao Logar */
.mu-classic-notice-banner {
    position: fixed;
    top: 26px;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(13, 27, 42, 0.92);
    border: 2px solid #58a6ff;
    box-shadow: 0 0 20px rgba(88, 166, 255, 0.6), inset 0 0 10px rgba(88, 166, 255, 0.4);
    color: #79c0ff;
    font-family: 'Cinzel', serif;
    font-size: 14px;
    font-weight: bold;
    padding: 10px 30px;
    border-radius: 6px;
    z-index: 999999;
    pointer-events: none;
    text-align: center;
    animation: banner-pop 0.3s ease-out forwards;
}
.mu-classic-notice-banner small { display:block; color:#90c9ff; font:700 11px/1 Arial,sans-serif; letter-spacing:1.4px; margin-bottom:5px; }
.mu-classic-notice-banner strong { display:block; color:#d8efff; font:700 14px/1.3 Georgia,serif; max-width:min(620px,80vw); }

.mu-classic-notice-banner.fade-out {
    animation: banner-fade 0.5s ease-in forwards;
}

@keyframes banner-pop {
    0% { opacity: 0; transform: translate(-50%, -20px) scale(0.9); }
    100% { opacity: 1; transform: translate(-50%, 0) scale(1); }
}

@keyframes banner-fade {
    0% { opacity: 1; }
    100% { opacity: 0; transform: translate(-50%, -10px) scale(0.95); }
}

/* Aba de Log */
.guild-log-scrollable {
    max-height: 110px;
    overflow-y: auto;
    font-size: 11px;
    color: #8b949e;
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-top: 4px;
}

.guild-log-entry {
    line-height: 1.3;
    border-bottom: 1px solid rgba(48, 54, 61, 0.4);
    padding: 4px 0;
    display:flex;
    flex-direction:column;
}
.guild-log-entry small { color:#6f7880; font-size:11px; }
.guild-member-controls { display:flex; align-items:center; justify-content:flex-end; gap:4px; margin-top:3px; }
.guild-role-picker { position:relative; min-width:112px; }
.guild-role-trigger,.guild-role-options button { width:100%; padding:3px 6px; color:#dfe9e7; background:#11181a; border:1px solid #4b5e62; text-align:left; font:700 11px Arial,sans-serif; cursor:url('../assets/img/ui/mu-hand-cursor.png') 4 3,pointer!important; }
.guild-role-trigger::after { content:'▾'; float:right; color:#83d9e9; }.guild-role-trigger:hover,.guild-role-trigger[aria-expanded="true"] { border-color:#83d9e9; background:#172326; }
.guild-role-options { position:absolute; z-index:100500; right:0; top:100%; width:132px; padding:2px; background:#070b0d; border:1px solid #769096; box-shadow:0 4px 13px #000; }
.guild-role-options button { border:0; border-bottom:1px solid #27343a; }.guild-role-options button:last-child { border-bottom:0; }.guild-role-options button:hover { background:#235263; color:#fff; }
.guild-kick-member { padding:3px 5px; border:1px solid #804449; background:linear-gradient(#5d2d31,#271114); color:#ffd7d5; font:700 11px Arial,sans-serif; cursor:url('../assets/img/ui/mu-hand-cursor.png') 4 3,pointer!important; }
.guild-kick-member:hover { border-color:#e66a6d; background:#7d343a; }
.guild-notice-history { display:block; padding:8px 0; border-bottom:1px solid rgba(79,95,98,.58); }
.guild-notice-history header { display:flex; align-items:baseline; justify-content:space-between; gap:10px; }
.guild-notice-history b { color:#87cbe8; font:700 11px Georgia,serif; letter-spacing:.25px; }.guild-notice-history.is-current b { color:#f0c957; }.guild-notice-history small { color:#8fa6a7; font:11px Arial,sans-serif; white-space:nowrap; }.guild-notice-history p { margin:4px 0 0; color:#edf4ef; font:12px/1.35 "Segoe UI",Arial,sans-serif; overflow-wrap:anywhere; text-shadow:0 1px #000; }
.guild-progress-copy { margin:6px 0; color:#9da9a6; font-size:11px; line-height:1.4; }.guild-level-line { display:flex; justify-content:space-between; gap:8px; color:#cbd6d3; font-size:11px; }.guild-level-line b { color:#e3b341; }.guild-exp-bar-bg { height:9px; margin:5px 0 9px; overflow:hidden; border:1px solid #3d5155; background:#0b1011; }.guild-exp-bar-bg i { display:block; height:100%; background:linear-gradient(90deg,#236e7f,#65d8b1); box-shadow:0 0 8px #46b994; }

.guild-leave { width: 100%; margin-top: 10px; padding: 7px; background: #572c35; color: #ffe9e9; border: 1px solid #da3633; border-radius: 4px; cursor: pointer; font-weight: bold; font-size: 11px; }
.guild-leave:hover { background: #da3633; color: #fff; }

/* A lista usa o espaço central; o rodapé permanece preso à base da moldura (sem borda externa). */
.mu-social-window.guild-float { 
    width: 540px !important; 
    max-width: 95vw; 
    overflow: hidden !important; 
    display: flex; 
    flex-direction: column; 
}
.mu-social-window.guild-float .guild-panel { flex:1 1 auto; min-height:0; display:flex; flex-direction:column; box-sizing:border-box; }
.guild-panel .guild-tab-body { flex:1 1 auto; min-height:0; max-height:none; overflow:hidden; padding:4px 0; background: transparent; border: none; box-shadow: none; }
.guild-panel .friends-roster { height:100%; max-height:none; margin:0; padding-right:2px; overflow-y:auto; align-content:start; }
.guild-panel-footer { flex:0 0 auto; margin-top:8px; padding:4px 0 0 0; border: none; background: transparent; box-shadow: none; }
.guild-panel-footer .guild-leave { margin:0; }

.guild-master-float { width: min(460px, calc(100vw - 24px)) !important; }
.guild-master-float .social-help { text-align:center; }.guild-master-float .guild-create-form { display:flex; flex-direction:column; align-items:center; gap:10px; }.guild-master-float .guild-create-form input { width:min(240px,100%); text-align:center; }.guild-master-float .guild-create-form > button { min-width:150px; }

/* Brasão pixelado: a mesma linguagem visual da criação clássica de guildas. */
.guild-crest-pixels { display:grid; grid-template-columns:repeat(8, 1fr); grid-template-rows:repeat(8, 1fr); width:30px; height:30px; padding:2px; flex:0 0 30px; box-sizing:border-box; background:#06080a; border:1px solid #627078; box-shadow:inset 0 0 0 1px #111,0 2px 5px #000; }
.guild-crest-pixels i { display:block; min-width:0; min-height:0; }
.guild-header-crest { width:36px; height:36px; flex-basis:36px; }
.guild-directory-crest { width:28px; height:28px; flex-basis:28px; }
.guild-emblem-editor { margin:10px 0 4px; padding:9px; border:1px solid #48545a; background:linear-gradient(145deg,#232a2d,#0b0e10); text-align:center; }
.guild-emblem-preview { display:grid; grid-template-columns:repeat(8, 1fr); width:168px; height:168px; margin:0 auto 10px; padding:3px; gap:1px; background:#050607; border:1px solid #6b7477; box-shadow:inset 0 0 0 2px #111; }
.guild-emblem-pixel { min-width:0; min-height:0; margin:0; padding:0; border:0!important; border-radius:0!important; box-shadow:none!important; cursor:crosshair; }.guild-emblem-pixel[style*="transparent"] { background-color:transparent!important; background-image:linear-gradient(45deg,#1b2428 25%,transparent 25%,transparent 75%,#1b2428 75%),linear-gradient(45deg,#1b2428 25%,transparent 25%,transparent 75%,#1b2428 75%)!important; background-position:0 0,4px 4px!important; background-size:8px 8px!important; }
.guild-emblem-pixel:hover { outline:1px solid #e4eef0; outline-offset:1px; position:relative; z-index:1; }
.guild-emblem-palette { display:grid; grid-template-columns:repeat(8,22px); grid-template-rows:repeat(2,22px); justify-content:center; gap:5px; margin:0 auto 8px; }
.guild-emblem-color { width:22px; height:22px; margin:0; padding:0; border:2px solid #111!important; border-radius:1px!important; background-color:var(--emblem-color)!important; box-shadow:inset 0 0 0 1px #000!important; cursor:url('../assets/img/ui/mu-hand-cursor.png') 4 3,pointer!important; }
.guild-emblem-color.is-eraser { background-color:transparent!important; background-image:linear-gradient(45deg,#aebcc0 25%,transparent 25%,transparent 75%,#aebcc0 75%),linear-gradient(45deg,#aebcc0 25%,transparent 25%,transparent 75%,#aebcc0 75%)!important; background-position:0 0,5px 5px!important; background-size:10px 10px!important; }
.guild-emblem-color.selected { border-color:#dce8e9!important; box-shadow:0 0 0 1px #70dff1,0 0 9px #4cbfd4!important; }
.guild-emblem-editor small { color:#aeb8b7; font:11px Arial,sans-serif; }
.mu-guild-rank-notice { position:fixed; z-index:100200; top:18%; left:50%; transform:translate(-50%,-10px) scale(.94); min-width:240px; padding:11px 22px 10px; text-align:center; border:1px solid #c4ced0; background:linear-gradient(145deg,rgba(25,34,37,.97),rgba(4,8,10,.97)); box-shadow:0 0 0 2px #0a0d0f,0 0 26px rgba(103,214,236,.52),inset 0 0 18px rgba(106,213,236,.14); color:#e8f4f5; opacity:0; animation:guild-rank-in .32s ease-out forwards; pointer-events:none; }
.mu-guild-rank-notice small { display:block; color:#83d9e9; font:700 11px/1 Arial,sans-serif; letter-spacing:1.6px; }.mu-guild-rank-notice strong { display:block; margin-top:4px; color:#f0d785; font:700 20px/1.1 Georgia,serif; text-shadow:0 2px 2px #000; }.mu-guild-rank-notice span { display:block; margin-top:3px; color:#b3c7c8; font:700 11px Arial,sans-serif; }.mu-guild-rank-notice.guild-role-assistant strong { color:#e3dd8c; }.mu-guild-rank-notice.guild-role-battle_master strong { color:#e0a0ff; }.mu-guild-rank-notice.guild-role-member strong { color:#d4dcdd; }.mu-guild-rank-notice.fade-out { animation:guild-rank-out .42s ease-in forwards; }
.mu-guild-rank-notice.guild-disband-notice { border-color:#c55358; box-shadow:0 0 0 2px #130b0c,0 0 26px rgba(201,70,75,.5),inset 0 0 18px rgba(203,67,72,.15); }.mu-guild-rank-notice.guild-disband-notice small,.mu-guild-rank-notice.guild-disband-notice strong { color:#ffb2ad; }
.mu-guild-confirm { position:fixed; z-index:100600; left:50%; top:42%; width:min(360px,calc(100vw - 32px)); transform:translate(-50%,-50%); box-sizing:border-box; padding:14px; border:1px solid #69777b; background:linear-gradient(145deg,#20282c,#090d0f); box-shadow:0 0 0 2px #07090a,0 12px 36px rgba(0,0,0,.72); color:#dbe4e2; font:12px Arial,sans-serif; }
.mu-guild-confirm-head { margin:-14px -14px 12px; padding:9px 12px; border-bottom:1px solid #566268; color:#f0d785; font:700 17px Georgia,serif; }.mu-guild-confirm p { margin:0 0 6px; font-size:13px; }.mu-guild-confirm small { color:#aeb9b8; line-height:1.35; }.mu-guild-confirm > div:last-child { display:flex; justify-content:flex-end; gap:7px; margin-top:14px; }.mu-guild-confirm button { padding:6px 10px; border:1px solid #68777d; background:#202a2e; color:#e6eeee; font-weight:700; cursor:url('../assets/img/ui/mu-hand-cursor.png') 4 3,pointer!important; }.mu-guild-confirm .guild-confirm-danger { border-color:#c45d60; background:#692b31; color:#ffe7e6; }.mu-guild-confirm .guild-confirm-danger:hover { background:#8f343b; }
@keyframes guild-rank-in { to { opacity:1; transform:translate(-50%,0) scale(1); } }
@keyframes guild-rank-out { to { opacity:0; transform:translate(-50%,-12px) scale(.97); } }

/* O registro ocupa toda a altura livre da janela. A caixa fixa de 110px
   deixava metade do painel vazia e obrigava a rolar sem necessidade. */
.guild-tab-content-inner { display: flex; flex-direction: column; min-height: 0; }
.guild-log-scrollable { flex: 1 1 auto; min-height: 0; max-height: none; }