/* Destruitor Idle — janela da Guild, painel de expedicoes e sigla no chat (public/guild.js). Cores e janelas do app.css. */
.modal.gd { width: min(1040px, calc(100vw - 16px)); height: min(800px, calc(100vh - 40px)); max-height: calc(100vh - 40px); }
.gd-tit { display: flex; align-items: center; gap: 8px; }
.gd-tit b { font-size: 17px; letter-spacing: .18em; text-transform: uppercase; }
.gd-tit .gd-ic { width: 22px; height: 22px; }
.ti.gd-ic { width: 22px; height: 22px; }
.modal.gd .modal-b.gd-b { display: flex; flex-direction: column; gap: 10px; flex: 1; min-height: 0; padding-bottom: 8px; }
.gd-abas { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; flex: none; }
.g .gd-abas button { padding: 9px 6px; border-radius: 6px; background: linear-gradient(#1a1f2e, #121624); border: 1px solid #3a4258; color: #c9cfdd; font-weight: 800; font-size: 13px; letter-spacing: .12em; text-transform: uppercase; }
.g .gd-abas button:hover { border-color: #4a5470; }
.g .gd-abas button.on { border-color: var(--gold); color: var(--gold-2); box-shadow: inset 0 0 0 1px #6b5626; }
.gd-corpo { flex: 1; min-height: 0; overflow: auto; display: flex; flex-direction: column; gap: 10px; }
.gd-vazio { margin: 8px 0; color: var(--dim); text-align: center; }
.gd-vazio.gd-forte { color: var(--txt); font-weight: 700; }
.gd-dica { margin: 2px 0 6px; color: var(--dim); font-size: 12.5px; }
.gd-aviso { margin: 4px 0 8px; color: #ffb4aa; font-size: 13px; }

/* cabecalho: sigla, nome, mensagem do dia e os numeros */
.gd-hero { display: flex; gap: 12px; align-items: center; padding: 10px 12px; border: 1px solid #2c3346; border-radius: 8px; background: linear-gradient(90deg, #1b1f30, #11141f); }
.gd-av { flex: none; display: grid; place-items: center; width: 52px; height: 52px; border-radius: 10px; background: linear-gradient(135deg, #3c6fd8, #24366e); border: 2px solid #f0c46a; color: #fff3cf; font-weight: 900; font-size: 19px; letter-spacing: .04em; font-style: normal; }
.gd-av.mini { width: 26px; height: 26px; border-radius: 6px; font-size: 10.5px; border-width: 1px; }
.gd-hi { min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.gd-nome { font-size: 19px; color: var(--gold-2); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.gd-motd { margin: 0; color: #c9cfdd; font-size: 13px; font-style: italic; overflow-wrap: anywhere; }
.gd-nums { display: flex; flex-wrap: wrap; gap: 4px 14px; font-size: 11.5px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: #8d97ad; }

/* tier e bonus */
.gd-cards { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.gd-card { display: grid; grid-template-columns: auto 1fr; grid-template-rows: auto auto; column-gap: 12px; align-items: center; padding: 8px 12px; border: 1px solid #2c3346; border-radius: 8px; background: #121624; }
.gd-card small { grid-column: 1 / 3; color: #8d97ad; font-size: 11px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.gd-card b { font-size: 22px; color: var(--gold-2); }
.gd-card span { color: var(--dim); font-size: 13px; }

/* corpo: coluna principal + lado */
.gd-main { display: grid; grid-template-columns: minmax(0, 1fr) 270px; gap: 12px; min-height: 0; }
.gd-col { min-width: 0; display: flex; flex-direction: column; gap: 8px; }
.gd-subs { display: flex; gap: 6px; flex-wrap: wrap; }
.g .gd-subs button { padding: 6px 12px; border-radius: 99px; background: #121624; border: 1px solid #2c3346; color: var(--dim); font-size: 12.5px; font-weight: 700; }
.g .gd-subs button:hover { border-color: #4a5470; color: var(--txt); }
.g .gd-subs button.on { background: var(--gold); border-color: var(--gold); color: #1d1606; }

/* tabela de membros */
.gd-tab { border: 1px solid #2c3346; border-radius: 6px; background: #0d1018; overflow: hidden; display: flex; flex-direction: column; min-height: 0; }
.gd-rows { overflow: auto; max-height: 420px; }
.gd-it { border-bottom: 1px solid #1b2030; }
.gd-it:last-child { border-bottom: 0; }
.gd-tr { width: 100%; display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(0, .9fr) 64px 92px minmax(0, 1fr) 84px; align-items: center; gap: 8px; padding: 6px 10px; font-size: 13px; text-align: left; background: none; border: 0; color: var(--txt); min-height: 32px; }
.g button.gd-tr:hover { background: #151a29; }
.gd-tr.eu { background: linear-gradient(90deg, #f0c46a1a, transparent 70%); }
.gd-th { min-height: 28px; background: #151a29; color: #8d97ad; font-size: 10.5px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; border-bottom: 1px solid #2c3346; }
.gd-nm { min-width: 0; display: flex; gap: 6px; align-items: center; overflow: hidden; }
.gd-nm em { flex: none; font-style: normal; font-size: 10px; font-weight: 800; color: #a9c1ff; }
.gd-nm b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 600; }
.gd-rk { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #c9cfdd; }
.gd-rk.r3 { color: var(--gold-2); font-weight: 700; }
.gd-rk.r2 { color: #9fd3ff; font-weight: 600; }
.gd-lv, .gd-ct { font-variant-numeric: tabular-nums; }
.gd-ct { text-align: right; }
.gd-st { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; }
.gd-st.on { color: var(--ok); }
.gd-st.off { color: #8d97ad; }
.gd-en { color: #8d97ad; font-size: 12px; text-align: right; }
.gd-th .gd-ct, .gd-th .gd-en { text-align: right; }
.gd-menu { display: flex; flex-direction: column; padding: 4px 10px 8px 26px; gap: 2px; background: #121624; }
.g .gd-menu button { text-align: left; padding: 6px 8px; border-radius: 5px; background: none; border: 0; color: var(--txt); font-size: 13px; }
.g .gd-menu button:hover:not(:disabled) { background: #1d2333; }
.g .gd-menu button:disabled { color: #6f7586; }
.g .gd-menu .gd-rm { color: #ffb4aa; }

/* convidar */
.gd-conv { display: flex; gap: 6px; align-items: center; flex-wrap: wrap; }
.gd-conv input, .gd-doar input, .gd-motd-f input, .gd-tit-f input, .gd-campo input, .gd-candf input, .gd-conf input { min-width: 0; padding: 6px 9px; border-radius: 6px; border: 1px solid #3a4258; background: #0b0e16; color: var(--txt); font-size: 13.5px; }
.gd-conv input { flex: 1 1 200px; }
.gd-conv small { color: var(--dim); font-size: 12px; }
.gd-pend { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.gd-pend > small { color: #8d97ad; font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.gd-chip { display: inline-flex; align-items: center; gap: 6px; padding: 3px 4px 3px 9px; border-radius: 99px; background: #151a29; border: 1px solid #2c3346; font-size: 12.5px; }
.gd-chip i { color: #8d97ad; font-style: normal; font-size: 11px; }
.g .gd-chip button { width: 20px; height: 20px; border-radius: 50%; border: 0; background: #262b3c; color: var(--dim); line-height: 1; }

/* expedicoes */
.gd-exh { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.gd-exh p { margin: 0; flex: 1 1 260px; color: #c9cfdd; font-size: 13px; }
.gd-clock { color: var(--gold-2); font-size: 12px; font-weight: 700; }
.gd-obj { padding: 10px 12px; border: 1px solid #2c3346; border-radius: 8px; background: #121624; display: flex; flex-direction: column; gap: 8px; }
.gd-obj.feito { border-color: #3d5a2a; }
.gd-oh { display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; }
.gd-oh b { font-size: 14.5px; }
.gd-otier { font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; padding: 1px 7px; border-radius: 4px; background: #233154; color: #a9c1ff; }
.gd-ocount { margin-left: auto; font-variant-numeric: tabular-nums; font-weight: 700; }
.gd-bar { position: relative; height: 8px; border-radius: 99px; background: #0a0c13; border: 1px solid #2a3044; }
.gd-fill { position: absolute; inset: 0 auto 0 0; border-radius: 99px; background: linear-gradient(90deg, #8a6a2a, #f0c46a); }
.gd-obj.feito .gd-fill, .gd-trow.feito .gd-fill { background: linear-gradient(90deg, #3f7a2c, #8fc163); }
.gd-tick { position: absolute; top: -3px; width: 3px; height: 12px; margin-left: -2px; border-radius: 2px; background: #4a5470; }
.gd-tick.pago { background: var(--gold-2); box-shadow: 0 0 4px #f0c46a; }
.gd-esp { display: flex; flex-wrap: wrap; gap: 6px; }
.g .gd-mon { display: flex; flex-direction: column; align-items: flex-start; padding: 4px 9px; border-radius: 6px; background: #0d1018; border: 1px solid #2c3346; color: var(--txt); font-size: 12.5px; }
.g .gd-mon:hover { border-color: var(--gold); }
.gd-mon small { color: #8d97ad; font-size: 9.5px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }

/* historico */
.gd-log { list-style: none; margin: 0; padding: 0; border: 1px solid #2c3346; border-radius: 6px; background: #0d1018; max-height: 460px; overflow: auto; }
.gd-log li { display: flex; gap: 10px; align-items: baseline; padding: 6px 10px; border-bottom: 1px solid #1b2030; font-size: 13px; }
.gd-log li:last-child { border-bottom: 0; }
.gd-log time { flex: none; width: 92px; color: #8d97ad; font-size: 11.5px; }
.gd-log i { margin-left: auto; color: var(--gold-2); font-style: normal; font-size: 12px; }

/* gerenciar */
.gd-ger { display: flex; flex-direction: column; gap: 14px; }
.gd-ger section, .gd-sec { padding: 10px 12px; border: 1px solid #2c3346; border-radius: 8px; background: #121624; }
.gd-ger h4, .gd-sec h4, .gd-box h4 { margin: 0 0 6px; color: #8d97ad; font-size: 11px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.gd-cand { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 6px 0; border-bottom: 1px solid #1b2030; flex-wrap: wrap; }
.gd-cand:last-child { border-bottom: 0; }
.gd-cand > div { min-width: 0; display: flex; flex-wrap: wrap; gap: 2px 10px; align-items: baseline; }
.gd-cand small { color: var(--dim); font-size: 12px; }
.gd-cand p { flex-basis: 100%; margin: 2px 0 0; color: #c9cfdd; font-size: 12.5px; font-style: italic; }
.gd-cand > span { display: flex; gap: 6px; }
.gd-seg { display: inline-flex; margin: 2px 0 8px; border-radius: 6px; overflow: hidden; }
.gd-chk { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; margin-right: 12px; }
small.gd-dica { display: block; }
.gd-boxh .btn { white-space: nowrap; }
.gd-campo { display: flex; flex-direction: column; gap: 3px; margin: 8px 0; font-size: 12.5px; color: var(--dim); }
.gd-campo input[type=number] { width: 110px; }
.gd-vocs { display: flex; flex-wrap: wrap; gap: 4px; }
.gd-tit-f, .gd-motd-f { display: flex; gap: 6px; align-items: center; margin: 6px 0; flex-wrap: wrap; }
.gd-tit-f .gd-rk { width: 120px; font-size: 12.5px; }
.gd-tit-f input, .gd-motd-f input { flex: 1 1 160px; }

/* lado: expedicoes de hoje e proxima vaga */
.gd-side { display: flex; flex-direction: column; gap: 10px; min-width: 0; }
.gd-box { padding: 10px 12px; border: 1px solid #2c3346; border-radius: 8px; background: #121624; display: flex; flex-direction: column; gap: 8px; }
.gd-boxh { display: flex; justify-content: space-between; align-items: center; gap: 6px; }
.gd-boxh h4 { margin: 0; }
.gd-mini { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 3px 8px; font-size: 12.5px; }
.gd-mini span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.gd-mini b { font-variant-numeric: tabular-nums; font-size: 12px; }
.gd-mini .gd-bar { grid-column: 1 / 3; }
.gd-box small { color: var(--dim); font-size: 12px; }
.gd-doar { display: flex; gap: 6px; }
.gd-doar input { flex: 1; }

/* sem guild: fundar */
.gd-fundar form { display: flex; flex-direction: column; }
.gd-fundar .gd-campo input { max-width: 340px; }
.gd-tits { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.gd-fundar .btn { align-self: flex-start; }

/* lista de guilds */
.gd-lh { display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; }
.gd-lh b { color: var(--gold-2); font-size: 15px; }
.gd-filtro { display: flex; gap: 6px; }
.g .gd-filtro button { padding: 5px 14px; border-radius: 99px; background: #121624; border: 1px solid #2c3346; color: var(--dim); font-size: 12.5px; font-weight: 700; }
.g .gd-filtro button.on { background: var(--gold); border-color: var(--gold); color: #1d1606; }
.gd-lr { display: grid; grid-template-columns: 40px minmax(0, 1.6fr) minmax(0, 1fr) 80px 80px 96px; align-items: center; gap: 8px; padding: 6px 10px; border-bottom: 1px solid #1b2030; font-size: 13px; }
.gd-lr.eu { background: linear-gradient(90deg, #f0c46a1a, transparent 70%); }
.gd-lr:last-child { border-bottom: 0; }
.gd-pos { text-align: center; font-weight: 800; color: #c9cfdd; }
.gd-lg { min-width: 0; display: flex; align-items: center; gap: 8px; }
.gd-lg b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.gd-lg em { flex: none; font-style: normal; font-size: 9.5px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; padding: 1px 6px; border-radius: 4px; background: #233a24; color: #9df0b0; }
.gd-lt .gd-rows { max-height: none; }
.gd-pag { display: flex; justify-content: center; align-items: center; gap: 6px; font-size: 13px; color: var(--dim); }
.g .gd-pag button { width: 30px; height: 28px; border-radius: 5px; background: #121624; border: 1px solid #2c3346; color: var(--txt); }
.g .gd-pag button:disabled { opacity: .4; }
.g .gd-voltar { align-self: flex-start; background: none; border: 0; color: var(--gold-2); font-size: 13px; padding: 2px 0; }
.gd-detr { display: flex; flex-wrap: wrap; gap: 6px; }
.gd-detr span { padding: 3px 10px; border-radius: 99px; background: #151a29; border: 1px solid #2c3346; font-size: 12.5px; color: #c9cfdd; }
.gd-detr .gd-status { color: #ffb4aa; }
.gd-detr .gd-status.on { color: #9df0b0; border-color: #3d5a2a; }
.gd-recado { margin: 0; padding: 8px 12px; border-left: 3px solid var(--gold); background: #121624; color: #c9cfdd; font-size: 13px; }
.gd-acao { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.gd-candf { display: flex; gap: 6px; flex: 1 1 320px; }
.gd-candf input { flex: 1; }
.gd-dm { display: grid; grid-template-columns: 14px minmax(0, 1fr) minmax(0, 1fr) 70px; gap: 8px; align-items: center; padding: 6px 10px; border-bottom: 1px solid #1b2030; font-size: 13px; }
.gd-dm b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 600; }
.gd-dot { width: 9px; height: 9px; border-radius: 50%; background: #4a5470; }
.gd-dot.on { background: var(--ok); box-shadow: 0 0 4px #6fc07a; }

/* perguntas (sair, dissolver, expulsar, lideranca) */
.gd-conf { margin: auto; max-width: 520px; padding: 18px; border: 1px solid #5a2a26; border-radius: 10px; background: #1a1418; display: flex; flex-direction: column; gap: 8px; }
.gd-conf h4 { margin: 0; color: var(--gold-2); font-size: 16px; }
.gd-conf p { margin: 0; color: #c9cfdd; font-size: 13.5px; }
.gd-confb { display: flex; gap: 8px; justify-content: flex-end; margin-top: 6px; }

/* rodape */
.gd-pe { display: flex; justify-content: space-between; align-items: center; gap: 8px; padding: 8px 14px; border-top: 1px solid #2c3346; background: #151a29; border-radius: 0 0 8px 8px; }
.gd-sua { color: var(--dim); font-size: 13px; }

/* painel de expedicoes na tela (Destacar) */
.gd-track { position: absolute; z-index: 6; left: 8px; top: 64px; width: 230px; padding: 6px 8px 8px; border-radius: 8px; border: 1px solid #3a4258; background: #10131dE6; box-shadow: 0 6px 18px #0008; display: flex; flex-direction: column; gap: 6px; font-size: 12px; pointer-events: auto; }
.gd-track header { display: flex; align-items: center; gap: 6px; cursor: move; touch-action: none; }
.gd-track header b { font-size: 11px; letter-spacing: .12em; text-transform: uppercase; color: var(--gold-2); }
.gd-track header .gd-clock { margin-left: auto; font-size: 11px; }
.g .gd-track header button { width: 20px; height: 20px; border: 0; border-radius: 4px; background: #262b3c; color: var(--dim); line-height: 1; }
.gd-trow { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 3px 6px; }
.gd-trow span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.gd-trow b { font-variant-numeric: tabular-nums; }
.gd-trow .gd-bar { grid-column: 1 / 3; height: 6px; }
.gd-trow .gd-tick { height: 10px; }

/* chat: sigla da guild e a cor do rank de quem fala no chat da guild */
.cm .gtag { font-style: normal; font-size: 9.5px; font-weight: 800; letter-spacing: .04em; padding: 0 4px; border-radius: 3px; background: #24366e; color: #f0c46a; vertical-align: 1px; }
.cm.ch-guild span { color: #f6b26b; }
.cm.ch-guild.gr3 b { color: #ffd76a; }
.cm.ch-guild.gr2 b { color: #9fd3ff; }
.cm.ch-guild.gr1 b { color: #c9cfdd; }

/* celular */
@media (max-width: 760px) {
  .modal.gd { height: calc(100vh - 16px); max-height: calc(100vh - 16px); }
  .gd-main { grid-template-columns: minmax(0, 1fr); }
  .gd-cards { grid-template-columns: 1fr 1fr; }
  .gd-card { grid-template-columns: minmax(0, 1fr); }
  .gd-card small { grid-column: auto; }
  .gd-card b { font-size: 18px; }
  .gd-tr { grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr) 50px 74px; }
  .gd-th .gd-ct { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .gd-tr .gd-st, .gd-tr .gd-en { display: none; }
  .gd-lr { grid-template-columns: 26px minmax(0, 1fr) 54px 60px 84px; }
  .gd-lr > span:nth-child(3) { display: none; }
  .gd-tits { grid-template-columns: minmax(0, 1fr); }
  .gd-hero { padding: 8px; }
  .gd-av { width: 42px; height: 42px; font-size: 16px; }
  .gd-nome { font-size: 16px; }
  .gd-track { top: auto; bottom: 150px; left: 6px; width: 190px; }
  .gd-dm { grid-template-columns: 14px minmax(0, 1fr) minmax(0, .8fr) 60px; }
}