/* The existing Avelon paper, fonts, controls and warm table palette. */
body.av-cabinet .av-voting { container: av-voting / inline-size; min-width: 0; display: grid; gap: 20px; }
body.av-cabinet .av-voting h2 { margin: 0; }
body.av-cabinet .av-vote-panel { padding: 20px; min-width: 0; }
body.av-cabinet .av-vote-status { display: flex; flex-wrap: wrap; align-items: center; gap: 14px 20px; }
body.av-cabinet .av-vote-status-icon { display: grid; place-items: center; flex: none; width: 54px; height: 54px; border: 1px solid #e0c394; border-radius: 12px; background: #ffc76c26; color: #b17e3c; font-size: 26px; }
body.av-cabinet .av-vote-status-copy { flex: 1; min-width: min(100%,220px); }
body.av-cabinet .av-vote-status-copy p { margin: 4px 0 0; color: #80694b; font-size: 14px; }
body.av-cabinet .av-vote-demo { flex-basis: 100%; margin: 0; padding-top: 12px; border-top: 1px solid #e9d6be; color: #99876a; font-size: 12px; }
body.av-cabinet .av-vote-help { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 20px; }
body.av-cabinet .av-vote-intro { margin: 10px 0 16px; color: #80694b; font-size: 14px; line-height: 1.5; }
body.av-cabinet .av-vote-login { display: flex; gap: 8px; }
body.av-cabinet .av-vote-login input { min-width: 0; min-height: 45px; font-size: 16px; font-weight: 590; }
body.av-cabinet .av-vote-login button { flex: none; min-width: 45px; min-height: 45px; padding: 10px; }
body.av-cabinet .av-vote-copy-status { min-height: 21px; margin: 8px 0 0; font-size: 12px; color: #93651f; }
body.av-cabinet .av-vote-unit { display: flex; align-items: flex-start; gap: 12px; margin-top: 12px; }
body.av-cabinet .av-vote-unit > i { flex: none; color: #d49850; font-size: 28px; }
body.av-cabinet .av-vote-unit p { margin: 0; font-size: 16px; font-weight: 590; line-height: 1.45; }
body.av-cabinet .av-vote-unit + p { margin: 10px 0 0; color: #80694b; font-size: 14px; line-height: 1.5; }
body.av-cabinet .av-vote-section-heading { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 16px; padding: 18px 20px; border-bottom: 1px solid #e9d6be; }
body.av-cabinet .av-vote-provider-list { display: grid; gap: 12px; padding: 16px 20px 20px; }
body.av-cabinet .av-vote-provider { display: grid; grid-template-columns: 44px minmax(0,1fr) auto auto; align-items: center; gap: 12px 16px; padding: 16px; border: 1px solid #e0c394; border-radius: 12px; background: #fff8ee40; }
body.av-cabinet .av-vote-provider-icon { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 10px; background: #ffc76c26; color: #b17e3c; font-size: 22px; }
body.av-cabinet .av-vote-provider h3 { margin: 0; font-family: var(--av-font); font-size: 17px; font-weight: 590; color: #634b2d; }
body.av-cabinet .av-vote-provider p { margin: 4px 0 0; color: #99876a; font-size: 12px; line-height: 1.5; }
body.av-cabinet .av-vote-provider .btn { min-height: 45px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; }
body.av-cabinet .av-vote-pill { display: inline-flex; align-items: center; gap: 6px; width: fit-content; max-width: 100%; padding: 4px 8px; border: 1px solid #e0c394; border-radius: 8px; color: #93651f; background: #ffc76c26; font-size: 12px; font-weight: 510; line-height: 1.4; }
body.av-cabinet .av-vote-pill::before { content: ''; flex: none; width: 5px; height: 5px; border-radius: 50%; background: currentColor; }
body.av-cabinet .av-vote-pill.is-confirmed { color: #65713f; background: #77834d12; border-color: #77834d40; }
body.av-cabinet .av-vote-pill.is-unknown { color: #80694b; background: #e9d6be26; }
body.av-cabinet .av-vote-empty { margin: 0; padding: 20px; color: #99876a; font-size: 14px; }
body.av-cabinet .av-vote-history { margin: 0; width: 100%; font-size: 14px; }
body.av-cabinet .av-vote-history :is(th,td) { padding: 12px 20px; vertical-align: middle; border-color: #e9d6be80; }
body.av-cabinet .av-vote-history th { background: #ffefd9; }
body.av-cabinet .av-vote-history time { display: grid; gap: 2px; font-variant-numeric: tabular-nums; }
body.av-cabinet .av-vote-history time small { color: #99876a; font-size: 12px; }
@container av-voting (max-width: 760px) {
  body.av-cabinet .av-vote-help { grid-template-columns: minmax(0,1fr); }
  body.av-cabinet .av-vote-provider { grid-template-columns: 44px minmax(0,1fr); gap: 10px 12px; }
  body.av-cabinet .av-vote-provider-icon { grid-row: 1 / 3; }
  body.av-cabinet .av-vote-provider > .av-vote-pill { grid-column: 2; }
  body.av-cabinet .av-vote-provider > .btn { grid-column: 1 / -1; }
}
@container av-voting (max-width: 640px) {
  body.av-cabinet .av-vote-history, body.av-cabinet .av-vote-history tbody { display: block; }
  body.av-cabinet .av-vote-history thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
  body.av-cabinet .av-vote-history tbody tr { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 12px; padding: 16px 20px; border-bottom: 1px solid #e9d6be80; }
  body.av-cabinet .av-vote-history tbody td { display: block; padding: 0; border: 0; min-width: 0; overflow-wrap: anywhere; }
  body.av-cabinet .av-vote-history tbody td:last-child { grid-column: 1 / -1; }
  body.av-cabinet .av-vote-history td::before { content: attr(data-label); display: block; margin-bottom: 4px; color: #99876a; font-size: 11px; }
}

/* Keep the voting reward legible beside the secondary last-vote date. */
body.av-cabinet .av-vote-provider p:has(> .d-inline-flex) { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 8px; color: #634b2d; font-size: 16px; font-weight: 590; }
body.av-cabinet .av-vote-provider p > .d-inline-flex { flex: none; white-space: nowrap; }
body.av-cabinet .av-vote-provider p > .d-inline-flex strong { color: #4a331e; font-size: 22px; font-weight: 700; line-height: 1.25; }
body.av-cabinet .av-vote-provider p > .d-inline-flex img { width: 22px; height: 22px; flex: none; }