.eod-section { margin: 0 0 1.5rem; padding: 1.25rem; border: 1px solid rgba(255,255,255,.2); border-radius: .75rem; }
.eod-section h2, .eod-section h3 { margin: 0 0 .5rem; }
.eod-help, .eod-meta { opacity: .78; }
.eod-toolbar, .eod-head, .eod-actions { display: flex; flex-wrap: wrap; gap: .75rem; align-items: center; }
.eod-toolbar { margin: 1rem 0; }
.eod-field { display: grid; gap: .3rem; }
.eod-form { display: grid; gap: .9rem; max-width: 42rem; }
.eod-field input, .eod-field select, .eod-field textarea, .eod-unlock textarea { width: 100%; padding: .5rem; }
.eod-badge { border: 1px solid currentColor; border-radius: 1rem; padding: .2rem .55rem; font-size: .8rem; }
.eod-badge--complete { color: #a5e9c3; }
.eod-status--bad { color: #ffb4a7; }
.eod-unlock { display: grid; gap: .6rem; width: min(100%, 36rem); }
.eod-unlock button { justify-self: start; }
.eod-audit, .eod-recent { margin-top: 1rem; }
.eod-audit li { margin: .25rem 0; }
.eod-recent > div { display: flex; flex-wrap: wrap; gap: .5rem; margin: .75rem 0; }