/* Friend list (ui/friends.js, Alt+M) and guild window (ui/guild.js, Alt+G). Art pixels like game.css (zoomed by --px). */

/* ---------- shared list rows ---------- */
.fr-head { display: flex; justify-content: space-between; align-items: center; height: 10px; padding: 0 2px; margin-bottom: 2px; font-size: 7px; }
.fr-list { max-height: 150px; min-height: 40px; overflow-y: auto; margin-bottom: 4px; }
.fr-row { display: flex; align-items: center; gap: 3px; height: 11px; padding: 0 2px; font-size: 7px; cursor: pointer; color: var(--dim); }
.fr-row:nth-child(odd) { background: rgba(0, 0, 0, .18); }
.fr-row:hover { background: rgba(242, 196, 90, .08); }
.fr-row.on { color: var(--text); }
.fr-row.me .fr-name { color: var(--gold); }
.fr-dot { flex: none; width: 4px; height: 4px; background: #4a4038; box-shadow: 0 0 0 1px var(--edge); }
.fr-row.on .fr-dot { background: var(--green); }
.fr-name { flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.fr-row.on .fr-name { color: #fff; }
.fr-lv { flex: none; color: var(--gold); }
.fr-row:not(.on) .fr-lv { color: var(--gold-d); }
.fr-where { flex: none; max-width: 62px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 6px; color: var(--dim); text-align: right; }
.fr-row.blk { cursor: default; }
.fr-row.blk .btn { flex: none; }
.fr-empty { font-size: 7px; line-height: 9px; padding: 3px 2px; }
.fr-add { margin-bottom: 3px; }
.fr-add input { flex: 1; min-width: 0; }
.fr-foot .keyhelp { line-height: 7px; }
.fr-row .pt-crown { margin: 0; }

/* guild name in tooltips and the equipment view of others */
.gild { color: #9cd2ff; }
#inspect .ins-guild { color: #9cd2ff; }

/* ---------- guild window ---------- */
#guild-win .gd-body { min-height: 60px; }
#guild-win .gd-none { font-size: 8px; color: var(--gold); margin-bottom: 3px; }
#guild-win .gd-text { font-size: 7px; line-height: 9px; color: var(--text); margin-bottom: 3px; }
#guild-win .gd-help { line-height: 7px; margin-top: 3px; }
#guild-win .gd-add { margin-top: 3px; }
#guild-win .gd-add input { flex: 1; min-width: 0; }
#guild-win .gd-title { display: flex; justify-content: space-between; align-items: baseline; gap: 4px; margin-bottom: 3px; font-size: 8px; }
#guild-win .gd-name { font-size: 10px; color: #9cd2ff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; }
#guild-win .gd-exp { height: 7px; margin: 0 1px 4px; }
#guild-win .gd-notice { font-size: 7px; line-height: 9px; padding: 3px 4px; margin-bottom: 3px; min-height: 15px; overflow-wrap: anywhere;
  background: rgba(0, 0, 0, .25); box-shadow: inset 0 0 0 1px #2e251c; }
#guild-win .gd-notice-in { display: block; width: 100%; height: 36px; resize: none; margin-bottom: 3px; padding: 2px 3px; font: inherit; font-size: 7px; line-height: 9px;
  color: var(--text); background: #0f0c0a; border: 0; outline: none; box-shadow: inset 0 0 0 1px var(--gold-d), inset 1px 1px 0 1px var(--edge); }
#guild-win .gd-btns { margin-top: 3px; }
#guild-win .btn.armed { color: #ff8a7a; }
#guild-win .gd-members { max-height: 140px; min-height: 30px; overflow-y: auto; }
#guild-win .gd-rank { flex: none; width: 38px; font-size: 6px; text-align: center; color: #9cd2ff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#guild-win .gd-rank.lead { color: var(--gold); }
#guild-win .gd-rank.new { color: var(--dim); }
#guild-win .fr-where { max-width: 50px; }

/* storage: grid left, cash box right */
#guild-win .gd-pages .tab.locked { color: #5a4c3e; }
#guild-win .gd-store { display: flex; gap: 6px; align-items: flex-start; }
#guild-win .gd-grid { margin: 0; }
#guild-win .gd-side { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 3px; }
#guild-win .gd-side .section { margin: 0; }
#guild-win .gd-side .section + * { margin-top: -1px; }
#guild-win .gd-gold-v { font-size: 8px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#ui #guild-win .gd-gold-in { width: 100%; }
#guild-win .gd-gbtns { width: 100%; margin: 0; }
#guild-win .gd-rule { line-height: 7px; }
#guild-win .gd-amount { display: flex; gap: 3px; align-items: center; margin-top: 4px; font-size: 7px; }
#guild-win .gd-amount > span { flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#guild-win .gd-amount .eq-btns { margin: 0; }

/* log */
#guild-win .gd-log { max-height: 170px; overflow-y: auto; }
#guild-win .gd-log-row { display: flex; gap: 4px; padding: 1px 2px; font-size: 7px; line-height: 8px; }
#guild-win .gd-log-row:nth-child(odd) { background: rgba(0, 0, 0, .18); }
#guild-win .gd-log-t { flex: none; width: 46px; font-size: 6px; }
#guild-win .gd-log-x { flex: 1; min-width: 0; overflow-wrap: anywhere; }
#guild-win .gd-log-row.in .gd-log-x { color: #a8e890; }
#guild-win .gd-log-row.out .gd-log-x { color: #ffc27a; }

/* ranks: the list in their order, the editor of the chosen one */
#guild-win .gd-ranks { max-height: 86px; overflow-y: auto; margin-bottom: 3px; }
#guild-win .gd-rk { display: flex; align-items: center; gap: 3px; height: 13px; padding: 0 2px; font-size: 7px; cursor: pointer; }
#guild-win .gd-rk:nth-child(odd) { background: rgba(0, 0, 0, .18); }
#guild-win .gd-rk:hover { background: rgba(242, 196, 90, .08); }
#guild-win .gd-rk.on { background: rgba(242, 196, 90, .14); box-shadow: inset 0 0 0 1px var(--bronze); }
#guild-win .gd-rk .pt-crown { margin: 0; }
#guild-win .gd-rk-dot { flex: none; width: 4px; height: 4px; margin: 0 2px; background: #9cd2ff; box-shadow: 0 0 0 1px var(--edge); }
#guild-win .gd-rk-name { flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#guild-win .gd-rk.mine .gd-rk-name { color: var(--gold); }
#guild-win .gd-rk-def { flex: none; padding: 0 2px; font-size: 6px; line-height: 7px; color: #a8f0b8; box-shadow: inset 0 0 0 1px #3f8f3f; }
#guild-win .gd-rk-n { flex: none; min-width: 10px; text-align: right; font-size: 6px; color: var(--dim); }
#guild-win .gd-mv { flex: none; min-width: 0; width: 11px; height: 10px; padding: 0; font-size: 6px; font-family: 'Segoe UI', sans-serif; }
#guild-win .gd-rk-ed { padding: 3px 4px; margin-bottom: 3px; background: rgba(0, 0, 0, .25); box-shadow: inset 0 0 0 1px #2e251c; }
#guild-win .gd-rights { display: grid; grid-template-columns: 1fr 30px; gap: 2px 3px; align-items: center; font-size: 7px; margin-bottom: 3px; }
#guild-win .gd-rights .btn.small { min-width: 0; width: 100%; }
#guild-win .gd-rlabel { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#guild-win .gd-rv { text-align: center; }
#guild-win .gd-limit { margin-top: 1px; }

/* ---------- chat ---------- */
#chat .ch-guild-tag { color: #9cd2ff; }
#chat .log div.friend { color: #a8f0b8; }
#chat .log div.guild { color: #9cd2ff; }

/* target bar of a player: up to 4 buttons in a row, more go into a second one (all equally wide) */
#target .tbtns { grid-auto-flow: row; }