/* Legal · Admin: resolution document, company record, dialogs and status pills.
   Shared by legal-admin.html and legal.html. */
.pill { display: inline-block; padding: 2px 10px; border-radius: 999px; font-size: 12px; font-weight: 700; white-space: nowrap; }
.pill.warn { background: #fdf3dc; color: #8a5a00; }
.pill.info { background: #e3ecfa; color: #24508f; }
.pill.ok { background: #e4eed7; color: #3d5f2c; }
.pill.muted { background: #efede6; color: #5f6b58; }

dialog.lg { width: min(760px, calc(100vw - 32px)); max-height: calc(100dvh - 48px); padding: 0; border: 0; border-radius: 12px; box-shadow: 0 20px 60px rgba(0, 0, 0, .25); color: #22301f; }
dialog.lg::backdrop { background: rgba(20, 30, 20, .45); }
.lg-head { position: sticky; top: 0; z-index: 1; display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 14px 20px; background: #1e3a2b; color: #fff; }
.lg-head h2 { margin: 0; font-size: 17px; }
.lg-head button { border: 0; background: none; color: #fff; font-size: 24px; line-height: 1; padding: 0 4px; cursor: pointer; }
.lg-body { padding: 20px; }
.lg-foot { position: sticky; bottom: 0; display: flex; align-items: center; gap: 12px; flex-wrap: wrap; padding: 14px 20px; background: #f6f4ee; border-top: 1px solid #e2ddd0; }
.lg-foot label { display: flex; align-items: center; gap: 8px; font-size: 14px; margin-right: auto; }
.lg-btn { padding: 9px 16px; border: 0; border-radius: 6px; background: #506d2e; color: #fff; font: inherit; font-size: 14px; cursor: pointer; }
.lg-btn:disabled { opacity: .5; cursor: default; }
.lg-btn.alt { background: #fff; color: #22301f; border: 1px solid #cfd6c6; }

.resdoc { background: #fff; border: 1px solid #e2ddd0; border-radius: 6px; padding: 28px 32px; font-family: Georgia, "Times New Roman", serif; font-size: 15px; line-height: 1.6; }
.resdoc .rd-co { margin: 0; text-align: center; font-weight: 700; letter-spacing: .04em; }
.resdoc .rd-sub { margin: 2px 0 0; text-align: center; font-size: 13px; color: #5f6b58; }
.resdoc h3 { margin: 18px 0 0; text-align: center; font-size: 16px; text-transform: uppercase; letter-spacing: .06em; }
.resdoc ol { margin: 20px 0 0; padding-left: 22px; }
.resdoc li { margin-bottom: 10px; }
.rd-sign { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 24px; margin-top: 28px; font-size: 14px; }
.rd-line { display: block; height: 30px; border-bottom: 1px solid #22301f; margin-bottom: 6px; }
.rd-line i { font-family: Roboto, Arial, sans-serif; font-size: 12px; color: #3d5f2c; font-style: normal; font-weight: 700; }
.rd-foot { margin: 18px 0 0; font-family: Roboto, Arial, sans-serif; font-size: 12px; color: #7a8572; }
@media (max-width: 600px) { .resdoc { padding: 18px; } }

.rec { font-size: 14px; }
.rec-h { margin: 0 0 6px; text-align: center; font-weight: 700; font-size: 16px; }
.rec-h span { font-weight: 400; font-size: 13px; color: #5f6b58; }
.rec h4 { margin: 18px 0 0; padding: 7px 10px; background: #eef3e6; border-bottom: 1px solid #cfd6c6; font-size: 13px; }
.rec-kv { display: grid; grid-template-columns: minmax(140px, 220px) 1fr; margin: 0; }
.rec-kv dt, .rec-kv dd { margin: 0; padding: 7px 10px; border-bottom: 1px solid #ece8de; overflow-wrap: anywhere; }
.rec-kv dt { color: #5f6b58; }
@media (max-width: 600px) { .rec-kv { grid-template-columns: 1fr; } .rec-kv dd { padding-top: 0; } }

/* "AGM resolution for signing" cards on Legal */
.sign-cards { display: grid; gap: 12px; margin-bottom: 16px; }
.sign-card { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; padding: 16px 18px; background: #fff; border: 1px solid #b9c9e6; border-left: 5px solid #24508f; border-radius: 10px; }
.sign-card.signed { border-color: #c4d6b0; border-left-color: #3d5f2c; }
.sign-card .sc-main { flex: 1; min-width: 220px; }
.sign-card .sc-tag { font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: #24508f; }
.sign-card.signed .sc-tag { color: #3d5f2c; }
.sign-card h3 { margin: 4px 0 4px; font-size: 17px; }
.sign-card p { font-size: 14px; color: #5f6b58; }
.sign-card .sc-due { color: #8a5a00; font-weight: 700; }
