/* SAO Clubs additions on top of the SAO Weekly stylesheet (style.css). */
.pill.st-draft{background:#edf1f4;color:#4b5864}
.pill.st-submitted{background:#fff3dc;color:#8b6025}
.pill.st-approved{background:#e9f4ee;color:#206b50}
.pill.st-changes{background:#eaf2fb;color:#1d5d99}
.pill.st-rejected{background:#fcebec;color:#9d333b}
.pill.off{background:#f1f1f1;color:#7a7a7a}
.clickable tbody tr{cursor:pointer}
.clickable tbody tr:hover td{background:#f6f9fc}
.clickable tbody tr:focus-visible{outline:3px solid var(--sky);outline-offset:-3px}
.form-card{margin-bottom:22px}
.form-card h3{margin-bottom:4px}
.form-card>.hint{margin-bottom:18px}
.materials-scroll{overflow-x:auto;margin:0 -24px;padding:0 24px}
.materials{min-width:1400px;font-size:12px}
.materials th{padding:9px 8px;white-space:nowrap}
.materials th.budget{color:var(--red)}
.materials td{padding:6px 5px;vertical-align:top}
.materials input{padding:7px 8px;font-size:12px;min-width:100px}
.materials td:first-child input{min-width:190px}
.materials td:nth-child(5) input{min-width:170px}
.materials .remove{background:none;border:0;color:var(--red);font-size:18px;line-height:1;padding:6px}
.read dl{display:grid;grid-template-columns:220px 1fr;gap:10px 22px;margin:0}
.read dt{font-size:12px;font-weight:700;color:var(--muted)}
.read dd{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}
.actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.review-box{border-left:3px solid var(--orange)}
.minutes-card{margin-bottom:16px}
.minutes-card .meta{font-size:12px;color:var(--muted)}
.minutes-card .body{white-space:pre-wrap;overflow-wrap:anywhere;margin:6px 0 12px}
.codes{width:100%;min-height:200px;font-family:Consolas,monospace;font-size:12px}
.code-big{font-family:Consolas,monospace;font-size:24px;letter-spacing:.12em;font-weight:700;color:var(--navy2)}
.tabs{display:flex;gap:6px;margin-bottom:22px;border-bottom:1px solid var(--line)}
.tabs button{background:none;border:0;border-bottom:3px solid transparent;padding:10px 4px;margin-right:14px;font-weight:600;color:var(--muted)}
.tabs button.active{color:var(--navy2);border-color:var(--navy)}
@media(max-width:700px){.read dl{grid-template-columns:1fr;gap:2px}.read dd{margin-bottom:12px}.materials-scroll{margin:0 -16px;padding:0 16px}}