/* Guilds of the signed-in account and the public guild page (ADR-054), on the classic parchment (ADR-052).
   Links in the rows take the ink of the tables, as the rest of the site. Guild wars wait for the owner's order. */
.classic .cl-main .row-actions { white-space: nowrap; }
.classic .cl-main .row-action { padding: 0; border: 0; background: none; color: var(--cl-ink); text-decoration: underline; text-decoration-color: var(--cl-bronze); font: 700 .8125rem/1.4 var(--ui); cursor: pointer; }
.classic .cl-main .row-action + .row-action { margin-left: 12px; }
.classic .cl-main .row-action:hover { text-decoration: underline; text-underline-offset: 2px; }
.classic .cl-main .row-action:focus-visible { outline: 2px solid #7a5a1e; outline-offset: 2px; }
.classic .cl-main .account-characters-table tr.pending td { color: var(--cl-ink-mute); }
.classic .cl-main .account-characters-table tr.pending td:first-child { color: var(--cl-ink-mute); text-decoration: line-through; }
.classic .cl-main .account-operation { padding-top: 4px; }
.classic .cl-main .account-operation summary { min-height: 0; padding: 4px 0; font-weight: 700; }
.classic .cl-main .account-operation form { gap: 8px; margin-top: 6px; }
.classic .cl-main .acct .msg { padding: 5px 8px; font-size: .8125rem; }
/* Guilds of the signed-in account (ADR-054): the forms stay narrow, the invite field and its button on one line. */
.classic .guild-account-box { display: grid; grid-template-columns: minmax(0, 1fr); gap: 0; }
.classic .cl-main .guild-form { display: grid; gap: 8px; max-width: 460px; margin-top: 6px; }
.classic .cl-main .guild-form .btn { justify-self: start; }
.classic .cl-main .guild-invite { grid-template-columns: minmax(0, 1fr) auto; align-items: end; max-width: 520px; }
.classic .cl-main .guild-rules { margin: 0 0 6px; padding-left: 18px; }
.classic .cl-main .guild-account .kv { max-width: 460px; }
.classic .cl-main .guild-account > .btn { justify-self: start; margin-top: 6px; }
.classic .cl-main .guild-account .msg { margin: 6px 0 0; }
.classic .cl-main .guild-account h3 { margin: 10px 0 2px; font-size: .8125rem; font-weight: 700; }
.classic .cl-main .guild-account .actions-row { align-items: center; margin: 8px 0; }
.classic .cl-main .guild-account textarea { max-width: 100%; font: inherit; padding: 5px 8px; }
/* the guild's page: logo beside its words, as the official "Guild Information" box */
.classic .cl-main .guild-intro { display: flex; gap: 12px; align-items: flex-start; margin: 0 0 8px; }
.classic .cl-main .guild-logo { flex: none; width: 64px; height: 64px; image-rendering: pixelated; }
.classic .cl-main .guild-words { display: grid; gap: 6px; min-width: 0; }
.classic .cl-main .guild-words p { margin: 0; }
.classic .cl-main .guild-description, .classic .cl-main .guild-message { white-space: pre-line; overflow-wrap: anywhere; }
.classic .cl-main .guild-message { display: block; max-width: 38ch; white-space: pre-line; }
.classic .cl-main .guild-entry { display: grid; gap: 1px; }
.classic .cl-main .guild-entry small { color: var(--cl-ink-mute); white-space: normal; max-width: 48ch; }
.classic .cl-main .guild-logo-current { display: flex; align-items: center; gap: 8px; min-height: 64px; }
/* the guild's page as the reference portal: a button to its applications, members 25 a page, sortable */
.classic .cl-main .guild-buttons { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 6px; margin: 0 0 8px; }
.classic .cl-main .guild-pager-info { margin: 0 0 4px; text-align: center; font-size: .75rem; color: var(--cl-ink-mute); }
.classic .cl-main .guild-pager { display: flex; flex-wrap: wrap; justify-content: center; gap: 4px; margin: 0 0 6px; }
.classic .cl-main .guild-pager .btn { min-width: 30px; min-height: 26px; padding: 2px 8px; }
.classic .cl-main .guild-pager .btn[aria-current] { cursor: default; opacity: 1; }
.classic .cl-main .sort-button { padding: 0; border: 0; background: none; color: inherit; font: inherit; font-weight: 700; cursor: pointer; }
.classic .cl-main .sort-button:hover { text-decoration: underline; }
.classic .cl-main .sort-button:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
.classic .cl-main .portal-table td.is-online { color: #2f6e2f; font-weight: 700; }
.classic .cl-main .guild-state.open { color: #2f6e2f; font-weight: 700; }
.classic .cl-main .guild-state.closed { color: #8a2b1d; font-weight: 700; }
@media (max-width: 640px) {
  .classic .cl-main .row-action { display: block; padding-block: 3px; }
  .classic .cl-main .row-action + .row-action { margin-left: 0; }
}
/* the account's tables (members, invitations, applications) fit their box: text wraps and each action takes its own
   line, so "Ações" never falls outside the parchment on a computer or a phone */
.classic .cl-main .guild-account-table { white-space: normal; }
.classic .cl-main .guild-account-table td { overflow-wrap: normal; }
.classic .cl-main .guild-account-table .row-actions { white-space: normal; }
.classic .cl-main .guild-account-table .row-action { display: block; padding-block: 2px; text-align: left; }
.classic .cl-main .guild-account-table .row-action + .row-action { margin-left: 0; }
@media (max-width: 640px) {
  /* the members table of the leaders keeps name, rank, status and actions on a phone; the title is in the form below it */
  .classic .cl-main .guild-members-admin th:nth-child(3), .classic .cl-main .guild-members-admin td:nth-child(3),
  .classic .cl-main .guild-members-admin th:nth-child(4), .classic .cl-main .guild-members-admin td:nth-child(4),
  .classic .cl-main .guild-members-admin th:nth-child(5), .classic .cl-main .guild-members-admin td:nth-child(5) { display: none; }
}