/* The Guild window (key G): the card + announcement, the member table, the ranks / powers / message board of the Social tab, and the Social window's In Love Connection tab. */
.gd-content { min-height: 360px; }
.gd-box { border-radius: 5px; padding: 6px 8px; background: rgba(120, 90, 40, 0.14); box-shadow: inset 0 0 0 2px #8a5a28, inset 0 0 0 3px rgba(255, 247, 218, 0.5); }
.gd-top { display: grid; grid-template-columns: 1fr 1.1fr; gap: 8px; margin-bottom: 8px; }
.gd-title { font-weight: 800; font-size: 14px; color: #6a3a08; margin-bottom: 4px; }
.gd-line { display: flex; gap: 8px; font-size: 12px; line-height: 1.55; }
.gd-k { flex: 0 0 82px; color: #7a5a2a; font-weight: 700; }
.gd-v { color: #3a2208; }
.gd-ann textarea { width: 100%; box-sizing: border-box; resize: none; font-size: 12px; margin-bottom: 4px; }
.gd-annText { font-size: 12px; white-space: pre-wrap; word-break: break-word; max-height: 130px; overflow-y: auto; }
.gd-listhead { display: flex; align-items: baseline; gap: 10px; margin: 4px 0; }
.gd-off { margin-left: auto; font-size: 12px; cursor: pointer; }
.gd-table { border: 2px solid #8a5a28; border-radius: 4px; background: rgba(255, 247, 218, 0.45); }
.gd-rows { height: 190px; overflow-y: auto; }
.gd-trow { display: grid; grid-template-columns: 1.5fr 0.45fr 1fr 1fr 1.2fr; gap: 6px; padding: 2px 8px; font-size: 12px; align-items: center; }
.gd-thead { font-weight: 800; background: linear-gradient(#cdb27a, #b8975c); border-bottom: 2px solid #8a5a28; color: #3a2208; }
.gd-member { cursor: pointer; color: #8a7a5a; border-bottom: 1px solid rgba(138, 90, 40, 0.18); }
.gd-member.on { color: #2a1608; font-weight: 700; }
.gd-member:hover { background: rgba(241, 192, 74, 0.25); }
.gd-member.sel { background: rgba(241, 192, 74, 0.55); box-shadow: inset 0 0 0 1px #b27a3f; }
.gd-foot { display: flex; gap: 5px; flex-wrap: wrap; margin-top: 8px; }
.gd-gap { flex: 1; }
.gd-foot .btn:disabled { opacity: 0.45; cursor: default; }
/* Social tab */
.gd-social { display: grid; grid-template-columns: 0.9fr 1.1fr; gap: 8px; }
.gd-left { display: flex; flex-direction: column; gap: 8px; }
.gd-boxhead { display: flex; justify-content: space-between; align-items: center; margin-bottom: 4px; }
.gd-rank { display: flex; align-items: center; gap: 8px; padding: 3px 6px; margin-bottom: 3px; border-radius: 4px; background: rgba(60, 40, 20, 0.55); color: #fff6dc; font-size: 13px; font-weight: 700; }
.gd-rank .fr-sub { margin-left: auto; color: #e8d6a8; }
.gd-rank input { flex: 1; min-width: 0; }
.gd-badge { display: inline-block; width: 14px; height: 14px; border-radius: 3px; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.55), inset 0 1px 0 rgba(255, 255, 255, 0.5); }
.gd-prow { display: grid; grid-template-columns: 1.3fr repeat(5, 1fr); align-items: center; padding: 1px 4px; font-size: 12px; }
.gd-pcell { display: flex; justify-content: center; }
.gd-phead { border-bottom: 1px solid #8a5a28; padding-bottom: 3px; margin-bottom: 2px; }
.gd-ptable { background: rgba(60, 40, 20, 0.12); border-radius: 4px; padding: 3px; }
.gd-board { display: flex; flex-direction: column; }
.gd-plist { flex: 1; min-height: 220px; max-height: 300px; overflow-y: auto; border: 2px solid #8a5a28; border-radius: 4px; background: rgba(255, 247, 218, 0.45); }
.gd-prow2 { display: grid; grid-template-columns: 34px 1fr 0.7fr 0.7fr; gap: 6px; padding: 3px 6px; font-size: 12px; cursor: pointer; border-bottom: 1px solid rgba(138, 90, 40, 0.18); }
.gd-prow2:hover { background: rgba(241, 192, 74, 0.25); }
.gd-new { color: #d11a1a; font-weight: 900; }
.gd-pdate { color: #7a5a2a; text-align: right; }
.gd-pbody { padding: 4px 8px 8px 40px; background: rgba(255, 247, 218, 0.7); }
.gd-ptext { white-space: pre-wrap; word-break: break-word; font-size: 12px; margin-bottom: 4px; }
.gd-form { display: flex; flex-direction: column; gap: 4px; margin-top: 6px; }
.gd-form textarea { resize: none; }
.gd-formbtns { display: flex; gap: 6px; }
.gd-boardfoot { display: flex; justify-content: space-between; align-items: center; margin-top: 6px; }
.fr-love .love { background: rgba(240, 120, 150, 0.16); }
/* Social window: the search tab (results, filter) and the greyed In Love Connection tab */
.sr-main { display: grid; grid-template-columns: 1fr auto; gap: 8px; }
.sr-left { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.sr-side { display: flex; flex-direction: column; gap: 6px; }
.sr-box { border-radius: 5px; padding: 6px 8px; background: rgba(120, 90, 40, 0.14); box-shadow: inset 0 0 0 2px #8a5a28, inset 0 0 0 3px rgba(255, 247, 218, 0.5); }
.sr-rows { height: 190px; overflow-y: auto; border: 2px solid #8a5a28; border-top: 0; background: rgba(255, 247, 218, 0.45); }
.sr-row { display: grid; grid-template-columns: 1.5fr 0.4fr 1fr 1.3fr; gap: 6px; padding: 2px 8px; font-size: 12px; align-items: center; cursor: default; }
.sr-rows .sr-row { border-bottom: 1px solid rgba(138, 90, 40, 0.18); }
.sr-rows .sr-row:hover { background: rgba(241, 192, 74, 0.35); }
.sr-head { font-weight: 800; background: linear-gradient(#cdb27a, #b8975c); border: 2px solid #8a5a28; border-bottom: 0; color: #3a2208; }
.sr-levels { display: flex; align-items: center; gap: 6px; font-size: 12px; margin-bottom: 6px; }
.sr-lvl { width: 38px; text-align: center; }
.sr-levels .sr-check { margin-left: auto; }
.sr-classes { display: grid; grid-template-columns: 1fr 1fr; gap: 4px 10px; }
.sr-check { display: inline-flex; align-items: center; gap: 4px; font-size: 12px; font-weight: 700; cursor: pointer; }
.gfw-tab.dim { opacity: 0.5; filter: grayscale(1); }
.fr-dim { opacity: 0.45; filter: grayscale(1); pointer-events: none; }
.fr-pending { margin-bottom: 8px; padding-bottom: 6px; border-bottom: 2px solid rgba(138, 90, 40, 0.4); }