/* v51-css - The round status icons: submitted, draft, incomplete. */

.si{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;font-weight:800;font-size:13px;line-height:1;flex:none;vertical-align:middle;box-sizing:border-box}
.si.ok{background:#0b7a3b;color:#fff}
.si.wn{background:linear-gradient(90deg,#f97316 50%,transparent 50%);border:2px solid #f97316}
.si.no{background:transparent;border:2px solid #8b95a5}
.sileg{display:flex;flex-wrap:wrap;gap:6px 16px;align-items:center;margin:12px 0 0;color:var(--mu);font-size:12.5px}
.sileg span{display:inline-flex;gap:6px;align-items:center}
.sjt{display:flex;align-items:baseline;gap:8px;margin:16px 0 8px;font-size:16px;font-weight:700;color:var(--tx)}
.sjt span{font-size:12px;font-weight:600;color:var(--mu)}
.sjl{display:flex;flex-direction:column;width:100%;max-width:520px;margin:0 0 4px;border:1px solid var(--bd);border-radius:10px;overflow:hidden;background:var(--sf)}
.sjh{display:grid;grid-template-columns:minmax(0,1fr) 44px 92px;gap:8px;padding:6px 10px 6px 12px;background:rgba(10,107,58,.10);color:var(--mu);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}
.sjh span:nth-child(2){text-align:center}
.sjb{display:grid;grid-template-columns:minmax(0,1fr) 44px 92px;align-items:center;gap:8px;background:var(--sf);color:var(--tx);border:0;border-top:1px solid var(--bd);border-radius:0;padding:4px 10px 4px 12px;font-size:13.5px}
.sjb:nth-child(even){background:rgba(127,127,127,.06)}
.sjb .sjn{font-weight:600;overflow-wrap:anywhere}
.sjb .si{justify-self:center;width:18px;height:18px;font-size:12px}
.sjb .btn.sm{padding:3px 8px;font-size:12px;min-height:0;justify-self:end;white-space:nowrap}
.sjl+.sileg{max-width:520px;font-size:12px}
@media(max-width:520px){.sjh,.sjb{grid-template-columns:minmax(0,1fr) 36px 84px}}